@taiga-ui/experimental 3.70.0 → 3.71.0-canary.0efb113
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-directives-block-details.umd.js +95 -0
- package/bundles/taiga-ui-experimental-directives-block-details.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives-comment.umd.js +101 -0
- package/bundles/taiga-ui-experimental-directives-comment.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives-skeleton.umd.js +456 -0
- package/bundles/taiga-ui-experimental-directives-skeleton.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives.umd.js +22 -4
- package/bundles/taiga-ui-experimental-directives.umd.js.map +1 -1
- package/directives/block-details/block-details.component.d.ts +5 -0
- package/directives/block-details/block-details.directive.d.ts +7 -0
- package/directives/block-details/block-details.module.d.ts +8 -0
- package/directives/block-details/index.d.ts +3 -0
- package/directives/block-details/package.json +10 -0
- package/directives/block-details/taiga-ui-experimental-directives-block-details.d.ts +5 -0
- package/directives/comment/comment.component.d.ts +5 -0
- package/directives/comment/comment.directive.d.ts +9 -0
- package/directives/comment/comment.module.d.ts +8 -0
- package/directives/comment/index.d.ts +3 -0
- package/directives/comment/package.json +10 -0
- package/directives/comment/taiga-ui-experimental-directives-comment.d.ts +5 -0
- package/directives/index.d.ts +3 -0
- package/directives/skeleton/index.d.ts +3 -0
- package/directives/skeleton/package.json +10 -0
- package/directives/skeleton/skeleton.component.d.ts +5 -0
- package/directives/skeleton/skeleton.directive.d.ts +15 -0
- package/directives/skeleton/skeleton.module.d.ts +8 -0
- package/directives/skeleton/taiga-ui-experimental-directives-skeleton.d.ts +5 -0
- package/esm2015/directives/block-details/block-details.component.js +19 -0
- package/esm2015/directives/block-details/block-details.directive.js +22 -0
- package/esm2015/directives/block-details/block-details.module.js +17 -0
- package/esm2015/directives/block-details/index.js +4 -0
- package/esm2015/directives/block-details/taiga-ui-experimental-directives-block-details.js +5 -0
- package/esm2015/directives/comment/comment.component.js +19 -0
- package/esm2015/directives/comment/comment.directive.js +28 -0
- package/esm2015/directives/comment/comment.module.js +17 -0
- package/esm2015/directives/comment/index.js +4 -0
- package/esm2015/directives/comment/taiga-ui-experimental-directives-comment.js +5 -0
- package/esm2015/directives/index.js +4 -1
- package/esm2015/directives/skeleton/index.js +4 -0
- package/esm2015/directives/skeleton/skeleton.component.js +19 -0
- package/esm2015/directives/skeleton/skeleton.directive.js +66 -0
- package/esm2015/directives/skeleton/skeleton.module.js +17 -0
- package/esm2015/directives/skeleton/taiga-ui-experimental-directives-skeleton.js +5 -0
- package/fesm2015/taiga-ui-experimental-directives-block-details.js +58 -0
- package/fesm2015/taiga-ui-experimental-directives-block-details.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives-comment.js +64 -0
- package/fesm2015/taiga-ui-experimental-directives-comment.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives-skeleton.js +102 -0
- package/fesm2015/taiga-ui-experimental-directives-skeleton.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives.js +3 -0
- package/fesm2015/taiga-ui-experimental-directives.js.map +1 -1
- package/package.json +31 -31
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Inject, Input, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@taiga-ui/cdk';
|
|
4
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
5
|
+
|
|
6
|
+
class TuiCommentComponent {
|
|
7
|
+
}
|
|
8
|
+
TuiCommentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCommentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
TuiCommentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCommentComponent, selector: "ng-component", host: { classAttribute: "tui-comment-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiComment]{position:relative;display:inline-flex;font:var(--tui-font-text-m);color:var(--tui-text-01-night);padding:.5rem .75rem;border-radius:1rem;line-height:1rem;background:var(--tui-accent);align-items:center;justify-content:center}[tuiComment]:before{content:\"\";position:absolute;bottom:100%;left:50%;width:1.5625rem;height:.5625rem;background:inherit;transform:translate(-50%);-webkit-mask:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\") no-repeat;mask:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\") no-repeat}[tuiComment][data-direction=bottom]:before{top:100%;bottom:auto;transform:translate(-50%) rotate(180deg)}[tuiComment][data-direction=left]:before{left:auto;top:50%;right:100%;transform:translate(.785rem,-50%) rotate(-90deg)}[tuiComment][data-direction=right]:before{top:50%;left:100%;transform:translate(-.785rem,-50%) rotate(90deg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCommentComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
template: '',
|
|
14
|
+
styleUrls: ['./comment.style.less'],
|
|
15
|
+
encapsulation: ViewEncapsulation.None,
|
|
16
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17
|
+
host: {
|
|
18
|
+
class: 'tui-comment-styles',
|
|
19
|
+
},
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
|
|
23
|
+
class TuiCommentDirective {
|
|
24
|
+
constructor(directiveStyles) {
|
|
25
|
+
this.tuiComment = 'top';
|
|
26
|
+
directiveStyles.addComponent(TuiCommentComponent);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
TuiCommentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCommentDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
+
TuiCommentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCommentDirective, selector: "[tuiComment]", inputs: { tuiComment: "tuiComment" }, host: { properties: { "attr.data-direction": "tuiComment" } }, ngImport: i0 });
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCommentDirective, decorators: [{
|
|
32
|
+
type: Directive,
|
|
33
|
+
args: [{
|
|
34
|
+
selector: '[tuiComment]',
|
|
35
|
+
host: {
|
|
36
|
+
'[attr.data-direction]': 'tuiComment',
|
|
37
|
+
},
|
|
38
|
+
}]
|
|
39
|
+
}], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
|
|
40
|
+
type: Inject,
|
|
41
|
+
args: [TuiDirectiveStylesService]
|
|
42
|
+
}] }]; }, propDecorators: { tuiComment: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}] } });
|
|
45
|
+
|
|
46
|
+
class TuiCommentModule {
|
|
47
|
+
}
|
|
48
|
+
TuiCommentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
49
|
+
TuiCommentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCommentModule, declarations: [TuiCommentDirective, TuiCommentComponent], exports: [TuiCommentDirective] });
|
|
50
|
+
TuiCommentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCommentModule });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCommentModule, decorators: [{
|
|
52
|
+
type: NgModule,
|
|
53
|
+
args: [{
|
|
54
|
+
declarations: [TuiCommentDirective, TuiCommentComponent],
|
|
55
|
+
exports: [TuiCommentDirective],
|
|
56
|
+
}]
|
|
57
|
+
}] });
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Generated bundle index. Do not edit.
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
export { TuiCommentComponent, TuiCommentDirective, TuiCommentModule };
|
|
64
|
+
//# sourceMappingURL=taiga-ui-experimental-directives-comment.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-comment.js","sources":["../../../projects/experimental/directives/comment/comment.component.ts","../../../projects/experimental/directives/comment/comment.directive.ts","../../../projects/experimental/directives/comment/comment.module.ts","../../../projects/experimental/directives/comment/taiga-ui-experimental-directives-comment.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./comment.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-comment-styles',\n },\n})\nexport class TuiCommentComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiHorizontalDirection, TuiVerticalDirection} from '@taiga-ui/core';\n\nimport {TuiCommentComponent} from './comment.component';\n\n@Directive({\n selector: '[tuiComment]',\n host: {\n '[attr.data-direction]': 'tuiComment',\n },\n})\nexport class TuiCommentDirective {\n @Input()\n tuiComment: TuiHorizontalDirection | TuiVerticalDirection | '' = 'top';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCommentComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCommentComponent} from './comment.component';\nimport {TuiCommentDirective} from './comment.directive';\n\n@NgModule({\n declarations: [TuiCommentDirective, TuiCommentComponent],\n exports: [TuiCommentDirective],\n})\nexport class TuiCommentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,mBAAmB,CAAA;;iHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,oGARlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,goDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAQH,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,CAAC,sBAAsB,CAAC;oBACnC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,oBAAoB;AAC9B,qBAAA;AACJ,iBAAA,CAAA;;;MCEY,mBAAmB,CAAA;AAI5B,IAAA,WAAA,CACuC,eAA0C,EAAA;QAHjF,IAAU,CAAA,UAAA,GAAuD,KAAK,CAAC;AAKnE,QAAA,eAAe,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;KACrD;;AARQ,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,kBAKhB,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAL5B,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACF,wBAAA,uBAAuB,EAAE,YAAY;AACxC,qBAAA;AACJ,iBAAA,CAAA;;0BAMQ,MAAM;2BAAC,yBAAyB,CAAA;4CAHrC,UAAU,EAAA,CAAA;sBADT,KAAK;;;MCJG,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAHV,YAAA,EAAA,CAAA,mBAAmB,EAAE,mBAAmB,aAC7C,mBAAmB,CAAA,EAAA,CAAA,CAAA;+GAEpB,gBAAgB,EAAA,CAAA,CAAA;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;oBACxD,OAAO,EAAE,CAAC,mBAAmB,CAAC;AACjC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, Directive, Inject, Input, NgModule } from '@angular/core';
|
|
3
|
+
import { __decorate } from 'tslib';
|
|
4
|
+
import * as i1 from '@taiga-ui/cdk';
|
|
5
|
+
import { CHAR_NO_BREAK_SPACE, TuiDirectiveStylesService, tuiPure } from '@taiga-ui/cdk';
|
|
6
|
+
import { TUI_ANIMATIONS_DURATION } from '@taiga-ui/core';
|
|
7
|
+
|
|
8
|
+
class TuiSkeletonComponent {
|
|
9
|
+
}
|
|
10
|
+
TuiSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
TuiSkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSkeletonComponent, selector: "ng-component", host: { classAttribute: "tui-skeleton-styles" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes tuiSkeleton{0%{opacity:.03}to{opacity:.06}}[tuiSkeleton]._skeleton{color:transparent;background:var(--tui-base-01)!important;box-shadow:none!important;filter:contrast(0) brightness(0);animation:tuiSkeleton ease-in-out 1s infinite alternate}[tuiSkeleton]._skeleton[data-tui-skeleton]{background:transparent!important}[tuiSkeleton]._skeleton[data-tui-skeleton]:before{content:attr(data-tui-skeleton);background:var(--tui-base-01);font-size:smaller;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25rem}[tuiTheme=night] [tuiSkeleton]._skeleton{filter:contrast(0) brightness(0) invert(1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSkeletonComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{
|
|
15
|
+
template: '',
|
|
16
|
+
styleUrls: ['./skeleton.style.less'],
|
|
17
|
+
encapsulation: ViewEncapsulation.None,
|
|
18
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
19
|
+
host: {
|
|
20
|
+
class: 'tui-skeleton-styles',
|
|
21
|
+
},
|
|
22
|
+
}]
|
|
23
|
+
}] });
|
|
24
|
+
|
|
25
|
+
const FADE = [{ opacity: 0.06 }, { opacity: 1 }];
|
|
26
|
+
class TuiSkeletonDirective {
|
|
27
|
+
constructor(el, duration, directiveStyles) {
|
|
28
|
+
this.el = el;
|
|
29
|
+
this.duration = duration;
|
|
30
|
+
this.tuiSkeleton = false;
|
|
31
|
+
directiveStyles.addComponent(TuiSkeletonComponent);
|
|
32
|
+
}
|
|
33
|
+
getPlaceholder(value) {
|
|
34
|
+
switch (typeof value) {
|
|
35
|
+
case 'number':
|
|
36
|
+
return Array.from({ length: value })
|
|
37
|
+
.map(() => CHAR_NO_BREAK_SPACE.repeat(getLength()))
|
|
38
|
+
.join(' ');
|
|
39
|
+
case 'string':
|
|
40
|
+
return value;
|
|
41
|
+
default:
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
ngOnChanges({ tuiSkeleton }) {
|
|
46
|
+
var _a;
|
|
47
|
+
(_a = this.animation) === null || _a === void 0 ? void 0 : _a.cancel();
|
|
48
|
+
if (!tuiSkeleton.currentValue && !tuiSkeleton.firstChange) {
|
|
49
|
+
this.animation = this.el.nativeElement.animate(FADE, this.duration * 2);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
TuiSkeletonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSkeletonDirective, deps: [{ token: ElementRef }, { token: TUI_ANIMATIONS_DURATION }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
54
|
+
TuiSkeletonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSkeletonDirective, selector: "[tuiSkeleton]", inputs: { tuiSkeleton: "tuiSkeleton" }, host: { attributes: { "tuiSkeleton": "" }, properties: { "class._skeleton": "tuiSkeleton", "attr.data-tui-skeleton": "getPlaceholder(tuiSkeleton)" } }, usesOnChanges: true, ngImport: i0 });
|
|
55
|
+
__decorate([
|
|
56
|
+
tuiPure
|
|
57
|
+
], TuiSkeletonDirective.prototype, "getPlaceholder", null);
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSkeletonDirective, decorators: [{
|
|
59
|
+
type: Directive,
|
|
60
|
+
args: [{
|
|
61
|
+
selector: '[tuiSkeleton]',
|
|
62
|
+
host: {
|
|
63
|
+
tuiSkeleton: '',
|
|
64
|
+
'[class._skeleton]': 'tuiSkeleton',
|
|
65
|
+
'[attr.data-tui-skeleton]': 'getPlaceholder(tuiSkeleton)',
|
|
66
|
+
},
|
|
67
|
+
}]
|
|
68
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
|
|
69
|
+
type: Inject,
|
|
70
|
+
args: [ElementRef]
|
|
71
|
+
}] }, { type: undefined, decorators: [{
|
|
72
|
+
type: Inject,
|
|
73
|
+
args: [TUI_ANIMATIONS_DURATION]
|
|
74
|
+
}] }, { type: i1.TuiDirectiveStylesService, decorators: [{
|
|
75
|
+
type: Inject,
|
|
76
|
+
args: [TuiDirectiveStylesService]
|
|
77
|
+
}] }]; }, propDecorators: { tuiSkeleton: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], getPlaceholder: [] } });
|
|
80
|
+
function getLength() {
|
|
81
|
+
return Math.floor(Math.random() * (15 - 5 + 1)) + 5;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
class TuiSkeletonModule {
|
|
85
|
+
}
|
|
86
|
+
TuiSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
87
|
+
TuiSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSkeletonModule, declarations: [TuiSkeletonComponent, TuiSkeletonDirective], exports: [TuiSkeletonDirective] });
|
|
88
|
+
TuiSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSkeletonModule });
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSkeletonModule, decorators: [{
|
|
90
|
+
type: NgModule,
|
|
91
|
+
args: [{
|
|
92
|
+
declarations: [TuiSkeletonComponent, TuiSkeletonDirective],
|
|
93
|
+
exports: [TuiSkeletonDirective],
|
|
94
|
+
}]
|
|
95
|
+
}] });
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
* Generated bundle index. Do not edit.
|
|
99
|
+
*/
|
|
100
|
+
|
|
101
|
+
export { TuiSkeletonComponent, TuiSkeletonDirective, TuiSkeletonModule };
|
|
102
|
+
//# sourceMappingURL=taiga-ui-experimental-directives-skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-skeleton.js","sources":["../../../projects/experimental/directives/skeleton/skeleton.component.ts","../../../projects/experimental/directives/skeleton/skeleton.directive.ts","../../../projects/experimental/directives/skeleton/skeleton.module.ts","../../../projects/experimental/directives/skeleton/taiga-ui-experimental-directives-skeleton.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./skeleton.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-skeleton-styles',\n },\n})\nexport class TuiSkeletonComponent {}\n","import type {OnChanges, SimpleChanges} from '@angular/core';\nimport {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {CHAR_NO_BREAK_SPACE, TuiDirectiveStylesService, tuiPure} from '@taiga-ui/cdk';\nimport {TUI_ANIMATIONS_DURATION} from '@taiga-ui/core';\n\nimport {TuiSkeletonComponent} from './skeleton.component';\n\nconst FADE = [{opacity: 0.06}, {opacity: 1}];\n\n@Directive({\n selector: '[tuiSkeleton]',\n host: {\n tuiSkeleton: '',\n '[class._skeleton]': 'tuiSkeleton',\n '[attr.data-tui-skeleton]': 'getPlaceholder(tuiSkeleton)',\n },\n})\nexport class TuiSkeletonDirective implements OnChanges {\n private animation?: Animation;\n\n @Input()\n tuiSkeleton: boolean | number | string = false;\n\n constructor(\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n @Inject(TUI_ANIMATIONS_DURATION) private readonly duration: number,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSkeletonComponent);\n }\n\n @tuiPure\n getPlaceholder(value: boolean | number | string): string | null {\n switch (typeof value) {\n case 'number':\n return Array.from({length: value})\n .map(() => CHAR_NO_BREAK_SPACE.repeat(getLength()))\n .join(' ');\n case 'string':\n return value;\n default:\n return null;\n }\n }\n\n ngOnChanges({tuiSkeleton}: SimpleChanges): void {\n this.animation?.cancel();\n\n if (!tuiSkeleton.currentValue && !tuiSkeleton.firstChange) {\n this.animation = this.el.nativeElement.animate(FADE, this.duration * 2);\n }\n }\n}\n\nfunction getLength(): number {\n return Math.floor(Math.random() * (15 - 5 + 1)) + 5;\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSkeletonComponent} from './skeleton.component';\nimport {TuiSkeletonDirective} from './skeleton.directive';\n\n@NgModule({\n declarations: [TuiSkeletonComponent, TuiSkeletonDirective],\n exports: [TuiSkeletonDirective],\n})\nexport class TuiSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
export * from '@taiga-ui/experimental/directives/appearance';
|
|
2
|
+
export * from '@taiga-ui/experimental/directives/block-details';
|
|
2
3
|
export * from '@taiga-ui/experimental/directives/button-close';
|
|
3
4
|
export * from '@taiga-ui/experimental/directives/button-group';
|
|
4
5
|
export * from '@taiga-ui/experimental/directives/button-vertical';
|
|
5
6
|
export * from '@taiga-ui/experimental/directives/card';
|
|
6
7
|
export * from '@taiga-ui/experimental/directives/cell';
|
|
8
|
+
export * from '@taiga-ui/experimental/directives/comment';
|
|
7
9
|
export * from '@taiga-ui/experimental/directives/fade';
|
|
8
10
|
export * from '@taiga-ui/experimental/directives/header';
|
|
9
11
|
export * from '@taiga-ui/experimental/directives/icons';
|
|
10
12
|
export * from '@taiga-ui/experimental/directives/progress-segmented';
|
|
11
13
|
export * from '@taiga-ui/experimental/directives/sensitive';
|
|
14
|
+
export * from '@taiga-ui/experimental/directives/skeleton';
|
|
12
15
|
export * from '@taiga-ui/experimental/directives/surface';
|
|
13
16
|
export * from '@taiga-ui/experimental/directives/title';
|
|
14
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives.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":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives.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":";;;;;;;;;;;;;;;;;AAAA;;AAEG"}
|
package/package.json
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
2
|
+
"name": "@taiga-ui/experimental",
|
|
3
|
+
"version": "3.71.0-canary.0efb113",
|
|
4
|
+
"description": "A package with Taiga UI experimental components",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"angular",
|
|
7
|
+
"component",
|
|
8
|
+
"layout"
|
|
9
|
+
],
|
|
10
|
+
"homepage": "https://github.com/taiga-family/taiga-ui",
|
|
11
|
+
"repository": "https://github.com/taiga-family/taiga-ui",
|
|
12
|
+
"license": "Apache-2.0",
|
|
13
|
+
"peerDependencies": {
|
|
14
|
+
"@angular/common": ">=12.0.0",
|
|
15
|
+
"@angular/core": ">=12.0.0",
|
|
16
|
+
"@taiga-ui/addon-commerce": "^3.71.0-canary.0efb113",
|
|
17
|
+
"@taiga-ui/cdk": "^3.71.0-canary.0efb113",
|
|
18
|
+
"@taiga-ui/core": "^3.71.0-canary.0efb113",
|
|
19
|
+
"@taiga-ui/kit": "^3.71.0-canary.0efb113",
|
|
20
|
+
"@tinkoff/ng-polymorpheus": "4.3.0",
|
|
21
|
+
"rxjs": ">=6.0.0"
|
|
22
|
+
},
|
|
23
|
+
"main": "bundles/taiga-ui-experimental.umd.js",
|
|
24
|
+
"module": "fesm2015/taiga-ui-experimental.js",
|
|
25
|
+
"es2015": "fesm2015/taiga-ui-experimental.js",
|
|
26
|
+
"esm2015": "esm2015/taiga-ui-experimental.js",
|
|
27
|
+
"fesm2015": "fesm2015/taiga-ui-experimental.js",
|
|
28
|
+
"typings": "taiga-ui-experimental.d.ts",
|
|
29
|
+
"sideEffects": false,
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"tslib": "2.6.2"
|
|
32
|
+
}
|
|
33
33
|
}
|