npm - @taiga-ui/experimental - Versions diffs - 3.54.0 → 3.55.0-canary.3cc37e7 - Mend

@taiga-ui/experimental 3.54.0 → 3.55.0-canary.3cc37e7

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 (144) hide show

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-directives-progress-segmented.umd.js","sources":["../../../projects/experimental/directives/progress-segmented/progress-segmented.component.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.directive.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.module.ts","../../../projects/experimental/directives/progress-segmented/taiga-ui-experimental-directives-progress-segmented.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {class: 'tui-progress-segmented'},\n template: '',\n styleUrls: ['./progress-segmented.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\n\n@Directive({\n selector: '[tuiProgressBar][segments]',\n host: {\n class: '_segmented',\n '[style.--t-segment-width]': '1 / segments',\n '[attr.new]': '\"\"', // TODO: drop in v4.0\n },\n})\nexport class TuiProgressSegmentedDirective {\n @Input()\n segments = 1;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiProgressSegmentedComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\nimport {TuiProgressSegmentedDirective} from './progress-segmented.directive';\n\n/*\n TODO: Move to TuiProgressModule (from `@taiga-ui/kit`) in 4.0\n * TODO: delete the previous version of the same component\n /\n@NgModule({\n declarations: [TuiProgressSegmentedComponent, TuiProgressSegmentedDirective],\n exports: [TuiProgressSegmentedDirective],\n})\nexport class TuiProgressSegmentedModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,YAAA,6BAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,6BAAA,GAAA;;;;yJAAa,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAA7B,6BAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,mHAL5B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~4nCAAA~~,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAKH,6BAA6B,EAAA,UAAA,EAAA,CAAA;0BAPzCC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,IAAI,EAAE,EAAC,KAAK,EAAE,wBAAwB,EAAC;QACvC,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,iCAAiC,CAAC;4BAC9C,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;yBAClD,CAAA;;;ACKD,YAAA,6BAAA,kBAAA,YAAA;QAII,IAAA,SAAA,6BAAA,CACuC,eAA0C,EAAA;QAHjF,QAAA,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAC;QAKT,QAAA,eAAe,CAAC,YAAY,CAAC,6BAA6B,CAAC,CAAC;aAC/D;;;QARQ,6BAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,6BAA6B,kBAK1BI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kIAL5B,6BAA6B,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;0BARzCK,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,4BAA4B;QACtC,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,YAAY;QACnB,wBAAA,2BAA2B,EAAE,cAAc;gCAC3C,YAAY,EAAE,IAAI;QACrB,qBAAA;yBACJ,CAAA;;;sCAMQC,SAAM;uCAACF,4BAAyB,CAAA;;iCAHrC,QAAQ,EAAA,CAAA;8BADPG,QAAK;;;QCTV;;;QAGG;AAKH,YAAA,0BAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,0BAAA,GAAA;;;;sJAAa,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAP,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAA1B,0BAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,0BAA0B,EAHpB,YAAA,EAAA,CAAA,6BAA6B,EAAE,6BAA6B,aACjE,6BAA6B,CAAA,EAAA,CAAA,CAAA;uJAE9B,0BAA0B,EAAA,CAAA,CAAA;0HAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;0BAJtCQ,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,6BAA6B,EAAE,6BAA6B,CAAC;4BAC5E,OAAO,EAAE,CAAC,6BAA6B,CAAC;yBAC3C,CAAA;;;QCZD;;QAEG;;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-directives-progress-segmented.umd.js","sources":["../../../projects/experimental/directives/progress-segmented/progress-segmented.component.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.directive.ts","../../../projects/experimental/directives/progress-segmented/progress-segmented.module.ts","../../../projects/experimental/directives/progress-segmented/taiga-ui-experimental-directives-progress-segmented.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {class: 'tui-progress-segmented'},\n template: '',\n styleUrls: ['./progress-segmented.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\n\n@Directive({\n selector: '[tuiProgressBar][segments]',\n host: {\n class: '_segmented',\n '[style.--t-segment-width]': '1 / segments',\n '[attr.new]': '\"\"', // TODO: drop in v4.0\n },\n})\nexport class TuiProgressSegmentedDirective {\n @Input()\n segments = 1;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiProgressSegmentedComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiProgressSegmentedComponent} from './progress-segmented.component';\nimport {TuiProgressSegmentedDirective} from './progress-segmented.directive';\n\n/*\n TODO: Move to TuiProgressModule (from `@taiga-ui/kit`) in 4.0\n * TODO: delete the previous version of the same component\n /\n@NgModule({\n declarations: [TuiProgressSegmentedComponent, TuiProgressSegmentedDirective],\n exports: [TuiProgressSegmentedDirective],\n})\nexport class TuiProgressSegmentedModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-directives-sensitive.umd.js","sources":["../../../projects/experimental/directives/sensitive/sensitive.component.ts","../../../projects/experimental/directives/sensitive/sensitive.directive.ts","../../../projects/experimental/directives/sensitive/sensitive.module.ts","../../../projects/experimental/directives/sensitive/taiga-ui-experimental-directives-sensitive.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./sensitive.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-sensitive-styles',\n },\n})\nexport class TuiSensitiveComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\n\n@Directive({\n selector: '[tuiSensitive]',\n host: {\n '[style.--t-offset.px]': 'offset',\n '[class.tui-sensitive]': 'tuiSensitive',\n },\n})\nexport class TuiSensitiveDirective {\n @Input()\n tuiSensitive: boolean \| null = false;\n\n readonly offset = Math.round(Math.random() * 10) * 10;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSensitiveComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSensitiveDirective} from './sensitive.directive';\n\n@NgModule({\n declarations: [TuiSensitiveDirective],\n exports: [TuiSensitiveDirective],\n})\nexport class TuiSensitiveModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,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,iHARpB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~inJAAA~~,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,qBAAqB,EAAA,UAAA,EAAA,CAAA;0BATjCC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,wBAAwB,CAAC;4BACrC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,sBAAsB;QAChC,qBAAA;yBACJ,CAAA;;;ACED,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;;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-directives-sensitive.umd.js","sources":["../../../projects/experimental/directives/sensitive/sensitive.component.ts","../../../projects/experimental/directives/sensitive/sensitive.directive.ts","../../../projects/experimental/directives/sensitive/sensitive.module.ts","../../../projects/experimental/directives/sensitive/taiga-ui-experimental-directives-sensitive.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./sensitive.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-sensitive-styles',\n },\n})\nexport class TuiSensitiveComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\n\n@Directive({\n selector: '[tuiSensitive]',\n host: {\n '[style.--t-offset.px]': 'offset',\n '[class.tui-sensitive]': 'tuiSensitive',\n },\n})\nexport class TuiSensitiveDirective {\n @Input()\n tuiSensitive: boolean \| null = false;\n\n readonly offset = Math.round(Math.random() * 10) * 10;\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSensitiveComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSensitiveComponent} from './sensitive.component';\nimport {TuiSensitiveDirective} from './sensitive.directive';\n\n@NgModule({\n declarations: [TuiSensitiveDirective, TuiSensitiveComponent],\n exports: [TuiSensitiveDirective],\n})\nexport class TuiSensitiveModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-directives-surface.umd.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nexport class TuiSurfaceComponent {}\n","import {Directive, ~~HostBinding,~~ Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n selector: '[tuiSurface]',\n})\nexport class TuiSurfaceDirective {\n @Input()\n ~~@HostBinding('attr.data-surface')\n~~ tuiSurface = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSurfaceComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSurfaceComponent} from './surface.component';\nimport {TuiSurfaceDirective} from './surface.directive';\n\n@NgModule({\n declarations: [TuiSurfaceComponent, TuiSurfaceDirective],\n exports: [TuiSurfaceDirective],\n})\nexport class TuiSurfaceModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","~~HostBinding","~~NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,mBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,mBAAA,GAAA;;;;+IAAa,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAnB,mBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,+GARlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~m0HAAA~~,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,mBAAmB,EAAA,UAAA,EAAA,CAAA;0BAT/BC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,sBAAsB,CAAC;4BACnC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,oBAAoB;QAC9B,qBAAA;yBACJ,CAAA;;;~~ACFD~~,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;;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-directives-surface.umd.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nexport class TuiSurfaceComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n selector: '[tuiSurface]',\n host: {\n tuiSurface: '',\n '[attr.data-surface]': 'tuiSurface',\n },\n})\nexport class TuiSurfaceDirective {\n @Input()\n tuiSurface = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSurfaceComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSurfaceComponent} from './surface.component';\nimport {TuiSurfaceDirective} from './surface.directive';\n\n@NgModule({\n declarations: [TuiSurfaceComponent, TuiSurfaceDirective],\n exports: [TuiSurfaceDirective],\n})\nexport class TuiSurfaceModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}

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

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

package/bundles/taiga-ui-experimental-directives.umd.js.map 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/bundles/taiga-ui-experimental-tokens.umd.js ADDED Viewed

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

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

@@ -0,0 +1 @@

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +1,9 @@
 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 appearance: string;
     readonly size: TuiSizeS | TuiSizeXL;
-    readonly hoverable: boolean;
+    readonly dot: boolean;
 }
 export declare const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions;
 export declare const TUI_BADGE_OPTIONS: import("@angular/core").InjectionToken<TuiBadgeOptions>;

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

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

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

@@ -5,12 +5,10 @@ export declare class TuiButtonComponent {
     private readonly options;
     size: "m" | "l" | "xl" | "s" | "xs";
     loading: boolean | string | null;
-    iconLeft: string;
-    iconRight: string;
     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"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonComponent, "[tuiButton][loading],[tuiIconButton][loading]", never, { "size": "size"; "loading": "loading"; }, {}, never, ["*"]>;
 }

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

@@ -1,4 +1,4 @@
-import { TuiDirectiveStylesService, TuiPlatform } from '@taiga-ui/cdk';
+import { TuiDirectiveStylesService, TuiPlatform, TuiStringHandler } from '@taiga-ui/cdk';
 import { TuiBrightness } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import { TuiButtonOptions } from './button.options';
@@ -8,12 +8,15 @@ export declare class TuiButtonStylesComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonStylesComponent, "ng-component", never, {}, {}, never, never>;
 }
 export declare class TuiButtonDirective {
+    readonly resolver: TuiStringHandler<string>;
     private readonly options;
     readonly platform: TuiPlatform;
     readonly mode$: Observable<TuiBrightness | null>;
     size: "m" | "l" | "xl" | "s" | "xs";
     appearance: string;
-    constructor(options: TuiButtonOptions, platform: TuiPlatform, mode$: Observable<TuiBrightness | null>, directiveStyles: TuiDirectiveStylesService);
+    iconLeft: string;
+    iconRight: string;
+    constructor(resolver: TuiStringHandler<string>, 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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonDirective, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": "size"; "appearance": "appearance"; "iconLeft": "iconLeft"; "iconRight": "iconRight"; }, {}, never>;
 }

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

@@ -1,14 +1,13 @@
 import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TuiPlatform } from '@taiga-ui/cdk';
-import { TuiBrightness, TuiSvgOptions } from '@taiga-ui/core';
+import { TuiPlatform, TuiStringHandler } from '@taiga-ui/cdk';
+import { TuiBrightness } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import { TuiCheckboxOptions } from './checkbox.options';
 import * as i0 from "@angular/core";
 export declare class TuiCheckboxComponent implements OnInit {
     private readonly cdr;
-    private readonly baseHref;
-    private readonly svg;
+    private readonly resolver;
     private readonly options;
     private readonly destroy$;
     private readonly el;
@@ -16,9 +15,9 @@ export declare class TuiCheckboxComponent implements OnInit {
     readonly platform: TuiPlatform;
     readonly control: NgControl | null;
     size: import("@taiga-ui/core").TuiSizeS;
-    constructor(cdr: ChangeDetectorRef, baseHref: string, svg: TuiSvgOptions, options: TuiCheckboxOptions, destroy$: Observable<unknown>, el: ElementRef<HTMLInputElement>, mode$: Observable<TuiBrightness | null>, platform: TuiPlatform, control: NgControl | null);
+    constructor(cdr: ChangeDetectorRef, resolver: TuiStringHandler<string>, options: TuiCheckboxOptions, destroy$: Observable<unknown>, el: ElementRef<HTMLInputElement>, mode$: Observable<TuiBrightness | null>, platform: TuiPlatform, control: NgControl | null);
     get icon(): string;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCheckboxComponent, [null, null, null, null, { self: true; }, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCheckboxComponent, [null, null, null, { self: true; }, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiCheckboxComponent, "input[type=\"checkbox\"][tuiCheckbox]", never, { "size": "size"; }, {}, never, never>;
 }

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

@@ -1,6 +1,10 @@
+import { TuiStringHandler } from '@taiga-ui/cdk';
 import * as i0 from "@angular/core";
 export declare class TuiIconComponent {
+    readonly resolver: TuiStringHandler<string>;
     icon: string;
+    background: string;
+    constructor(resolver: TuiStringHandler<string>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiIconComponent, "tui-icon", never, { "icon": "icon"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiIconComponent, "tui-icon", never, { "icon": "icon"; "background": "background"; }, {}, never, never>;
 }

package/components/icon/icon.module.d.ts CHANGED Viewed

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

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

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

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

@@ -1,20 +1,15 @@
 import { NgControl } from '@angular/forms';
-import { TuiPlatform } from '@taiga-ui/cdk';
-import { TuiBrightness, TuiSvgOptions } from '@taiga-ui/core';
-import { Observable } from 'rxjs';
+import { TuiStringHandler } from '@taiga-ui/cdk';
 import { TuiToggleOptions } from './toggle.options';
 import * as i0 from "@angular/core";
 export declare class TuiToggleComponent {
-    private readonly baseHref;
-    private readonly svg;
+    private readonly resolver;
     private readonly options;
-    readonly mode$: Observable<TuiBrightness | null>;
-    readonly platform: TuiPlatform;
     readonly control: NgControl | null;
-    size: import("@taiga-ui/core").TuiSizeS;
+    size: import("@taiga-ui/core/types").TuiSizeS;
     showIcons: boolean;
-    constructor(baseHref: string, svg: TuiSvgOptions, options: TuiToggleOptions, mode$: Observable<TuiBrightness | null>, platform: TuiPlatform, control: NgControl | null);
+    constructor(resolver: TuiStringHandler<string>, options: TuiToggleOptions, control: NgControl | null);
     get icon(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToggleComponent, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToggleComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiToggleComponent, "input[type=\"checkbox\"][tuiToggle]", never, { "size": "size"; "showIcons": "showIcons"; }, {}, never, never>;
 }