@taiga-ui/experimental 3.44.1 → 3.45.0-canary.019e39b

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 (61) hide show
  1. package/bundles/taiga-ui-experimental-components-avatar-stack.umd.js +1 -1
  2. package/bundles/taiga-ui-experimental-components-avatar-stack.umd.js.map +1 -1
  3. package/bundles/taiga-ui-experimental-components-avatar.umd.js +24 -38
  4. package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
  5. package/bundles/taiga-ui-experimental-components-badge.umd.js +100 -0
  6. package/bundles/taiga-ui-experimental-components-badge.umd.js.map +1 -0
  7. package/bundles/taiga-ui-experimental-components-button-loader.umd.js +94 -0
  8. package/bundles/taiga-ui-experimental-components-button-loader.umd.js.map +1 -0
  9. package/bundles/taiga-ui-experimental-components-button.umd.js +116 -0
  10. package/bundles/taiga-ui-experimental-components-button.umd.js.map +1 -0
  11. package/bundles/taiga-ui-experimental-components.umd.js +22 -4
  12. package/bundles/taiga-ui-experimental-components.umd.js.map +1 -1
  13. package/components/avatar/avatar.component.d.ts +5 -2
  14. package/components/avatar/avatar.module.d.ts +1 -3
  15. package/components/badge/badge.component.d.ts +15 -0
  16. package/components/badge/badge.module.d.ts +8 -0
  17. package/components/badge/index.d.ts +2 -0
  18. package/components/badge/package.json +10 -0
  19. package/components/badge/taiga-ui-experimental-components-badge.d.ts +5 -0
  20. package/components/button/button.component.d.ts +5 -0
  21. package/components/button/button.directive.d.ts +13 -0
  22. package/components/button/button.module.d.ts +8 -0
  23. package/components/button/index.d.ts +3 -0
  24. package/components/button/package.json +10 -0
  25. package/components/button/taiga-ui-experimental-components-button.d.ts +5 -0
  26. package/components/button-loader/button-loader.component.d.ts +10 -0
  27. package/components/button-loader/button-loader.module.d.ts +9 -0
  28. package/components/button-loader/index.d.ts +2 -0
  29. package/components/button-loader/package.json +10 -0
  30. package/components/button-loader/taiga-ui-experimental-components-button-loader.d.ts +5 -0
  31. package/components/index.d.ts +3 -0
  32. package/esm2015/components/avatar/avatar.component.js +17 -17
  33. package/esm2015/components/avatar/avatar.module.js +5 -23
  34. package/esm2015/components/avatar-stack/avatar-stack.component.js +1 -1
  35. package/esm2015/components/badge/badge.component.js +47 -0
  36. package/esm2015/components/badge/badge.module.js +18 -0
  37. package/esm2015/components/badge/index.js +3 -0
  38. package/esm2015/components/badge/taiga-ui-experimental-components-badge.js +5 -0
  39. package/esm2015/components/button/button.component.js +16 -0
  40. package/esm2015/components/button/button.directive.js +47 -0
  41. package/esm2015/components/button/button.module.js +17 -0
  42. package/esm2015/components/button/index.js +4 -0
  43. package/esm2015/components/button/taiga-ui-experimental-components-button.js +5 -0
  44. package/esm2015/components/button-loader/button-loader.component.js +38 -0
  45. package/esm2015/components/button-loader/button-loader.module.js +19 -0
  46. package/esm2015/components/button-loader/index.js +3 -0
  47. package/esm2015/components/button-loader/taiga-ui-experimental-components-button-loader.js +5 -0
  48. package/esm2015/components/index.js +4 -1
  49. package/fesm2015/taiga-ui-experimental-components-avatar-stack.js +1 -1
  50. package/fesm2015/taiga-ui-experimental-components-avatar-stack.js.map +1 -1
  51. package/fesm2015/taiga-ui-experimental-components-avatar.js +20 -38
  52. package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
  53. package/fesm2015/taiga-ui-experimental-components-badge.js +69 -0
  54. package/fesm2015/taiga-ui-experimental-components-badge.js.map +1 -0
  55. package/fesm2015/taiga-ui-experimental-components-button-loader.js +60 -0
  56. package/fesm2015/taiga-ui-experimental-components-button-loader.js.map +1 -0
  57. package/fesm2015/taiga-ui-experimental-components-button.js +80 -0
  58. package/fesm2015/taiga-ui-experimental-components-button.js.map +1 -0
  59. package/fesm2015/taiga-ui-experimental-components.js +3 -0
  60. package/fesm2015/taiga-ui-experimental-components.js.map +1 -1
  61. package/package.json +4 -4
package/bundles/taiga-ui-experimental-components.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack')) :
3
- typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack'], factory) :
4
- (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"]));
5
- })(this, (function (exports, avatar, avatarStack) { 'use strict';
2
+ 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/button'), require('@taiga-ui/experimental/components/button-loader')) :
3
+ 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/button', '@taiga-ui/experimental/components/button-loader'], factory) :
4
+ (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.button, global["taiga-ui"].experimental.components["button-loader"]));
5
+ })(this, (function (exports, avatar, avatarStack, badge, button, buttonLoader) { 'use strict';
6
6
 
7
7
  /**
8
8
  * Generated bundle index. Do not edit.
@@ -20,6 +20,24 @@
20
20
  get: function () { return avatarStack[k]; }
21
21
  });
22
22
  });
23
+ Object.keys(badge).forEach(function (k) {
24
+ if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
25
+ enumerable: true,
26
+ get: function () { return badge[k]; }
27
+ });
28
+ });
29
+ Object.keys(button).forEach(function (k) {
30
+ if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
31
+ enumerable: true,
32
+ get: function () { return button[k]; }
33
+ });
34
+ });
35
+ Object.keys(buttonLoader).forEach(function (k) {
36
+ if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
37
+ enumerable: true,
38
+ get: function () { return buttonLoader[k]; }
39
+ });
40
+ });
23
41
 
24
42
  Object.defineProperty(exports, '__esModule', { value: true });
25
43
 
package/bundles/taiga-ui-experimental-components.umd.js.map CHANGED
@@ -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/components/avatar/avatar.component.d.ts CHANGED
@@ -1,10 +1,13 @@
1
1
  import { SafeResourceUrl } from '@angular/platform-browser';
2
- import { TuiSizeL, TuiSizeS } from '@taiga-ui/core';
2
+ import { TuiPlatform } from '@taiga-ui/cdk';
3
+ import { TuiSizeXXL, TuiSizeXXS } from '@taiga-ui/core';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class TuiAvatarComponent {
5
- size: TuiSizeL | TuiSizeS;
6
+ readonly platform: TuiPlatform;
7
+ size: TuiSizeXXL | TuiSizeXXS;
6
8
  round: boolean;
7
9
  src: SafeResourceUrl | string | null;
10
+ constructor(platform: TuiPlatform);
8
11
  get img(): boolean;
9
12
  get value(): SafeResourceUrl | string;
10
13
  get type(): 'content' | 'icon' | 'img' | 'text';
package/components/avatar/avatar.module.d.ts CHANGED
@@ -3,10 +3,8 @@ import * as i1 from "./avatar.component";
3
3
  import * as i2 from "@angular/common";
4
4
  import * as i3 from "@taiga-ui/core";
5
5
  import * as i4 from "@taiga-ui/kit";
6
- import * as i5 from "@taiga-ui/experimental/pipes";
7
- import * as i6 from "@taiga-ui/experimental/directives";
8
6
  export declare class TuiAvatarModule {
9
7
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAvatarModule, [typeof i1.TuiAvatarComponent], [typeof i2.CommonModule, typeof i3.TuiSvgModule, typeof i4.TuiLazyLoadingModule, typeof i5.TuiFallbackSrcModule, typeof i6.TuiFadeModule], [typeof i1.TuiAvatarComponent, typeof i5.TuiFallbackSrcPipe]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAvatarModule, [typeof i1.TuiAvatarComponent], [typeof i2.CommonModule, typeof i3.TuiSvgModule, typeof i4.TuiLazyLoadingModule], [typeof i1.TuiAvatarComponent]>;
11
9
  static ɵinj: i0.ɵɵInjectorDeclaration<TuiAvatarModule>;
12
10
  }
package/components/badge/badge.component.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { TuiPlatform } from '@taiga-ui/cdk';
2
+ import { TuiBrightness, TuiSizeS, TuiSizeXL } from '@taiga-ui/core';
3
+ import { TuiStatus } from '@taiga-ui/kit';
4
+ import { Observable } from 'rxjs';
5
+ import * as i0 from "@angular/core";
6
+ export declare class TuiBadgeComponent {
7
+ readonly mode$: Observable<TuiBrightness | null>;
8
+ readonly platform: TuiPlatform;
9
+ size: TuiSizeS | TuiSizeXL;
10
+ appearance: TuiStatus | 'accent' | 'light';
11
+ hoverable: boolean;
12
+ constructor(mode$: Observable<TuiBrightness | null>, platform: TuiPlatform);
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeComponent, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiBadgeComponent, "tui-badge", never, { "size": "size"; "appearance": "appearance"; "hoverable": "hoverable"; }, {}, never, ["img", "tui-svg", "*"]>;
15
+ }
package/components/badge/badge.module.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./badge.component";
3
+ import * as i2 from "@angular/common";
4
+ export declare class TuiBadgeModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiBadgeModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiBadgeModule, [typeof i1.TuiBadgeComponent], [typeof i2.CommonModule], [typeof i1.TuiBadgeComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<TuiBadgeModule>;
8
+ }
package/components/badge/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './badge.component';
2
+ export * from './badge.module';
package/components/badge/package.json ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "main": "../../bundles/taiga-ui-experimental-components-badge.umd.js",
3
+ "module": "../../fesm2015/taiga-ui-experimental-components-badge.js",
4
+ "es2015": "../../fesm2015/taiga-ui-experimental-components-badge.js",
5
+ "esm2015": "../../esm2015/components/badge/taiga-ui-experimental-components-badge.js",
6
+ "fesm2015": "../../fesm2015/taiga-ui-experimental-components-badge.js",
7
+ "typings": "taiga-ui-experimental-components-badge.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@taiga-ui/experimental/components/badge"
10
+ }
package/components/badge/taiga-ui-experimental-components-badge.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@taiga-ui/experimental/components/badge" />
5
+ export * from './index';
package/components/button/button.component.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class TuiButtonComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonComponent, "ng-component", never, {}, {}, never, never>;
5
+ }
package/components/button/button.directive.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { TuiDirectiveStylesService, TuiPlatform } from '@taiga-ui/cdk';
2
+ import { TuiAppearance, TuiBrightness, TuiSizeL, TuiSizeXS } from '@taiga-ui/core';
3
+ import { Observable } from 'rxjs';
4
+ import * as i0 from "@angular/core";
5
+ export declare class TuiButtonDirective {
6
+ readonly platform: TuiPlatform;
7
+ readonly mode$: Observable<TuiBrightness | null>;
8
+ size: TuiSizeL | TuiSizeXS;
9
+ appearance: string | keyof Record<TuiAppearance, string>;
10
+ constructor(platform: TuiPlatform, mode$: Observable<TuiBrightness | null>, directiveStyles: TuiDirectiveStylesService);
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonDirective, never>;
12
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonDirective, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": "size"; "appearance": "appearance"; }, {}, never>;
13
+ }
package/components/button/button.module.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./button.directive";
3
+ import * as i2 from "./button.component";
4
+ export declare class TuiButtonModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiButtonModule, [typeof i1.TuiButtonDirective, typeof i2.TuiButtonComponent], never, [typeof i1.TuiButtonDirective]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<TuiButtonModule>;
8
+ }
package/components/button/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './button.component';
2
+ export * from './button.directive';
3
+ export * from './button.module';
package/components/button/package.json ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "main": "../../bundles/taiga-ui-experimental-components-button.umd.js",
3
+ "module": "../../fesm2015/taiga-ui-experimental-components-button.js",
4
+ "es2015": "../../fesm2015/taiga-ui-experimental-components-button.js",
5
+ "esm2015": "../../esm2015/components/button/taiga-ui-experimental-components-button.js",
6
+ "fesm2015": "../../fesm2015/taiga-ui-experimental-components-button.js",
7
+ "typings": "taiga-ui-experimental-components-button.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@taiga-ui/experimental/components/button"
10
+ }
package/components/button/taiga-ui-experimental-components-button.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@taiga-ui/experimental/components/button" />
5
+ export * from './index';
package/components/button-loader/button-loader.component.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { TuiSizeL, TuiSizeS, TuiSizeXS } from '@taiga-ui/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TuiButtonLoaderComponent {
4
+ size: TuiSizeL | TuiSizeXS;
5
+ loading: boolean;
6
+ disabled: boolean;
7
+ get loaderSize(): TuiSizeS;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonLoaderComponent, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonLoaderComponent, "a[tuiButton][loading],button[tuiButton][loading],a[tuiIconButton][loading],button[tuiIconButton][loading]", never, { "size": "size"; "loading": "loading"; "disabled": "disabled"; }, {}, never, ["*"]>;
10
+ }
package/components/button-loader/button-loader.module.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./button-loader.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@taiga-ui/core";
5
+ export declare class TuiButtonLoaderModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonLoaderModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TuiButtonLoaderModule, [typeof i1.TuiButtonLoaderComponent], [typeof i2.CommonModule, typeof i3.TuiLoaderModule], [typeof i1.TuiButtonLoaderComponent]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<TuiButtonLoaderModule>;
9
+ }
package/components/button-loader/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './button-loader.component';
2
+ export * from './button-loader.module';
package/components/button-loader/package.json ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "main": "../../bundles/taiga-ui-experimental-components-button-loader.umd.js",
3
+ "module": "../../fesm2015/taiga-ui-experimental-components-button-loader.js",
4
+ "es2015": "../../fesm2015/taiga-ui-experimental-components-button-loader.js",
5
+ "esm2015": "../../esm2015/components/button-loader/taiga-ui-experimental-components-button-loader.js",
6
+ "fesm2015": "../../fesm2015/taiga-ui-experimental-components-button-loader.js",
7
+ "typings": "taiga-ui-experimental-components-button-loader.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@taiga-ui/experimental/components/button-loader"
10
+ }
package/components/button-loader/taiga-ui-experimental-components-button-loader.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@taiga-ui/experimental/components/button-loader" />
5
+ export * from './index';
package/components/index.d.ts CHANGED
@@ -1,2 +1,5 @@
1
1
  export * from '@taiga-ui/experimental/components/avatar';
2
2
  export * from '@taiga-ui/experimental/components/avatar-stack';
3
+ export * from '@taiga-ui/experimental/components/badge';
4
+ export * from '@taiga-ui/experimental/components/button';
5
+ export * from '@taiga-ui/experimental/components/button-loader';
package/esm2015/components/avatar/avatar.component.js CHANGED
@@ -1,12 +1,12 @@
1
- import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
2
- import { tuiIsString } from '@taiga-ui/cdk';
1
+ import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
2
+ import { TUI_PLATFORM, tuiIsString } from '@taiga-ui/cdk';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@taiga-ui/core";
5
5
  import * as i2 from "@angular/common";
6
6
  import * as i3 from "@taiga-ui/kit";
7
- import * as i4 from "@taiga-ui/experimental/directives";
8
7
  export class TuiAvatarComponent {
9
- constructor() {
8
+ constructor(platform) {
9
+ this.platform = platform;
10
10
  this.size = 'm';
11
11
  this.round = false;
12
12
  this.src = null;
@@ -30,8 +30,8 @@ export class TuiAvatarComponent {
30
30
  return this.value.length ? 'img' : 'content';
31
31
  }
32
32
  }
33
- TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [], 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" }, host: { properties: { "attr.data-size": "this.size", "class._round": "this.round", "class._img": "this.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 class=\"t-img\"\n [src]=\"value\"\n />\n <div\n *ngSwitchDefault\n tuiFade\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tui-radius-l);background:var(--tui-secondary);color:var(--tui-text-02)}:host[data-size=s]{width:2.5rem;height:2.5rem;font:var(--tui-font-text-l);font-weight:500}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:500}:host[data-size=m]{width:3.5rem;height:3.5rem;font:var(--tui-font-heading-5);font-weight:500}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:500}:host[data-size=l]{width:5rem;height:5rem;font:var(--tui-font-heading-3);font-weight:500}:host[data-size=l] .t-content{font:var(--tui-font-heading-4);font-weight:500}:host._round{border-radius:100%}:host._img{background:transparent}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.t-content{margin:.25rem;white-space:nowrap}\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]" }, { type: i4.TuiFadeDirective, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
33
+ TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_PLATFORM }], 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" }, 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 class=\"t-img\"\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;display:inline-flex;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)}: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}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.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 });
35
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
36
36
  type: Component,
37
37
  args: [{
@@ -39,21 +39,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
39
39
  templateUrl: './avatar.template.html',
40
40
  styleUrls: ['./avatar.style.less'],
41
41
  changeDetection: ChangeDetectionStrategy.OnPush,
42
+ host: {
43
+ '[attr.data-size]': 'size',
44
+ '[attr.data-platform]': 'platform',
45
+ '[class._round]': 'round',
46
+ '[class._img]': 'type === "img"',
47
+ },
42
48
  }]
43
- }], propDecorators: { size: [{
49
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
50
+ type: Inject,
51
+ args: [TUI_PLATFORM]
52
+ }] }]; }, propDecorators: { size: [{
44
53
  type: Input
45
- }, {
46
- type: HostBinding,
47
- args: ['attr.data-size']
48
54
  }], round: [{
49
55
  type: Input
50
- }, {
51
- type: HostBinding,
52
- args: ['class._round']
53
56
  }], src: [{
54
57
  type: Input
55
- }], img: [{
56
- type: HostBinding,
57
- args: ['class._img']
58
58
  }] } });
59
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVyRixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTMUMsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVNJLFNBQUksR0FBd0IsR0FBRyxDQUFDO1FBSWhDLFVBQUssR0FBRyxLQUFLLENBQUM7UUFHZCxRQUFHLEdBQW9DLElBQUksQ0FBQztLQTBCL0M7SUF4QkcsSUFDSSxHQUFHO1FBQ0gsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ0osSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDMUMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2pFLE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDakQsQ0FBQzs7Z0hBbkNRLGtCQUFrQjtvR0FBbEIsa0JBQWtCLHlOQ1gvQixvakJBMkJBOzRGRGhCYSxrQkFBa0I7a0JBTjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQ7OEJBSUcsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFLN0IsS0FBSztzQkFGSixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGNBQWM7Z0JBSTNCLEdBQUc7c0JBREYsS0FBSztnQkFJRixHQUFHO3NCQUROLFdBQVc7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U2FmZVJlc291cmNlVXJsfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7dHVpSXNTdHJpbmd9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplTCwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktYXZhdGFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F2YXRhci5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aUF2YXRhckNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgICBzaXplOiBUdWlTaXplTCB8IFR1aVNpemVTID0gJ20nO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9yb3VuZCcpXG4gICAgcm91bmQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc3JjOiBTYWZlUmVzb3VyY2VVcmwgfCBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX2ltZycpXG4gICAgZ2V0IGltZygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gJ2ltZyc7XG4gICAgfVxuXG4gICAgZ2V0IHZhbHVlKCk6IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnNyYyB8fCAnJztcbiAgICB9XG5cbiAgICBnZXQgdHlwZSgpOiAnY29udGVudCcgfCAnaWNvbicgfCAnaW1nJyB8ICd0ZXh0JyB7XG4gICAgICAgIGlmICghIXRoaXMudmFsdWUgJiYgIXR1aUlzU3RyaW5nKHRoaXMudmFsdWUpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ltZyc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy52YWx1ZS5zdGFydHNXaXRoKCd0dWlJY29uJykgfHwgdGhpcy52YWx1ZS5lbmRzV2l0aCgnLnN2ZycpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ljb24nO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudmFsdWUubGVuZ3RoID4gMCAmJiB0aGlzLnZhbHVlLmxlbmd0aCA8IDMpIHtcbiAgICAgICAgICAgIHJldHVybiAndGV4dCc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZS5sZW5ndGggPyAnaW1nJyA6ICdjb250ZW50JztcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XG4gICAgPHR1aS1zdmdcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidpY29uJ1wiXG4gICAgICAgIGNsYXNzPVwidC1pY29uXCJcbiAgICAgICAgW3NyY109XCJ2YWx1ZVwiXG4gICAgPjwvdHVpLXN2Zz5cbiAgICA8c3BhblxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ3RleHQnXCJcbiAgICAgICAgY2xhc3M9XCJ0LXRleHRcIlxuICAgID5cbiAgICAgICAge3sgdmFsdWUgfX1cbiAgICA8L3NwYW4+XG4gICAgPGltZ1xuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2ltZydcIlxuICAgICAgICBhbHQ9XCJcIlxuICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgIGNsYXNzPVwidC1pbWdcIlxuICAgICAgICBbc3JjXT1cInZhbHVlXCJcbiAgICAvPlxuICAgIDxkaXZcbiAgICAgICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgICAgICB0dWlGYWRlXG4gICAgICAgIGNsYXNzPVwidC1jb250ZW50XCJcbiAgICA+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
59
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUMsWUFBWSxFQUFFLFdBQVcsRUFBYyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFlckUsTUFBTSxPQUFPLGtCQUFrQjtJQVUzQixZQUEyQyxRQUFxQjtRQUFyQixhQUFRLEdBQVIsUUFBUSxDQUFhO1FBUmhFLFNBQUksR0FBNEIsR0FBRyxDQUFDO1FBR3BDLFVBQUssR0FBRyxLQUFLLENBQUM7UUFHZCxRQUFHLEdBQW9DLElBQUksQ0FBQztJQUV1QixDQUFDO0lBRXBFLElBQUksR0FBRztRQUNILE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxLQUFLLENBQUM7SUFDL0IsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksSUFBSTtRQUNKLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFDLE9BQU8sS0FBSyxDQUFDO1NBQ2hCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNqRSxPQUFPLE1BQU0sQ0FBQztTQUNqQjtRQUVELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNoRCxPQUFPLE1BQU0sQ0FBQztTQUNqQjtRQUVELE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ2pELENBQUM7O2dIQWxDUSxrQkFBa0Isa0JBVVAsWUFBWTtvR0FWdkIsa0JBQWtCLHlQQ2pCL0IsbWlCQTBCQTs0RkRUYSxrQkFBa0I7a0JBWjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNGLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLGdCQUFnQixFQUFFLE9BQU87d0JBQ3pCLGNBQWMsRUFBRSxnQkFBZ0I7cUJBQ25DO2lCQUNKOzswQkFXZ0IsTUFBTTsyQkFBQyxZQUFZOzRDQVJoQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEdBQUc7c0JBREYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1NhZmVSZXNvdXJjZVVybH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge1RVSV9QTEFURk9STSwgdHVpSXNTdHJpbmcsIFR1aVBsYXRmb3JtfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VHVpU2l6ZVhYTCwgVHVpU2l6ZVhYU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW2F0dHIuZGF0YS1wbGF0Zm9ybV0nOiAncGxhdGZvcm0nLFxuICAgICAgICAnW2NsYXNzLl9yb3VuZF0nOiAncm91bmQnLFxuICAgICAgICAnW2NsYXNzLl9pbWddJzogJ3R5cGUgPT09IFwiaW1nXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUF2YXRhckNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBzaXplOiBUdWlTaXplWFhMIHwgVHVpU2l6ZVhYUyA9ICdtJztcblxuICAgIEBJbnB1dCgpXG4gICAgcm91bmQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc3JjOiBTYWZlUmVzb3VyY2VVcmwgfCBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0pIHt9XG5cbiAgICBnZXQgaW1nKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy50eXBlID09PSAnaW1nJztcbiAgICB9XG5cbiAgICBnZXQgdmFsdWUoKTogU2FmZVJlc291cmNlVXJsIHwgc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3JjIHx8ICcnO1xuICAgIH1cblxuICAgIGdldCB0eXBlKCk6ICdjb250ZW50JyB8ICdpY29uJyB8ICdpbWcnIHwgJ3RleHQnIHtcbiAgICAgICAgaWYgKCEhdGhpcy52YWx1ZSAmJiAhdHVpSXNTdHJpbmcodGhpcy52YWx1ZSkpIHtcbiAgICAgICAgICAgIHJldHVybiAnaW1nJztcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLnZhbHVlLnN0YXJ0c1dpdGgoJ3R1aUljb24nKSB8fCB0aGlzLnZhbHVlLmVuZHNXaXRoKCcuc3ZnJykpIHtcbiAgICAgICAgICAgIHJldHVybiAnaWNvbic7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy52YWx1ZS5sZW5ndGggPiAwICYmIHRoaXMudmFsdWUubGVuZ3RoIDwgMykge1xuICAgICAgICAgICAgcmV0dXJuICd0ZXh0JztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiB0aGlzLnZhbHVlLmxlbmd0aCA/ICdpbWcnIDogJ2NvbnRlbnQnO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgICA8dHVpLXN2Z1xuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2ljb24nXCJcbiAgICAgICAgY2xhc3M9XCJ0LWljb25cIlxuICAgICAgICBbc3JjXT1cInZhbHVlXCJcbiAgICA+PC90dWktc3ZnPlxuICAgIDxzcGFuXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCIndGV4dCdcIlxuICAgICAgICBjbGFzcz1cInQtdGV4dFwiXG4gICAgPlxuICAgICAgICB7eyB2YWx1ZSB9fVxuICAgIDwvc3Bhbj5cbiAgICA8aW1nXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCInaW1nJ1wiXG4gICAgICAgIGFsdD1cIlwiXG4gICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgY2xhc3M9XCJ0LWltZ1wiXG4gICAgICAgIFtzcmNdPVwidmFsdWVcIlxuICAgIC8+XG4gICAgPGRpdlxuICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgIGNsYXNzPVwidC1jb250ZW50XCJcbiAgICA+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
package/esm2015/components/avatar/avatar.module.js CHANGED
@@ -1,38 +1,20 @@
1
1
  import { CommonModule } from '@angular/common';
2
2
  import { NgModule } from '@angular/core';
3
3
  import { TuiSvgModule } from '@taiga-ui/core';
4
- import { TuiFadeModule } from '@taiga-ui/experimental/directives';
5
- import { TuiFallbackSrcModule, TuiFallbackSrcPipe } from '@taiga-ui/experimental/pipes';
6
4
  import { TuiLazyLoadingModule } from '@taiga-ui/kit';
7
5
  import { TuiAvatarComponent } from './avatar.component';
8
6
  import * as i0 from "@angular/core";
9
7
  export class TuiAvatarModule {
10
8
  }
11
9
  TuiAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
- TuiAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [CommonModule,
13
- TuiSvgModule,
14
- TuiLazyLoadingModule,
15
- TuiFallbackSrcModule,
16
- TuiFadeModule], exports: [TuiAvatarComponent, TuiFallbackSrcPipe] });
17
- TuiAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, imports: [[
18
- CommonModule,
19
- TuiSvgModule,
20
- TuiLazyLoadingModule,
21
- TuiFallbackSrcModule,
22
- TuiFadeModule,
23
- ]] });
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]] });
24
12
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, decorators: [{
25
13
  type: NgModule,
26
14
  args: [{
27
- imports: [
28
- CommonModule,
29
- TuiSvgModule,
30
- TuiLazyLoadingModule,
31
- TuiFallbackSrcModule,
32
- TuiFadeModule,
33
- ],
15
+ imports: [CommonModule, TuiSvgModule, TuiLazyLoadingModule],
34
16
  declarations: [TuiAvatarComponent],
35
- exports: [TuiAvatarComponent, TuiFallbackSrcPipe],
17
+ exports: [TuiAvatarComponent],
36
18
  }]
37
19
  }] });
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDaEUsT0FBTyxFQUFDLG9CQUFvQixFQUFFLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDdEYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRW5ELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLG9CQUFvQixDQUFDOztBQWF0RCxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQUhULGtCQUFrQixhQU43QixZQUFZO1FBQ1osWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsYUFBYSxhQUdQLGtCQUFrQixFQUFFLGtCQUFrQjs4R0FFdkMsZUFBZSxZQVZmO1lBQ0wsWUFBWTtZQUNaLFlBQVk7WUFDWixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLGFBQWE7U0FDaEI7NEZBSVEsZUFBZTtrQkFYM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixhQUFhO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsa0JBQWtCLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpU3ZnTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1R1aUZhZGVNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvZGlyZWN0aXZlcyc7XG5pbXBvcnQge1R1aUZhbGxiYWNrU3JjTW9kdWxlLCBUdWlGYWxsYmFja1NyY1BpcGV9IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvcGlwZXMnO1xuaW1wb3J0IHtUdWlMYXp5TG9hZGluZ01vZHVsZX0gZnJvbSAnQHRhaWdhLXVpL2tpdCc7XG5cbmltcG9ydCB7VHVpQXZhdGFyQ29tcG9uZW50fSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBUdWlTdmdNb2R1bGUsXG4gICAgICAgIFR1aUxhenlMb2FkaW5nTW9kdWxlLFxuICAgICAgICBUdWlGYWxsYmFja1NyY01vZHVsZSxcbiAgICAgICAgVHVpRmFkZU1vZHVsZSxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1R1aUF2YXRhckNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1R1aUF2YXRhckNvbXBvbmVudCwgVHVpRmFsbGJhY2tTcmNQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXZhdGFyTW9kdWxlIHt9XG4iXX0=
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbkQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7O0FBT3RELE1BQU0sT0FBTyxlQUFlOzs2R0FBZixlQUFlOzhHQUFmLGVBQWUsaUJBSFQsa0JBQWtCLGFBRHZCLFlBQVksRUFBRSxZQUFZLEVBQUUsb0JBQW9CLGFBRWhELGtCQUFrQjs4R0FFbkIsZUFBZSxZQUpmLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxvQkFBb0IsQ0FBQzs0RkFJbEQsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixDQUFDO29CQUMzRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpU3ZnTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1R1aUxhenlMb2FkaW5nTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkva2l0JztcblxuaW1wb3J0IHtUdWlBdmF0YXJDb21wb25lbnR9IGZyb20gJy4vYXZhdGFyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHVpU3ZnTW9kdWxlLCBUdWlMYXp5TG9hZGluZ01vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQXZhdGFyQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVHVpQXZhdGFyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXZhdGFyTW9kdWxlIHt9XG4iXX0=
package/esm2015/components/avatar-stack/avatar-stack.component.js CHANGED
@@ -6,7 +6,7 @@ export class TuiAvatarStackComponent {
6
6
  }
7
7
  }
8
8
  TuiAvatarStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- TuiAvatarStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarStackComponent, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { properties: { "attr.data-direction": "this.direction" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["tui-avatar-stack{display:flex;--gap: .125rem;--radius: var(--tui-radius-l)}tui-avatar-stack tui-avatar{-webkit-mask-size:calc(var(--radius) + var(--gap)) calc(var(--radius) + var(--gap)),calc(var(--radius) + var(--gap)) calc(var(--radius) + var(--gap)),100%;mask-size:calc(var(--radius) + var(--gap)) calc(var(--radius) + var(--gap)),calc(var(--radius) + var(--gap)) calc(var(--radius) + var(--gap)),100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}tui-avatar-stack[data-direction=left] tui-avatar:not(:first-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),linear-gradient(to right,transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),linear-gradient(to right,transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)));-webkit-mask-position:calc(50% - (var(--radius) - var(--gap)) / 2) calc(-1 * var(--gap)),calc(50% - (var(--radius) - var(--gap)) / 2) calc(100% + var(--gap)),bottom;mask-position:calc(50% - (var(--radius) - var(--gap)) / 2) calc(-1 * var(--gap)),calc(50% - (var(--radius) - var(--gap)) / 2) calc(100% + var(--gap)),bottom}tui-avatar-stack[data-direction=right] tui-avatar:not(:last-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),linear-gradient(to left,transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),linear-gradient(to left,transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)));-webkit-mask-position:calc(50% - var(--gap)) calc(-1 * var(--gap)),calc(50% - var(--gap)) calc(100% + var(--gap)),bottom;mask-position:calc(50% - var(--gap)) calc(-1 * var(--gap)),calc(50% - var(--gap)) calc(100% + var(--gap)),bottom}tui-avatar-stack tui-avatar[data-size=s]{margin-right:-1.25rem}tui-avatar-stack tui-avatar[data-size=s]._round{--radius: 1.25rem}tui-avatar-stack tui-avatar[data-size=m]{margin-right:-1.75rem}tui-avatar-stack tui-avatar[data-size=m]._round{--radius: 1.75rem}tui-avatar-stack tui-avatar[data-size=l]{margin-right:-2.5rem}tui-avatar-stack tui-avatar[data-size=l]._round{--radius: 2.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
9
+ TuiAvatarStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarStackComponent, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { properties: { "attr.data-direction": "this.direction" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["tui-avatar-stack{display:flex;--t-gap: .125rem}tui-avatar-stack tui-avatar{-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}tui-avatar-stack[data-direction=left] tui-avatar:not(:first-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(50% + var(--t-gap)),#000 calc(50% + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(50% + var(--t-gap)),#000 calc(50% + var(--t-gap)));-webkit-mask-position:calc(50% - (var(--t-radius) - var(--t-gap)) / 2) calc(-1 * var(--t-gap)),calc(50% - (var(--t-radius) - var(--t-gap)) / 2) calc(100% + var(--t-gap)),bottom;mask-position:calc(50% - (var(--t-radius) - var(--t-gap)) / 2) calc(-1 * var(--t-gap)),calc(50% - (var(--t-radius) - var(--t-gap)) / 2) calc(100% + var(--t-gap)),bottom}tui-avatar-stack[data-direction=right] tui-avatar:not(:last-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(50% + var(--t-gap)),#000 calc(50% + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(50% + var(--t-gap)),#000 calc(50% + var(--t-gap)));-webkit-mask-position:calc(50% - var(--t-gap)) calc(-1 * var(--t-gap)),calc(50% - var(--t-gap)) calc(100% + var(--t-gap)),bottom;mask-position:calc(50% - var(--t-gap)) calc(-1 * var(--t-gap)),calc(50% - var(--t-gap)) calc(100% + var(--t-gap)),bottom}tui-avatar-stack tui-avatar:not(:last-child){margin-right:calc(var(--t-size) / -2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10
10
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarStackComponent, decorators: [{
11
11
  type: Component,
12
12
  args: [{
package/esm2015/components/badge/badge.component.js ADDED
@@ -0,0 +1,47 @@
1
+ import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
2
+ import { TUI_PLATFORM } from '@taiga-ui/cdk';
3
+ import { MODE_PROVIDER, TUI_MODE, tuiPop, } from '@taiga-ui/core';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "rxjs";
6
+ export class TuiBadgeComponent {
7
+ constructor(mode$, platform) {
8
+ this.mode$ = mode$;
9
+ this.platform = platform;
10
+ this.size = 'l';
11
+ this.appearance = 'default';
12
+ this.hoverable = false;
13
+ }
14
+ }
15
+ TuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, deps: [{ token: TUI_MODE }, { token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
16
+ TuiBadgeComponent.ɵcmp = i0.ɵɵ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: [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{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--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);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{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"], animations: [tuiPop], changeDetection: i0.ChangeDetectionStrategy.OnPush });
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, decorators: [{
18
+ type: Component,
19
+ args: [{
20
+ selector: 'tui-badge',
21
+ changeDetection: ChangeDetectionStrategy.OnPush,
22
+ templateUrl: './badge.template.html',
23
+ styleUrls: ['./badge.style.less'],
24
+ providers: [MODE_PROVIDER],
25
+ animations: [tuiPop],
26
+ host: {
27
+ '[attr.data-platform]': 'platform',
28
+ '[attr.data-appearance]': 'appearance',
29
+ '[attr.data-size]': 'size',
30
+ '[class._hoverable]': 'hoverable',
31
+ '($.data-mode.attr)': 'mode$',
32
+ },
33
+ }]
34
+ }], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
35
+ type: Inject,
36
+ args: [TUI_MODE]
37
+ }] }, { type: undefined, decorators: [{
38
+ type: Inject,
39
+ args: [TUI_PLATFORM]
40
+ }] }]; }, propDecorators: { size: [{
41
+ type: Input
42
+ }], appearance: [{
43
+ type: Input
44
+ }], hoverable: [{
45
+ type: Input
46
+ }] } });
47
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFDLFlBQVksRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQ0gsYUFBYSxFQUNiLFFBQVEsRUFFUixNQUFNLEdBR1QsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBbUJ4QixNQUFNLE9BQU8saUJBQWlCO0lBVTFCLFlBQytCLEtBQXVDLEVBQ25DLFFBQXFCO1FBRHpCLFVBQUssR0FBTCxLQUFLLENBQWtDO1FBQ25DLGFBQVEsR0FBUixRQUFRLENBQWE7UUFWeEQsU0FBSSxHQUF5QixHQUFHLENBQUM7UUFHakMsZUFBVSxHQUFtQyxTQUFTLENBQUM7UUFHdkQsY0FBUyxHQUFHLEtBQUssQ0FBQztJQUtmLENBQUM7OytHQWJLLGlCQUFpQixrQkFXZCxRQUFRLGFBQ1IsWUFBWTttR0FaZixpQkFBaUIseVRBVmYsQ0FBQyxhQUFhLENBQUMsMEJDbEI5QixrVEFnQkEscW1RREdnQixDQUFDLE1BQU0sQ0FBQzs0RkFTWCxpQkFBaUI7a0JBZjdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxXQUFXLEVBQUUsdUJBQXVCO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDakMsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUMxQixVQUFVLEVBQUUsQ0FBQyxNQUFNLENBQUM7b0JBQ3BCLElBQUksRUFBRTt3QkFDRixzQkFBc0IsRUFBRSxVQUFVO3dCQUNsQyx3QkFBd0IsRUFBRSxZQUFZO3dCQUN0QyxrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixvQkFBb0IsRUFBRSxXQUFXO3dCQUNqQyxvQkFBb0IsRUFBRSxPQUFPO3FCQUNoQztpQkFDSjs7MEJBWVEsTUFBTTsyQkFBQyxRQUFROzswQkFDZixNQUFNOzJCQUFDLFlBQVk7NENBVnhCLElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VFVJX1BMQVRGT1JNLCBUdWlQbGF0Zm9ybX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1xuICAgIE1PREVfUFJPVklERVIsXG4gICAgVFVJX01PREUsXG4gICAgVHVpQnJpZ2h0bmVzcyxcbiAgICB0dWlQb3AsXG4gICAgVHVpU2l6ZVMsXG4gICAgVHVpU2l6ZVhMLFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1R1aVN0YXR1c30gZnJvbSAnQHRhaWdhLXVpL2tpdCc7XG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1iYWRnZScsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JhZGdlLnN0eWxlLmxlc3MnXSxcbiAgICBwcm92aWRlcnM6IFtNT0RFX1BST1ZJREVSXSxcbiAgICBhbmltYXRpb25zOiBbdHVpUG9wXSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXBsYXRmb3JtXSc6ICdwbGF0Zm9ybScsXG4gICAgICAgICdbYXR0ci5kYXRhLWFwcGVhcmFuY2VdJzogJ2FwcGVhcmFuY2UnLFxuICAgICAgICAnW2F0dHIuZGF0YS1zaXplXSc6ICdzaXplJyxcbiAgICAgICAgJ1tjbGFzcy5faG92ZXJhYmxlXSc6ICdob3ZlcmFibGUnLFxuICAgICAgICAnKCQuZGF0YS1tb2RlLmF0dHIpJzogJ21vZGUkJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlCYWRnZUNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBzaXplOiBUdWlTaXplUyB8IFR1aVNpemVYTCA9ICdsJztcblxuICAgIEBJbnB1dCgpXG4gICAgYXBwZWFyYW5jZTogVHVpU3RhdHVzIHwgJ2FjY2VudCcgfCAnbGlnaHQnID0gJ2RlZmF1bHQnO1xuXG4gICAgQElucHV0KClcbiAgICBob3ZlcmFibGUgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFRVSV9NT0RFKSByZWFkb25seSBtb2RlJDogT2JzZXJ2YWJsZTxUdWlCcmlnaHRuZXNzIHwgbnVsbD4sXG4gICAgICAgIEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0sXG4gICAgKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInQtaW1hZ2VcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpbWdcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXZcbiAgICBjbGFzcz1cInQtaWNvblwiXG4gICAgW2NsYXNzLl9pY29uLW9ubHldPVwiIXRleHQuaW5uZXJIVE1MLnRyaW0oKVwiXG4+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidHVpLXN2Z1wiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48c3BhblxuICAgICN0ZXh0XG4gICAgY2xhc3M9XCJ0LXRleHRcIlxuPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
package/esm2015/components/badge/badge.module.js ADDED
@@ -0,0 +1,18 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { NgModule } from '@angular/core';
3
+ import { TuiBadgeComponent } from './badge.component';
4
+ import * as i0 from "@angular/core";
5
+ export class TuiBadgeModule {
6
+ }
7
+ TuiBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
8
+ TuiBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule, declarations: [TuiBadgeComponent], imports: [CommonModule], exports: [TuiBadgeComponent] });
9
+ TuiBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule, imports: [[CommonModule]] });
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeModule, decorators: [{
11
+ type: NgModule,
12
+ args: [{
13
+ imports: [CommonModule],
14
+ declarations: [TuiBadgeComponent],
15
+ exports: [TuiBadgeComponent],
16
+ }]
17
+ }] });
18
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZDLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG1CQUFtQixDQUFDOztBQU9wRCxNQUFNLE9BQU8sY0FBYzs7NEdBQWQsY0FBYzs2R0FBZCxjQUFjLGlCQUhSLGlCQUFpQixhQUR0QixZQUFZLGFBRVosaUJBQWlCOzZHQUVsQixjQUFjLFlBSmQsQ0FBQyxZQUFZLENBQUM7NEZBSWQsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1R1aUJhZGdlQ29tcG9uZW50fSBmcm9tICcuL2JhZGdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQmFkZ2VDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtUdWlCYWRnZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJhZGdlTW9kdWxlIHt9XG4iXX0=
package/esm2015/components/badge/index.js ADDED
@@ -0,0 +1,3 @@
1
+ export * from './badge.component';
2
+ export * from './badge.module';
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2JhZGdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2JhZGdlLm1vZHVsZSc7XG4iXX0=
package/esm2015/components/badge/taiga-ui-experimental-components-badge.js ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtYmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS90YWlnYS11aS1leHBlcmltZW50YWwtY29tcG9uZW50cy1iYWRnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
package/esm2015/components/button/button.component.js ADDED
@@ -0,0 +1,16 @@
1
+ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class TuiButtonComponent {
4
+ }
5
+ TuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
+ TuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonNew]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;display:inline-flex;height:var(--t-size);align-items:center;justify-content:center;width:-webkit-min-content;width:min-content;white-space:nowrap;border-radius:var(--t-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;cursor:pointer}[tuiButtonNew][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);font:var(--tui-font-text-s);padding:0 .375rem 0 .25rem;text-indent:.125rem;grid-gap:.125rem;gap:.125rem}[tuiButtonNew][data-size=xs] tui-svg{width:1rem}[tuiButtonNew][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);font:var(--tui-font-text-s);padding:0 .625rem 0 .5rem;text-indent:.125rem;grid-gap:.125rem;gap:.125rem}[tuiButtonNew][data-size=s] tui-svg{width:1rem}[tuiButtonNew][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);font:var(--tui-font-text-m);font-weight:bold;padding:0 1rem 0 .625rem;text-indent:.375rem;grid-gap:.125rem;gap:.125rem}[tuiButtonNew][data-size=l]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);font:var(--tui-font-text-m);font-weight:bold;padding:0 1.25rem 0 1rem;text-indent:.25rem;grid-gap:.25rem;gap:.25rem}[tuiButtonNew][data-platform=ios],[tuiButtonNew][data-platform=android]{width:100%}[tuiButtonNew][data-platform=ios][data-size=xs],[tuiButtonNew][data-platform=android][data-size=xs],[tuiButtonNew][data-platform=ios][data-size=s],[tuiButtonNew][data-platform=android][data-size=s],[tuiButtonNew][data-platform=ios][data-size=l],[tuiButtonNew][data-platform=android][data-size=l]{--t-radius: 1rem}[tuiButtonNew][data-platform=ios][data-size=m],[tuiButtonNew][data-platform=android][data-size=m]{--t-radius: .75rem}[tuiButtonNew] *{text-indent:0}[tuiButtonNew]:disabled:not(._loading):not([data-platform=\"web\"]){background:var(--tui-clear);color:var(--tui-clear-active);opacity:1}[tuiButtonNew]:disabled:not(._loading):not([data-platform=\"web\"])[data-appearance=flat]{background:transparent}[tuiButtonNew] [tuiIconRight]{width:1rem;order:999;-webkit-margin-start:.125rem;margin-inline-start:.125rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[tuiButtonNew][data-size=m] [tuiIconRight]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}[tuiButtonNew][data-size=l] [tuiIconRight]{-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiIconButton][tuiButtonNew]{width:var(--t-size);font-size:0;padding:0;text-indent:0;grid-gap:0;gap:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, decorators: [{
8
+ type: Component,
9
+ args: [{
10
+ template: '',
11
+ styleUrls: ['./button.style.less'],
12
+ changeDetection: ChangeDetectionStrategy.OnPush,
13
+ encapsulation: ViewEncapsulation.None,
14
+ }]
15
+ }] });
16
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBUXBGLE1BQU0sT0FBTyxrQkFBa0I7O2dIQUFsQixrQkFBa0I7b0dBQWxCLGtCQUFrQixvREFMakIsRUFBRTs0RkFLSCxrQkFBa0I7a0JBTjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLEVBQUU7b0JBQ1osU0FBUyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2xDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDeEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlVXJsczogWycuL2J1dHRvbi5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQnV0dG9uQ29tcG9uZW50IHt9XG4iXX0=
package/esm2015/components/button/button.directive.js ADDED
@@ -0,0 +1,47 @@
1
+ import { Directive, Inject, Input } from '@angular/core';
2
+ import { TUI_PLATFORM, TuiDirectiveStylesService } from '@taiga-ui/cdk';
3
+ import { MODE_PROVIDER, TUI_MODE, } from '@taiga-ui/core';
4
+ import { TuiButtonComponent } from './button.component';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "rxjs";
7
+ import * as i2 from "@taiga-ui/cdk";
8
+ export class TuiButtonDirective {
9
+ constructor(platform, mode$, directiveStyles) {
10
+ this.platform = platform;
11
+ this.mode$ = mode$;
12
+ this.size = 'l';
13
+ this.appearance = 'primary';
14
+ directiveStyles.addComponent(TuiButtonComponent);
15
+ }
16
+ }
17
+ TuiButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonDirective, deps: [{ token: TUI_PLATFORM }, { token: TUI_MODE }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
18
+ TuiButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: { size: "size", appearance: "appearance" }, host: { attributes: { "tuiButtonNew": "", "tuiWrapper": "" }, listeners: { "$.data-mode.attr": "mode$" }, properties: { "attr.data-size": "size", "attr.data-appearance": "appearance", "attr.data-platform": "platform" } }, providers: [MODE_PROVIDER], ngImport: i0 });
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonDirective, decorators: [{
20
+ type: Directive,
21
+ args: [{
22
+ selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',
23
+ providers: [MODE_PROVIDER],
24
+ host: {
25
+ tuiButtonNew: '',
26
+ tuiWrapper: '',
27
+ '[attr.data-size]': 'size',
28
+ '[attr.data-appearance]': 'appearance',
29
+ '[attr.data-platform]': 'platform',
30
+ '($.data-mode.attr)': 'mode$',
31
+ },
32
+ }]
33
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
34
+ type: Inject,
35
+ args: [TUI_PLATFORM]
36
+ }] }, { type: i1.Observable, decorators: [{
37
+ type: Inject,
38
+ args: [TUI_MODE]
39
+ }] }, { type: i2.TuiDirectiveStylesService, decorators: [{
40
+ type: Inject,
41
+ args: [TuiDirectiveStylesService]
42
+ }] }]; }, propDecorators: { size: [{
43
+ type: Input
44
+ }], appearance: [{
45
+ type: Input
46
+ }] } });
47
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsWUFBWSxFQUFFLHlCQUF5QixFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFDSCxhQUFhLEVBQ2IsUUFBUSxHQUtYLE1BQU0sZ0JBQWdCLENBQUM7QUFHeEIsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFjdEQsTUFBTSxPQUFPLGtCQUFrQjtJQU8zQixZQUNtQyxRQUFxQixFQUN6QixLQUF1QyxFQUMvQixlQUEwQztRQUY5QyxhQUFRLEdBQVIsUUFBUSxDQUFhO1FBQ3pCLFVBQUssR0FBTCxLQUFLLENBQWtDO1FBUHRFLFNBQUksR0FBeUIsR0FBRyxDQUFDO1FBR2pDLGVBQVUsR0FBaUQsU0FBUyxDQUFDO1FBT2pFLGVBQWUsQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUNyRCxDQUFDOztnSEFiUSxrQkFBa0Isa0JBUWYsWUFBWSxhQUNaLFFBQVEsYUFDUix5QkFBeUI7b0dBVjVCLGtCQUFrQixrWEFWaEIsQ0FBQyxhQUFhLENBQUM7NEZBVWpCLGtCQUFrQjtrQkFaOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsdUVBQXVFO29CQUNqRixTQUFTLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQzFCLElBQUksRUFBRTt3QkFDRixZQUFZLEVBQUUsRUFBRTt3QkFDaEIsVUFBVSxFQUFFLEVBQUU7d0JBQ2Qsa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsd0JBQXdCLEVBQUUsWUFBWTt3QkFDdEMsc0JBQXNCLEVBQUUsVUFBVTt3QkFDbEMsb0JBQW9CLEVBQUUsT0FBTztxQkFDaEM7aUJBQ0o7OzBCQVNRLE1BQU07MkJBQUMsWUFBWTs7MEJBQ25CLE1BQU07MkJBQUMsUUFBUTs7MEJBQ2YsTUFBTTsyQkFBQyx5QkFBeUI7NENBUnJDLElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9QTEFURk9STSwgVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSwgVHVpUGxhdGZvcm19IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtcbiAgICBNT0RFX1BST1ZJREVSLFxuICAgIFRVSV9NT0RFLFxuICAgIFR1aUFwcGVhcmFuY2UsXG4gICAgVHVpQnJpZ2h0bmVzcyxcbiAgICBUdWlTaXplTCxcbiAgICBUdWlTaXplWFMsXG59IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7VHVpQnV0dG9uQ29tcG9uZW50fSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2FbdHVpQnV0dG9uXSxidXR0b25bdHVpQnV0dG9uXSxhW3R1aUljb25CdXR0b25dLGJ1dHRvblt0dWlJY29uQnV0dG9uXScsXG4gICAgcHJvdmlkZXJzOiBbTU9ERV9QUk9WSURFUl0sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlCdXR0b25OZXc6ICcnLFxuICAgICAgICB0dWlXcmFwcGVyOiAnJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgICAgICdbYXR0ci5kYXRhLWFwcGVhcmFuY2VdJzogJ2FwcGVhcmFuY2UnLFxuICAgICAgICAnW2F0dHIuZGF0YS1wbGF0Zm9ybV0nOiAncGxhdGZvcm0nLFxuICAgICAgICAnKCQuZGF0YS1tb2RlLmF0dHIpJzogJ21vZGUkJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlCdXR0b25EaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpXG4gICAgc2l6ZTogVHVpU2l6ZUwgfCBUdWlTaXplWFMgPSAnbCc7XG5cbiAgICBASW5wdXQoKVxuICAgIGFwcGVhcmFuY2U6IHN0cmluZyB8IGtleW9mIFJlY29yZDxUdWlBcHBlYXJhbmNlLCBzdHJpbmc+ID0gJ3ByaW1hcnknO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0sXG4gICAgICAgIEBJbmplY3QoVFVJX01PREUpIHJlYWRvbmx5IG1vZGUkOiBPYnNlcnZhYmxlPFR1aUJyaWdodG5lc3MgfCBudWxsPixcbiAgICAgICAgQEluamVjdChUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlKSBkaXJlY3RpdmVTdHlsZXM6IFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgKSB7XG4gICAgICAgIGRpcmVjdGl2ZVN0eWxlcy5hZGRDb21wb25lbnQoVHVpQnV0dG9uQ29tcG9uZW50KTtcbiAgICB9XG59XG4iXX0=