@taiga-ui/experimental 3.41.1-canary.db03a1d
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/LICENSE +190 -0
- package/README.md +34 -0
- package/bundles/taiga-ui-experimental-components-avatar-stack.umd.js +78 -0
- package/bundles/taiga-ui-experimental-components-avatar-stack.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-components-avatar.umd.js +136 -0
- package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-components-text.umd.js +123 -0
- package/bundles/taiga-ui-experimental-components-text.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-components.umd.js +33 -0
- package/bundles/taiga-ui-experimental-components.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-pipes-auto-color.umd.js +70 -0
- package/bundles/taiga-ui-experimental-pipes-auto-color.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-pipes-fallback-src.umd.js +76 -0
- package/bundles/taiga-ui-experimental-pipes-fallback-src.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-pipes-initials.umd.js +396 -0
- package/bundles/taiga-ui-experimental-pipes-initials.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-pipes.umd.js +33 -0
- package/bundles/taiga-ui-experimental-pipes.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental.umd.js +27 -0
- package/bundles/taiga-ui-experimental.umd.js.map +1 -0
- package/components/avatar/avatar.component.d.ts +12 -0
- package/components/avatar/avatar.module.d.ts +12 -0
- package/components/avatar/index.d.ts +2 -0
- package/components/avatar/package.json +10 -0
- package/components/avatar/taiga-ui-experimental-components-avatar.d.ts +5 -0
- package/components/avatar-stack/avatar-stack.component.d.ts +7 -0
- package/components/avatar-stack/avatar-stack.module.d.ts +8 -0
- package/components/avatar-stack/index.d.ts +2 -0
- package/components/avatar-stack/package.json +10 -0
- package/components/avatar-stack/taiga-ui-experimental-components-avatar-stack.d.ts +5 -0
- package/components/index.d.ts +3 -0
- package/components/package.json +10 -0
- package/components/taiga-ui-experimental-components.d.ts +5 -0
- package/components/text/index.d.ts +2 -0
- package/components/text/package.json +10 -0
- package/components/text/taiga-ui-experimental-components-text.d.ts +5 -0
- package/components/text/text.component.d.ts +10 -0
- package/components/text/text.module.d.ts +7 -0
- package/esm2015/components/avatar/avatar.component.js +55 -0
- package/esm2015/components/avatar/avatar.module.js +38 -0
- package/esm2015/components/avatar/index.js +3 -0
- package/esm2015/components/avatar/taiga-ui-experimental-components-avatar.js +5 -0
- package/esm2015/components/avatar-stack/avatar-stack.component.js +25 -0
- package/esm2015/components/avatar-stack/avatar-stack.module.js +18 -0
- package/esm2015/components/avatar-stack/index.js +3 -0
- package/esm2015/components/avatar-stack/taiga-ui-experimental-components-avatar-stack.js +5 -0
- package/esm2015/components/index.js +4 -0
- package/esm2015/components/taiga-ui-experimental-components.js +5 -0
- package/esm2015/components/text/index.js +3 -0
- package/esm2015/components/text/taiga-ui-experimental-components-text.js +5 -0
- package/esm2015/components/text/text.component.js +73 -0
- package/esm2015/components/text/text.module.js +16 -0
- package/esm2015/index.js +3 -0
- package/esm2015/pipes/auto-color/auto-color.module.js +16 -0
- package/esm2015/pipes/auto-color/auto-color.pipe.js +17 -0
- package/esm2015/pipes/auto-color/index.js +3 -0
- package/esm2015/pipes/auto-color/taiga-ui-experimental-pipes-auto-color.js +5 -0
- package/esm2015/pipes/fallback-src/fallback-src.module.js +16 -0
- package/esm2015/pipes/fallback-src/fallback-src.pipe.js +25 -0
- package/esm2015/pipes/fallback-src/index.js +3 -0
- package/esm2015/pipes/fallback-src/taiga-ui-experimental-pipes-fallback-src.js +5 -0
- package/esm2015/pipes/index.js +4 -0
- package/esm2015/pipes/initials/index.js +3 -0
- package/esm2015/pipes/initials/initials.module.js +16 -0
- package/esm2015/pipes/initials/initials.pipe.js +21 -0
- package/esm2015/pipes/initials/taiga-ui-experimental-pipes-initials.js +5 -0
- package/esm2015/pipes/taiga-ui-experimental-pipes.js +5 -0
- package/esm2015/taiga-ui-experimental.js +5 -0
- package/fesm2015/taiga-ui-experimental-components-avatar-stack.js +47 -0
- package/fesm2015/taiga-ui-experimental-components-avatar-stack.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-components-avatar.js +97 -0
- package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-components-text.js +93 -0
- package/fesm2015/taiga-ui-experimental-components-text.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-components.js +8 -0
- package/fesm2015/taiga-ui-experimental-components.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-pipes-auto-color.js +37 -0
- package/fesm2015/taiga-ui-experimental-pipes-auto-color.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-pipes-fallback-src.js +45 -0
- package/fesm2015/taiga-ui-experimental-pipes-fallback-src.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-pipes-initials.js +41 -0
- package/fesm2015/taiga-ui-experimental-pipes-initials.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-pipes.js +8 -0
- package/fesm2015/taiga-ui-experimental-pipes.js.map +1 -0
- package/fesm2015/taiga-ui-experimental.js +7 -0
- package/fesm2015/taiga-ui-experimental.js.map +1 -0
- package/index.d.ts +2 -0
- package/package.json +32 -0
- package/pipes/auto-color/auto-color.module.d.ts +7 -0
- package/pipes/auto-color/auto-color.pipe.d.ts +7 -0
- package/pipes/auto-color/index.d.ts +2 -0
- package/pipes/auto-color/package.json +10 -0
- package/pipes/auto-color/taiga-ui-experimental-pipes-auto-color.d.ts +5 -0
- package/pipes/fallback-src/fallback-src.module.d.ts +7 -0
- package/pipes/fallback-src/fallback-src.pipe.d.ts +10 -0
- package/pipes/fallback-src/index.d.ts +2 -0
- package/pipes/fallback-src/package.json +10 -0
- package/pipes/fallback-src/taiga-ui-experimental-pipes-fallback-src.d.ts +5 -0
- package/pipes/index.d.ts +3 -0
- package/pipes/initials/index.d.ts +2 -0
- package/pipes/initials/initials.module.d.ts +7 -0
- package/pipes/initials/initials.pipe.d.ts +7 -0
- package/pipes/initials/package.json +10 -0
- package/pipes/initials/taiga-ui-experimental-pipes-initials.d.ts +5 -0
- package/pipes/package.json +10 -0
- package/pipes/taiga-ui-experimental-pipes.d.ts +5 -0
- package/taiga-ui-experimental.d.ts +5 -0
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Inject, Input, Self, } from '@angular/core';
|
|
2
|
+
import { MUTATION_OBSERVER_INIT, MutationObserverService, } from '@ng-web-apis/mutation-observer';
|
|
3
|
+
import { TuiDestroyService, TuiResizeService } from '@taiga-ui/cdk';
|
|
4
|
+
import { merge } from 'rxjs';
|
|
5
|
+
import { map, takeUntil } from 'rxjs/operators';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "rxjs";
|
|
8
|
+
export class TuiTextComponent {
|
|
9
|
+
constructor(destroy$, resize$, mutate$, element) {
|
|
10
|
+
this.lineHeight = '1.5rem';
|
|
11
|
+
this.fadeSize = '1.5em';
|
|
12
|
+
const el = element.nativeElement;
|
|
13
|
+
merge(resize$, mutate$)
|
|
14
|
+
.pipe(map(() => el.scrollWidth > el.clientWidth ||
|
|
15
|
+
el.scrollHeight > el.clientHeight), takeUntil(destroy$))
|
|
16
|
+
.subscribe(overflown => {
|
|
17
|
+
el.classList.toggle('_overflown', overflown);
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
TuiTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextComponent, deps: [{ token: TuiDestroyService, self: true }, { token: TuiResizeService }, { token: MutationObserverService }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
TuiTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextComponent, selector: "tui-text", inputs: { lineHeight: "lineHeight", fadeSize: "fadeSize" }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.fadeSize" } }, providers: [
|
|
23
|
+
TuiDestroyService,
|
|
24
|
+
TuiResizeService,
|
|
25
|
+
MutationObserverService,
|
|
26
|
+
{
|
|
27
|
+
provide: MUTATION_OBSERVER_INIT,
|
|
28
|
+
useValue: { characterData: true, subtree: true },
|
|
29
|
+
},
|
|
30
|
+
], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{-webkit-mask-size:100% var(--line-height),100% calc(100% - var(--line-height));mask-size:100% var(--line-height),100% calc(100% - var(--line-height));-webkit-mask-position:bottom,top;mask-position:bottom,top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;line-height:var(--line-height)!important}:host._overflown{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--fade-size)),linear-gradient(#000,#000);mask-image:linear-gradient(to left,transparent,#000 var(--fade-size)),linear-gradient(#000,#000)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextComponent, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{
|
|
34
|
+
selector: 'tui-text',
|
|
35
|
+
template: '<ng-content></ng-content>',
|
|
36
|
+
styleUrls: ['./text.style.less'],
|
|
37
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
38
|
+
providers: [
|
|
39
|
+
TuiDestroyService,
|
|
40
|
+
TuiResizeService,
|
|
41
|
+
MutationObserverService,
|
|
42
|
+
{
|
|
43
|
+
provide: MUTATION_OBSERVER_INIT,
|
|
44
|
+
useValue: { characterData: true, subtree: true },
|
|
45
|
+
},
|
|
46
|
+
],
|
|
47
|
+
}]
|
|
48
|
+
}], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
|
|
49
|
+
type: Self
|
|
50
|
+
}, {
|
|
51
|
+
type: Inject,
|
|
52
|
+
args: [TuiDestroyService]
|
|
53
|
+
}] }, { type: i1.Observable, decorators: [{
|
|
54
|
+
type: Inject,
|
|
55
|
+
args: [TuiResizeService]
|
|
56
|
+
}] }, { type: i1.Observable, decorators: [{
|
|
57
|
+
type: Inject,
|
|
58
|
+
args: [MutationObserverService]
|
|
59
|
+
}] }, { type: i0.ElementRef, decorators: [{
|
|
60
|
+
type: Inject,
|
|
61
|
+
args: [ElementRef]
|
|
62
|
+
}] }]; }, propDecorators: { lineHeight: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}, {
|
|
65
|
+
type: HostBinding,
|
|
66
|
+
args: ['style.--line-height']
|
|
67
|
+
}], fadeSize: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}, {
|
|
70
|
+
type: HostBinding,
|
|
71
|
+
args: ['style.--fade-size']
|
|
72
|
+
}] } });
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy90ZXh0L3RleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxJQUFJLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNILHNCQUFzQixFQUN0Qix1QkFBdUIsR0FDMUIsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4QyxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEUsT0FBTyxFQUFDLEtBQUssRUFBYSxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUMsR0FBRyxFQUFFLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7QUFpQjlDLE1BQU0sT0FBTyxnQkFBZ0I7SUFTekIsWUFDdUMsUUFBNkIsRUFDdEMsT0FBNEIsRUFDckIsT0FBNEIsRUFDekMsT0FBZ0M7UUFWeEQsZUFBVSxHQUFHLFFBQVEsQ0FBQztRQUl0QixhQUFRLEdBQUcsT0FBTyxDQUFDO1FBUWYsTUFBTSxFQUFFLEdBQUcsT0FBTyxDQUFDLGFBQWEsQ0FBQztRQUVqQyxLQUFLLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQzthQUNsQixJQUFJLENBQ0QsR0FBRyxDQUNDLEdBQUcsRUFBRSxDQUNELEVBQUUsQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDLFdBQVc7WUFDL0IsRUFBRSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUMsWUFBWSxDQUN4QyxFQUNELFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FDdEI7YUFDQSxTQUFTLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDbkIsRUFBRSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ2pELENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzs7OEdBN0JRLGdCQUFnQixrQkFVTCxpQkFBaUIseUJBQ3pCLGdCQUFnQixhQUNoQix1QkFBdUIsYUFDdkIsVUFBVTtrR0FiYixnQkFBZ0IseU1BVmQ7UUFDUCxpQkFBaUI7UUFDakIsZ0JBQWdCO1FBQ2hCLHVCQUF1QjtRQUN2QjtZQUNJLE9BQU8sRUFBRSxzQkFBc0I7WUFDL0IsUUFBUSxFQUFFLEVBQUMsYUFBYSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFDO1NBQ2pEO0tBQ0osMEJBWFMsMkJBQTJCOzRGQWE1QixnQkFBZ0I7a0JBZjVCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNoQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3dCQUNoQix1QkFBdUI7d0JBQ3ZCOzRCQUNJLE9BQU8sRUFBRSxzQkFBc0I7NEJBQy9CLFFBQVEsRUFBRSxFQUFDLGFBQWEsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBQzt5QkFDakQ7cUJBQ0o7aUJBQ0o7OzBCQVdRLElBQUk7OzBCQUFJLE1BQU07MkJBQUMsaUJBQWlCOzswQkFDaEMsTUFBTTsyQkFBQyxnQkFBZ0I7OzBCQUN2QixNQUFNOzJCQUFDLHVCQUF1Qjs7MEJBQzlCLE1BQU07MkJBQUMsVUFBVTs0Q0FWdEIsVUFBVTtzQkFGVCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHFCQUFxQjtnQkFLbEMsUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIFNlbGYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBNVVRBVElPTl9PQlNFUlZFUl9JTklULFxuICAgIE11dGF0aW9uT2JzZXJ2ZXJTZXJ2aWNlLFxufSBmcm9tICdAbmctd2ViLWFwaXMvbXV0YXRpb24tb2JzZXJ2ZXInO1xuaW1wb3J0IHtUdWlEZXN0cm95U2VydmljZSwgVHVpUmVzaXplU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge21lcmdlLCBPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7bWFwLCB0YWtlVW50aWx9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktdGV4dCcsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgICBzdHlsZVVybHM6IFsnLi90ZXh0LnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgVHVpRGVzdHJveVNlcnZpY2UsXG4gICAgICAgIFR1aVJlc2l6ZVNlcnZpY2UsXG4gICAgICAgIE11dGF0aW9uT2JzZXJ2ZXJTZXJ2aWNlLFxuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBNVVRBVElPTl9PQlNFUlZFUl9JTklULFxuICAgICAgICAgICAgdXNlVmFsdWU6IHtjaGFyYWN0ZXJEYXRhOiB0cnVlLCBzdWJ0cmVlOiB0cnVlfSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUZXh0Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuLS1saW5lLWhlaWdodCcpXG4gICAgbGluZUhlaWdodCA9ICcxLjVyZW0nO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tZmFkZS1zaXplJylcbiAgICBmYWRlU2l6ZSA9ICcxLjVlbSc7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQFNlbGYoKSBASW5qZWN0KFR1aURlc3Ryb3lTZXJ2aWNlKSBkZXN0cm95JDogT2JzZXJ2YWJsZTx1bmtub3duPixcbiAgICAgICAgQEluamVjdChUdWlSZXNpemVTZXJ2aWNlKSByZXNpemUkOiBPYnNlcnZhYmxlPHVua25vd24+LFxuICAgICAgICBASW5qZWN0KE11dGF0aW9uT2JzZXJ2ZXJTZXJ2aWNlKSBtdXRhdGUkOiBPYnNlcnZhYmxlPHVua25vd24+LFxuICAgICAgICBASW5qZWN0KEVsZW1lbnRSZWYpIGVsZW1lbnQ6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgICkge1xuICAgICAgICBjb25zdCBlbCA9IGVsZW1lbnQubmF0aXZlRWxlbWVudDtcblxuICAgICAgICBtZXJnZShyZXNpemUkLCBtdXRhdGUkKVxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgbWFwKFxuICAgICAgICAgICAgICAgICAgICAoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgZWwuc2Nyb2xsV2lkdGggPiBlbC5jbGllbnRXaWR0aCB8fFxuICAgICAgICAgICAgICAgICAgICAgICAgZWwuc2Nyb2xsSGVpZ2h0ID4gZWwuY2xpZW50SGVpZ2h0LFxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsKGRlc3Ryb3kkKSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUob3ZlcmZsb3duID0+IHtcbiAgICAgICAgICAgICAgICBlbC5jbGFzc0xpc3QudG9nZ2xlKCdfb3ZlcmZsb3duJywgb3ZlcmZsb3duKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiTextComponent } from './text.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TuiTextModule {
|
|
5
|
+
}
|
|
6
|
+
TuiTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
TuiTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextModule, declarations: [TuiTextComponent], exports: [TuiTextComponent] });
|
|
8
|
+
TuiTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
declarations: [TuiTextComponent],
|
|
13
|
+
exports: [TuiTextComponent],
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy90ZXh0L3RleHQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBTWxELE1BQU0sT0FBTyxhQUFhOzsyR0FBYixhQUFhOzRHQUFiLGFBQWEsaUJBSFAsZ0JBQWdCLGFBQ3JCLGdCQUFnQjs0R0FFakIsYUFBYTs0RkFBYixhQUFhO2tCQUp6QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUNoQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlUZXh0Q29tcG9uZW50fSBmcm9tICcuL3RleHQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlUZXh0Q29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVHVpVGV4dENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRleHRNb2R1bGUge31cbiJdfQ==
|
package/esm2015/index.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from '@taiga-ui/experimental/components';
|
|
2
|
+
export * from '@taiga-ui/experimental/pipes';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvcGlwZXMnO1xuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiAutoColorPipe } from './auto-color.pipe';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TuiAutoColorModule {
|
|
5
|
+
}
|
|
6
|
+
TuiAutoColorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAutoColorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
TuiAutoColorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAutoColorModule, declarations: [TuiAutoColorPipe], exports: [TuiAutoColorPipe] });
|
|
8
|
+
TuiAutoColorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAutoColorModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAutoColorModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
declarations: [TuiAutoColorPipe],
|
|
13
|
+
exports: [TuiAutoColorPipe],
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1jb2xvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvcGlwZXMvYXV0by1jb2xvci9hdXRvLWNvbG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLG1CQUFtQixDQUFDOztBQU1uRCxNQUFNLE9BQU8sa0JBQWtCOztnSEFBbEIsa0JBQWtCO2lIQUFsQixrQkFBa0IsaUJBSFosZ0JBQWdCLGFBQ3JCLGdCQUFnQjtpSEFFakIsa0JBQWtCOzRGQUFsQixrQkFBa0I7a0JBSjlCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2hDLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1R1aUF1dG9Db2xvclBpcGV9IGZyb20gJy4vYXV0by1jb2xvci5waXBlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlBdXRvQ29sb3JQaXBlXSxcbiAgICBleHBvcnRzOiBbVHVpQXV0b0NvbG9yUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUF1dG9Db2xvck1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import { tuiStringHashToHsl } from '@taiga-ui/kit';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TuiAutoColorPipe {
|
|
5
|
+
transform(text) {
|
|
6
|
+
return tuiStringHashToHsl(text);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
TuiAutoColorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAutoColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
10
|
+
TuiAutoColorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAutoColorPipe, name: "tuiAutoColor" });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAutoColorPipe, decorators: [{
|
|
12
|
+
type: Pipe,
|
|
13
|
+
args: [{
|
|
14
|
+
name: `tuiAutoColor`,
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1jb2xvci5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL3BpcGVzL2F1dG8tY29sb3IvYXV0by1jb2xvci5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQWdCLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFLakQsTUFBTSxPQUFPLGdCQUFnQjtJQUN6QixTQUFTLENBQUMsSUFBWTtRQUNsQixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7OzhHQUhRLGdCQUFnQjs0R0FBaEIsZ0JBQWdCOzRGQUFoQixnQkFBZ0I7a0JBSDVCLElBQUk7bUJBQUM7b0JBQ0YsSUFBSSxFQUFFLGNBQWM7aUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQaXBlLCBQaXBlVHJhbnNmb3JtfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpU3RyaW5nSGFzaFRvSHNsfSBmcm9tICdAdGFpZ2EtdWkva2l0JztcblxuQFBpcGUoe1xuICAgIG5hbWU6IGB0dWlBdXRvQ29sb3JgLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBdXRvQ29sb3JQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gICAgdHJhbnNmb3JtKHRleHQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0dWlTdHJpbmdIYXNoVG9Ic2wodGV4dCk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './auto-color.module';
|
|
2
|
+
export * from './auto-color.pipe';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvcGlwZXMvYXV0by1jb2xvci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2F1dG8tY29sb3IubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYXV0by1jb2xvci5waXBlJztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLXBpcGVzLWF1dG8tY29sb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvcGlwZXMvYXV0by1jb2xvci90YWlnYS11aS1leHBlcmltZW50YWwtcGlwZXMtYXV0by1jb2xvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiFallbackSrcPipe } from './fallback-src.pipe';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TuiFallbackSrcModule {
|
|
5
|
+
}
|
|
6
|
+
TuiFallbackSrcModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFallbackSrcModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
TuiFallbackSrcModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFallbackSrcModule, declarations: [TuiFallbackSrcPipe], exports: [TuiFallbackSrcPipe] });
|
|
8
|
+
TuiFallbackSrcModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFallbackSrcModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFallbackSrcModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
declarations: [TuiFallbackSrcPipe],
|
|
13
|
+
exports: [TuiFallbackSrcPipe],
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFsbGJhY2stc3JjLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9waXBlcy9mYWxsYmFjay1zcmMvZmFsbGJhY2stc3JjLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZDLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQU12RCxNQUFNLE9BQU8sb0JBQW9COztrSEFBcEIsb0JBQW9CO21IQUFwQixvQkFBb0IsaUJBSGQsa0JBQWtCLGFBQ3ZCLGtCQUFrQjttSEFFbkIsb0JBQW9COzRGQUFwQixvQkFBb0I7a0JBSmhDLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1R1aUZhbGxiYWNrU3JjUGlwZX0gZnJvbSAnLi9mYWxsYmFjay1zcmMucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbVHVpRmFsbGJhY2tTcmNQaXBlXSxcbiAgICBleHBvcnRzOiBbVHVpRmFsbGJhY2tTcmNQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpRmFsbGJhY2tTcmNNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ElementRef, Inject, Pipe } from '@angular/core';
|
|
2
|
+
import { TUI_ICON_ERROR } from '@taiga-ui/core';
|
|
3
|
+
import { fromEvent, merge } from 'rxjs';
|
|
4
|
+
import { map, startWith } from 'rxjs/operators';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class TuiFallbackSrcPipe {
|
|
7
|
+
constructor(el) {
|
|
8
|
+
this.el = el;
|
|
9
|
+
}
|
|
10
|
+
transform(src, fallback) {
|
|
11
|
+
return merge(fromEvent(this.el.nativeElement, TUI_ICON_ERROR), fromEvent(this.el.nativeElement, `error`, { capture: true })).pipe(map(() => fallback), startWith(src));
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
TuiFallbackSrcPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFallbackSrcPipe, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
15
|
+
TuiFallbackSrcPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFallbackSrcPipe, name: "tuiFallbackSrc" });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFallbackSrcPipe, decorators: [{
|
|
17
|
+
type: Pipe,
|
|
18
|
+
args: [{
|
|
19
|
+
name: `tuiFallbackSrc`,
|
|
20
|
+
}]
|
|
21
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
|
|
22
|
+
type: Inject,
|
|
23
|
+
args: [ElementRef]
|
|
24
|
+
}] }]; } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFsbGJhY2stc3JjLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvcGlwZXMvZmFsbGJhY2stc3JjL2ZhbGxiYWNrLXNyYy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBZ0IsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFhLE1BQU0sTUFBTSxDQUFDO0FBQ2xELE9BQU8sRUFBQyxHQUFHLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7O0FBSzlDLE1BQU0sT0FBTyxrQkFBa0I7SUFDM0IsWUFBaUQsRUFBMkI7UUFBM0IsT0FBRSxHQUFGLEVBQUUsQ0FBeUI7SUFBRyxDQUFDO0lBRWhGLFNBQVMsQ0FBQyxHQUFXLEVBQUUsUUFBZ0I7UUFDbkMsT0FBTyxLQUFLLENBQ1IsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLGNBQWMsQ0FBQyxFQUNoRCxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLEVBQUMsT0FBTyxFQUFFLElBQUksRUFBQyxDQUFDLENBQzdELENBQUMsSUFBSSxDQUNGLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDbkIsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUNqQixDQUFDO0lBQ04sQ0FBQzs7Z0hBWFEsa0JBQWtCLGtCQUNQLFVBQVU7OEdBRHJCLGtCQUFrQjs0RkFBbEIsa0JBQWtCO2tCQUg5QixJQUFJO21CQUFDO29CQUNGLElBQUksRUFBRSxnQkFBZ0I7aUJBQ3pCOzswQkFFZ0IsTUFBTTsyQkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtFbGVtZW50UmVmLCBJbmplY3QsIFBpcGUsIFBpcGVUcmFuc2Zvcm19IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUVUlfSUNPTl9FUlJPUn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtmcm9tRXZlbnQsIG1lcmdlLCBPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7bWFwLCBzdGFydFdpdGh9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQFBpcGUoe1xuICAgIG5hbWU6IGB0dWlGYWxsYmFja1NyY2AsXG59KVxuZXhwb3J0IGNsYXNzIFR1aUZhbGxiYWNrU3JjUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoRWxlbWVudFJlZikgcHJpdmF0ZSByZWFkb25seSBlbDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG5cbiAgICB0cmFuc2Zvcm0oc3JjOiBzdHJpbmcsIGZhbGxiYWNrOiBzdHJpbmcpOiBPYnNlcnZhYmxlPHN0cmluZz4ge1xuICAgICAgICByZXR1cm4gbWVyZ2UoXG4gICAgICAgICAgICBmcm9tRXZlbnQodGhpcy5lbC5uYXRpdmVFbGVtZW50LCBUVUlfSUNPTl9FUlJPUiksXG4gICAgICAgICAgICBmcm9tRXZlbnQodGhpcy5lbC5uYXRpdmVFbGVtZW50LCBgZXJyb3JgLCB7Y2FwdHVyZTogdHJ1ZX0pLFxuICAgICAgICApLnBpcGUoXG4gICAgICAgICAgICBtYXAoKCkgPT4gZmFsbGJhY2spLFxuICAgICAgICAgICAgc3RhcnRXaXRoKHNyYyksXG4gICAgICAgICk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './fallback-src.module';
|
|
2
|
+
export * from './fallback-src.pipe';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvcGlwZXMvZmFsbGJhY2stc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZmFsbGJhY2stc3JjLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2ZhbGxiYWNrLXNyYy5waXBlJztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLXBpcGVzLWZhbGxiYWNrLXNyYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9waXBlcy9mYWxsYmFjay1zcmMvdGFpZ2EtdWktZXhwZXJpbWVudGFsLXBpcGVzLWZhbGxiYWNrLXNyYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from '@taiga-ui/experimental/pipes/auto-color';
|
|
2
|
+
export * from '@taiga-ui/experimental/pipes/fallback-src';
|
|
3
|
+
export * from '@taiga-ui/experimental/pipes/initials';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvcGlwZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsdUNBQXVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL3BpcGVzL2F1dG8tY29sb3InO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9waXBlcy9mYWxsYmFjay1zcmMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9waXBlcy9pbml0aWFscyc7XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './initials.module';
|
|
2
|
+
export * from './initials.pipe';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvcGlwZXMvaW5pdGlhbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9pbml0aWFscy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9pbml0aWFscy5waXBlJztcbiJdfQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiInitialsPipe } from './initials.pipe';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TuiInitialsModule {
|
|
5
|
+
}
|
|
6
|
+
TuiInitialsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiInitialsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
TuiInitialsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiInitialsModule, declarations: [TuiInitialsPipe], exports: [TuiInitialsPipe] });
|
|
8
|
+
TuiInitialsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiInitialsModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiInitialsModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
declarations: [TuiInitialsPipe],
|
|
13
|
+
exports: [TuiInitialsPipe],
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5pdGlhbHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL3BpcGVzL2luaXRpYWxzL2luaXRpYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUFNaEQsTUFBTSxPQUFPLGlCQUFpQjs7K0dBQWpCLGlCQUFpQjtnSEFBakIsaUJBQWlCLGlCQUhYLGVBQWUsYUFDcEIsZUFBZTtnSEFFaEIsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBSjdCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7VHVpSW5pdGlhbHNQaXBlfSBmcm9tICcuL2luaXRpYWxzLnBpcGUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1R1aUluaXRpYWxzUGlwZV0sXG4gICAgZXhwb3J0czogW1R1aUluaXRpYWxzUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUluaXRpYWxzTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class TuiInitialsPipe {
|
|
4
|
+
transform(text) {
|
|
5
|
+
return text
|
|
6
|
+
.toUpperCase()
|
|
7
|
+
.split(` `)
|
|
8
|
+
.map(([char]) => char)
|
|
9
|
+
.join(``)
|
|
10
|
+
.slice(0, 2);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
TuiInitialsPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiInitialsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
14
|
+
TuiInitialsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiInitialsPipe, name: "tuiInitials" });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiInitialsPipe, decorators: [{
|
|
16
|
+
type: Pipe,
|
|
17
|
+
args: [{
|
|
18
|
+
name: `tuiInitials`,
|
|
19
|
+
}]
|
|
20
|
+
}] });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5pdGlhbHMucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9waXBlcy9pbml0aWFscy9pbml0aWFscy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQWdCLE1BQU0sZUFBZSxDQUFDOztBQUtsRCxNQUFNLE9BQU8sZUFBZTtJQUN4QixTQUFTLENBQUMsSUFBWTtRQUNsQixPQUFPLElBQUk7YUFDTixXQUFXLEVBQUU7YUFDYixLQUFLLENBQUMsR0FBRyxDQUFDO2FBQ1YsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDO2FBQ3JCLElBQUksQ0FBQyxFQUFFLENBQUM7YUFDUixLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3JCLENBQUM7OzZHQVJRLGVBQWU7MkdBQWYsZUFBZTs0RkFBZixlQUFlO2tCQUgzQixJQUFJO21CQUFDO29CQUNGLElBQUksRUFBRSxhQUFhO2lCQUN0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UGlwZSwgUGlwZVRyYW5zZm9ybX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgICBuYW1lOiBgdHVpSW5pdGlhbHNgLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlJbml0aWFsc1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgICB0cmFuc2Zvcm0odGV4dDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRleHRcbiAgICAgICAgICAgIC50b1VwcGVyQ2FzZSgpXG4gICAgICAgICAgICAuc3BsaXQoYCBgKVxuICAgICAgICAgICAgLm1hcCgoW2NoYXJdKSA9PiBjaGFyKVxuICAgICAgICAgICAgLmpvaW4oYGApXG4gICAgICAgICAgICAuc2xpY2UoMCwgMik7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLXBpcGVzLWluaXRpYWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL3BpcGVzL2luaXRpYWxzL3RhaWdhLXVpLWV4cGVyaW1lbnRhbC1waXBlcy1pbml0aWFscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLXBpcGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL3BpcGVzL3RhaWdhLXVpLWV4cGVyaW1lbnRhbC1waXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL3RhaWdhLXVpLWV4cGVyaW1lbnRhbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
|
|
3
|
+
import { TuiAvatarModule, TuiAvatarComponent } from '@taiga-ui/experimental/components/avatar';
|
|
4
|
+
|
|
5
|
+
class TuiAvatarStackComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.direction = 'right';
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
TuiAvatarStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
TuiAvatarStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarStackComponent, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { properties: { "attr.data-direction": "this.direction" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["tui-avatar-stack{display:flex;--gap: .125rem;--radius: var(--tui-radius-l)}tui-avatar-stack tui-avatar{-webkit-mask-size:calc(var(--radius) + var(--gap)) calc(var(--radius) + var(--gap)),calc(var(--radius) + var(--gap)) calc(var(--radius) + var(--gap)),100%;mask-size:calc(var(--radius) + var(--gap)) calc(var(--radius) + var(--gap)),calc(var(--radius) + var(--gap)) calc(var(--radius) + var(--gap)),100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}tui-avatar-stack[data-direction=left] tui-avatar:not(:first-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),linear-gradient(to right,transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),linear-gradient(to right,transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)));-webkit-mask-position:calc(50% - (var(--radius) - var(--gap)) / 2) calc(-1 * var(--gap)),calc(50% - (var(--radius) - var(--gap)) / 2) calc(100% + var(--gap)),bottom;mask-position:calc(50% - (var(--radius) - var(--gap)) / 2) calc(-1 * var(--gap)),calc(50% - (var(--radius) - var(--gap)) / 2) calc(100% + var(--gap)),bottom}tui-avatar-stack[data-direction=right] tui-avatar:not(:last-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),linear-gradient(to left,transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--radius) + var(--gap)),#000 calc(var(--radius) + var(--gap) + .2px)),linear-gradient(to left,transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)));-webkit-mask-position:calc(50% - var(--gap)) calc(-1 * var(--gap)),calc(50% - var(--gap)) calc(100% + var(--gap)),bottom;mask-position:calc(50% - var(--gap)) calc(-1 * var(--gap)),calc(50% - var(--gap)) calc(100% + var(--gap)),bottom}tui-avatar-stack tui-avatar[data-size=s]{margin-right:-1.25rem}tui-avatar-stack tui-avatar[data-size=s]._round{--radius: 1.25rem}tui-avatar-stack tui-avatar[data-size=m]{margin-right:-1.75rem}tui-avatar-stack tui-avatar[data-size=m]._round{--radius: 1.75rem}tui-avatar-stack tui-avatar[data-size=l]{margin-right:-2.5rem}tui-avatar-stack tui-avatar[data-size=l]._round{--radius: 2.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarStackComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{
|
|
15
|
+
selector: 'tui-avatar-stack',
|
|
16
|
+
template: '<ng-content></ng-content>',
|
|
17
|
+
styleUrls: ['./avatar-stack.style.less'],
|
|
18
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
19
|
+
encapsulation: ViewEncapsulation.None,
|
|
20
|
+
}]
|
|
21
|
+
}], propDecorators: { direction: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}, {
|
|
24
|
+
type: HostBinding,
|
|
25
|
+
args: ['attr.data-direction']
|
|
26
|
+
}] } });
|
|
27
|
+
|
|
28
|
+
class TuiAvatarStackModule {
|
|
29
|
+
}
|
|
30
|
+
TuiAvatarStackModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarStackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
|
+
TuiAvatarStackModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarStackModule, declarations: [TuiAvatarStackComponent], imports: [TuiAvatarModule], exports: [TuiAvatarStackComponent, TuiAvatarComponent] });
|
|
32
|
+
TuiAvatarStackModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarStackModule, imports: [[TuiAvatarModule]] });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarStackModule, decorators: [{
|
|
34
|
+
type: NgModule,
|
|
35
|
+
args: [{
|
|
36
|
+
imports: [TuiAvatarModule],
|
|
37
|
+
declarations: [TuiAvatarStackComponent],
|
|
38
|
+
exports: [TuiAvatarStackComponent, TuiAvatarComponent],
|
|
39
|
+
}]
|
|
40
|
+
}] });
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Generated bundle index. Do not edit.
|
|
44
|
+
*/
|
|
45
|
+
|
|
46
|
+
export { TuiAvatarStackComponent, TuiAvatarStackModule };
|
|
47
|
+
//# sourceMappingURL=taiga-ui-experimental-components-avatar-stack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-avatar-stack.js","sources":["../../../projects/experimental/components/avatar-stack/avatar-stack.component.ts","../../../projects/experimental/components/avatar-stack/avatar-stack.module.ts","../../../projects/experimental/components/avatar-stack/taiga-ui-experimental-components-avatar-stack.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TuiHorizontalDirection} from '@taiga-ui/core';\n\n@Component({\n selector: 'tui-avatar-stack',\n template: '<ng-content></ng-content>',\n styleUrls: ['./avatar-stack.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class TuiAvatarStackComponent {\n @Input()\n @HostBinding('attr.data-direction')\n direction: TuiHorizontalDirection = 'right';\n}\n","import {NgModule} from '@angular/core';\nimport {\n TuiAvatarComponent,\n TuiAvatarModule,\n} from '@taiga-ui/experimental/components/avatar';\n\nimport {TuiAvatarStackComponent} from './avatar-stack.component';\n\n@NgModule({\n imports: [TuiAvatarModule],\n declarations: [TuiAvatarStackComponent],\n exports: [TuiAvatarStackComponent, TuiAvatarComponent],\n})\nexport class TuiAvatarStackModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAgBa,uBAAuB,CAAA;AAPpC,IAAA,WAAA,GAAA;QAUI,IAAS,CAAA,SAAA,GAA2B,OAAO,CAAC;AAC/C,KAAA;;qHAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,+JALtB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,s4FAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAK5B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,2BAA2B;oBACrC,SAAS,EAAE,CAAC,2BAA2B,CAAC;oBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACxC,iBAAA,CAAA;8BAIG,SAAS,EAAA,CAAA;sBAFR,KAAK;;sBACL,WAAW;uBAAC,qBAAqB,CAAA;;;MCLzB,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,iBAHd,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAD5B,eAAe,CAEf,EAAA,OAAA,EAAA,CAAA,uBAAuB,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA;mHAE5C,oBAAoB,EAAA,OAAA,EAAA,CAJpB,CAAC,eAAe,CAAC,CAAA,EAAA,CAAA,CAAA;4FAIjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE,CAAC,uBAAuB,EAAE,kBAAkB,CAAC;AACzD,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@taiga-ui/core';
|
|
4
|
+
import { TuiSvgModule } from '@taiga-ui/core';
|
|
5
|
+
import * as i2 from '@taiga-ui/experimental/components/text';
|
|
6
|
+
import { TuiTextModule } from '@taiga-ui/experimental/components/text';
|
|
7
|
+
import * as i3 from '@angular/common';
|
|
8
|
+
import { CommonModule } from '@angular/common';
|
|
9
|
+
import * as i4 from '@taiga-ui/kit';
|
|
10
|
+
import { TuiLazyLoadingModule } from '@taiga-ui/kit';
|
|
11
|
+
import { TuiFallbackSrcModule, TuiFallbackSrcPipe } from '@taiga-ui/experimental/pipes';
|
|
12
|
+
|
|
13
|
+
class TuiAvatarComponent {
|
|
14
|
+
constructor() {
|
|
15
|
+
this.size = 'm';
|
|
16
|
+
this.round = false;
|
|
17
|
+
this.src = null;
|
|
18
|
+
}
|
|
19
|
+
get img() {
|
|
20
|
+
return this.type === 'img';
|
|
21
|
+
}
|
|
22
|
+
get value() {
|
|
23
|
+
return this.src || '';
|
|
24
|
+
}
|
|
25
|
+
get type() {
|
|
26
|
+
if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {
|
|
27
|
+
return 'icon';
|
|
28
|
+
}
|
|
29
|
+
if (this.value.length > 0 && this.value.length < 3) {
|
|
30
|
+
return 'text';
|
|
31
|
+
}
|
|
32
|
+
return this.value.length ? 'img' : 'content';
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
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-text\n *ngSwitchDefault\n lineHeight=\"2.5rem\"\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </tui-text>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tui-radius-l);background:var(--tui-secondary);color:var(--tui-text-02)}:host[data-size=s]{width:2.5rem;height:2.5rem;font:var(--tui-font-text-l);font-weight:500}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:500}:host[data-size=m]{width:3.5rem;height:3.5rem;font:var(--tui-font-heading-5);font-weight:500}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:500}:host[data-size=l]{width:5rem;height:5rem;font:var(--tui-font-heading-3);font-weight:500}:host[data-size=l] .t-content{font:var(--tui-font-heading-4);font-weight:500}:host._round{border-radius:100%}:host._img{background:transparent}.t-icon{width:60%;height:60%}.t-img{width:100%;height:100%}.t-content{margin:.25rem;white-space:nowrap}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i2.TuiTextComponent, selector: "tui-text", inputs: ["lineHeight", "fadeSize"] }], 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 });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
|
|
38
|
+
type: Component,
|
|
39
|
+
args: [{
|
|
40
|
+
selector: 'tui-avatar',
|
|
41
|
+
templateUrl: './avatar.template.html',
|
|
42
|
+
styleUrls: ['./avatar.style.less'],
|
|
43
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
44
|
+
}]
|
|
45
|
+
}], propDecorators: { size: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}, {
|
|
48
|
+
type: HostBinding,
|
|
49
|
+
args: ['attr.data-size']
|
|
50
|
+
}], round: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}, {
|
|
53
|
+
type: HostBinding,
|
|
54
|
+
args: ['class._round']
|
|
55
|
+
}], src: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], img: [{
|
|
58
|
+
type: HostBinding,
|
|
59
|
+
args: ['class._img']
|
|
60
|
+
}] } });
|
|
61
|
+
|
|
62
|
+
class TuiAvatarModule {
|
|
63
|
+
}
|
|
64
|
+
TuiAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
65
|
+
TuiAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [CommonModule,
|
|
66
|
+
TuiSvgModule,
|
|
67
|
+
TuiLazyLoadingModule,
|
|
68
|
+
TuiFallbackSrcModule,
|
|
69
|
+
TuiTextModule], exports: [TuiAvatarComponent, TuiFallbackSrcPipe] });
|
|
70
|
+
TuiAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, imports: [[
|
|
71
|
+
CommonModule,
|
|
72
|
+
TuiSvgModule,
|
|
73
|
+
TuiLazyLoadingModule,
|
|
74
|
+
TuiFallbackSrcModule,
|
|
75
|
+
TuiTextModule,
|
|
76
|
+
]] });
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarModule, decorators: [{
|
|
78
|
+
type: NgModule,
|
|
79
|
+
args: [{
|
|
80
|
+
imports: [
|
|
81
|
+
CommonModule,
|
|
82
|
+
TuiSvgModule,
|
|
83
|
+
TuiLazyLoadingModule,
|
|
84
|
+
TuiFallbackSrcModule,
|
|
85
|
+
TuiTextModule,
|
|
86
|
+
],
|
|
87
|
+
declarations: [TuiAvatarComponent],
|
|
88
|
+
exports: [TuiAvatarComponent, TuiFallbackSrcPipe],
|
|
89
|
+
}]
|
|
90
|
+
}] });
|
|
91
|
+
|
|
92
|
+
/**
|
|
93
|
+
* Generated bundle index. Do not edit.
|
|
94
|
+
*/
|
|
95
|
+
|
|
96
|
+
export { TuiAvatarComponent, TuiAvatarModule };
|
|
97
|
+
//# sourceMappingURL=taiga-ui-experimental-components-avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-avatar.js","sources":["../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n selector: 'tui-avatar',\n templateUrl: './avatar.template.html',\n styleUrls: ['./avatar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAvatarComponent {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = 'm';\n\n @Input()\n @HostBinding('class._round')\n round = false;\n\n @Input()\n src: string | null = null;\n\n @HostBinding('class._img')\n get img(): boolean {\n return this.type === 'img';\n }\n\n get value(): string {\n return this.src || '';\n }\n\n get type(): 'content' | 'icon' | 'img' | 'text' {\n if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {\n return 'icon';\n }\n\n if (this.value.length > 0 && this.value.length < 3) {\n return 'text';\n }\n\n return this.value.length ? 'img' : 'content';\n }\n}\n","<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n class=\"t-img\"\n [src]=\"value\"\n />\n <tui-text\n *ngSwitchDefault\n lineHeight=\"2.5rem\"\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </tui-text>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiTextModule} from '@taiga-ui/experimental/components/text';\nimport {TuiFallbackSrcModule, TuiFallbackSrcPipe} from '@taiga-ui/experimental/pipes';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiSvgModule,\n TuiLazyLoadingModule,\n TuiFallbackSrcModule,\n TuiTextModule,\n ],\n declarations: [TuiAvatarComponent],\n exports: [TuiAvatarComponent, TuiFallbackSrcPipe],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ElementRef, Component, ChangeDetectionStrategy, Self, Inject, Input, HostBinding, NgModule } from '@angular/core';
|
|
3
|
+
import { MutationObserverService, MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
|
|
4
|
+
import { TuiDestroyService, TuiResizeService } from '@taiga-ui/cdk';
|
|
5
|
+
import * as i1 from 'rxjs';
|
|
6
|
+
import { merge } from 'rxjs';
|
|
7
|
+
import { map, takeUntil } from 'rxjs/operators';
|
|
8
|
+
|
|
9
|
+
class TuiTextComponent {
|
|
10
|
+
constructor(destroy$, resize$, mutate$, element) {
|
|
11
|
+
this.lineHeight = '1.5rem';
|
|
12
|
+
this.fadeSize = '1.5em';
|
|
13
|
+
const el = element.nativeElement;
|
|
14
|
+
merge(resize$, mutate$)
|
|
15
|
+
.pipe(map(() => el.scrollWidth > el.clientWidth ||
|
|
16
|
+
el.scrollHeight > el.clientHeight), takeUntil(destroy$))
|
|
17
|
+
.subscribe(overflown => {
|
|
18
|
+
el.classList.toggle('_overflown', overflown);
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
TuiTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextComponent, deps: [{ token: TuiDestroyService, self: true }, { token: TuiResizeService }, { token: MutationObserverService }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
TuiTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextComponent, selector: "tui-text", inputs: { lineHeight: "lineHeight", fadeSize: "fadeSize" }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.fadeSize" } }, providers: [
|
|
24
|
+
TuiDestroyService,
|
|
25
|
+
TuiResizeService,
|
|
26
|
+
MutationObserverService,
|
|
27
|
+
{
|
|
28
|
+
provide: MUTATION_OBSERVER_INIT,
|
|
29
|
+
useValue: { characterData: true, subtree: true },
|
|
30
|
+
},
|
|
31
|
+
], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{-webkit-mask-size:100% var(--line-height),100% calc(100% - var(--line-height));mask-size:100% var(--line-height),100% calc(100% - var(--line-height));-webkit-mask-position:bottom,top;mask-position:bottom,top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;line-height:var(--line-height)!important}:host._overflown{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--fade-size)),linear-gradient(#000,#000);mask-image:linear-gradient(to left,transparent,#000 var(--fade-size)),linear-gradient(#000,#000)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextComponent, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{
|
|
35
|
+
selector: 'tui-text',
|
|
36
|
+
template: '<ng-content></ng-content>',
|
|
37
|
+
styleUrls: ['./text.style.less'],
|
|
38
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
39
|
+
providers: [
|
|
40
|
+
TuiDestroyService,
|
|
41
|
+
TuiResizeService,
|
|
42
|
+
MutationObserverService,
|
|
43
|
+
{
|
|
44
|
+
provide: MUTATION_OBSERVER_INIT,
|
|
45
|
+
useValue: { characterData: true, subtree: true },
|
|
46
|
+
},
|
|
47
|
+
],
|
|
48
|
+
}]
|
|
49
|
+
}], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
|
|
50
|
+
type: Self
|
|
51
|
+
}, {
|
|
52
|
+
type: Inject,
|
|
53
|
+
args: [TuiDestroyService]
|
|
54
|
+
}] }, { type: i1.Observable, decorators: [{
|
|
55
|
+
type: Inject,
|
|
56
|
+
args: [TuiResizeService]
|
|
57
|
+
}] }, { type: i1.Observable, decorators: [{
|
|
58
|
+
type: Inject,
|
|
59
|
+
args: [MutationObserverService]
|
|
60
|
+
}] }, { type: i0.ElementRef, decorators: [{
|
|
61
|
+
type: Inject,
|
|
62
|
+
args: [ElementRef]
|
|
63
|
+
}] }]; }, propDecorators: { lineHeight: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}, {
|
|
66
|
+
type: HostBinding,
|
|
67
|
+
args: ['style.--line-height']
|
|
68
|
+
}], fadeSize: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}, {
|
|
71
|
+
type: HostBinding,
|
|
72
|
+
args: ['style.--fade-size']
|
|
73
|
+
}] } });
|
|
74
|
+
|
|
75
|
+
class TuiTextModule {
|
|
76
|
+
}
|
|
77
|
+
TuiTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
78
|
+
TuiTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextModule, declarations: [TuiTextComponent], exports: [TuiTextComponent] });
|
|
79
|
+
TuiTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextModule });
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextModule, decorators: [{
|
|
81
|
+
type: NgModule,
|
|
82
|
+
args: [{
|
|
83
|
+
declarations: [TuiTextComponent],
|
|
84
|
+
exports: [TuiTextComponent],
|
|
85
|
+
}]
|
|
86
|
+
}] });
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* Generated bundle index. Do not edit.
|
|
90
|
+
*/
|
|
91
|
+
|
|
92
|
+
export { TuiTextComponent, TuiTextModule };
|
|
93
|
+
//# sourceMappingURL=taiga-ui-experimental-components-text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-text.js","sources":["../../../projects/experimental/components/text/text.component.ts","../../../projects/experimental/components/text/text.module.ts","../../../projects/experimental/components/text/taiga-ui-experimental-components-text.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n Self,\n} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';\nimport {merge, Observable} from 'rxjs';\nimport {map, takeUntil} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-text',\n template: '<ng-content></ng-content>',\n styleUrls: ['./text.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 TuiTextComponent {\n @Input()\n @HostBinding('style.--line-height')\n lineHeight = '1.5rem';\n\n @Input()\n @HostBinding('style.--fade-size')\n fadeSize = '1.5em';\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 ) {\n const el = element.nativeElement;\n\n merge(resize$, mutate$)\n .pipe(\n map(\n () =>\n el.scrollWidth > el.clientWidth ||\n el.scrollHeight > el.clientHeight,\n ),\n takeUntil(destroy$),\n )\n .subscribe(overflown => {\n el.classList.toggle('_overflown', overflown);\n });\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiTextComponent} from './text.component';\n\n@NgModule({\n declarations: [TuiTextComponent],\n exports: [TuiTextComponent],\n})\nexport class TuiTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from '@taiga-ui/experimental/components/avatar';
|
|
2
|
+
export * from '@taiga-ui/experimental/components/avatar-stack';
|
|
3
|
+
export * from '@taiga-ui/experimental/components/text';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Generated bundle index. Do not edit.
|
|
7
|
+
*/
|
|
8
|
+
//# sourceMappingURL=taiga-ui-experimental-components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components.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":";;;;AAAA;;AAEG"}
|