@taiga-ui/experimental 3.62.0 → 3.63.0

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/core')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/badge-notification', ['exports', '@angular/core', '@taiga-ui/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components["badge-notification"] = {}), global.ng.core, global.core));
-})(this, (function (exports, i0, core) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/core'), require('@taiga-ui/cdk')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/badge-notification', ['exports', '@angular/core', '@taiga-ui/core', '@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.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components["badge-notification"] = {}), global.ng.core, global.core, global.cdk));
+})(this, (function (exports, i0, core, cdk) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -24,14 +24,23 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
+    var TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS = {
+        size: 'm',
+    };
+    var TUI_BADGE_NOTIFICATION_OPTIONS = cdk.tuiCreateToken(TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS);
+    function tuiBadgeNotificationOptionsProvider(options) {
+        return cdk.tuiProvideOptions(TUI_BADGE_NOTIFICATION_OPTIONS, options, TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS);
+    }
+
     var TuiBadgeNotificationComponent = /** @class */ (function () {
-        function TuiBadgeNotificationComponent(animation) {
+        function TuiBadgeNotificationComponent(animation, options) {
             this.animation = animation;
-            this.size = 'l';
+            this.options = options;
+            this.size = this.options.size;
         }
         return TuiBadgeNotificationComponent;
     }());
-    TuiBadgeNotificationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeNotificationComponent, deps: [{ token: core.TUI_ANIMATION_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiBadgeNotificationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeNotificationComponent, deps: [{ token: core.TUI_ANIMATION_OPTIONS }, { token: TUI_BADGE_NOTIFICATION_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiBadgeNotificationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeNotificationComponent, selector: "tui-badge-notification", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "@tuiPop": "animation" } }, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-text-01-night);border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%;padding:0 .25rem;background:#f52222;height:var(--t-size);min-width:var(--t-size)}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}\n"], animations: [core.tuiPop], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeNotificationComponent, decorators: [{
                 type: i0.Component,
@@ -50,6 +59,9 @@
             return [{ type: undefined, decorators: [{
                             type: i0.Inject,
                             args: [core.TUI_ANIMATION_OPTIONS]
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [TUI_BADGE_NOTIFICATION_OPTIONS]
                         }] }];
         }, propDecorators: { size: [{
                     type: i0.Input
@@ -75,8 +87,11 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS = TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS;
+    exports.TUI_BADGE_NOTIFICATION_OPTIONS = TUI_BADGE_NOTIFICATION_OPTIONS;
     exports.TuiBadgeNotificationComponent = TuiBadgeNotificationComponent;
     exports.TuiBadgeNotificationModule = TuiBadgeNotificationModule;
+    exports.tuiBadgeNotificationOptionsProvider = tuiBadgeNotificationOptionsProvider;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 

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

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

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

@@ -0,0 +1,231 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/experimental/components/badge-notification'), require('rxjs/operators'), require('rxjs'), require('@angular/forms'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/segmented', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/experimental/components/badge-notification', 'rxjs/operators', 'rxjs', '@angular/forms', '@angular/router'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.segmented = {}), global.ng.core, global.cdk, global["taiga-ui"].experimental.components["badge-notification"], global.rxjs.operators, global.rxjs, global.ng.forms, global.ng.router));
+})(this, (function (exports, i0, cdk, badgeNotification, operators, i1, forms, router) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+    var TuiSegmentedComponent = /** @class */ (function () {
+        function TuiSegmentedComponent(el, resize$, destroy$) {
+            var _this = this;
+            this.el = el;
+            this.size = 's';
+            this.activeItemIndex = 0;
+            this.activeItemIndexChange = new i0.EventEmitter();
+            resize$.pipe(operators.takeUntil(destroy$)).subscribe(function () { return _this.refresh(); });
+        }
+        Object.defineProperty(TuiSegmentedComponent.prototype, "tabs", {
+            get: function () {
+                return this.el.nativeElement.children;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TuiSegmentedComponent.prototype.ngOnChanges = function () {
+            this.refresh();
+        };
+        TuiSegmentedComponent.prototype.update = function (activeItemIndex) {
+            if (activeItemIndex === this.activeItemIndex) {
+                return;
+            }
+            this.activeItemIndex = activeItemIndex;
+            this.activeItemIndexChange.emit(activeItemIndex);
+            this.refresh();
+        };
+        Object.defineProperty(TuiSegmentedComponent.prototype, "left", {
+            get: function () {
+                var element = this.activeElement;
+                return cdk.tuiIsHTMLElement(element) ? element.offsetLeft : 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TuiSegmentedComponent.prototype, "width", {
+            get: function () {
+                var _a;
+                return ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TuiSegmentedComponent.prototype, "activeElement", {
+            get: function () {
+                return this.tabs.item(this.activeItemIndex);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // TODO: Switch to HostBinding signals in Angular 17+
+        TuiSegmentedComponent.prototype.refresh = function () {
+            this.el.nativeElement.style.setProperty('--t-left', cdk.tuiPx(this.left));
+            this.el.nativeElement.style.setProperty('--t-width', cdk.tuiPx(this.width));
+        };
+        return TuiSegmentedComponent;
+    }());
+    TuiSegmentedComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedComponent, deps: [{ token: i0.ElementRef }, { token: cdk.TuiResizeService }, { token: cdk.TuiDestroyService, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiSegmentedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSegmentedComponent, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [
+            cdk.TuiDestroyService,
+            cdk.TuiResizeService,
+            badgeNotification.tuiBadgeNotificationOptionsProvider({ size: 's' }),
+        ], usesOnChanges: true, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: ["tui-segmented{position:relative;display:flex;box-sizing:border-box;isolation:isolate;color:var(--tui-clear);border:.125rem solid transparent}tui-segmented[data-size=s]{--t-padding: .625rem;--t-gap: .5rem;--t-margin: -.125rem;height:var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-s)}tui-segmented[data-size=s]>*:before,tui-segmented[data-size=s]>*:after,tui-segmented[data-size=s] tui-icon{font-size:1rem}tui-segmented[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-s)}tui-segmented[data-size=l]{--t-padding: 1.125rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-m);border-width:.25rem}tui-segmented[data-size=l]:after{box-shadow:0 0 0 .25rem}tui-segmented>a,tui-segmented>button,tui-segmented>label,tui-segmented>label>input:not([tuiRadio]){transition-property:color;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;justify-content:center;white-space:nowrap;grid-gap:var(--t-gap);gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-01);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit}tui-segmented>a>*,tui-segmented>button>*,tui-segmented>label>*,tui-segmented>label>input:not([tuiRadio])>*,tui-segmented>a:before,tui-segmented>button:before,tui-segmented>label:before,tui-segmented>label>input:not([tuiRadio]):before,tui-segmented>a:after,tui-segmented>button:after,tui-segmented>label:after,tui-segmented>label>input:not([tuiRadio]):after{margin:0 var(--t-margin)}tui-segmented>a:focus-visible,tui-segmented>button:focus-visible,tui-segmented>label:focus-visible,tui-segmented>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-focus);outline-offset:-.125rem}tui-segmented>label>input:not([tuiRadio]){position:absolute;top:0;left:0;width:100%;height:100%}tui-segmented:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";z-index:-1;border-radius:inherit;background:currentColor;box-shadow:0 0 0 .125rem}tui-segmented:before{transition-property:left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);height:100%;width:var(--t-width);border-radius:inherit;background:currentColor;color:var(--tui-base-01);box-shadow:0 .25rem 1.25rem #0000001a}\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: TuiSegmentedComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'tui-segmented',
+                        template: '<ng-content></ng-content>',
+                        styleUrls: ['./segmented.style.less'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        providers: [
+                            cdk.TuiDestroyService,
+                            cdk.TuiResizeService,
+                            badgeNotification.tuiBadgeNotificationOptionsProvider({ size: 's' }),
+                        ],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.ElementRef]
+                        }] }, { type: i1__namespace.Observable, decorators: [{
+                            type: i0.Inject,
+                            args: [cdk.TuiResizeService]
+                        }] }, { type: i1__namespace.Observable, decorators: [{
+                            type: i0.Self
+                        }, {
+                            type: i0.Inject,
+                            args: [cdk.TuiDestroyService]
+                        }] }];
+        }, propDecorators: { size: [{
+                    type: i0.Input
+                }, {
+                    type: i0.HostBinding,
+                    args: ['attr.data-size']
+                }], activeItemIndex: [{
+                    type: i0.Input
+                }], activeItemIndexChange: [{
+                    type: i0.Output
+                }] } });
+
+    var TuiSegmentedDirective = /** @class */ (function () {
+        function TuiSegmentedDirective(destroy$, component, el) {
+            this.destroy$ = destroy$;
+            this.component = component;
+            this.el = el;
+            this.controls = cdk.EMPTY_QUERY;
+            this.links = cdk.EMPTY_QUERY;
+            this.elements = cdk.EMPTY_QUERY;
+        }
+        TuiSegmentedDirective.prototype.update = function (target) {
+            var index = this.getIndex(target);
+            if (index >= 0) {
+                this.component.update(index);
+            }
+        };
+        TuiSegmentedDirective.prototype.ngAfterContentInit = function () {
+            var _this = this;
+            cdk.tuiQueryListChanges(this.controls)
+                .pipe(operators.switchMap(function () { var _a; return ((_a = _this.controls.last) === null || _a === void 0 ? void 0 : _a.valueChanges) || i1.EMPTY; }), operators.takeUntil(this.destroy$))
+                .subscribe(function () {
+                _this.update(_this.el.nativeElement.querySelector(':checked'));
+            });
+        };
+        TuiSegmentedDirective.prototype.ngAfterContentChecked = function () {
+            var _a;
+            if (this.links.length) {
+                this.update(((_a = this.elements.get(this.linkIndex)) === null || _a === void 0 ? void 0 : _a.nativeElement) || null);
+            }
+        };
+        Object.defineProperty(TuiSegmentedDirective.prototype, "linkIndex", {
+            get: function () {
+                return this.links.toArray().findIndex(function (link) { return link.isActive; });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TuiSegmentedDirective.prototype.getIndex = function (element) {
+            return Array.from(this.component.tabs).findIndex(function (tab) { return tab.contains(element); });
+        };
+        return TuiSegmentedDirective;
+    }());
+    TuiSegmentedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedDirective, deps: [{ token: cdk.TuiDestroyService, self: true }, { token: TuiSegmentedComponent }, { token: i0.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiSegmentedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSegmentedDirective, selector: "tui-segmented", host: { listeners: { "click": "update($event.target)" } }, queries: [{ propertyName: "controls", predicate: forms.NgControl, descendants: true }, { propertyName: "links", predicate: router.RouterLinkActive }, { propertyName: "elements", predicate: router.RouterLinkActive, read: i0.ElementRef }], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: 'tui-segmented',
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace.Observable, decorators: [{
+                            type: i0.Self
+                        }, {
+                            type: i0.Inject,
+                            args: [cdk.TuiDestroyService]
+                        }] }, { type: TuiSegmentedComponent, decorators: [{
+                            type: i0.Inject,
+                            args: [TuiSegmentedComponent]
+                        }] }, { type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.ElementRef]
+                        }] }];
+        }, propDecorators: { controls: [{
+                    type: i0.ContentChildren,
+                    args: [forms.NgControl, { descendants: true }]
+                }], links: [{
+                    type: i0.ContentChildren,
+                    args: [router.RouterLinkActive]
+                }], elements: [{
+                    type: i0.ContentChildren,
+                    args: [router.RouterLinkActive, { read: i0.ElementRef }]
+                }], update: [{
+                    type: i0.HostListener,
+                    args: ['click', ['$event.target']]
+                }] } });
+
+    var TuiSegmentedModule = /** @class */ (function () {
+        function TuiSegmentedModule() {
+        }
+        return TuiSegmentedModule;
+    }());
+    TuiSegmentedModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiSegmentedModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedModule, declarations: [TuiSegmentedComponent, TuiSegmentedDirective], exports: [TuiSegmentedComponent, TuiSegmentedDirective] });
+    TuiSegmentedModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [TuiSegmentedComponent, TuiSegmentedDirective],
+                        exports: [TuiSegmentedComponent, TuiSegmentedDirective],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TuiSegmentedComponent = TuiSegmentedComponent;
+    exports.TuiSegmentedDirective = TuiSegmentedDirective;
+    exports.TuiSegmentedModule = TuiSegmentedModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-components-segmented.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-segmented.umd.js","sources":["../../../projects/experimental/components/segmented/segmented.component.ts","../../../projects/experimental/components/segmented/segmented.directive.ts","../../../projects/experimental/components/segmented/segmented.module.ts","../../../projects/experimental/components/segmented/taiga-ui-experimental-components-segmented.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    OnChanges,\n    Output,\n    Self,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {\n    TuiDestroyService,\n    tuiIsHTMLElement,\n    tuiPx,\n    TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/experimental/components/badge-notification';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-segmented',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./segmented.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TuiDestroyService,\n        TuiResizeService,\n        tuiBadgeNotificationOptionsProvider({size: 's'}),\n    ],\n})\nexport class TuiSegmentedComponent implements OnChanges {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeS = 's';\n\n    @Input()\n    activeItemIndex = 0;\n\n    @Output()\n    readonly activeItemIndexChange = new EventEmitter<number>();\n\n    constructor(\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n    ) {\n        resize$.pipe(takeUntil(destroy$)).subscribe(() => this.refresh());\n    }\n\n    get tabs(): HTMLCollection {\n        return this.el.nativeElement.children;\n    }\n\n    ngOnChanges(): void {\n        this.refresh();\n    }\n\n    update(activeItemIndex: number): void {\n        if (activeItemIndex === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = activeItemIndex;\n        this.activeItemIndexChange.emit(activeItemIndex);\n        this.refresh();\n    }\n\n    private get left(): number {\n        const element = this.activeElement;\n\n        return tuiIsHTMLElement(element) ? element.offsetLeft : 0;\n    }\n\n    private get width(): number {\n        return this.activeElement?.clientWidth || 0;\n    }\n\n    private get activeElement(): Element | null {\n        return this.tabs.item(this.activeItemIndex);\n    }\n\n    // TODO: Switch to HostBinding signals in Angular 17+\n    private refresh(): void {\n        this.el.nativeElement.style.setProperty('--t-left', tuiPx(this.left));\n        this.el.nativeElement.style.setProperty('--t-width', tuiPx(this.width));\n    }\n}\n","import {\n    AfterContentChecked,\n    AfterContentInit,\n    ContentChildren,\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    QueryList,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {RouterLinkActive} from '@angular/router';\nimport {EMPTY_QUERY, TuiDestroyService, tuiQueryListChanges} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiSegmentedComponent} from './segmented.component';\n\n@Directive({\n    selector: 'tui-segmented',\n})\nexport class TuiSegmentedDirective implements AfterContentChecked, AfterContentInit {\n    @ContentChildren(NgControl, {descendants: true})\n    private readonly controls: QueryList<NgControl> = EMPTY_QUERY;\n\n    @ContentChildren(RouterLinkActive)\n    private readonly links: QueryList<RouterLinkActive> = EMPTY_QUERY;\n\n    @ContentChildren(RouterLinkActive, {read: ElementRef})\n    private readonly elements: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    constructor(\n        @Self() @Inject(TuiDestroyService) private readonly destroy$: Observable<unknown>,\n        @Inject(TuiSegmentedComponent) private readonly component: TuiSegmentedComponent,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n    ) {}\n\n    @HostListener('click', ['$event.target'])\n    update(target: Element | null): void {\n        const index = this.getIndex(target);\n\n        if (index >= 0) {\n            this.component.update(index);\n        }\n    }\n\n    ngAfterContentInit(): void {\n        tuiQueryListChanges(this.controls)\n            .pipe(\n                switchMap(() => this.controls.last?.valueChanges || EMPTY),\n                takeUntil(this.destroy$),\n            )\n            .subscribe(() => {\n                this.update(this.el.nativeElement.querySelector(':checked'));\n            });\n    }\n\n    ngAfterContentChecked(): void {\n        if (this.links.length) {\n            this.update(this.elements.get(this.linkIndex)?.nativeElement || null);\n        }\n    }\n\n    private get linkIndex(): number {\n        return this.links.toArray().findIndex(link => link.isActive);\n    }\n\n    private getIndex(element: Element | null): number {\n        return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSegmentedComponent} from './segmented.component';\nimport {TuiSegmentedDirective} from './segmented.directive';\n\n@NgModule({\n    declarations: [TuiSegmentedComponent, TuiSegmentedDirective],\n    exports: [TuiSegmentedComponent, TuiSegmentedDirective],\n})\nexport class TuiSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","takeUntil","tuiIsHTMLElement","tuiPx","i0","ElementRef","TuiResizeService","TuiDestroyService","tuiBadgeNotificationOptionsProvider","Component","ViewEncapsulation","ChangeDetectionStrategy","Inject","Self","Input","HostBinding","Output","EMPTY_QUERY","tuiQueryListChanges","switchMap","EMPTY","NgControl","RouterLinkActive","Directive","ContentChildren","HostListener","NgModule"],"mappings":"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"}

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

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

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

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

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]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;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)}[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]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;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)}[tuiCell] [tuiAccessories]{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]>[tuiAccessories]>*: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]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] 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]>[tuiAccessories]>*: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]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] 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]>[tuiAccessories]>*: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]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] 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: [{

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 {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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"}
+{"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-header.umd.js

@@ -0,0 +1,112 @@
+(function (global, factory) {
+        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/experimental/components')) :
+        typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives/header', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/experimental/components'], 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 || {}, global["taiga-ui"].experimental.directives.header = {}), global.ng.core, global.i1, global["taiga-ui"].experimental.components));
+})(this, (function (exports, i0, i1, components) { 'use strict';
+
+        function _interopNamespace(e) {
+                if (e && e.__esModule) return e;
+                var n = Object.create(null);
+                if (e) {
+                        Object.keys(e).forEach(function (k) {
+                                if (k !== 'default') {
+                                        var d = Object.getOwnPropertyDescriptor(e, k);
+                                        Object.defineProperty(n, k, d.get ? d : {
+                                                enumerable: true,
+                                                get: function () { return e[k]; }
+                                        });
+                                }
+                        });
+                }
+                n["default"] = e;
+                return Object.freeze(n);
+        }
+
+        var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+        var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+        var TuiHeaderComponent = /** @class */ (function () {
+            function TuiHeaderComponent() {
+            }
+            return TuiHeaderComponent;
+        }());
+        TuiHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderComponent, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiHeader]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-01)}[tuiHeader] [tuiTitle]{flex-grow:2}[tuiHeader] [tuiAccessories]{display:flex;align-items:center;-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__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            template: '',
+                            styleUrls: ['./header.styles.less'],
+                            encapsulation: i0.ViewEncapsulation.None,
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                            host: {
+                                class: 'tui-header',
+                            },
+                        }]
+                }] });
+
+        var TuiHeaderDirective = /** @class */ (function () {
+            function TuiHeaderDirective(directiveStyles) {
+                this.size = 's';
+                directiveStyles.addComponent(TuiHeaderComponent);
+            }
+            return TuiHeaderDirective;
+        }());
+        TuiHeaderDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        TuiHeaderDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderDirective, selector: "[tuiHeader]", inputs: { size: ["tuiHeader", "size"] }, host: { attributes: { "tuiHeader": "" }, properties: { "attr.data-size": "size || \"s\"" } }, providers: [
+                components.tuiAvatarOptionsProvider({ size: 's' }),
+                components.tuiButtonOptionsProvider({ size: 's' }),
+                components.tuiBadgeOptionsProvider({ size: 'm' }),
+            ], ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderDirective, decorators: [{
+                    type: i0.Directive,
+                    args: [{
+                            selector: '[tuiHeader]',
+                            providers: [
+                                components.tuiAvatarOptionsProvider({ size: 's' }),
+                                components.tuiButtonOptionsProvider({ size: 's' }),
+                                components.tuiBadgeOptionsProvider({ size: 'm' }),
+                            ],
+                            host: {
+                                tuiHeader: '',
+                                '[attr.data-size]': 'size || "s"',
+                            },
+                        }]
+                }], ctorParameters: function () {
+                return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
+                                type: i0.Inject,
+                                args: [i1.TuiDirectiveStylesService]
+                            }] }];
+            }, propDecorators: { size: [{
+                        type: i0.Input,
+                        args: ['tuiHeader']
+                    }] } });
+
+        var TuiHeaderModule = /** @class */ (function () {
+            function TuiHeaderModule() {
+            }
+            return TuiHeaderModule;
+        }());
+        TuiHeaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        TuiHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule, declarations: [TuiHeaderComponent, TuiHeaderDirective], exports: [TuiHeaderComponent, TuiHeaderDirective] });
+        TuiHeaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [TuiHeaderComponent, TuiHeaderDirective],
+                            exports: [TuiHeaderComponent, TuiHeaderDirective],
+                        }]
+                }] });
+
+        /**
+         * Generated bundle index. Do not edit.
+         */
+
+        exports.TuiHeaderComponent = TuiHeaderComponent;
+        exports.TuiHeaderDirective = TuiHeaderDirective;
+        exports.TuiHeaderModule = TuiHeaderModule;
+
+        Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-directives-header.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-directives-header.umd.js","sources":["../../../projects/experimental/directives/header/header.component.ts","../../../projects/experimental/directives/header/header.directive.ts","../../../projects/experimental/directives/header/header.module.ts","../../../projects/experimental/directives/header/taiga-ui-experimental-directives-header.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./header.styles.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-header',\n    },\n})\nexport class TuiHeaderComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\nimport {\n    tuiAvatarOptionsProvider,\n    tuiBadgeOptionsProvider,\n    tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiHeaderComponent} from './header.component';\n\n@Directive({\n    selector: '[tuiHeader]',\n    providers: [\n        tuiAvatarOptionsProvider({size: 's'}),\n        tuiButtonOptionsProvider({size: 's'}),\n        tuiBadgeOptionsProvider({size: 'm'}),\n    ],\n    host: {\n        tuiHeader: '',\n        '[attr.data-size]': 'size || \"s\"',\n    },\n})\nexport class TuiHeaderDirective {\n    @Input('tuiHeader')\n    size: TuiSizeXXL | TuiSizeXXS | '' = 's';\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiHeaderComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHeaderComponent} from './header.component';\nimport {TuiHeaderDirective} from './header.directive';\n\n@NgModule({\n    declarations: [TuiHeaderComponent, TuiHeaderDirective],\n    exports: [TuiHeaderComponent, TuiHeaderDirective],\n})\nexport class TuiHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","tuiBadgeOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":"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"}