@taiga-ui/experimental 3.54.0 → 3.55.0-canary.f5fbcc5

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

@@ -31,7 +31,7 @@
             return TuiCellComponent;
         }());
         TuiCellComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCellComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiCellComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiCell]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:center;text-decoration:none;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height);--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell] [tuiCellSide]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiCellSide]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiCellSide] tui-avatar,[tuiCell][data-size=s]>[tuiCellSide] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);grid-gap:.125rem;gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiCellSide]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiCellSide] tui-avatar,[tuiCell][data-size=m]>[tuiCellSide] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiCellSide]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiCellSide] tui-avatar,[tuiCell][data-size=l]>[tuiCellSide] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:hover,button[tuiCell]:hover{background:var(--tui-clear);cursor:pointer}}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        TuiCellComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiCell]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-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:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height);--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell] [tuiCellSide]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiCellSide]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiCellSide] tui-avatar,[tuiCell][data-size=s]>[tuiCellSide] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);grid-gap:.125rem;gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiCellSide]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiCellSide] tui-avatar,[tuiCell][data-size=m]>[tuiCellSide] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiCellSide]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiCellSide] tui-avatar,[tuiCell][data-size=l]>[tuiCellSide] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:hover,button[tuiCell]:hover{background:var(--tui-clear);cursor:pointer}}\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: TuiCellComponent, decorators: [{
                     type: i0.Component,
                     args: [{
@@ -46,15 +46,14 @@
                 }] });
 
         var TuiCellDirective = /** @class */ (function () {
-            function TuiCellDirective(platform, directiveStyles) {
-                this.platform = platform;
+            function TuiCellDirective(directiveStyles) {
                 this.size = 'l';
                 directiveStyles.addComponent(TuiCellComponent);
             }
             return TuiCellDirective;
         }());
-        TuiCellDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCellDirective, deps: [{ token: i1.TUI_PLATFORM }, { token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        TuiCellDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellDirective, selector: "[tuiCell]", inputs: { size: ["tuiCell", "size"] }, host: { attributes: { "tuiCell": "" }, properties: { "attr.data-size": "platform !== \"web\" ? \"l\" : size || \"l\"", "attr.data-platform": "platform" } }, providers: [
+        TuiCellDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCellDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        TuiCellDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellDirective, selector: "[tuiCell]", inputs: { size: ["tuiCell", "size"] }, host: { attributes: { "tuiCell": "" }, properties: { "attr.data-size": "size || \"l\"" } }, providers: [
                 components.tuiAvatarOptionsProvider({ size: 's' }),
                 components.tuiButtonOptionsProvider({ size: 's' }),
             ], ngImport: i0__namespace });
@@ -68,15 +67,11 @@
                             ],
                             host: {
                                 tuiCell: '',
-                                '[attr.data-size]': 'platform !== "web" ? "l" : size || "l"',
-                                '[attr.data-platform]': 'platform',
+                                '[attr.data-size]': 'size || "l"',
                             },
                         }]
                 }], ctorParameters: function () {
-                return [{ type: undefined, decorators: [{
-                                type: i0.Inject,
-                                args: [i1.TUI_PLATFORM]
-                            }] }, { type: i1__namespace.TuiDirectiveStylesService, decorators: [{
+                return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
                                 type: i0.Inject,
                                 args: [i1.TuiDirectiveStylesService]
                             }] }];

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-directives-cell.umd.js","sources":["../../../projects/experimental/directives/cell/cell.component.ts","../../../projects/experimental/directives/cell/cell.directive.ts","../../../projects/experimental/directives/cell/cell.module.ts","../../../projects/experimental/directives/cell/taiga-ui-experimental-directives-cell.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./cell.styles.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-cell',\n    },\n})\nexport class TuiCellComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TUI_PLATFORM, TuiDirectiveStylesService, TuiPlatform} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {\n    tuiAvatarOptionsProvider,\n    tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiCellComponent} from './cell.component';\n\n@Directive({\n    selector: '[tuiCell]',\n    providers: [\n        tuiAvatarOptionsProvider({size: 's'}),\n        tuiButtonOptionsProvider({size: 's'}),\n    ],\n    host: {\n        tuiCell: '',\n        '[attr.data-size]': 'platform !== \"web\" ? \"l\" : size || \"l\"',\n        '[attr.data-platform]': 'platform',\n    },\n})\nexport class TuiCellDirective {\n    @Input('tuiCell')\n    size: TuiSizeL | TuiSizeS | '' = 'l';\n\n    constructor(\n        @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiCellComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCellComponent} from './cell.component';\nimport {TuiCellDirective} from './cell.directive';\n\n@NgModule({\n    declarations: [TuiCellComponent, TuiCellDirective],\n    exports: [TuiCellComponent, TuiCellDirective],\n})\nexport class TuiCellModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TUI_PLATFORM","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-directives-cell.umd.js","sources":["../../../projects/experimental/directives/cell/cell.component.ts","../../../projects/experimental/directives/cell/cell.directive.ts","../../../projects/experimental/directives/cell/cell.module.ts","../../../projects/experimental/directives/cell/taiga-ui-experimental-directives-cell.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./cell.styles.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-cell',\n    },\n})\nexport class TuiCellComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {\n    tuiAvatarOptionsProvider,\n    tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiCellComponent} from './cell.component';\n\n@Directive({\n    selector: '[tuiCell]',\n    providers: [\n        tuiAvatarOptionsProvider({size: 's'}),\n        tuiButtonOptionsProvider({size: 's'}),\n    ],\n    host: {\n        tuiCell: '',\n        '[attr.data-size]': 'size || \"l\"',\n    },\n})\nexport class TuiCellDirective {\n    @Input('tuiCell')\n    size: TuiSizeL | TuiSizeS | '' = 'l';\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiCellComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCellComponent} from './cell.component';\nimport {TuiCellDirective} from './cell.directive';\n\n@NgModule({\n    declarations: [TuiCellComponent, TuiCellDirective],\n    exports: [TuiCellComponent, TuiCellDirective],\n})\nexport class TuiCellModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-directives-progress-segmented.umd.js

@@ -31,7 +31,7 @@
             return TuiProgressSegmentedComponent;
         }());
         TuiProgressSegmentedComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressSegmentedComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiProgressSegmentedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressSegmentedComponent, selector: "ng-component", host: { classAttribute: "tui-progress-segmented" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiProgressBar]._segmented{-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - .5rem) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - .5rem),transparent calc(100% - calc(var(--t-height) / 2) - .5rem));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - .5rem) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - .5rem),transparent calc(100% - calc(var(--t-height) / 2) - .5rem));-webkit-mask-size:calc(100% * var(--t-segment-width) + .5rem * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + .5rem * var(--t-segment-width))}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        TuiProgressSegmentedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressSegmentedComponent, selector: "ng-component", host: { classAttribute: "tui-progress-segmented" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiProgressBar]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\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: TuiProgressSegmentedComponent, decorators: [{
                     type: i0.Component,
                     args: [{

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-directives-progress-segmented.umd.js","sources":["../../../projects/experimental/directives/progress-segmented/progress-segmented.component.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.directive.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.module.ts","../../../projects/experimental/directives/progress-segmented/taiga-ui-experimental-directives-progress-segmented.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    host: {class: 'tui-progress-segmented'},\n    template: '',\n    styleUrls: ['./progress-segmented.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\n\n@Directive({\n    selector: '[tuiProgressBar][segments]',\n    host: {\n        class: '_segmented',\n        '[style.--t-segment-width]': '1 / segments',\n        '[attr.new]': '\"\"', // TODO: drop in v4.0\n    },\n})\nexport class TuiProgressSegmentedDirective {\n    @Input()\n    segments = 1;\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiProgressSegmentedComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\nimport {TuiProgressSegmentedDirective} from './progress-segmented.directive';\n\n/**\n * TODO: Move to TuiProgressModule (from `@taiga-ui/kit`) in 4.0\n * TODO: delete the previous version of the same component\n */\n@NgModule({\n    declarations: [TuiProgressSegmentedComponent, TuiProgressSegmentedDirective],\n    exports: [TuiProgressSegmentedDirective],\n})\nexport class TuiProgressSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-directives-progress-segmented.umd.js","sources":["../../../projects/experimental/directives/progress-segmented/progress-segmented.component.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.directive.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.module.ts","../../../projects/experimental/directives/progress-segmented/taiga-ui-experimental-directives-progress-segmented.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    host: {class: 'tui-progress-segmented'},\n    template: '',\n    styleUrls: ['./progress-segmented.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\n\n@Directive({\n    selector: '[tuiProgressBar][segments]',\n    host: {\n        class: '_segmented',\n        '[style.--t-segment-width]': '1 / segments',\n        '[attr.new]': '\"\"', // TODO: drop in v4.0\n    },\n})\nexport class TuiProgressSegmentedDirective {\n    @Input()\n    segments = 1;\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiProgressSegmentedComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\nimport {TuiProgressSegmentedDirective} from './progress-segmented.directive';\n\n/**\n * TODO: Move to TuiProgressModule (from `@taiga-ui/kit`) in 4.0\n * TODO: delete the previous version of the same component\n */\n@NgModule({\n    declarations: [TuiProgressSegmentedComponent, TuiProgressSegmentedDirective],\n    exports: [TuiProgressSegmentedDirective],\n})\nexport class TuiProgressSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}

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

@@ -31,7 +31,7 @@
             return TuiSensitiveComponent;
         }());
         TuiSensitiveComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSensitiveComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiSensitiveComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSensitiveComponent, selector: "ng-component", host: { classAttribute: "tui-sensitive-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: [".tui-sensitive{position:relative;display:inline-block;border-radius:.25rem;line-height:1em}.tui-sensitive:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background:currentColor;border-radius:inherit;-webkit-mask-image:url('data:image/svg+xml,<svg width=\"360\" height=\"48\" viewBox=\"0 0 360 48\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><rect opacity=\"0.2\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"336\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"120\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"216\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"312\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"144\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"192\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"48\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"288\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"96\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"240\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.24\" x=\"72\" width=\"24\" height=\"24\"/><rect opacity=\"0.34\" x=\"264\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"168\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"336\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"120\" y=\"0\" width=\"24\" height=\"24\" /><rect opacity=\"0.3\" x=\"216\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"24\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"312\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"144\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"192\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"48\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"288\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.38\" x=\"96\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.21\" x=\"240\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"72\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"264\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.32\" x=\"168\" y=\"0\" width=\"24\" height=\"24\"/></svg>');mask-image:url('data:image/svg+xml,<svg width=\"360\" height=\"48\" viewBox=\"0 0 360 48\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><rect opacity=\"0.2\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"336\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"120\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"216\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"312\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"144\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"192\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"48\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"288\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"96\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"240\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.24\" x=\"72\" width=\"24\" height=\"24\"/><rect opacity=\"0.34\" x=\"264\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"168\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"336\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"120\" y=\"0\" width=\"24\" height=\"24\" /><rect opacity=\"0.3\" x=\"216\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"24\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"312\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"144\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"192\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"48\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"288\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.38\" x=\"96\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.21\" x=\"240\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"72\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"264\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.32\" x=\"168\" y=\"0\" width=\"24\" height=\"24\"/></svg>');-webkit-mask-size:auto 99%;mask-size:auto 99%;-webkit-mask-position:var(--t-offset, 0) 0;mask-position:var(--t-offset, 0) 0}.tui-sensitive.tui-sensitive{-webkit-text-fill-color:transparent}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        TuiSensitiveComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSensitiveComponent, selector: "ng-component", host: { classAttribute: "tui-sensitive-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: [".tui-sensitive{position:relative;display:inline-block;line-height:1em;-webkit-clip-path:inset(0 round .25rem);clip-path:inset(0 round .25rem)}.tui-sensitive:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background:currentColor;border-radius:inherit;-webkit-mask-image:url('data:image/svg+xml,<svg width=\"360\" height=\"48\" viewBox=\"0 0 360 48\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><rect opacity=\"0.2\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"336\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"120\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"216\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"312\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"144\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"192\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"48\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"288\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"96\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"240\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.24\" x=\"72\" width=\"24\" height=\"24\"/><rect opacity=\"0.34\" x=\"264\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"168\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"336\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"120\" y=\"0\" width=\"24\" height=\"24\" /><rect opacity=\"0.3\" x=\"216\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"24\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"312\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"144\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"192\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"48\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"288\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.38\" x=\"96\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.21\" x=\"240\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"72\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"264\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.32\" x=\"168\" y=\"0\" width=\"24\" height=\"24\"/></svg>');mask-image:url('data:image/svg+xml,<svg width=\"360\" height=\"48\" viewBox=\"0 0 360 48\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><rect opacity=\"0.2\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"336\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"120\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"216\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"312\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"144\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.25\" x=\"192\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"48\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"288\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"96\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"240\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.24\" x=\"72\" width=\"24\" height=\"24\"/><rect opacity=\"0.34\" x=\"264\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"168\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.35\" x=\"336\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"120\" y=\"0\" width=\"24\" height=\"24\" /><rect opacity=\"0.3\" x=\"216\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"24\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.3\" x=\"312\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"144\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.36\" x=\"192\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"48\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.4\" x=\"288\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.38\" x=\"96\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.21\" x=\"240\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"72\" y=\"24\" width=\"24\" height=\"24\"/><rect opacity=\"0.2\" x=\"264\" y=\"0\" width=\"24\" height=\"24\"/><rect opacity=\"0.32\" x=\"168\" y=\"0\" width=\"24\" height=\"24\"/></svg>');-webkit-mask-size:auto 99%;mask-size:auto 99%;-webkit-mask-position:var(--t-offset, 0) 0;mask-position:var(--t-offset, 0) 0}.tui-sensitive.tui-sensitive{-webkit-text-fill-color:transparent}\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: TuiSensitiveComponent, decorators: [{
                     type: i0.Component,
                     args: [{
@@ -79,12 +79,12 @@
             return TuiSensitiveModule;
         }());
         TuiSensitiveModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSensitiveModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        TuiSensitiveModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSensitiveModule, declarations: [TuiSensitiveDirective], exports: [TuiSensitiveDirective] });
+        TuiSensitiveModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSensitiveModule, declarations: [TuiSensitiveDirective, TuiSensitiveComponent], exports: [TuiSensitiveDirective] });
         TuiSensitiveModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSensitiveModule });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSensitiveModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            declarations: [TuiSensitiveDirective],
+                            declarations: [TuiSensitiveDirective, TuiSensitiveComponent],
                             exports: [TuiSensitiveDirective],
                         }]
                 }] });

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-directives-sensitive.umd.js","sources":["../../../projects/experimental/directives/sensitive/sensitive.component.ts","../../../projects/experimental/directives/sensitive/sensitive.directive.ts","../../../projects/experimental/directives/sensitive/sensitive.module.ts","../../../projects/experimental/directives/sensitive/taiga-ui-experimental-directives-sensitive.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./sensitive.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-sensitive-styles',\n    },\n})\nexport class TuiSensitiveComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\n\n@Directive({\n    selector: '[tuiSensitive]',\n    host: {\n        '[style.--t-offset.px]': 'offset',\n        '[class.tui-sensitive]': 'tuiSensitive',\n    },\n})\nexport class TuiSensitiveDirective {\n    @Input()\n    tuiSensitive: boolean | null = false;\n\n    readonly offset = Math.round(Math.random() * 10) * 10;\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiSensitiveComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSensitiveDirective} from './sensitive.directive';\n\n@NgModule({\n    declarations: [TuiSensitiveDirective],\n    exports: [TuiSensitiveDirective],\n})\nexport class TuiSensitiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-directives-sensitive.umd.js","sources":["../../../projects/experimental/directives/sensitive/sensitive.component.ts","../../../projects/experimental/directives/sensitive/sensitive.directive.ts","../../../projects/experimental/directives/sensitive/sensitive.module.ts","../../../projects/experimental/directives/sensitive/taiga-ui-experimental-directives-sensitive.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./sensitive.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-sensitive-styles',\n    },\n})\nexport class TuiSensitiveComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\n\n@Directive({\n    selector: '[tuiSensitive]',\n    host: {\n        '[style.--t-offset.px]': 'offset',\n        '[class.tui-sensitive]': 'tuiSensitive',\n    },\n})\nexport class TuiSensitiveDirective {\n    @Input()\n    tuiSensitive: boolean | null = false;\n\n    readonly offset = Math.round(Math.random() * 10) * 10;\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiSensitiveComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\nimport {TuiSensitiveDirective} from './sensitive.directive';\n\n@NgModule({\n    declarations: [TuiSensitiveDirective, TuiSensitiveComponent],\n    exports: [TuiSensitiveDirective],\n})\nexport class TuiSensitiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}

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

@@ -31,7 +31,7 @@
             return TuiSurfaceComponent;
         }());
         TuiSurfaceComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiSurfaceComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[data-surface]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;border-radius:var(--tui-radius-l);box-sizing:border-box;padding:1.25rem;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;outline-color:var(--tui-focus);transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask}@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)}}[data-surface=elevated]{box-shadow:0 .25rem 1.5rem #0000001f;border-radius:var(--tui-radius-xl);background:var(--tui-elevation-01)}button[data-surface=elevated]:active,a[data-surface=elevated]:active{box-shadow:0 .25rem 1.5rem #0000001f;transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=elevated]:hover,a[data-surface=elevated]:hover{box-shadow:0 .75rem 2.25rem #0003;transform:translateY(-.25rem)}}[data-surface=flat]{border-radius:var(--tui-radius-xl);background:var(--tui-clear)}button[data-surface=flat]:active,a[data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=flat]:hover,a[data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        TuiSurfaceComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[data-surface]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;border-radius:var(--tui-radius-l);box-sizing:border-box;padding:1.25rem;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;outline-color:var(--tui-focus);transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask}@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)}}[data-surface=elevated]{box-shadow:0 .25rem 1.5rem #0000001f;border-radius:var(--tui-radius-xl);background:var(--tui-elevation-01)}button[data-surface=elevated]:active,a[data-surface=elevated]:active{box-shadow:0 .25rem 1.5rem #0000001f;transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=elevated]:hover,a[data-surface=elevated]:hover{box-shadow:0 .75rem 2.25rem #0003;transform:translateY(-.25rem)}}[data-surface=flat]{border-radius:var(--tui-radius-xl);background:var(--tui-clear)}button[data-surface=flat]:active,a[data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=flat]:hover,a[data-surface=flat]:hover{transform:scale(1.15)}}\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: TuiSurfaceComponent, decorators: [{
                     type: i0.Component,
                     args: [{
@@ -53,11 +53,15 @@
             return TuiSurfaceDirective;
         }());
         TuiSurfaceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        TuiSurfaceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceDirective, selector: "[tuiSurface]", inputs: { tuiSurface: "tuiSurface" }, host: { properties: { "attr.data-surface": "this.tuiSurface" } }, ngImport: i0__namespace });
+        TuiSurfaceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceDirective, selector: "[tuiSurface]", inputs: { tuiSurface: "tuiSurface" }, host: { attributes: { "tuiSurface": "" }, properties: { "attr.data-surface": "tuiSurface" } }, ngImport: i0__namespace });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceDirective, decorators: [{
                     type: i0.Directive,
                     args: [{
                             selector: '[tuiSurface]',
+                            host: {
+                                tuiSurface: '',
+                                '[attr.data-surface]': 'tuiSurface',
+                            },
                         }]
                 }], ctorParameters: function () {
                 return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
@@ -66,9 +70,6 @@
                             }] }];
             }, propDecorators: { tuiSurface: [{
                         type: i0.Input
-                    }, {
-                        type: i0.HostBinding,
-                        args: ['attr.data-surface']
                     }] } });
 
         var TuiSurfaceModule = /** @class */ (function () {

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-directives-surface.umd.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, HostBinding, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n    selector: '[tuiSurface]',\n})\nexport class TuiSurfaceDirective {\n    @Input()\n    @HostBinding('attr.data-surface')\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":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","HostBinding","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-directives-surface.umd.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":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,mBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,mBAAA,GAAA;;;;+IAAa,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAnB,mBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,+GARlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,w1HAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,mBAAmB,EAAA,UAAA,EAAA,CAAA;0BAT/BC,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,oBAAoB;QAC9B,qBAAA;yBACJ,CAAA;;;ACED,YAAA,mBAAA,kBAAA,YAAA;QAII,IAAA,SAAA,mBAAA,CACuC,eAA0C,EAAA;QAHjF,QAAA,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAKZ,QAAA,eAAe,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;aACrD;;;QARQ,mBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,mBAAmB,kBAKhBI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;wHAL5B,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,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;0BAP/BK,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,cAAc;QACxB,oBAAA,IAAI,EAAE;QACF,wBAAA,UAAU,EAAE,EAAE;QACd,wBAAA,qBAAqB,EAAE,YAAY;QACtC,qBAAA;yBACJ,CAAA;;;sCAMQC,SAAM;uCAACF,4BAAyB,CAAA;;iCAHrC,UAAU,EAAA,CAAA;8BADTG,QAAK;;;ACJV,YAAA,gBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,gBAAA,GAAA;;;;4IAAa,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAP,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,gBAAgB,EAHV,YAAA,EAAA,CAAA,mBAAmB,EAAE,mBAAmB,aAC7C,mBAAmB,CAAA,EAAA,CAAA,CAAA;6IAEpB,gBAAgB,EAAA,CAAA,CAAA;0HAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;0BAJ5BQ,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;4BACxD,OAAO,EAAE,CAAC,mBAAmB,CAAC;yBACjC,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}

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

@@ -31,7 +31,7 @@
             return TuiTitleComponent;
         }());
         TuiTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTitleComponent, selector: "ng-component", host: { classAttribute: "tui-title" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:left;grid-gap:.25rem;gap:.25rem;margin:0;font:var(--tui-font-text-m-2)}[tuiTitle][data-size=s]{grid-gap:.125rem;gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{grid-gap:.125rem;gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{grid-gap:.5rem;gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-platform=ios],[tuiTitle][data-platform=android]{grid-gap:.25rem;gap:.25rem}[tuiTitle][data-platform=ios] [tuiSubtitle],[tuiTitle][data-platform=android] [tuiSubtitle]{color:var(--tui-text-02)}[tuiSubtitle]{font:var(--tui-font-text-s-2)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        TuiTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTitleComponent, selector: "ng-component", host: { classAttribute: "tui-title" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:left;grid-gap:.25rem;gap:.25rem;margin:0;font:var(--tui-font-text-m-2)}[tuiTitle][data-size=s]{grid-gap:.125rem;gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{grid-gap:.125rem;gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{grid-gap:.5rem;gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-s-2)}\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: TuiTitleComponent, decorators: [{
                     type: i0.Component,
                     args: [{
@@ -46,15 +46,14 @@
                 }] });
 
         var TuiTitleDirective = /** @class */ (function () {
-            function TuiTitleDirective(platform, directiveStyles) {
-                this.platform = platform;
+            function TuiTitleDirective(directiveStyles) {
                 this.size = '';
                 directiveStyles.addComponent(TuiTitleComponent);
             }
             return TuiTitleDirective;
         }());
-        TuiTitleDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTitleDirective, deps: [{ token: i1.TUI_PLATFORM }, { token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        TuiTitleDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTitleDirective, selector: "[tuiTitle]", inputs: { size: ["tuiTitle", "size"] }, host: { attributes: { "tuiTitle": "" }, properties: { "attr.data-size": "size || null", "attr.data-platform": "platform" } }, ngImport: i0__namespace });
+        TuiTitleDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTitleDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        TuiTitleDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiTitleDirective, selector: "[tuiTitle]", inputs: { size: ["tuiTitle", "size"] }, host: { attributes: { "tuiTitle": "" }, properties: { "attr.data-size": "size || null" } }, ngImport: i0__namespace });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTitleDirective, decorators: [{
                     type: i0.Directive,
                     args: [{
@@ -62,14 +61,10 @@
                             host: {
                                 tuiTitle: '',
                                 '[attr.data-size]': 'size || null',
-                                '[attr.data-platform]': 'platform',
                             },
                         }]
                 }], ctorParameters: function () {
-                return [{ type: undefined, decorators: [{
-                                type: i0.Inject,
-                                args: [i1.TUI_PLATFORM]
-                            }] }, { type: i1__namespace.TuiDirectiveStylesService, decorators: [{
+                return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
                                 type: i0.Inject,
                                 args: [i1.TuiDirectiveStylesService]
                             }] }];

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-directives-title.umd.js","sources":["../../../projects/experimental/directives/title/title.component.ts","../../../projects/experimental/directives/title/title.directive.ts","../../../projects/experimental/directives/title/title.module.ts","../../../projects/experimental/directives/title/taiga-ui-experimental-directives-title.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./title.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-title',\n    },\n})\nexport class TuiTitleComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TUI_PLATFORM, TuiDirectiveStylesService, TuiPlatform} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nimport {TuiTitleComponent} from './title.component';\n\n@Directive({\n    selector: '[tuiTitle]',\n    host: {\n        tuiTitle: '',\n        '[attr.data-size]': 'size || null',\n        '[attr.data-platform]': 'platform',\n    },\n})\nexport class TuiTitleDirective {\n    @Input('tuiTitle')\n    size: TuiSizeL | TuiSizeS | '' = '';\n\n    constructor(\n        @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiTitleComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiTitleComponent} from './title.component';\nimport {TuiTitleDirective} from './title.directive';\n\n@NgModule({\n    declarations: [TuiTitleDirective, TuiTitleComponent],\n    exports: [TuiTitleDirective],\n})\nexport class TuiTitleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TUI_PLATFORM","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-directives-title.umd.js","sources":["../../../projects/experimental/directives/title/title.component.ts","../../../projects/experimental/directives/title/title.directive.ts","../../../projects/experimental/directives/title/title.module.ts","../../../projects/experimental/directives/title/taiga-ui-experimental-directives-title.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./title.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-title',\n    },\n})\nexport class TuiTitleComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nimport {TuiTitleComponent} from './title.component';\n\n@Directive({\n    selector: '[tuiTitle]',\n    host: {\n        tuiTitle: '',\n        '[attr.data-size]': 'size || null',\n    },\n})\nexport class TuiTitleDirective {\n    @Input('tuiTitle')\n    size: TuiSizeL | TuiSizeS | '' = '';\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiTitleComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiTitleComponent} from './title.component';\nimport {TuiTitleDirective} from './title.directive';\n\n@NgModule({\n    declarations: [TuiTitleDirective, TuiTitleComponent],\n    exports: [TuiTitleDirective],\n})\nexport class TuiTitleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,iBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,iBAAA,GAAA;;;;6IAAa,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAjB,iBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,sGARhB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8nBAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,iBAAiB,EAAA,UAAA,EAAA,CAAA;0BAT7BC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,oBAAoB,CAAC;4BACjC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,WAAW;QACrB,qBAAA;yBACJ,CAAA;;;ACGD,YAAA,iBAAA,kBAAA,YAAA;QAII,IAAA,SAAA,iBAAA,CACuC,eAA0C,EAAA;QAHjF,QAAA,IAAI,CAAA,IAAA,GAA6B,EAAE,CAAC;QAKhC,QAAA,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;aACnD;;;QARQ,iBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,iBAAiB,kBAKdI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAL5B,iBAAiB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,CAAA,UAAA,EAAA,MAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;0BAP7BK,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,YAAY;QACtB,oBAAA,IAAI,EAAE;QACF,wBAAA,QAAQ,EAAE,EAAE;QACZ,wBAAA,kBAAkB,EAAE,cAAc;QACrC,qBAAA;yBACJ,CAAA;;;sCAMQC,SAAM;uCAACF,4BAAyB,CAAA;;iCAHrC,IAAI,EAAA,CAAA;8BADHG,QAAK;+BAAC,UAAU,CAAA;;;ACLrB,YAAA,cAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,cAAA,GAAA;;;;0IAAa,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAP,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAd,cAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,cAAc,EAHR,YAAA,EAAA,CAAA,iBAAiB,EAAE,iBAAiB,aACzC,iBAAiB,CAAA,EAAA,CAAA,CAAA;2IAElB,cAAc,EAAA,CAAA,CAAA;0HAAd,cAAc,EAAA,UAAA,EAAA,CAAA;0BAJ1BQ,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;4BACpD,OAAO,EAAE,CAAC,iBAAiB,CAAC;yBAC/B,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}

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

@@ -1,13 +1,25 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/directives/card'), require('@taiga-ui/experimental/directives/cell'), require('@taiga-ui/experimental/directives/fade'), require('@taiga-ui/experimental/directives/progress-segmented'), require('@taiga-ui/experimental/directives/sensitive'), require('@taiga-ui/experimental/directives/surface'), require('@taiga-ui/experimental/directives/title')) :
-	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives', ['exports', '@taiga-ui/experimental/directives/card', '@taiga-ui/experimental/directives/cell', '@taiga-ui/experimental/directives/fade', '@taiga-ui/experimental/directives/progress-segmented', '@taiga-ui/experimental/directives/sensitive', '@taiga-ui/experimental/directives/surface', '@taiga-ui/experimental/directives/title'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.directives = {}), global["taiga-ui"].experimental.directives.card, global["taiga-ui"].experimental.directives.cell, global["taiga-ui"].experimental.directives.fade, global["taiga-ui"].experimental.directives["progress-segmented"], global["taiga-ui"].experimental.directives.sensitive, global["taiga-ui"].experimental.directives.surface, global["taiga-ui"].experimental.directives.title));
-})(this, (function (exports, card, cell, fade, progressSegmented, sensitive, surface, title) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/directives/appearance'), require('@taiga-ui/experimental/directives/button-vertical'), require('@taiga-ui/experimental/directives/card'), require('@taiga-ui/experimental/directives/cell'), require('@taiga-ui/experimental/directives/fade'), require('@taiga-ui/experimental/directives/progress-segmented'), require('@taiga-ui/experimental/directives/sensitive'), require('@taiga-ui/experimental/directives/surface'), require('@taiga-ui/experimental/directives/title')) :
+	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives', ['exports', '@taiga-ui/experimental/directives/appearance', '@taiga-ui/experimental/directives/button-vertical', '@taiga-ui/experimental/directives/card', '@taiga-ui/experimental/directives/cell', '@taiga-ui/experimental/directives/fade', '@taiga-ui/experimental/directives/progress-segmented', '@taiga-ui/experimental/directives/sensitive', '@taiga-ui/experimental/directives/surface', '@taiga-ui/experimental/directives/title'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.directives = {}), global["taiga-ui"].experimental.directives.appearance, global["taiga-ui"].experimental.directives["button-vertical"], global["taiga-ui"].experimental.directives.card, global["taiga-ui"].experimental.directives.cell, global["taiga-ui"].experimental.directives.fade, global["taiga-ui"].experimental.directives["progress-segmented"], global["taiga-ui"].experimental.directives.sensitive, global["taiga-ui"].experimental.directives.surface, global["taiga-ui"].experimental.directives.title));
+})(this, (function (exports, appearance, buttonVertical, card, cell, fade, progressSegmented, sensitive, surface, title) { 'use strict';
 
 	/**
 	 * Generated bundle index. Do not edit.
 	 */
 
+	Object.keys(appearance).forEach(function (k) {
+		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+			enumerable: true,
+			get: function () { return appearance[k]; }
+		});
+	});
+	Object.keys(buttonVertical).forEach(function (k) {
+		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+			enumerable: true,
+			get: function () { return buttonVertical[k]; }
+		});
+	});
 	Object.keys(card).forEach(function (k) {
 		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 			enumerable: true,

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

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

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

@@ -0,0 +1,31 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/cdk')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/tokens', ['exports', '@taiga-ui/cdk'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.tokens = {}), global.cdk));
+})(this, (function (exports, cdk) { 'use strict';
+
+    var TUI_ICON_RESOLVER = cdk.tuiCreateTokenFromFactory(
+    // TODO: Remove backwards compatibility in 4.0
+    function () { return function (icon) { return !icon || icon.includes("/")
+        ? icon
+        : "/assets/taiga-ui/icons/" + (icon.includes("Outline")
+            ? icon
+            : icon.replace("Large", "").concat("Outline")) + ".svg"; }; });
+    function tuiIconResolverProvider(useValue) {
+        return {
+            provide: TUI_ICON_RESOLVER,
+            useValue: useValue,
+        };
+    }
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TUI_ICON_RESOLVER = TUI_ICON_RESOLVER;
+    exports.tuiIconResolverProvider = tuiIconResolverProvider;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-tokens.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-tokens.umd.js","sources":["../../../projects/experimental/tokens/icon-resolver.ts","../../../projects/experimental/tokens/taiga-ui-experimental-tokens.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateTokenFromFactory, TuiStringHandler} from '@taiga-ui/cdk';\n\nexport const TUI_ICON_RESOLVER = tuiCreateTokenFromFactory<TuiStringHandler<string>>(\n    // TODO: Remove backwards compatibility in 4.0\n    () => icon =>\n        !icon || icon.includes(`/`)\n            ? icon\n            : `/assets/taiga-ui/icons/${\n                  icon.includes(`Outline`)\n                      ? icon\n                      : icon.replace(`Large`, ``).concat(`Outline`)\n              }.svg`,\n);\n\nexport function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider {\n    return {\n        provide: TUI_ICON_RESOLVER,\n        useValue,\n    };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateTokenFromFactory"],"mappings":";;;;;;AAGO,QAAM,iBAAiB,GAAGA,6BAAyB;IACtD;IACA,YAAA,EAAM,OAAA,UAAA,IAAI,EAAA,EACN,OAAA,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;IACvB,MAAE,IAAI;IACN,MAAE,yBACI,IAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;IACpB,UAAE,IAAI;cACJ,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,CACpD,CAAM,GAAA,MAAA,CAAA,EAAA,CAPV,EAOU,EAClB;IAEI,SAAU,uBAAuB,CAAC,QAAkC,EAAA;QACtE,OAAO;IACH,QAAA,OAAO,EAAE,iBAAiB;IAC1B,QAAA,QAAQ,EAAA,QAAA;SACX,CAAC;IACN;;ICpBA;;IAEG;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components'), require('@taiga-ui/experimental/directives'), require('@taiga-ui/experimental/pipes')) :
-	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental', ['exports', '@taiga-ui/experimental/components', '@taiga-ui/experimental/directives', '@taiga-ui/experimental/pipes'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = {}), global["taiga-ui"].experimental.components, global["taiga-ui"].experimental.directives, global["taiga-ui"].experimental.pipes));
-})(this, (function (exports, components, directives, pipes) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components'), require('@taiga-ui/experimental/directives'), require('@taiga-ui/experimental/pipes'), require('@taiga-ui/experimental/tokens')) :
+	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental', ['exports', '@taiga-ui/experimental/components', '@taiga-ui/experimental/directives', '@taiga-ui/experimental/pipes', '@taiga-ui/experimental/tokens'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = {}), global["taiga-ui"].experimental.components, global["taiga-ui"].experimental.directives, global["taiga-ui"].experimental.pipes, global["taiga-ui"].experimental.tokens));
+})(this, (function (exports, components, directives, pipes, tokens) { 'use strict';
 
 	/**
 	 * Generated bundle index. Do not edit.
@@ -26,6 +26,12 @@
 			get: function () { return pipes[k]; }
 		});
 	});
+	Object.keys(tokens).forEach(function (k) {
+		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+			enumerable: true,
+			get: function () { return tokens[k]; }
+		});
+	});
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

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

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

package/components/avatar/avatar.component.d.ts

@@ -1,16 +1,17 @@
 import { SafeResourceUrl } from '@angular/platform-browser';
-import { TuiPlatform } from '@taiga-ui/cdk';
+import { TuiStringHandler } from '@taiga-ui/cdk';
 import { TuiAvatarOptions } from './avatar.options';
 import * as i0 from "@angular/core";
 export declare class TuiAvatarComponent {
     private readonly options;
-    readonly platform: TuiPlatform;
+    readonly resolver: TuiStringHandler<string>;
     size: "m" | "l" | "xl" | "xxl" | "s" | "xs" | "xxs";
     round: boolean;
     src: SafeResourceUrl | string | null;
-    constructor(options: TuiAvatarOptions, platform: TuiPlatform);
+    appearance: string;
+    constructor(options: TuiAvatarOptions, resolver: TuiStringHandler<string>);
     get value(): SafeResourceUrl | string;
     get type(): 'content' | 'icon' | 'img' | 'text';
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarComponent, "tui-avatar", never, { "size": "size"; "round": "round"; "src": "src"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarComponent, "tui-avatar", never, { "size": "size"; "round": "round"; "src": "src"; "appearance": "appearance"; }, {}, never, ["*"]>;
 }

package/components/avatar/avatar.module.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./avatar.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@taiga-ui/core";
+import * as i3 from "@taiga-ui/experimental/components/icon";
 import * as i4 from "@taiga-ui/kit";
 export declare class TuiAvatarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAvatarModule, [typeof i1.TuiAvatarComponent], [typeof i2.CommonModule, typeof i3.TuiSvgModule, typeof i4.TuiLazyLoadingModule], [typeof i1.TuiAvatarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAvatarModule, [typeof i1.TuiAvatarComponent], [typeof i2.CommonModule, typeof i3.TuiIconModule, typeof i4.TuiLazyLoadingModule], [typeof i1.TuiAvatarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiAvatarModule>;
 }

package/components/badge/badge.component.d.ts

@@ -1,15 +1,5 @@
-import { TuiPlatform } from '@taiga-ui/cdk';
-import { TuiBrightness } from '@taiga-ui/core';
-import { Observable } from 'rxjs';
-import { TuiBadgeOptions } from './badge.options';
 import * as i0 from "@angular/core";
 export declare class TuiBadgeComponent {
-    private readonly options;
-    readonly mode$: Observable<TuiBrightness | null>;
-    readonly platform: TuiPlatform;
-    size: "m" | "s" | "l" | "xl";
-    appearance: import("@taiga-ui/kit/types").TuiStatus | "accent" | "light";
-    constructor(options: TuiBadgeOptions, mode$: Observable<TuiBrightness | null>, platform: TuiPlatform);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeComponent, "tui-badge", never, { "size": "size"; "appearance": "appearance"; }, {}, never, ["img", "tui-svg", "*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeComponent, "ng-component", never, {}, {}, never, never>;
 }

package/components/badge/badge.directive.d.ts

@@ -0,0 +1,12 @@
+import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
+import { TuiBadgeOptions } from './badge.options';
+import * as i0 from "@angular/core";
+export declare class TuiBadgeDirective {
+    private readonly options;
+    size: "m" | "s" | "l" | "xl";
+    appearance: string;
+    dot: boolean;
+    constructor(options: TuiBadgeOptions, directiveStyles: TuiDirectiveStylesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBadgeDirective, "tui-badge,[tuiBadge]", never, { "size": "size"; "appearance": "appearance"; "dot": "dot"; }, {}, never>;
+}

package/components/badge/badge.module.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./badge.component";
+import * as i2 from "./badge.directive";
 export declare class TuiBadgeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiBadgeModule, [typeof i1.TuiBadgeComponent], never, [typeof i1.TuiBadgeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiBadgeModule, [typeof i1.TuiBadgeComponent, typeof i2.TuiBadgeDirective], never, [typeof i2.TuiBadgeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiBadgeModule>;
 }