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

@taiga-ui/experimental 3.54.0 → 3.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (144) hide show

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@angular/common'), require('@taiga-ui/kit')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/avatar', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@angular/common', '@taiga-ui/kit'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.avatar = {}), global.ng.core, global.cdk, global.i1, global.ng.common, global.i3));
-})(this, (function (exports, i0, cdk, i1, i2, i3) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/experimental/tokens'), require('@angular/common'), require('@taiga-ui/kit'), require('@taiga-ui/experimental/components/icon')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/avatar', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/experimental/tokens', '@angular/common', '@taiga-ui/kit', '@taiga-ui/experimental/components/icon'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.avatar = {}), global.ng.core, global.cdk, global["taiga-ui"].experimental.tokens, global.ng.common, global.i2, global["taiga-ui"].experimental.components.icon));
+})(this, (function (exports, i0, cdk, tokens, i1, i2, icon) { 'use strict';
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,7 +25,6 @@
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var TUI_AVATAR_DEFAULT_OPTIONS = {
         round: true,
@@ -37,12 +36,13 @@
     }
     var TuiAvatarComponent = /** @class */ (function () {
-        function TuiAvatarComponent(options, platform) {
+        function TuiAvatarComponent(options, resolver) {
             this.options = options;
-            this.platform = platform;
+            this.resolver = resolver;
             this.size = this.options.size;
             this.round = this.options.round;
             this.src = null;
+            this.appearance = '';
         }
         Object.defineProperty(TuiAvatarComponent.prototype, "value", {
             get: function () {
@@ -69,8 +69,8 @@
         });
         return TuiAvatarComponent;
     }());
-    TuiAvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }, { token: cdk.TUI_PLATFORM }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiAvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "size", "attr.data-platform": "platform", "class._round": "round", "class._img": "type === \"img\"" } }, ngImport: i0__namespace, template: "<ng-container [ngSwitch]=\"type\">\n    <tui-svg\n        *ngSwitchCase=\"'icon'\"\n        class=\"t-icon\"\n        [src]=\"value\"\n    ></tui-svg>\n    <span\n        *ngSwitchCase=\"'text'\"\n        class=\"t-text\"\n    >\n        {{ value }}\n    </span>\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        [src]=\"value\"\n    />\n    <div\n        *ngSwitchDefault\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </div>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;opacity:.999}:host[data-size=xxs]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xxs] .t-content{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=xs]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=xs] .t-content{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=s]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=m]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=l]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=l] .t-content{font:var(--tui-font-heading-4)}:host[data-size=xl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xl] .t-content{font:var(--tui-font-heading-3)}:host[data-size=xxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxl] .t-content{font:var(--tui-font-heading-3)}:host._round{--t-radius: calc(var(--t-size) / 2)}:host._img{background:transparent}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.t-icon{width:60%;height:60%}.t-content{max-width:100%;padding:.25rem;box-sizing:border-box}\n"], components: [{ type: i1__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i2__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiAvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }, { token: tokens.TUI_ICON_RESOLVER }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiAvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src", appearance: "appearance" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size", "attr.data-type": "type", "style.--t-mask": "\"url(\" + resolver(src) + \")\"", "class._round": "round" } }, ngImport: i0__namespace, template: "<ng-container [ngSwitch]=\"type\">\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        [src]=\"value\"\n    />\n    <ng-container *ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content></ng-content>\n    </ng-container>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center / 60%;mask:var(--t-mask) no-repeat center / 60%}:host[data-size=xxs]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xxs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=xs]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=s]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=s][data-type=content]{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=m]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=m][data-type=content]{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=l]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=l][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type=img]{background:transparent}:host[data-type=icon]:before{content:\"\"}:host._round{--t-radius: calc(var(--t-size) / 2)}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}\n"], directives: [{ type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -79,10 +79,12 @@
                         styleUrls: ['./avatar.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         host: {
+                            tuiAppearance: '',
+                            '[attr.data-appearance]': 'appearance',
                             '[attr.data-size]': 'size',
-                            '[attr.data-platform]': 'platform',
+                            '[attr.data-type]': 'type',
+                            '[style.--t-mask]': '"url(" + resolver(src) + ")"',
                             '[class._round]': 'round',
-                            '[class._img]': 'type === "img"',
                         },
                     }]
             }], ctorParameters: function () {
@@ -91,7 +93,7 @@
                             args: [TUI_AVATAR_OPTIONS]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [cdk.TUI_PLATFORM]
+                            args: [tokens.TUI_ICON_RESOLVER]
                         }] }];
         }, propDecorators: { size: [{
                     type: i0.Input
@@ -99,6 +101,8 @@
                     type: i0.Input
                 }], src: [{
                     type: i0.Input
+                }], appearance: [{
+                    type: i0.Input
                 }] } });
     var TuiAvatarModule = /** @class */ (function () {
@@ -107,12 +111,12 @@
         return TuiAvatarModule;
     }());
     TuiAvatarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    TuiAvatarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [i2.CommonModule, i1.TuiSvgModule, i3.TuiLazyLoadingModule], exports: [TuiAvatarComponent] });
-    TuiAvatarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, imports: [[i2.CommonModule, i1.TuiSvgModule, i3.TuiLazyLoadingModule]] });
+    TuiAvatarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [i1.CommonModule, icon.TuiIconModule, i2.TuiLazyLoadingModule], exports: [TuiAvatarComponent] });
+    TuiAvatarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, imports: [[i1.CommonModule, icon.TuiIconModule, i2.TuiLazyLoadingModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [i2.CommonModule, i1.TuiSvgModule, i3.TuiLazyLoadingModule],
+                        imports: [i1.CommonModule, icon.TuiIconModule, i2.TuiLazyLoadingModule],
                         declarations: [TuiAvatarComponent],
                         exports: [TuiAvatarComponent],
                     }]

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

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-components-avatar.umd.js","sources":["../../../projects/experimental/components/avatar/avatar.options.ts","../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n readonly round: boolean;\n readonly size: TuiSizeXXL \| TuiSizeXXS;\n}\n\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n round: true,\n size: `m`,\n};\n\nexport const TUI_AVATAR_OPTIONS = tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);\n\nexport function tuiAvatarOptionsProvider(options: Partial<TuiAvatarOptions>): Provider {\n return tuiProvideOptions(TUI_AVATAR_OPTIONS, options, TUI_AVATAR_DEFAULT_OPTIONS);\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {~~TUI_PLATFORM,~~ tuiIsString, ~~TuiPlatform~~} from '@taiga-ui/cdk';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar.options';\n\n@Component({\n selector: 'tui-avatar',\n templateUrl: './avatar.template.html',\n styleUrls: ['./avatar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-~~size~~]': '~~size~~',\n '[attr.data-~~platform~~]': '~~platform~~',\n '[~~class~~.~~_round~~]': '~~round~~',\n '[~~class._img~~]': '~~type~~ ~~===~~ \"~~img~~\"',\n },\n})\nexport class TuiAvatarComponent {\n @Input()\n size = this.options.size;\n\n @Input()\n round = this.options.round;\n\n @Input()\n src: SafeResourceUrl \| string \| null = null;\n\n constructor(\n @Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions,\n @Inject(~~TUI_PLATFORM~~) readonly ~~platform~~: ~~TuiPlatform,\~~n ) {}\n\n get value(): SafeResourceUrl \| string {\n return this.src \|\| '';\n }\n\n get type(): 'content' \| 'icon' \| 'img' \| 'text' {\n if (this.value && !tuiIsString(this.value)) {\n return 'img';\n }\n\n if (this.value.startsWith('tuiIcon') \|\| this.value.endsWith('.svg')) {\n return 'icon';\n }\n\n if (this.value.length > 0 && this.value.length < 3) {\n return 'text';\n }\n\n return this.value.length ? 'img' : 'content';\n }\n}\n","<ng-container [ngSwitch]=\"type\">\n <~~tui-svg~~\n ngSwitchCase=\"'~~icon~~'\"\n ~~class~~=\"~~t-icon~~\"\n [src]=\"value\"\n ~~></tui-svg>\~~n <~~span\n~~ ngSwitchCase=\"'text'\"~~\n class=\"t-text\"\n >\n~~ {{ value }}\n </~~span~~>\n <~~img\n~~ ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <div\n ngSwitchDefault~~\n class=\"t-content\"\n~~ >\n <ng-content></ng-content>\n </~~div~~>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {~~TuiSvgModule~~} from '@taiga-ui/~~core~~';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n imports: [CommonModule, ~~TuiSvgModule~~, TuiLazyLoadingModule],\n declarations: [TuiAvatarComponent],\n exports: [TuiAvatarComponent],\n})\nexport class TuiAvatarModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiIsString","~~TUI_PLATFORM~~","i0","i1","i2","~~i3","~~Component","ChangeDetectionStrategy","Inject","Input","CommonModule","~~TuiSvgModule~~","TuiLazyLoadingModule","NgModule"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AASa,QAAA,0BAA0B,GAAqB;IACxD,IAAA,KAAK,EAAE,IAAI;IACX,IAAA,IAAI,EAAE,GAAG;MACX;QAEW,kBAAkB,GAAGA,kBAAc,CAAC,0BAA0B,EAAE;IAEvE,SAAU,wBAAwB,CAAC,OAAkC,EAAA;QACvE,OAAOC,qBAAiB,CAAC,kBAAkB,EAAE,OAAO,EAAE,0BAA0B,CAAC,CAAC;IACtF;;~~ACAA~~,QAAA,kBAAA,kBAAA,YAAA;~~QAUI~~,SACiD,kBAAA,CAAA,OAAyB,~~EACvC~~,~~QAAqB~~,EAAA;~~IADP~~,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAkB;~~IACvC~~,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,~~CAAa~~;~~YAVxD~~,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAGzB,IAAA,CAAA,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAG3B,QAAA,IAAG,CAAA,GAAA,GAAoC,IAAI,CAAC;~~SAKxC~~;IAEJ,IAAA,MAAA,CAAA,cAAA,CAAI,kBAAK,CAAA,SAAA,EAAA,OAAA,EAAA;IAAT,QAAA,GAAA,EAAA,YAAA;IACI,YAAA,OAAO,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;aACzB;;;IAAA,KAAA,CAAA,CAAA;IAED,IAAA,MAAA,CAAA,cAAA,CAAI,kBAAI,CAAA,SAAA,EAAA,MAAA,EAAA;IAAR,QAAA,GAAA,EAAA,YAAA;gBACI,IAAI,IAAI,CAAC,KAAK,IAAI,CAACC,eAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;IACxC,gBAAA,OAAO,KAAK,CAAC;IAChB,aAAA;IAED,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;IACjE,gBAAA,OAAO,MAAM,CAAC;IACjB,aAAA;IAED,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;IAChD,gBAAA,OAAO,MAAM,CAAC;IACjB,aAAA;IAED,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;aAChD;;;IAAA,KAAA,CAAA,CAAA;;;~~0IAjCQ~~,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,~~EAWf~~,kBAAkB,EAAA,EAAA,EAAA,KAAA,EAClBC,~~gBAAY~~,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~IAZf~~,kBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,~~oQClB~~/B,~~0gBAyBA~~,EAAA,MAAA,EAAA,CAAA,~~svDAAA~~,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,~~eAAA,EAAA,~~QAAA,EAAA,~~SAAA,EAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,~~QAAA,EAAA,~~QAAA,EAAA,~~YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAA,aAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAD,aAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,~~EAAAF~~,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;~~sHDPa~~,kBAAkB,EAAA,UAAA,EAAA,CAAA;~~sBAZ9BI~~,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,YAAY;IACtB,oBAAA,WAAW,EAAE,wBAAwB;wBACrC,SAAS,EAAE,CAAC,qBAAqB,CAAC;wBAClC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;IAC/C,oBAAA,IAAI,EAAE;IACF,wBAAA,kBAAkB,EAAE,MAAM;IAC1B,wBAAA,~~sBAAsB~~,EAAE,~~UAAU~~;~~IAClC~~,wBAAA,~~gBAAgB~~,EAAE,~~OAAO~~;~~IACzB~~,wBAAA,~~cAAc~~,EAAE,~~gBAAgB~~;~~IACnC~~,qBAAA;qBACJ,CAAA;;;~~kCAYQC~~,SAAM;mCAAC,kBAAkB,CAAA;;kCACzBA,SAAM;~~mCAACP~~,~~gBAAY~~,CAAA;;~~6BAVxB~~,IAAI,EAAA,CAAA;~~0BADHQ~~,QAAK;oBAIN,KAAK,EAAA,CAAA;0BADJA,QAAK;oBAIN,GAAG,EAAA,CAAA;0BADFA,QAAK;;;~~AEbV~~,QAAA,eAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,eAAA,GAAA;;;;uIAAa,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,~~EAAAP~~,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wIAAf,eAAe,EAAA,YAAA,EAAA,CAHT,kBAAkB,CADvB,EAAA,OAAA,EAAA,~~CAAAQ~~,eAAY,EAAEC,~~eAAY~~,EAAEC,uBAAoB,CAAA,EAAA,OAAA,EAAA,~~CAEhD~~,kBAAkB,CAAA,EAAA,CAAA,CAAA;IAEnB,eAAA,CAAA,IAAA,~~GAAAV~~,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,eAAe,YAJf,~~CAACQ~~,eAAY,EAAEC,~~eAAY~~,EAAEC,uBAAoB,CAAC,CAAA,EAAA,CAAA,CAAA;~~sHAIlD~~,eAAe,EAAA,UAAA,EAAA,CAAA;sBAL3BC,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;IACN,oBAAA,OAAO,EAAE,CAACH,eAAY,EAAEC,~~eAAY~~,EAAEC,uBAAoB,CAAC;~~wBAC3D~~,YAAY,EAAE,CAAC,kBAAkB,CAAC;wBAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;qBAChC,CAAA;;;ICXD;;IAEG;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-components-avatar.umd.js","sources":["../../../projects/experimental/components/avatar/avatar.options.ts","../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n readonly round: boolean;\n readonly size: TuiSizeXXL \| TuiSizeXXS;\n}\n\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n round: true,\n size: `m`,\n};\n\nexport const TUI_AVATAR_OPTIONS = tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);\n\nexport function tuiAvatarOptionsProvider(options: Partial<TuiAvatarOptions>): Provider {\n return tuiProvideOptions(TUI_AVATAR_OPTIONS, options, TUI_AVATAR_DEFAULT_OPTIONS);\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {tuiIsString, TuiStringHandler} from '@taiga-ui/cdk';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar.options';\n\n@Component({\n selector: 'tui-avatar',\n templateUrl: './avatar.template.html',\n styleUrls: ['./avatar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n tuiAppearance: '',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-size]': 'size',\n '[attr.data-type]': 'type',\n '[style.--t-mask]': '\"url(\" + resolver(src) + \")\"',\n '[class._round]': 'round',\n },\n})\nexport class TuiAvatarComponent {\n @Input()\n size = this.options.size;\n\n @Input()\n round = this.options.round;\n\n @Input()\n src: SafeResourceUrl \| string \| null = null;\n\n @Input()\n appearance = '';\n\n constructor(\n @Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions,\n @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n ) {}\n\n get value(): SafeResourceUrl \| string {\n return this.src \|\| '';\n }\n\n get type(): 'content' \| 'icon' \| 'img' \| 'text' {\n if (this.value && !tuiIsString(this.value)) {\n return 'img';\n }\n\n if (this.value.startsWith('tuiIcon') \|\| this.value.endsWith('.svg')) {\n return 'icon';\n }\n\n if (this.value.length > 0 && this.value.length < 3) {\n return 'text';\n }\n\n return this.value.length ? 'img' : 'content';\n }\n}\n","<ng-container [ngSwitch]=\"type\">\n <img\n ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <ng-container ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n <ng-container ngSwitchDefault>\n <ng-content></ng-content>\n </ng-container>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n imports: [CommonModule, TuiIconModule, TuiLazyLoadingModule],\n declarations: [TuiAvatarComponent],\n exports: [TuiAvatarComponent],\n})\nexport class TuiAvatarModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiIsString","TUI_ICON_RESOLVER","i0","i1","i2","Component","ChangeDetectionStrategy","Inject","Input","CommonModule","TuiIconModule","TuiLazyLoadingModule","NgModule"],"mappings":"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"}

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

@@ -1,111 +1,132 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/badge', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', 'rxjs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.badge = {}), global.ng.core, global.cdk, global.core, global.rxjs));
-})(this, (function (exports, i0, cdk, core, i1) { 'use strict';
+        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk')) :
+        typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/badge', ['exports', '@angular/core', '@taiga-ui/cdk'], factory) :
+        (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.badge = {}), global.ng.core, global.i1));
+})(this, (function (exports, i0, i1) { 'use strict';
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
+        function _interopNamespace(e) {
+                if (e && e.__esModule) return e;
+                var n = Object.create(null);
+                if (e) {
+                        Object.keys(e).forEach(function (k) {
+                                if (k !== 'default') {
+                                        var d = Object.getOwnPropertyDescriptor(e, k);
+                                        Object.defineProperty(n, k, d.get ? d : {
+                                                enumerable: true,
+                                                get: function () { return e[k]; }
+                                        });
+                                }
+                        });
                 }
-            });
+                n["default"] = e;
+                return Object.freeze(n);
         }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+        var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+        var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var TUI_BADGE_DEFAULT_OPTIONS = {
-        size: "l",
-        appearance: "default",
-        hoverable: false,
-    };
-    var TUI_BADGE_OPTIONS = cdk.tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);
-    function tuiBadgeOptionsProvider(options) {
-        return cdk.tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);
-    }
+        var TuiBadgeComponent = /** @class */ (function () {
+            function TuiBadgeComponent() {
+            }
+            return TuiBadgeComponent;
+        }());
+        TuiBadgeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["tui-badge,[tuiBadge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;background:#959595;color:var(--tui-base-01);border-radius:6rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);flex-shrink:0;max-width:100%;padding:var(--t-padding);height:var(--t-size);min-width:var(--t-size);--t-dot: currentColor;--t-icon-size: 1rem}tui-badge._dot:before,[tuiBadge]._dot:before{content:\"\";display:block;background:var(--t-dot);margin:0 .125rem 0 .25rem;width:.25rem;height:.25rem;border-radius:100%}tui-badge>tui-svg,[tuiBadge]>tui-svg,tui-badge>tui-icon,[tuiBadge]>tui-icon{width:var(--t-icon-size)!important;height:var(--t-icon-size)!important}tui-badge[data-appearance=error],[tuiBadge][data-appearance=error]{--t-dot: var(--tui-error-fill)}tui-badge[data-appearance=success],[tuiBadge][data-appearance=success]{--t-dot: var(--tui-success-fill)}tui-badge[data-appearance=warning],[tuiBadge][data-appearance=warning]{--t-dot: var(--tui-warning-fill)}tui-badge[data-appearance=info],[tuiBadge][data-appearance=info]{--t-dot: var(--tui-info-fill)}tui-badge[data-appearance=neutral],[tuiBadge][data-appearance=neutral]{--t-dot: var(--tui-neutral-fill)}tui-badge[data-appearance=neutral][data-platform=ios],[tuiBadge][data-appearance=neutral][data-platform=ios],tui-badge[data-appearance=neutral][data-platform=android],[tuiBadge][data-appearance=neutral][data-platform=android]{background:var(--tui-base-06)}tui-badge[data-size=s],[tuiBadge][data-size=s]{text-indent:.125rem;--t-padding: 0 .3125rem 0 .1875rem;--t-size: 1rem;--t-icon-size: .625rem}tui-badge[data-size=s][data-platform=ios],[tuiBadge][data-size=s][data-platform=ios],tui-badge[data-size=s][data-platform=android],[tuiBadge][data-size=s][data-platform=android]{font:var(--tui-font-text-xs);font-weight:bold}tui-badge[data-size=m],[tuiBadge][data-size=m]{text-indent:.125rem;--t-padding: 0 .375rem 0 .25rem;--t-size: 1.25rem;--t-icon-size: .75rem}tui-badge[data-size=l],[tuiBadge][data-size=l]{text-indent:.25rem;--t-padding: 0 .5rem 0 .25rem;--t-size: var(--tui-height-xs)}tui-badge[data-size=xl],[tuiBadge][data-size=xl]{font:var(--tui-font-text-m);text-indent:.25rem;--t-padding: 0 .75rem 0 .5rem;--t-size: var(--tui-height-s)}tui-badge[data-size=xl][data-platform=ios],[tuiBadge][data-size=xl][data-platform=ios],tui-badge[data-size=xl][data-platform=android],[tuiBadge][data-size=xl][data-platform=android]{font:var(--tui-font-text-s);font-weight:bold;--t-padding: 0 .625rem 0 .375rem;--t-size: 1.75rem}tui-badge[data-platform=ios],[tuiBadge][data-platform=ios],tui-badge[data-platform=android],[tuiBadge][data-platform=android]{font-weight:bold}img[tuiBadge]{padding:0}tui-icon[tuiBadge]{-webkit-mask:none;mask:none;height:var(--t-size);width:var(--t-size)}tui-icon[tuiBadge][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadge][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadge][data-size=l]:after,tui-icon[tuiBadge][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            template: '',
+                            styleUrls: ['./badge.style.less'],
+                            encapsulation: i0.ViewEncapsulation.None,
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                            host: {
+                                class: 'tui-badge',
+                            },
+                        }]
+                }] });
-    var TuiBadgeComponent = /** @class */ (function () {
-        function TuiBadgeComponent(options, mode$, platform) {
-            this.options = options;
-            this.mode$ = mode$;
-            this.platform = platform;
-            this.size = this.options.size;
-            this.appearance = this.options.appearance;
+        var TUI_BADGE_DEFAULT_OPTIONS = {
+            size: "l",
+            appearance: "default",
+            dot: false,
+        };
+        var TUI_BADGE_OPTIONS = i1.tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);
+        function tuiBadgeOptionsProvider(options) {
+            return i1.tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);
         }
-        return TuiBadgeComponent;
-    }());
-    TuiBadgeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeComponent, deps: [{ token: TUI_BADGE_OPTIONS }, { token: core.TUI_MODE }, { token: cdk.TUI_PLATFORM }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "tui-badge", inputs: { size: "size", appearance: "appearance" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "attr.data-platform": "platform", "attr.data-appearance": "appearance", "attr.data-size": "size" } }, providers: [core.MODE_PROVIDER], ngImport: i0__namespace, template: "<div class=\"t-image\">\n    <ng-content select=\"img\"></ng-content>\n</div>\n<div\n    class=\"t-icon\"\n    [class._icon-only]=\"!text.innerHTML.trim()\"\n>\n    <ng-content select=\"tui-svg\"></ng-content>\n</div>\n\n<span\n    #text\n    class=\"t-text\"\n>\n    <ng-content></ng-content>\n</span>\n", styles: [":host{--left-content-color: currentColor;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);flex-shrink:0;max-width:100%}:host:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";border-radius:inherit;pointer-events:none}:host[data-appearance=primary]{background:var(--tui-primary);color:var(--tui-primary-text)}:host[data-appearance=accent]{background:var(--tui-accent);color:var(--tui-accent-text)}:host[data-appearance=light]{background:var(--tui-secondary);color:var(--tui-text-01)}:host[data-appearance=light][data-platform=ios],:host[data-appearance=light][data-platform=android]{background:var(--tui-base-06)}:host[data-appearance=error]{--left-content-color: var(--tui-error-fill);background:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-appearance=error][data-mode=onDark]{background:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=success]{--left-content-color: var(--tui-success-fill);background:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-appearance=success][data-mode=onDark]{background:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=warning]{--left-content-color: var(--tui-warning-fill);background:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-appearance=warning][data-mode=onDark]{background:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=info]{--left-content-color: var(--tui-info-fill);background:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-appearance=info][data-mode=onDark]{background:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=neutral]{--left-content-color: var(--tui-neutral-fill);background:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-appearance=neutral][data-mode=onDark]{background:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=default]{background:var(--tui-base-06)}:host[data-appearance=default][data-mode=onDark]{background:var(--tui-clear-inverse-hover)}:host[data-appearance=default][data-mode=onLight]{background:var(--tui-clear);color:var(--tui-text-01)}:host:not(._empty-value){padding:0 .25rem}:host:not(._empty-value)[data-size=xl]{padding:0 .375rem}:host:not(._empty-value)[data-size=xl][data-platform=web]{padding:0 .5rem}:host:not(._empty-value)[data-size=s]{padding:0 .125rem}:host:not(._empty-value)[data-size=s][data-platform=web]{padding:0 .25rem}:host[data-size=s]{height:1.25rem;min-width:1.25rem}:host[data-size=s][data-platform=ios],:host[data-size=s][data-platform=android]{font:var(--tui-font-text-xs);font-weight:bold;height:1rem;min-width:1rem}:host[data-size=m]{height:1.25rem;min-width:1.25rem}:host[data-size=l]{height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size=l][data-platform=ios],:host[data-size=l][data-platform=android]{height:1.5rem;min-width:1.5rem}:host[data-size=xl]{height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size=xl][data-platform=ios],:host[data-size=xl][data-platform=android]{height:1.75rem;min-width:1.75rem}:host[data-size=xl][data-platform=web]{font:var(--tui-font-text-m)}:host[data-platform=ios],:host[data-platform=android]{font-weight:bold}.t-text{white-space:nowrap;padding:0 .125rem;overflow:hidden}.t-text:empty{display:none}:host[data-size=xl][data-platform=web] .t-text{padding:0 .375rem}:host[data-size=xl] .t-text{padding:0 .25rem}:host[data-size=l] .t-text{padding:0 .25rem}.t-icon{display:none;color:var(--left-content-color)}.t-icon:not(:empty){display:flex;width:1rem;height:1rem;align-items:center;justify-content:center}.t-icon:not(:empty):before{content:none}:host[data-size=m] .t-icon:not(:empty),:host[data-size=s][data-platform=web] .t-icon:not(:empty){width:.75rem;transform:scale(.75)}:host[data-size=s] .t-icon:not(:empty){width:.625rem;transform:scale(.625)}:host[data-size=s] .t-icon:not(:empty):not(._icon-only){margin-left:.0625rem}.t-icon:before{content:\"\";display:block;background:currentColor;margin:0 .125rem 0 .25rem;width:.25rem;height:.25rem;border-radius:100%}:host[data-appearance=error] .t-icon:empty,:host[data-appearance=success] .t-icon:empty,:host[data-appearance=warning] .t-icon:empty,:host[data-appearance=info] .t-icon:empty,:host[data-appearance=neutral] .t-icon:empty{display:block}:host[data-size=l] .t-icon:before{width:.375rem;height:.375rem}:host[data-size=xl] .t-icon:before{width:.5rem;height:.5rem}.t-image{display:none}:host::ng-deep .t-image img{width:100%;height:100%}.t-image:not(:empty){display:block;width:1rem;height:1rem;margin:0 -.5rem}.t-image:not(:empty)~.t-text{margin-left:.5rem}.t-image:not(:empty)~.t-icon{display:none}:host[data-size=xl] .t-image:not(:empty){height:1.75rem;width:1.75rem}:host[data-size=l] .t-image:not(:empty){height:1.5rem;width:1.5rem}:host[data-size=m] .t-image:not(:empty){height:1.25rem;width:1.25rem}:host[data-size=xl][data-platform=web] .t-image:not(:empty){width:2rem;height:2rem}:host[data-size=s][data-platform=web] .t-image:not(:empty){width:1.25rem;height:1.25rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'tui-badge',
-                        templateUrl: './badge.template.html',
-                        styleUrls: ['./badge.style.less'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        providers: [core.MODE_PROVIDER],
-                        host: {
-                            '[attr.data-platform]': 'platform',
-                            '[attr.data-appearance]': 'appearance',
-                            '[attr.data-size]': 'size',
-                            '($.data-mode.attr)': 'mode$',
-                        },
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [TUI_BADGE_OPTIONS]
-                        }] }, { type: i1__namespace.Observable, decorators: [{
-                            type: i0.Inject,
-                            args: [core.TUI_MODE]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [cdk.TUI_PLATFORM]
-                        }] }];
-        }, propDecorators: { size: [{
-                    type: i0.Input
-                }], appearance: [{
-                    type: i0.Input
-                }] } });
-    var TuiBadgeModule = /** @class */ (function () {
-        function TuiBadgeModule() {
-        }
-        return TuiBadgeModule;
-    }());
-    TuiBadgeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    TuiBadgeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeModule, declarations: [TuiBadgeComponent], exports: [TuiBadgeComponent] });
-    TuiBadgeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeModule });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [TuiBadgeComponent],
-                        exports: [TuiBadgeComponent],
-                    }]
-            }] });
+        var TuiBadgeDirective = /** @class */ (function () {
+            function TuiBadgeDirective(options, platform, directiveStyles) {
+                this.options = options;
+                this.platform = platform;
+                this.size = this.options.size;
+                this.appearance = this.options.appearance;
+                this.dot = this.options.dot;
+                directiveStyles.addComponent(TuiBadgeComponent);
+            }
+            return TuiBadgeDirective;
+        }());
+        TuiBadgeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeDirective, deps: [{ token: TUI_BADGE_OPTIONS }, { token: i1.TUI_PLATFORM }, { token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        TuiBadgeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeDirective, selector: "tui-badge,[tuiBadge]", inputs: { size: "size", appearance: "appearance", dot: "dot" }, host: { attributes: { "tuiAppearance": "" }, properties: { "class._dot": "dot", "attr.data-platform": "platform", "attr.data-appearance": "appearance", "attr.data-size": "size" } }, ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeDirective, decorators: [{
+                    type: i0.Directive,
+                    args: [{
+                            selector: 'tui-badge,[tuiBadge]',
+                            host: {
+                                tuiAppearance: '',
+                                '[class._dot]': 'dot',
+                                '[attr.data-platform]': 'platform',
+                                '[attr.data-appearance]': 'appearance',
+                                '[attr.data-size]': 'size',
+                            },
+                        }]
+                }], ctorParameters: function () {
+                return [{ type: undefined, decorators: [{
+                                type: i0.Inject,
+                                args: [TUI_BADGE_OPTIONS]
+                            }] }, { type: undefined, decorators: [{
+                                type: i0.Inject,
+                                args: [i1.TUI_PLATFORM]
+                            }] }, { type: i1__namespace.TuiDirectiveStylesService, decorators: [{
+                                type: i0.Inject,
+                                args: [i1.TuiDirectiveStylesService]
+                            }] }];
+            }, propDecorators: { size: [{
+                        type: i0.Input
+                    }], appearance: [{
+                        type: i0.Input
+                    }], dot: [{
+                        type: i0.Input
+                    }] } });
+        var TuiBadgeModule = /** @class */ (function () {
+            function TuiBadgeModule() {
+            }
+            return TuiBadgeModule;
+        }());
+        TuiBadgeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        TuiBadgeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeModule, declarations: [TuiBadgeComponent, TuiBadgeDirective], exports: [TuiBadgeDirective] });
+        TuiBadgeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [TuiBadgeComponent, TuiBadgeDirective],
+                            exports: [TuiBadgeDirective],
+                        }]
+                }] });
-    /**
-     * Generated bundle index. Do not edit.
-     */
+        /**
+         * Generated bundle index. Do not edit.
+         */
-    exports.TUI_BADGE_DEFAULT_OPTIONS = TUI_BADGE_DEFAULT_OPTIONS;
-    exports.TUI_BADGE_OPTIONS = TUI_BADGE_OPTIONS;
-    exports.TuiBadgeComponent = TuiBadgeComponent;
-    exports.TuiBadgeModule = TuiBadgeModule;
-    exports.tuiBadgeOptionsProvider = tuiBadgeOptionsProvider;
+        exports.TUI_BADGE_DEFAULT_OPTIONS = TUI_BADGE_DEFAULT_OPTIONS;
+        exports.TUI_BADGE_OPTIONS = TUI_BADGE_OPTIONS;
+        exports.TuiBadgeComponent = TuiBadgeComponent;
+        exports.TuiBadgeDirective = TuiBadgeDirective;
+        exports.TuiBadgeModule = TuiBadgeModule;
+        exports.tuiBadgeOptionsProvider = tuiBadgeOptionsProvider;
-    Object.defineProperty(exports, '__esModule', { value: true });
+        Object.defineProperty(exports, '__esModule', { value: true });
 }));
 //# sourceMappingURL=taiga-ui-experimental-components-badge.umd.js.map

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

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

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

@@ -31,7 +31,7 @@
             return TuiBadgedContentComponent;
         }());
         TuiBadgedContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgedContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiBadgedContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgedContentComponent, selector: "tui-badged-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n\n<div\n    #badgeTop\n    class=\"t-badge t-badge_top\"\n    [style.--t-badge-height.px]=\"badgeTop.offsetHeight\"\n    (tuiResize)=\"(0)\"\n>\n    <ng-content select=\"tui-badge-notification[tuiSlot='top']\"></ng-content>\n    <div class=\"t-border\">\n        <ng-content select=\"[tuiSlot='top']\"></ng-content>\n    </div>\n</div>\n\n<div\n    #badgeBottom\n    class=\"t-badge t-badge_bottom\"\n    [style.--t-badge-height.px]=\"badgeBottom.offsetHeight\"\n    (tuiResize)=\"(0)\"\n>\n    <ng-content select=\"tui-badge-notification[tuiSlot='bottom']\"></ng-content>\n    <div class=\"t-border\">\n        <ng-content select=\"[tuiSlot='bottom']\"></ng-content>\n    </div>\n</div>\n", styles: [":host{--tui-radius: var(--tui-radius-l);--t-badge-height: 0;--t-corner-offset: calc((var(--tui-radius) * 1.4142 - var(--tui-radius)) * 1 / 1.4142);position:relative;display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:max-content;color:var(--tui-base-01)}.t-badge{--t-offset: calc(var(--t-badge-height) * -.5 + var(--t-corner-offset));position:absolute;display:flex}.t-badge_top{top:var(--t-offset);right:var(--t-offset)}.t-badge_bottom{bottom:var(--t-offset);right:var(--t-offset)}.t-border:not(:empty){display:flex;border-radius:6rem;box-shadow:0 0 0 1px currentColor}\n"], directives: [{ type: i1__namespace.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        TuiBadgedContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgedContentComponent, selector: "tui-badged-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n\n<div\n    #badgeTop\n    class=\"t-badge t-badge_top\"\n    [style.--t-badge-height.px]=\"badgeTop.offsetHeight\"\n    (tuiResize)=\"(0)\"\n>\n    <ng-content select=\"tui-badge-notification[tuiSlot='top']\"></ng-content>\n    <div class=\"t-border\">\n        <ng-content select=\"[tuiSlot='top']\"></ng-content>\n    </div>\n</div>\n\n<div\n    #badgeBottom\n    class=\"t-badge t-badge_bottom\"\n    [style.--t-badge-height.px]=\"badgeBottom.offsetHeight\"\n    (tuiResize)=\"(0)\"\n>\n    <ng-content select=\"tui-badge-notification[tuiSlot='bottom']\"></ng-content>\n    <div class=\"t-border\">\n        <ng-content select=\"[tuiSlot='bottom']\"></ng-content>\n    </div>\n</div>\n", styles: [":host{--tui-radius: var(--tui-radius-l);--t-badge-height: 0;--t-corner-offset: calc((var(--tui-radius) * 1.4142 - var(--tui-radius)) * 1 / 1.4142);position:relative;display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:max-content;color:var(--tui-base-01)}.t-badge{--t-offset: calc(var(--t-badge-height) * -.5 + var(--t-corner-offset));position:absolute;display:flex}.t-badge_top{top:var(--t-offset);right:var(--t-offset)}.t-badge_bottom{bottom:var(--t-offset);right:var(--t-offset)}.t-border:not(:empty){display:flex;border-radius:6rem;box-shadow:0 0 0 1px currentColor;background:currentColor}\n"], directives: [{ type: i1__namespace.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgedContentComponent, decorators: [{
                     type: i0.Component,
                     args: [{

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

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