npm - @taiga-ui/experimental - Versions diffs - 3.53.0 → 3.54.0 - Mend

@taiga-ui/experimental 3.53.0 → 3.54.0

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

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

@@ -38,8 +38,8 @@
                         selector: 'tui-avatar-stack',
                         template: '<ng-content></ng-content>',
                         styleUrls: ['./avatar-stack.style.less'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], propDecorators: { direction: [{
                     type: i0.Input

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-components-avatar-stack.umd.js","sources":["../../../projects/experimental/components/avatar-stack/avatar-stack.component.ts","../../../projects/experimental/components/avatar-stack/avatar-stack.module.ts","../../../projects/experimental/components/avatar-stack/taiga-ui-experimental-components-avatar-stack.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TuiHorizontalDirection} from '@taiga-ui/core';\n\n@Component({\n selector: 'tui-avatar-stack',\n template: '<ng-content></ng-content>',\n styleUrls: ['./avatar-stack.style.less'],\n ~~changeDetection~~: ~~ChangeDetectionStrategy~~.~~OnPush~~,\n ~~encapsulation~~: ~~ViewEncapsulation~~.~~None~~,\n})\nexport class TuiAvatarStackComponent {\n @Input()\n @HostBinding('attr.data-direction')\n direction: TuiHorizontalDirection = 'right';\n}\n","import {NgModule} from '@angular/core';\nimport {\n TuiAvatarComponent,\n TuiAvatarModule,\n} from '@taiga-ui/experimental/components/avatar';\n\nimport {TuiAvatarStackComponent} from './avatar-stack.component';\n\n@NgModule({\n imports: [TuiAvatarModule],\n declarations: [TuiAvatarStackComponent],\n exports: [TuiAvatarStackComponent, TuiAvatarComponent],\n})\nexport class TuiAvatarStackModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","~~ChangeDetectionStrategy~~","~~ViewEncapsulation~~","Input","HostBinding","TuiAvatarModule","TuiAvatarComponent","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,QAAA,uBAAA,kBAAA,YAAA;IAPA,IAAA,SAAA,uBAAA,GAAA;IAUI,QAAA,IAAS,CAAA,SAAA,GAA2B,OAAO,CAAC;SAC/C;;;+IAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAvB,uBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,0KALtB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,k7GAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;sHAK5B,uBAAuB,EAAA,UAAA,EAAA,CAAA;sBAPnCC,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,kBAAkB;IAC5B,oBAAA,QAAQ,EAAE,2BAA2B;wBACrC,SAAS,EAAE,CAAC,2BAA2B,CAAC;wBACxC,~~eAAe~~,EAAEC,~~0BAAuB~~,CAAC,~~MAAM~~;~~wBAC/C~~,~~aAAa~~,EAAEC,~~oBAAiB~~,CAAC,~~IAAI~~;~~qBACxC~~,CAAA;kCAIG,SAAS,EAAA,CAAA;0BAFRC,QAAK;;0BACLC,cAAW;2BAAC,qBAAqB,CAAA;;;ACLtC,QAAA,oBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,oBAAA,GAAA;;;;4IAAa,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;IAApB,oBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,oBAAoB,iBAHd,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAD5BM,sBAAe,CAEf,EAAA,OAAA,EAAA,CAAA,uBAAuB,EAAEC,yBAAkB,CAAA,EAAA,CAAA,CAAA;6IAE5C,oBAAoB,EAAA,OAAA,EAAA,CAJpB,CAACD,sBAAe,CAAC,CAAA,EAAA,CAAA,CAAA;sHAIjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;sBALhCE,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,OAAO,EAAE,CAACF,sBAAe,CAAC;wBAC1B,YAAY,EAAE,CAAC,uBAAuB,CAAC;IACvC,oBAAA,OAAO,EAAE,CAAC,uBAAuB,EAAEC,yBAAkB,CAAC;qBACzD,CAAA;;;ICZD;;IAEG;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-components-avatar-stack.umd.js","sources":["../../../projects/experimental/components/avatar-stack/avatar-stack.component.ts","../../../projects/experimental/components/avatar-stack/avatar-stack.module.ts","../../../projects/experimental/components/avatar-stack/taiga-ui-experimental-components-avatar-stack.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TuiHorizontalDirection} from '@taiga-ui/core';\n\n@Component({\n selector: 'tui-avatar-stack',\n template: '<ng-content></ng-content>',\n styleUrls: ['./avatar-stack.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAvatarStackComponent {\n @Input()\n @HostBinding('attr.data-direction')\n direction: TuiHorizontalDirection = 'right';\n}\n","import {NgModule} from '@angular/core';\nimport {\n TuiAvatarComponent,\n TuiAvatarModule,\n} from '@taiga-ui/experimental/components/avatar';\n\nimport {TuiAvatarStackComponent} from './avatar-stack.component';\n\n@NgModule({\n imports: [TuiAvatarModule],\n declarations: [TuiAvatarStackComponent],\n exports: [TuiAvatarStackComponent, TuiAvatarComponent],\n})\nexport class TuiAvatarStackModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","Input","HostBinding","TuiAvatarModule","TuiAvatarComponent","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,QAAA,uBAAA,kBAAA,YAAA;IAPA,IAAA,SAAA,uBAAA,GAAA;IAUI,QAAA,IAAS,CAAA,SAAA,GAA2B,OAAO,CAAC;SAC/C;;;+IAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAvB,uBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,0KALtB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,k7GAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;sHAK5B,uBAAuB,EAAA,UAAA,EAAA,CAAA;sBAPnCC,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,kBAAkB;IAC5B,oBAAA,QAAQ,EAAE,2BAA2B;wBACrC,SAAS,EAAE,CAAC,2BAA2B,CAAC;wBACxC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;wBACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAClD,CAAA;kCAIG,SAAS,EAAA,CAAA;0BAFRC,QAAK;;0BACLC,cAAW;2BAAC,qBAAqB,CAAA;;;ACLtC,QAAA,oBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,oBAAA,GAAA;;;;4IAAa,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;IAApB,oBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,oBAAoB,iBAHd,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAD5BM,sBAAe,CAEf,EAAA,OAAA,EAAA,CAAA,uBAAuB,EAAEC,yBAAkB,CAAA,EAAA,CAAA,CAAA;6IAE5C,oBAAoB,EAAA,OAAA,EAAA,CAJpB,CAACD,sBAAe,CAAC,CAAA,EAAA,CAAA,CAAA;sHAIjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;sBALhCE,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,OAAO,EAAE,CAACF,sBAAe,CAAC;wBAC1B,YAAY,EAAE,CAAC,uBAAuB,CAAC;IACvC,oBAAA,OAAO,EAAE,CAAC,uBAAuB,EAAEC,yBAAkB,CAAC;qBACzD,CAAA;;;ICZD;;IAEG;;;;;;;;;;;"}

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

@@ -38,9 +38,9 @@
                 type: i0.Component,
                 args: [{
                         selector: 'tui-badge-notification',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         template: '<ng-content></ng-content>',
                         styleUrls: ['./badge-notification.style.less'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         animations: [core.tuiPop],
                         host: {
                             '[attr.data-platform]': 'platform',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-components-badge-notification.umd.js","sources":["../../../projects/experimental/components/badge-notification/badge-notification.component.ts","../../../projects/experimental/components/badge-notification/badge-notification.module.ts","../../../projects/experimental/components/badge-notification/taiga-ui-experimental-components-badge-notification.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TUI_PLATFORM, TuiPlatform} from '@taiga-ui/cdk';\nimport {\n TUI_ANIMATION_OPTIONS,\n TuiAnimationOptions,\n tuiPop,\n TuiSizeL,\n TuiSizeXS,\n} from '@taiga-ui/core';\n\n@Component({\n selector: 'tui-badge-notification',\n ~~changeDetection: ChangeDetectionStrategy.OnPush,\n~~ template: '<ng-content></ng-content>',\n styleUrls: ['./badge-notification.style.less'],\n animations: [tuiPop],\n host: {\n '[attr.data-platform]': 'platform',\n '[attr.data-size]': 'size',\n '[@tuiPop]': 'animation',\n },\n})\nexport class TuiBadgeNotificationComponent {\n @Input()\n size: TuiSizeL \| TuiSizeXS = 'l';\n\n constructor(\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n @Inject(TUI_ANIMATION_OPTIONS) readonly animation: TuiAnimationOptions,\n ) {}\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiBadgeNotificationComponent} from './badge-notification.component';\n\n@NgModule({\n declarations: [TuiBadgeNotificationComponent],\n exports: [TuiBadgeNotificationComponent],\n})\nexport class TuiBadgeNotificationModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["TUI_PLATFORM","TUI_ANIMATION_OPTIONS","i0","tuiPop","Component","ChangeDetectionStrategy","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,QAAA,6BAAA,kBAAA,YAAA;QAII,SACmC,6BAAA,CAAA,QAAqB,EACZ,SAA8B,EAAA;IADvC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAa;IACZ,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAqB;IAJ1E,QAAA,IAAI,CAAA,IAAA,GAAyB,GAAG,CAAC;SAK7B;;;qJAPK,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAK1BA,gBAAY,EAAA,EAAA,EAAA,KAAA,EACZC,0BAAqB,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IANxB,6BAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,~~EAT5B~~,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,QAAA,EAAA,2BAA2B,~~EAEzB~~,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,syBAAA,CAAA,EAAA,UAAA,EAAA,CAACC,WAAM,CAAC,EAAA,eAAA,EAAAD,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHAOX,6BAA6B,EAAA,UAAA,EAAA,CAAA;sBAZzCE,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,wBAAwB;~~wBAClC~~,~~eAAe,EAAEC,0BAAuB,CAAC,MAAM;IAC/C,~~oBAAA,QAAQ,EAAE,2BAA2B;wBACrC,SAAS,EAAE,CAAC,iCAAiC,CAAC;wBAC9C,UAAU,EAAE,CAACF,WAAM,CAAC;IACpB,oBAAA,IAAI,EAAE;IACF,wBAAA,sBAAsB,EAAE,UAAU;IAClC,wBAAA,kBAAkB,EAAE,MAAM;IAC1B,wBAAA,WAAW,EAAE,WAAW;IAC3B,qBAAA;qBACJ,CAAA;;;kCAMQG,SAAM;mCAACN,gBAAY,CAAA;;kCACnBM,SAAM;mCAACL,0BAAqB,CAAA;;6BAJjC,IAAI,EAAA,CAAA;0BADHM,QAAK;;;ACfV,QAAA,0BAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,0BAAA,GAAA;;;;kJAAa,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mJAA1B,0BAA0B,EAAA,YAAA,EAAA,CAHpB,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAClC,6BAA6B,CAAA,EAAA,CAAA,CAAA;mJAE9B,0BAA0B,EAAA,CAAA,CAAA;sHAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;sBAJtCM,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,6BAA6B,CAAC;wBAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;qBAC3C,CAAA;;;ICPD;;IAEG;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-components-badge-notification.umd.js","sources":["../../../projects/experimental/components/badge-notification/badge-notification.component.ts","../../../projects/experimental/components/badge-notification/badge-notification.module.ts","../../../projects/experimental/components/badge-notification/taiga-ui-experimental-components-badge-notification.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TUI_PLATFORM, TuiPlatform} from '@taiga-ui/cdk';\nimport {\n TUI_ANIMATION_OPTIONS,\n TuiAnimationOptions,\n tuiPop,\n TuiSizeL,\n TuiSizeXS,\n} from '@taiga-ui/core';\n\n@Component({\n selector: 'tui-badge-notification',\n template: '<ng-content></ng-content>',\n styleUrls: ['./badge-notification.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [tuiPop],\n host: {\n '[attr.data-platform]': 'platform',\n '[attr.data-size]': 'size',\n '[@tuiPop]': 'animation',\n },\n})\nexport class TuiBadgeNotificationComponent {\n @Input()\n size: TuiSizeL \| TuiSizeXS = 'l';\n\n constructor(\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n @Inject(TUI_ANIMATION_OPTIONS) readonly animation: TuiAnimationOptions,\n ) {}\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiBadgeNotificationComponent} from './badge-notification.component';\n\n@NgModule({\n declarations: [TuiBadgeNotificationComponent],\n exports: [TuiBadgeNotificationComponent],\n})\nexport class TuiBadgeNotificationModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["TUI_PLATFORM","TUI_ANIMATION_OPTIONS","i0","tuiPop","Component","ChangeDetectionStrategy","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,QAAA,6BAAA,kBAAA,YAAA;QAII,SACmC,6BAAA,CAAA,QAAqB,EACZ,SAA8B,EAAA;IADvC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAa;IACZ,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAqB;IAJ1E,QAAA,IAAI,CAAA,IAAA,GAAyB,GAAG,CAAC;SAK7B;;;qJAPK,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAK1BA,gBAAY,EAAA,EAAA,EAAA,KAAA,EACZC,0BAAqB,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IANxB,6BAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,EAV5B,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,QAAA,EAAA,2BAA2B,EAGzB,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,syBAAA,CAAA,EAAA,UAAA,EAAA,CAACC,WAAM,CAAC,EAAA,eAAA,EAAAD,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHAOX,6BAA6B,EAAA,UAAA,EAAA,CAAA;sBAZzCE,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,wBAAwB;IAClC,oBAAA,QAAQ,EAAE,2BAA2B;wBACrC,SAAS,EAAE,CAAC,iCAAiC,CAAC;wBAC9C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,UAAU,EAAE,CAACF,WAAM,CAAC;IACpB,oBAAA,IAAI,EAAE;IACF,wBAAA,sBAAsB,EAAE,UAAU;IAClC,wBAAA,kBAAkB,EAAE,MAAM;IAC1B,wBAAA,WAAW,EAAE,WAAW;IAC3B,qBAAA;qBACJ,CAAA;;;kCAMQG,SAAM;mCAACN,gBAAY,CAAA;;kCACnBM,SAAM;mCAACL,0BAAqB,CAAA;;6BAJjC,IAAI,EAAA,CAAA;0BADHM,QAAK;;;ACfV,QAAA,0BAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,0BAAA,GAAA;;;;kJAAa,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mJAA1B,0BAA0B,EAAA,YAAA,EAAA,CAHpB,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAClC,6BAA6B,CAAA,EAAA,CAAA,CAAA;mJAE9B,0BAA0B,EAAA,CAAA,CAAA;sHAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;sBAJtCM,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,6BAA6B,CAAC;wBAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;qBAC3C,CAAA;;;ICPD;;IAEG;;;;;;;;;;;"}

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

@@ -42,25 +42,23 @@
             this.platform = platform;
             this.size = this.options.size;
             this.appearance = this.options.appearance;
-            this.hoverable = this.options.hoverable;
         }
         return TuiBadgeComponent;
     }());
     TuiBadgeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeComponent, deps: [{ token: TUI_BADGE_OPTIONS }, { token: core.TUI_MODE }, { token: cdk.TUI_PLATFORM }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "tui-badge", inputs: { size: "size", appearance: "appearance", hoverable: "hoverable" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "attr.data-platform": "platform", "attr.data-appearance": "appearance", "attr.data-size": "size", "class._hoverable": "hoverable" } }, providers: [core.MODE_PROVIDER], ngImport: i0__namespace, template: "<div class=\"t-image\">\n    <ng-content select=\"img\"></ng-content>\n</div>\n<div\n    class=\"t-icon\"\n    [class._icon-only]=\"!text.innerHTML.trim()\"\n>\n    <ng-content select=\"tui-svg\"></ng-content>\n</div>\n\n<span\n    #text\n    class=\"t-text\"\n>\n    <ng-content></ng-content>\n</span>\n", styles: [":host{--left-content-color: currentColor;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);flex-shrink:0;max-width:100%}:host:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";border-radius:inherit;pointer-events:none}:host._hoverable:hover[data-appearance=custom]:after,:host._hoverable:active[data-appearance=custom]:after{background:var(--tui-clear)}:host[data-appearance=primary]{background:var(--tui-primary);color:var(--tui-primary-text)}:host[data-appearance=primary]._hoverable:hover{background:var(--tui-primary-hover)}:host[data-appearance=primary]._hoverable:active{background:var(--tui-primary-active)}:host[data-appearance=accent]{background:var(--tui-accent);color:var(--tui-accent-text)}:host[data-appearance=accent]._hoverable:hover{background:var(--tui-accent-hover)}:host[data-appearance=accent]._hoverable:active{background:var(--tui-accent-active)}:host[data-appearance=light]{background:var(--tui-secondary);color:var(--tui-text-01)}:host[data-appearance=light]._hoverable:hover{background:var(--tui-secondary-hover)}:host[data-appearance=light]._hoverable:active{background:var(--tui-secondary-active)}:host[data-appearance=light][data-platform=ios],:host[data-appearance=light][data-platform=android]{background:var(--tui-base-06)}:host[data-appearance=error]{--left-content-color: var(--tui-error-fill);background:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-appearance=error]._hoverable:hover,:host[data-appearance=error]._hoverable:active{background:var(--tui-error-bg-hover)}:host[data-appearance=error][data-mode=onDark]{background:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=error][data-mode=onDark]._hoverable:hover,:host[data-appearance=error][data-mode=onDark]._hoverable:active{background:var(--tui-error-bg-night-hover)}:host[data-appearance=success]{--left-content-color: var(--tui-success-fill);background:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-appearance=success]._hoverable:hover,:host[data-appearance=success]._hoverable:active{background:var(--tui-success-bg-hover)}:host[data-appearance=success][data-mode=onDark]{background:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=success][data-mode=onDark]._hoverable:hover,:host[data-appearance=success][data-mode=onDark]._hoverable:active{background:var(--tui-success-bg-night-hover)}:host[data-appearance=warning]{--left-content-color: var(--tui-warning-fill);background:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-appearance=warning]._hoverable:hover,:host[data-appearance=warning]._hoverable:active{background:var(--tui-warning-bg-hover)}:host[data-appearance=warning][data-mode=onDark]{background:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=warning][data-mode=onDark]._hoverable:hover,:host[data-appearance=warning][data-mode=onDark]._hoverable:active{background:var(--tui-warning-bg-night-hover)}:host[data-appearance=info]{--left-content-color: var(--tui-info-fill);background:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-appearance=info]._hoverable:hover,:host[data-appearance=info]._hoverable:active{background:var(--tui-info-bg-hover)}:host[data-appearance=info][data-mode=onDark]{background:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=info][data-mode=onDark]._hoverable:hover,:host[data-appearance=info][data-mode=onDark]._hoverable:active{background:var(--tui-info-bg-night-hover)}:host[data-appearance=neutral]{--left-content-color: var(--tui-neutral-fill);background:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-appearance=neutral]._hoverable:hover,:host[data-appearance=neutral]._hoverable:active{background:var(--tui-neutral-bg-hover)}:host[data-appearance=neutral][data-mode=onDark]{background:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=neutral][data-mode=onDark]._hoverable:hover,:host[data-appearance=neutral][data-mode=onDark]._hoverable:active{background:var(--tui-neutral-bg-night-hover)}:host[data-appearance=default]{background:var(--tui-base-06)}:host[data-appearance=default]:not([data-mode])._hoverable:hover{background:var(--tui-base-07)}:host[data-appearance=default]:not([data-mode])._hoverable:active{background:var(--tui-base-08)}:host[data-appearance=default][data-mode=onDark]{background:var(--tui-clear-inverse-hover)}:host[data-appearance=default][data-mode=onDark]._hoverable:hover{background:var(--tui-clear-inverse-active)}:host[data-appearance=default][data-mode=onDark]._hoverable:active{background:var(--tui-clear-inverse-active)}:host[data-appearance=default][data-mode=onLight]{background:var(--tui-clear);color:var(--tui-text-01)}:host[data-appearance=default][data-mode=onLight]._hoverable:hover{background:var(--tui-clear-hover)}:host[data-appearance=default][data-mode=onLight]._hoverable:active{background:var(--tui-clear-active)}:host._hoverable{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer}:host:not(._empty-value){padding:0 .25rem}:host:not(._empty-value)[data-size=xl]{padding:0 .375rem}:host:not(._empty-value)[data-size=xl][data-platform=web]{padding:0 .5rem}:host:not(._empty-value)[data-size=s]{padding:0 .125rem}:host:not(._empty-value)[data-size=s][data-platform=web]{padding:0 .25rem}:host[data-size=s]{height:1.25rem;min-width:1.25rem}:host[data-size=s][data-platform=ios],:host[data-size=s][data-platform=android]{font:var(--tui-font-text-xs);font-weight:bold;height:1rem;min-width:1rem}:host[data-size=m]{height:1.25rem;min-width:1.25rem}:host[data-size=l]{height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size=l][data-platform=ios],:host[data-size=l][data-platform=android]{height:1.5rem;min-width:1.5rem}:host[data-size=xl]{height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size=xl][data-platform=ios],:host[data-size=xl][data-platform=android]{height:1.75rem;min-width:1.75rem}:host[data-size=xl][data-platform=web]{font:var(--tui-font-text-m)}:host[data-platform=ios],:host[data-platform=android]{font-weight:bold}.t-text{white-space:nowrap;padding:0 .125rem;overflow:hidden}.t-text:empty{display:none}:host[data-size=xl][data-platform=web] .t-text{padding:0 .375rem}:host[data-size=xl] .t-text{padding:0 .25rem}:host[data-size=l] .t-text{padding:0 .25rem}.t-icon{display:none;color:var(--left-content-color)}.t-icon:not(:empty){display:flex;width:1rem;height:1rem;align-items:center;justify-content:center}.t-icon:not(:empty):before{content:none}:host[data-size=m] .t-icon:not(:empty),:host[data-size=s][data-platform=web] .t-icon:not(:empty){width:.75rem;transform:scale(.75)}:host[data-size=s] .t-icon:not(:empty){width:.625rem;transform:scale(.625)}:host[data-size=s] .t-icon:not(:empty):not(._icon-only){margin-left:.0625rem}.t-icon:before{content:\"\";display:block;background:currentColor;margin:0 .125rem 0 .25rem;width:.25rem;height:.25rem;border-radius:100%}:host[data-appearance=error] .t-icon:empty,:host[data-appearance=success] .t-icon:empty,:host[data-appearance=warning] .t-icon:empty,:host[data-appearance=info] .t-icon:empty,:host[data-appearance=neutral] .t-icon:empty{display:block}:host[data-size=l] .t-icon:before{width:.375rem;height:.375rem}:host[data-size=xl] .t-icon:before{width:.5rem;height:.5rem}.t-image{display:none}:host::ng-deep .t-image img{width:100%;height:100%}.t-image:not(:empty){display:block;width:1rem;height:1rem;margin:0 -.5rem}.t-image:not(:empty)~.t-text{margin-left:.5rem}.t-image:not(:empty)~.t-icon{display:none}:host[data-size=xl] .t-image:not(:empty){height:1.75rem;width:1.75rem}:host[data-size=l] .t-image:not(:empty){height:1.5rem;width:1.5rem}:host[data-size=m] .t-image:not(:empty){height:1.25rem;width:1.25rem}:host[data-size=xl][data-platform=web] .t-image:not(:empty){width:2rem;height:2rem}:host[data-size=s][data-platform=web] .t-image:not(:empty){width:1.25rem;height:1.25rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "tui-badge", inputs: { size: "size", appearance: "appearance" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "attr.data-platform": "platform", "attr.data-appearance": "appearance", "attr.data-size": "size" } }, providers: [core.MODE_PROVIDER], ngImport: i0__namespace, template: "<div class=\"t-image\">\n    <ng-content select=\"img\"></ng-content>\n</div>\n<div\n    class=\"t-icon\"\n    [class._icon-only]=\"!text.innerHTML.trim()\"\n>\n    <ng-content select=\"tui-svg\"></ng-content>\n</div>\n\n<span\n    #text\n    class=\"t-text\"\n>\n    <ng-content></ng-content>\n</span>\n", styles: [":host{--left-content-color: currentColor;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);flex-shrink:0;max-width:100%}:host:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";border-radius:inherit;pointer-events:none}:host[data-appearance=primary]{background:var(--tui-primary);color:var(--tui-primary-text)}:host[data-appearance=accent]{background:var(--tui-accent);color:var(--tui-accent-text)}:host[data-appearance=light]{background:var(--tui-secondary);color:var(--tui-text-01)}:host[data-appearance=light][data-platform=ios],:host[data-appearance=light][data-platform=android]{background:var(--tui-base-06)}:host[data-appearance=error]{--left-content-color: var(--tui-error-fill);background:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-appearance=error][data-mode=onDark]{background:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=success]{--left-content-color: var(--tui-success-fill);background:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-appearance=success][data-mode=onDark]{background:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=warning]{--left-content-color: var(--tui-warning-fill);background:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-appearance=warning][data-mode=onDark]{background:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=info]{--left-content-color: var(--tui-info-fill);background:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-appearance=info][data-mode=onDark]{background:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=neutral]{--left-content-color: var(--tui-neutral-fill);background:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-appearance=neutral][data-mode=onDark]{background:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=default]{background:var(--tui-base-06)}:host[data-appearance=default][data-mode=onDark]{background:var(--tui-clear-inverse-hover)}:host[data-appearance=default][data-mode=onLight]{background:var(--tui-clear);color:var(--tui-text-01)}:host:not(._empty-value){padding:0 .25rem}:host:not(._empty-value)[data-size=xl]{padding:0 .375rem}:host:not(._empty-value)[data-size=xl][data-platform=web]{padding:0 .5rem}:host:not(._empty-value)[data-size=s]{padding:0 .125rem}:host:not(._empty-value)[data-size=s][data-platform=web]{padding:0 .25rem}:host[data-size=s]{height:1.25rem;min-width:1.25rem}:host[data-size=s][data-platform=ios],:host[data-size=s][data-platform=android]{font:var(--tui-font-text-xs);font-weight:bold;height:1rem;min-width:1rem}:host[data-size=m]{height:1.25rem;min-width:1.25rem}:host[data-size=l]{height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size=l][data-platform=ios],:host[data-size=l][data-platform=android]{height:1.5rem;min-width:1.5rem}:host[data-size=xl]{height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size=xl][data-platform=ios],:host[data-size=xl][data-platform=android]{height:1.75rem;min-width:1.75rem}:host[data-size=xl][data-platform=web]{font:var(--tui-font-text-m)}:host[data-platform=ios],:host[data-platform=android]{font-weight:bold}.t-text{white-space:nowrap;padding:0 .125rem;overflow:hidden}.t-text:empty{display:none}:host[data-size=xl][data-platform=web] .t-text{padding:0 .375rem}:host[data-size=xl] .t-text{padding:0 .25rem}:host[data-size=l] .t-text{padding:0 .25rem}.t-icon{display:none;color:var(--left-content-color)}.t-icon:not(:empty){display:flex;width:1rem;height:1rem;align-items:center;justify-content:center}.t-icon:not(:empty):before{content:none}:host[data-size=m] .t-icon:not(:empty),:host[data-size=s][data-platform=web] .t-icon:not(:empty){width:.75rem;transform:scale(.75)}:host[data-size=s] .t-icon:not(:empty){width:.625rem;transform:scale(.625)}:host[data-size=s] .t-icon:not(:empty):not(._icon-only){margin-left:.0625rem}.t-icon:before{content:\"\";display:block;background:currentColor;margin:0 .125rem 0 .25rem;width:.25rem;height:.25rem;border-radius:100%}:host[data-appearance=error] .t-icon:empty,:host[data-appearance=success] .t-icon:empty,:host[data-appearance=warning] .t-icon:empty,:host[data-appearance=info] .t-icon:empty,:host[data-appearance=neutral] .t-icon:empty{display:block}:host[data-size=l] .t-icon:before{width:.375rem;height:.375rem}:host[data-size=xl] .t-icon:before{width:.5rem;height:.5rem}.t-image{display:none}:host::ng-deep .t-image img{width:100%;height:100%}.t-image:not(:empty){display:block;width:1rem;height:1rem;margin:0 -.5rem}.t-image:not(:empty)~.t-text{margin-left:.5rem}.t-image:not(:empty)~.t-icon{display:none}:host[data-size=xl] .t-image:not(:empty){height:1.75rem;width:1.75rem}:host[data-size=l] .t-image:not(:empty){height:1.5rem;width:1.5rem}:host[data-size=m] .t-image:not(:empty){height:1.25rem;width:1.25rem}:host[data-size=xl][data-platform=web] .t-image:not(:empty){width:2rem;height:2rem}:host[data-size=s][data-platform=web] .t-image:not(:empty){width:1.25rem;height:1.25rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'tui-badge',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         templateUrl: './badge.template.html',
                         styleUrls: ['./badge.style.less'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [core.MODE_PROVIDER],
                         host: {
                             '[attr.data-platform]': 'platform',
                             '[attr.data-appearance]': 'appearance',
                             '[attr.data-size]': 'size',
-                            '[class._hoverable]': 'hoverable',
                             '($.data-mode.attr)': 'mode$',
                         },
                     }]
@@ -79,8 +77,6 @@
                     type: i0.Input
                 }], appearance: [{
                     type: i0.Input
-                }], hoverable: [{
-                    type: i0.Input
                 }] } });
     var TuiBadgeModule = /** @class */ (function () {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-components-badge.umd.js","sources":["../../../projects/experimental/components/badge/badge.options.ts","../../../projects/experimental/components/badge/badge.component.ts","../../../projects/experimental/components/badge/badge.template.html","../../../projects/experimental/components/badge/badge.module.ts","../../../projects/experimental/components/badge/taiga-ui-experimental-components-badge.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\nimport {TuiStatus} from '@taiga-ui/kit';\n\nexport interface TuiBadgeOptions {\n readonly appearance: TuiStatus \| 'accent' \| 'light';\n readonly size: TuiSizeS \| TuiSizeXL;\n readonly hoverable: boolean;\n}\n\nexport const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions = {\n size: `l`,\n appearance: `default`,\n hoverable: false,\n};\n\nexport const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);\n\nexport function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider {\n return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TUI_PLATFORM, TuiPlatform} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_BADGE_OPTIONS, TuiBadgeOptions} from './badge.options';\n\n@Component({\n selector: 'tui-badge',\n ~~changeDetection: ChangeDetectionStrategy.OnPush,\n~~ templateUrl: './badge.template.html',\n styleUrls: ['./badge.style.less'],\n providers: [MODE_PROVIDER],\n host: {\n '[attr.data-platform]': 'platform',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-size]': 'size',\n '~~[class._hoverable]': 'hoverable',\n '~~($.data-mode.attr)': 'mode$',\n },\n})\nexport class TuiBadgeComponent {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n ~~@Input()\n hoverable = this.options.hoverable;\n\n~~ constructor(\n @Inject(TUI_BADGE_OPTIONS) private readonly options: TuiBadgeOptions,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness \| null>,\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n ) {}\n}\n","<div class=\"t-image\">\n <ng-content select=\"img\"></ng-content>\n</div>\n<div\n class=\"t-icon\"\n [class._icon-only]=\"!text.innerHTML.trim()\"\n>\n <ng-content select=\"tui-svg\"></ng-content>\n</div>\n\n<span\n #text\n class=\"t-text\"\n>\n <ng-content></ng-content>\n</span>\n","import {NgModule} from '@angular/core';\n\nimport {TuiBadgeComponent} from './badge.component';\n\n@NgModule({\n declarations: [TuiBadgeComponent],\n exports: [TuiBadgeComponent],\n})\nexport class TuiBadgeModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","i0","TUI_MODE","TUI_PLATFORM","MODE_PROVIDER","Component","ChangeDetectionStrategy","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWa,QAAA,yBAAyB,GAAoB;IACtD,IAAA,IAAI,EAAE,GAAG;IACT,IAAA,UAAU,EAAE,SAAS;IACrB,IAAA,SAAS,EAAE,KAAK;MAClB;QAEW,iBAAiB,GAAGA,kBAAc,CAAC,yBAAyB,EAAE;IAErE,SAAU,uBAAuB,CAAC,OAAiC,EAAA;QACrE,OAAOC,qBAAiB,CAAC,iBAAiB,EAAE,OAAO,EAAE,yBAAyB,CAAC,CAAC;IACpF;;~~ACAA~~,QAAA,iBAAA,kBAAA,YAAA;~~IAUI~~,IAAA,SAAA,iBAAA,CACgD,OAAwB,EACzC,KAAuC,EACnC,QAAqB,EAAA;IAFR,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAiB;IACzC,QAAA,IAAK,CAAA,KAAA,GAAL,KAAK,CAAkC;IACnC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAa;~~YAXxD~~,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAGzB,IAAA,CAAA,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;~~YAGrC,IAAA,CAAA,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;SAM/B~~;;;~~IAdK~~,iBAAA,CAAA,IAAA,GAAAC,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,iBAAiB,~~EAWd~~,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,iBAAiB,EACjB,EAAA,EAAA,KAAA,EAAAC,aAAQ,aACRC,gBAAY,EAAA,CAAA,EAAA,MAAA,EAAAF,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~IAbf~~,iBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,~~EATf~~,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,~~SAAA,~~EAAA,~~WAAA,EAAA,EAAA,~~IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,~~kBAAA,~~EAAA,~~WAAA,~~EAAA,~~EAAA,EAAA,~~SAAA,EAAA,CAACG,kBAAa,CAAC,qCCZ9B,kTAgBA,EAAA,MAAA,EAAA,CAAA,~~ylQAAA~~,CAAA,EAAA,eAAA,EAAAH,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;~~sHDKa~~,iBAAiB,EAAA,UAAA,EAAA,CAAA;~~sBAd7BI~~,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,WAAW;~~wBACrB~~,~~eAAe,EAAEC,0BAAuB,CAAC,MAAM;IAC/C,~~oBAAA,WAAW,EAAE,uBAAuB;wBACpC,SAAS,EAAE,CAAC,oBAAoB,CAAC;wBACjC,SAAS,EAAE,CAACF,kBAAa,CAAC;IAC1B,oBAAA,IAAI,EAAE;IACF,wBAAA,sBAAsB,EAAE,UAAU;IAClC,wBAAA,wBAAwB,EAAE,YAAY;IACtC,wBAAA,kBAAkB,EAAE,MAAM;IAC1B,wBAAA,oBAAoB,EAAE,~~WAAW;IACjC,wBAAA,oBAAoB,EAAE,~~OAAO;IAChC,qBAAA;qBACJ,CAAA;;;~~kCAYQG~~,SAAM;mCAAC,iBAAiB,CAAA;;kCACxBA,SAAM;mCAACL,aAAQ,CAAA;;kCACfK,SAAM;mCAACJ,gBAAY,CAAA;;~~6BAXxB~~,IAAI,EAAA,CAAA;0BADHK,QAAK;oBAIN,UAAU,EAAA,CAAA;0BADTA,QAAK~~;oBAIN,SAAS,EAAA,CAAA;0BADRA,QAAK~~;;;~~AEpBV~~,QAAA,cAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,cAAA,GAAA;;;;sIAAa,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAP,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;uIAAd,cAAc,EAAA,YAAA,EAAA,CAHR,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACtB,iBAAiB,CAAA,EAAA,CAAA,CAAA;uIAElB,cAAc,EAAA,CAAA,CAAA;sHAAd,cAAc,EAAA,UAAA,EAAA,CAAA;sBAJ1BQ,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,iBAAiB,CAAC;wBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;qBAC/B,CAAA;;;ICPD;;IAEG;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-components-badge.umd.js","sources":["../../../projects/experimental/components/badge/badge.options.ts","../../../projects/experimental/components/badge/badge.component.ts","../../../projects/experimental/components/badge/badge.template.html","../../../projects/experimental/components/badge/badge.module.ts","../../../projects/experimental/components/badge/taiga-ui-experimental-components-badge.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\nimport {TuiStatus} from '@taiga-ui/kit';\n\nexport interface TuiBadgeOptions {\n readonly appearance: TuiStatus \| 'accent' \| 'light';\n readonly size: TuiSizeS \| TuiSizeXL;\n readonly hoverable: boolean;\n}\n\nexport const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions = {\n size: `l`,\n appearance: `default`,\n hoverable: false,\n};\n\nexport const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);\n\nexport function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider {\n return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TUI_PLATFORM, TuiPlatform} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_BADGE_OPTIONS, TuiBadgeOptions} from './badge.options';\n\n@Component({\n selector: 'tui-badge',\n templateUrl: './badge.template.html',\n styleUrls: ['./badge.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [MODE_PROVIDER],\n host: {\n '[attr.data-platform]': 'platform',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-size]': 'size',\n '($.data-mode.attr)': 'mode$',\n },\n})\nexport class TuiBadgeComponent {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n constructor(\n @Inject(TUI_BADGE_OPTIONS) private readonly options: TuiBadgeOptions,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness \| null>,\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n ) {}\n}\n","<div class=\"t-image\">\n <ng-content select=\"img\"></ng-content>\n</div>\n<div\n class=\"t-icon\"\n [class._icon-only]=\"!text.innerHTML.trim()\"\n>\n <ng-content select=\"tui-svg\"></ng-content>\n</div>\n\n<span\n #text\n class=\"t-text\"\n>\n <ng-content></ng-content>\n</span>\n","import {NgModule} from '@angular/core';\n\nimport {TuiBadgeComponent} from './badge.component';\n\n@NgModule({\n declarations: [TuiBadgeComponent],\n exports: [TuiBadgeComponent],\n})\nexport class TuiBadgeModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","i0","TUI_MODE","TUI_PLATFORM","MODE_PROVIDER","Component","ChangeDetectionStrategy","Inject","Input","NgModule"],"mappings":"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"}

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

@@ -36,9 +36,9 @@
                     type: i0.Component,
                     args: [{
                             selector: 'tui-badged-content',
-                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
                             templateUrl: './badged-content.template.html',
                             styleUrls: ['./badged-content.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         }]
                 }] });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-components-badged-content.umd.js","sources":["../../../projects/experimental/components/badged-content/badged-content.component.ts","../../../projects/experimental/components/badged-content/badged-content.template.html","../../../projects/experimental/components/badged-content/badged-content.directive.ts","../../../projects/experimental/components/badged-content/badged-content.module.ts","../../../projects/experimental/components/badged-content/taiga-ui-experimental-components-badged-content.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'tui-badged-content',\n ~~changeDetection: ChangeDetectionStrategy.OnPush,\n~~ templateUrl: './badged-content.template.html',\n styleUrls: ['./badged-content.style.less'],\n})\nexport class TuiBadgedContentComponent {}\n","<ng-content></ng-content>\n\n<div\n #badgeTop\n class=\"t-badge t-badge_top\"\n [style.--t-badge-height.px]=\"badgeTop.offsetHeight\"\n (tuiResize)=\"(0)\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='top']\"></ng-content>\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='top']\"></ng-content>\n </div>\n</div>\n\n<div\n #badgeBottom\n class=\"t-badge t-badge_bottom\"\n [style.--t-badge-height.px]=\"badgeBottom.offsetHeight\"\n (tuiResize)=\"(0)\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='bottom']\"></ng-content>\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='bottom']\"></ng-content>\n </div>\n</div>\n","import {Directive, Input} from '@angular/core';\n\n@Directive({\n selector: '[tuiSlot]',\n})\nexport class TuiBadgedContentDirective {\n @Input()\n tuiSlot: string \| 'bottom' \| 'top' = 'top';\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\n\nimport {TuiBadgedContentComponent} from './badged-content.component';\nimport {TuiBadgedContentDirective} from './badged-content.directive';\n\n@NgModule({\n imports: [CommonModule, TuiResizeModule],\n declarations: [TuiBadgedContentComponent, TuiBadgedContentDirective],\n exports: [TuiBadgedContentComponent, TuiBadgedContentDirective],\n})\nexport class TuiBadgedContentModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","i1","Component","ChangeDetectionStrategy","Directive","Input","CommonModule","TuiResizeModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,YAAA,yBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,yBAAA,GAAA;;;;qJAAa,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAzB,yBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,qECRtC,8sBAyBA,EAAA,MAAA,EAAA,CAAA,ooBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,OAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAAD,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;0HDjBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;0BANrCE,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,oBAAoB;~~4BAC9B~~,~~eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,~~oBAAA,WAAW,EAAE,gCAAgC;4BAC7C,SAAS,EAAE,CAAC,6BAA6B,CAAC;~~yBAC7C~~,CAAA;;;AEFD,YAAA,yBAAA,kBAAA,YAAA;QAHA,IAAA,SAAA,yBAAA,GAAA;QAKI,QAAA,IAAO,CAAA,OAAA,GAA8B,KAAK,CAAC;aAC9C;;;qJAHY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAH,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;8HAAzB,yBAAyB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;0BAHrCI,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,WAAW;yBACxB,CAAA;sCAGG,OAAO,EAAA,CAAA;8BADNC,QAAK;;;ACMV,YAAA,sBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,sBAAA,GAAA;;;;kJAAa,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mJAAtB,sBAAsB,EAAA,YAAA,EAAA,CAHhB,yBAAyB,EAAE,yBAAyB,CAAA,EAAA,OAAA,EAAA,CADzDM,mBAAY,EAAEC,kBAAe,CAAA,EAAA,OAAA,EAAA,CAE7B,yBAAyB,EAAE,yBAAyB,CAAA,EAAA,CAAA,CAAA;QAErD,sBAAA,CAAA,IAAA,GAAAP,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,EAJtB,OAAA,EAAA,CAAA,CAACM,mBAAY,EAAEC,kBAAe,CAAC,CAAA,EAAA,CAAA,CAAA;0HAI/B,sBAAsB,EAAA,UAAA,EAAA,CAAA;0BALlCC,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,OAAO,EAAE,CAACF,mBAAY,EAAEC,kBAAe,CAAC;QACxC,oBAAA,YAAY,EAAE,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;QACpE,oBAAA,OAAO,EAAE,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;yBAClE,CAAA;;;QCXD;;QAEG;;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-components-badged-content.umd.js","sources":["../../../projects/experimental/components/badged-content/badged-content.component.ts","../../../projects/experimental/components/badged-content/badged-content.template.html","../../../projects/experimental/components/badged-content/badged-content.directive.ts","../../../projects/experimental/components/badged-content/badged-content.module.ts","../../../projects/experimental/components/badged-content/taiga-ui-experimental-components-badged-content.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'tui-badged-content',\n templateUrl: './badged-content.template.html',\n styleUrls: ['./badged-content.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBadgedContentComponent {}\n","<ng-content></ng-content>\n\n<div\n #badgeTop\n class=\"t-badge t-badge_top\"\n [style.--t-badge-height.px]=\"badgeTop.offsetHeight\"\n (tuiResize)=\"(0)\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='top']\"></ng-content>\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='top']\"></ng-content>\n </div>\n</div>\n\n<div\n #badgeBottom\n class=\"t-badge t-badge_bottom\"\n [style.--t-badge-height.px]=\"badgeBottom.offsetHeight\"\n (tuiResize)=\"(0)\"\n>\n <ng-content select=\"tui-badge-notification[tuiSlot='bottom']\"></ng-content>\n <div class=\"t-border\">\n <ng-content select=\"[tuiSlot='bottom']\"></ng-content>\n </div>\n</div>\n","import {Directive, Input} from '@angular/core';\n\n@Directive({\n selector: '[tuiSlot]',\n})\nexport class TuiBadgedContentDirective {\n @Input()\n tuiSlot: string \| 'bottom' \| 'top' = 'top';\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\n\nimport {TuiBadgedContentComponent} from './badged-content.component';\nimport {TuiBadgedContentDirective} from './badged-content.directive';\n\n@NgModule({\n imports: [CommonModule, TuiResizeModule],\n declarations: [TuiBadgedContentComponent, TuiBadgedContentDirective],\n exports: [TuiBadgedContentComponent, TuiBadgedContentDirective],\n})\nexport class TuiBadgedContentModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i0","i1","Component","ChangeDetectionStrategy","Directive","Input","CommonModule","TuiResizeModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,YAAA,yBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,yBAAA,GAAA;;;;qJAAa,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAzB,yBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,qECRtC,8sBAyBA,EAAA,MAAA,EAAA,CAAA,ooBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,OAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAAD,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;0HDjBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;0BANrCE,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,oBAAoB;QAC9B,oBAAA,WAAW,EAAE,gCAAgC;4BAC7C,SAAS,EAAE,CAAC,6BAA6B,CAAC;4BAC1C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;yBAClD,CAAA;;;AEFD,YAAA,yBAAA,kBAAA,YAAA;QAHA,IAAA,SAAA,yBAAA,GAAA;QAKI,QAAA,IAAO,CAAA,OAAA,GAA8B,KAAK,CAAC;aAC9C;;;qJAHY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAH,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;8HAAzB,yBAAyB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;0BAHrCI,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,WAAW;yBACxB,CAAA;sCAGG,OAAO,EAAA,CAAA;8BADNC,QAAK;;;ACMV,YAAA,sBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,sBAAA,GAAA;;;;kJAAa,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mJAAtB,sBAAsB,EAAA,YAAA,EAAA,CAHhB,yBAAyB,EAAE,yBAAyB,CAAA,EAAA,OAAA,EAAA,CADzDM,mBAAY,EAAEC,kBAAe,CAAA,EAAA,OAAA,EAAA,CAE7B,yBAAyB,EAAE,yBAAyB,CAAA,EAAA,CAAA,CAAA;QAErD,sBAAA,CAAA,IAAA,GAAAP,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,EAJtB,OAAA,EAAA,CAAA,CAACM,mBAAY,EAAEC,kBAAe,CAAC,CAAA,EAAA,CAAA,CAAA;0HAI/B,sBAAsB,EAAA,UAAA,EAAA,CAAA;0BALlCC,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,OAAO,EAAE,CAACF,mBAAY,EAAEC,kBAAe,CAAC;QACxC,oBAAA,YAAY,EAAE,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;QACpE,oBAAA,OAAO,EAAE,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;yBAClE,CAAA;;;QCXD;;QAEG;;;;;;;;;;;;"}

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

@@ -107,13 +107,13 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonStylesComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        host: {
-                            class: 'tui-button-styles',
-                        },
                         template: '',
                         styleUrls: ['./button.style.less'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        host: {
+                            class: 'tui-button-styles',
+                        },
                     }]
             }] });
     var TuiButtonDirective = /** @class */ (function () {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-components-button.umd.js","sources":["../../../projects/experimental/components/button/button.options.ts","../../../projects/experimental/components/button/button.component.ts","../../../projects/experimental/components/button/button.template.html","../../../projects/experimental/components/button/button.directive.ts","../../../projects/experimental/components/button/button.module.ts","../../../projects/experimental/components/button/taiga-ui-experimental-components-button.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXL, TuiSizeXS} from '@taiga-ui/core';\n\nexport interface TuiButtonOptions {\n readonly appearance: string;\n readonly size: TuiSizeXL \| TuiSizeXS;\n}\n\nexport const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions = {\n size: `l`,\n appearance: `primary`,\n};\n\nexport const TUI_BUTTON_OPTIONS = tuiCreateToken(TUI_BUTTON_DEFAULT_OPTIONS);\n\nexport function tuiButtonOptionsProvider(options: Partial<TuiButtonOptions>): Provider {\n return tuiProvideOptions(TUI_BUTTON_OPTIONS, options, TUI_BUTTON_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n HostListener,\n Inject,\n Input,\n} from '@angular/core';\nimport {tuiIsString} from '@taiga-ui/cdk';\nimport {tuiSizeBigger, TuiSizeS} from '@taiga-ui/core';\n\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';\n\n@Component({\n selector:\n '[tuiButton][loading],[tuiIconButton][loading],[tuiButton][iconLeft],[tuiButton][iconRight],[tuiIconButton][iconLeft]',\n templateUrl: './button.template.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.aria-disabled]': 'loading',\n '[class._loading]': 'loading',\n },\n})\nexport class TuiButtonComponent {\n @Input()\n size = this.options.size;\n\n @Input()\n loading: boolean \| string \| null = false;\n\n @Input()\n iconLeft = '';\n\n @Input()\n iconRight = '';\n\n constructor(@Inject(TUI_BUTTON_OPTIONS) private readonly options: TuiButtonOptions) {}\n\n get loaderSize(): TuiSizeS {\n return tuiSizeBigger(this.size) ? 'm' : 's';\n }\n\n get label(): string {\n return tuiIsString(this.loading) ? this.loading : '';\n }\n\n @HostListener('click.capture', ['$event'])\n onClick(event: MouseEvent): void {\n if (this.loading) {\n event.stopPropagation();\n }\n }\n}\n","<tui-svg\n ngIf=\"iconLeft\"\n [src]=\"iconLeft\"\n></tui-svg>\n<ng-content></ng-content>\n<tui-svg\n ngIf=\"iconRight\"\n class=\"t-icon\"\n [src]=\"iconRight\"\n></tui-svg>\n<tui-loader\n aria-live=\"polite\"\n role=\"status\"\n class=\"t-loader\"\n [inheritColor]=\"true\"\n [showLoader]=\"!!loading\"\n [size]=\"loaderSize\"\n [textContent]=\"label\"\n></tui-loader>\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n Inject,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_PLATFORM, TuiDirectiveStylesService, TuiPlatform} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';\n\n@Component({\n host: {\n class: 'tui-button-styles',\n },\n template: '',\n styleUrls: ['./button.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiButtonStylesComponent {}\n\n@Directive({\n selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',\n providers: [MODE_PROVIDER],\n host: {\n tuiButtonNew: '',\n tuiWrapper: '',\n '[attr.data-size]': 'size',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-platform]': 'platform',\n '($.data-mode.attr)': 'mode$',\n },\n})\nexport class TuiButtonDirective {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n constructor(\n @Inject(TUI_BUTTON_OPTIONS) private readonly options: TuiButtonOptions,\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness \| null>,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiButtonStylesComponent);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiButtonComponent} from './button.component';\nimport {TuiButtonDirective, TuiButtonStylesComponent} from './button.directive';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule, TuiLoaderModule],\n declarations: [TuiButtonComponent, TuiButtonDirective, TuiButtonStylesComponent],\n exports: [TuiButtonComponent, TuiButtonDirective],\n})\nexport class TuiButtonModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiSizeBigger","tuiIsString","i0","i1","i2","Component","ChangeDetectionStrategy","Inject","Input","HostListener","ViewEncapsulation","TUI_PLATFORM","TUI_MODE","TuiDirectiveStylesService","MODE_PROVIDER","Directive","CommonModule","TuiSvgModule","TuiLoaderModule","NgModule"],"mappings":"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"}
1	+ {"version":3,"file":"taiga-ui-experimental-components-button.umd.js","sources":["../../../projects/experimental/components/button/button.options.ts","../../../projects/experimental/components/button/button.component.ts","../../../projects/experimental/components/button/button.template.html","../../../projects/experimental/components/button/button.directive.ts","../../../projects/experimental/components/button/button.module.ts","../../../projects/experimental/components/button/taiga-ui-experimental-components-button.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXL, TuiSizeXS} from '@taiga-ui/core';\n\nexport interface TuiButtonOptions {\n readonly appearance: string;\n readonly size: TuiSizeXL \| TuiSizeXS;\n}\n\nexport const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions = {\n size: `l`,\n appearance: `primary`,\n};\n\nexport const TUI_BUTTON_OPTIONS = tuiCreateToken(TUI_BUTTON_DEFAULT_OPTIONS);\n\nexport function tuiButtonOptionsProvider(options: Partial<TuiButtonOptions>): Provider {\n return tuiProvideOptions(TUI_BUTTON_OPTIONS, options, TUI_BUTTON_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n HostListener,\n Inject,\n Input,\n} from '@angular/core';\nimport {tuiIsString} from '@taiga-ui/cdk';\nimport {tuiSizeBigger, TuiSizeS} from '@taiga-ui/core';\n\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';\n\n@Component({\n selector:\n '[tuiButton][loading],[tuiIconButton][loading],[tuiButton][iconLeft],[tuiButton][iconRight],[tuiIconButton][iconLeft]',\n templateUrl: './button.template.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.aria-disabled]': 'loading',\n '[class._loading]': 'loading',\n },\n})\nexport class TuiButtonComponent {\n @Input()\n size = this.options.size;\n\n @Input()\n loading: boolean \| string \| null = false;\n\n @Input()\n iconLeft = '';\n\n @Input()\n iconRight = '';\n\n constructor(@Inject(TUI_BUTTON_OPTIONS) private readonly options: TuiButtonOptions) {}\n\n get loaderSize(): TuiSizeS {\n return tuiSizeBigger(this.size) ? 'm' : 's';\n }\n\n get label(): string {\n return tuiIsString(this.loading) ? this.loading : '';\n }\n\n @HostListener('click.capture', ['$event'])\n onClick(event: MouseEvent): void {\n if (this.loading) {\n event.stopPropagation();\n }\n }\n}\n","<tui-svg\n ngIf=\"iconLeft\"\n [src]=\"iconLeft\"\n></tui-svg>\n<ng-content></ng-content>\n<tui-svg\n ngIf=\"iconRight\"\n class=\"t-icon\"\n [src]=\"iconRight\"\n></tui-svg>\n<tui-loader\n aria-live=\"polite\"\n role=\"status\"\n class=\"t-loader\"\n [inheritColor]=\"true\"\n [showLoader]=\"!!loading\"\n [size]=\"loaderSize\"\n [textContent]=\"label\"\n></tui-loader>\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n Inject,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_PLATFORM, TuiDirectiveStylesService, TuiPlatform} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';\n\n@Component({\n template: '',\n styleUrls: ['./button.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-button-styles',\n },\n})\nexport class TuiButtonStylesComponent {}\n\n@Directive({\n selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',\n providers: [MODE_PROVIDER],\n host: {\n tuiButtonNew: '',\n tuiWrapper: '',\n '[attr.data-size]': 'size',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-platform]': 'platform',\n '($.data-mode.attr)': 'mode$',\n },\n})\nexport class TuiButtonDirective {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n constructor(\n @Inject(TUI_BUTTON_OPTIONS) private readonly options: TuiButtonOptions,\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness \| null>,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiButtonStylesComponent);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiButtonComponent} from './button.component';\nimport {TuiButtonDirective, TuiButtonStylesComponent} from './button.directive';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule, TuiLoaderModule],\n declarations: [TuiButtonComponent, TuiButtonDirective, TuiButtonStylesComponent],\n exports: [TuiButtonComponent, TuiButtonDirective],\n})\nexport class TuiButtonModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiSizeBigger","tuiIsString","i0","i1","i2","Component","ChangeDetectionStrategy","Inject","Input","HostListener","ViewEncapsulation","TUI_PLATFORM","TUI_MODE","TuiDirectiveStylesService","MODE_PROVIDER","Directive","CommonModule","TuiSvgModule","TuiLoaderModule","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-icon.umd.js ADDED Viewed

@@ -0,0 +1,107 @@
+(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/icon', ['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.icon = {}), global.ng.core, global.cdk));
+})(this, (function (exports, i0, cdk) { '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 TuiIconComponent = /** @class */ (function () {
+        function TuiIconComponent() {
+            this.icon = '';
+        }
+        return TuiIconComponent;
+    }());
+    TuiIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiIconComponent, selector: "tui-icon", inputs: { icon: "icon" }, host: { properties: { "style.--t-mask": "\"url(\" + icon + \")\"" } }, ngImport: i0__namespace, template: '', isInline: true, styles: [":host{position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;-webkit-mask:var(--t-mask) no-repeat center / contain;mask:var(--t-mask) no-repeat center / contain}:host:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";-webkit-mask:inherit;mask:inherit;background:currentColor}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'tui-icon',
+                        template: '',
+                        host: { '[style.--t-mask]': '"url(" + icon + ")"' },
+                        styleUrls: ['./icon.style.less'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], propDecorators: { icon: [{
+                    type: i0.Input
+                }] } });
+    var TUI_ICON_RESOLVER = cdk.tuiCreateTokenFromFactory(function () { return function (icon) { return "/assets/taiga-ui/icons/" + icon + ".svg"; }; });
+    function tuiIconResolverProvider(useValue) {
+        return {
+            provide: TUI_ICON_RESOLVER,
+            useValue: useValue,
+        };
+    }
+    var TuiIconPipe = /** @class */ (function () {
+        function TuiIconPipe(resolver) {
+            this.resolver = resolver;
+        }
+        TuiIconPipe.prototype.transform = function (icon) {
+            return this.resolver(icon);
+        };
+        return TuiIconPipe;
+    }());
+    TuiIconPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconPipe, deps: [{ token: TUI_ICON_RESOLVER }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    TuiIconPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconPipe, name: "tuiIcon" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: "tuiIcon",
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [TUI_ICON_RESOLVER]
+                        }] }];
+        } });
+    var TuiIconModule = /** @class */ (function () {
+        function TuiIconModule() {
+        }
+        return TuiIconModule;
+    }());
+    TuiIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconModule, declarations: [TuiIconComponent, TuiIconPipe], exports: [TuiIconComponent, TuiIconPipe] });
+    TuiIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [TuiIconComponent, TuiIconPipe],
+                        exports: [TuiIconComponent, TuiIconPipe],
+                    }]
+            }] });
+    /**
+     * Generated bundle index. Do not edit.
+     */
+    exports.TUI_ICON_RESOLVER = TUI_ICON_RESOLVER;
+    exports.TuiIconComponent = TuiIconComponent;
+    exports.TuiIconModule = TuiIconModule;
+    exports.TuiIconPipe = TuiIconPipe;
+    exports.tuiIconResolverProvider = tuiIconResolverProvider;
+    Object.defineProperty(exports, '__esModule', { value: true });
+}));
+//# sourceMappingURL=taiga-ui-experimental-components-icon.umd.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"taiga-ui-experimental-components-icon.umd.js","sources":["../../../projects/experimental/components/icon/icon.component.ts","../../../projects/experimental/components/icon/icon.pipe.ts","../../../projects/experimental/components/icon/icon.module.ts","../../../projects/experimental/components/icon/taiga-ui-experimental-components-icon.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\n\n@Component({\n selector: 'tui-icon',\n template: '',\n host: {'[style.--t-mask]': '\"url(\" + icon + \")\"'},\n styleUrls: ['./icon.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiIconComponent {\n @Input()\n icon = '';\n}\n","import {Inject, Pipe, PipeTransform, Provider} from '@angular/core';\nimport {tuiCreateTokenFromFactory, TuiStringHandler} from '@taiga-ui/cdk';\n\nexport const TUI_ICON_RESOLVER = tuiCreateTokenFromFactory<TuiStringHandler<string>>(\n () => icon => `/assets/taiga-ui/icons/${icon}.svg`,\n);\n\nexport function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider {\n return {\n provide: TUI_ICON_RESOLVER,\n useValue,\n };\n}\n\n@Pipe({\n name: `tuiIcon`,\n})\nexport class TuiIconPipe implements PipeTransform {\n constructor(\n @Inject(TUI_ICON_RESOLVER) private readonly resolver: TuiStringHandler<string>,\n ) {}\n\n transform(icon: string): string {\n return this.resolver(icon);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiIconComponent} from './icon.component';\nimport {TuiIconPipe} from './icon.pipe';\n\n@NgModule({\n declarations: [TuiIconComponent, TuiIconPipe],\n exports: [TuiIconComponent, TuiIconPipe],\n})\nexport class TuiIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ChangeDetectionStrategy","Input","tuiCreateTokenFromFactory","Pipe","Inject","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AASA,QAAA,gBAAA,kBAAA,YAAA;IAPA,IAAA,SAAA,gBAAA,GAAA;IASI,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;SACb;;;wIAHY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,4JALf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+UAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHAKH,gBAAgB,EAAA,UAAA,EAAA,CAAA;sBAP5BC,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,UAAU;IACpB,oBAAA,QAAQ,EAAE,EAAE;IACZ,oBAAA,IAAI,EAAE,EAAC,kBAAkB,EAAE,qBAAqB,EAAC;wBACjD,SAAS,EAAE,CAAC,mBAAmB,CAAC;wBAChC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAClD,CAAA;kCAGG,IAAI,EAAA,CAAA;0BADHC,QAAK;;;QCPG,iBAAiB,GAAGC,6BAAyB,CACtD,YAAA,EAAM,OAAA,UAAA,IAAI,IAAI,OAAA,yBAAA,GAA0B,IAAI,GAAM,MAAA,CAAA,EAAA,CAA5C,EAA4C,EACpD;IAEI,SAAU,uBAAuB,CAAC,QAAkC,EAAA;QACtE,OAAO;IACH,QAAA,OAAO,EAAE,iBAAiB;IAC1B,QAAA,QAAQ,EAAA,QAAA;SACX,CAAC;IACN,CAAC;AAKD,QAAA,WAAA,kBAAA,YAAA;IACI,IAAA,SAAA,WAAA,CACgD,QAAkC,EAAA;IAAlC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAA0B;SAC9E;QAEJ,WAAS,CAAA,SAAA,CAAA,SAAA,GAAT,UAAU,IAAY,EAAA;IAClB,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SAC9B,CAAA;;;IAPQ,WAAA,CAAA,IAAA,GAAAJ,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,WAAW,kBAER,iBAAiB,EAAA,CAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;iIAFpB,WAAW,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,CAAA;sHAAX,WAAW,EAAA,UAAA,EAAA,CAAA;sBAHvBK,OAAI;IAAC,YAAA,IAAA,EAAA,CAAA;IACF,oBAAA,IAAI,EAAE,SAAS;qBAClB,CAAA;;;kCAGQC,SAAM;mCAAC,iBAAiB,CAAA;;;;ACVjC,QAAA,aAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,aAAA,GAAA;;;;qIAAa,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAN,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;IAAb,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,WAAW,CAClC,EAAA,OAAA,EAAA,CAAA,gBAAgB,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;sIAE9B,aAAa,EAAA,CAAA,CAAA;sHAAb,aAAa,EAAA,UAAA,EAAA,CAAA;sBAJzBO,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;IACN,oBAAA,YAAY,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC;IAC7C,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC;qBAC3C,CAAA;;;ICRD;;IAEG;;;;;;;;;;;;;;"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@

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

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

@@ -35,11 +35,13 @@
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCellComponent, decorators: [{
                     type: i0.Component,
                     args: [{
-                            host: { class: 'tui-cell' },
                             template: '',
                             styleUrls: ['./cell.styles.less'],
-                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
                             encapsulation: i0.ViewEncapsulation.None,
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                            host: {
+                                class: 'tui-cell',
+                            },
                         }]
                 }] });