@taiga-ui/experimental 3.54.0 → 3.55.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 (144) hide show
  1. package/bundles/taiga-ui-experimental-components-avatar.umd.js +19 -15
  2. package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
  3. package/bundles/taiga-ui-experimental-components-badge.umd.js +117 -96
  4. package/bundles/taiga-ui-experimental-components-badge.umd.js.map +1 -1
  5. package/bundles/taiga-ui-experimental-components-badged-content.umd.js +1 -1
  6. package/bundles/taiga-ui-experimental-components-badged-content.umd.js.map +1 -1
  7. package/bundles/taiga-ui-experimental-components-button.umd.js +30 -23
  8. package/bundles/taiga-ui-experimental-components-button.umd.js.map +1 -1
  9. package/bundles/taiga-ui-experimental-components-checkbox.umd.js +9 -14
  10. package/bundles/taiga-ui-experimental-components-checkbox.umd.js.map +1 -1
  11. package/bundles/taiga-ui-experimental-components-icon.umd.js +23 -43
  12. package/bundles/taiga-ui-experimental-components-icon.umd.js.map +1 -1
  13. package/bundles/taiga-ui-experimental-components-toggle.umd.js +14 -30
  14. package/bundles/taiga-ui-experimental-components-toggle.umd.js.map +1 -1
  15. package/bundles/taiga-ui-experimental-directives-appearance.umd.js +82 -0
  16. package/bundles/taiga-ui-experimental-directives-appearance.umd.js.map +1 -0
  17. package/bundles/taiga-ui-experimental-directives-button-vertical.umd.js +95 -0
  18. package/bundles/taiga-ui-experimental-directives-button-vertical.umd.js.map +1 -0
  19. package/bundles/taiga-ui-experimental-directives-card.umd.js +89 -88
  20. package/bundles/taiga-ui-experimental-directives-card.umd.js.map +1 -1
  21. package/bundles/taiga-ui-experimental-directives-cell.umd.js +1 -1
  22. package/bundles/taiga-ui-experimental-directives-progress-segmented.umd.js +1 -1
  23. package/bundles/taiga-ui-experimental-directives-progress-segmented.umd.js.map +1 -1
  24. package/bundles/taiga-ui-experimental-directives-sensitive.umd.js +3 -3
  25. package/bundles/taiga-ui-experimental-directives-sensitive.umd.js.map +1 -1
  26. package/bundles/taiga-ui-experimental-directives-surface.umd.js +6 -5
  27. package/bundles/taiga-ui-experimental-directives-surface.umd.js.map +1 -1
  28. package/bundles/taiga-ui-experimental-directives.umd.js +16 -4
  29. package/bundles/taiga-ui-experimental-directives.umd.js.map +1 -1
  30. package/bundles/taiga-ui-experimental-tokens.umd.js +31 -0
  31. package/bundles/taiga-ui-experimental-tokens.umd.js.map +1 -0
  32. package/bundles/taiga-ui-experimental.umd.js +10 -4
  33. package/bundles/taiga-ui-experimental.umd.js.map +1 -1
  34. package/components/avatar/avatar.component.d.ts +5 -4
  35. package/components/avatar/avatar.module.d.ts +2 -2
  36. package/components/badge/badge.component.d.ts +1 -11
  37. package/components/badge/badge.directive.d.ts +13 -0
  38. package/components/badge/badge.module.d.ts +2 -1
  39. package/components/badge/badge.options.d.ts +2 -3
  40. package/components/badge/index.d.ts +1 -0
  41. package/components/button/button.component.d.ts +1 -3
  42. package/components/button/button.directive.d.ts +6 -3
  43. package/components/checkbox/checkbox.component.d.ts +5 -6
  44. package/components/icon/icon.component.d.ts +5 -1
  45. package/components/icon/icon.module.d.ts +1 -2
  46. package/components/icon/index.d.ts +0 -1
  47. package/components/toggle/toggle.component.d.ts +5 -10
  48. package/directives/appearance/appearance.directive.d.ts +9 -0
  49. package/directives/appearance/appearance.module.d.ts +7 -0
  50. package/directives/appearance/index.d.ts +2 -0
  51. package/directives/appearance/package.json +10 -0
  52. package/directives/appearance/taiga-ui-experimental-directives-appearance.d.ts +5 -0
  53. package/directives/button-vertical/button-vertical.component.d.ts +5 -0
  54. package/directives/button-vertical/button-vertical.directive.d.ts +7 -0
  55. package/directives/button-vertical/button-vertical.module.d.ts +8 -0
  56. package/directives/button-vertical/index.d.ts +3 -0
  57. package/directives/button-vertical/package.json +10 -0
  58. package/directives/button-vertical/taiga-ui-experimental-directives-button-vertical.d.ts +5 -0
  59. package/directives/card/card.component.d.ts +5 -0
  60. package/directives/card/card.directive.d.ts +0 -4
  61. package/directives/card/card.module.d.ts +3 -2
  62. package/directives/card/index.d.ts +1 -0
  63. package/directives/index.d.ts +2 -0
  64. package/directives/sensitive/sensitive.module.d.ts +2 -1
  65. package/esm2015/components/avatar/avatar.component.js +17 -12
  66. package/esm2015/components/avatar/avatar.module.js +5 -5
  67. package/esm2015/components/badge/badge.component.js +8 -36
  68. package/esm2015/components/badge/badge.directive.js +47 -0
  69. package/esm2015/components/badge/badge.module.js +5 -4
  70. package/esm2015/components/badge/badge.options.js +2 -2
  71. package/esm2015/components/badge/index.js +2 -1
  72. package/esm2015/components/badged-content/badged-content.component.js +1 -1
  73. package/esm2015/components/button/button.component.js +3 -10
  74. package/esm2015/components/button/button.directive.js +22 -7
  75. package/esm2015/components/checkbox/checkbox.component.js +9 -13
  76. package/esm2015/components/icon/icon.component.js +19 -7
  77. package/esm2015/components/icon/icon.module.js +4 -5
  78. package/esm2015/components/icon/index.js +1 -2
  79. package/esm2015/components/toggle/toggle.component.js +13 -29
  80. package/esm2015/directives/appearance/appearance.directive.js +30 -0
  81. package/esm2015/directives/appearance/appearance.module.js +16 -0
  82. package/esm2015/directives/appearance/index.js +3 -0
  83. package/esm2015/directives/appearance/taiga-ui-experimental-directives-appearance.js +5 -0
  84. package/esm2015/directives/button-vertical/button-vertical.component.js +19 -0
  85. package/esm2015/directives/button-vertical/button-vertical.directive.js +22 -0
  86. package/esm2015/directives/button-vertical/button-vertical.module.js +17 -0
  87. package/esm2015/directives/button-vertical/index.js +4 -0
  88. package/esm2015/directives/button-vertical/taiga-ui-experimental-directives-button-vertical.js +5 -0
  89. package/esm2015/directives/card/card.component.js +19 -0
  90. package/esm2015/directives/card/card.directive.js +3 -18
  91. package/esm2015/directives/card/card.module.js +3 -2
  92. package/esm2015/directives/card/index.js +2 -1
  93. package/esm2015/directives/cell/cell.component.js +1 -1
  94. package/esm2015/directives/index.js +3 -1
  95. package/esm2015/directives/progress-segmented/progress-segmented.component.js +1 -1
  96. package/esm2015/directives/sensitive/sensitive.component.js +1 -1
  97. package/esm2015/directives/sensitive/sensitive.module.js +4 -3
  98. package/esm2015/directives/surface/surface.component.js +1 -1
  99. package/esm2015/directives/surface/surface.directive.js +7 -6
  100. package/esm2015/index.js +2 -1
  101. package/esm2015/tokens/icon-resolver.js +15 -0
  102. package/esm2015/tokens/index.js +2 -0
  103. package/esm2015/tokens/taiga-ui-experimental-tokens.js +5 -0
  104. package/fesm2015/taiga-ui-experimental-components-avatar.js +20 -15
  105. package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
  106. package/fesm2015/taiga-ui-experimental-components-badge.js +41 -25
  107. package/fesm2015/taiga-ui-experimental-components-badge.js.map +1 -1
  108. package/fesm2015/taiga-ui-experimental-components-badged-content.js +1 -1
  109. package/fesm2015/taiga-ui-experimental-components-badged-content.js.map +1 -1
  110. package/fesm2015/taiga-ui-experimental-components-button.js +25 -17
  111. package/fesm2015/taiga-ui-experimental-components-button.js.map +1 -1
  112. package/fesm2015/taiga-ui-experimental-components-checkbox.js +8 -12
  113. package/fesm2015/taiga-ui-experimental-components-checkbox.js.map +1 -1
  114. package/fesm2015/taiga-ui-experimental-components-icon.js +21 -37
  115. package/fesm2015/taiga-ui-experimental-components-icon.js.map +1 -1
  116. package/fesm2015/taiga-ui-experimental-components-toggle.js +12 -28
  117. package/fesm2015/taiga-ui-experimental-components-toggle.js.map +1 -1
  118. package/fesm2015/taiga-ui-experimental-directives-appearance.js +50 -0
  119. package/fesm2015/taiga-ui-experimental-directives-appearance.js.map +1 -0
  120. package/fesm2015/taiga-ui-experimental-directives-button-vertical.js +58 -0
  121. package/fesm2015/taiga-ui-experimental-directives-button-vertical.js.map +1 -0
  122. package/fesm2015/taiga-ui-experimental-directives-card.js +1 -0
  123. package/fesm2015/taiga-ui-experimental-directives-card.js.map +1 -1
  124. package/fesm2015/taiga-ui-experimental-directives-cell.js +1 -1
  125. package/fesm2015/taiga-ui-experimental-directives-progress-segmented.js +1 -1
  126. package/fesm2015/taiga-ui-experimental-directives-progress-segmented.js.map +1 -1
  127. package/fesm2015/taiga-ui-experimental-directives-sensitive.js +3 -3
  128. package/fesm2015/taiga-ui-experimental-directives-sensitive.js.map +1 -1
  129. package/fesm2015/taiga-ui-experimental-directives-surface.js +7 -6
  130. package/fesm2015/taiga-ui-experimental-directives-surface.js.map +1 -1
  131. package/fesm2015/taiga-ui-experimental-directives.js +2 -0
  132. package/fesm2015/taiga-ui-experimental-directives.js.map +1 -1
  133. package/fesm2015/taiga-ui-experimental-tokens.js +22 -0
  134. package/fesm2015/taiga-ui-experimental-tokens.js.map +1 -0
  135. package/fesm2015/taiga-ui-experimental.js +1 -0
  136. package/fesm2015/taiga-ui-experimental.js.map +1 -1
  137. package/index.d.ts +1 -0
  138. package/package.json +5 -5
  139. package/tokens/icon-resolver.d.ts +4 -0
  140. package/tokens/index.d.ts +1 -0
  141. package/tokens/package.json +10 -0
  142. package/tokens/taiga-ui-experimental-tokens.d.ts +5 -0
  143. package/components/icon/icon.pipe.d.ts +0 -12
  144. package/esm2015/components/icon/icon.pipe.js +0 -30
@@ -0,0 +1,9 @@
1
+ import { TuiInteractiveStateT } from '@taiga-ui/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TuiAppearanceDirective {
4
+ tuiAppearance: string;
5
+ tuiAppearanceState: TuiInteractiveStateT | null;
6
+ tuiAppearanceFocus: boolean | null;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppearanceDirective, never>;
8
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppearanceDirective, "[tuiAppearance]", never, { "tuiAppearance": "tuiAppearance"; "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; }, {}, never>;
9
+ }
@@ -0,0 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./appearance.directive";
3
+ export declare class TuiAppearanceModule {
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppearanceModule, never>;
5
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAppearanceModule, [typeof i1.TuiAppearanceDirective], never, [typeof i1.TuiAppearanceDirective]>;
6
+ static ɵinj: i0.ɵɵInjectorDeclaration<TuiAppearanceModule>;
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './appearance.directive';
2
+ export * from './appearance.module';
@@ -0,0 +1,10 @@
1
+ {
2
+ "main": "../../bundles/taiga-ui-experimental-directives-appearance.umd.js",
3
+ "module": "../../fesm2015/taiga-ui-experimental-directives-appearance.js",
4
+ "es2015": "../../fesm2015/taiga-ui-experimental-directives-appearance.js",
5
+ "esm2015": "../../esm2015/directives/appearance/taiga-ui-experimental-directives-appearance.js",
6
+ "fesm2015": "../../fesm2015/taiga-ui-experimental-directives-appearance.js",
7
+ "typings": "taiga-ui-experimental-directives-appearance.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@taiga-ui/experimental/directives/appearance"
10
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@taiga-ui/experimental/directives/appearance" />
5
+ export * from './index';
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class TuiButtonVerticalComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonVerticalComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonVerticalComponent, "ng-component", never, {}, {}, never, never>;
5
+ }
@@ -0,0 +1,7 @@
1
+ import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TuiButtonVerticalDirective {
4
+ constructor(directiveStyles: TuiDirectiveStylesService);
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonVerticalDirective, never>;
6
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonVerticalDirective, "[tuiButtonVertical]", never, {}, {}, never>;
7
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./button-vertical.directive";
3
+ import * as i2 from "./button-vertical.component";
4
+ export declare class TuiButtonVerticalModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonVerticalModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiButtonVerticalModule, [typeof i1.TuiButtonVerticalDirective, typeof i2.TuiButtonVerticalComponent], never, [typeof i1.TuiButtonVerticalDirective]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<TuiButtonVerticalModule>;
8
+ }
@@ -0,0 +1,3 @@
1
+ export * from './button-vertical.component';
2
+ export * from './button-vertical.directive';
3
+ export * from './button-vertical.module';
@@ -0,0 +1,10 @@
1
+ {
2
+ "main": "../../bundles/taiga-ui-experimental-directives-button-vertical.umd.js",
3
+ "module": "../../fesm2015/taiga-ui-experimental-directives-button-vertical.js",
4
+ "es2015": "../../fesm2015/taiga-ui-experimental-directives-button-vertical.js",
5
+ "esm2015": "../../esm2015/directives/button-vertical/taiga-ui-experimental-directives-button-vertical.js",
6
+ "fesm2015": "../../fesm2015/taiga-ui-experimental-directives-button-vertical.js",
7
+ "typings": "taiga-ui-experimental-directives-button-vertical.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@taiga-ui/experimental/directives/button-vertical"
10
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@taiga-ui/experimental/directives/button-vertical" />
5
+ export * from './index';
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class TuiCardComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiCardComponent, "ng-component", never, {}, {}, never, never>;
5
+ }
@@ -1,10 +1,6 @@
1
1
  import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
2
2
  import { TuiSizeL } from '@taiga-ui/core';
3
3
  import * as i0 from "@angular/core";
4
- export declare class TuiCardComponent {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardComponent, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiCardComponent, "ng-component", never, {}, {}, never, never>;
7
- }
8
4
  export declare class TuiCardDirective {
9
5
  size: TuiSizeL | '';
10
6
  constructor(directiveStyles: TuiDirectiveStylesService);
@@ -1,7 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./card.directive";
2
+ import * as i1 from "./card.component";
3
+ import * as i2 from "./card.directive";
3
4
  export declare class TuiCardModule {
4
5
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<TuiCardModule, [typeof i1.TuiCardComponent, typeof i1.TuiCardDirective], never, [typeof i1.TuiCardDirective]>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiCardModule, [typeof i1.TuiCardComponent, typeof i2.TuiCardDirective], never, [typeof i2.TuiCardDirective]>;
6
7
  static ɵinj: i0.ɵɵInjectorDeclaration<TuiCardModule>;
7
8
  }
@@ -1,2 +1,3 @@
1
+ export * from './card.component';
1
2
  export * from './card.directive';
2
3
  export * from './card.module';
@@ -1,3 +1,5 @@
1
+ export * from '@taiga-ui/experimental/directives/appearance';
2
+ export * from '@taiga-ui/experimental/directives/button-vertical';
1
3
  export * from '@taiga-ui/experimental/directives/card';
2
4
  export * from '@taiga-ui/experimental/directives/cell';
3
5
  export * from '@taiga-ui/experimental/directives/fade';
@@ -1,7 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./sensitive.directive";
3
+ import * as i2 from "./sensitive.component";
3
4
  export declare class TuiSensitiveModule {
4
5
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiSensitiveModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<TuiSensitiveModule, [typeof i1.TuiSensitiveDirective], never, [typeof i1.TuiSensitiveDirective]>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiSensitiveModule, [typeof i1.TuiSensitiveDirective, typeof i2.TuiSensitiveComponent], never, [typeof i1.TuiSensitiveDirective]>;
6
7
  static ɵinj: i0.ɵɵInjectorDeclaration<TuiSensitiveModule>;
7
8
  }
@@ -1,17 +1,18 @@
1
1
  import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
2
- import { TUI_PLATFORM, tuiIsString } from '@taiga-ui/cdk';
2
+ import { tuiIsString } from '@taiga-ui/cdk';
3
+ import { TUI_ICON_RESOLVER } from '@taiga-ui/experimental/tokens';
3
4
  import { TUI_AVATAR_OPTIONS } from './avatar.options';
4
5
  import * as i0 from "@angular/core";
5
- import * as i1 from "@taiga-ui/core";
6
- import * as i2 from "@angular/common";
7
- import * as i3 from "@taiga-ui/kit";
6
+ import * as i1 from "@angular/common";
7
+ import * as i2 from "@taiga-ui/kit";
8
8
  export class TuiAvatarComponent {
9
- constructor(options, platform) {
9
+ constructor(options, resolver) {
10
10
  this.options = options;
11
- this.platform = platform;
11
+ this.resolver = resolver;
12
12
  this.size = this.options.size;
13
13
  this.round = this.options.round;
14
14
  this.src = null;
15
+ this.appearance = '';
15
16
  }
16
17
  get value() {
17
18
  return this.src || '';
@@ -29,8 +30,8 @@ export class TuiAvatarComponent {
29
30
  return this.value.length ? 'img' : 'content';
30
31
  }
31
32
  }
32
- TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }, { token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
33
- TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "size", "attr.data-platform": "platform", "class._round": "round", "class._img": "type === \"img\"" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <div\n *ngSwitchDefault\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;opacity:.999}:host[data-size=xxs]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xxs] .t-content{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=xs]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=xs] .t-content{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=s]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=m]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=l]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=l] .t-content{font:var(--tui-font-heading-4)}:host[data-size=xl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xl] .t-content{font:var(--tui-font-heading-3)}:host[data-size=xxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxl] .t-content{font:var(--tui-font-heading-3)}:host._round{--t-radius: calc(var(--t-size) / 2)}:host._img{background:transparent}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.t-icon{width:60%;height:60%}.t-content{max-width:100%;padding:.25rem;box-sizing:border-box}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
33
+ TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }, { token: TUI_ICON_RESOLVER }], target: i0.ɵɵFactoryTarget.Component });
34
+ TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src", appearance: "appearance" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size", "attr.data-type": "type", "style.--t-mask": "\"url(\" + resolver(src) + \")\"", "class._round": "round" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <ng-container *ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n <ng-container *ngSwitchDefault>\n <ng-content></ng-content>\n </ng-container>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center / 60%;mask:var(--t-mask) no-repeat center / 60%}:host[data-size=xxs]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xxs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=xs]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=s]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=s][data-type=content]{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=m]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=m][data-type=content]{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=l]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=l][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type=img]{background:transparent}:host[data-type=icon]:before{content:\"\"}:host._round{--t-radius: calc(var(--t-size) / 2)}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
34
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
35
36
  type: Component,
36
37
  args: [{
@@ -39,10 +40,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
39
40
  styleUrls: ['./avatar.style.less'],
40
41
  changeDetection: ChangeDetectionStrategy.OnPush,
41
42
  host: {
43
+ tuiAppearance: '',
44
+ '[attr.data-appearance]': 'appearance',
42
45
  '[attr.data-size]': 'size',
43
- '[attr.data-platform]': 'platform',
46
+ '[attr.data-type]': 'type',
47
+ '[style.--t-mask]': '"url(" + resolver(src) + ")"',
44
48
  '[class._round]': 'round',
45
- '[class._img]': 'type === "img"',
46
49
  },
47
50
  }]
48
51
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -50,12 +53,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
50
53
  args: [TUI_AVATAR_OPTIONS]
51
54
  }] }, { type: undefined, decorators: [{
52
55
  type: Inject,
53
- args: [TUI_PLATFORM]
56
+ args: [TUI_ICON_RESOLVER]
54
57
  }] }]; }, propDecorators: { size: [{
55
58
  type: Input
56
59
  }], round: [{
57
60
  type: Input
58
61
  }], src: [{
59
62
  type: Input
63
+ }], appearance: [{
64
+ type: Input
60
65
  }] } });
61
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUMsWUFBWSxFQUFFLFdBQVcsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUVyRSxPQUFPLEVBQUMsa0JBQWtCLEVBQW1CLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBY3RFLE1BQU0sT0FBTyxrQkFBa0I7SUFVM0IsWUFDaUQsT0FBeUIsRUFDdkMsUUFBcUI7UUFEUCxZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUN2QyxhQUFRLEdBQVIsUUFBUSxDQUFhO1FBVnhELFNBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUd6QixVQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7UUFHM0IsUUFBRyxHQUFvQyxJQUFJLENBQUM7SUFLekMsQ0FBQztJQUVKLElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksSUFBSTtRQUNKLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDeEMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2pFLE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDakQsQ0FBQzs7Z0hBakNRLGtCQUFrQixrQkFXZixrQkFBa0IsYUFDbEIsWUFBWTtvR0FaZixrQkFBa0IseVBDbEIvQiwwZ0JBeUJBOzRGRFBhLGtCQUFrQjtrQkFaOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsV0FBVyxFQUFFLHdCQUF3QjtvQkFDckMsU0FBUyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2xDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxJQUFJLEVBQUU7d0JBQ0Ysa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsc0JBQXNCLEVBQUUsVUFBVTt3QkFDbEMsZ0JBQWdCLEVBQUUsT0FBTzt3QkFDekIsY0FBYyxFQUFFLGdCQUFnQjtxQkFDbkM7aUJBQ0o7OzBCQVlRLE1BQU07MkJBQUMsa0JBQWtCOzswQkFDekIsTUFBTTsyQkFBQyxZQUFZOzRDQVZ4QixJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEdBQUc7c0JBREYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1NhZmVSZXNvdXJjZVVybH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge1RVSV9QTEFURk9STSwgdHVpSXNTdHJpbmcsIFR1aVBsYXRmb3JtfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUVUlfQVZBVEFSX09QVElPTlMsIFR1aUF2YXRhck9wdGlvbnN9IGZyb20gJy4vYXZhdGFyLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW2F0dHIuZGF0YS1wbGF0Zm9ybV0nOiAncGxhdGZvcm0nLFxuICAgICAgICAnW2NsYXNzLl9yb3VuZF0nOiAncm91bmQnLFxuICAgICAgICAnW2NsYXNzLl9pbWddJzogJ3R5cGUgPT09IFwiaW1nXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUF2YXRhckNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG5cbiAgICBASW5wdXQoKVxuICAgIHJvdW5kID0gdGhpcy5vcHRpb25zLnJvdW5kO1xuXG4gICAgQElucHV0KClcbiAgICBzcmM6IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0FWQVRBUl9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IFR1aUF2YXRhck9wdGlvbnMsXG4gICAgICAgIEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0sXG4gICAgKSB7fVxuXG4gICAgZ2V0IHZhbHVlKCk6IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnNyYyB8fCAnJztcbiAgICB9XG5cbiAgICBnZXQgdHlwZSgpOiAnY29udGVudCcgfCAnaWNvbicgfCAnaW1nJyB8ICd0ZXh0JyB7XG4gICAgICAgIGlmICh0aGlzLnZhbHVlICYmICF0dWlJc1N0cmluZyh0aGlzLnZhbHVlKSkge1xuICAgICAgICAgICAgcmV0dXJuICdpbWcnO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudmFsdWUuc3RhcnRzV2l0aCgndHVpSWNvbicpIHx8IHRoaXMudmFsdWUuZW5kc1dpdGgoJy5zdmcnKSkge1xuICAgICAgICAgICAgcmV0dXJuICdpY29uJztcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLnZhbHVlLmxlbmd0aCA+IDAgJiYgdGhpcy52YWx1ZS5sZW5ndGggPCAzKSB7XG4gICAgICAgICAgICByZXR1cm4gJ3RleHQnO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHRoaXMudmFsdWUubGVuZ3RoID8gJ2ltZycgOiAnY29udGVudCc7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwidHlwZVwiPlxuICAgIDx0dWktc3ZnXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCInaWNvbidcIlxuICAgICAgICBjbGFzcz1cInQtaWNvblwiXG4gICAgICAgIFtzcmNdPVwidmFsdWVcIlxuICAgID48L3R1aS1zdmc+XG4gICAgPHNwYW5cbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiXG4gICAgICAgIGNsYXNzPVwidC10ZXh0XCJcbiAgICA+XG4gICAgICAgIHt7IHZhbHVlIH19XG4gICAgPC9zcGFuPlxuICAgIDxpbWdcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidpbWcnXCJcbiAgICAgICAgYWx0PVwiXCJcbiAgICAgICAgbG9hZGluZz1cImxhenlcIlxuICAgICAgICBbc3JjXT1cInZhbHVlXCJcbiAgICAvPlxuICAgIDxkaXZcbiAgICAgICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgICAgICBjbGFzcz1cInQtY29udGVudFwiXG4gICAgPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
66
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUMsV0FBVyxFQUFtQixNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUVoRSxPQUFPLEVBQUMsa0JBQWtCLEVBQW1CLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFnQnRFLE1BQU0sT0FBTyxrQkFBa0I7SUFhM0IsWUFDaUQsT0FBeUIsRUFDbEMsUUFBa0M7UUFEekIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFDbEMsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFiMUUsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLFVBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztRQUczQixRQUFHLEdBQW9DLElBQUksQ0FBQztRQUc1QyxlQUFVLEdBQUcsRUFBRSxDQUFDO0lBS2IsQ0FBQztJQUVKLElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksSUFBSTtRQUNKLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDeEMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2pFLE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDakQsQ0FBQzs7Z0hBcENRLGtCQUFrQixrQkFjZixrQkFBa0IsYUFDbEIsaUJBQWlCO29HQWZwQixrQkFBa0IsMFdDckIvQixtVkFZQTs0RkRTYSxrQkFBa0I7a0JBZDlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNGLGFBQWEsRUFBRSxFQUFFO3dCQUNqQix3QkFBd0IsRUFBRSxZQUFZO3dCQUN0QyxrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixrQkFBa0IsRUFBRSw4QkFBOEI7d0JBQ2xELGdCQUFnQixFQUFFLE9BQU87cUJBQzVCO2lCQUNKOzswQkFlUSxNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQ3pCLE1BQU07MkJBQUMsaUJBQWlCOzRDQWI3QixJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEdBQUc7c0JBREYsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTYWZlUmVzb3VyY2VVcmx9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHt0dWlJc1N0cmluZywgVHVpU3RyaW5nSGFuZGxlcn0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1RVSV9JQ09OX1JFU09MVkVSfSBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL3Rva2Vucyc7XG5cbmltcG9ydCB7VFVJX0FWQVRBUl9PUFRJT05TLCBUdWlBdmF0YXJPcHRpb25zfSBmcm9tICcuL2F2YXRhci5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktYXZhdGFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F2YXRhci5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlBcHBlYXJhbmNlOiAnJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtYXBwZWFyYW5jZV0nOiAnYXBwZWFyYW5jZScsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW2F0dHIuZGF0YS10eXBlXSc6ICd0eXBlJyxcbiAgICAgICAgJ1tzdHlsZS4tLXQtbWFza10nOiAnXCJ1cmwoXCIgKyByZXNvbHZlcihzcmMpICsgXCIpXCInLFxuICAgICAgICAnW2NsYXNzLl9yb3VuZF0nOiAncm91bmQnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUF2YXRhckNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG5cbiAgICBASW5wdXQoKVxuICAgIHJvdW5kID0gdGhpcy5vcHRpb25zLnJvdW5kO1xuXG4gICAgQElucHV0KClcbiAgICBzcmM6IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gICAgQElucHV0KClcbiAgICBhcHBlYXJhbmNlID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfQVZBVEFSX09QVElPTlMpIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9uczogVHVpQXZhdGFyT3B0aW9ucyxcbiAgICAgICAgQEluamVjdChUVUlfSUNPTl9SRVNPTFZFUikgcmVhZG9ubHkgcmVzb2x2ZXI6IFR1aVN0cmluZ0hhbmRsZXI8c3RyaW5nPixcbiAgICApIHt9XG5cbiAgICBnZXQgdmFsdWUoKTogU2FmZVJlc291cmNlVXJsIHwgc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3JjIHx8ICcnO1xuICAgIH1cblxuICAgIGdldCB0eXBlKCk6ICdjb250ZW50JyB8ICdpY29uJyB8ICdpbWcnIHwgJ3RleHQnIHtcbiAgICAgICAgaWYgKHRoaXMudmFsdWUgJiYgIXR1aUlzU3RyaW5nKHRoaXMudmFsdWUpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ltZyc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy52YWx1ZS5zdGFydHNXaXRoKCd0dWlJY29uJykgfHwgdGhpcy52YWx1ZS5lbmRzV2l0aCgnLnN2ZycpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ljb24nO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudmFsdWUubGVuZ3RoID4gMCAmJiB0aGlzLnZhbHVlLmxlbmd0aCA8IDMpIHtcbiAgICAgICAgICAgIHJldHVybiAndGV4dCc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZS5sZW5ndGggPyAnaW1nJyA6ICdjb250ZW50JztcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XG4gICAgPGltZ1xuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2ltZydcIlxuICAgICAgICBhbHQ9XCJcIlxuICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgIFtzcmNdPVwidmFsdWVcIlxuICAgIC8+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3RleHQnXCI+e3sgdmFsdWUgfX08L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuIl19
@@ -1,20 +1,20 @@
1
1
  import { CommonModule } from '@angular/common';
2
2
  import { NgModule } from '@angular/core';
3
- import { TuiSvgModule } from '@taiga-ui/core';
3
+ import { TuiIconModule } from '@taiga-ui/experimental/components/icon';
4
4
  import { TuiLazyLoadingModule } from '@taiga-ui/kit';
5
5
  import { TuiAvatarComponent } from './avatar.component';
6
6
  import * as i0 from "@angular/core";
7
7
  export class TuiAvatarModule {
8
8
  }
9
9
  TuiAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
10
- TuiAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [CommonModule, TuiSvgModule, TuiLazyLoadingModule], exports: [TuiAvatarComponent] });
11
- TuiAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, imports: [[CommonModule, TuiSvgModule, TuiLazyLoadingModule]] });
10
+ TuiAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [CommonModule, TuiIconModule, TuiLazyLoadingModule], exports: [TuiAvatarComponent] });
11
+ TuiAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, imports: [[CommonModule, TuiIconModule, TuiLazyLoadingModule]] });
12
12
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, decorators: [{
13
13
  type: NgModule,
14
14
  args: [{
15
- imports: [CommonModule, TuiSvgModule, TuiLazyLoadingModule],
15
+ imports: [CommonModule, TuiIconModule, TuiLazyLoadingModule],
16
16
  declarations: [TuiAvatarComponent],
17
17
  exports: [TuiAvatarComponent],
18
18
  }]
19
19
  }] });
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbkQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7O0FBT3RELE1BQU0sT0FBTyxlQUFlOzs2R0FBZixlQUFlOzhHQUFmLGVBQWUsaUJBSFQsa0JBQWtCLGFBRHZCLFlBQVksRUFBRSxZQUFZLEVBQUUsb0JBQW9CLGFBRWhELGtCQUFrQjs4R0FFbkIsZUFBZSxZQUpmLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxvQkFBb0IsQ0FBQzs0RkFJbEQsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixDQUFDO29CQUMzRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpU3ZnTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1R1aUxhenlMb2FkaW5nTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkva2l0JztcblxuaW1wb3J0IHtUdWlBdmF0YXJDb21wb25lbnR9IGZyb20gJy4vYXZhdGFyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHVpU3ZnTW9kdWxlLCBUdWlMYXp5TG9hZGluZ01vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQXZhdGFyQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVHVpQXZhdGFyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXZhdGFyTW9kdWxlIHt9XG4iXX0=
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbkQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7O0FBT3RELE1BQU0sT0FBTyxlQUFlOzs2R0FBZixlQUFlOzhHQUFmLGVBQWUsaUJBSFQsa0JBQWtCLGFBRHZCLFlBQVksRUFBRSxhQUFhLEVBQUUsb0JBQW9CLGFBRWpELGtCQUFrQjs4R0FFbkIsZUFBZSxZQUpmLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxvQkFBb0IsQ0FBQzs0RkFJbkQsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLG9CQUFvQixDQUFDO29CQUM1RCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpSWNvbk1vZHVsZX0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHtUdWlMYXp5TG9hZGluZ01vZHVsZX0gZnJvbSAnQHRhaWdhLXVpL2tpdCc7XG5cbmltcG9ydCB7VHVpQXZhdGFyQ29tcG9uZW50fSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFR1aUljb25Nb2R1bGUsIFR1aUxhenlMb2FkaW5nTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlBdmF0YXJDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtUdWlBdmF0YXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBdmF0YXJNb2R1bGUge31cbiJdfQ==
@@ -1,47 +1,19 @@
1
- import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
2
- import { TUI_PLATFORM } from '@taiga-ui/cdk';
3
- import { MODE_PROVIDER, TUI_MODE } from '@taiga-ui/core';
4
- import { TUI_BADGE_OPTIONS } from './badge.options';
1
+ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
5
2
  import * as i0 from "@angular/core";
6
- import * as i1 from "rxjs";
7
3
  export class TuiBadgeComponent {
8
- constructor(options, mode$, platform) {
9
- this.options = options;
10
- this.mode$ = mode$;
11
- this.platform = platform;
12
- this.size = this.options.size;
13
- this.appearance = this.options.appearance;
14
- }
15
4
  }
16
- TuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, deps: [{ token: TUI_BADGE_OPTIONS }, { token: TUI_MODE }, { token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
17
- TuiBadgeComponent.ɵcmp = i0.ɵɵ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: [MODE_PROVIDER], ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
5
+ TuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
+ TuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["tui-badge,[tuiBadge]{-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:inline-flex;align-items:center;box-sizing:border-box;background:#959595;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%;padding:var(--t-padding);height:var(--t-size);min-width:var(--t-size);--t-dot: currentColor;--t-icon-size: 1rem}tui-badge._dot:before,[tuiBadge]._dot:before{content:\"\";display:block;background:var(--t-dot);margin:0 .125rem 0 .25rem;width:.25rem;height:.25rem;border-radius:100%}tui-badge>tui-svg,[tuiBadge]>tui-svg,tui-badge>tui-icon,[tuiBadge]>tui-icon{width:var(--t-icon-size)!important;height:var(--t-icon-size)!important}tui-badge[data-appearance=error],[tuiBadge][data-appearance=error]{--t-dot: var(--tui-error-fill)}tui-badge[data-appearance=success],[tuiBadge][data-appearance=success]{--t-dot: var(--tui-success-fill)}tui-badge[data-appearance=warning],[tuiBadge][data-appearance=warning]{--t-dot: var(--tui-warning-fill)}tui-badge[data-appearance=info],[tuiBadge][data-appearance=info]{--t-dot: var(--tui-info-fill)}tui-badge[data-appearance=neutral],[tuiBadge][data-appearance=neutral]{--t-dot: var(--tui-neutral-fill)}tui-badge[data-appearance=neutral][data-platform=ios],[tuiBadge][data-appearance=neutral][data-platform=ios],tui-badge[data-appearance=neutral][data-platform=android],[tuiBadge][data-appearance=neutral][data-platform=android]{background:var(--tui-base-06)}tui-badge[data-size=s],[tuiBadge][data-size=s]{text-indent:.125rem;--t-padding: 0 .3125rem 0 .1875rem;--t-size: 1rem;--t-icon-size: .625rem}tui-badge[data-size=s][data-platform=ios],[tuiBadge][data-size=s][data-platform=ios],tui-badge[data-size=s][data-platform=android],[tuiBadge][data-size=s][data-platform=android]{font:var(--tui-font-text-xs);font-weight:bold}tui-badge[data-size=m],[tuiBadge][data-size=m]{text-indent:.125rem;--t-padding: 0 .375rem 0 .25rem;--t-size: 1.25rem;--t-icon-size: .75rem}tui-badge[data-size=l],[tuiBadge][data-size=l]{text-indent:.25rem;--t-padding: 0 .5rem 0 .25rem;--t-size: var(--tui-height-xs)}tui-badge[data-size=xl],[tuiBadge][data-size=xl]{font:var(--tui-font-text-m);text-indent:.25rem;--t-padding: 0 .75rem 0 .5rem;--t-size: var(--tui-height-s)}tui-badge[data-size=xl][data-platform=ios],[tuiBadge][data-size=xl][data-platform=ios],tui-badge[data-size=xl][data-platform=android],[tuiBadge][data-size=xl][data-platform=android]{font:var(--tui-font-text-s);font-weight:bold;--t-padding: 0 .625rem 0 .375rem;--t-size: 1.75rem}tui-badge[data-platform=ios],[tuiBadge][data-platform=ios],tui-badge[data-platform=android],[tuiBadge][data-platform=android]{font-weight:bold}img[tuiBadge]{padding:0}tui-icon[tuiBadge]{-webkit-mask:none;mask:none;height:var(--t-size);width:var(--t-size)}tui-icon[tuiBadge][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadge][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadge][data-size=l]:after,tui-icon[tuiBadge][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
18
7
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, decorators: [{
19
8
  type: Component,
20
9
  args: [{
21
- selector: 'tui-badge',
22
- templateUrl: './badge.template.html',
10
+ template: '',
23
11
  styleUrls: ['./badge.style.less'],
12
+ encapsulation: ViewEncapsulation.None,
24
13
  changeDetection: ChangeDetectionStrategy.OnPush,
25
- providers: [MODE_PROVIDER],
26
14
  host: {
27
- '[attr.data-platform]': 'platform',
28
- '[attr.data-appearance]': 'appearance',
29
- '[attr.data-size]': 'size',
30
- '($.data-mode.attr)': 'mode$',
15
+ class: 'tui-badge',
31
16
  },
32
17
  }]
33
- }], ctorParameters: function () { return [{ type: undefined, decorators: [{
34
- type: Inject,
35
- args: [TUI_BADGE_OPTIONS]
36
- }] }, { type: i1.Observable, decorators: [{
37
- type: Inject,
38
- args: [TUI_MODE]
39
- }] }, { type: undefined, decorators: [{
40
- type: Inject,
41
- args: [TUI_PLATFORM]
42
- }] }]; }, propDecorators: { size: [{
43
- type: Input
44
- }], appearance: [{
45
- type: Input
46
- }] } });
47
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFDLFlBQVksRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUMsYUFBYSxFQUFFLFFBQVEsRUFBZ0IsTUFBTSxnQkFBZ0IsQ0FBQztBQUd0RSxPQUFPLEVBQUMsaUJBQWlCLEVBQWtCLE1BQU0saUJBQWlCLENBQUM7OztBQWVuRSxNQUFNLE9BQU8saUJBQWlCO0lBTzFCLFlBQ2dELE9BQXdCLEVBQ3pDLEtBQXVDLEVBQ25DLFFBQXFCO1FBRlIsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUFDekMsVUFBSyxHQUFMLEtBQUssQ0FBa0M7UUFDbkMsYUFBUSxHQUFSLFFBQVEsQ0FBYTtRQVJ4RCxTQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFHekIsZUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDO0lBTWxDLENBQUM7OytHQVhLLGlCQUFpQixrQkFRZCxpQkFBaUIsYUFDakIsUUFBUSxhQUNSLFlBQVk7bUdBVmYsaUJBQWlCLGdRQVJmLENBQUMsYUFBYSxDQUFDLDBCQ1o5QixrVEFnQkE7NEZESWEsaUJBQWlCO2tCQWI3QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxXQUFXO29CQUNyQixXQUFXLEVBQUUsdUJBQXVCO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDakMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFNBQVMsRUFBRSxDQUFDLGFBQWEsQ0FBQztvQkFDMUIsSUFBSSxFQUFFO3dCQUNGLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLHdCQUF3QixFQUFFLFlBQVk7d0JBQ3RDLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLG9CQUFvQixFQUFFLE9BQU87cUJBQ2hDO2lCQUNKOzswQkFTUSxNQUFNOzJCQUFDLGlCQUFpQjs7MEJBQ3hCLE1BQU07MkJBQUMsUUFBUTs7MEJBQ2YsTUFBTTsyQkFBQyxZQUFZOzRDQVJ4QixJQUFJO3NCQURILEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VFVJX1BMQVRGT1JNLCBUdWlQbGF0Zm9ybX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge01PREVfUFJPVklERVIsIFRVSV9NT0RFLCBUdWlCcmlnaHRuZXNzfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1RVSV9CQURHRV9PUFRJT05TLCBUdWlCYWRnZU9wdGlvbnN9IGZyb20gJy4vYmFkZ2Uub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndHVpLWJhZGdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFkZ2Uuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW01PREVfUFJPVklERVJdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLmRhdGEtcGxhdGZvcm1dJzogJ3BsYXRmb3JtJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtYXBwZWFyYW5jZV0nOiAnYXBwZWFyYW5jZScsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnKCQuZGF0YS1tb2RlLmF0dHIpJzogJ21vZGUkJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlCYWRnZUNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG5cbiAgICBASW5wdXQoKVxuICAgIGFwcGVhcmFuY2UgPSB0aGlzLm9wdGlvbnMuYXBwZWFyYW5jZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFRVSV9CQURHRV9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IFR1aUJhZGdlT3B0aW9ucyxcbiAgICAgICAgQEluamVjdChUVUlfTU9ERSkgcmVhZG9ubHkgbW9kZSQ6IE9ic2VydmFibGU8VHVpQnJpZ2h0bmVzcyB8IG51bGw+LFxuICAgICAgICBASW5qZWN0KFRVSV9QTEFURk9STSkgcmVhZG9ubHkgcGxhdGZvcm06IFR1aVBsYXRmb3JtLFxuICAgICkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0LWltYWdlXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaW1nXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2XG4gICAgY2xhc3M9XCJ0LWljb25cIlxuICAgIFtjbGFzcy5faWNvbi1vbmx5XT1cIiF0ZXh0LmlubmVySFRNTC50cmltKClcIlxuPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInR1aS1zdmdcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuPHNwYW5cbiAgICAjdGV4dFxuICAgIGNsYXNzPVwidC10ZXh0XCJcbj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3NwYW4+XG4iXX0=
18
+ }] });
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBV3BGLE1BQU0sT0FBTyxpQkFBaUI7OytHQUFqQixpQkFBaUI7bUdBQWpCLGlCQUFpQiwyRkFSaEIsRUFBRTs0RkFRSCxpQkFBaUI7a0JBVDdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLEVBQUU7b0JBQ1osU0FBUyxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ2pDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxXQUFXO3FCQUNyQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFkZ2Uuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3R1aS1iYWRnZScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQmFkZ2VDb21wb25lbnQge31cbiJdfQ==
@@ -0,0 +1,47 @@
1
+ import { Directive, Inject, Input } from '@angular/core';
2
+ import { TUI_PLATFORM, TuiDirectiveStylesService } from '@taiga-ui/cdk';
3
+ import { TuiBadgeComponent } from './badge.component';
4
+ import { TUI_BADGE_OPTIONS } from './badge.options';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@taiga-ui/cdk";
7
+ export class TuiBadgeDirective {
8
+ constructor(options, platform, directiveStyles) {
9
+ this.options = options;
10
+ this.platform = platform;
11
+ this.size = this.options.size;
12
+ this.appearance = this.options.appearance;
13
+ this.dot = this.options.dot;
14
+ directiveStyles.addComponent(TuiBadgeComponent);
15
+ }
16
+ }
17
+ TuiBadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeDirective, deps: [{ token: TUI_BADGE_OPTIONS }, { token: TUI_PLATFORM }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
18
+ TuiBadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeDirective, selector: "tui-badge,[tuiBadge]", inputs: { size: "size", appearance: "appearance", dot: "dot" }, host: { attributes: { "tuiAppearance": "" }, properties: { "class._dot": "dot", "attr.data-platform": "platform", "attr.data-appearance": "appearance", "attr.data-size": "size" } }, ngImport: i0 });
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeDirective, decorators: [{
20
+ type: Directive,
21
+ args: [{
22
+ selector: 'tui-badge,[tuiBadge]',
23
+ host: {
24
+ tuiAppearance: '',
25
+ '[class._dot]': 'dot',
26
+ '[attr.data-platform]': 'platform',
27
+ '[attr.data-appearance]': 'appearance',
28
+ '[attr.data-size]': 'size',
29
+ },
30
+ }]
31
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
32
+ type: Inject,
33
+ args: [TUI_BADGE_OPTIONS]
34
+ }] }, { type: undefined, decorators: [{
35
+ type: Inject,
36
+ args: [TUI_PLATFORM]
37
+ }] }, { type: i1.TuiDirectiveStylesService, decorators: [{
38
+ type: Inject,
39
+ args: [TuiDirectiveStylesService]
40
+ }] }]; }, propDecorators: { size: [{
41
+ type: Input
42
+ }], appearance: [{
43
+ type: Input
44
+ }], dot: [{
45
+ type: Input
46
+ }] } });
47
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsWUFBWSxFQUFFLHlCQUF5QixFQUFjLE1BQU0sZUFBZSxDQUFDO0FBRW5GLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBQyxpQkFBaUIsRUFBa0IsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBWW5FLE1BQU0sT0FBTyxpQkFBaUI7SUFVMUIsWUFDZ0QsT0FBd0IsRUFDckMsUUFBcUIsRUFDakIsZUFBMEM7UUFGakMsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUFDckMsYUFBUSxHQUFSLFFBQVEsQ0FBYTtRQVZ4RCxTQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFHekIsZUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDO1FBR3JDLFFBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQztRQU9uQixlQUFlLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDcEQsQ0FBQzs7K0dBaEJRLGlCQUFpQixrQkFXZCxpQkFBaUIsYUFDakIsWUFBWSxhQUNaLHlCQUF5QjttR0FiNUIsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBVjdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsSUFBSSxFQUFFO3dCQUNGLGFBQWEsRUFBRSxFQUFFO3dCQUNqQixjQUFjLEVBQUUsS0FBSzt3QkFDckIsc0JBQXNCLEVBQUUsVUFBVTt3QkFDbEMsd0JBQXdCLEVBQUUsWUFBWTt3QkFDdEMsa0JBQWtCLEVBQUUsTUFBTTtxQkFDN0I7aUJBQ0o7OzBCQVlRLE1BQU07MkJBQUMsaUJBQWlCOzswQkFDeEIsTUFBTTsyQkFBQyxZQUFZOzswQkFDbkIsTUFBTTsyQkFBQyx5QkFBeUI7NENBWHJDLElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEluamVjdCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUVUlfUExBVEZPUk0sIFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsIFR1aVBsYXRmb3JtfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUdWlCYWRnZUNvbXBvbmVudH0gZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHtUVUlfQkFER0VfT1BUSU9OUywgVHVpQmFkZ2VPcHRpb25zfSBmcm9tICcuL2JhZGdlLm9wdGlvbnMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ3R1aS1iYWRnZSxbdHVpQmFkZ2VdJyxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aUFwcGVhcmFuY2U6ICcnLFxuICAgICAgICAnW2NsYXNzLl9kb3RdJzogJ2RvdCcsXG4gICAgICAgICdbYXR0ci5kYXRhLXBsYXRmb3JtXSc6ICdwbGF0Zm9ybScsXG4gICAgICAgICdbYXR0ci5kYXRhLWFwcGVhcmFuY2VdJzogJ2FwcGVhcmFuY2UnLFxuICAgICAgICAnW2F0dHIuZGF0YS1zaXplXSc6ICdzaXplJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlCYWRnZURpcmVjdGl2ZSB7XG4gICAgQElucHV0KClcbiAgICBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG5cbiAgICBASW5wdXQoKVxuICAgIGFwcGVhcmFuY2UgPSB0aGlzLm9wdGlvbnMuYXBwZWFyYW5jZTtcblxuICAgIEBJbnB1dCgpXG4gICAgZG90ID0gdGhpcy5vcHRpb25zLmRvdDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFRVSV9CQURHRV9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IFR1aUJhZGdlT3B0aW9ucyxcbiAgICAgICAgQEluamVjdChUVUlfUExBVEZPUk0pIHJlYWRvbmx5IHBsYXRmb3JtOiBUdWlQbGF0Zm9ybSxcbiAgICAgICAgQEluamVjdChUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlKSBkaXJlY3RpdmVTdHlsZXM6IFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgKSB7XG4gICAgICAgIGRpcmVjdGl2ZVN0eWxlcy5hZGRDb21wb25lbnQoVHVpQmFkZ2VDb21wb25lbnQpO1xuICAgIH1cbn1cbiJdfQ==
@@ -1,16 +1,17 @@
1
1
  import { NgModule } from '@angular/core';
2
2
  import { TuiBadgeComponent } from './badge.component';
3
+ import { TuiBadgeDirective } from './badge.directive';
3
4
  import * as i0 from "@angular/core";
4
5
  export class TuiBadgeModule {
5
6
  }
6
7
  TuiBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
7
- TuiBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule, declarations: [TuiBadgeComponent], exports: [TuiBadgeComponent] });
8
+ TuiBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule, declarations: [TuiBadgeComponent, TuiBadgeDirective], exports: [TuiBadgeDirective] });
8
9
  TuiBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule });
9
10
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule, decorators: [{
10
11
  type: NgModule,
11
12
  args: [{
12
- declarations: [TuiBadgeComponent],
13
- exports: [TuiBadgeComponent],
13
+ declarations: [TuiBadgeComponent, TuiBadgeDirective],
14
+ exports: [TuiBadgeDirective],
14
15
  }]
15
16
  }] });
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7O0FBTXBELE1BQU0sT0FBTyxjQUFjOzs0R0FBZCxjQUFjOzZHQUFkLGNBQWMsaUJBSFIsaUJBQWlCLGFBQ3RCLGlCQUFpQjs2R0FFbEIsY0FBYzs0RkFBZCxjQUFjO2tCQUoxQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlCYWRnZUNvbXBvbmVudH0gZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1R1aUJhZGdlQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVHVpQmFkZ2VDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlCYWRnZU1vZHVsZSB7fVxuIl19
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7O0FBTXBELE1BQU0sT0FBTyxjQUFjOzs0R0FBZCxjQUFjOzZHQUFkLGNBQWMsaUJBSFIsaUJBQWlCLEVBQUUsaUJBQWlCLGFBQ3pDLGlCQUFpQjs2R0FFbEIsY0FBYzs0RkFBZCxjQUFjO2tCQUoxQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDO29CQUNwRCxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlCYWRnZUNvbXBvbmVudH0gZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlCYWRnZURpcmVjdGl2ZX0gZnJvbSAnLi9iYWRnZS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1R1aUJhZGdlQ29tcG9uZW50LCBUdWlCYWRnZURpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aUJhZGdlRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQmFkZ2VNb2R1bGUge31cbiJdfQ==
@@ -2,10 +2,10 @@ import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
2
2
  export const TUI_BADGE_DEFAULT_OPTIONS = {
3
3
  size: `l`,
4
4
  appearance: `default`,
5
- hoverable: false,
5
+ dot: false,
6
6
  };
7
7
  export const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);
8
8
  export function tuiBadgeOptionsProvider(options) {
9
9
  return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);
10
10
  }
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlL2JhZGdlLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGNBQWMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVVoRSxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBb0I7SUFDdEQsSUFBSSxFQUFFLEdBQUc7SUFDVCxVQUFVLEVBQUUsU0FBUztJQUNyQixTQUFTLEVBQUUsS0FBSztDQUNuQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsY0FBYyxDQUFDLHlCQUF5QixDQUFDLENBQUM7QUFFM0UsTUFBTSxVQUFVLHVCQUF1QixDQUFDLE9BQWlDO0lBQ3JFLE9BQU8saUJBQWlCLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLHlCQUF5QixDQUFDLENBQUM7QUFDcEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UHJvdmlkZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlDcmVhdGVUb2tlbiwgdHVpUHJvdmlkZU9wdGlvbnN9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplUywgVHVpU2l6ZVhMfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1R1aVN0YXR1c30gZnJvbSAnQHRhaWdhLXVpL2tpdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHVpQmFkZ2VPcHRpb25zIHtcbiAgICByZWFkb25seSBhcHBlYXJhbmNlOiBUdWlTdGF0dXMgfCAnYWNjZW50JyB8ICdsaWdodCc7XG4gICAgcmVhZG9ubHkgc2l6ZTogVHVpU2l6ZVMgfCBUdWlTaXplWEw7XG4gICAgcmVhZG9ubHkgaG92ZXJhYmxlOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgVFVJX0JBREdFX0RFRkFVTFRfT1BUSU9OUzogVHVpQmFkZ2VPcHRpb25zID0ge1xuICAgIHNpemU6IGBsYCxcbiAgICBhcHBlYXJhbmNlOiBgZGVmYXVsdGAsXG4gICAgaG92ZXJhYmxlOiBmYWxzZSxcbn07XG5cbmV4cG9ydCBjb25zdCBUVUlfQkFER0VfT1BUSU9OUyA9IHR1aUNyZWF0ZVRva2VuKFRVSV9CQURHRV9ERUZBVUxUX09QVElPTlMpO1xuXG5leHBvcnQgZnVuY3Rpb24gdHVpQmFkZ2VPcHRpb25zUHJvdmlkZXIob3B0aW9uczogUGFydGlhbDxUdWlCYWRnZU9wdGlvbnM+KTogUHJvdmlkZXIge1xuICAgIHJldHVybiB0dWlQcm92aWRlT3B0aW9ucyhUVUlfQkFER0VfT1BUSU9OUywgb3B0aW9ucywgVFVJX0JBREdFX0RFRkFVTFRfT1BUSU9OUyk7XG59XG4iXX0=
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlL2JhZGdlLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGNBQWMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVNoRSxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBb0I7SUFDdEQsSUFBSSxFQUFFLEdBQUc7SUFDVCxVQUFVLEVBQUUsU0FBUztJQUNyQixHQUFHLEVBQUUsS0FBSztDQUNiLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxjQUFjLENBQUMseUJBQXlCLENBQUMsQ0FBQztBQUUzRSxNQUFNLFVBQVUsdUJBQXVCLENBQUMsT0FBaUM7SUFDckUsT0FBTyxpQkFBaUIsQ0FBQyxpQkFBaUIsRUFBRSxPQUFPLEVBQUUseUJBQXlCLENBQUMsQ0FBQztBQUNwRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQcm92aWRlcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aUNyZWF0ZVRva2VuLCB0dWlQcm92aWRlT3B0aW9uc30gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1R1aVNpemVTLCBUdWlTaXplWEx9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBUdWlCYWRnZU9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGFwcGVhcmFuY2U6IHN0cmluZztcbiAgICByZWFkb25seSBzaXplOiBUdWlTaXplUyB8IFR1aVNpemVYTDtcbiAgICByZWFkb25seSBkb3Q6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUVUlfQkFER0VfREVGQVVMVF9PUFRJT05TOiBUdWlCYWRnZU9wdGlvbnMgPSB7XG4gICAgc2l6ZTogYGxgLFxuICAgIGFwcGVhcmFuY2U6IGBkZWZhdWx0YCxcbiAgICBkb3Q6IGZhbHNlLFxufTtcblxuZXhwb3J0IGNvbnN0IFRVSV9CQURHRV9PUFRJT05TID0gdHVpQ3JlYXRlVG9rZW4oVFVJX0JBREdFX0RFRkFVTFRfT1BUSU9OUyk7XG5cbmV4cG9ydCBmdW5jdGlvbiB0dWlCYWRnZU9wdGlvbnNQcm92aWRlcihvcHRpb25zOiBQYXJ0aWFsPFR1aUJhZGdlT3B0aW9ucz4pOiBQcm92aWRlciB7XG4gICAgcmV0dXJuIHR1aVByb3ZpZGVPcHRpb25zKFRVSV9CQURHRV9PUFRJT05TLCBvcHRpb25zLCBUVUlfQkFER0VfREVGQVVMVF9PUFRJT05TKTtcbn1cbiJdfQ==
@@ -1,4 +1,5 @@
1
1
  export * from './badge.component';
2
+ export * from './badge.directive';
2
3
  export * from './badge.module';
3
4
  export * from './badge.options';
4
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2UubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2Uub3B0aW9ucyc7XG4iXX0=
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcbiJdfQ==
@@ -4,7 +4,7 @@ import * as i1 from "@taiga-ui/cdk";
4
4
  export class TuiBadgedContentComponent {
5
5
  }
6
6
  TuiBadgedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- TuiBadgedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgedContentComponent, selector: "tui-badged-content", ngImport: i0, template: "<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", styles: [":host{--tui-radius: var(--tui-radius-l);--t-badge-height: 0;--t-corner-offset: calc((var(--tui-radius) * 1.4142 - var(--tui-radius)) * 1 / 1.4142);position:relative;display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:max-content;color:var(--tui-base-01)}.t-badge{--t-offset: calc(var(--t-badge-height) * -.5 + var(--t-corner-offset));position:absolute;display:flex}.t-badge_top{top:var(--t-offset);right:var(--t-offset)}.t-badge_bottom{bottom:var(--t-offset);right:var(--t-offset)}.t-border:not(:empty){display:flex;border-radius:6rem;box-shadow:0 0 0 1px currentColor}\n"], directives: [{ type: i1.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7
+ TuiBadgedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgedContentComponent, selector: "tui-badged-content", ngImport: i0, template: "<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", styles: [":host{--tui-radius: var(--tui-radius-l);--t-badge-height: 0;--t-corner-offset: calc((var(--tui-radius) * 1.4142 - var(--tui-radius)) * 1 / 1.4142);position:relative;display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:max-content;color:var(--tui-base-01)}.t-badge{--t-offset: calc(var(--t-badge-height) * -.5 + var(--t-corner-offset));position:absolute;display:flex}.t-badge_top{top:var(--t-offset);right:var(--t-offset)}.t-badge_bottom{bottom:var(--t-offset);right:var(--t-offset)}.t-border:not(:empty){display:flex;border-radius:6rem;box-shadow:0 0 0 1px currentColor;background:currentColor}\n"], directives: [{ type: i1.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8
8
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgedContentComponent, decorators: [{
9
9
  type: Component,
10
10
  args: [{
@@ -4,14 +4,11 @@ import { tuiSizeBigger } from '@taiga-ui/core';
4
4
  import { TUI_BUTTON_OPTIONS } from './button.options';
5
5
  import * as i0 from "@angular/core";
6
6
  import * as i1 from "@taiga-ui/core";
7
- import * as i2 from "@angular/common";
8
7
  export class TuiButtonComponent {
9
8
  constructor(options) {
10
9
  this.options = options;
11
10
  this.size = this.options.size;
12
11
  this.loading = false;
13
- this.iconLeft = '';
14
- this.iconRight = '';
15
12
  }
16
13
  get loaderSize() {
17
14
  return tuiSizeBigger(this.size) ? 'm' : 's';
@@ -26,11 +23,11 @@ export class TuiButtonComponent {
26
23
  }
27
24
  }
28
25
  TuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, deps: [{ token: TUI_BUTTON_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
29
- TuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonComponent, selector: "[tuiButton][loading],[tuiIconButton][loading],[tuiButton][iconLeft],[tuiButton][iconRight],[tuiIconButton][iconLeft]", inputs: { size: "size", loading: "loading", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { listeners: { "click.capture": "onClick($event)" }, properties: { "attr.aria-disabled": "loading", "class._loading": "loading" } }, ngImport: i0, template: "<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", components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i1.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
26
+ TuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonComponent, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: { size: "size", loading: "loading" }, host: { listeners: { "click.capture": "onClick($event)" }, properties: { "attr.aria-disabled": "loading", "class._loading": "loading" } }, ngImport: i0, template: "<ng-content></ng-content>\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", components: [{ type: i1.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
30
27
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, decorators: [{
31
28
  type: Component,
32
29
  args: [{
33
- selector: '[tuiButton][loading],[tuiIconButton][loading],[tuiButton][iconLeft],[tuiButton][iconRight],[tuiIconButton][iconLeft]',
30
+ selector: '[tuiButton][loading],[tuiIconButton][loading]',
34
31
  templateUrl: './button.template.html',
35
32
  changeDetection: ChangeDetectionStrategy.OnPush,
36
33
  host: {
@@ -45,12 +42,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
45
42
  type: Input
46
43
  }], loading: [{
47
44
  type: Input
48
- }], iconLeft: [{
49
- type: Input
50
- }], iconRight: [{
51
- type: Input
52
45
  }], onClick: [{
53
46
  type: HostListener,
54
47
  args: ['click.capture', ['$event']]
55
48
  }] } });
56
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFDLGFBQWEsRUFBVyxNQUFNLGdCQUFnQixDQUFDO0FBRXZELE9BQU8sRUFBQyxrQkFBa0IsRUFBbUIsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQVl0RSxNQUFNLE9BQU8sa0JBQWtCO0lBYTNCLFlBQXlELE9BQXlCO1FBQXpCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBWGxGLFNBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUd6QixZQUFPLEdBQTRCLEtBQUssQ0FBQztRQUd6QyxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBR2QsY0FBUyxHQUFHLEVBQUUsQ0FBQztJQUVzRSxDQUFDO0lBRXRGLElBQUksVUFBVTtRQUNWLE9BQU8sYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLE9BQU8sV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3pELENBQUM7SUFHRCxPQUFPLENBQUMsS0FBaUI7UUFDckIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQzNCO0lBQ0wsQ0FBQzs7Z0hBNUJRLGtCQUFrQixrQkFhUCxrQkFBa0I7b0dBYjdCLGtCQUFrQixtWUN0Qi9CLDRaQW1CQTs0RkRHYSxrQkFBa0I7a0JBVjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUNKLHNIQUFzSDtvQkFDMUgsV0FBVyxFQUFFLHdCQUF3QjtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLElBQUksRUFBRTt3QkFDRixzQkFBc0IsRUFBRSxTQUFTO3dCQUNqQyxrQkFBa0IsRUFBRSxTQUFTO3FCQUNoQztpQkFDSjs7MEJBY2dCLE1BQU07MkJBQUMsa0JBQWtCOzRDQVh0QyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBY04sT0FBTztzQkFETixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlJc1N0cmluZ30gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge3R1aVNpemVCaWdnZXIsIFR1aVNpemVTfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbmltcG9ydCB7VFVJX0JVVFRPTl9PUFRJT05TLCBUdWlCdXR0b25PcHRpb25zfSBmcm9tICcuL2J1dHRvbi5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6XG4gICAgICAgICdbdHVpQnV0dG9uXVtsb2FkaW5nXSxbdHVpSWNvbkJ1dHRvbl1bbG9hZGluZ10sW3R1aUJ1dHRvbl1baWNvbkxlZnRdLFt0dWlCdXR0b25dW2ljb25SaWdodF0sW3R1aUljb25CdXR0b25dW2ljb25MZWZ0XScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi50ZW1wbGF0ZS5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5hcmlhLWRpc2FibGVkXSc6ICdsb2FkaW5nJyxcbiAgICAgICAgJ1tjbGFzcy5fbG9hZGluZ10nOiAnbG9hZGluZycsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQnV0dG9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgbG9hZGluZzogYm9vbGVhbiB8IHN0cmluZyB8IG51bGwgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgaWNvbkxlZnQgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgaWNvblJpZ2h0ID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KFRVSV9CVVRUT05fT1BUSU9OUykgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zOiBUdWlCdXR0b25PcHRpb25zKSB7fVxuXG4gICAgZ2V0IGxvYWRlclNpemUoKTogVHVpU2l6ZVMge1xuICAgICAgICByZXR1cm4gdHVpU2l6ZUJpZ2dlcih0aGlzLnNpemUpID8gJ20nIDogJ3MnO1xuICAgIH1cblxuICAgIGdldCBsYWJlbCgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdHVpSXNTdHJpbmcodGhpcy5sb2FkaW5nKSA/IHRoaXMubG9hZGluZyA6ICcnO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrLmNhcHR1cmUnLCBbJyRldmVudCddKVxuICAgIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMubG9hZGluZykge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8dHVpLXN2Z1xuICAgICpuZ0lmPVwiaWNvbkxlZnRcIlxuICAgIFtzcmNdPVwiaWNvbkxlZnRcIlxuPjwvdHVpLXN2Zz5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjx0dWktc3ZnXG4gICAgKm5nSWY9XCJpY29uUmlnaHRcIlxuICAgIGNsYXNzPVwidC1pY29uXCJcbiAgICBbc3JjXT1cImljb25SaWdodFwiXG4+PC90dWktc3ZnPlxuPHR1aS1sb2FkZXJcbiAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgIGNsYXNzPVwidC1sb2FkZXJcIlxuICAgIFtpbmhlcml0Q29sb3JdPVwidHJ1ZVwiXG4gICAgW3Nob3dMb2FkZXJdPVwiISFsb2FkaW5nXCJcbiAgICBbc2l6ZV09XCJsb2FkZXJTaXplXCJcbiAgICBbdGV4dENvbnRlbnRdPVwibGFiZWxcIlxuPjwvdHVpLWxvYWRlcj5cbiJdfQ==
49
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFDLGFBQWEsRUFBVyxNQUFNLGdCQUFnQixDQUFDO0FBRXZELE9BQU8sRUFBQyxrQkFBa0IsRUFBbUIsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBV3RFLE1BQU0sT0FBTyxrQkFBa0I7SUFPM0IsWUFBeUQsT0FBeUI7UUFBekIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFMbEYsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLFlBQU8sR0FBNEIsS0FBSyxDQUFDO0lBRTRDLENBQUM7SUFFdEYsSUFBSSxVQUFVO1FBQ1YsT0FBTyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztJQUNoRCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDekQsQ0FBQztJQUdELE9BQU8sQ0FBQyxLQUFpQjtRQUNyQixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDM0I7SUFDTCxDQUFDOztnSEF0QlEsa0JBQWtCLGtCQU9QLGtCQUFrQjtvR0FQN0Isa0JBQWtCLDhRQ3JCL0Isc1BBVUE7NEZEV2Esa0JBQWtCO2tCQVQ5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwrQ0FBK0M7b0JBQ3pELFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxJQUFJLEVBQUU7d0JBQ0Ysc0JBQXNCLEVBQUUsU0FBUzt3QkFDakMsa0JBQWtCLEVBQUUsU0FBUztxQkFDaEM7aUJBQ0o7OzBCQVFnQixNQUFNOzJCQUFDLGtCQUFrQjs0Q0FMdEMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFjTixPQUFPO3NCQUROLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aUlzU3RyaW5nfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7dHVpU2l6ZUJpZ2dlciwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuaW1wb3J0IHtUVUlfQlVUVE9OX09QVElPTlMsIFR1aUJ1dHRvbk9wdGlvbnN9IGZyb20gJy4vYnV0dG9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ1t0dWlCdXR0b25dW2xvYWRpbmddLFt0dWlJY29uQnV0dG9uXVtsb2FkaW5nXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi50ZW1wbGF0ZS5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5hcmlhLWRpc2FibGVkXSc6ICdsb2FkaW5nJyxcbiAgICAgICAgJ1tjbGFzcy5fbG9hZGluZ10nOiAnbG9hZGluZycsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQnV0dG9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgbG9hZGluZzogYm9vbGVhbiB8IHN0cmluZyB8IG51bGwgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoVFVJX0JVVFRPTl9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IFR1aUJ1dHRvbk9wdGlvbnMpIHt9XG5cbiAgICBnZXQgbG9hZGVyU2l6ZSgpOiBUdWlTaXplUyB7XG4gICAgICAgIHJldHVybiB0dWlTaXplQmlnZ2VyKHRoaXMuc2l6ZSkgPyAnbScgOiAncyc7XG4gICAgfVxuXG4gICAgZ2V0IGxhYmVsKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0dWlJc1N0cmluZyh0aGlzLmxvYWRpbmcpID8gdGhpcy5sb2FkaW5nIDogJyc7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2suY2FwdHVyZScsIFsnJGV2ZW50J10pXG4gICAgb25DbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sb2FkaW5nKSB7XG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjx0dWktbG9hZGVyXG4gICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICByb2xlPVwic3RhdHVzXCJcbiAgICBjbGFzcz1cInQtbG9hZGVyXCJcbiAgICBbaW5oZXJpdENvbG9yXT1cInRydWVcIlxuICAgIFtzaG93TG9hZGVyXT1cIiEhbG9hZGluZ1wiXG4gICAgW3NpemVdPVwibG9hZGVyU2l6ZVwiXG4gICAgW3RleHRDb250ZW50XT1cImxhYmVsXCJcbj48L3R1aS1sb2FkZXI+XG4iXX0=