npm - @taiga-ui/experimental - Versions diffs - 3.47.0 → 3.48.0-canary.0e61adf - Mend

@taiga-ui/experimental 3.47.0 → 3.48.0-canary.0e61adf

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

Files changed (84) hide show

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

@@ -32,7 +32,7 @@
             return TuiFadeComponent;
         }());
         TuiFadeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation=\"vertical\"]){line-height:var(--line-height, inherit)!important;-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation=\"vertical\"]){-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, decorators: [{
                     type: i0.Component,
                     args: [{
@@ -46,6 +46,7 @@
         var TuiFadeDirective = /** @class */ (function () {
             function TuiFadeDirective(destroy$, resize$, mutate$, element, zone, directiveStyles) {
                 var _this = this;
+                // TODO: Remove when lh CSS units are supported: https://caniuse.com/mdn-css_types_length_lh
                 this.lineHeight = null;
                 this.size = '1.5em';
                 this.offset = '0em';
@@ -67,7 +68,7 @@
             return TuiFadeDirective;
         }());
         TuiFadeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeDirective, deps: [{ token: i2.TuiDestroyService, self: true }, { token: i2.TuiResizeService }, { token: mutationObserver.MutationObserverService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        TuiFadeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeDirective, selector: "[tuiFade]", inputs: { lineHeight: ["tuiFadeHeight", "lineHeight"], size: ["tuiFadeSize", "size"], offset: ["tuiFadeOffset", "offset"], orientation: ["tuiFade", "orientation"] }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
+        TuiFadeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeDirective, selector: "[tuiFade]", inputs: { lineHeight: ["tuiFadeHeight", "lineHeight"], size: ["tuiFadeSize", "size"], offset: ["tuiFadeOffset", "offset"], orientation: ["tuiFade", "orientation"] }, host: { properties: { "style.line-height": "this.lineHeight", "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
                 i2.TuiDestroyService,
                 i2.TuiResizeService,
                 mutationObserver.MutationObserverService,
@@ -115,6 +116,9 @@
             }, propDecorators: { lineHeight: [{
                         type: i0.Input,
                         args: ['tuiFadeHeight']
+                    }, {
+                        type: i0.HostBinding,
+                        args: ['style.line-height']
                     }, {
                         type: i0.HostBinding,
                         args: ['style.--line-height']
@@ -144,13 +148,13 @@
             return TuiFadeModule;
         }());
         TuiFadeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        TuiFadeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, declarations: [TuiFadeComponent, TuiFadeDirective], exports: [TuiFadeComponent, TuiFadeDirective] });
+        TuiFadeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, declarations: [TuiFadeComponent, TuiFadeDirective], exports: [TuiFadeDirective] });
         TuiFadeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
                             declarations: [TuiFadeComponent, TuiFadeDirective],
-                            exports: [TuiFadeComponent, TuiFadeDirective],
+                            exports: [TuiFadeDirective],
                         }]
                 }] });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-directives-fade.umd.js","sources":["../../../projects/experimental/directives/fade/fade.component.ts","../../../projects/experimental/directives/fade/fade.directive.ts","../../../projects/experimental/directives/fade/fade.module.ts","../../../projects/experimental/directives/fade/taiga-ui-experimental-directives-fade.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./fade.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFadeComponent {}\n","import {\n Directive,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n NgZone,\n Self,\n} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n TuiDestroyService,\n TuiDirectiveStylesService,\n TuiResizeService,\n tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@Directive({\n selector: '[tuiFade]',\n providers: [\n TuiDestroyService,\n TuiResizeService,\n MutationObserverService,\n {\n provide: MUTATION_OBSERVER_INIT,\n useValue: {characterData: true, subtree: true},\n },\n ],\n})\nexport class TuiFadeDirective {\n @Input('tuiFadeHeight')\n @HostBinding('style.--line-height')\n lineHeight: string \| null = null;\n\n @Input('tuiFadeSize')\n @HostBinding('style.--fade-size')\n size = '1.5em';\n\n @Input('tuiFadeOffset')\n @HostBinding('style.--fade-offset')\n offset = '0em';\n\n @Input('tuiFade')\n @HostBinding('attr.data-orientation')\n orientation: TuiOrientation \| '' = 'horizontal';\n\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Inject(MutationObserverService) mutate$: Observable<unknown>,\n @Inject(ElementRef) element: ElementRef<HTMLElement>,\n @Inject(NgZone) zone: NgZone,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n const el = element.nativeElement;\n\n directiveStyles.addComponent(TuiFadeComponent);\n merge(resize$, mutate$, fromEvent(el, 'scroll'))\n .pipe(tuiZonefree(zone), takeUntil(destroy$))\n .subscribe(() => {\n el.classList.toggle('_start', !!el.scrollLeft \|\| !!el.scrollTop);\n el.classList.toggle('_end', this.isEnd(el));\n });\n }\n\n private isEnd(el: HTMLElement): boolean {\n return (\n el.scrollLeft < el.scrollWidth - el.clientWidth \|\|\n el.scrollTop < el.scrollHeight - el.clientHeight \|\|\n (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n );\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\nimport {TuiFadeDirective} from './fade.directive';\n\n@NgModule({\n declarations: [TuiFadeComponent, TuiFadeDirective],\n exports: [~~TuiFadeComponent,~~ TuiFadeDirective],\n})\nexport class TuiFadeModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ChangeDetectionStrategy","ViewEncapsulation","merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","TuiDirectiveStylesService","MUTATION_OBSERVER_INIT","Directive","Self","Inject","Input","HostBinding","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,YAAA,gBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,gBAAA,GAAA;;;;4IAAa,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,+DALf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~wkHAAA~~,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAKH,gBAAgB,EAAA,UAAA,EAAA,CAAA;0BAN5BC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,mBAAmB,CAAC;4BAChC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;4BAC/C,aAAa,EAAEC,oBAAiB,CAAC,IAAI;yBACxC,CAAA;;;AC8BD,YAAA,gBAAA,kBAAA,YAAA;~~YAiBI~~,SACuC,gBAAA,CAAA,QAA6B,EACtC,OAA4B,EACrB,OAA4B,EACzC,OAAgC,EACpC,IAAY,EACO,eAA0C,EAAA;gBANjF,IAiBC,KAAA,GAAA,IAAA,CAAA;QA/BD,QAAA,IAAU,CAAA,UAAA,GAAkB,IAAI,CAAC;QAIjC,QAAA,IAAI,CAAA,IAAA,GAAG,OAAO,CAAC;QAIf,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;QAIf,QAAA,IAAW,CAAA,WAAA,GAAwB,YAAY,CAAC;QAU5C,QAAA,IAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC;QAEjC,QAAA,eAAe,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;gBAC/CC,QAAK,CAAC,OAAO,EAAE,OAAO,EAAEC,YAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;qBAC3C,IAAI,CAACC,cAAW,CAAC,IAAI,CAAC,EAAEC,mBAAS,CAAC,QAAQ,CAAC,CAAC;QAC5C,aAAA,SAAS,CAAC,YAAA;QACP,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACjE,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QAChD,SAAC,CAAC,CAAC;aACV;YAEO,gBAAK,CAAA,SAAA,CAAA,KAAA,GAAL,UAAM,EAAe,EAAA;gBACzB,QACI,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW;oBAC/C,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY;QAChD,aAAC,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,EAC1E;aACL,CAAA;;;~~4IA1CQ~~,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,~~EAkBLC~~,oBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EACzBC,mBAAgB,EAAA,EAAA,EAAA,KAAA,EAChBC,wCAAuB,EAAA,EAAA,EAAA,KAAA,EACvBC,aAAU,EAAA,EAAA,EAAA,KAAA,EACVC,SAAM,EAAA,EAAA,EAAA,KAAA,EACNC,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAb,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~QAvB5B~~,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAVd,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,eAAA,EAAA,YAAA,CAAA,EAAA,IAAA,EAAA,CAAA,aAAA,EAAA,MAAA,CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,QAAA,CAAA,EAAA,WAAA,EAAA,CAAA,SAAA,EAAA,aAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;gBACPQ,oBAAiB;gBACjBC,mBAAgB;gBAChBC,wCAAuB;QACvB,QAAA;QACI,YAAA,OAAO,EAAEI,uCAAsB;oBAC/B,QAAQ,EAAE,EAAC,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC;QACjD,SAAA;QACJ,KAAA,EAAA,QAAA,EAAAd,aAAA,EAAA,CAAA,CAAA;0HAEQ,gBAAgB,EAAA,UAAA,EAAA,CAAA;0BAZ5Be,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,WAAW;QACrB,oBAAA,SAAS,EAAE;gCACPP,oBAAiB;gCACjBC,mBAAgB;gCAChBC,wCAAuB;QACvB,wBAAA;QACI,4BAAA,OAAO,EAAEI,uCAAsB;oCAC/B,QAAQ,EAAE,EAAC,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC;QACjD,yBAAA;QACJ,qBAAA;yBACJ,CAAA;;;~~sCAmBQE~~,OAAI;;sCAAIC,SAAM;uCAACT,oBAAiB,CAAA;;sCAChCS,SAAM;uCAACR,mBAAgB,CAAA;;sCACvBQ,SAAM;uCAACP,wCAAuB,CAAA;;sCAC9BO,SAAM;uCAACN,aAAU,CAAA;;sCACjBM,SAAM;uCAACL,SAAM,CAAA;;sCACbK,SAAM;uCAACJ,4BAAyB,CAAA;;iCApBrC,UAAU,EAAA,CAAA;~~8BAFTK~~,QAAK;+BAAC,eAAe,CAAA;;8BACrBC,cAAW;+BAAC,qBAAqB,CAAA;wBAKlC,IAAI,EAAA,CAAA;8BAFHD,QAAK;+BAAC,aAAa,CAAA;;8BACnBC,cAAW;+BAAC,mBAAmB,CAAA;wBAKhC,MAAM,EAAA,CAAA;8BAFLD,QAAK;+BAAC,eAAe,CAAA;;8BACrBC,cAAW;+BAAC,qBAAqB,CAAA;wBAKlC,WAAW,EAAA,CAAA;8BAFVD,QAAK;+BAAC,SAAS,CAAA;;8BACfC,cAAW;+BAAC,uBAAuB,CAAA;;;~~AC1CxC~~,YAAA,aAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,aAAA,GAAA;;;;yIAAa,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAnB,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAb,aAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,aAAa,~~iBAHP~~,~~gBAAgB~~,~~EAAE,gBAAgB,CACvC,~~EAAA,~~OAAA,EAAA,~~CAAA,gBAAgB,EAAE,gBAAgB,CAAA,EAAA,CAAA,CAAA;~~0IAEnC~~,aAAa,EAAA,CAAA,CAAA;0HAAb,aAAa,EAAA,UAAA,EAAA,CAAA;0BAJzBoB,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;~~QAClD~~,~~oBAAA,~~OAAO,EAAE,CAAC,gBAAgB,~~EAAE,gBAAgB,~~CAAC;~~yBAChD~~,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-directives-fade.umd.js","sources":["../../../projects/experimental/directives/fade/fade.component.ts","../../../projects/experimental/directives/fade/fade.directive.ts","../../../projects/experimental/directives/fade/fade.module.ts","../../../projects/experimental/directives/fade/taiga-ui-experimental-directives-fade.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./fade.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFadeComponent {}\n","import {\n Directive,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n NgZone,\n Self,\n} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n TuiDestroyService,\n TuiDirectiveStylesService,\n TuiResizeService,\n tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@Directive({\n selector: '[tuiFade]',\n providers: [\n TuiDestroyService,\n TuiResizeService,\n MutationObserverService,\n {\n provide: MUTATION_OBSERVER_INIT,\n useValue: {characterData: true, subtree: true},\n },\n ],\n})\nexport class TuiFadeDirective {\n // TODO: Remove when lh CSS units are supported: https://caniuse.com/mdn-css_types_length_lh\n @Input('tuiFadeHeight')\n @HostBinding('style.line-height')\n @HostBinding('style.--line-height')\n lineHeight: string \| null = null;\n\n @Input('tuiFadeSize')\n @HostBinding('style.--fade-size')\n size = '1.5em';\n\n @Input('tuiFadeOffset')\n @HostBinding('style.--fade-offset')\n offset = '0em';\n\n @Input('tuiFade')\n @HostBinding('attr.data-orientation')\n orientation: TuiOrientation \| '' = 'horizontal';\n\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Inject(MutationObserverService) mutate$: Observable<unknown>,\n @Inject(ElementRef) element: ElementRef<HTMLElement>,\n @Inject(NgZone) zone: NgZone,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n const el = element.nativeElement;\n\n directiveStyles.addComponent(TuiFadeComponent);\n merge(resize$, mutate$, fromEvent(el, 'scroll'))\n .pipe(tuiZonefree(zone), takeUntil(destroy$))\n .subscribe(() => {\n el.classList.toggle('_start', !!el.scrollLeft \|\| !!el.scrollTop);\n el.classList.toggle('_end', this.isEnd(el));\n });\n }\n\n private isEnd(el: HTMLElement): boolean {\n return (\n el.scrollLeft < el.scrollWidth - el.clientWidth \|\|\n el.scrollTop < el.scrollHeight - el.clientHeight \|\|\n (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n );\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\nimport {TuiFadeDirective} from './fade.directive';\n\n@NgModule({\n declarations: [TuiFadeComponent, TuiFadeDirective],\n exports: [TuiFadeDirective],\n})\nexport class TuiFadeModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ChangeDetectionStrategy","ViewEncapsulation","merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","TuiDirectiveStylesService","MUTATION_OBSERVER_INIT","Directive","Self","Inject","Input","HostBinding","NgModule"],"mappings":"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"}

package/bundles/{taiga-ui-experimental-components-sensitive.umd.js → taiga-ui-experimental-directives-sensitive.umd.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 (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/components/sensitive', ['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.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.sensitive = {}), global.ng.core, global.i1));
+        typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives/sensitive', ['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.sensitive = {}), global.ng.core, global.i1));
 })(this, (function (exports, i0, i1) { 'use strict';
         function _interopNamespace(e) {
@@ -97,4 +97,4 @@
         Object.defineProperty(exports, '__esModule', { value: true });
 }));
-//# sourceMappingURL=taiga-ui-experimental-components-sensitive.umd.js.map
+//# sourceMappingURL=taiga-ui-experimental-directives-sensitive.umd.js.map

package/bundles/{taiga-ui-experimental-components-sensitive.umd.js.map → taiga-ui-experimental-directives-sensitive.umd.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-~~components~~-sensitive.umd.js","sources":["../../../projects/experimental/~~components~~/sensitive/sensitive.component.ts","../../../projects/experimental/~~components~~/sensitive/sensitive.directive.ts","../../../projects/experimental/~~components~~/sensitive/sensitive.module.ts","../../../projects/experimental/~~components~~/sensitive/taiga-ui-experimental-~~components~~-sensitive.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: '',\n styleUrls: ['./sensitive.style.less'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiSensitiveComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\n\n@Directive({\n selector: '[tuiSensitive]',\n host: {\n '[style.--t-offset.px]': 'offset',\n '[class.tui-sensitive]': 'tuiSensitive',\n },\n})\nexport class TuiSensitiveDirective {\n @Input()\n tuiSensitive: boolean \| null = false;\n\n readonly offset = Math.round(Math.random() * 10) * 10;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSensitiveComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSensitiveDirective} from './sensitive.directive';\n\n@NgModule({\n declarations: [TuiSensitiveDirective],\n exports: [TuiSensitiveDirective],\n})\nexport class TuiSensitiveModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ChangeDetectionStrategy","ViewEncapsulation","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}
1	+ {"version":3,"file":"taiga-ui-experimental-directives-sensitive.umd.js","sources":["../../../projects/experimental/directives/sensitive/sensitive.component.ts","../../../projects/experimental/directives/sensitive/sensitive.directive.ts","../../../projects/experimental/directives/sensitive/sensitive.module.ts","../../../projects/experimental/directives/sensitive/taiga-ui-experimental-directives-sensitive.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: '',\n styleUrls: ['./sensitive.style.less'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiSensitiveComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\n\n@Directive({\n selector: '[tuiSensitive]',\n host: {\n '[style.--t-offset.px]': 'offset',\n '[class.tui-sensitive]': 'tuiSensitive',\n },\n})\nexport class TuiSensitiveDirective {\n @Input()\n tuiSensitive: boolean \| null = false;\n\n readonly offset = Math.round(Math.random() * 10) * 10;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSensitiveComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSensitiveDirective} from './sensitive.directive';\n\n@NgModule({\n declarations: [TuiSensitiveDirective],\n exports: [TuiSensitiveDirective],\n})\nexport class TuiSensitiveModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ChangeDetectionStrategy","ViewEncapsulation","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,YAAA,qBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,qBAAA,GAAA;;;;iJAAa,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAArB,qBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,+DAJpB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,imJAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAIH,qBAAqB,EAAA,UAAA,EAAA,CAAA;0BANjCC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;4BACP,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,wBAAwB,CAAC;4BACrC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;yBACxC,CAAA;;;ACKD,YAAA,qBAAA,kBAAA,YAAA;QAMI,IAAA,SAAA,qBAAA,CACuC,eAA0C,EAAA;QALjF,QAAA,IAAY,CAAA,YAAA,GAAmB,KAAK,CAAC;QAE5B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;QAKlD,QAAA,eAAe,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC;aACvD;;;QAVQ,qBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,qBAAqB,kBAOlBI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;0HAP5B,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;0BAPjCK,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,gBAAgB;QAC1B,oBAAA,IAAI,EAAE;QACF,wBAAA,uBAAuB,EAAE,QAAQ;QACjC,wBAAA,uBAAuB,EAAE,cAAc;QAC1C,qBAAA;yBACJ,CAAA;;;sCAQQC,SAAM;uCAACF,4BAAyB,CAAA;;iCALrC,YAAY,EAAA,CAAA;8BADXG,QAAK;;;ACLV,YAAA,kBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,kBAAA,GAAA;;;;8IAAa,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAP,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+IAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,qBAAqB,CAAA,EAAA,CAAA,CAAA;+IAEtB,kBAAkB,EAAA,CAAA,CAAA;0HAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;0BAJ9BQ,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;4BACN,YAAY,EAAE,CAAC,qBAAqB,CAAC;4BACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;yBACnC,CAAA;;;QCPD;;QAEG;;;;;;;;;;;;"}

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

@@ -0,0 +1,98 @@
+(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/surface', ['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.surface = {}), 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 TuiSurfaceComponent = /** @class */ (function () {
+            function TuiSurfaceComponent() {
+            }
+            return TuiSurfaceComponent;
+        }());
+        TuiSurfaceComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiSurfaceComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", ngImport: i0__namespace, template: '', isInline: true, styles: ["[data-surface]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;border-radius:var(--tui-radius-l);box-sizing:border-box;padding:1.25rem;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;outline-color:var(--tui-focus);transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[data-surface=elevated]{box-shadow:0 .25rem 1.5rem #0000001f;border-radius:var(--tui-radius-xl);background:var(--tui-elevation-01)}button[data-surface=elevated]:active,a[data-surface=elevated]:active{box-shadow:0 .25rem 1.5rem #0000001f;transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=elevated]:hover,a[data-surface=elevated]:hover{box-shadow:0 .75rem 2.25rem #0003;transform:translateY(-.25rem)}}[data-surface=flat]{border-radius:var(--tui-radius-xl);background:var(--tui-clear)}button[data-surface=flat]:active,a[data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=flat]:hover,a[data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            template: '',
+                            styleUrls: ['./surface.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                            encapsulation: i0.ViewEncapsulation.None,
+                        }]
+                }] });
+        var TuiSurfaceDirective = /** @class */ (function () {
+            function TuiSurfaceDirective(directiveStyles) {
+                this.tuiSurface = '';
+                directiveStyles.addComponent(TuiSurfaceComponent);
+            }
+            return TuiSurfaceDirective;
+        }());
+        TuiSurfaceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        TuiSurfaceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceDirective, selector: "[tuiSurface]", inputs: { tuiSurface: "tuiSurface" }, host: { properties: { "attr.data-surface": "this.tuiSurface" } }, ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceDirective, decorators: [{
+                    type: i0.Directive,
+                    args: [{
+                            selector: '[tuiSurface]',
+                        }]
+                }], ctorParameters: function () {
+                return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
+                                type: i0.Inject,
+                                args: [i1.TuiDirectiveStylesService]
+                            }] }];
+            }, propDecorators: { tuiSurface: [{
+                        type: i0.Input
+                    }, {
+                        type: i0.HostBinding,
+                        args: ['attr.data-surface']
+                    }] } });
+        var TuiSurfaceModule = /** @class */ (function () {
+            function TuiSurfaceModule() {
+            }
+            return TuiSurfaceModule;
+        }());
+        TuiSurfaceModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        TuiSurfaceModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceModule, declarations: [TuiSurfaceComponent, TuiSurfaceDirective], exports: [TuiSurfaceDirective] });
+        TuiSurfaceModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [TuiSurfaceComponent, TuiSurfaceDirective],
+                            exports: [TuiSurfaceDirective],
+                        }]
+                }] });
+        /**
+         * Generated bundle index. Do not edit.
+         */
+        exports.TuiSurfaceComponent = TuiSurfaceComponent;
+        exports.TuiSurfaceDirective = TuiSurfaceDirective;
+        exports.TuiSurfaceModule = TuiSurfaceModule;
+        Object.defineProperty(exports, '__esModule', { value: true });
+}));
+//# sourceMappingURL=taiga-ui-experimental-directives-surface.umd.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"taiga-ui-experimental-directives-surface.umd.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiSurfaceComponent {}\n","import {Directive, HostBinding, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n selector: '[tuiSurface]',\n})\nexport class TuiSurfaceDirective {\n @Input()\n @HostBinding('attr.data-surface')\n tuiSurface = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSurfaceComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSurfaceComponent} from './surface.component';\nimport {TuiSurfaceDirective} from './surface.directive';\n\n@NgModule({\n declarations: [TuiSurfaceComponent, TuiSurfaceDirective],\n exports: [TuiSurfaceDirective],\n})\nexport class TuiSurfaceModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ChangeDetectionStrategy","ViewEncapsulation","TuiDirectiveStylesService","Directive","Inject","Input","HostBinding","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,YAAA,mBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,mBAAA,GAAA;;;;+IAAa,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAnB,mBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,+DALlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,m0HAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAKH,mBAAmB,EAAA,UAAA,EAAA,CAAA;0BAN/BC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,sBAAsB,CAAC;4BACnC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;4BAC/C,aAAa,EAAEC,oBAAiB,CAAC,IAAI;yBACxC,CAAA;;;ACCD,YAAA,mBAAA,kBAAA,YAAA;QAKI,IAAA,SAAA,mBAAA,CACuC,eAA0C,EAAA;QAHjF,QAAA,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAKZ,QAAA,eAAe,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;aACrD;;;QATQ,mBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,mBAAmB,kBAMhBI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;wHAN5B,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;0BAH/BK,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,cAAc;yBAC3B,CAAA;;;sCAOQC,SAAM;uCAACF,4BAAyB,CAAA;;iCAHrC,UAAU,EAAA,CAAA;8BAFTG,QAAK;;8BACLC,cAAW;+BAAC,mBAAmB,CAAA;;;ACDpC,YAAA,gBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,gBAAA,GAAA;;;;4IAAa,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAR,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,gBAAgB,EAHV,YAAA,EAAA,CAAA,mBAAmB,EAAE,mBAAmB,aAC7C,mBAAmB,CAAA,EAAA,CAAA,CAAA;6IAEpB,gBAAgB,EAAA,CAAA,CAAA;0HAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;0BAJ5BS,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;4BACxD,OAAO,EAAE,CAAC,mBAAmB,CAAC;yBACjC,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/directives/fade')) :
-	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives', ['exports', '@taiga-ui/experimental/directives/fade'], 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.fade));
-})(this, (function (exports, fade) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/directives/fade'), require('@taiga-ui/experimental/directives/sensitive'), require('@taiga-ui/experimental/directives/surface')) :
+	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives', ['exports', '@taiga-ui/experimental/directives/fade', '@taiga-ui/experimental/directives/sensitive', '@taiga-ui/experimental/directives/surface'], 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.fade, global["taiga-ui"].experimental.directives.sensitive, global["taiga-ui"].experimental.directives.surface));
+})(this, (function (exports, fade, sensitive, surface) { 'use strict';
 	/**
 	 * Generated bundle index. Do not edit.
@@ -14,6 +14,18 @@
 			get: function () { return fade[k]; }
 		});
 	});
+	Object.keys(sensitive).forEach(function (k) {
+		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+			enumerable: true,
+			get: function () { return sensitive[k]; }
+		});
+	});
+	Object.keys(surface).forEach(function (k) {
+		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+			enumerable: true,
+			get: function () { return surface[k]; }
+		});
+	});
 	Object.defineProperty(exports, '__esModule', { value: true });

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

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

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

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

package/components/avatar/avatar.options.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { Provider } from '@angular/core';
+import { TuiSizeXXL, TuiSizeXXS } from '@taiga-ui/core';
+export interface TuiAvatarOptions {
+    readonly round: boolean;
+    readonly size: TuiSizeXXL | TuiSizeXXS;
+}
+export declare const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions;
+export declare const TUI_AVATAR_OPTIONS: import("@angular/core").InjectionToken<TuiAvatarOptions>;
+export declare function tuiAvatarOptionsProvider(options: Partial<TuiAvatarOptions>): Provider;

package/components/avatar/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './avatar.component';
 export * from './avatar.module';
+export * from './avatar.options';

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

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

package/components/badge/badge.options.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { Provider } from '@angular/core';
+import { TuiSizeS, TuiSizeXL } from '@taiga-ui/core';
+import { TuiStatus } from '@taiga-ui/kit';
+export interface TuiBadgeOptions {
+    readonly appearance: TuiStatus | 'accent' | 'light';
+    readonly size: TuiSizeS | TuiSizeXL;
+    readonly hoverable: boolean;
+}
+export declare const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions;
+export declare const TUI_BADGE_OPTIONS: import("@angular/core").InjectionToken<TuiBadgeOptions>;
+export declare function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider;

package/components/badge/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './badge.component';
 export * from './badge.module';
+export * from './badge.options';

package/components/button/button.component.d.ts CHANGED Viewed

@@ -1,12 +1,16 @@
-import { TuiSizeL, TuiSizeS, TuiSizeXS } from '@taiga-ui/core';
+import { TuiSizeS } from '@taiga-ui/core';
+import { TuiButtonOptions } from './button.options';
 import * as i0 from "@angular/core";
 export declare class TuiButtonComponent {
-    size: TuiSizeL | TuiSizeXS;
-    loading: boolean;
+    private readonly options;
+    size: "m" | "l" | "xl" | "s" | "xs";
+    loading: boolean | string | null;
     iconLeft: string;
     iconRight: string;
-    disabled: boolean;
+    constructor(options: TuiButtonOptions);
     get loaderSize(): TuiSizeS;
+    get label(): string;
+    onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonComponent, "[tuiButton][loading],[tuiIconButton][loading],[tuiButton][iconLeft],[tuiButton][iconRight],[tuiIconButton][iconLeft]", never, { "size": "size"; "loading": "loading"; "iconLeft": "iconLeft"; "iconRight": "iconRight"; "disabled": "disabled"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonComponent, "[tuiButton][loading],[tuiIconButton][loading],[tuiButton][iconLeft],[tuiButton][iconRight],[tuiIconButton][iconLeft]", never, { "size": "size"; "loading": "loading"; "iconLeft": "iconLeft"; "iconRight": "iconRight"; }, {}, never, ["*"]>;
 }

package/components/button/button.directive.d.ts CHANGED Viewed

@@ -1,17 +1,19 @@
 import { TuiDirectiveStylesService, TuiPlatform } from '@taiga-ui/cdk';
-import { TuiAppearance, TuiBrightness, TuiSizeL, TuiSizeXS } from '@taiga-ui/core';
+import { TuiBrightness } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
+import { TuiButtonOptions } from './button.options';
 import * as i0 from "@angular/core";
 export declare class TuiButtonStylesComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonStylesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonStylesComponent, "ng-component", never, {}, {}, never, never>;
 }
 export declare class TuiButtonDirective {
+    private readonly options;
     readonly platform: TuiPlatform;
     readonly mode$: Observable<TuiBrightness | null>;
-    size: TuiSizeL | TuiSizeXS;
-    appearance: string | keyof Record<TuiAppearance, string>;
-    constructor(platform: TuiPlatform, mode$: Observable<TuiBrightness | null>, directiveStyles: TuiDirectiveStylesService);
+    size: "m" | "l" | "xl" | "s" | "xs";
+    appearance: string;
+    constructor(options: TuiButtonOptions, platform: TuiPlatform, mode$: Observable<TuiBrightness | null>, directiveStyles: TuiDirectiveStylesService);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonDirective, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": "size"; "appearance": "appearance"; }, {}, never>;
 }

package/components/button/button.options.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { Provider } from '@angular/core';
+import { TuiSizeXL, TuiSizeXS } from '@taiga-ui/core';
+export interface TuiButtonOptions {
+    readonly appearance: string;
+    readonly size: TuiSizeXL | TuiSizeXS;
+}
+export declare const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions;
+export declare const TUI_BUTTON_OPTIONS: import("@angular/core").InjectionToken<TuiButtonOptions>;
+export declare function tuiButtonOptionsProvider(options: Partial<TuiButtonOptions>): Provider;

package/components/button/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 export * from './button.component';
 export * from './button.directive';
 export * from './button.module';
+export * from './button.options';

package/components/index.d.ts CHANGED Viewed

@@ -5,4 +5,3 @@ export * from '@taiga-ui/experimental/components/badge-alert';
 export * from '@taiga-ui/experimental/components/badged-content';
 export * from '@taiga-ui/experimental/components/button';
 export * from '@taiga-ui/experimental/components/compass';
-export * from '@taiga-ui/experimental/components/sensitive';

package/directives/fade/fade.module.d.ts CHANGED Viewed

@@ -3,6 +3,6 @@ import * as i1 from "./fade.component";
 import * as i2 from "./fade.directive";
 export declare class TuiFadeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFadeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiFadeModule, [typeof i1.TuiFadeComponent, typeof i2.TuiFadeDirective], never, [typeof i1.TuiFadeComponent, typeof i2.TuiFadeDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiFadeModule, [typeof i1.TuiFadeComponent, typeof i2.TuiFadeDirective], never, [typeof i2.TuiFadeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiFadeModule>;
 }

package/directives/index.d.ts CHANGED Viewed

@@ -1 +1,3 @@
 export * from '@taiga-ui/experimental/directives/fade';
+export * from '@taiga-ui/experimental/directives/sensitive';
+export * from '@taiga-ui/experimental/directives/surface';

package/directives/sensitive/package.json ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "main": "../../bundles/taiga-ui-experimental-directives-sensitive.umd.js",
+  "module": "../../fesm2015/taiga-ui-experimental-directives-sensitive.js",
+  "es2015": "../../fesm2015/taiga-ui-experimental-directives-sensitive.js",
+  "esm2015": "../../esm2015/directives/sensitive/taiga-ui-experimental-directives-sensitive.js",
+  "fesm2015": "../../fesm2015/taiga-ui-experimental-directives-sensitive.js",
+  "typings": "taiga-ui-experimental-directives-sensitive.d.ts",
+  "sideEffects": false,
+  "name": "@taiga-ui/experimental/directives/sensitive"
+}

package/{components/sensitive/taiga-ui-experimental-components-sensitive.d.ts → directives/sensitive/taiga-ui-experimental-directives-sensitive.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="@taiga-ui/experimental/components/sensitive" />
+/// <amd-module name="@taiga-ui/experimental/directives/sensitive" />
 export * from './index';

package/directives/surface/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './surface.component';
+export * from './surface.directive';
+export * from './surface.module';

package/directives/surface/package.json ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "main": "../../bundles/taiga-ui-experimental-directives-surface.umd.js",
+  "module": "../../fesm2015/taiga-ui-experimental-directives-surface.js",
+  "es2015": "../../fesm2015/taiga-ui-experimental-directives-surface.js",
+  "esm2015": "../../esm2015/directives/surface/taiga-ui-experimental-directives-surface.js",
+  "fesm2015": "../../fesm2015/taiga-ui-experimental-directives-surface.js",
+  "typings": "taiga-ui-experimental-directives-surface.d.ts",
+  "sideEffects": false,
+  "name": "@taiga-ui/experimental/directives/surface"
+}

package/directives/surface/surface.component.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class TuiSurfaceComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurfaceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSurfaceComponent, "ng-component", never, {}, {}, never, never>;
+}

package/directives/surface/surface.directive.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
+import * as i0 from "@angular/core";
+export declare class TuiSurfaceDirective {
+    tuiSurface: string;
+    constructor(directiveStyles: TuiDirectiveStylesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurfaceDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSurfaceDirective, "[tuiSurface]", never, { "tuiSurface": "tuiSurface"; }, {}, never>;
+}

package/directives/surface/surface.module.d.ts ADDED Viewed

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

package/directives/surface/taiga-ui-experimental-directives-surface.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@taiga-ui/experimental/directives/surface" />
+export * from './index';