@taiga-ui/experimental 3.41.1-canary.fe67f26 → 3.42.1-canary.b789cd2
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.
- package/bundles/taiga-ui-experimental-components-avatar.umd.js +11 -8
- package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-fade.umd.js +144 -0
- package/bundles/taiga-ui-experimental-components-fade.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-components.umd.js +6 -6
- package/components/avatar/avatar.component.d.ts +3 -2
- package/components/avatar/avatar.module.d.ts +2 -2
- package/components/fade/fade.component.d.ts +14 -0
- package/components/fade/fade.module.d.ts +7 -0
- package/components/fade/index.d.ts +2 -0
- package/components/fade/package.json +10 -0
- package/components/{text/taiga-ui-experimental-components-text.d.ts → fade/taiga-ui-experimental-components-fade.d.ts} +1 -1
- package/components/index.d.ts +1 -1
- package/esm2015/components/avatar/avatar.component.js +7 -3
- package/esm2015/components/avatar/avatar.module.js +5 -5
- package/esm2015/components/fade/fade.component.js +93 -0
- package/esm2015/components/fade/fade.module.js +16 -0
- package/esm2015/components/{text → fade}/index.js +3 -3
- package/esm2015/components/{text/taiga-ui-experimental-components-text.js → fade/taiga-ui-experimental-components-fade.js} +1 -1
- package/esm2015/components/index.js +2 -2
- package/fesm2015/taiga-ui-experimental-components-avatar.js +10 -6
- package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-fade.js +113 -0
- package/fesm2015/taiga-ui-experimental-components-fade.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-components.js +1 -1
- package/package.json +4 -4
- package/bundles/taiga-ui-experimental-components-text.umd.js +0 -123
- package/bundles/taiga-ui-experimental-components-text.umd.js.map +0 -1
- package/components/text/index.d.ts +0 -2
- package/components/text/package.json +0 -10
- package/components/text/text.component.d.ts +0 -10
- package/components/text/text.module.d.ts +0 -7
- package/esm2015/components/text/text.component.js +0 -73
- package/esm2015/components/text/text.module.js +0 -16
- package/fesm2015/taiga-ui-experimental-components-text.js +0 -93
- package/fesm2015/taiga-ui-experimental-components-text.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/core'), require('@taiga-ui/experimental/components/
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/avatar', ['exports', '@angular/core', '@taiga-ui/core', '@taiga-ui/experimental/components/
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.avatar = {}), global.ng.core, global.i1, global["taiga-ui"].experimental.components.
|
|
5
|
-
})(this, (function (exports, i0, i1, i2, i3, i4, pipes) { 'use strict';
|
|
2
|
+
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')) :
|
|
3
|
+
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) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, 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));
|
|
5
|
+
})(this, (function (exports, i0, cdk, i1, i2, i3, i4, pipes) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -50,6 +50,9 @@
|
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(TuiAvatarComponent.prototype, "type", {
|
|
52
52
|
get: function () {
|
|
53
|
+
if (!!this.value && !cdk.tuiIsString(this.value)) {
|
|
54
|
+
return 'img';
|
|
55
|
+
}
|
|
53
56
|
if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {
|
|
54
57
|
return 'icon';
|
|
55
58
|
}
|
|
@@ -64,7 +67,7 @@
|
|
|
64
67
|
return TuiAvatarComponent;
|
|
65
68
|
}());
|
|
66
69
|
TuiAvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
67
|
-
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-
|
|
70
|
+
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 });
|
|
68
71
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, decorators: [{
|
|
69
72
|
type: i0.Component,
|
|
70
73
|
args: [{
|
|
@@ -100,13 +103,13 @@
|
|
|
100
103
|
i1.TuiSvgModule,
|
|
101
104
|
i4.TuiLazyLoadingModule,
|
|
102
105
|
pipes.TuiFallbackSrcModule,
|
|
103
|
-
i2.
|
|
106
|
+
i2.TuiFadeModule], exports: [TuiAvatarComponent, pipes.TuiFallbackSrcPipe] });
|
|
104
107
|
TuiAvatarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, imports: [[
|
|
105
108
|
i3.CommonModule,
|
|
106
109
|
i1.TuiSvgModule,
|
|
107
110
|
i4.TuiLazyLoadingModule,
|
|
108
111
|
pipes.TuiFallbackSrcModule,
|
|
109
|
-
i2.
|
|
112
|
+
i2.TuiFadeModule,
|
|
110
113
|
]] });
|
|
111
114
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, decorators: [{
|
|
112
115
|
type: i0.NgModule,
|
|
@@ -116,7 +119,7 @@
|
|
|
116
119
|
i1.TuiSvgModule,
|
|
117
120
|
i4.TuiLazyLoadingModule,
|
|
118
121
|
pipes.TuiFallbackSrcModule,
|
|
119
|
-
i2.
|
|
122
|
+
i2.TuiFadeModule,
|
|
120
123
|
],
|
|
121
124
|
declarations: [TuiAvatarComponent],
|
|
122
125
|
exports: [TuiAvatarComponent, pipes.TuiFallbackSrcPipe],
|
|
@@ -1 +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-
|
|
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 {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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"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
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')) :
|
|
3
|
+
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) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.fade = {}), global.ng.core, global.mutationObserver, global.cdk, global.rxjs, global.rxjs.operators));
|
|
5
|
+
})(this, (function (exports, i0, mutationObserver, cdk, i1, operators) { 'use strict';
|
|
6
|
+
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n["default"] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
27
|
+
|
|
28
|
+
var TuiFadeComponent = /** @class */ (function () {
|
|
29
|
+
function TuiFadeComponent(destroy$, resize$, mutate$, element, zone) {
|
|
30
|
+
var _this = this;
|
|
31
|
+
this.lineHeight = '100%';
|
|
32
|
+
this.size = '1.5em';
|
|
33
|
+
this.offset = '0em';
|
|
34
|
+
this.orientation = 'horizontal';
|
|
35
|
+
var el = element.nativeElement;
|
|
36
|
+
i1.merge(resize$, mutate$, i1.fromEvent(el, 'scroll'))
|
|
37
|
+
.pipe(cdk.tuiZonefree(zone), operators.takeUntil(destroy$))
|
|
38
|
+
.subscribe(function () {
|
|
39
|
+
el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);
|
|
40
|
+
el.classList.toggle('_end', _this.isEnd(el));
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
TuiFadeComponent.prototype.isEnd = function (el) {
|
|
44
|
+
return (el.scrollLeft < el.scrollWidth - el.clientWidth ||
|
|
45
|
+
el.scrollTop < el.scrollHeight - el.clientHeight ||
|
|
46
|
+
(this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
|
|
47
|
+
};
|
|
48
|
+
return TuiFadeComponent;
|
|
49
|
+
}());
|
|
50
|
+
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 });
|
|
51
|
+
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: [
|
|
52
|
+
cdk.TuiDestroyService,
|
|
53
|
+
cdk.TuiResizeService,
|
|
54
|
+
mutationObserver.MutationObserverService,
|
|
55
|
+
{
|
|
56
|
+
provide: mutationObserver.MUTATION_OBSERVER_INIT,
|
|
57
|
+
useValue: { characterData: true, subtree: true },
|
|
58
|
+
},
|
|
59
|
+
], 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 });
|
|
60
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, decorators: [{
|
|
61
|
+
type: i0.Component,
|
|
62
|
+
args: [{
|
|
63
|
+
selector: 'tui-fade',
|
|
64
|
+
template: '<ng-content></ng-content>',
|
|
65
|
+
styleUrls: ['./fade.style.less'],
|
|
66
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
67
|
+
providers: [
|
|
68
|
+
cdk.TuiDestroyService,
|
|
69
|
+
cdk.TuiResizeService,
|
|
70
|
+
mutationObserver.MutationObserverService,
|
|
71
|
+
{
|
|
72
|
+
provide: mutationObserver.MUTATION_OBSERVER_INIT,
|
|
73
|
+
useValue: { characterData: true, subtree: true },
|
|
74
|
+
},
|
|
75
|
+
],
|
|
76
|
+
}]
|
|
77
|
+
}], ctorParameters: function () {
|
|
78
|
+
return [{ type: i1__namespace.Observable, decorators: [{
|
|
79
|
+
type: i0.Self
|
|
80
|
+
}, {
|
|
81
|
+
type: i0.Inject,
|
|
82
|
+
args: [cdk.TuiDestroyService]
|
|
83
|
+
}] }, { type: i1__namespace.Observable, decorators: [{
|
|
84
|
+
type: i0.Inject,
|
|
85
|
+
args: [cdk.TuiResizeService]
|
|
86
|
+
}] }, { type: i1__namespace.Observable, decorators: [{
|
|
87
|
+
type: i0.Inject,
|
|
88
|
+
args: [mutationObserver.MutationObserverService]
|
|
89
|
+
}] }, { type: i0__namespace.ElementRef, decorators: [{
|
|
90
|
+
type: i0.Inject,
|
|
91
|
+
args: [i0.ElementRef]
|
|
92
|
+
}] }, { type: i0__namespace.NgZone, decorators: [{
|
|
93
|
+
type: i0.Inject,
|
|
94
|
+
args: [i0.NgZone]
|
|
95
|
+
}] }];
|
|
96
|
+
}, propDecorators: { lineHeight: [{
|
|
97
|
+
type: i0.Input
|
|
98
|
+
}, {
|
|
99
|
+
type: i0.HostBinding,
|
|
100
|
+
args: ['style.--line-height']
|
|
101
|
+
}], size: [{
|
|
102
|
+
type: i0.Input
|
|
103
|
+
}, {
|
|
104
|
+
type: i0.HostBinding,
|
|
105
|
+
args: ['style.--fade-size']
|
|
106
|
+
}], offset: [{
|
|
107
|
+
type: i0.Input
|
|
108
|
+
}, {
|
|
109
|
+
type: i0.HostBinding,
|
|
110
|
+
args: ['style.--fade-offset']
|
|
111
|
+
}], orientation: [{
|
|
112
|
+
type: i0.Input
|
|
113
|
+
}, {
|
|
114
|
+
type: i0.HostBinding,
|
|
115
|
+
args: ['attr.data-orientation']
|
|
116
|
+
}] } });
|
|
117
|
+
|
|
118
|
+
var TuiFadeModule = /** @class */ (function () {
|
|
119
|
+
function TuiFadeModule() {
|
|
120
|
+
}
|
|
121
|
+
return TuiFadeModule;
|
|
122
|
+
}());
|
|
123
|
+
TuiFadeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
124
|
+
TuiFadeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, declarations: [TuiFadeComponent], exports: [TuiFadeComponent] });
|
|
125
|
+
TuiFadeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule });
|
|
126
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, decorators: [{
|
|
127
|
+
type: i0.NgModule,
|
|
128
|
+
args: [{
|
|
129
|
+
declarations: [TuiFadeComponent],
|
|
130
|
+
exports: [TuiFadeComponent],
|
|
131
|
+
}]
|
|
132
|
+
}] });
|
|
133
|
+
|
|
134
|
+
/**
|
|
135
|
+
* Generated bundle index. Do not edit.
|
|
136
|
+
*/
|
|
137
|
+
|
|
138
|
+
exports.TuiFadeComponent = TuiFadeComponent;
|
|
139
|
+
exports.TuiFadeModule = TuiFadeModule;
|
|
140
|
+
|
|
141
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
142
|
+
|
|
143
|
+
}));
|
|
144
|
+
//# sourceMappingURL=taiga-ui-experimental-components-fade.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.
|
|
5
|
-
})(this, (function (exports, avatar, avatarStack,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/fade')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/fade'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.fade));
|
|
5
|
+
})(this, (function (exports, avatar, avatarStack, fade) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Generated bundle index. Do not edit.
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
get: function () { return avatarStack[k]; }
|
|
21
21
|
});
|
|
22
22
|
});
|
|
23
|
-
Object.keys(
|
|
23
|
+
Object.keys(fade).forEach(function (k) {
|
|
24
24
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function () { return
|
|
26
|
+
get: function () { return fade[k]; }
|
|
27
27
|
});
|
|
28
28
|
});
|
|
29
29
|
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
import { SafeResourceUrl } from '@angular/platform-browser';
|
|
1
2
|
import { TuiSizeL, TuiSizeS } from '@taiga-ui/core';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class TuiAvatarComponent {
|
|
4
5
|
size: TuiSizeL | TuiSizeS;
|
|
5
6
|
round: boolean;
|
|
6
|
-
src: string | null;
|
|
7
|
+
src: SafeResourceUrl | string | null;
|
|
7
8
|
get img(): boolean;
|
|
8
|
-
get value(): string;
|
|
9
|
+
get value(): SafeResourceUrl | string;
|
|
9
10
|
get type(): 'content' | 'icon' | 'img' | 'text';
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarComponent, never>;
|
|
11
12
|
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatarComponent, "tui-avatar", never, { "size": "size"; "round": "round"; "src": "src"; }, {}, never, ["*"]>;
|
|
@@ -4,9 +4,9 @@ import * as i2 from "@angular/common";
|
|
|
4
4
|
import * as i3 from "@taiga-ui/core";
|
|
5
5
|
import * as i4 from "@taiga-ui/kit";
|
|
6
6
|
import * as i5 from "@taiga-ui/experimental/pipes";
|
|
7
|
-
import * as i6 from "@taiga-ui/experimental/components/
|
|
7
|
+
import * as i6 from "@taiga-ui/experimental/components/fade";
|
|
8
8
|
export declare class TuiAvatarModule {
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAvatarModule, [typeof i1.TuiAvatarComponent], [typeof i2.CommonModule, typeof i3.TuiSvgModule, typeof i4.TuiLazyLoadingModule, typeof i5.TuiFallbackSrcModule, typeof i6.
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiAvatarModule, [typeof i1.TuiAvatarComponent], [typeof i2.CommonModule, typeof i3.TuiSvgModule, typeof i4.TuiLazyLoadingModule, typeof i5.TuiFallbackSrcModule, typeof i6.TuiFadeModule], [typeof i1.TuiAvatarComponent, typeof i5.TuiFallbackSrcPipe]>;
|
|
11
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<TuiAvatarModule>;
|
|
12
12
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ElementRef, NgZone } from '@angular/core';
|
|
2
|
+
import { TuiOrientation } from '@taiga-ui/core';
|
|
3
|
+
import { Observable } from 'rxjs';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TuiFadeComponent {
|
|
6
|
+
lineHeight: string;
|
|
7
|
+
size: string;
|
|
8
|
+
offset: string;
|
|
9
|
+
orientation: TuiOrientation;
|
|
10
|
+
constructor(destroy$: Observable<unknown>, resize$: Observable<unknown>, mutate$: Observable<unknown>, element: ElementRef<HTMLElement>, zone: NgZone);
|
|
11
|
+
private isEnd;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFadeComponent, [{ self: true; }, null, null, null, null]>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiFadeComponent, "tui-fade", never, { "lineHeight": "lineHeight"; "size": "size"; "offset": "offset"; "orientation": "orientation"; }, {}, never, ["*"]>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./fade.component";
|
|
3
|
+
export declare class TuiFadeModule {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFadeModule, never>;
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiFadeModule, [typeof i1.TuiFadeComponent], never, [typeof i1.TuiFadeComponent]>;
|
|
6
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TuiFadeModule>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../../bundles/taiga-ui-experimental-components-fade.umd.js",
|
|
3
|
+
"module": "../../fesm2015/taiga-ui-experimental-components-fade.js",
|
|
4
|
+
"es2015": "../../fesm2015/taiga-ui-experimental-components-fade.js",
|
|
5
|
+
"esm2015": "../../esm2015/components/fade/taiga-ui-experimental-components-fade.js",
|
|
6
|
+
"fesm2015": "../../fesm2015/taiga-ui-experimental-components-fade.js",
|
|
7
|
+
"typings": "taiga-ui-experimental-components-fade.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@taiga-ui/experimental/components/fade"
|
|
10
|
+
}
|
package/components/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { tuiIsString } from '@taiga-ui/cdk';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@taiga-ui/core";
|
|
4
|
-
import * as i2 from "@taiga-ui/experimental/components/
|
|
5
|
+
import * as i2 from "@taiga-ui/experimental/components/fade";
|
|
5
6
|
import * as i3 from "@angular/common";
|
|
6
7
|
import * as i4 from "@taiga-ui/kit";
|
|
7
8
|
export class TuiAvatarComponent {
|
|
@@ -17,6 +18,9 @@ export class TuiAvatarComponent {
|
|
|
17
18
|
return this.src || '';
|
|
18
19
|
}
|
|
19
20
|
get type() {
|
|
21
|
+
if (!!this.value && !tuiIsString(this.value)) {
|
|
22
|
+
return 'img';
|
|
23
|
+
}
|
|
20
24
|
if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {
|
|
21
25
|
return 'icon';
|
|
22
26
|
}
|
|
@@ -27,7 +31,7 @@ export class TuiAvatarComponent {
|
|
|
27
31
|
}
|
|
28
32
|
}
|
|
29
33
|
TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "this.size", "class._round": "this.round", "class._img": "this.img" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n class=\"t-img\"\n [src]=\"value\"\n />\n <tui-
|
|
34
|
+
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "this.size", "class._round": "this.round", "class._img": "this.img" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n class=\"t-img\"\n [src]=\"value\"\n />\n <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.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i2.TuiFadeComponent, selector: "tui-fade", inputs: ["lineHeight", "size", "offset", "orientation"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
31
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
|
|
32
36
|
type: Component,
|
|
33
37
|
args: [{
|
|
@@ -52,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
52
56
|
type: HostBinding,
|
|
53
57
|
args: ['class._img']
|
|
54
58
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVyRixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTMUMsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVNJLFNBQUksR0FBd0IsR0FBRyxDQUFDO1FBSWhDLFVBQUssR0FBRyxLQUFLLENBQUM7UUFHZCxRQUFHLEdBQW9DLElBQUksQ0FBQztLQTBCL0M7SUF4QkcsSUFDSSxHQUFHO1FBQ0gsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ0osSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDMUMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2pFLE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDakQsQ0FBQzs7Z0hBbkNRLGtCQUFrQjtvR0FBbEIsa0JBQWtCLHlOQ1gvQiw0a0JBMkJBOzRGRGhCYSxrQkFBa0I7a0JBTjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQ7OEJBSUcsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFLN0IsS0FBSztzQkFGSixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGNBQWM7Z0JBSTNCLEdBQUc7c0JBREYsS0FBSztnQkFJRixHQUFHO3NCQUROLFdBQVc7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U2FmZVJlc291cmNlVXJsfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7dHVpSXNTdHJpbmd9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplTCwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktYXZhdGFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F2YXRhci5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aUF2YXRhckNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgICBzaXplOiBUdWlTaXplTCB8IFR1aVNpemVTID0gJ20nO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9yb3VuZCcpXG4gICAgcm91bmQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc3JjOiBTYWZlUmVzb3VyY2VVcmwgfCBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX2ltZycpXG4gICAgZ2V0IGltZygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gJ2ltZyc7XG4gICAgfVxuXG4gICAgZ2V0IHZhbHVlKCk6IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnNyYyB8fCAnJztcbiAgICB9XG5cbiAgICBnZXQgdHlwZSgpOiAnY29udGVudCcgfCAnaWNvbicgfCAnaW1nJyB8ICd0ZXh0JyB7XG4gICAgICAgIGlmICghIXRoaXMudmFsdWUgJiYgIXR1aUlzU3RyaW5nKHRoaXMudmFsdWUpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ltZyc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy52YWx1ZS5zdGFydHNXaXRoKCd0dWlJY29uJykgfHwgdGhpcy52YWx1ZS5lbmRzV2l0aCgnLnN2ZycpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ljb24nO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudmFsdWUubGVuZ3RoID4gMCAmJiB0aGlzLnZhbHVlLmxlbmd0aCA8IDMpIHtcbiAgICAgICAgICAgIHJldHVybiAndGV4dCc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZS5sZW5ndGggPyAnaW1nJyA6ICdjb250ZW50JztcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XG4gICAgPHR1aS1zdmdcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidpY29uJ1wiXG4gICAgICAgIGNsYXNzPVwidC1pY29uXCJcbiAgICAgICAgW3NyY109XCJ2YWx1ZVwiXG4gICAgPjwvdHVpLXN2Zz5cbiAgICA8c3BhblxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ3RleHQnXCJcbiAgICAgICAgY2xhc3M9XCJ0LXRleHRcIlxuICAgID5cbiAgICAgICAge3sgdmFsdWUgfX1cbiAgICA8L3NwYW4+XG4gICAgPGltZ1xuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2ltZydcIlxuICAgICAgICBhbHQ9XCJcIlxuICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgIGNsYXNzPVwidC1pbWdcIlxuICAgICAgICBbc3JjXT1cInZhbHVlXCJcbiAgICAvPlxuICAgIDx0dWktZmFkZVxuICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgIGxpbmVIZWlnaHQ9XCIyLjVyZW1cIlxuICAgICAgICBjbGFzcz1cInQtY29udGVudFwiXG4gICAgPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC90dWktZmFkZT5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
3
|
import { TuiSvgModule } from '@taiga-ui/core';
|
|
4
|
-
import {
|
|
4
|
+
import { TuiFadeModule } from '@taiga-ui/experimental/components/fade';
|
|
5
5
|
import { TuiFallbackSrcModule, TuiFallbackSrcPipe } from '@taiga-ui/experimental/pipes';
|
|
6
6
|
import { TuiLazyLoadingModule } from '@taiga-ui/kit';
|
|
7
7
|
import { TuiAvatarComponent } from './avatar.component';
|
|
@@ -13,13 +13,13 @@ TuiAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
|
|
|
13
13
|
TuiSvgModule,
|
|
14
14
|
TuiLazyLoadingModule,
|
|
15
15
|
TuiFallbackSrcModule,
|
|
16
|
-
|
|
16
|
+
TuiFadeModule], exports: [TuiAvatarComponent, TuiFallbackSrcPipe] });
|
|
17
17
|
TuiAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, imports: [[
|
|
18
18
|
CommonModule,
|
|
19
19
|
TuiSvgModule,
|
|
20
20
|
TuiLazyLoadingModule,
|
|
21
21
|
TuiFallbackSrcModule,
|
|
22
|
-
|
|
22
|
+
TuiFadeModule,
|
|
23
23
|
]] });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, decorators: [{
|
|
25
25
|
type: NgModule,
|
|
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
29
29
|
TuiSvgModule,
|
|
30
30
|
TuiLazyLoadingModule,
|
|
31
31
|
TuiFallbackSrcModule,
|
|
32
|
-
|
|
32
|
+
TuiFadeModule,
|
|
33
33
|
],
|
|
34
34
|
declarations: [TuiAvatarComponent],
|
|
35
35
|
exports: [TuiAvatarComponent, TuiFallbackSrcPipe],
|
|
36
36
|
}]
|
|
37
37
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFDLG9CQUFvQixFQUFFLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDdEYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRW5ELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLG9CQUFvQixDQUFDOztBQWF0RCxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQUhULGtCQUFrQixhQU43QixZQUFZO1FBQ1osWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsYUFBYSxhQUdQLGtCQUFrQixFQUFFLGtCQUFrQjs4R0FFdkMsZUFBZSxZQVZmO1lBQ0wsWUFBWTtZQUNaLFlBQVk7WUFDWixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLGFBQWE7U0FDaEI7NEZBSVEsZUFBZTtrQkFYM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixhQUFhO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsa0JBQWtCLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpU3ZnTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1R1aUZhZGVNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9mYWRlJztcbmltcG9ydCB7VHVpRmFsbGJhY2tTcmNNb2R1bGUsIFR1aUZhbGxiYWNrU3JjUGlwZX0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9waXBlcyc7XG5pbXBvcnQge1R1aUxhenlMb2FkaW5nTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkva2l0JztcblxuaW1wb3J0IHtUdWlBdmF0YXJDb21wb25lbnR9IGZyb20gJy4vYXZhdGFyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFR1aVN2Z01vZHVsZSxcbiAgICAgICAgVHVpTGF6eUxvYWRpbmdNb2R1bGUsXG4gICAgICAgIFR1aUZhbGxiYWNrU3JjTW9kdWxlLFxuICAgICAgICBUdWlGYWRlTW9kdWxlLFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQXZhdGFyQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVHVpQXZhdGFyQ29tcG9uZW50LCBUdWlGYWxsYmFja1NyY1BpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBdmF0YXJNb2R1bGUge31cbiJdfQ==
|