@taiga-ui/kit 2.60.0 → 2.62.1

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 (112) hide show
  1. package/bundles/taiga-ui-kit-components-badge.umd.js +1 -1
  2. package/bundles/taiga-ui-kit-components-badge.umd.js.map +1 -1
  3. package/bundles/taiga-ui-kit-components-badge.umd.min.js +1 -1
  4. package/bundles/taiga-ui-kit-components-badge.umd.min.js.map +1 -1
  5. package/bundles/taiga-ui-kit-components-badged-content.umd.js +4 -14
  6. package/bundles/taiga-ui-kit-components-badged-content.umd.js.map +1 -1
  7. package/bundles/taiga-ui-kit-components-badged-content.umd.min.js +1 -1
  8. package/bundles/taiga-ui-kit-components-badged-content.umd.min.js.map +1 -1
  9. package/bundles/taiga-ui-kit-components-files.umd.js +1 -1
  10. package/bundles/taiga-ui-kit-components-files.umd.js.map +1 -1
  11. package/bundles/taiga-ui-kit-components-files.umd.min.js +1 -1
  12. package/bundles/taiga-ui-kit-components-files.umd.min.js.map +1 -1
  13. package/bundles/taiga-ui-kit-components-input-phone-international.umd.js +1 -1
  14. package/bundles/taiga-ui-kit-components-input-phone-international.umd.js.map +1 -1
  15. package/bundles/taiga-ui-kit-components-input-phone-international.umd.min.js +1 -1
  16. package/bundles/taiga-ui-kit-components-input-phone-international.umd.min.js.map +1 -1
  17. package/bundles/taiga-ui-kit-components-input-tag.umd.js +1 -1
  18. package/bundles/taiga-ui-kit-components-input-tag.umd.js.map +1 -1
  19. package/bundles/taiga-ui-kit-components-input-tag.umd.min.js +1 -1
  20. package/bundles/taiga-ui-kit-components-input-tag.umd.min.js.map +1 -1
  21. package/bundles/taiga-ui-kit-components-push.umd.js +499 -0
  22. package/bundles/taiga-ui-kit-components-push.umd.js.map +1 -0
  23. package/bundles/taiga-ui-kit-components-push.umd.min.js +2 -0
  24. package/bundles/taiga-ui-kit-components-push.umd.min.js.map +1 -0
  25. package/bundles/taiga-ui-kit-components-text-area.umd.js +1 -1
  26. package/bundles/taiga-ui-kit-components-text-area.umd.min.js +1 -1
  27. package/bundles/taiga-ui-kit-components-text-area.umd.min.js.map +1 -1
  28. package/bundles/taiga-ui-kit-components.umd.js +12 -4
  29. package/bundles/taiga-ui-kit-components.umd.js.map +1 -1
  30. package/bundles/taiga-ui-kit-components.umd.min.js +1 -1
  31. package/components/badge/badge.component.d.ts +2 -2
  32. package/components/badge/taiga-ui-kit-components-badge.metadata.json +1 -1
  33. package/components/badged-content/badged-content.component.d.ts +2 -3
  34. package/components/badged-content/taiga-ui-kit-components-badged-content.metadata.json +1 -1
  35. package/components/index.d.ts +1 -0
  36. package/components/input-tag/taiga-ui-kit-components-input-tag.metadata.json +1 -1
  37. package/components/push/index.d.ts +7 -0
  38. package/components/push/package.json +13 -0
  39. package/components/push/push-alert.component.d.ts +16 -0
  40. package/components/push/push-alert.directive.d.ts +9 -0
  41. package/components/push/push.component.d.ts +11 -0
  42. package/components/push/push.directive.d.ts +10 -0
  43. package/components/push/push.module.d.ts +2 -0
  44. package/components/push/push.options.d.ts +10 -0
  45. package/components/push/push.service.d.ts +10 -0
  46. package/components/push/taiga-ui-kit-components-push.d.ts +4 -0
  47. package/components/push/taiga-ui-kit-components-push.metadata.json +1 -0
  48. package/components/taiga-ui-kit-components.metadata.json +1 -1
  49. package/components/text-area/taiga-ui-kit-components-text-area.metadata.json +1 -1
  50. package/esm2015/components/badge/badge.component.js +3 -3
  51. package/esm2015/components/badged-content/badged-content.component.js +5 -11
  52. package/esm2015/components/files/file/file.component.js +3 -3
  53. package/esm2015/components/index.js +2 -1
  54. package/esm2015/components/input-phone-international/const/countries.js +2 -2
  55. package/esm2015/components/input-tag/input-tag.component.js +2 -2
  56. package/esm2015/components/push/index.js +8 -0
  57. package/esm2015/components/push/push-alert.component.js +38 -0
  58. package/esm2015/components/push/push-alert.directive.js +40 -0
  59. package/esm2015/components/push/push.component.js +46 -0
  60. package/esm2015/components/push/push.directive.js +42 -0
  61. package/esm2015/components/push/push.module.js +46 -0
  62. package/esm2015/components/push/push.options.js +10 -0
  63. package/esm2015/components/push/push.service.js +24 -0
  64. package/esm2015/components/push/taiga-ui-kit-components-push.js +5 -0
  65. package/esm2015/components/text-area/text-area.component.js +1 -1
  66. package/esm5/components/badge/badge.component.js +3 -3
  67. package/esm5/components/badged-content/badged-content.component.js +5 -15
  68. package/esm5/components/files/file/file.component.js +3 -3
  69. package/esm5/components/index.js +2 -1
  70. package/esm5/components/input-phone-international/const/countries.js +2 -2
  71. package/esm5/components/input-tag/input-tag.component.js +2 -2
  72. package/esm5/components/push/index.js +8 -0
  73. package/esm5/components/push/push-alert.component.js +43 -0
  74. package/esm5/components/push/push-alert.directive.js +47 -0
  75. package/esm5/components/push/push.component.js +51 -0
  76. package/esm5/components/push/push.directive.js +50 -0
  77. package/esm5/components/push/push.module.js +49 -0
  78. package/esm5/components/push/push.options.js +10 -0
  79. package/esm5/components/push/push.service.js +28 -0
  80. package/esm5/components/push/taiga-ui-kit-components-push.js +5 -0
  81. package/esm5/components/text-area/text-area.component.js +1 -1
  82. package/fesm2015/taiga-ui-kit-components-badge.js +1 -1
  83. package/fesm2015/taiga-ui-kit-components-badge.js.map +1 -1
  84. package/fesm2015/taiga-ui-kit-components-badged-content.js +4 -10
  85. package/fesm2015/taiga-ui-kit-components-badged-content.js.map +1 -1
  86. package/fesm2015/taiga-ui-kit-components-files.js +2 -2
  87. package/fesm2015/taiga-ui-kit-components-files.js.map +1 -1
  88. package/fesm2015/taiga-ui-kit-components-input-phone-international.js +1 -1
  89. package/fesm2015/taiga-ui-kit-components-input-phone-international.js.map +1 -1
  90. package/fesm2015/taiga-ui-kit-components-input-tag.js +1 -1
  91. package/fesm2015/taiga-ui-kit-components-input-tag.js.map +1 -1
  92. package/fesm2015/taiga-ui-kit-components-push.js +216 -0
  93. package/fesm2015/taiga-ui-kit-components-push.js.map +1 -0
  94. package/fesm2015/taiga-ui-kit-components-text-area.js +1 -1
  95. package/fesm2015/taiga-ui-kit-components.js +1 -0
  96. package/fesm2015/taiga-ui-kit-components.js.map +1 -1
  97. package/fesm5/taiga-ui-kit-components-badge.js +1 -1
  98. package/fesm5/taiga-ui-kit-components-badge.js.map +1 -1
  99. package/fesm5/taiga-ui-kit-components-badged-content.js +4 -14
  100. package/fesm5/taiga-ui-kit-components-badged-content.js.map +1 -1
  101. package/fesm5/taiga-ui-kit-components-files.js +2 -2
  102. package/fesm5/taiga-ui-kit-components-files.js.map +1 -1
  103. package/fesm5/taiga-ui-kit-components-input-phone-international.js +1 -1
  104. package/fesm5/taiga-ui-kit-components-input-phone-international.js.map +1 -1
  105. package/fesm5/taiga-ui-kit-components-input-tag.js +1 -1
  106. package/fesm5/taiga-ui-kit-components-input-tag.js.map +1 -1
  107. package/fesm5/taiga-ui-kit-components-push.js +248 -0
  108. package/fesm5/taiga-ui-kit-components-push.js.map +1 -0
  109. package/fesm5/taiga-ui-kit-components-text-area.js +1 -1
  110. package/fesm5/taiga-ui-kit-components.js +1 -0
  111. package/fesm5/taiga-ui-kit-components.js.map +1 -1
  112. package/package.json +4 -4
@@ -0,0 +1,51 @@
1
+ import { __decorate, __param } from "tslib";
2
+ import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Output, } from '@angular/core';
3
+ import { tuiDefaultProp, tuiIsObserved } from '@taiga-ui/cdk';
4
+ import { TUI_CLOSE_WORD } from '@taiga-ui/core';
5
+ import { Observable } from 'rxjs';
6
+ var TuiPushComponent = /** @class */ (function () {
7
+ function TuiPushComponent(closeWord$) {
8
+ this.closeWord$ = closeWord$;
9
+ this.heading = "";
10
+ this.type = "";
11
+ this.timestamp = 0;
12
+ this.close = new EventEmitter();
13
+ }
14
+ Object.defineProperty(TuiPushComponent.prototype, "closeable", {
15
+ get: function () {
16
+ return tuiIsObserved(this.close);
17
+ },
18
+ enumerable: true,
19
+ configurable: true
20
+ });
21
+ TuiPushComponent.ctorParameters = function () { return [
22
+ { type: Observable, decorators: [{ type: Inject, args: [TUI_CLOSE_WORD,] }] }
23
+ ]; };
24
+ __decorate([
25
+ Input(),
26
+ tuiDefaultProp()
27
+ ], TuiPushComponent.prototype, "heading", void 0);
28
+ __decorate([
29
+ Input(),
30
+ tuiDefaultProp()
31
+ ], TuiPushComponent.prototype, "type", void 0);
32
+ __decorate([
33
+ Input(),
34
+ tuiDefaultProp()
35
+ ], TuiPushComponent.prototype, "timestamp", void 0);
36
+ __decorate([
37
+ Output()
38
+ ], TuiPushComponent.prototype, "close", void 0);
39
+ TuiPushComponent = __decorate([
40
+ Component({
41
+ selector: "tui-push",
42
+ template: "<div class=\"t-image\"><ng-content select=\"img\"></ng-content></div>\n<button\n *ngIf=\"closeable\"\n tuiIconButton\n icon=\"tuiIconCloseLarge\"\n size=\"xs\"\n appearance=\"\"\n shape=\"rounded\"\n class=\"t-close\"\n [title]=\"closeWord$ | async\"\n (click)=\"close.emit()\"\n></button>\n<div class=\"t-top\">\n <span class=\"t-icon\"><ng-content select=\"tui-svg\"></ng-content></span>\n {{ type }}\n <span\n *ngIf=\"timestamp\"\n class=\"t-time\"\n [textContent]=\"timestamp | tuiFormatDate | async\"\n ></span>\n</div>\n<h3 class=\"t-heading\">{{ heading }}</h3>\n<div class=\"t-content\">\n <ng-content></ng-content>\n</div>\n<div class=\"t-actions\">\n <span class=\"t-button\"><ng-content select=\"[tuiButton]\"></ng-content></span>\n <span class=\"t-link\"><ng-content select=\"[tuiLink]\"></ng-content></span>\n</div>\n",
43
+ changeDetection: ChangeDetectionStrategy.OnPush,
44
+ styles: [":host{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);position:relative;display:block;width:22.5rem;max-width:100%;box-sizing:border-box;padding:1.25rem 1.25rem .25rem;overflow:hidden;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);background:var(--tui-elevation-02)}.t-image{display:flex;flex-direction:column;max-height:10.625rem;overflow:hidden;margin:-1.25rem -1.25rem 1.25rem}.t-close{position:absolute;top:.75rem;right:.75rem;color:rgba(0,0,0,.54);background:rgba(242,242,242,.32);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.t-top{display:flex;align-items:center;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-icon{height:1.25rem;margin-right:.5rem;transform:scale(.833);transform-origin:top left;color:var(--tui-link)}.t-time:before{content:'\u2022';display:inline-block;width:1rem;text-align:center}.t-heading{line-height:1.25rem;font-weight:700;margin:.75rem 0 .25rem}.t-content,.t-heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word;overflow:hidden}.t-actions{display:flex;align-items:center;font:var(--tui-font-text-s)}.t-button:not(:empty){margin:.75rem .75rem .75rem 0}.t-link{margin:.75rem 0}.t-link:empty{margin:.5rem}"]
45
+ }),
46
+ __param(0, Inject(TUI_CLOSE_WORD))
47
+ ], TuiPushComponent);
48
+ return TuiPushComponent;
49
+ }());
50
+ export { TuiPushComponent };
51
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVzaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvcHVzaC8iLCJzb3VyY2VzIjpbInB1c2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGNBQWMsRUFBRSxhQUFhLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFRaEM7SUFnQkksMEJBQTZDLFVBQThCO1FBQTlCLGVBQVUsR0FBVixVQUFVLENBQW9CO1FBYjNFLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFJYixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBSVYsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUdMLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRW9DLENBQUM7SUFFL0Usc0JBQUksdUNBQVM7YUFBYjtZQUNJLE9BQU8sYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQyxDQUFDOzs7T0FBQTs7Z0JBSndELFVBQVUsdUJBQXRELE1BQU0sU0FBQyxjQUFjOztJQWJsQztRQUZDLEtBQUssRUFBRTtRQUNQLGNBQWMsRUFBRTtxREFDSjtJQUliO1FBRkMsS0FBSyxFQUFFO1FBQ1AsY0FBYyxFQUFFO2tEQUNQO0lBSVY7UUFGQyxLQUFLLEVBQUU7UUFDUCxjQUFjLEVBQUU7dURBQ0g7SUFHZDtRQURDLE1BQU0sRUFBRTttREFDaUM7SUFkakMsZ0JBQWdCO1FBTjVCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLCs0QkFBbUM7WUFFbkMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O1NBQ2xELENBQUM7UUFpQmUsV0FBQSxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUE7T0FoQjFCLGdCQUFnQixDQXFCNUI7SUFBRCx1QkFBQztDQUFBLEFBckJELElBcUJDO1NBckJZLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpRGVmYXVsdFByb3AsIHR1aUlzT2JzZXJ2ZWR9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUVUlfQ0xPU0VfV09SRH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IGB0dWktcHVzaGAsXG4gICAgdGVtcGxhdGVVcmw6IGAuL3B1c2gudGVtcGxhdGUuaHRtbGAsXG4gICAgc3R5bGVVcmxzOiBbYC4vcHVzaC5zdHlsZS5sZXNzYF0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aVB1c2hDb21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBoZWFkaW5nID0gYGA7XG5cbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgdHlwZSA9IGBgO1xuXG4gICAgQElucHV0KClcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIHRpbWVzdGFtcCA9IDA7XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoVFVJX0NMT1NFX1dPUkQpIHJlYWRvbmx5IGNsb3NlV29yZCQ6IE9ic2VydmFibGU8c3RyaW5nPikge31cblxuICAgIGdldCBjbG9zZWFibGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0dWlJc09ic2VydmVkKHRoaXMuY2xvc2UpO1xuICAgIH1cbn1cbiJdfQ==
@@ -0,0 +1,50 @@
1
+ import { __decorate, __extends, __param } from "tslib";
2
+ import { Directive, Inject, Optional, SkipSelf } from '@angular/core';
3
+ import { TUI_BUTTON_OPTIONS, TuiButtonOptions, TuiModeDirective } from '@taiga-ui/core';
4
+ import { Subject } from 'rxjs';
5
+ var TuiPushDirective = /** @class */ (function (_super) {
6
+ __extends(TuiPushDirective, _super);
7
+ function TuiPushDirective(modeDirective) {
8
+ var _a;
9
+ var _this = _super.call(this) || this;
10
+ _this.modeDirective = modeDirective;
11
+ _this.size = "s";
12
+ _this.shape = null;
13
+ _this.change$ = ((_a = _this.modeDirective) === null || _a === void 0 ? void 0 : _a.change$) || new Subject();
14
+ return _this;
15
+ }
16
+ TuiPushDirective_1 = TuiPushDirective;
17
+ Object.defineProperty(TuiPushDirective.prototype, "appearance", {
18
+ get: function () {
19
+ var _a;
20
+ return ((_a = this.modeDirective) === null || _a === void 0 ? void 0 : _a.mode) === "onDark" ? "accent" : "secondary";
21
+ },
22
+ enumerable: true,
23
+ configurable: true
24
+ });
25
+ var TuiPushDirective_1;
26
+ TuiPushDirective.ctorParameters = function () { return [
27
+ { type: TuiModeDirective, decorators: [{ type: Optional }, { type: SkipSelf }, { type: Inject, args: [TuiModeDirective,] }] }
28
+ ]; };
29
+ TuiPushDirective = TuiPushDirective_1 = __decorate([
30
+ Directive({
31
+ selector: "tui-push",
32
+ providers: [
33
+ {
34
+ provide: TuiModeDirective,
35
+ useExisting: TuiPushDirective_1,
36
+ },
37
+ {
38
+ provide: TUI_BUTTON_OPTIONS,
39
+ useExisting: TuiPushDirective_1,
40
+ },
41
+ ],
42
+ }),
43
+ __param(0, Optional()),
44
+ __param(0, SkipSelf()),
45
+ __param(0, Inject(TuiModeDirective))
46
+ ], TuiPushDirective);
47
+ return TuiPushDirective;
48
+ }(TuiModeDirective));
49
+ export { TuiPushDirective };
50
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVzaC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvcHVzaC8iLCJzb3VyY2VzIjpbInB1c2guZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxrQkFBa0IsRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ3RGLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFlN0I7SUFBc0Msb0NBQWdCO0lBT2xELDBCQUlxQixhQUFzQzs7UUFKM0QsWUFNSSxpQkFBTyxTQUNWO1FBSG9CLG1CQUFhLEdBQWIsYUFBYSxDQUF5QjtRQVYzRCxVQUFJLEdBQTZCLEdBQUcsQ0FBQztRQUVyQyxXQUFLLEdBQUcsSUFBSSxDQUFDO1FBRUosYUFBTyxHQUFHLE9BQUEsS0FBSSxDQUFDLGFBQWEsMENBQUUsT0FBTyxLQUFJLElBQUksT0FBTyxFQUFFLENBQUM7O0lBU2hFLENBQUM7eUJBZFEsZ0JBQWdCO0lBZ0J6QixzQkFBSSx3Q0FBVTthQUFkOztZQUNJLE9BQU8sT0FBQSxJQUFJLENBQUMsYUFBYSwwQ0FBRSxJQUFJLE1BQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQztRQUMxRSxDQUFDOzs7T0FBQTs7O2dCQVBtQyxnQkFBZ0IsdUJBSC9DLFFBQVEsWUFDUixRQUFRLFlBQ1IsTUFBTSxTQUFDLGdCQUFnQjs7SUFWbkIsZ0JBQWdCO1FBYjVCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFNBQVMsRUFBRTtnQkFDUDtvQkFDSSxPQUFPLEVBQUUsZ0JBQWdCO29CQUN6QixXQUFXLEVBQUUsa0JBQWdCO2lCQUNoQztnQkFDRDtvQkFDSSxPQUFPLEVBQUUsa0JBQWtCO29CQUMzQixXQUFXLEVBQUUsa0JBQWdCO2lCQUNoQzthQUNKO1NBQ0osQ0FBQztRQVNPLFdBQUEsUUFBUSxFQUFFLENBQUE7UUFDVixXQUFBLFFBQVEsRUFBRSxDQUFBO1FBQ1YsV0FBQSxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQTtPQVZwQixnQkFBZ0IsQ0FtQjVCO0lBQUQsdUJBQUM7Q0FBQSxBQW5CRCxDQUFzQyxnQkFBZ0IsR0FtQnJEO1NBbkJZLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbmplY3QsIE9wdGlvbmFsLCBTa2lwU2VsZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9CVVRUT05fT1BUSU9OUywgVHVpQnV0dG9uT3B0aW9ucywgVHVpTW9kZURpcmVjdGl2ZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtTdWJqZWN0fSBmcm9tICdyeGpzJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6IGB0dWktcHVzaGAsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFR1aU1vZGVEaXJlY3RpdmUsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogVHVpUHVzaERpcmVjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogVFVJX0JVVFRPTl9PUFRJT05TLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IFR1aVB1c2hEaXJlY3RpdmUsXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUHVzaERpcmVjdGl2ZSBleHRlbmRzIFR1aU1vZGVEaXJlY3RpdmUgaW1wbGVtZW50cyBUdWlCdXR0b25PcHRpb25zIHtcbiAgICBzaXplOiBUdWlCdXR0b25PcHRpb25zWydzaXplJ10gPSBgc2A7XG5cbiAgICBzaGFwZSA9IG51bGw7XG5cbiAgICByZWFkb25seSBjaGFuZ2UkID0gdGhpcy5tb2RlRGlyZWN0aXZlPy5jaGFuZ2UkIHx8IG5ldyBTdWJqZWN0KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQE9wdGlvbmFsKClcbiAgICAgICAgQFNraXBTZWxmKClcbiAgICAgICAgQEluamVjdChUdWlNb2RlRGlyZWN0aXZlKVxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IG1vZGVEaXJlY3RpdmU6IFR1aU1vZGVEaXJlY3RpdmUgfCBudWxsLFxuICAgICkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIGdldCBhcHBlYXJhbmNlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLm1vZGVEaXJlY3RpdmU/Lm1vZGUgPT09IGBvbkRhcmtgID8gYGFjY2VudGAgOiBgc2Vjb25kYXJ5YDtcbiAgICB9XG59XG4iXX0=
@@ -0,0 +1,49 @@
1
+ import { __decorate } from "tslib";
2
+ import { CommonModule } from '@angular/common';
3
+ import { NgModule } from '@angular/core';
4
+ import { TUI_ALERTS } from '@taiga-ui/cdk';
5
+ import { TuiButtonModule, TuiFormatDatePipeModule, TuiLinkModule, TuiSvgModule, } from '@taiga-ui/core';
6
+ import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
7
+ import { TuiPushComponent } from './push.component';
8
+ import { TuiPushDirective } from './push.directive';
9
+ import { TuiPushService } from './push.service';
10
+ import { TuiPushAlertComponent } from './push-alert.component';
11
+ import { TuiPushAlertDirective } from './push-alert.directive';
12
+ var TuiPushModule = /** @class */ (function () {
13
+ function TuiPushModule() {
14
+ }
15
+ TuiPushModule = __decorate([
16
+ NgModule({
17
+ imports: [
18
+ CommonModule,
19
+ PolymorpheusModule,
20
+ TuiButtonModule,
21
+ TuiLinkModule,
22
+ TuiSvgModule,
23
+ TuiFormatDatePipeModule,
24
+ ],
25
+ declarations: [
26
+ TuiPushComponent,
27
+ TuiPushDirective,
28
+ TuiPushAlertComponent,
29
+ TuiPushAlertDirective,
30
+ ],
31
+ exports: [
32
+ TuiPushComponent,
33
+ TuiPushDirective,
34
+ TuiPushAlertComponent,
35
+ TuiPushAlertDirective,
36
+ ],
37
+ providers: [
38
+ {
39
+ provide: TUI_ALERTS,
40
+ useExisting: TuiPushService,
41
+ multi: true,
42
+ },
43
+ ],
44
+ })
45
+ ], TuiPushModule);
46
+ return TuiPushModule;
47
+ }());
48
+ export { TuiPushModule };
49
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVzaC5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvcHVzaC8iLCJzb3VyY2VzIjpbInB1c2gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDSCxlQUFlLEVBQ2YsdUJBQXVCLEVBQ3ZCLGFBQWEsRUFDYixZQUFZLEdBQ2YsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUU1RCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUMsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUErQjdEO0lBQUE7SUFBNEIsQ0FBQztJQUFoQixhQUFhO1FBN0J6QixRQUFRLENBQUM7WUFDTixPQUFPLEVBQUU7Z0JBQ0wsWUFBWTtnQkFDWixrQkFBa0I7Z0JBQ2xCLGVBQWU7Z0JBQ2YsYUFBYTtnQkFDYixZQUFZO2dCQUNaLHVCQUF1QjthQUMxQjtZQUNELFlBQVksRUFBRTtnQkFDVixnQkFBZ0I7Z0JBQ2hCLGdCQUFnQjtnQkFDaEIscUJBQXFCO2dCQUNyQixxQkFBcUI7YUFDeEI7WUFDRCxPQUFPLEVBQUU7Z0JBQ0wsZ0JBQWdCO2dCQUNoQixnQkFBZ0I7Z0JBQ2hCLHFCQUFxQjtnQkFDckIscUJBQXFCO2FBQ3hCO1lBQ0QsU0FBUyxFQUFFO2dCQUNQO29CQUNJLE9BQU8sRUFBRSxVQUFVO29CQUNuQixXQUFXLEVBQUUsY0FBYztvQkFDM0IsS0FBSyxFQUFFLElBQUk7aUJBQ2Q7YUFDSjtTQUNKLENBQUM7T0FDVyxhQUFhLENBQUc7SUFBRCxvQkFBQztDQUFBLEFBQTdCLElBQTZCO1NBQWhCLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUVUlfQUxFUlRTfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7XG4gICAgVHVpQnV0dG9uTW9kdWxlLFxuICAgIFR1aUZvcm1hdERhdGVQaXBlTW9kdWxlLFxuICAgIFR1aUxpbmtNb2R1bGUsXG4gICAgVHVpU3ZnTW9kdWxlLFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1BvbHltb3JwaGV1c01vZHVsZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtUdWlQdXNoQ29tcG9uZW50fSBmcm9tICcuL3B1c2guY29tcG9uZW50JztcbmltcG9ydCB7VHVpUHVzaERpcmVjdGl2ZX0gZnJvbSAnLi9wdXNoLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1R1aVB1c2hTZXJ2aWNlfSBmcm9tICcuL3B1c2guc2VydmljZSc7XG5pbXBvcnQge1R1aVB1c2hBbGVydENvbXBvbmVudH0gZnJvbSAnLi9wdXNoLWFsZXJ0LmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aVB1c2hBbGVydERpcmVjdGl2ZX0gZnJvbSAnLi9wdXNoLWFsZXJ0LmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFBvbHltb3JwaGV1c01vZHVsZSxcbiAgICAgICAgVHVpQnV0dG9uTW9kdWxlLFxuICAgICAgICBUdWlMaW5rTW9kdWxlLFxuICAgICAgICBUdWlTdmdNb2R1bGUsXG4gICAgICAgIFR1aUZvcm1hdERhdGVQaXBlTW9kdWxlLFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIFR1aVB1c2hDb21wb25lbnQsXG4gICAgICAgIFR1aVB1c2hEaXJlY3RpdmUsXG4gICAgICAgIFR1aVB1c2hBbGVydENvbXBvbmVudCxcbiAgICAgICAgVHVpUHVzaEFsZXJ0RGlyZWN0aXZlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBUdWlQdXNoQ29tcG9uZW50LFxuICAgICAgICBUdWlQdXNoRGlyZWN0aXZlLFxuICAgICAgICBUdWlQdXNoQWxlcnRDb21wb25lbnQsXG4gICAgICAgIFR1aVB1c2hBbGVydERpcmVjdGl2ZSxcbiAgICBdLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBUVUlfQUxFUlRTLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IFR1aVB1c2hTZXJ2aWNlLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUHVzaE1vZHVsZSB7fVxuIl19
@@ -0,0 +1,10 @@
1
+ export var TUI_PUSH_DEFAULT_OPTIONS = {
2
+ heading: "",
3
+ type: "",
4
+ timestamp: 0,
5
+ image: "",
6
+ icon: "",
7
+ iconColor: "",
8
+ buttons: [],
9
+ };
10
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVzaC5vcHRpb25zLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2tpdC9jb21wb25lbnRzL3B1c2gvIiwic291cmNlcyI6WyJwdXNoLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVUEsTUFBTSxDQUFDLElBQU0sd0JBQXdCLEdBQW1CO0lBQ3BELE9BQU8sRUFBRSxFQUFFO0lBQ1gsSUFBSSxFQUFFLEVBQUU7SUFDUixTQUFTLEVBQUUsQ0FBQztJQUNaLEtBQUssRUFBRSxFQUFFO0lBQ1QsSUFBSSxFQUFFLEVBQUU7SUFDUixTQUFTLEVBQUUsRUFBRTtJQUNiLE9BQU8sRUFBRSxFQUFFO0NBQ2QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgVHVpUHVzaE9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGhlYWRpbmc6IHN0cmluZztcbiAgICByZWFkb25seSB0eXBlOiBzdHJpbmc7XG4gICAgcmVhZG9ubHkgdGltZXN0YW1wOiBudW1iZXI7XG4gICAgcmVhZG9ubHkgaW1hZ2U6IHN0cmluZztcbiAgICByZWFkb25seSBpY29uOiBzdHJpbmc7XG4gICAgcmVhZG9ubHkgaWNvbkNvbG9yOiBzdHJpbmc7XG4gICAgcmVhZG9ubHkgYnV0dG9uczogcmVhZG9ubHkgc3RyaW5nW107XG59XG5cbmV4cG9ydCBjb25zdCBUVUlfUFVTSF9ERUZBVUxUX09QVElPTlM6IFR1aVB1c2hPcHRpb25zID0ge1xuICAgIGhlYWRpbmc6IGBgLFxuICAgIHR5cGU6IGBgLFxuICAgIHRpbWVzdGFtcDogMCxcbiAgICBpbWFnZTogYGAsXG4gICAgaWNvbjogYGAsXG4gICAgaWNvbkNvbG9yOiBgYCxcbiAgICBidXR0b25zOiBbXSxcbn07XG4iXX0=
@@ -0,0 +1,28 @@
1
+ import { __decorate, __extends } from "tslib";
2
+ import { Injectable } from '@angular/core';
3
+ import { AbstractTuiDialogService } from '@taiga-ui/cdk';
4
+ import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
5
+ import { TUI_PUSH_DEFAULT_OPTIONS } from './push.options';
6
+ import { TuiPushAlertComponent } from './push-alert.component';
7
+ import * as i0 from "@angular/core";
8
+ import * as i1 from "@taiga-ui/cdk/services";
9
+ var TuiPushService = /** @class */ (function (_super) {
10
+ __extends(TuiPushService, _super);
11
+ function TuiPushService() {
12
+ var _this = _super !== null && _super.apply(this, arguments) || this;
13
+ _this.component = new PolymorpheusComponent(TuiPushAlertComponent);
14
+ _this.defaultOptions = TUI_PUSH_DEFAULT_OPTIONS;
15
+ return _this;
16
+ }
17
+ TuiPushService.prototype.open = function (content, options) {
18
+ if (options === void 0) { options = {}; }
19
+ return _super.prototype.open.call(this, content, options);
20
+ };
21
+ TuiPushService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TuiPushService_Factory() { return new TuiPushService(i0.ɵɵinject(i1.TuiIdService)); }, token: TuiPushService, providedIn: "root" });
22
+ TuiPushService = __decorate([
23
+ Injectable({ providedIn: "root" })
24
+ ], TuiPushService);
25
+ return TuiPushService;
26
+ }(AbstractTuiDialogService));
27
+ export { TuiPushService };
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVzaC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2tpdC9jb21wb25lbnRzL3B1c2gvIiwic291cmNlcyI6WyJwdXNoLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFDLHdCQUF3QixFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUMscUJBQXFCLEVBQXNCLE1BQU0sMEJBQTBCLENBQUM7QUFHcEYsT0FBTyxFQUFDLHdCQUF3QixFQUFpQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHdCQUF3QixDQUFDOzs7QUFHN0Q7SUFBb0Msa0NBQWdEO0lBQXBGO1FBQUEscUVBVUM7UUFUc0IsZUFBUyxHQUFHLElBQUkscUJBQXFCLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUM3RCxvQkFBYyxHQUFHLHdCQUF3QixDQUFDOztLQVFoRTtJQU5HLDZCQUFJLEdBQUosVUFDSSxPQUEyRSxFQUMzRSxPQUFxQztRQUFyQyx3QkFBQSxFQUFBLFlBQXFDO1FBRXJDLE9BQU8saUJBQU0sSUFBSSxZQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOztJQVRRLGNBQWM7UUFEMUIsVUFBVSxDQUFDLEVBQUMsVUFBVSxFQUFFLE1BQU0sRUFBQyxDQUFDO09BQ3BCLGNBQWMsQ0FVMUI7eUJBbkJEO0NBbUJDLEFBVkQsQ0FBb0Msd0JBQXdCLEdBVTNEO1NBVlksY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0YWJsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0VHVpRGlhbG9nU2VydmljZSwgVHVpQmFzZURpYWxvZ0NvbnRleHR9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtQb2x5bW9ycGhldXNDb21wb25lbnQsIFBvbHltb3JwaGV1c0NvbnRlbnR9IGZyb20gJ0B0aW5rb2ZmL25nLXBvbHltb3JwaGV1cyc7XG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1RVSV9QVVNIX0RFRkFVTFRfT1BUSU9OUywgVHVpUHVzaE9wdGlvbnN9IGZyb20gJy4vcHVzaC5vcHRpb25zJztcbmltcG9ydCB7VHVpUHVzaEFsZXJ0Q29tcG9uZW50fSBmcm9tICcuL3B1c2gtYWxlcnQuY29tcG9uZW50JztcblxuQEluamVjdGFibGUoe3Byb3ZpZGVkSW46IGByb290YH0pXG5leHBvcnQgY2xhc3MgVHVpUHVzaFNlcnZpY2UgZXh0ZW5kcyBBYnN0cmFjdFR1aURpYWxvZ1NlcnZpY2U8VHVpUHVzaE9wdGlvbnMsIHN0cmluZz4ge1xuICAgIHByb3RlY3RlZCByZWFkb25seSBjb21wb25lbnQgPSBuZXcgUG9seW1vcnBoZXVzQ29tcG9uZW50KFR1aVB1c2hBbGVydENvbXBvbmVudCk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGRlZmF1bHRPcHRpb25zID0gVFVJX1BVU0hfREVGQVVMVF9PUFRJT05TO1xuXG4gICAgb3BlbihcbiAgICAgICAgY29udGVudDogUG9seW1vcnBoZXVzQ29udGVudDxUdWlCYXNlRGlhbG9nQ29udGV4dDxzdHJpbmc+ICYgVHVpUHVzaE9wdGlvbnM+LFxuICAgICAgICBvcHRpb25zOiBQYXJ0aWFsPFR1aVB1c2hPcHRpb25zPiA9IHt9LFxuICAgICk6IE9ic2VydmFibGU8c3RyaW5nPiB7XG4gICAgICAgIHJldHVybiBzdXBlci5vcGVuKGNvbnRlbnQsIG9wdGlvbnMpO1xuICAgIH1cbn1cbiJdfQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWkta2l0LWNvbXBvbmVudHMtcHVzaC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9raXQvY29tcG9uZW50cy9wdXNoLyIsInNvdXJjZXMiOlsidGFpZ2EtdWkta2l0LWNvbXBvbmVudHMtcHVzaC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
@@ -220,7 +220,7 @@ var TuiTextAreaComponent = /** @class */ (function (_super) {
220
220
  '($.data-mode.attr)': "mode$",
221
221
  '[class._ios]': "isIOS",
222
222
  },
223
- styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-size='m']._has-counter{min-height:6.625rem}:host[data-size='l']._has-counter{min-height:7.875rem}.t-outline{min-height:inherit}.t-content{display:block;margin-top:0;margin-bottom:0;min-height:inherit;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .t-content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .t-content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .t-content{bottom:1.6875rem}.t-wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-size='m']._label-outside .t-wrapper{padding-top:.75rem}:host[data-size='l']._label-outside .t-wrapper{padding-top:1rem}:host[data-size='m']:not(._label-outside) .t-wrapper{padding-top:1.375rem}:host[data-size='l']:not(._label-outside) .t-wrapper{padding-top:1.625rem}:host-context(table)[data-size='m']._label-outside .t-wrapper{padding-bottom:.75rem}:host-context(table)[data-size='l']._label-outside .t-wrapper{padding-bottom:1rem}.t-input-wrapper{min-height:inherit;width:100%;flex:1}.t-relative{position:relative;min-height:inherit}.t-box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .t-box{height:100%}:host._has-counter._expandable .t-box{margin-bottom:1.25rem}.t-pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}:host[data-size='m'] .t-pseudo-content{padding:0 .75rem}:host[data-size='l'] .t-pseudo-content{padding:0 1rem}.t-pseudo-content__extra{background-color:var(--tui-error-bg-night)}.t-input{padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:0;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input:not(:last-of-type){display:none}.t-input::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-input::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-input::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-input::placeholder{color:var(--tui-text-03-night)}:host._focused .t-input:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-input:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-input:not(:read-only)::placeholder{opacity:1}:host[data-size='m'] .t-input{padding:0 .75rem}:host[data-size='l'] .t-input{padding:0 1rem}:host._ios .t-input{padding-left:.8125rem}:host[data-mode=onDark]._disabled .t-input{color:var(--tui-text-03-night)}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0);position:absolute;left:0;max-width:100%;padding:0 1rem;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);box-sizing:border-box}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{will-change:unset;transition-property:transform,color,letter-spacing}}:host[data-size='m'] .t-placeholder{top:.75rem;padding:0 .75rem}:host[data-size='l'] .t-placeholder{top:1rem}:host._label-outside .t-placeholder{overflow:initial;height:auto;white-space:initial}.t-icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-size='m'] .t-icons{padding:.75rem}.t-cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform;pointer-events:auto}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-tooltip{pointer-events:auto}.t-counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .t-counter{color:var(--tui-text-03-night)}"]
223
+ styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-size='m']._has-counter{min-height:6.625rem}:host[data-size='l']._has-counter{min-height:7.875rem}.t-outline{min-height:inherit}.t-content{display:block;margin-top:0;margin-bottom:0;min-height:inherit;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .t-content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .t-content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .t-content{bottom:1.6875rem}.t-wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-size='m']._label-outside .t-wrapper{padding-top:.75rem}:host[data-size='l']._label-outside .t-wrapper{padding-top:1rem}:host[data-size='m']:not(._label-outside) .t-wrapper{padding-top:1.375rem}:host[data-size='l']:not(._label-outside) .t-wrapper{padding-top:1.625rem}:host-context(table)[data-size='m']._label-outside .t-wrapper{padding-bottom:.75rem}:host-context(table)[data-size='l']._label-outside .t-wrapper{padding-bottom:1rem}.t-input-wrapper{min-height:inherit;width:100%;flex:1}.t-relative{position:relative;min-height:inherit}.t-box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .t-box{height:100%}:host._has-counter._expandable .t-box{margin-bottom:1.25rem}.t-pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}:host[data-size='m'] .t-pseudo-content{padding:0 .75rem}:host[data-size='l'] .t-pseudo-content{padding:0 1rem}.t-pseudo-content__extra{background-color:var(--tui-error-bg-night)}.t-input{padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:0;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input:not(:last-of-type){display:none}.t-input::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-input::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-input::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-input::placeholder{color:var(--tui-text-03-night)}:host._focused .t-input:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-input:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-input:not(:read-only)::placeholder{opacity:1}:host[data-size='m'] .t-input{padding:0 .75rem}:host[data-size='l'] .t-input{padding:0 1rem}:host[data-mode=onDark]._disabled .t-input{color:var(--tui-text-03-night)}@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill){:host._ios .t-input{padding-left:.8125rem}}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0);position:absolute;left:0;max-width:100%;padding:0 1rem;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);box-sizing:border-box}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{will-change:unset;transition-property:transform,color,letter-spacing}}:host[data-size='m'] .t-placeholder{top:.75rem;padding:0 .75rem}:host[data-size='l'] .t-placeholder{top:1rem}:host._label-outside .t-placeholder{overflow:initial;height:auto;white-space:initial}.t-icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-size='m'] .t-icons{padding:.75rem}.t-cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform;pointer-events:auto}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-tooltip{pointer-events:auto}.t-counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .t-counter{color:var(--tui-text-03-night)}"]
224
224
  }),
225
225
  __param(0, Optional()),
226
226
  __param(0, Self()),
@@ -68,7 +68,7 @@ TuiBadgeComponent = __decorate([
68
68
  host: {
69
69
  '($.data-mode.attr)': `mode$`,
70
70
  },
71
- styles: [":host{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;--left-content-color:currentColor;position:relative;display:inline-flex;font:var(--tui-font-text-s);align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6.25rem;white-space:nowrap;overflow:hidden;vertical-align:middle}:host:after{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;border-radius:inherit;pointer-events:none}:host._hoverable:active[data-tui-host-status=custom]:after,:host._hoverable:hover[data-tui-host-status=custom]:after{background-color:var(--tui-clear)}:host[data-tui-host-status=primary]{background-color:var(--tui-primary);color:var(--tui-primary-text)}:host[data-tui-host-status=primary]._hoverable:hover{background-color:var(--tui-primary-hover)}:host[data-tui-host-status=primary]._hoverable:active{background-color:var(--tui-primary-active)}:host[data-tui-host-status=error]{--left-content-color:var(--tui-error-fill);background-color:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-tui-host-status=error]._hoverable:active,:host[data-tui-host-status=error]._hoverable:hover{background-color:var(--tui-error-bg-hover)}:host[data-tui-host-status=error][data-mode=onDark]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=error][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=error][data-mode=onDark]._hoverable:hover{background-color:var(--tui-error-bg-night-hover)}:host[data-tui-host-status=success]{--left-content-color:var(--tui-success-fill);background-color:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-tui-host-status=success]._hoverable:active,:host[data-tui-host-status=success]._hoverable:hover{background-color:var(--tui-success-bg-hover)}:host[data-tui-host-status=success][data-mode=onDark]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=success][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=success][data-mode=onDark]._hoverable:hover{background-color:var(--tui-success-bg-night-hover)}:host[data-tui-host-status=warning]{--left-content-color:var(--tui-warning-fill);background-color:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-tui-host-status=warning]._hoverable:active,:host[data-tui-host-status=warning]._hoverable:hover{background-color:var(--tui-warning-bg-hover)}:host[data-tui-host-status=warning][data-mode=onDark]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:hover{background-color:var(--tui-warning-bg-night-hover)}:host[data-tui-host-status=info]{--left-content-color:var(--tui-info-fill);background-color:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-tui-host-status=info]._hoverable:active,:host[data-tui-host-status=info]._hoverable:hover{background-color:var(--tui-info-bg-hover)}:host[data-tui-host-status=info][data-mode=onDark]{background-color:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=info][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=info][data-mode=onDark]._hoverable:hover{background-color:var(--tui-info-bg-night-hover)}:host[data-tui-host-status=neutral]{--left-content-color:var(--tui-neutral-fill);background-color:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-tui-host-status=neutral]._hoverable:active,:host[data-tui-host-status=neutral]._hoverable:hover{background-color:var(--tui-neutral-bg-hover)}:host[data-tui-host-status=neutral][data-mode=onDark]{background-color:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:hover{background-color:var(--tui-neutral-bg-night-hover)}:host[data-tui-host-status=default]{background-color:var(--tui-base-06)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}:host[data-tui-host-status=default][data-mode=onDark]{background-color:var(--tui-clear-inverse-hover)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:hover{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:active{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]:focus:after{border:2px solid var(--tui-base-01)}:host[data-tui-host-status=default][data-mode=onLight]{background-color:var(--tui-clear);color:var(--tui-text-01)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:hover{background-color:var(--tui-clear-hover)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:active{background-color:var(--tui-clear-active)}:host._hoverable{cursor:pointer}:host[data-tui-host-padding='m']{padding:0 .5rem}:host[data-tui-host-padding='m'][data-size='s']{padding:0 .375rem}:host[data-tui-host-padding='m'][data-size='l']{padding:0 .625rem}:host[data-tui-host-padding='l']{padding:0 .625rem}:host[data-tui-host-padding='l'][data-size='s']{padding:0 .5rem}:host[data-tui-host-padding='l'][data-size='l']{padding:0 .75rem}:host[data-size='s']{font:var(--tui-font-text-xs);height:1.25rem;min-width:1.25rem}:host[data-size='s'] .left-content:before{width:.25rem;height:.25rem}:host[data-size='m']{height:var(--tui-height-xs);line-height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size='l']{height:var(--tui-height-s);line-height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size='l'] .left-content:before{margin:0 .5rem 0 0;width:.5rem;height:.5rem}:host._empty-value .left-content{margin:0 -.25rem}:host._empty-value .left-content:before{margin:0}.left-content{display:none;color:var(--left-content-color);line-height:0}.left-content:not(:empty){display:block;margin-left:-.25rem}.left-content:not(:empty):before{content:none}:host[data-tui-host-status=error] .left-content,:host[data-tui-host-status=info] .left-content,:host[data-tui-host-status=neutral] .left-content,:host[data-tui-host-status=success] .left-content,:host[data-tui-host-status=warning] .left-content{display:block}.left-content:before{content:'';display:block;background:currentColor;margin:0 .375rem 0 0;width:.375rem;height:.375rem;border-radius:100%}"]
71
+ styles: [":host{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;--left-content-color:currentColor;position:relative;display:inline-flex;font:var(--tui-font-text-s);align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6.25rem;white-space:nowrap;overflow:hidden;vertical-align:middle}:host:after{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;border-radius:inherit;pointer-events:none}:host._hoverable:active[data-tui-host-status=custom]:after,:host._hoverable:hover[data-tui-host-status=custom]:after{background-color:var(--tui-clear)}:host[data-tui-host-status=primary]{background-color:var(--tui-primary);color:var(--tui-primary-text)}:host[data-tui-host-status=primary]._hoverable:hover{background-color:var(--tui-primary-hover)}:host[data-tui-host-status=primary]._hoverable:active{background-color:var(--tui-primary-active)}:host[data-tui-host-status=error]{--left-content-color:var(--tui-error-fill);background-color:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-tui-host-status=error]._hoverable:active,:host[data-tui-host-status=error]._hoverable:hover{background-color:var(--tui-error-bg-hover)}:host[data-tui-host-status=error][data-mode=onDark]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=error][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=error][data-mode=onDark]._hoverable:hover{background-color:var(--tui-error-bg-night-hover)}:host[data-tui-host-status=success]{--left-content-color:var(--tui-success-fill);background-color:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-tui-host-status=success]._hoverable:active,:host[data-tui-host-status=success]._hoverable:hover{background-color:var(--tui-success-bg-hover)}:host[data-tui-host-status=success][data-mode=onDark]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=success][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=success][data-mode=onDark]._hoverable:hover{background-color:var(--tui-success-bg-night-hover)}:host[data-tui-host-status=warning]{--left-content-color:var(--tui-warning-fill);background-color:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-tui-host-status=warning]._hoverable:active,:host[data-tui-host-status=warning]._hoverable:hover{background-color:var(--tui-warning-bg-hover)}:host[data-tui-host-status=warning][data-mode=onDark]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:hover{background-color:var(--tui-warning-bg-night-hover)}:host[data-tui-host-status=info]{--left-content-color:var(--tui-info-fill);background-color:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-tui-host-status=info]._hoverable:active,:host[data-tui-host-status=info]._hoverable:hover{background-color:var(--tui-info-bg-hover)}:host[data-tui-host-status=info][data-mode=onDark]{background-color:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=info][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=info][data-mode=onDark]._hoverable:hover{background-color:var(--tui-info-bg-night-hover)}:host[data-tui-host-status=neutral]{--left-content-color:var(--tui-neutral-fill);background-color:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-tui-host-status=neutral]._hoverable:active,:host[data-tui-host-status=neutral]._hoverable:hover{background-color:var(--tui-neutral-bg-hover)}:host[data-tui-host-status=neutral][data-mode=onDark]{background-color:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:hover{background-color:var(--tui-neutral-bg-night-hover)}:host[data-tui-host-status=default]{background-color:var(--tui-base-06)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}:host[data-tui-host-status=default][data-mode=onDark]{background-color:var(--tui-clear-inverse-hover)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:hover{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:active{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]:focus:after{border:2px solid var(--tui-base-01)}:host[data-tui-host-status=default][data-mode=onLight]{background-color:var(--tui-clear);color:var(--tui-text-01)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:hover{background-color:var(--tui-clear-hover)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:active{background-color:var(--tui-clear-active)}:host._hoverable{cursor:pointer}:host[data-tui-host-padding='m']{padding:0 .5rem}:host[data-tui-host-padding='m'][data-size=xs]{padding:0 .25rem}:host[data-tui-host-padding='m'][data-size='s']{padding:0 .375rem}:host[data-tui-host-padding='m'][data-size='l']{padding:0 .625rem}:host[data-tui-host-padding='l']{padding:0 .625rem}:host[data-tui-host-padding='l'][data-size=xs]{padding:0 .375rem}:host[data-tui-host-padding='l'][data-size='s']{padding:0 .5rem}:host[data-tui-host-padding='l'][data-size='l']{padding:0 .75rem}:host[data-size=xs]{font:var(--tui-font-text-xs);height:1rem;min-width:1rem}:host[data-size=xs] .left-content:before{width:.34375rem;height:.34375rem}:host[data-size='s']{font:var(--tui-font-text-xs);height:1.25rem;min-width:1.25rem}:host[data-size='s'] .left-content:before{width:.25rem;height:.25rem}:host[data-size='m']{height:var(--tui-height-xs);line-height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size='l']{height:var(--tui-height-s);line-height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size='l'] .left-content:before{margin:0 .5rem 0 0;width:.5rem;height:.5rem}:host._empty-value .left-content{margin:0 -.25rem}:host._empty-value .left-content:before{margin:0}.left-content{display:none;color:var(--left-content-color);line-height:0}.left-content:not(:empty){display:block;margin-left:-.25rem}.left-content:not(:empty):before{content:none}:host[data-tui-host-status=error] .left-content,:host[data-tui-host-status=info] .left-content,:host[data-tui-host-status=neutral] .left-content,:host[data-tui-host-status=success] .left-content,:host[data-tui-host-status=warning] .left-content{display:block}.left-content:before{content:'';display:block;background:currentColor;margin:0 .375rem 0 0;width:.375rem;height:.375rem;border-radius:100%}"]
72
72
  }),
73
73
  __param(0, Inject(TUI_MODE))
74
74
  ], TuiBadgeComponent);
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-badge.js","sources":["ng://@taiga-ui/kit/components/badge/badge.component.ts","ng://@taiga-ui/kit/components/badge/badge.module.ts","ng://@taiga-ui/kit/components/badge/taiga-ui-kit-components-badge.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {isNumber, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: `tui-badge`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: `./badge.template.html`,\n styleUrls: [`./badge.style.less`],\n providers: [MODE_PROVIDER],\n host: {\n '($.data-mode.attr)': `mode$`,\n },\n})\nexport class TuiBadgeComponent {\n @Input()\n @tuiDefaultProp()\n value: PolymorpheusContent = ``;\n\n @Input()\n @HostBinding(`attr.data-size`)\n @tuiDefaultProp()\n size: TuiSizeS | TuiSizeL = `m`;\n\n @Input()\n @HostBinding(`attr.data-tui-host-status`)\n @tuiDefaultProp()\n status: TuiStatusT = `default`;\n\n @Input()\n @HostBinding(`class._hoverable`)\n @tuiDefaultProp()\n hoverable = false;\n\n constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n\n @HostBinding(`attr.data-tui-host-padding`)\n get padding(): string {\n if (this.isEmpty) {\n return `none`;\n }\n\n return isNumber(this.value.valueOf()) ? `m` : `l`;\n }\n\n get outputValue(): string {\n if (isNumber(this.value.valueOf()) && this.value.valueOf() > 99) {\n return `99+`;\n } else {\n return String(this.value);\n }\n }\n\n @HostBinding(`class._empty-value`)\n get isEmpty(): boolean {\n return this.value === ``;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBadgeComponent} from './badge.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TuiBadgeComponent],\n exports: [TuiBadgeComponent],\n})\nexport class TuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAuBa,iBAAiB,GAA9B,MAAa,iBAAiB;IAoB1B,YAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAjB9E,UAAK,GAAwB,EAAE,CAAC;QAKhC,SAAI,GAAwB,GAAG,CAAC;QAKhC,WAAM,GAAe,SAAS,CAAC;QAK/B,cAAS,GAAG,KAAK,CAAC;KAEgE;IAGlF,IAAI,OAAO;QACP,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,OAAO,MAAM,CAAC;SACjB;QAED,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;KACrD;IAED,IAAI,WAAW;QACX,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;YAC7D,OAAO,KAAK,CAAC;SAChB;aAAM;YACH,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC7B;KACJ;IAGD,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;KAC5B;EACJ;;YAvBiD,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;AAjB5B;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACe;AAKhC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;+CACe;AAKhC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,2BAA2B,CAAC;IACxC,cAAc,EAAE;iDACc;AAK/B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,kBAAkB,CAAC;IAC/B,cAAc,EAAE;oDACC;AAKlB;IADC,WAAW,CAAC,4BAA4B,CAAC;gDAOzC;AAWD;IADC,WAAW,CAAC,oBAAoB,CAAC;gDAGjC;AA1CQ,iBAAiB;IAV7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,8FAAoC;QAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;QAC1B,IAAI,EAAE;YACF,oBAAoB,EAAE,OAAO;SAChC;;KACJ,CAAC;IAqBe,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;GApBpB,iBAAiB,CA2C7B;;ICxDY,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAL1B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,iBAAiB,CAAC;QACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;KAC/B,CAAC;GACW,cAAc,CAAG;;ACV9B;;;;;;"}
1
+ {"version":3,"file":"taiga-ui-kit-components-badge.js","sources":["ng://@taiga-ui/kit/components/badge/badge.component.ts","ng://@taiga-ui/kit/components/badge/badge.module.ts","ng://@taiga-ui/kit/components/badge/taiga-ui-kit-components-badge.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {isNumber, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n MODE_PROVIDER,\n TUI_MODE,\n TuiBrightness,\n TuiSizeL,\n TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: `tui-badge`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: `./badge.template.html`,\n styleUrls: [`./badge.style.less`],\n providers: [MODE_PROVIDER],\n host: {\n '($.data-mode.attr)': `mode$`,\n },\n})\nexport class TuiBadgeComponent {\n @Input()\n @tuiDefaultProp()\n value: PolymorpheusContent = ``;\n\n @Input()\n @HostBinding(`attr.data-size`)\n @tuiDefaultProp()\n size: TuiSizeXS | TuiSizeL = `m`;\n\n @Input()\n @HostBinding(`attr.data-tui-host-status`)\n @tuiDefaultProp()\n status: TuiStatusT = `default`;\n\n @Input()\n @HostBinding(`class._hoverable`)\n @tuiDefaultProp()\n hoverable = false;\n\n constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n\n @HostBinding(`attr.data-tui-host-padding`)\n get padding(): string {\n if (this.isEmpty) {\n return `none`;\n }\n\n return isNumber(this.value.valueOf()) ? `m` : `l`;\n }\n\n get outputValue(): string {\n if (isNumber(this.value.valueOf()) && this.value.valueOf() > 99) {\n return `99+`;\n } else {\n return String(this.value);\n }\n }\n\n @HostBinding(`class._empty-value`)\n get isEmpty(): boolean {\n return this.value === ``;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBadgeComponent} from './badge.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TuiBadgeComponent],\n exports: [TuiBadgeComponent],\n})\nexport class TuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IA6Ba,iBAAiB,GAA9B,MAAa,iBAAiB;IAoB1B,YAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAjB9E,UAAK,GAAwB,EAAE,CAAC;QAKhC,SAAI,GAAyB,GAAG,CAAC;QAKjC,WAAM,GAAe,SAAS,CAAC;QAK/B,cAAS,GAAG,KAAK,CAAC;KAEgE;IAGlF,IAAI,OAAO;QACP,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,OAAO,MAAM,CAAC;SACjB;QAED,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;KACrD;IAED,IAAI,WAAW;QACX,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;YAC7D,OAAO,KAAK,CAAC;SAChB;aAAM;YACH,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC7B;KACJ;IAGD,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;KAC5B;EACJ;;YAvBiD,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;AAjB5B;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACe;AAKhC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;+CACgB;AAKjC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,2BAA2B,CAAC;IACxC,cAAc,EAAE;iDACc;AAK/B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,kBAAkB,CAAC;IAC/B,cAAc,EAAE;oDACC;AAKlB;IADC,WAAW,CAAC,4BAA4B,CAAC;gDAOzC;AAWD;IADC,WAAW,CAAC,oBAAoB,CAAC;gDAGjC;AA1CQ,iBAAiB;IAV7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,8FAAoC;QAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;QAC1B,IAAI,EAAE;YACF,oBAAoB,EAAE,OAAO;SAChC;;KACJ,CAAC;IAqBe,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;GApBpB,iBAAiB,CA2C7B;;IC9DY,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAL1B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,iBAAiB,CAAC;QACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;KAC/B,CAAC;GACW,cAAc,CAAG;;ACV9B;;;;;;"}
@@ -7,7 +7,7 @@ import { TuiBadgeModule } from '@taiga-ui/kit/components/badge';
7
7
  import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
8
8
 
9
9
  const BADGE_SIZE = {
10
- xs: `s`,
10
+ xs: `xs`,
11
11
  s: `s`,
12
12
  m: `s`,
13
13
  l: `m`,
@@ -24,10 +24,7 @@ let TuiBadgedContentComponent = class TuiBadgedContentComponent {
24
24
  this.rounded = false;
25
25
  }
26
26
  get topNotification() {
27
- return (!this.contentTop && this.colorTop) ||
28
- (this.contentTop && this.contentIsNumber(this.contentTop) && this.badgeHidden)
29
- ? this.colorTop
30
- : ``;
27
+ return !this.contentTop && this.colorTop ? this.colorTop : ``;
31
28
  }
32
29
  get bottomNotification() {
33
30
  return !this.contentBottom && this.colorBottom ? this.colorBottom : ``;
@@ -35,9 +32,6 @@ let TuiBadgedContentComponent = class TuiBadgedContentComponent {
35
32
  get badgeSize() {
36
33
  return BADGE_SIZE[this.size];
37
34
  }
38
- get badgeHidden() {
39
- return this.size === `xs`;
40
- }
41
35
  get sizeBig() {
42
36
  return sizeBigger(this.size);
43
37
  }
@@ -87,8 +81,8 @@ TuiBadgedContentComponent = __decorate([
87
81
  Component({
88
82
  selector: `tui-badged-content`,
89
83
  changeDetection: ChangeDetectionStrategy.OnPush,
90
- template: "<ng-content></ng-content>\n\n<div\n *ngIf=\"topNotification\"\n class=\"t-notification t-notification_top\"\n [style.background]=\"topNotification\"\n [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n *ngIf=\"bottomNotification\"\n class=\"t-notification t-notification_bottom\"\n [style.background]=\"bottomNotification\"\n [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n *ngIf=\"contentTop\"\n polymorpheus-outlet\n class=\"t-content t-content_top\"\n [style.boxShadow]=\"boxShadow\"\n [content]=\"contentTop\"\n>\n <ng-template let-content>\n <tui-badge\n *ngIf=\"contentIsNumber(content) && !badgeHidden\"\n [status]=\"getStatus(colorTop)\"\n [style.backgroundColor]=\"colorTop\"\n [size]=\"badgeSize\"\n [value]=\"contentTop\"\n ></tui-badge>\n <tui-svg\n *ngIf=\"contentIsString(content)\"\n class=\"t-icon\"\n [style.color]=\"colorTop\"\n [src]=\"content\"\n ></tui-svg>\n </ng-template>\n</div>\n\n<div\n *ngIf=\"contentBottom && sizeBig\"\n polymorpheus-outlet\n class=\"t-content t-content_bottom\"\n [style.boxShadow]=\"boxShadow\"\n [content]=\"contentBottom\"\n>\n <ng-template let-content>\n <tui-badge\n *ngIf=\"contentIsNumber(content)\"\n [status]=\"getStatus(colorBottom)\"\n [style.backgroundColor]=\"colorBottom\"\n [size]=\"badgeSize\"\n [value]=\"contentBottom\"\n ></tui-badge>\n <tui-svg\n *ngIf=\"contentIsString(content)\"\n class=\"t-icon\"\n [style.color]=\"colorBottom\"\n [src]=\"content\"\n ></tui-svg>\n </ng-template>\n</div>\n",
91
- styles: [":host{position:relative;display:inline-block;color:var(--tui-base-01)}.t-notification{position:absolute;border-radius:100%;box-shadow:0 0 0 2px currentColor}.t-notification:not([data-tui-background]){background-color:currentColor}:host[data-size='m']:not(._rounded) .t-notification_top,:host[data-size='s']:not(._rounded) .t-notification_top,:host[data-size=xs]:not(._rounded) .t-notification_top{top:-.125rem;right:-.125rem}:host[data-size='l']:not(._rounded) .t-notification_top,:host[data-size=xl]:not(._rounded) .t-notification_top{top:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_top{top:-.5rem;right:-.5rem}:host[data-size=xs]._rounded .t-notification_top{top:0;right:0}:host[data-size='s']._rounded .t-notification_top{top:.0625rem;right:.0625rem}:host[data-size='m']._rounded .t-notification_top{top:.1875rem;right:.1875rem}:host[data-size='l']._rounded .t-notification_top{top:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_top{top:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_top{top:.5rem;right:.5rem}:host[data-size='m']:not(._rounded) .t-notification_bottom{bottom:-.125rem;right:-.125rem}:host[data-size='l']:not(._rounded) .t-notification_bottom,:host[data-size=xl]:not(._rounded) .t-notification_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_bottom{bottom:-.5rem;right:-.5rem}:host[data-size='m']._rounded .t-notification_bottom{bottom:.1875rem;right:.1875rem}:host[data-size='l']._rounded .t-notification_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_bottom{bottom:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_bottom{bottom:.5rem;right:.5rem}:host[data-size='m'] .t-notification,:host[data-size='s'] .t-notification,:host[data-size=xs] .t-notification{width:.5rem;height:.5rem}:host[data-size='l'] .t-notification{width:.75rem;height:.75rem}:host[data-size=xl] .t-notification{width:1rem;height:1rem}:host[data-size=xxl] .t-notification{width:1.5rem;height:1.5rem}.t-icon[data-tui-color=normal],.t-notification[data-tui-color=normal]{color:var(--tui-base-06)}.t-icon[data-tui-color=onDark],.t-notification[data-tui-color=onDark]{color:var(--tui-secondary)}.t-icon[data-tui-color=gray],.t-notification[data-tui-color=gray]{color:var(--tui-base-03)}.t-icon[data-tui-color=warning],.t-notification[data-tui-color=warning]{color:var(--tui-primary)}.t-icon[data-tui-color=secondary],.t-notification[data-tui-color=secondary]{color:var(--tui-info-fill)}.t-icon[data-tui-color=highlight],.t-icon[data-tui-color=white],.t-notification[data-tui-color=highlight],.t-notification[data-tui-color=white]{color:var(--tui-base-01)}.t-icon[data-tui-color=transparent-dark],.t-notification[data-tui-color=transparent-dark]{color:var(--tui-clear)}.t-icon[data-tui-color=transparent-light],.t-notification[data-tui-color=transparent-light]{color:var(--tui-clear-inverse)}.t-icon{color:var(--tui-success-fill)}:host[data-size='m'] .t-icon,:host[data-size='s'] .t-icon{width:1.5rem;height:1.5rem;margin:-.125rem}:host[data-size='l'] .t-icon,:host[data-size=xl] .t-icon{transform:scale(1.2)}:host[data-size=xxl] .t-icon{transform:scale(1.6)}.t-content{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:6.25rem;overflow:hidden;background-color:currentColor;box-shadow:0 0 0 2px currentColor}:host[data-size='l'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size=xxl][data-tui-host-top]:not(._rounded) .t-content_top{right:-.5rem;top:-.5rem}:host[data-size=xl][data-tui-host-top]:not(._rounded) .t-content_top{right:-.375rem;top:-.375rem}:host[data-size='m'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size='s'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size=xs][data-tui-host-top]:not(._rounded) .t-content_top{right:-.25rem;top:-.25rem}:host[data-size=xxl][data-tui-host-top]._rounded .t-content_top{right:.25rem;top:.25rem}:host[data-size=xl][data-tui-host-top]._rounded .t-content_top{right:.125rem;top:.125rem}:host[data-size='l'][data-tui-host-top]._rounded .t-content_top,:host[data-size='m'][data-tui-host-top]._rounded .t-content_top,:host[data-size='s'][data-tui-host-top]._rounded .t-content_top,:host[data-size=xs][data-tui-host-top]._rounded .t-content_top{right:-.25rem;top:-.25rem}:host[data-size='l'][data-tui-host-bottom]:not(._rounded) .t-content_bottom,:host[data-size=xxl][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.5rem;right:-.5rem}:host[data-size=xl][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.375rem;right:-.375rem}:host[data-size='m'][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl][data-tui-host-bottom]._rounded .t-content_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl][data-tui-host-bottom]._rounded .t-content_bottom{bottom:.125rem;right:.125rem}:host[data-size='l'][data-tui-host-bottom]._rounded .t-content_bottom,:host[data-size='m'][data-tui-host-bottom]._rounded .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl] .t-content{height:2rem;min-width:2rem}:host[data-size='l'] .t-content,:host[data-size=xl] .t-content{height:1.5rem;min-width:1.5rem}:host[data-size='m'] .t-content,:host[data-size='s'] .t-content{height:1.25rem;min-width:1.25rem}:host[data-size=xs] .t-content{height:1rem;min-width:1rem}"]
84
+ template: "<ng-content></ng-content>\n\n<div\n *ngIf=\"topNotification\"\n class=\"t-notification t-notification_top\"\n [style.background]=\"topNotification\"\n [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n *ngIf=\"bottomNotification\"\n class=\"t-notification t-notification_bottom\"\n [style.background]=\"bottomNotification\"\n [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n *ngIf=\"contentTop\"\n polymorpheus-outlet\n class=\"t-content t-content_top\"\n [style.boxShadow]=\"boxShadow\"\n [content]=\"contentTop\"\n>\n <ng-template let-content>\n <tui-badge\n *ngIf=\"contentIsNumber(content)\"\n [status]=\"getStatus(colorTop)\"\n [style.backgroundColor]=\"colorTop\"\n [size]=\"badgeSize\"\n [value]=\"contentTop\"\n ></tui-badge>\n <tui-svg\n *ngIf=\"contentIsString(content)\"\n class=\"t-icon\"\n [style.color]=\"colorTop\"\n [src]=\"content\"\n ></tui-svg>\n </ng-template>\n</div>\n\n<div\n *ngIf=\"contentBottom && sizeBig\"\n polymorpheus-outlet\n class=\"t-content t-content_bottom\"\n [style.boxShadow]=\"boxShadow\"\n [content]=\"contentBottom\"\n>\n <ng-template let-content>\n <tui-badge\n *ngIf=\"contentIsNumber(content)\"\n [status]=\"getStatus(colorBottom)\"\n [style.backgroundColor]=\"colorBottom\"\n [size]=\"badgeSize\"\n [value]=\"contentBottom\"\n ></tui-badge>\n <tui-svg\n *ngIf=\"contentIsString(content)\"\n class=\"t-icon\"\n [style.color]=\"colorBottom\"\n [src]=\"content\"\n ></tui-svg>\n </ng-template>\n</div>\n",
85
+ styles: [":host{position:relative;display:inline-block;color:var(--tui-base-01)}.t-notification{position:absolute;border-radius:100%;box-shadow:0 0 0 2px currentColor}.t-notification:not([data-tui-background]){background-color:currentColor}:host[data-size='m']:not(._rounded) .t-notification_top,:host[data-size='s']:not(._rounded) .t-notification_top,:host[data-size=xs]:not(._rounded) .t-notification_top{top:-.125rem;right:-.125rem}:host[data-size='l']:not(._rounded) .t-notification_top,:host[data-size=xl]:not(._rounded) .t-notification_top{top:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_top{top:-.5rem;right:-.5rem}:host[data-size=xs]._rounded .t-notification_top{top:0;right:0}:host[data-size='s']._rounded .t-notification_top{top:.0625rem;right:.0625rem}:host[data-size='m']._rounded .t-notification_top{top:.1875rem;right:.1875rem}:host[data-size='l']._rounded .t-notification_top{top:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_top{top:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_top{top:.5rem;right:.5rem}:host[data-size='m']:not(._rounded) .t-notification_bottom{bottom:-.125rem;right:-.125rem}:host[data-size='l']:not(._rounded) .t-notification_bottom,:host[data-size=xl]:not(._rounded) .t-notification_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_bottom{bottom:-.5rem;right:-.5rem}:host[data-size='m']._rounded .t-notification_bottom{bottom:.1875rem;right:.1875rem}:host[data-size='l']._rounded .t-notification_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_bottom{bottom:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_bottom{bottom:.5rem;right:.5rem}:host[data-size='m'] .t-notification,:host[data-size='s'] .t-notification,:host[data-size=xs] .t-notification{width:.5rem;height:.5rem}:host[data-size='l'] .t-notification{width:.75rem;height:.75rem}:host[data-size=xl] .t-notification{width:1rem;height:1rem}:host[data-size=xxl] .t-notification{width:1.5rem;height:1.5rem}.t-icon[data-tui-color=normal],.t-notification[data-tui-color=normal]{color:var(--tui-base-06)}.t-icon[data-tui-color=onDark],.t-notification[data-tui-color=onDark]{color:var(--tui-secondary)}.t-icon[data-tui-color=gray],.t-notification[data-tui-color=gray]{color:var(--tui-base-03)}.t-icon[data-tui-color=warning],.t-notification[data-tui-color=warning]{color:var(--tui-primary)}.t-icon[data-tui-color=secondary],.t-notification[data-tui-color=secondary]{color:var(--tui-info-fill)}.t-icon[data-tui-color=highlight],.t-icon[data-tui-color=white],.t-notification[data-tui-color=highlight],.t-notification[data-tui-color=white]{color:var(--tui-base-01)}.t-icon[data-tui-color=transparent-dark],.t-notification[data-tui-color=transparent-dark]{color:var(--tui-clear)}.t-icon[data-tui-color=transparent-light],.t-notification[data-tui-color=transparent-light]{color:var(--tui-clear-inverse)}.t-icon{color:var(--tui-success-fill)}:host[data-size=xs] .t-icon{transform:scale(.66666667);margin:-.25rem}:host[data-size='m'] .t-icon,:host[data-size='s'] .t-icon{width:1.5rem;height:1.5rem;margin:-.125rem}:host[data-size='l'] .t-icon,:host[data-size=xl] .t-icon{transform:scale(1.2)}:host[data-size=xxl] .t-icon{transform:scale(1.6)}.t-content{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:6.25rem;overflow:hidden;background-color:currentColor;box-shadow:0 0 0 2px currentColor}:host[data-size='l'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size=xxl][data-tui-host-top]:not(._rounded) .t-content_top{right:-.5rem;top:-.5rem}:host[data-size=xl][data-tui-host-top]:not(._rounded) .t-content_top{right:-.375rem;top:-.375rem}:host[data-size='m'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size='s'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size=xs][data-tui-host-top]:not(._rounded) .t-content_top{right:-.25rem;top:-.25rem}:host[data-size=xxl][data-tui-host-top]._rounded .t-content_top{right:.25rem;top:.25rem}:host[data-size=xl][data-tui-host-top]._rounded .t-content_top{right:.125rem;top:.125rem}:host[data-size='l'][data-tui-host-top]._rounded .t-content_top,:host[data-size='m'][data-tui-host-top]._rounded .t-content_top,:host[data-size='s'][data-tui-host-top]._rounded .t-content_top,:host[data-size=xs][data-tui-host-top]._rounded .t-content_top{right:-.25rem;top:-.25rem}:host[data-size='l'][data-tui-host-bottom]:not(._rounded) .t-content_bottom,:host[data-size=xxl][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.5rem;right:-.5rem}:host[data-size=xl][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.375rem;right:-.375rem}:host[data-size='m'][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl][data-tui-host-bottom]._rounded .t-content_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl][data-tui-host-bottom]._rounded .t-content_bottom{bottom:.125rem;right:.125rem}:host[data-size='l'][data-tui-host-bottom]._rounded .t-content_bottom,:host[data-size='m'][data-tui-host-bottom]._rounded .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl] .t-content{height:2rem;min-width:2rem}:host[data-size='l'] .t-content,:host[data-size=xl] .t-content{height:1.5rem;min-width:1.5rem}:host[data-size='m'] .t-content,:host[data-size='s'] .t-content{height:1.25rem;min-width:1.25rem}:host[data-size=xs] .t-content{height:1rem;min-width:1rem}"]
92
86
  })
93
87
  ], TuiBadgedContentComponent);
94
88
 
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-badged-content.js","sources":["ng://@taiga-ui/kit/components/badged-content/badged-content.component.ts","ng://@taiga-ui/kit/components/badged-content/badged-content.module.ts","ng://@taiga-ui/kit/components/badged-content/taiga-ui-kit-components-badged-content.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {isNumber, px, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {sizeBigger, TuiSizeL, TuiSizeS, TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nconst BADGE_SIZE: {[key: string]: TuiSizeS | TuiSizeL} = {\n xs: `s`,\n s: `s`,\n m: `s`,\n l: `m`,\n xl: `m`,\n xxl: `l`,\n};\n\n@Component({\n selector: `tui-badged-content`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: `./badged-content.template.html`,\n styleUrls: [`./badged-content.style.less`],\n})\nexport class TuiBadgedContentComponent {\n @Input()\n @HostBinding(`attr.data-tui-host-top`)\n @tuiDefaultProp()\n contentTop: PolymorpheusContent = ``;\n\n @Input()\n @HostBinding(`attr.data-tui-host-bottom`)\n @tuiDefaultProp()\n contentBottom: PolymorpheusContent = ``;\n\n @Input()\n @HostBinding(`attr.data-size`)\n @tuiDefaultProp()\n size: TuiSizeXS | TuiSizeXXL = `m`;\n\n @Input()\n @tuiDefaultProp()\n colorTop = ``;\n\n @Input()\n @tuiDefaultProp()\n colorBottom = ``;\n\n @Input()\n @HostBinding(`class._rounded`)\n @tuiDefaultProp()\n rounded = false;\n\n get topNotification(): string {\n return (!this.contentTop && this.colorTop) ||\n (this.contentTop && this.contentIsNumber(this.contentTop) && this.badgeHidden)\n ? this.colorTop\n : ``;\n }\n\n get bottomNotification(): string {\n return !this.contentBottom && this.colorBottom ? this.colorBottom : ``;\n }\n\n get badgeSize(): TuiSizeS | TuiSizeL {\n return BADGE_SIZE[this.size];\n }\n\n get badgeHidden(): boolean {\n return this.size === `xs`;\n }\n\n get sizeBig(): boolean {\n return sizeBigger(this.size);\n }\n\n get boxShadow(): string {\n const borderWidth = this.sizeBig ? 3 : 2;\n\n return `0 0 0 ${px(borderWidth)}`;\n }\n\n contentIsNumber(content: PolymorpheusContent): boolean {\n return isNumber(content.valueOf());\n }\n\n contentIsString(content: PolymorpheusContent): boolean {\n return typeof content.valueOf() === `string`;\n }\n\n getStatus(color: string): TuiStatusT {\n return color ? `custom` : `primary`;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiBadgeModule} from '@taiga-ui/kit/components/badge';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiBadgedContentComponent} from './badged-content.component';\n\n@NgModule({\n imports: [CommonModule, PolymorpheusModule, TuiSvgModule, TuiBadgeModule],\n declarations: [TuiBadgedContentComponent],\n exports: [TuiBadgedContentComponent],\n})\nexport class TuiBadgedContentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAMA,MAAM,UAAU,GAAyC;IACrD,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,GAAG;CACX,CAAC;IAQW,yBAAyB,GAAtC,MAAa,yBAAyB;IAAtC;QAII,eAAU,GAAwB,EAAE,CAAC;QAKrC,kBAAa,GAAwB,EAAE,CAAC;QAKxC,SAAI,GAA2B,GAAG,CAAC;QAInC,aAAQ,GAAG,EAAE,CAAC;QAId,gBAAW,GAAG,EAAE,CAAC;QAKjB,YAAO,GAAG,KAAK,CAAC;KA0CnB;IAxCG,IAAI,eAAe;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;aACpC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC;cAC5E,IAAI,CAAC,QAAQ;cACb,EAAE,CAAC;KACZ;IAED,IAAI,kBAAkB;QAClB,OAAO,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;KAC1E;IAED,IAAI,SAAS;QACT,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC;IAED,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;KAC7B;IAED,IAAI,OAAO;QACP,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC;IAED,IAAI,SAAS;QACT,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;QAEzC,OAAO,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;KACrC;IAED,eAAe,CAAC,OAA4B;QACxC,OAAO,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;KACtC;IAED,eAAe,CAAC,OAA4B;QACxC,OAAO,OAAO,OAAO,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC;KAChD;IAED,SAAS,CAAC,KAAa;QACnB,OAAO,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;KACvC;EACJ;AAjEG;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,wBAAwB,CAAC;IACrC,cAAc,EAAE;6DACoB;AAKrC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,2BAA2B,CAAC;IACxC,cAAc,EAAE;gEACuB;AAKxC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;uDACkB;AAInC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;2DACH;AAId;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8DACA;AAKjB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;0DACD;AA3BP,yBAAyB;IANrC,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,owDAA6C;;KAEhD,CAAC;GACW,yBAAyB,CAqErC;;IC7EY,sBAAsB,GAAnC,MAAa,sBAAsB;EAAG;AAAzB,sBAAsB;IALlC,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,cAAc,CAAC;QACzE,YAAY,EAAE,CAAC,yBAAyB,CAAC;QACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;KACvC,CAAC;GACW,sBAAsB,CAAG;;ACbtC;;;;;;"}
1
+ {"version":3,"file":"taiga-ui-kit-components-badged-content.js","sources":["ng://@taiga-ui/kit/components/badged-content/badged-content.component.ts","ng://@taiga-ui/kit/components/badged-content/badged-content.module.ts","ng://@taiga-ui/kit/components/badged-content/taiga-ui-kit-components-badged-content.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {isNumber, px, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {sizeBigger, TuiSizeL, TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nconst BADGE_SIZE: {[key: string]: TuiSizeXS | TuiSizeL} = {\n xs: `xs`,\n s: `s`,\n m: `s`,\n l: `m`,\n xl: `m`,\n xxl: `l`,\n};\n\n@Component({\n selector: `tui-badged-content`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: `./badged-content.template.html`,\n styleUrls: [`./badged-content.style.less`],\n})\nexport class TuiBadgedContentComponent {\n @Input()\n @HostBinding(`attr.data-tui-host-top`)\n @tuiDefaultProp()\n contentTop: PolymorpheusContent = ``;\n\n @Input()\n @HostBinding(`attr.data-tui-host-bottom`)\n @tuiDefaultProp()\n contentBottom: PolymorpheusContent = ``;\n\n @Input()\n @HostBinding(`attr.data-size`)\n @tuiDefaultProp()\n size: TuiSizeXS | TuiSizeXXL = `m`;\n\n @Input()\n @tuiDefaultProp()\n colorTop = ``;\n\n @Input()\n @tuiDefaultProp()\n colorBottom = ``;\n\n @Input()\n @HostBinding(`class._rounded`)\n @tuiDefaultProp()\n rounded = false;\n\n get topNotification(): string {\n return !this.contentTop && this.colorTop ? this.colorTop : ``;\n }\n\n get bottomNotification(): string {\n return !this.contentBottom && this.colorBottom ? this.colorBottom : ``;\n }\n\n get badgeSize(): TuiSizeXS | TuiSizeL {\n return BADGE_SIZE[this.size];\n }\n\n get sizeBig(): boolean {\n return sizeBigger(this.size);\n }\n\n get boxShadow(): string {\n const borderWidth = this.sizeBig ? 3 : 2;\n\n return `0 0 0 ${px(borderWidth)}`;\n }\n\n contentIsNumber(content: PolymorpheusContent): boolean {\n return isNumber(content.valueOf());\n }\n\n contentIsString(content: PolymorpheusContent): boolean {\n return typeof content.valueOf() === `string`;\n }\n\n getStatus(color: string): TuiStatusT {\n return color ? `custom` : `primary`;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiBadgeModule} from '@taiga-ui/kit/components/badge';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiBadgedContentComponent} from './badged-content.component';\n\n@NgModule({\n imports: [CommonModule, PolymorpheusModule, TuiSvgModule, TuiBadgeModule],\n declarations: [TuiBadgedContentComponent],\n exports: [TuiBadgedContentComponent],\n})\nexport class TuiBadgedContentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAMA,MAAM,UAAU,GAA0C;IACtD,EAAE,EAAE,IAAI;IACR,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,GAAG;CACX,CAAC;IAQW,yBAAyB,GAAtC,MAAa,yBAAyB;IAAtC;QAII,eAAU,GAAwB,EAAE,CAAC;QAKrC,kBAAa,GAAwB,EAAE,CAAC;QAKxC,SAAI,GAA2B,GAAG,CAAC;QAInC,aAAQ,GAAG,EAAE,CAAC;QAId,gBAAW,GAAG,EAAE,CAAC;QAKjB,YAAO,GAAG,KAAK,CAAC;KAmCnB;IAjCG,IAAI,eAAe;QACf,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACjE;IAED,IAAI,kBAAkB;QAClB,OAAO,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;KAC1E;IAED,IAAI,SAAS;QACT,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC;IAED,IAAI,OAAO;QACP,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC;IAED,IAAI,SAAS;QACT,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;QAEzC,OAAO,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;KACrC;IAED,eAAe,CAAC,OAA4B;QACxC,OAAO,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;KACtC;IAED,eAAe,CAAC,OAA4B;QACxC,OAAO,OAAO,OAAO,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC;KAChD;IAED,SAAS,CAAC,KAAa;QACnB,OAAO,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;KACvC;EACJ;AA1DG;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,wBAAwB,CAAC;IACrC,cAAc,EAAE;6DACoB;AAKrC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,2BAA2B,CAAC;IACxC,cAAc,EAAE;gEACuB;AAKxC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;uDACkB;AAInC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;2DACH;AAId;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8DACA;AAKjB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;0DACD;AA3BP,yBAAyB;IANrC,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,ovDAA6C;;KAEhD,CAAC;GACW,yBAAyB,CA8DrC;;ICtEY,sBAAsB,GAAnC,MAAa,sBAAsB;EAAG;AAAzB,sBAAsB;IALlC,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,cAAc,CAAC;QACzE,YAAY,EAAE,CAAC,yBAAyB,CAAC;QACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;KACvC,CAAC;GACW,sBAAsB,CAAG;;ACbtC;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import { __decorate, __param } from 'tslib';
2
2
  import { EventEmitter, Inject, Input, Output, HostBinding, Component, ChangeDetectionStrategy, ContentChildren, TemplateRef, ViewEncapsulation, NgModule } from '@angular/core';
3
3
  import { DomSanitizer } from '@angular/platform-browser';
4
- import { TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TuiItemDirective, TuiFocusVisibleModule, TuiItemModule } from '@taiga-ui/cdk';
4
+ import { tuiIsObserved, TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TuiItemDirective, TuiFocusVisibleModule, TuiItemModule } from '@taiga-ui/cdk';
5
5
  import { TUI_FILE_TEXTS, TUI_DIGITAL_INFORMATION_UNITS, TUI_HIDE_TEXT, TUI_SHOW_ALL_TEXT } from '@taiga-ui/kit/tokens';
6
6
  import { formatSize } from '@taiga-ui/kit/utils/files';
7
7
  import { of, Observable } from 'rxjs';
@@ -41,7 +41,7 @@ let TuiFileComponent = class TuiFileComponent {
41
41
  return this.state === "deleted" /* Deleted */;
42
42
  }
43
43
  get allowDelete() {
44
- return !!this.removed.observers.length;
44
+ return tuiIsObserved(this.removed);
45
45
  }
46
46
  get icon() {
47
47
  if (this.state === "normal" /* Normal */ && this.isBig) {
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-files.js","sources":["ng://@taiga-ui/kit/components/files/file/file.component.ts","ng://@taiga-ui/kit/components/files/files.component.ts","ng://@taiga-ui/kit/components/files/files.module.ts","ng://@taiga-ui/kit/components/files/taiga-ui-kit-components-files.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_IS_MOBILE, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {TuiFileState, TuiFileStateT} from '@taiga-ui/kit/enums';\nimport {TuiFileLike} from '@taiga-ui/kit/interfaces';\nimport {TUI_DIGITAL_INFORMATION_UNITS, TUI_FILE_TEXTS} from '@taiga-ui/kit/tokens';\nimport {formatSize} from '@taiga-ui/kit/utils/files';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\ntype FileTexts = 'loadingError' | 'preview' | 'remove';\n\n// @dynamic\n@Component({\n selector: `tui-file`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: `./file.template.html`,\n styleUrls: [`./file.style.less`],\n})\nexport class TuiFileComponent {\n @Input()\n @tuiDefaultProp()\n file: TuiFileLike = {name: ``};\n\n @Input()\n @tuiDefaultProp()\n state: TuiFileStateT = `normal`;\n\n @Input()\n @tuiDefaultProp()\n size: TuiSizeL = `m`;\n\n @Input()\n @tuiDefaultProp()\n showSize = true;\n\n @Input()\n @tuiDefaultProp()\n leftContent: PolymorpheusContent = ``;\n\n @Output()\n readonly removed = new EventEmitter<void>();\n\n @HostBinding(`class._focused`)\n focused = false;\n\n constructor(\n @Inject(TUI_IS_MOBILE) readonly isMobile: boolean,\n @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n @Inject(TUI_FILE_TEXTS)\n readonly fileTexts$: Observable<Record<FileTexts, string>>,\n @Inject(TUI_DIGITAL_INFORMATION_UNITS)\n private readonly units$: Observable<[string, string, string]>,\n ) {}\n\n get preview(): SafeValue {\n return this.isBig ? this.createPreview(this.file, this.sanitizer) : ``;\n }\n\n get isBig(): boolean {\n return this.size === `l`;\n }\n\n get isLoading(): boolean {\n return this.state === TuiFileState.Loading;\n }\n\n get isError(): boolean {\n return this.state === TuiFileState.Error;\n }\n\n get isDeleted(): boolean {\n return this.state === TuiFileState.Deleted;\n }\n\n get allowDelete(): boolean {\n return !!this.removed.observers.length;\n }\n\n get icon(): string {\n if (this.state === TuiFileState.Normal && this.isBig) {\n return `tuiIconDefaultDocLarge`;\n }\n\n switch (this.state) {\n case TuiFileState.Deleted:\n return `tuiIconTrashLarge`;\n case TuiFileState.Error:\n return `tuiIconAlertCircleLarge`;\n default:\n return `tuiIconCheckCircleLarge`;\n }\n }\n\n @HostBinding(`class._link`)\n get src(): string {\n return this.file.src || ``;\n }\n\n get name(): string {\n return this.getName(this.file);\n }\n\n get type(): string {\n return this.getType(this.file);\n }\n\n get content$(): Observable<PolymorpheusContent> {\n return this.calculateContent$(this.state, this.file, this.fileTexts$);\n }\n\n get fileSize$(): Observable<string | null> {\n return this.calculateFileSize$(this.file, this.units$);\n }\n\n onRemoveClick(): void {\n this.removed.emit();\n }\n\n onFocusVisible(focusVisible: boolean): void {\n this.focused = focusVisible;\n }\n\n @tuiPure\n private calculateContent$(\n state: TuiFileStateT,\n file: TuiFileLike,\n fileTexts$: Observable<Record<'loadingError' | 'preview' | 'remove', string>>,\n ): Observable<PolymorpheusContent> {\n return state === TuiFileState.Error && !file.content\n ? fileTexts$.pipe(map(texts => texts.loadingError))\n : of(this.file.content || ``);\n }\n\n @tuiPure\n private calculateFileSize$(\n file: TuiFileLike,\n units$: Observable<[string, string, string]>,\n ): Observable<string | null> {\n return units$.pipe(map(units => formatSize(units, file.size)));\n }\n\n @tuiPure\n private createPreview(file: TuiFileLike, sanitizer: DomSanitizer): SafeValue {\n if (file.src) {\n return file.src;\n }\n\n // TODO: iframe warning\n if (file instanceof File && file.type && file.type.startsWith(`image/`)) {\n return sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file));\n }\n\n return ``;\n }\n\n @tuiPure\n private getName(file: TuiFileLike): string {\n return file.name.split(`.`).slice(0, -1).join(`.`);\n }\n\n @tuiPure\n private getType(file: TuiFileLike): string {\n return `.${file.name.split(`.`).pop()}` || ``;\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Inject,\n Input,\n QueryList,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiItemDirective} from '@taiga-ui/cdk';\nimport {TUI_HIDE_TEXT, TUI_SHOW_ALL_TEXT} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: `tui-files`,\n templateUrl: `./files.component.html`,\n styleUrls: [`./files.component.less`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFilesComponent {\n @ContentChildren(TuiItemDirective, {read: TemplateRef})\n readonly items: QueryList<TemplateRef<Record<string, unknown>>> | null = null;\n\n @Input()\n @tuiDefaultProp()\n max = 0;\n\n hidden = true;\n\n constructor(\n @Inject(TUI_HIDE_TEXT) readonly hideText$: Observable<string>,\n @Inject(TUI_SHOW_ALL_TEXT) readonly showAllText$: Observable<string>,\n ) {}\n\n get hasExtraItems(): boolean {\n return !!this.max && (this.items?.length ?? 0) > this.max;\n }\n\n toggle(): void {\n this.hidden = !this.hidden;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusVisibleModule, TuiItemDirective, TuiItemModule} from '@taiga-ui/cdk';\nimport {\n TuiButtonModule,\n TuiExpandModule,\n TuiGroupModule,\n TuiLoaderModule,\n TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFileComponent} from './file/file.component';\nimport {TuiFilesComponent} from './files.component';\n\n@NgModule({\n declarations: [TuiFilesComponent, TuiFileComponent],\n imports: [\n CommonModule,\n TuiGroupModule,\n TuiLoaderModule,\n PolymorpheusModule,\n TuiSvgModule,\n TuiFocusVisibleModule,\n TuiButtonModule,\n TuiItemModule,\n TuiExpandModule,\n ],\n exports: [TuiFilesComponent, TuiFileComponent, TuiItemDirective],\n})\nexport class TuiFilesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-kit-components-files.js","sources":["ng://@taiga-ui/kit/components/files/file/file.component.ts","ng://@taiga-ui/kit/components/files/files.component.ts","ng://@taiga-ui/kit/components/files/files.module.ts","ng://@taiga-ui/kit/components/files/taiga-ui-kit-components-files.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_IS_MOBILE, tuiDefaultProp, tuiIsObserved, tuiPure} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {TuiFileState, TuiFileStateT} from '@taiga-ui/kit/enums';\nimport {TuiFileLike} from '@taiga-ui/kit/interfaces';\nimport {TUI_DIGITAL_INFORMATION_UNITS, TUI_FILE_TEXTS} from '@taiga-ui/kit/tokens';\nimport {formatSize} from '@taiga-ui/kit/utils/files';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\ntype FileTexts = 'loadingError' | 'preview' | 'remove';\n\n// @dynamic\n@Component({\n selector: `tui-file`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: `./file.template.html`,\n styleUrls: [`./file.style.less`],\n})\nexport class TuiFileComponent {\n @Input()\n @tuiDefaultProp()\n file: TuiFileLike = {name: ``};\n\n @Input()\n @tuiDefaultProp()\n state: TuiFileStateT = `normal`;\n\n @Input()\n @tuiDefaultProp()\n size: TuiSizeL = `m`;\n\n @Input()\n @tuiDefaultProp()\n showSize = true;\n\n @Input()\n @tuiDefaultProp()\n leftContent: PolymorpheusContent = ``;\n\n @Output()\n readonly removed = new EventEmitter<void>();\n\n @HostBinding(`class._focused`)\n focused = false;\n\n constructor(\n @Inject(TUI_IS_MOBILE) readonly isMobile: boolean,\n @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n @Inject(TUI_FILE_TEXTS)\n readonly fileTexts$: Observable<Record<FileTexts, string>>,\n @Inject(TUI_DIGITAL_INFORMATION_UNITS)\n private readonly units$: Observable<[string, string, string]>,\n ) {}\n\n get preview(): SafeValue {\n return this.isBig ? this.createPreview(this.file, this.sanitizer) : ``;\n }\n\n get isBig(): boolean {\n return this.size === `l`;\n }\n\n get isLoading(): boolean {\n return this.state === TuiFileState.Loading;\n }\n\n get isError(): boolean {\n return this.state === TuiFileState.Error;\n }\n\n get isDeleted(): boolean {\n return this.state === TuiFileState.Deleted;\n }\n\n get allowDelete(): boolean {\n return tuiIsObserved(this.removed);\n }\n\n get icon(): string {\n if (this.state === TuiFileState.Normal && this.isBig) {\n return `tuiIconDefaultDocLarge`;\n }\n\n switch (this.state) {\n case TuiFileState.Deleted:\n return `tuiIconTrashLarge`;\n case TuiFileState.Error:\n return `tuiIconAlertCircleLarge`;\n default:\n return `tuiIconCheckCircleLarge`;\n }\n }\n\n @HostBinding(`class._link`)\n get src(): string {\n return this.file.src || ``;\n }\n\n get name(): string {\n return this.getName(this.file);\n }\n\n get type(): string {\n return this.getType(this.file);\n }\n\n get content$(): Observable<PolymorpheusContent> {\n return this.calculateContent$(this.state, this.file, this.fileTexts$);\n }\n\n get fileSize$(): Observable<string | null> {\n return this.calculateFileSize$(this.file, this.units$);\n }\n\n onRemoveClick(): void {\n this.removed.emit();\n }\n\n onFocusVisible(focusVisible: boolean): void {\n this.focused = focusVisible;\n }\n\n @tuiPure\n private calculateContent$(\n state: TuiFileStateT,\n file: TuiFileLike,\n fileTexts$: Observable<Record<'loadingError' | 'preview' | 'remove', string>>,\n ): Observable<PolymorpheusContent> {\n return state === TuiFileState.Error && !file.content\n ? fileTexts$.pipe(map(texts => texts.loadingError))\n : of(this.file.content || ``);\n }\n\n @tuiPure\n private calculateFileSize$(\n file: TuiFileLike,\n units$: Observable<[string, string, string]>,\n ): Observable<string | null> {\n return units$.pipe(map(units => formatSize(units, file.size)));\n }\n\n @tuiPure\n private createPreview(file: TuiFileLike, sanitizer: DomSanitizer): SafeValue {\n if (file.src) {\n return file.src;\n }\n\n // TODO: iframe warning\n if (file instanceof File && file.type && file.type.startsWith(`image/`)) {\n return sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file));\n }\n\n return ``;\n }\n\n @tuiPure\n private getName(file: TuiFileLike): string {\n return file.name.split(`.`).slice(0, -1).join(`.`);\n }\n\n @tuiPure\n private getType(file: TuiFileLike): string {\n return `.${file.name.split(`.`).pop()}` || ``;\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Inject,\n Input,\n QueryList,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiItemDirective} from '@taiga-ui/cdk';\nimport {TUI_HIDE_TEXT, TUI_SHOW_ALL_TEXT} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: `tui-files`,\n templateUrl: `./files.component.html`,\n styleUrls: [`./files.component.less`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFilesComponent {\n @ContentChildren(TuiItemDirective, {read: TemplateRef})\n readonly items: QueryList<TemplateRef<Record<string, unknown>>> | null = null;\n\n @Input()\n @tuiDefaultProp()\n max = 0;\n\n hidden = true;\n\n constructor(\n @Inject(TUI_HIDE_TEXT) readonly hideText$: Observable<string>,\n @Inject(TUI_SHOW_ALL_TEXT) readonly showAllText$: Observable<string>,\n ) {}\n\n get hasExtraItems(): boolean {\n return !!this.max && (this.items?.length ?? 0) > this.max;\n }\n\n toggle(): void {\n this.hidden = !this.hidden;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusVisibleModule, TuiItemDirective, TuiItemModule} from '@taiga-ui/cdk';\nimport {\n TuiButtonModule,\n TuiExpandModule,\n TuiGroupModule,\n TuiLoaderModule,\n TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFileComponent} from './file/file.component';\nimport {TuiFilesComponent} from './files.component';\n\n@NgModule({\n declarations: [TuiFilesComponent, TuiFileComponent],\n imports: [\n CommonModule,\n TuiGroupModule,\n TuiLoaderModule,\n PolymorpheusModule,\n TuiSvgModule,\n TuiFocusVisibleModule,\n TuiButtonModule,\n TuiItemModule,\n TuiExpandModule,\n ],\n exports: [TuiFilesComponent, TuiFileComponent, TuiItemDirective],\n})\nexport class TuiFilesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -245,7 +245,7 @@ const COUNTRIES = {
245
245
  [TuiCountryIsoCode$1.VN]: { mask: `+84(###) ####-###`, name: `Вьетнам` },
246
246
  [TuiCountryIsoCode$1.VU]: { mask: `+678##-#####`, name: `Вануату ` },
247
247
  [TuiCountryIsoCode$1.WS]: { mask: `+685##-####`, name: `Самоа` },
248
- [TuiCountryIsoCode$1.XK]: { mask: `+383##-###-###`, name: `Республика Косово` },
248
+ [TuiCountryIsoCode$1.XK]: { mask: `+383##-###-###`, name: `Косово` },
249
249
  [TuiCountryIsoCode$1.YE]: { mask: `+967###-###-###`, name: `Йемен ` },
250
250
  [TuiCountryIsoCode$1.ZA]: { mask: `+27##-###-####`, name: `Южно-Африканская Респ.` },
251
251
  [TuiCountryIsoCode$1.ZM]: { mask: `+260##-###-####`, name: `Замбия` },