@taiga-ui/experimental 3.54.0 → 3.55.0

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/toggle', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk', '@taiga-ui/core', 'rxjs'], 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.toggle = {}), global.ng.core, global.ng.forms, global.cdk, global.core, global.rxjs));
-})(this, (function (exports, i0, i2, cdk, core, i1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk'), require('@taiga-ui/experimental/tokens')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/toggle', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk', '@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 || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.toggle = {}), global.ng.core, global.ng.forms, global.cdk, global["taiga-ui"].experimental.tokens));
+})(this, (function (exports, i0, i1, cdk, tokens) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,7 +23,6 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     var TUI_TOGGLE_DEFAULT_OPTIONS = {
@@ -37,30 +36,26 @@
     }
 
     var TuiToggleComponent = /** @class */ (function () {
-        function TuiToggleComponent(baseHref, svg, options, mode$, platform, control) {
-            this.baseHref = baseHref;
-            this.svg = svg;
+        function TuiToggleComponent(resolver, options, control) {
+            this.resolver = resolver;
             this.options = options;
-            this.mode$ = mode$;
-            this.platform = platform;
             this.control = control;
             this.size = this.options.size;
             this.showIcons = this.options.showIcons;
         }
         Object.defineProperty(TuiToggleComponent.prototype, "icon", {
             get: function () {
-                var _a = this, options = _a.options, svg = _a.svg, baseHref = _a.baseHref, size = _a.size;
+                var _a = this, options = _a.options, resolver = _a.resolver, size = _a.size;
                 var icon = cdk.tuiIsString(options.icon) ? options.icon : options.icon(size);
-                var mask = icon.includes('/') ? icon : svg.path(icon, baseHref);
-                return "url(" + mask + ")";
+                return "url(" + resolver(icon) + ")";
             },
             enumerable: false,
             configurable: true
         });
         return TuiToggleComponent;
     }());
-    TuiToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiToggleComponent, deps: [{ token: cdk.TUI_BASE_HREF }, { token: core.TUI_SVG_OPTIONS }, { token: TUI_TOGGLE_OPTIONS }, { token: core.TUI_MODE }, { token: cdk.TUI_PLATFORM }, { token: i2.NgControl, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiToggleComponent, selector: "input[type=\"checkbox\"][tuiToggle]", inputs: { size: "size", showIcons: "showIcons" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "attr.data-platform": "platform", "class._invalid": "control?.invalid && control?.touched", "class._readonly": "!control", "class._icons": "showIcons", "style.--t-mask": "this.icon" } }, providers: [core.MODE_PROVIDER], ngImport: i0__namespace, template: '', isInline: true, styles: [":host{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;outline:none}:host:disabled{pointer-events:none}:host:disabled:not(._readonly){opacity:var(--tui-disabled-opacity)}:host:focus-visible{box-shadow:inset 0 0 0 .125rem var(--tui-focus)!important}:host[data-platform=ios]{height:1.9375rem;width:3.1875rem;border-radius:2rem;color:var(--tui-text-01-night);background:var(--tui-base-04)}:host[data-platform=ios]:after{transition-property:transform,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";display:block;width:1.9375rem;height:1.9375rem;border-radius:2rem;background:currentColor;transform:scale(.871);box-shadow:0 .25rem .125rem #0000000f,0 .25rem .5rem #00000026}:host[data-platform=ios]:active:after{width:2.3rem}:host[data-platform=ios]:checked{background:var(--tui-accent)}:host[data-platform=ios]:checked:after{transform:scale(.871) translate(1.44rem)}:host[data-platform=ios]:checked:active:after{transform:scale(.871) translate(1.0775rem)}:host[data-platform=ios]._invalid{background:var(--tui-error-bg)}:host[data-platform=ios]._invalid:checked{background:var(--tui-error-fill)}:host[data-platform=android]{transition-property:color,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:1.25rem;width:2.5rem;color:var(--tui-base-05);background:transparent}:host[data-platform=android]:before{content:\"\";display:block;height:100%;border:.1875rem solid transparent;box-sizing:border-box;border-radius:2rem;background:currentColor;background-clip:content-box;opacity:.5}:host[data-platform=android]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;border-radius:100%;background:#ececec;box-shadow:0 .0625rem .0625rem #0000003d,0 0 .0625rem #0000001f,inset 0 .0625rem #ffffff1f}:host[data-platform=android]:checked{color:var(--tui-accent)}:host[data-platform=android]:checked:after{background:currentColor;transform:translate(1.25rem)}:host[data-platform=android]._invalid{color:var(--tui-error-fill)}:host[data-platform=android]._invalid:not(:checked){opacity:.4}:host[data-platform=android]._invalid:after{background:var(--tui-error-fill)}:host[data-platform=web]{width:3rem;height:1.5rem;border-radius:2rem;color:var(--tui-primary-text);overflow:hidden}:host[data-platform=web]:checked{background:var(--tui-primary)}:host[data-platform=web]:checked:hover{background:var(--tui-primary-hover)}:host[data-platform=web]:checked:active{background:var(--tui-primary-active)}:host[data-platform=web]:not(:checked){background:var(--tui-secondary)}:host[data-platform=web]:not(:checked):hover{background:var(--tui-secondary-hover)}:host[data-platform=web]:not(:checked):active{background:var(--tui-secondary-active)}:host[data-platform=web]:not(:checked)[data-mode=onDark]{background:var(--tui-clear-inverse)}:host[data-platform=web]:not(:checked)[data-mode=onDark]:hover{background:var(--tui-clear-inverse-hover)}:host[data-platform=web]:not(:checked)[data-mode=onDark]:active{background:var(--tui-clear-inverse-hover)}:host[data-platform=web]:before,:host[data-platform=web]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;height:100%;width:1.5rem}:host[data-platform=web]:before{display:none;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center;mask:var(--t-mask) no-repeat center;transform:translate(-1.5rem)}:host[data-platform=web]:after{right:0;border-radius:100%;transform:scale(.5);box-shadow:-3rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web]:checked:before{transform:none}:host[data-platform=web]:checked:after{transform:scale(.5) translate(3rem)}:host[data-platform=web][data-size=s]{height:1rem;width:2rem}:host[data-platform=web][data-size=s]:before{width:1rem;transform:translate(-1rem) scale(.875)}:host[data-platform=web][data-size=s]:after{width:1rem;box-shadow:-2rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web][data-size=s]:checked:before{transform:scale(.875)}:host[data-platform=web][data-size=s]:checked:after{transform:scale(.5) translate(2rem)}:host[data-platform=web]._invalid{background:var(--tui-error-bg)}:host[data-platform=web]._invalid:hover,:host[data-platform=web]._invalid:active{background:var(--tui-error-bg-hover)}:host[data-platform=web]._invalid:checked{background:var(--tui-error-fill)}:host[data-platform=web]._invalid[data-mode=onDark]{background:var(--tui-error-bg-night)}:host[data-platform=web]._invalid[data-mode=onDark]:hover,:host[data-platform=web]._invalid[data-mode=onDark]:active{background:var(--tui-error-bg-night-hover)}:host[data-platform=web]._invalid[data-mode=onDark]:checked{background:var(--tui-error-fill-night)}:host[data-platform=web]._icons:before{display:block}:host[data-platform=web]._icons:after{box-shadow:inset 0 0 0 .25rem var(--tui-clear-active),-3rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web]._icons[data-size=s]:after{box-shadow:inset 0 0 0 .125rem var(--tui-clear-active),-2rem 0 0 .25rem var(--tui-text-01-night)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiToggleComponent, deps: [{ token: tokens.TUI_ICON_RESOLVER }, { token: TUI_TOGGLE_OPTIONS }, { token: i1.NgControl, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiToggleComponent, selector: "input[type=\"checkbox\"][tuiToggle]", inputs: { size: "size", showIcons: "showIcons" }, host: { attributes: { "tuiAppearance": "" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._invalid": "control?.invalid && control?.touched", "class._readonly": "!control", "class._icons": "showIcons", "style.--t-mask": "this.icon" } }, ngImport: i0__namespace, template: '', isInline: true, styles: [":host{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:3rem;height:1.5rem;border-radius:2rem;color:var(--tui-primary-text);overflow:hidden;cursor:pointer;margin:0;background:var(--tui-secondary)}:host[data-size=s]{height:1rem;width:2rem}:host[data-size=s]:before{width:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}:host[data-size=s]:after{width:1rem;box-shadow:-2rem 0 0 .25rem var(--tui-text-01-night)}:host[data-size=s]:checked:after{transform:scale(.5) translate(2rem)}:host:hover{background:var(--tui-secondary-hover)}:host:active{background:var(--tui-secondary-active)}:host:checked{background:var(--tui-primary)}:host:checked:hover{background:var(--tui-primary-hover)}:host:checked:active{background:var(--tui-primary-active)}:host:checked:before{transform:none}:host:checked:after{transform:scale(.5) translate(3rem)}:host:disabled._readonly{opacity:1}:host:before,:host:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;height:100%;width:1.5rem}:host:before{display:none;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center;mask:var(--t-mask) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}:host:after{right:0;border-radius:100%;transform:scale(.5);box-shadow:-3rem 0 0 .25rem var(--tui-text-01-night)}:host._icons:before{display:block}:host._icons:after{box-shadow:inset 0 0 0 .25rem var(--tui-clear-active),-3rem 0 0 .25rem var(--tui-text-01-night)}:host._icons[data-size=s]:after{box-shadow:inset 0 0 0 .125rem var(--tui-clear-active),-2rem 0 0 .25rem var(--tui-text-01-night)}:host._invalid{background:var(--tui-error-bg)}:host._invalid:hover,:host._invalid:active{background:var(--tui-error-bg-hover)}:host._invalid:checked{background:var(--tui-error-fill)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiToggleComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -68,12 +63,10 @@
                         template: '',
                         styleUrls: ['./toggle.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        providers: [core.MODE_PROVIDER],
                         host: {
-                            '($.data-mode.attr)': 'mode$',
+                            tuiAppearance: '',
                             '[disabled]': '!control || control.disabled',
                             '[attr.data-size]': 'size',
-                            '[attr.data-platform]': 'platform',
                             '[class._invalid]': 'control?.invalid && control?.touched',
                             '[class._readonly]': '!control',
                             '[class._icons]': 'showIcons',
@@ -82,24 +75,15 @@
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [cdk.TUI_BASE_HREF]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [core.TUI_SVG_OPTIONS]
+                            args: [tokens.TUI_ICON_RESOLVER]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
                             args: [TUI_TOGGLE_OPTIONS]
-                        }] }, { type: i1__namespace.Observable, decorators: [{
-                            type: i0.Inject,
-                            args: [core.TUI_MODE]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [cdk.TUI_PLATFORM]
-                        }] }, { type: i2__namespace.NgControl, decorators: [{
+                        }] }, { type: i1__namespace.NgControl, decorators: [{
                             type: i0.Optional
                         }, {
                             type: i0.Inject,
-                            args: [i2.NgControl]
+                            args: [i1.NgControl]
                         }] }];
         }, propDecorators: { size: [{
                     type: i0.Input

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-toggle.umd.js","sources":["../../../projects/experimental/components/toggle/toggle.options.ts","../../../projects/experimental/components/toggle/toggle.component.ts","../../../projects/experimental/components/toggle/toggle.module.ts","../../../projects/experimental/components/toggle/taiga-ui-experimental-components-toggle.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, TuiMapper, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiToggleOptions {\n    readonly showIcons: boolean;\n    readonly size: TuiSizeS;\n    readonly icon: TuiMapper<TuiSizeS, string> | string;\n}\n\nexport const TUI_TOGGLE_DEFAULT_OPTIONS: TuiToggleOptions = {\n    showIcons: true,\n    size: `m`,\n    icon: `tuiIconCheck`,\n};\n\nexport const TUI_TOGGLE_OPTIONS = tuiCreateToken(TUI_TOGGLE_DEFAULT_OPTIONS);\n\nexport function tuiToggleOptionsProvider(options: Partial<TuiToggleOptions>): Provider {\n    return tuiProvideOptions(TUI_TOGGLE_OPTIONS, options, TUI_TOGGLE_DEFAULT_OPTIONS);\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TUI_BASE_HREF, TUI_PLATFORM, tuiIsString, TuiPlatform} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TUI_SVG_OPTIONS,\n    TuiBrightness,\n    TuiSvgOptions,\n} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_TOGGLE_OPTIONS, TuiToggleOptions} from './toggle.options';\n\n@Component({\n    selector: 'input[type=\"checkbox\"][tuiToggle]',\n    template: '',\n    styleUrls: ['./toggle.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        '[disabled]': '!control || control.disabled',\n        '[attr.data-size]': 'size',\n        '[attr.data-platform]': 'platform',\n        '[class._invalid]': 'control?.invalid && control?.touched',\n        '[class._readonly]': '!control',\n        '[class._icons]': 'showIcons',\n    },\n})\nexport class TuiToggleComponent {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    showIcons = this.options.showIcons;\n\n    constructor(\n        @Inject(TUI_BASE_HREF) private readonly baseHref: string,\n        @Inject(TUI_SVG_OPTIONS) private readonly svg: TuiSvgOptions,\n        @Inject(TUI_TOGGLE_OPTIONS) private readonly options: TuiToggleOptions,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n        @Optional() @Inject(NgControl) readonly control: NgControl | null,\n    ) {}\n\n    @HostBinding('style.--t-mask')\n    get icon(): string {\n        const {options, svg, baseHref, size} = this;\n        const icon = tuiIsString(options.icon) ? options.icon : options.icon(size);\n        const mask = icon.includes('/') ? icon : svg.path(icon, baseHref);\n\n        return `url(${mask})`;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiToggleComponent} from './toggle.component';\n\n@NgModule({\n    declarations: [TuiToggleComponent],\n    exports: [TuiToggleComponent],\n})\nexport class TuiToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiIsString","TUI_BASE_HREF","TUI_SVG_OPTIONS","TUI_MODE","TUI_PLATFORM","NgControl","i0","MODE_PROVIDER","Component","ChangeDetectionStrategy","Inject","Optional","Input","HostBinding","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-components-toggle.umd.js","sources":["../../../projects/experimental/components/toggle/toggle.options.ts","../../../projects/experimental/components/toggle/toggle.component.ts","../../../projects/experimental/components/toggle/toggle.module.ts","../../../projects/experimental/components/toggle/taiga-ui-experimental-components-toggle.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, TuiMapper, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiToggleOptions {\n    readonly showIcons: boolean;\n    readonly size: TuiSizeS;\n    readonly icon: TuiMapper<TuiSizeS, string> | string;\n}\n\nexport const TUI_TOGGLE_DEFAULT_OPTIONS: TuiToggleOptions = {\n    showIcons: true,\n    size: `m`,\n    icon: `tuiIconCheck`,\n};\n\nexport const TUI_TOGGLE_OPTIONS = tuiCreateToken(TUI_TOGGLE_DEFAULT_OPTIONS);\n\nexport function tuiToggleOptionsProvider(options: Partial<TuiToggleOptions>): Provider {\n    return tuiProvideOptions(TUI_TOGGLE_OPTIONS, options, TUI_TOGGLE_DEFAULT_OPTIONS);\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {tuiIsString, TuiStringHandler} from '@taiga-ui/cdk';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\nimport {TUI_TOGGLE_OPTIONS, TuiToggleOptions} from './toggle.options';\n\n@Component({\n    selector: 'input[type=\"checkbox\"][tuiToggle]',\n    template: '',\n    styleUrls: ['./toggle.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        tuiAppearance: '', // Apply base appearance\n        '[disabled]': '!control || control.disabled',\n        '[attr.data-size]': 'size',\n        '[class._invalid]': 'control?.invalid && control?.touched',\n        '[class._readonly]': '!control',\n        '[class._icons]': 'showIcons',\n    },\n})\nexport class TuiToggleComponent {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    showIcons = this.options.showIcons;\n\n    constructor(\n        @Inject(TUI_ICON_RESOLVER) private readonly resolver: TuiStringHandler<string>,\n        @Inject(TUI_TOGGLE_OPTIONS) private readonly options: TuiToggleOptions,\n        @Optional() @Inject(NgControl) readonly control: NgControl | null,\n    ) {}\n\n    @HostBinding('style.--t-mask')\n    get icon(): string {\n        const {options, resolver, size} = this;\n        const icon = tuiIsString(options.icon) ? options.icon : options.icon(size);\n\n        return `url(${resolver(icon)})`;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiToggleComponent} from './toggle.component';\n\n@NgModule({\n    declarations: [TuiToggleComponent],\n    exports: [TuiToggleComponent],\n})\nexport class TuiToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiIsString","i0","TUI_ICON_RESOLVER","NgControl","Component","ChangeDetectionStrategy","Inject","Optional","Input","HostBinding","NgModule"],"mappings":"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"}

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

@@ -0,0 +1,82 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives/appearance', ['exports', '@angular/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.directives = global["taiga-ui"].experimental.directives || {}, global["taiga-ui"].experimental.directives.appearance = {}), global.ng.core));
+})(this, (function (exports, i0) { '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 TuiAppearanceDirective = /** @class */ (function () {
+        function TuiAppearanceDirective() {
+            this.tuiAppearance = '';
+            this.tuiAppearanceState = null;
+            this.tuiAppearanceFocus = null;
+        }
+        return TuiAppearanceDirective;
+    }());
+    TuiAppearanceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiAppearanceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppearanceDirective, selector: "[tuiAppearance]", inputs: { tuiAppearance: "tuiAppearance", tuiAppearanceState: "tuiAppearanceState", tuiAppearanceFocus: "tuiAppearanceFocus" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "tuiAppearance", "attr.data-state": "tuiAppearanceState", "attr.data-focus": "tuiAppearanceFocus" } }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[tuiAppearance]',
+                        host: {
+                            tuiAppearance: '',
+                            '[attr.data-appearance]': 'tuiAppearance',
+                            '[attr.data-state]': 'tuiAppearanceState',
+                            '[attr.data-focus]': 'tuiAppearanceFocus',
+                        },
+                    }]
+            }], propDecorators: { tuiAppearance: [{
+                    type: i0.Input
+                }], tuiAppearanceState: [{
+                    type: i0.Input
+                }], tuiAppearanceFocus: [{
+                    type: i0.Input
+                }] } });
+
+    var TuiAppearanceModule = /** @class */ (function () {
+        function TuiAppearanceModule() {
+        }
+        return TuiAppearanceModule;
+    }());
+    TuiAppearanceModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiAppearanceModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceModule, declarations: [TuiAppearanceDirective], exports: [TuiAppearanceDirective] });
+    TuiAppearanceModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [TuiAppearanceDirective],
+                        exports: [TuiAppearanceDirective],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TuiAppearanceDirective = TuiAppearanceDirective;
+    exports.TuiAppearanceModule = TuiAppearanceModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-directives-appearance.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-directives-appearance.umd.js","sources":["../../../projects/experimental/directives/appearance/appearance.directive.ts","../../../projects/experimental/directives/appearance/appearance.module.ts","../../../projects/experimental/directives/appearance/taiga-ui-experimental-directives-appearance.ts"],"sourcesContent":["import {Directive, Input} from '@angular/core';\nimport {TuiInteractiveStateT} from '@taiga-ui/core';\n\n@Directive({\n    selector: '[tuiAppearance]',\n    host: {\n        tuiAppearance: '',\n        '[attr.data-appearance]': 'tuiAppearance',\n        '[attr.data-state]': 'tuiAppearanceState',\n        '[attr.data-focus]': 'tuiAppearanceFocus',\n    },\n})\nexport class TuiAppearanceDirective {\n    @Input()\n    tuiAppearance = '';\n\n    @Input()\n    tuiAppearanceState: TuiInteractiveStateT | null = null;\n\n    @Input()\n    tuiAppearanceFocus: boolean | null = null;\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiAppearanceDirective} from './appearance.directive';\n\n@NgModule({\n    declarations: [TuiAppearanceDirective],\n    exports: [TuiAppearanceDirective],\n})\nexport class TuiAppearanceModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Directive","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,QAAA,sBAAA,kBAAA,YAAA;IATA,IAAA,SAAA,sBAAA,GAAA;IAWI,QAAA,IAAa,CAAA,aAAA,GAAG,EAAE,CAAC;IAGnB,QAAA,IAAkB,CAAA,kBAAA,GAAgC,IAAI,CAAC;IAGvD,QAAA,IAAkB,CAAA,kBAAA,GAAmB,IAAI,CAAC;SAC7C;;;8IATY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uHAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;sHAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;sBATlCC,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,iBAAiB;IAC3B,oBAAA,IAAI,EAAE;IACF,wBAAA,aAAa,EAAE,EAAE;IACjB,wBAAA,wBAAwB,EAAE,eAAe;IACzC,wBAAA,mBAAmB,EAAE,oBAAoB;IACzC,wBAAA,mBAAmB,EAAE,oBAAoB;IAC5C,qBAAA;qBACJ,CAAA;kCAGG,aAAa,EAAA,CAAA;0BADZC,QAAK;oBAIN,kBAAkB,EAAA,CAAA;0BADjBA,QAAK;oBAIN,kBAAkB,EAAA,CAAA;0BADjBA,QAAK;;;ACXV,QAAA,mBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,mBAAA,GAAA;;;;2IAAa,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAF,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;4IAAnB,mBAAmB,EAAA,YAAA,EAAA,CAHb,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAC3B,sBAAsB,CAAA,EAAA,CAAA,CAAA;4IAEvB,mBAAmB,EAAA,CAAA,CAAA;sHAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;sBAJ/BG,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;wBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBACpC,CAAA;;;ICPD;;IAEG;;;;;;;;;;;"}

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

@@ -0,0 +1,95 @@
+(function (global, factory) {
+        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk')) :
+        typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives/button-vertical', ['exports', '@angular/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.directives = global["taiga-ui"].experimental.directives || {}, global["taiga-ui"].experimental.directives["button-vertical"] = {}), global.ng.core, global.i1));
+})(this, (function (exports, i0, i1) { '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 TuiButtonVerticalComponent = /** @class */ (function () {
+            function TuiButtonVerticalComponent() {
+            }
+            return TuiButtonVerticalComponent;
+        }());
+        TuiButtonVerticalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonVerticalComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiButtonVerticalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonVerticalComponent, selector: "ng-component", host: { classAttribute: "tui-button-vertical-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiButton][tuiButtonVertical]{flex-direction:column;height:auto;padding:.75rem;grid-gap:.5rem;gap:.5rem;min-width:5rem;text-indent:unset;white-space:pre-wrap;font:var(--tui-font-text-s-2);--t-line-height: 1rem}[tuiButton][tuiButtonVertical][data-platform=web]{grid-gap:.375rem;gap:.375rem}[tuiButton][tuiButtonVertical]>*{max-height:calc(var(--t-line-height) * 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: TuiButtonVerticalComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            template: '',
+                            styleUrls: ['./button-vertical.style.less'],
+                            encapsulation: i0.ViewEncapsulation.None,
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                            host: {
+                                class: 'tui-button-vertical-styles',
+                            },
+                        }]
+                }] });
+
+        var TuiButtonVerticalDirective = /** @class */ (function () {
+            function TuiButtonVerticalDirective(directiveStyles) {
+                directiveStyles.addComponent(TuiButtonVerticalComponent);
+            }
+            return TuiButtonVerticalDirective;
+        }());
+        TuiButtonVerticalDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonVerticalDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        TuiButtonVerticalDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonVerticalDirective, selector: "[tuiButtonVertical]", ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonVerticalDirective, decorators: [{
+                    type: i0.Directive,
+                    args: [{
+                            selector: '[tuiButtonVertical]',
+                        }]
+                }], ctorParameters: function () {
+                return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
+                                type: i0.Inject,
+                                args: [i1.TuiDirectiveStylesService]
+                            }] }];
+            } });
+
+        var TuiButtonVerticalModule = /** @class */ (function () {
+            function TuiButtonVerticalModule() {
+            }
+            return TuiButtonVerticalModule;
+        }());
+        TuiButtonVerticalModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonVerticalModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        TuiButtonVerticalModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonVerticalModule, declarations: [TuiButtonVerticalDirective, TuiButtonVerticalComponent], exports: [TuiButtonVerticalDirective] });
+        TuiButtonVerticalModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonVerticalModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonVerticalModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [TuiButtonVerticalDirective, TuiButtonVerticalComponent],
+                            exports: [TuiButtonVerticalDirective],
+                        }]
+                }] });
+
+        /**
+         * Generated bundle index. Do not edit.
+         */
+
+        exports.TuiButtonVerticalComponent = TuiButtonVerticalComponent;
+        exports.TuiButtonVerticalDirective = TuiButtonVerticalDirective;
+        exports.TuiButtonVerticalModule = TuiButtonVerticalModule;
+
+        Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-directives-button-vertical.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-directives-button-vertical.umd.js","sources":["../../../projects/experimental/directives/button-vertical/button-vertical.component.ts","../../../projects/experimental/directives/button-vertical/button-vertical.directive.ts","../../../projects/experimental/directives/button-vertical/button-vertical.module.ts","../../../projects/experimental/directives/button-vertical/taiga-ui-experimental-directives-button-vertical.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./button-vertical.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-button-vertical-styles',\n    },\n})\nexport class TuiButtonVerticalComponent {}\n","import {Directive, Inject} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiButtonVerticalComponent} from './button-vertical.component';\n\n@Directive({\n    selector: '[tuiButtonVertical]',\n})\nexport class TuiButtonVerticalDirective {\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiButtonVerticalComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiButtonVerticalComponent} from './button-vertical.component';\nimport {TuiButtonVerticalDirective} from './button-vertical.directive';\n\n@NgModule({\n    declarations: [TuiButtonVerticalDirective, TuiButtonVerticalComponent],\n    exports: [TuiButtonVerticalDirective],\n})\nexport class TuiButtonVerticalModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,0BAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,0BAAA,GAAA;;;;sJAAa,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAA1B,0BAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,uHARzB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,iXAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,0BAA0B,EAAA,UAAA,EAAA,CAAA;0BATtCC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,8BAA8B,CAAC;4BAC3C,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,4BAA4B;QACtC,qBAAA;yBACJ,CAAA;;;ACFD,YAAA,0BAAA,kBAAA,YAAA;QACI,IAAA,SAAA,0BAAA,CACuC,eAA0C,EAAA;QAE7E,QAAA,eAAe,CAAC,YAAY,CAAC,0BAA0B,CAAC,CAAC;aAC5D;;;QALQ,0BAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,0BAA0B,kBAEvBI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;+HAF5B,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;0BAHtCK,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,qBAAqB;yBAClC,CAAA;;;sCAGQC,SAAM;uCAACF,4BAAyB,CAAA;;;;ACDzC,YAAA,uBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,uBAAA,GAAA;;;;mJAAa,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAvB,uBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,uBAAuB,EAHjB,YAAA,EAAA,CAAA,0BAA0B,EAAE,0BAA0B,aAC3D,0BAA0B,CAAA,EAAA,CAAA,CAAA;oJAE3B,uBAAuB,EAAA,CAAA,CAAA;0HAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;0BAJnCO,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;4BACtE,OAAO,EAAE,CAAC,0BAA0B,CAAC;yBACxC,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}

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

@@ -1,102 +1,103 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives/card', ['exports', '@angular/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.directives = global["taiga-ui"].experimental.directives || {}, global["taiga-ui"].experimental.directives.card = {}), global.ng.core, global.i1));
+        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk')) :
+        typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives/card', ['exports', '@angular/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.directives = global["taiga-ui"].experimental.directives || {}, global["taiga-ui"].experimental.directives.card = {}), global.ng.core, global.i1));
 })(this, (function (exports, i0, i1) { '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]; }
-                    });
+        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);
         }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
 
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+        var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+        var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
-    var TuiCardComponent = /** @class */ (function () {
-        function TuiCardComponent() {
-        }
-        return TuiCardComponent;
-    }());
-    TuiCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiCard]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;align-items:flex-start;justify-content:space-between;background:var(--tui-base-02);border-radius:.75rem;box-sizing:border-box;padding:.75rem;grid-gap:.75rem;gap:.75rem;flex-direction:column;text-decoration:none;width:var(--t-size);height:var(--t-size)}[tuiCard][data-size=m]{--t-size: 8.75rem}[tuiCard] [tuiTitle]{font-weight:bold}[tuiCard] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCard] [tuiTitle],[tuiCard] [tuiSubtitle]{max-width:100%}\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: TuiCardComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        template: '',
-                        styleUrls: ['./card.styles.less'],
-                        encapsulation: i0.ViewEncapsulation.None,
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: {
-                            class: 'tui-card',
-                        },
-                    }]
-            }] });
-    var TuiCardDirective = /** @class */ (function () {
-        function TuiCardDirective(directiveStyles) {
-            this.size = 'm';
-            directiveStyles.addComponent(TuiCardComponent);
-        }
-        return TuiCardDirective;
-    }());
-    TuiCardDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiCardDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardDirective, selector: "[tuiCard]", inputs: { size: ["tuiCard", "size"] }, host: { attributes: { "tuiCard": "" }, properties: { "attr.data-size": "size || \"m\"" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[tuiCard]',
-                        host: {
-                            tuiCard: '',
-                            '[attr.data-size]': 'size || "m"',
-                        },
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.TuiDirectiveStylesService]
-                        }] }];
-        }, propDecorators: { size: [{
-                    type: i0.Input,
-                    args: ['tuiCard']
-                }] } });
+        var TuiCardComponent = /** @class */ (function () {
+            function TuiCardComponent() {
+            }
+            return TuiCardComponent;
+        }());
+        TuiCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiCard]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;align-items:flex-start;justify-content:space-between;background:var(--tui-base-02);border-radius:.75rem;box-sizing:border-box;padding:.75rem;grid-gap:.75rem;gap:.75rem;flex-direction:column;text-decoration:none;width:var(--t-size);height:var(--t-size)}[tuiCard][data-size=m]{--t-size: 8.75rem}[tuiCard] [tuiTitle]{font-weight:bold}[tuiCard] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCard] [tuiTitle],[tuiCard] [tuiSubtitle]{max-width:100%}\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: TuiCardComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            template: '',
+                            styleUrls: ['./card.styles.less'],
+                            encapsulation: i0.ViewEncapsulation.None,
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                            host: {
+                                class: 'tui-card',
+                            },
+                        }]
+                }] });
 
-    var TuiCardModule = /** @class */ (function () {
-        function TuiCardModule() {
-        }
-        return TuiCardModule;
-    }());
-    TuiCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    TuiCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, declarations: [TuiCardComponent, TuiCardDirective], exports: [TuiCardDirective] });
-    TuiCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [TuiCardComponent, TuiCardDirective],
-                        exports: [TuiCardDirective],
-                    }]
-            }] });
+        var TuiCardDirective = /** @class */ (function () {
+            function TuiCardDirective(directiveStyles) {
+                this.size = 'm';
+                directiveStyles.addComponent(TuiCardComponent);
+            }
+            return TuiCardDirective;
+        }());
+        TuiCardDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        TuiCardDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardDirective, selector: "[tuiCard]", inputs: { size: ["tuiCard", "size"] }, host: { attributes: { "tuiCard": "" }, properties: { "attr.data-size": "size || \"m\"" } }, ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardDirective, decorators: [{
+                    type: i0.Directive,
+                    args: [{
+                            selector: '[tuiCard]',
+                            host: {
+                                tuiCard: '',
+                                '[attr.data-size]': 'size || "m"',
+                            },
+                        }]
+                }], ctorParameters: function () {
+                return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
+                                type: i0.Inject,
+                                args: [i1.TuiDirectiveStylesService]
+                            }] }];
+            }, propDecorators: { size: [{
+                        type: i0.Input,
+                        args: ['tuiCard']
+                    }] } });
+
+        var TuiCardModule = /** @class */ (function () {
+            function TuiCardModule() {
+            }
+            return TuiCardModule;
+        }());
+        TuiCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        TuiCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, declarations: [TuiCardComponent, TuiCardDirective], exports: [TuiCardDirective] });
+        TuiCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [TuiCardComponent, TuiCardDirective],
+                            exports: [TuiCardDirective],
+                        }]
+                }] });
 
-    /**
-     * Generated bundle index. Do not edit.
-     */
+        /**
+         * Generated bundle index. Do not edit.
+         */
 
-    exports.TuiCardComponent = TuiCardComponent;
-    exports.TuiCardDirective = TuiCardDirective;
-    exports.TuiCardModule = TuiCardModule;
+        exports.TuiCardComponent = TuiCardComponent;
+        exports.TuiCardDirective = TuiCardDirective;
+        exports.TuiCardModule = TuiCardModule;
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+        Object.defineProperty(exports, '__esModule', { value: true });
 
 }));
 //# sourceMappingURL=taiga-ui-experimental-directives-card.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-directives-card.umd.js","sources":["../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    Inject,\n    Input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./card.styles.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-card',\n    },\n})\nexport class TuiCardComponent {}\n\n@Directive({\n    selector: '[tuiCard]',\n    host: {\n        tuiCard: '',\n        '[attr.data-size]': 'size || \"m\"',\n    },\n})\nexport class TuiCardDirective {\n    @Input('tuiCard')\n    size: TuiSizeL | '' = 'm';\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiCardComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent, TuiCardDirective} from './card.directive';\n\n@NgModule({\n    declarations: [TuiCardComponent, TuiCardDirective],\n    exports: [TuiCardDirective],\n})\nexport class TuiCardModule {}\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-card.umd.js","sources":["../../../projects/experimental/directives/card/card.component.ts","../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./card.styles.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-card',\n    },\n})\nexport class TuiCardComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\n\nimport {TuiCardComponent} from './card.component';\n\n@Directive({\n    selector: '[tuiCard]',\n    host: {\n        tuiCard: '',\n        '[attr.data-size]': 'size || \"m\"',\n    },\n})\nexport class TuiCardDirective {\n    @Input('tuiCard')\n    size: TuiSizeL | '' = 'm';\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiCardComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent} from './card.component';\nimport {TuiCardDirective} from './card.directive';\n\n@NgModule({\n    declarations: [TuiCardComponent, TuiCardDirective],\n    exports: [TuiCardDirective],\n})\nexport class TuiCardModule {}\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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"}