@taiga-ui/experimental 3.41.1-canary.fc0a9eb → 3.42.0

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/core'), require('@taiga-ui/experimental/components/text'), require('@angular/common'), require('@taiga-ui/kit'), require('@taiga-ui/experimental/pipes')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/avatar', ['exports', '@angular/core', '@taiga-ui/core', '@taiga-ui/experimental/components/text', '@angular/common', '@taiga-ui/kit', '@taiga-ui/experimental/pipes'], 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.i1, global["taiga-ui"].experimental.components.text, global.ng.common, global.i4, global["taiga-ui"].experimental.pipes));
-})(this, (function (exports, i0, i1, i2, i3, i4, pipes) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/experimental/components/fade'), require('@angular/common'), require('@taiga-ui/kit'), require('@taiga-ui/experimental/pipes')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/avatar', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/experimental/components/fade', '@angular/common', '@taiga-ui/kit', '@taiga-ui/experimental/pipes'], 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["taiga-ui"].experimental.components.fade, global.ng.common, global.i4, global["taiga-ui"].experimental.pipes));
+})(this, (function (exports, i0, cdk, i1, i2, i3, i4, pipes) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -50,6 +50,9 @@
         });
         Object.defineProperty(TuiAvatarComponent.prototype, "type", {
             get: function () {
+                if (!!this.value && !cdk.tuiIsString(this.value)) {
+                    return 'img';
+                }
                 if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {
                     return 'icon';
                 }
@@ -64,7 +67,7 @@
         return TuiAvatarComponent;
     }());
     TuiAvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, deps: [], 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": "this.size", "class._round": "this.round", "class._img": "this.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        class=\"t-img\"\n        [src]=\"value\"\n    />\n    <tui-text\n        *ngSwitchDefault\n        lineHeight=\"2.5rem\"\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </tui-text>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tui-radius-l);background:var(--tui-secondary);color:var(--tui-text-02)}:host[data-size=s]{width:2.5rem;height:2.5rem;font:var(--tui-font-text-l);font-weight:500}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:500}:host[data-size=m]{width:3.5rem;height:3.5rem;font:var(--tui-font-heading-5);font-weight:500}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:500}:host[data-size=l]{width:5rem;height:5rem;font:var(--tui-font-heading-3);font-weight:500}:host[data-size=l] .t-content{font:var(--tui-font-heading-4);font-weight:500}:host._round{border-radius:100%}:host._img{background:transparent}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.t-content{margin:.25rem;white-space:nowrap}\n"], components: [{ type: i1__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i2__namespace.TuiTextComponent, selector: "tui-text", inputs: ["lineHeight", "fadeSize"] }], directives: [{ type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4__namespace.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    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": "this.size", "class._round": "this.round", "class._img": "this.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        class=\"t-img\"\n        [src]=\"value\"\n    />\n    <tui-fade\n        *ngSwitchDefault\n        lineHeight=\"2.5rem\"\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </tui-fade>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tui-radius-l);background:var(--tui-secondary);color:var(--tui-text-02)}:host[data-size=s]{width:2.5rem;height:2.5rem;font:var(--tui-font-text-l);font-weight:500}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:500}:host[data-size=m]{width:3.5rem;height:3.5rem;font:var(--tui-font-heading-5);font-weight:500}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:500}:host[data-size=l]{width:5rem;height:5rem;font:var(--tui-font-heading-3);font-weight:500}:host[data-size=l] .t-content{font:var(--tui-font-heading-4);font-weight:500}:host._round{border-radius:100%}:host._img{background:transparent}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.t-content{margin:.25rem;white-space:nowrap}\n"], components: [{ type: i1__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i2__namespace.TuiFadeComponent, selector: "tui-fade", inputs: ["lineHeight", "size", "offset", "orientation"] }], directives: [{ type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4__namespace.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i3__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: [{
@@ -100,13 +103,13 @@
             i1.TuiSvgModule,
             i4.TuiLazyLoadingModule,
             pipes.TuiFallbackSrcModule,
-            i2.TuiTextModule], exports: [TuiAvatarComponent, pipes.TuiFallbackSrcPipe] });
+            i2.TuiFadeModule], exports: [TuiAvatarComponent, pipes.TuiFallbackSrcPipe] });
     TuiAvatarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, imports: [[
                 i3.CommonModule,
                 i1.TuiSvgModule,
                 i4.TuiLazyLoadingModule,
                 pipes.TuiFallbackSrcModule,
-                i2.TuiTextModule,
+                i2.TuiFadeModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, decorators: [{
                 type: i0.NgModule,
@@ -116,7 +119,7 @@
                             i1.TuiSvgModule,
                             i4.TuiLazyLoadingModule,
                             pipes.TuiFallbackSrcModule,
-                            i2.TuiTextModule,
+                            i2.TuiFadeModule,
                         ],
                         declarations: [TuiAvatarComponent],
                         exports: [TuiAvatarComponent, pipes.TuiFallbackSrcPipe],

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-avatar.umd.js","sources":["../../../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 {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-avatar',\n    templateUrl: './avatar.template.html',\n    styleUrls: ['./avatar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAvatarComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    @HostBinding('class._round')\n    round = false;\n\n    @Input()\n    src: string | null = null;\n\n    @HostBinding('class._img')\n    get img(): boolean {\n        return this.type === 'img';\n    }\n\n    get value(): string {\n        return this.src || '';\n    }\n\n    get type(): 'content' | 'icon' | 'img' | 'text' {\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        class=\"t-img\"\n        [src]=\"value\"\n    />\n    <tui-text\n        *ngSwitchDefault\n        lineHeight=\"2.5rem\"\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </tui-text>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiTextModule} from '@taiga-ui/experimental/components/text';\nimport {TuiFallbackSrcModule, TuiFallbackSrcPipe} from '@taiga-ui/experimental/pipes';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiSvgModule,\n        TuiLazyLoadingModule,\n        TuiFallbackSrcModule,\n        TuiTextModule,\n    ],\n    declarations: [TuiAvatarComponent],\n    exports: [TuiAvatarComponent, TuiFallbackSrcPipe],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","i1","i2","i3","i4","Component","ChangeDetectionStrategy","Input","HostBinding","CommonModule","TuiSvgModule","TuiLazyLoadingModule","TuiFallbackSrcModule","TuiTextModule","TuiFallbackSrcPipe","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-components-avatar.umd.js","sources":["../../../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 {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {tuiIsString} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-avatar',\n    templateUrl: './avatar.template.html',\n    styleUrls: ['./avatar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAvatarComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    @HostBinding('class._round')\n    round = false;\n\n    @Input()\n    src: SafeResourceUrl | string | null = null;\n\n    @HostBinding('class._img')\n    get img(): boolean {\n        return this.type === 'img';\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        class=\"t-img\"\n        [src]=\"value\"\n    />\n    <tui-fade\n        *ngSwitchDefault\n        lineHeight=\"2.5rem\"\n        class=\"t-content\"\n    >\n        <ng-content></ng-content>\n    </tui-fade>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiFadeModule} from '@taiga-ui/experimental/components/fade';\nimport {TuiFallbackSrcModule, TuiFallbackSrcPipe} from '@taiga-ui/experimental/pipes';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiSvgModule,\n        TuiLazyLoadingModule,\n        TuiFallbackSrcModule,\n        TuiFadeModule,\n    ],\n    declarations: [TuiAvatarComponent],\n    exports: [TuiAvatarComponent, TuiFallbackSrcPipe],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiIsString","i0","i1","i2","i3","i4","Component","ChangeDetectionStrategy","Input","HostBinding","CommonModule","TuiSvgModule","TuiLazyLoadingModule","TuiFallbackSrcModule","TuiFadeModule","TuiFallbackSrcPipe","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-fade.umd.js

@@ -0,0 +1,144 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ng-web-apis/mutation-observer'), require('@taiga-ui/cdk'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/fade', ['exports', '@angular/core', '@ng-web-apis/mutation-observer', '@taiga-ui/cdk', 'rxjs', 'rxjs/operators'], 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.fade = {}), global.ng.core, global.mutationObserver, global.cdk, global.rxjs, global.rxjs.operators));
+})(this, (function (exports, i0, mutationObserver, cdk, i1, operators) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+    var TuiFadeComponent = /** @class */ (function () {
+        function TuiFadeComponent(destroy$, resize$, mutate$, element, zone) {
+            var _this = this;
+            this.lineHeight = '100%';
+            this.size = '1.5em';
+            this.offset = '0em';
+            this.orientation = 'horizontal';
+            var el = element.nativeElement;
+            i1.merge(resize$, mutate$, i1.fromEvent(el, 'scroll'))
+                .pipe(cdk.tuiZonefree(zone), operators.takeUntil(destroy$))
+                .subscribe(function () {
+                el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);
+                el.classList.toggle('_end', _this.isEnd(el));
+            });
+        }
+        TuiFadeComponent.prototype.isEnd = function (el) {
+            return (el.scrollLeft < el.scrollWidth - el.clientWidth ||
+                el.scrollTop < el.scrollHeight - el.clientHeight ||
+                (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
+        };
+        return TuiFadeComponent;
+    }());
+    TuiFadeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, deps: [{ token: cdk.TuiDestroyService, self: true }, { token: cdk.TuiResizeService }, { token: mutationObserver.MutationObserverService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "tui-fade", inputs: { lineHeight: "lineHeight", size: "size", offset: "offset", orientation: "orientation" }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
+            cdk.TuiDestroyService,
+            cdk.TuiResizeService,
+            mutationObserver.MutationObserverService,
+            {
+                provide: mutationObserver.MUTATION_OBSERVER_INIT,
+                useValue: { characterData: true, subtree: true },
+            },
+        ], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:host[data-orientation=horizontal]{line-height:var(--line-height)!important;-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),100% calc(100% - var(--line-height));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),100% calc(100% - var(--line-height))}:host[data-orientation=horizontal]._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}:host[data-orientation=horizontal]._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}:host[data-orientation=horizontal]._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}:host[data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}:host[data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}:host[data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}:host[data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'tui-fade',
+                        template: '<ng-content></ng-content>',
+                        styleUrls: ['./fade.style.less'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        providers: [
+                            cdk.TuiDestroyService,
+                            cdk.TuiResizeService,
+                            mutationObserver.MutationObserverService,
+                            {
+                                provide: mutationObserver.MUTATION_OBSERVER_INIT,
+                                useValue: { characterData: true, subtree: true },
+                            },
+                        ],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace.Observable, decorators: [{
+                            type: i0.Self
+                        }, {
+                            type: i0.Inject,
+                            args: [cdk.TuiDestroyService]
+                        }] }, { type: i1__namespace.Observable, decorators: [{
+                            type: i0.Inject,
+                            args: [cdk.TuiResizeService]
+                        }] }, { type: i1__namespace.Observable, decorators: [{
+                            type: i0.Inject,
+                            args: [mutationObserver.MutationObserverService]
+                        }] }, { type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.ElementRef]
+                        }] }, { type: i0__namespace.NgZone, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.NgZone]
+                        }] }];
+        }, propDecorators: { lineHeight: [{
+                    type: i0.Input
+                }, {
+                    type: i0.HostBinding,
+                    args: ['style.--line-height']
+                }], size: [{
+                    type: i0.Input
+                }, {
+                    type: i0.HostBinding,
+                    args: ['style.--fade-size']
+                }], offset: [{
+                    type: i0.Input
+                }, {
+                    type: i0.HostBinding,
+                    args: ['style.--fade-offset']
+                }], orientation: [{
+                    type: i0.Input
+                }, {
+                    type: i0.HostBinding,
+                    args: ['attr.data-orientation']
+                }] } });
+
+    var TuiFadeModule = /** @class */ (function () {
+        function TuiFadeModule() {
+        }
+        return TuiFadeModule;
+    }());
+    TuiFadeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiFadeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, declarations: [TuiFadeComponent], exports: [TuiFadeComponent] });
+    TuiFadeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [TuiFadeComponent],
+                        exports: [TuiFadeComponent],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TuiFadeComponent = TuiFadeComponent;
+    exports.TuiFadeModule = TuiFadeModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-components-fade.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-fade.umd.js","sources":["../../../projects/experimental/components/fade/fade.component.ts","../../../projects/experimental/components/fade/fade.module.ts","../../../projects/experimental/components/fade/taiga-ui-experimental-components-fade.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    NgZone,\n    Self,\n} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService, tuiZonefree} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-fade',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./fade.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TuiDestroyService,\n        TuiResizeService,\n        MutationObserverService,\n        {\n            provide: MUTATION_OBSERVER_INIT,\n            useValue: {characterData: true, subtree: true},\n        },\n    ],\n})\nexport class TuiFadeComponent {\n    @Input()\n    @HostBinding('style.--line-height')\n    lineHeight = '100%';\n\n    @Input()\n    @HostBinding('style.--fade-size')\n    size = '1.5em';\n\n    @Input()\n    @HostBinding('style.--fade-offset')\n    offset = '0em';\n\n    @Input()\n    @HostBinding('attr.data-orientation')\n    orientation: TuiOrientation = 'horizontal';\n\n    constructor(\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n        @Inject(MutationObserverService) mutate$: Observable<unknown>,\n        @Inject(ElementRef) element: ElementRef<HTMLElement>,\n        @Inject(NgZone) zone: NgZone,\n    ) {\n        const el = element.nativeElement;\n\n        merge(resize$, mutate$, fromEvent(el, 'scroll'))\n            .pipe(tuiZonefree(zone), takeUntil(destroy$))\n            .subscribe(() => {\n                el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);\n                el.classList.toggle('_end', this.isEnd(el));\n            });\n    }\n\n    private isEnd(el: HTMLElement): boolean {\n        return (\n            el.scrollLeft < el.scrollWidth - el.clientWidth ||\n            el.scrollTop < el.scrollHeight - el.clientHeight ||\n            (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n        );\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@NgModule({\n    declarations: [TuiFadeComponent],\n    exports: [TuiFadeComponent],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","i0","MUTATION_OBSERVER_INIT","Component","ChangeDetectionStrategy","Self","Inject","Input","HostBinding","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-pin.umd.js

@@ -0,0 +1,228 @@
+(function (global, factory) {
+        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
+        typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/pin', ['exports', '@angular/core'], 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.pin = {}), global.ng.core));
+})(this, (function (exports, i0) { 'use strict';
+
+        function _interopNamespace(e) {
+                if (e && e.__esModule) return e;
+                var n = Object.create(null);
+                if (e) {
+                        Object.keys(e).forEach(function (k) {
+                                if (k !== 'default') {
+                                        var d = Object.getOwnPropertyDescriptor(e, k);
+                                        Object.defineProperty(n, k, d.get ? d : {
+                                                enumerable: true,
+                                                get: function () { return e[k]; }
+                                        });
+                                }
+                        });
+                }
+                n["default"] = e;
+                return Object.freeze(n);
+        }
+
+        var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+        var TuiPinCursorComponent = /** @class */ (function () {
+            function TuiPinCursorComponent() {
+            }
+            return TuiPinCursorComponent;
+        }());
+        TuiPinCursorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinCursorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiPinCursorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPinCursorComponent, selector: "tui-pin-cursor", ngImport: i0__namespace, template: "<svg\n    fill=\"none\"\n    height=\"9\"\n    viewBox=\"0 0 12 9\"\n    width=\"12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n>\n    <!--suppress AngularUndefinedTag -->\n    <path\n        d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n", styles: [":host{position:relative;top:-.5rem;display:flex;transform:translateZ(-1em);margin:auto}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinCursorComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'tui-pin-cursor',
+                            templateUrl: './pin-cursor.component.html',
+                            styleUrls: ['./pin-cursor.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var TuiPinDotComponent = /** @class */ (function () {
+            function TuiPinDotComponent() {
+            }
+            return TuiPinDotComponent;
+        }());
+        TuiPinDotComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinDotComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiPinDotComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPinDotComponent, selector: "tui-pin-dot,[tuiPinDot]", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{width:1rem;height:1rem;border:2px solid var(--tui-base-02);background:var(--tui-primary);border-radius:1rem;box-sizing:border-box;transform-style:preserve-3d}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinDotComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            template: '<ng-content></ng-content>',
+                            selector: 'tui-pin-dot,[tuiPinDot]',
+                            styleUrls: ['./pin-dot.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var TuiPinIconComponent = /** @class */ (function () {
+            function TuiPinIconComponent() {
+            }
+            return TuiPinIconComponent;
+        }());
+        TuiPinIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiPinIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPinIconComponent, selector: "tui-pin-icon,[tuiPinIcon]", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;min-width:2rem;min-height:2rem;max-height:2rem;border-radius:2rem;box-shadow:0 0 0 2px var(--tui-base-02);background:var(--tui-primary);align-items:center;justify-content:center;color:var(--tui-accent-text);box-sizing:border-box}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinIconComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'tui-pin-icon,[tuiPinIcon]',
+                            template: '<ng-content></ng-content>',
+                            styleUrls: ['./pin-icon.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var TuiPinLabelComponent = /** @class */ (function () {
+            function TuiPinLabelComponent() {
+            }
+            return TuiPinLabelComponent;
+        }());
+        TuiPinLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiPinLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPinLabelComponent, selector: "tui-pin-label", ngImport: i0__namespace, template: "\n        <ng-content select=\"tui-pin-label-title, [tuiPinLabelTitle]\"></ng-content>\n        <ng-content select=\"tui-pin-label-subtitle, [tuiPinLabelSubtitle]\"></ng-content>\n    ", isInline: true, styles: [":host{margin-right:.75rem;overflow:hidden;text-overflow:ellipsis}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinLabelComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'tui-pin-label',
+                            template: "\n        <ng-content select=\"tui-pin-label-title, [tuiPinLabelTitle]\"></ng-content>\n        <ng-content select=\"tui-pin-label-subtitle, [tuiPinLabelSubtitle]\"></ng-content>\n    ",
+                            styleUrls: ['./pin-label.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var TuiPinLabelSubtitleComponent = /** @class */ (function () {
+            function TuiPinLabelSubtitleComponent() {
+            }
+            return TuiPinLabelSubtitleComponent;
+        }());
+        TuiPinLabelSubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinLabelSubtitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiPinLabelSubtitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPinLabelSubtitleComponent, selector: "tui-pin-label-subtitle,[tuiPinLabelSubtitle]", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{color:var(--tui-text-02);font-size:.625rem;font-style:normal;font-weight:500;letter-spacing:-.015rem;line-height:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinLabelSubtitleComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'tui-pin-label-subtitle,[tuiPinLabelSubtitle]',
+                            template: '<ng-content></ng-content>',
+                            styleUrls: ['./pin-label-subtitle.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var TuiPinLabelTitleComponent = /** @class */ (function () {
+            function TuiPinLabelTitleComponent() {
+            }
+            return TuiPinLabelTitleComponent;
+        }());
+        TuiPinLabelTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinLabelTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiPinLabelTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPinLabelTitleComponent, selector: "tui-pin-label-title,[tuiPinLabelTitle]", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-weight:600;line-height:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinLabelTitleComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'tui-pin-label-title,[tuiPinLabelTitle]',
+                            template: '<ng-content></ng-content>',
+                            styleUrls: ['./pin-label-title.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var TuiPinComponent = /** @class */ (function () {
+            function TuiPinComponent() {
+            }
+            return TuiPinComponent;
+        }());
+        TuiPinComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiPinComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPinComponent, selector: "tui-pin", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;min-width:2.25rem;min-height:2.25rem;align-items:center;justify-content:center;grid-gap:.375rem;gap:.375rem;box-sizing:border-box;border-radius:2rem;font-size:.75rem;font-style:normal;font-weight:600;line-height:.875rem;white-space:nowrap;max-width:11.25rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'tui-pin',
+                            template: '<ng-content></ng-content>',
+                            styleUrls: ['./pin.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var TuiPinSelectedComponent = /** @class */ (function () {
+            function TuiPinSelectedComponent() {
+            }
+            return TuiPinSelectedComponent;
+        }());
+        TuiPinSelectedComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinSelectedComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiPinSelectedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPinSelectedComponent, selector: "tui-pin-selected", ngImport: i0__namespace, template: "<div class=\"t-pin-selected-area\">\n    <div class=\"t-pin-selected-icon\">\n        <ng-content select=\"tui-pin-icon, [tuiPinIcon]\"></ng-content>\n    </div>\n    <svg\n        fill=\"none\"\n        height=\"66\"\n        viewBox=\"0 0 60 66\"\n        width=\"60\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-pin-selected-cover\"\n    >\n        <!--suppress AngularUndefinedTag -->\n        <path\n            clip-rule=\"evenodd\"\n            d=\"M30.0002 0C13.4313 0 0 13.4726 0 30.0917C0 43.5901 9.46433 56.0206 22.6199 59.2986C27.481 60.5551 28.9938 65.275 28.9938 65.275C29.147 65.697 29.5453 66 30.0183 66C30.4909 66 30.8892 65.697 31.0408 65.275C31.0408 65.275 32.5552 60.5551 37.4162 59.2986C50.4927 56.0529 60 44.2105 60 30.0917C60 13.4726 46.5687 0 30.0002 0Z\"\n            fill=\"currentColor\"\n            fill-rule=\"evenodd\"\n        />\n    </svg>\n</div>\n\n<ng-content select=\"tui-pin-dot, [tuiPinDot]\"></ng-content>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;grid-gap:.1875rem;gap:.1875rem;color:var(--tui-primary)}:host ::ng-deep>tui-pin-dot,:host ::ng-deep>[tuiPinDot]{background:var(--tui-primary);width:.625rem;height:.625rem}.t-pin-selected-area{position:relative;width:3.75rem;height:4.125rem}.t-pin-selected-icon{display:flex;height:3.25rem;width:3.25rem;align-items:center;justify-content:center;margin:.25rem}.t-pin-selected-icon ::ng-deep>tui-pin-icon,.t-pin-selected-icon ::ng-deep>[tuiPinIcon]{width:100%;height:100%;max-height:100%;font-size:1rem;font-style:normal;font-weight:500;line-height:normal}.t-pin-selected-cover{position:absolute;top:0;z-index:-1}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinSelectedComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'tui-pin-selected',
+                            templateUrl: './pin-selected.component.html',
+                            styleUrls: ['./pin-selected.style.less'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var TuiPinModule = /** @class */ (function () {
+            function TuiPinModule() {
+            }
+            return TuiPinModule;
+        }());
+        TuiPinModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        TuiPinModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinModule, declarations: [TuiPinComponent,
+                TuiPinSelectedComponent,
+                TuiPinIconComponent,
+                TuiPinDotComponent,
+                TuiPinLabelComponent,
+                TuiPinLabelTitleComponent,
+                TuiPinLabelSubtitleComponent,
+                TuiPinCursorComponent], exports: [TuiPinComponent,
+                TuiPinSelectedComponent,
+                TuiPinIconComponent,
+                TuiPinDotComponent,
+                TuiPinLabelComponent,
+                TuiPinLabelTitleComponent,
+                TuiPinLabelSubtitleComponent,
+                TuiPinCursorComponent] });
+        TuiPinModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiPinModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [
+                                TuiPinComponent,
+                                TuiPinSelectedComponent,
+                                TuiPinIconComponent,
+                                TuiPinDotComponent,
+                                TuiPinLabelComponent,
+                                TuiPinLabelTitleComponent,
+                                TuiPinLabelSubtitleComponent,
+                                TuiPinCursorComponent,
+                            ],
+                            exports: [
+                                TuiPinComponent,
+                                TuiPinSelectedComponent,
+                                TuiPinIconComponent,
+                                TuiPinDotComponent,
+                                TuiPinLabelComponent,
+                                TuiPinLabelTitleComponent,
+                                TuiPinLabelSubtitleComponent,
+                                TuiPinCursorComponent,
+                            ],
+                        }]
+                }] });
+
+        /**
+         * Generated bundle index. Do not edit.
+         */
+
+        exports.TuiPinComponent = TuiPinComponent;
+        exports.TuiPinCursorComponent = TuiPinCursorComponent;
+        exports.TuiPinDotComponent = TuiPinDotComponent;
+        exports.TuiPinIconComponent = TuiPinIconComponent;
+        exports.TuiPinLabelComponent = TuiPinLabelComponent;
+        exports.TuiPinLabelSubtitleComponent = TuiPinLabelSubtitleComponent;
+        exports.TuiPinLabelTitleComponent = TuiPinLabelTitleComponent;
+        exports.TuiPinModule = TuiPinModule;
+        exports.TuiPinSelectedComponent = TuiPinSelectedComponent;
+
+        Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-components-pin.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-pin.umd.js","sources":["../../../projects/experimental/components/pin/cursor/pin-cursor.component.ts","../../../projects/experimental/components/pin/cursor/pin-cursor.component.html","../../../projects/experimental/components/pin/dot/pin-dot.component.ts","../../../projects/experimental/components/pin/icon/pin-icon.component.ts","../../../projects/experimental/components/pin/label/pin-label.component.ts","../../../projects/experimental/components/pin/label/pin-label-subtitle.component.ts","../../../projects/experimental/components/pin/label/pin-label-title.component.ts","../../../projects/experimental/components/pin/pin.component.ts","../../../projects/experimental/components/pin/selected/pin-selected.component.ts","../../../projects/experimental/components/pin/selected/pin-selected.component.html","../../../projects/experimental/components/pin/pin.module.ts","../../../projects/experimental/components/pin/taiga-ui-experimental-components-pin.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-pin-cursor',\n    templateUrl: './pin-cursor.component.html',\n    styleUrls: ['./pin-cursor.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPinCursorComponent {}\n","<svg\n    fill=\"none\"\n    height=\"9\"\n    viewBox=\"0 0 12 9\"\n    width=\"12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n>\n    <!--suppress AngularUndefinedTag -->\n    <path\n        d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    template: '<ng-content></ng-content>',\n    selector: 'tui-pin-dot,[tuiPinDot]',\n    styleUrls: ['./pin-dot.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPinDotComponent {}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-pin-icon,[tuiPinIcon]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./pin-icon.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPinIconComponent {}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-pin-label',\n    template: `\n        <ng-content select=\"tui-pin-label-title, [tuiPinLabelTitle]\"></ng-content>\n        <ng-content select=\"tui-pin-label-subtitle, [tuiPinLabelSubtitle]\"></ng-content>\n    `,\n    styleUrls: ['./pin-label.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPinLabelComponent {}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-pin-label-subtitle,[tuiPinLabelSubtitle]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./pin-label-subtitle.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPinLabelSubtitleComponent {}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-pin-label-title,[tuiPinLabelTitle]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./pin-label-title.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPinLabelTitleComponent {}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-pin',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./pin.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPinComponent {}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-pin-selected',\n    templateUrl: './pin-selected.component.html',\n    styleUrls: ['./pin-selected.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPinSelectedComponent {}\n","<div class=\"t-pin-selected-area\">\n    <div class=\"t-pin-selected-icon\">\n        <ng-content select=\"tui-pin-icon, [tuiPinIcon]\"></ng-content>\n    </div>\n    <svg\n        fill=\"none\"\n        height=\"66\"\n        viewBox=\"0 0 60 66\"\n        width=\"60\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-pin-selected-cover\"\n    >\n        <!--suppress AngularUndefinedTag -->\n        <path\n            clip-rule=\"evenodd\"\n            d=\"M30.0002 0C13.4313 0 0 13.4726 0 30.0917C0 43.5901 9.46433 56.0206 22.6199 59.2986C27.481 60.5551 28.9938 65.275 28.9938 65.275C29.147 65.697 29.5453 66 30.0183 66C30.4909 66 30.8892 65.697 31.0408 65.275C31.0408 65.275 32.5552 60.5551 37.4162 59.2986C50.4927 56.0529 60 44.2105 60 30.0917C60 13.4726 46.5687 0 30.0002 0Z\"\n            fill=\"currentColor\"\n            fill-rule=\"evenodd\"\n        />\n    </svg>\n</div>\n\n<ng-content select=\"tui-pin-dot, [tuiPinDot]\"></ng-content>\n","import {NgModule} from '@angular/core';\n\nimport {TuiPinCursorComponent} from './cursor/pin-cursor.component';\nimport {TuiPinDotComponent} from './dot/pin-dot.component';\nimport {TuiPinIconComponent} from './icon/pin-icon.component';\nimport {TuiPinLabelComponent} from './label/pin-label.component';\nimport {TuiPinLabelSubtitleComponent} from './label/pin-label-subtitle.component';\nimport {TuiPinLabelTitleComponent} from './label/pin-label-title.component';\nimport {TuiPinComponent} from './pin.component';\nimport {TuiPinSelectedComponent} from './selected/pin-selected.component';\n\n@NgModule({\n    declarations: [\n        TuiPinComponent,\n        TuiPinSelectedComponent,\n        TuiPinIconComponent,\n        TuiPinDotComponent,\n        TuiPinLabelComponent,\n        TuiPinLabelTitleComponent,\n        TuiPinLabelSubtitleComponent,\n        TuiPinCursorComponent,\n    ],\n    exports: [\n        TuiPinComponent,\n        TuiPinSelectedComponent,\n        TuiPinIconComponent,\n        TuiPinDotComponent,\n        TuiPinLabelComponent,\n        TuiPinLabelTitleComponent,\n        TuiPinLabelSubtitleComponent,\n        TuiPinCursorComponent,\n    ],\n})\nexport class TuiPinModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ChangeDetectionStrategy","NgModule"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/text')) :
-	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/text'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.text));
-})(this, (function (exports, avatar, avatarStack, text) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/fade'), require('@taiga-ui/experimental/components/pin')) :
+	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/fade', '@taiga-ui/experimental/components/pin'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.fade, global["taiga-ui"].experimental.components.pin));
+})(this, (function (exports, avatar, avatarStack, fade, pin) { 'use strict';
 
 	/**
 	 * Generated bundle index. Do not edit.
@@ -20,10 +20,16 @@
 			get: function () { return avatarStack[k]; }
 		});
 	});
-	Object.keys(text).forEach(function (k) {
+	Object.keys(fade).forEach(function (k) {
 		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 			enumerable: true,
-			get: function () { return text[k]; }
+			get: function () { return fade[k]; }
+		});
+	});
+	Object.keys(pin).forEach(function (k) {
+		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+			enumerable: true,
+			get: function () { return pin[k]; }
 		});
 	});
 

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

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

package/components/avatar/avatar.component.d.ts

@@ -1,11 +1,12 @@
+import { SafeResourceUrl } from '@angular/platform-browser';
 import { TuiSizeL, TuiSizeS } from '@taiga-ui/core';
 import * as i0 from "@angular/core";
 export declare class TuiAvatarComponent {
     size: TuiSizeL | TuiSizeS;
     round: boolean;
-    src: string | null;
+    src: SafeResourceUrl | string | null;
     get img(): boolean;
-    get value(): string;
+    get value(): SafeResourceUrl | string;
     get type(): 'content' | 'icon' | 'img' | 'text';
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarComponent, "tui-avatar", never, { "size": "size"; "round": "round"; "src": "src"; }, {}, never, ["*"]>;

package/components/avatar/avatar.module.d.ts

@@ -4,9 +4,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "@taiga-ui/core";
 import * as i4 from "@taiga-ui/kit";
 import * as i5 from "@taiga-ui/experimental/pipes";
-import * as i6 from "@taiga-ui/experimental/components/text";
+import * as i6 from "@taiga-ui/experimental/components/fade";
 export declare class TuiAvatarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAvatarModule, [typeof i1.TuiAvatarComponent], [typeof i2.CommonModule, typeof i3.TuiSvgModule, typeof i4.TuiLazyLoadingModule, typeof i5.TuiFallbackSrcModule, typeof i6.TuiTextModule], [typeof i1.TuiAvatarComponent, typeof i5.TuiFallbackSrcPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAvatarModule, [typeof i1.TuiAvatarComponent], [typeof i2.CommonModule, typeof i3.TuiSvgModule, typeof i4.TuiLazyLoadingModule, typeof i5.TuiFallbackSrcModule, typeof i6.TuiFadeModule], [typeof i1.TuiAvatarComponent, typeof i5.TuiFallbackSrcPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TuiAvatarModule>;
 }