@taiga-ui/experimental 3.43.0 → 3.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/taiga-ui-experimental-components-avatar.umd.js +13 -13
- package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components.umd.js +4 -10
- package/bundles/taiga-ui-experimental-components.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-fade.umd.js +168 -0
- package/bundles/taiga-ui-experimental-directives-fade.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives.umd.js +21 -0
- package/bundles/taiga-ui-experimental-directives.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental.umd.js +10 -4
- package/bundles/taiga-ui-experimental.umd.js.map +1 -1
- package/components/avatar/avatar.module.d.ts +1 -1
- package/components/index.d.ts +0 -1
- package/directives/fade/fade.component.d.ts +5 -0
- package/directives/fade/fade.directive.d.ts +15 -0
- package/{components → directives}/fade/fade.module.d.ts +2 -1
- package/{components → directives}/fade/index.d.ts +1 -0
- package/directives/fade/package.json +10 -0
- package/{components/fade/taiga-ui-experimental-components-fade.d.ts → directives/fade/taiga-ui-experimental-directives-fade.d.ts} +1 -1
- package/directives/index.d.ts +1 -0
- package/directives/package.json +10 -0
- package/directives/taiga-ui-experimental-directives.d.ts +5 -0
- package/esm2015/components/avatar/avatar.component.js +5 -5
- package/esm2015/components/avatar/avatar.module.js +2 -2
- package/esm2015/components/index.js +1 -2
- package/esm2015/directives/fade/fade.component.js +16 -0
- package/esm2015/directives/fade/fade.directive.js +100 -0
- package/esm2015/directives/fade/fade.module.js +17 -0
- package/esm2015/directives/fade/index.js +4 -0
- package/esm2015/{components/fade/taiga-ui-experimental-components-fade.js → directives/fade/taiga-ui-experimental-directives-fade.js} +1 -1
- package/esm2015/directives/index.js +2 -0
- package/esm2015/directives/taiga-ui-experimental-directives.js +5 -0
- package/esm2015/index.js +2 -1
- package/fesm2015/taiga-ui-experimental-components-avatar.js +5 -5
- package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components.js +0 -1
- package/fesm2015/taiga-ui-experimental-components.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-fade.js +133 -0
- package/fesm2015/taiga-ui-experimental-directives-fade.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives.js +6 -0
- package/fesm2015/taiga-ui-experimental-directives.js.map +1 -0
- package/fesm2015/taiga-ui-experimental.js +1 -0
- package/fesm2015/taiga-ui-experimental.js.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +4 -4
- package/bundles/taiga-ui-experimental-components-fade.umd.js +0 -144
- package/bundles/taiga-ui-experimental-components-fade.umd.js.map +0 -1
- package/components/fade/fade.component.d.ts +0 -14
- package/components/fade/package.json +0 -10
- package/esm2015/components/fade/fade.component.js +0 -93
- package/esm2015/components/fade/fade.module.js +0 -16
- package/esm2015/components/fade/index.js +0 -3
- package/fesm2015/taiga-ui-experimental-components-fade.js +0 -113
- package/fesm2015/taiga-ui-experimental-components-fade.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/avatar', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@
|
|
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.
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@angular/common'), require('@taiga-ui/kit'), require('@taiga-ui/experimental/directives'), 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', '@angular/common', '@taiga-ui/kit', '@taiga-ui/experimental/directives', '@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.ng.common, global.i3, global["taiga-ui"].experimental.directives, global["taiga-ui"].experimental.pipes));
|
|
5
5
|
})(this, (function (exports, i0, cdk, i1, i2, i3, i4, pipes) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
return TuiAvatarComponent;
|
|
68
68
|
}());
|
|
69
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 });
|
|
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 <
|
|
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 <div\n *ngSwitchDefault\n tuiFade\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tui-radius-l);background:var(--tui-secondary);color:var(--tui-text-02)}:host[data-size=s]{width:2.5rem;height:2.5rem;font:var(--tui-font-text-l);font-weight:500}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:500}:host[data-size=m]{width:3.5rem;height:3.5rem;font:var(--tui-font-heading-5);font-weight:500}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:500}:host[data-size=l]{width:5rem;height:5rem;font:var(--tui-font-heading-3);font-weight:500}:host[data-size=l] .t-content{font:var(--tui-font-heading-4);font-weight:500}:host._round{border-radius:100%}:host._img{background:transparent}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.t-content{margin:.25rem;white-space:nowrap}\n"], components: [{ type: i1__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i2__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4__namespace.TuiFadeDirective, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
71
71
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, decorators: [{
|
|
72
72
|
type: i0.Component,
|
|
73
73
|
args: [{
|
|
@@ -99,27 +99,27 @@
|
|
|
99
99
|
return TuiAvatarModule;
|
|
100
100
|
}());
|
|
101
101
|
TuiAvatarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
102
|
-
TuiAvatarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [
|
|
102
|
+
TuiAvatarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [i2.CommonModule,
|
|
103
103
|
i1.TuiSvgModule,
|
|
104
|
-
|
|
104
|
+
i3.TuiLazyLoadingModule,
|
|
105
105
|
pipes.TuiFallbackSrcModule,
|
|
106
|
-
|
|
106
|
+
i4.TuiFadeModule], exports: [TuiAvatarComponent, pipes.TuiFallbackSrcPipe] });
|
|
107
107
|
TuiAvatarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, imports: [[
|
|
108
|
-
|
|
108
|
+
i2.CommonModule,
|
|
109
109
|
i1.TuiSvgModule,
|
|
110
|
-
|
|
110
|
+
i3.TuiLazyLoadingModule,
|
|
111
111
|
pipes.TuiFallbackSrcModule,
|
|
112
|
-
|
|
112
|
+
i4.TuiFadeModule,
|
|
113
113
|
]] });
|
|
114
114
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarModule, decorators: [{
|
|
115
115
|
type: i0.NgModule,
|
|
116
116
|
args: [{
|
|
117
117
|
imports: [
|
|
118
|
-
|
|
118
|
+
i2.CommonModule,
|
|
119
119
|
i1.TuiSvgModule,
|
|
120
|
-
|
|
120
|
+
i3.TuiLazyLoadingModule,
|
|
121
121
|
pipes.TuiFallbackSrcModule,
|
|
122
|
-
|
|
122
|
+
i4.TuiFadeModule,
|
|
123
123
|
],
|
|
124
124
|
declarations: [TuiAvatarComponent],
|
|
125
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 {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 <
|
|
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 <div\n *ngSwitchDefault\n tuiFade\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiFadeModule} from '@taiga-ui/experimental/directives';\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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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack')
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack'
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-stack"]
|
|
5
|
-
})(this, (function (exports, avatar, avatarStack
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-stack"]));
|
|
5
|
+
})(this, (function (exports, avatar, avatarStack) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Generated bundle index. Do not edit.
|
|
@@ -20,12 +20,6 @@
|
|
|
20
20
|
get: function () { return avatarStack[k]; }
|
|
21
21
|
});
|
|
22
22
|
});
|
|
23
|
-
Object.keys(fade).forEach(function (k) {
|
|
24
|
-
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () { return fade[k]; }
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
23
|
|
|
30
24
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
31
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components.umd.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components.umd.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,168 @@
|
|
|
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/directives/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.directives = global["taiga-ui"].experimental.directives || {}, global["taiga-ui"].experimental.directives.fade = {}), global.ng.core, global.mutationObserver, global.i2, global.rxjs, global.rxjs.operators));
|
|
5
|
+
})(this, (function (exports, i0, mutationObserver, i2, 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 i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
27
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
28
|
+
|
|
29
|
+
var TuiFadeComponent = /** @class */ (function () {
|
|
30
|
+
function TuiFadeComponent() {
|
|
31
|
+
}
|
|
32
|
+
return TuiFadeComponent;
|
|
33
|
+
}());
|
|
34
|
+
TuiFadeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
35
|
+
TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiFade]{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}[tuiFade]:not([data-orientation=\"vertical\"]){line-height:var(--line-height, inherit)!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, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._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}[tuiFade]:not([data-orientation=\"vertical\"])._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}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][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))}[tuiFade][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))}[tuiFade][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}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
36
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, decorators: [{
|
|
37
|
+
type: i0.Component,
|
|
38
|
+
args: [{
|
|
39
|
+
template: '',
|
|
40
|
+
styleUrls: ['./fade.style.less'],
|
|
41
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
42
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
43
|
+
}]
|
|
44
|
+
}] });
|
|
45
|
+
|
|
46
|
+
var TuiFadeDirective = /** @class */ (function () {
|
|
47
|
+
function TuiFadeDirective(destroy$, resize$, mutate$, element, zone, directiveStyles) {
|
|
48
|
+
var _this = this;
|
|
49
|
+
this.lineHeight = null;
|
|
50
|
+
this.size = '1.5em';
|
|
51
|
+
this.offset = '0em';
|
|
52
|
+
this.orientation = 'horizontal';
|
|
53
|
+
var el = element.nativeElement;
|
|
54
|
+
directiveStyles.addComponent(TuiFadeComponent);
|
|
55
|
+
i1.merge(resize$, mutate$, i1.fromEvent(el, 'scroll'))
|
|
56
|
+
.pipe(i2.tuiZonefree(zone), operators.takeUntil(destroy$))
|
|
57
|
+
.subscribe(function () {
|
|
58
|
+
el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);
|
|
59
|
+
el.classList.toggle('_end', _this.isEnd(el));
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
TuiFadeDirective.prototype.isEnd = function (el) {
|
|
63
|
+
return (el.scrollLeft < el.scrollWidth - el.clientWidth ||
|
|
64
|
+
el.scrollTop < el.scrollHeight - el.clientHeight ||
|
|
65
|
+
(this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
|
|
66
|
+
};
|
|
67
|
+
return TuiFadeDirective;
|
|
68
|
+
}());
|
|
69
|
+
TuiFadeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeDirective, deps: [{ token: i2.TuiDestroyService, self: true }, { token: i2.TuiResizeService }, { token: mutationObserver.MutationObserverService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
70
|
+
TuiFadeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeDirective, selector: "[tuiFade]", inputs: { lineHeight: ["tuiFadeHeight", "lineHeight"], size: ["tuiFadeSize", "size"], offset: ["tuiFadeOffset", "offset"], orientation: ["tuiFade", "orientation"] }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
|
|
71
|
+
i2.TuiDestroyService,
|
|
72
|
+
i2.TuiResizeService,
|
|
73
|
+
mutationObserver.MutationObserverService,
|
|
74
|
+
{
|
|
75
|
+
provide: mutationObserver.MUTATION_OBSERVER_INIT,
|
|
76
|
+
useValue: { characterData: true, subtree: true },
|
|
77
|
+
},
|
|
78
|
+
], ngImport: i0__namespace });
|
|
79
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeDirective, decorators: [{
|
|
80
|
+
type: i0.Directive,
|
|
81
|
+
args: [{
|
|
82
|
+
selector: '[tuiFade]',
|
|
83
|
+
providers: [
|
|
84
|
+
i2.TuiDestroyService,
|
|
85
|
+
i2.TuiResizeService,
|
|
86
|
+
mutationObserver.MutationObserverService,
|
|
87
|
+
{
|
|
88
|
+
provide: mutationObserver.MUTATION_OBSERVER_INIT,
|
|
89
|
+
useValue: { characterData: true, subtree: true },
|
|
90
|
+
},
|
|
91
|
+
],
|
|
92
|
+
}]
|
|
93
|
+
}], ctorParameters: function () {
|
|
94
|
+
return [{ type: i1__namespace.Observable, decorators: [{
|
|
95
|
+
type: i0.Self
|
|
96
|
+
}, {
|
|
97
|
+
type: i0.Inject,
|
|
98
|
+
args: [i2.TuiDestroyService]
|
|
99
|
+
}] }, { type: i1__namespace.Observable, decorators: [{
|
|
100
|
+
type: i0.Inject,
|
|
101
|
+
args: [i2.TuiResizeService]
|
|
102
|
+
}] }, { type: i1__namespace.Observable, decorators: [{
|
|
103
|
+
type: i0.Inject,
|
|
104
|
+
args: [mutationObserver.MutationObserverService]
|
|
105
|
+
}] }, { type: i0__namespace.ElementRef, decorators: [{
|
|
106
|
+
type: i0.Inject,
|
|
107
|
+
args: [i0.ElementRef]
|
|
108
|
+
}] }, { type: i0__namespace.NgZone, decorators: [{
|
|
109
|
+
type: i0.Inject,
|
|
110
|
+
args: [i0.NgZone]
|
|
111
|
+
}] }, { type: i2__namespace.TuiDirectiveStylesService, decorators: [{
|
|
112
|
+
type: i0.Inject,
|
|
113
|
+
args: [i2.TuiDirectiveStylesService]
|
|
114
|
+
}] }];
|
|
115
|
+
}, propDecorators: { lineHeight: [{
|
|
116
|
+
type: i0.Input,
|
|
117
|
+
args: ['tuiFadeHeight']
|
|
118
|
+
}, {
|
|
119
|
+
type: i0.HostBinding,
|
|
120
|
+
args: ['style.--line-height']
|
|
121
|
+
}], size: [{
|
|
122
|
+
type: i0.Input,
|
|
123
|
+
args: ['tuiFadeSize']
|
|
124
|
+
}, {
|
|
125
|
+
type: i0.HostBinding,
|
|
126
|
+
args: ['style.--fade-size']
|
|
127
|
+
}], offset: [{
|
|
128
|
+
type: i0.Input,
|
|
129
|
+
args: ['tuiFadeOffset']
|
|
130
|
+
}, {
|
|
131
|
+
type: i0.HostBinding,
|
|
132
|
+
args: ['style.--fade-offset']
|
|
133
|
+
}], orientation: [{
|
|
134
|
+
type: i0.Input,
|
|
135
|
+
args: ['tuiFade']
|
|
136
|
+
}, {
|
|
137
|
+
type: i0.HostBinding,
|
|
138
|
+
args: ['attr.data-orientation']
|
|
139
|
+
}] } });
|
|
140
|
+
|
|
141
|
+
var TuiFadeModule = /** @class */ (function () {
|
|
142
|
+
function TuiFadeModule() {
|
|
143
|
+
}
|
|
144
|
+
return TuiFadeModule;
|
|
145
|
+
}());
|
|
146
|
+
TuiFadeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
147
|
+
TuiFadeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, declarations: [TuiFadeComponent, TuiFadeDirective], exports: [TuiFadeComponent, TuiFadeDirective] });
|
|
148
|
+
TuiFadeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule });
|
|
149
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, decorators: [{
|
|
150
|
+
type: i0.NgModule,
|
|
151
|
+
args: [{
|
|
152
|
+
declarations: [TuiFadeComponent, TuiFadeDirective],
|
|
153
|
+
exports: [TuiFadeComponent, TuiFadeDirective],
|
|
154
|
+
}]
|
|
155
|
+
}] });
|
|
156
|
+
|
|
157
|
+
/**
|
|
158
|
+
* Generated bundle index. Do not edit.
|
|
159
|
+
*/
|
|
160
|
+
|
|
161
|
+
exports.TuiFadeComponent = TuiFadeComponent;
|
|
162
|
+
exports.TuiFadeDirective = TuiFadeDirective;
|
|
163
|
+
exports.TuiFadeModule = TuiFadeModule;
|
|
164
|
+
|
|
165
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
166
|
+
|
|
167
|
+
}));
|
|
168
|
+
//# sourceMappingURL=taiga-ui-experimental-directives-fade.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-fade.umd.js","sources":["../../../projects/experimental/directives/fade/fade.component.ts","../../../projects/experimental/directives/fade/fade.directive.ts","../../../projects/experimental/directives/fade/fade.module.ts","../../../projects/experimental/directives/fade/taiga-ui-experimental-directives-fade.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./fade.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFadeComponent {}\n","import {\n Directive,\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 {\n TuiDestroyService,\n TuiDirectiveStylesService,\n TuiResizeService,\n tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@Directive({\n selector: '[tuiFade]',\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 TuiFadeDirective {\n @Input('tuiFadeHeight')\n @HostBinding('style.--line-height')\n lineHeight: string | null = null;\n\n @Input('tuiFadeSize')\n @HostBinding('style.--fade-size')\n size = '1.5em';\n\n @Input('tuiFadeOffset')\n @HostBinding('style.--fade-offset')\n offset = '0em';\n\n @Input('tuiFade')\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 @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n const el = element.nativeElement;\n\n directiveStyles.addComponent(TuiFadeComponent);\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';\nimport {TuiFadeDirective} from './fade.directive';\n\n@NgModule({\n declarations: [TuiFadeComponent, TuiFadeDirective],\n exports: [TuiFadeComponent, TuiFadeDirective],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ChangeDetectionStrategy","ViewEncapsulation","merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","TuiDirectiveStylesService","MUTATION_OBSERVER_INIT","Directive","Self","Inject","Input","HostBinding","NgModule"],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/directives/fade')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives', ['exports', '@taiga-ui/experimental/directives/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.directives = {}), global["taiga-ui"].experimental.directives.fade));
|
|
5
|
+
})(this, (function (exports, fade) { 'use strict';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Generated bundle index. Do not edit.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
Object.keys(fade).forEach(function (k) {
|
|
12
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () { return fade[k]; }
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
19
|
+
|
|
20
|
+
}));
|
|
21
|
+
//# sourceMappingURL=taiga-ui-experimental-directives.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives.umd.js","sources":["../../../projects/experimental/directives/taiga-ui-experimental-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG;;;;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components'), require('@taiga-ui/experimental/pipes')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental', ['exports', '@taiga-ui/experimental/components', '@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.components, global["taiga-ui"].experimental.pipes));
|
|
5
|
-
})(this, (function (exports, components, pipes) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components'), require('@taiga-ui/experimental/directives'), require('@taiga-ui/experimental/pipes')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental', ['exports', '@taiga-ui/experimental/components', '@taiga-ui/experimental/directives', '@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.components, global["taiga-ui"].experimental.directives, global["taiga-ui"].experimental.pipes));
|
|
5
|
+
})(this, (function (exports, components, directives, pipes) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Generated bundle index. Do not edit.
|
|
@@ -14,6 +14,12 @@
|
|
|
14
14
|
get: function () { return components[k]; }
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
+
Object.keys(directives).forEach(function (k) {
|
|
18
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () { return directives[k]; }
|
|
21
|
+
});
|
|
22
|
+
});
|
|
17
23
|
Object.keys(pipes).forEach(function (k) {
|
|
18
24
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
19
25
|
enumerable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental.umd.js","sources":["../../../projects/experimental/taiga-ui-experimental.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental.umd.js","sources":["../../../projects/experimental/taiga-ui-experimental.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,7 +4,7 @@ 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/
|
|
7
|
+
import * as i6 from "@taiga-ui/experimental/directives";
|
|
8
8
|
export declare class TuiAvatarModule {
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatarModule, never>;
|
|
10
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]>;
|
package/components/index.d.ts
CHANGED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ElementRef, NgZone } from '@angular/core';
|
|
2
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
3
|
+
import { TuiOrientation } from '@taiga-ui/core';
|
|
4
|
+
import { Observable } from 'rxjs';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class TuiFadeDirective {
|
|
7
|
+
lineHeight: string | null;
|
|
8
|
+
size: string;
|
|
9
|
+
offset: string;
|
|
10
|
+
orientation: TuiOrientation | '';
|
|
11
|
+
constructor(destroy$: Observable<unknown>, resize$: Observable<unknown>, mutate$: Observable<unknown>, element: ElementRef<HTMLElement>, zone: NgZone, directiveStyles: TuiDirectiveStylesService);
|
|
12
|
+
private isEnd;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFadeDirective, [{ self: true; }, null, null, null, null, null]>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFadeDirective, "[tuiFade]", never, { "lineHeight": "tuiFadeHeight"; "size": "tuiFadeSize"; "offset": "tuiFadeOffset"; "orientation": "tuiFade"; }, {}, never>;
|
|
15
|
+
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./fade.component";
|
|
3
|
+
import * as i2 from "./fade.directive";
|
|
3
4
|
export declare class TuiFadeModule {
|
|
4
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFadeModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiFadeModule, [typeof i1.TuiFadeComponent], never, [typeof i1.TuiFadeComponent]>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiFadeModule, [typeof i1.TuiFadeComponent, typeof i2.TuiFadeDirective], never, [typeof i1.TuiFadeComponent, typeof i2.TuiFadeDirective]>;
|
|
6
7
|
static ɵinj: i0.ɵɵInjectorDeclaration<TuiFadeModule>;
|
|
7
8
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../../bundles/taiga-ui-experimental-directives-fade.umd.js",
|
|
3
|
+
"module": "../../fesm2015/taiga-ui-experimental-directives-fade.js",
|
|
4
|
+
"es2015": "../../fesm2015/taiga-ui-experimental-directives-fade.js",
|
|
5
|
+
"esm2015": "../../esm2015/directives/fade/taiga-ui-experimental-directives-fade.js",
|
|
6
|
+
"fesm2015": "../../fesm2015/taiga-ui-experimental-directives-fade.js",
|
|
7
|
+
"typings": "taiga-ui-experimental-directives-fade.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@taiga-ui/experimental/directives/fade"
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@taiga-ui/experimental/directives/fade';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../bundles/taiga-ui-experimental-directives.umd.js",
|
|
3
|
+
"module": "../fesm2015/taiga-ui-experimental-directives.js",
|
|
4
|
+
"es2015": "../fesm2015/taiga-ui-experimental-directives.js",
|
|
5
|
+
"esm2015": "../esm2015/directives/taiga-ui-experimental-directives.js",
|
|
6
|
+
"fesm2015": "../fesm2015/taiga-ui-experimental-directives.js",
|
|
7
|
+
"typings": "taiga-ui-experimental-directives.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@taiga-ui/experimental/directives"
|
|
10
|
+
}
|
|
@@ -2,9 +2,9 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular
|
|
|
2
2
|
import { tuiIsString } from '@taiga-ui/cdk';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@taiga-ui/core";
|
|
5
|
-
import * as i2 from "@
|
|
6
|
-
import * as i3 from "@
|
|
7
|
-
import * as i4 from "@taiga-ui/
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@taiga-ui/kit";
|
|
7
|
+
import * as i4 from "@taiga-ui/experimental/directives";
|
|
8
8
|
export class TuiAvatarComponent {
|
|
9
9
|
constructor() {
|
|
10
10
|
this.size = 'm';
|
|
@@ -31,7 +31,7 @@ export class TuiAvatarComponent {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "this.size", "class._round": "this.round", "class._img": "this.img" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n class=\"t-img\"\n [src]=\"value\"\n />\n <
|
|
34
|
+
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "this.size", "class._round": "this.round", "class._img": "this.img" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n class=\"t-img\"\n [src]=\"value\"\n />\n <div\n *ngSwitchDefault\n tuiFade\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tui-radius-l);background:var(--tui-secondary);color:var(--tui-text-02)}:host[data-size=s]{width:2.5rem;height:2.5rem;font:var(--tui-font-text-l);font-weight:500}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:500}:host[data-size=m]{width:3.5rem;height:3.5rem;font:var(--tui-font-heading-5);font-weight:500}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:500}:host[data-size=l]{width:5rem;height:5rem;font:var(--tui-font-heading-3);font-weight:500}:host[data-size=l] .t-content{font:var(--tui-font-heading-4);font-weight:500}:host._round{border-radius:100%}:host._img{background:transparent}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.t-content{margin:.25rem;white-space:nowrap}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.TuiFadeDirective, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{
|
|
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
56
56
|
type: HostBinding,
|
|
57
57
|
args: ['class._img']
|
|
58
58
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVyRixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTMUMsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVNJLFNBQUksR0FBd0IsR0FBRyxDQUFDO1FBSWhDLFVBQUssR0FBRyxLQUFLLENBQUM7UUFHZCxRQUFHLEdBQW9DLElBQUksQ0FBQztLQTBCL0M7SUF4QkcsSUFDSSxHQUFHO1FBQ0gsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ0osSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDMUMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2pFLE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDakQsQ0FBQzs7Z0hBbkNRLGtCQUFrQjtvR0FBbEIsa0JBQWtCLHlOQ1gvQixvakJBMkJBOzRGRGhCYSxrQkFBa0I7a0JBTjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQ7OEJBSUcsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFLN0IsS0FBSztzQkFGSixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGNBQWM7Z0JBSTNCLEdBQUc7c0JBREYsS0FBSztnQkFJRixHQUFHO3NCQUROLFdBQVc7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U2FmZVJlc291cmNlVXJsfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7dHVpSXNTdHJpbmd9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplTCwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktYXZhdGFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F2YXRhci5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aUF2YXRhckNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgICBzaXplOiBUdWlTaXplTCB8IFR1aVNpemVTID0gJ20nO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9yb3VuZCcpXG4gICAgcm91bmQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc3JjOiBTYWZlUmVzb3VyY2VVcmwgfCBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX2ltZycpXG4gICAgZ2V0IGltZygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gJ2ltZyc7XG4gICAgfVxuXG4gICAgZ2V0IHZhbHVlKCk6IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnNyYyB8fCAnJztcbiAgICB9XG5cbiAgICBnZXQgdHlwZSgpOiAnY29udGVudCcgfCAnaWNvbicgfCAnaW1nJyB8ICd0ZXh0JyB7XG4gICAgICAgIGlmICghIXRoaXMudmFsdWUgJiYgIXR1aUlzU3RyaW5nKHRoaXMudmFsdWUpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ltZyc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy52YWx1ZS5zdGFydHNXaXRoKCd0dWlJY29uJykgfHwgdGhpcy52YWx1ZS5lbmRzV2l0aCgnLnN2ZycpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2ljb24nO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudmFsdWUubGVuZ3RoID4gMCAmJiB0aGlzLnZhbHVlLmxlbmd0aCA8IDMpIHtcbiAgICAgICAgICAgIHJldHVybiAndGV4dCc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZS5sZW5ndGggPyAnaW1nJyA6ICdjb250ZW50JztcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XG4gICAgPHR1aS1zdmdcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidpY29uJ1wiXG4gICAgICAgIGNsYXNzPVwidC1pY29uXCJcbiAgICAgICAgW3NyY109XCJ2YWx1ZVwiXG4gICAgPjwvdHVpLXN2Zz5cbiAgICA8c3BhblxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ3RleHQnXCJcbiAgICAgICAgY2xhc3M9XCJ0LXRleHRcIlxuICAgID5cbiAgICAgICAge3sgdmFsdWUgfX1cbiAgICA8L3NwYW4+XG4gICAgPGltZ1xuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2ltZydcIlxuICAgICAgICBhbHQ9XCJcIlxuICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgIGNsYXNzPVwidC1pbWdcIlxuICAgICAgICBbc3JjXT1cInZhbHVlXCJcbiAgICAvPlxuICAgIDxkaXZcbiAgICAgICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgICAgICB0dWlGYWRlXG4gICAgICAgIGNsYXNzPVwidC1jb250ZW50XCJcbiAgICA+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -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 { TuiFadeModule } from '@taiga-ui/experimental/
|
|
4
|
+
import { TuiFadeModule } from '@taiga-ui/experimental/directives';
|
|
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';
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
35
35
|
exports: [TuiAvatarComponent, TuiFallbackSrcPipe],
|
|
36
36
|
}]
|
|
37
37
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDaEUsT0FBTyxFQUFDLG9CQUFvQixFQUFFLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDdEYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRW5ELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLG9CQUFvQixDQUFDOztBQWF0RCxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQUhULGtCQUFrQixhQU43QixZQUFZO1FBQ1osWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsYUFBYSxhQUdQLGtCQUFrQixFQUFFLGtCQUFrQjs4R0FFdkMsZUFBZSxZQVZmO1lBQ0wsWUFBWTtZQUNaLFlBQVk7WUFDWixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLGFBQWE7U0FDaEI7NEZBSVEsZUFBZTtrQkFYM0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixhQUFhO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsa0JBQWtCLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpU3ZnTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1R1aUZhZGVNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvZGlyZWN0aXZlcyc7XG5pbXBvcnQge1R1aUZhbGxiYWNrU3JjTW9kdWxlLCBUdWlGYWxsYmFja1NyY1BpcGV9IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvcGlwZXMnO1xuaW1wb3J0IHtUdWlMYXp5TG9hZGluZ01vZHVsZX0gZnJvbSAnQHRhaWdhLXVpL2tpdCc7XG5cbmltcG9ydCB7VHVpQXZhdGFyQ29tcG9uZW50fSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBUdWlTdmdNb2R1bGUsXG4gICAgICAgIFR1aUxhenlMb2FkaW5nTW9kdWxlLFxuICAgICAgICBUdWlGYWxsYmFja1NyY01vZHVsZSxcbiAgICAgICAgVHVpRmFkZU1vZHVsZSxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1R1aUF2YXRhckNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1R1aUF2YXRhckNvbXBvbmVudCwgVHVpRmFsbGJhY2tTcmNQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXZhdGFyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
export * from '@taiga-ui/experimental/components/avatar';
|
|
2
2
|
export * from '@taiga-ui/experimental/components/avatar-stack';
|
|
3
|
-
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyx3Q0FBd0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci1zdGFjayc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvZmFkZSc7XG4iXX0=
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsZ0RBQWdELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXItc3RhY2snO1xuIl19
|