@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.
Files changed (52) hide show
  1. package/bundles/taiga-ui-experimental-directives-block-details.umd.js +95 -0
  2. package/bundles/taiga-ui-experimental-directives-block-details.umd.js.map +1 -0
  3. package/bundles/taiga-ui-experimental-directives-comment.umd.js +101 -0
  4. package/bundles/taiga-ui-experimental-directives-comment.umd.js.map +1 -0
  5. package/bundles/taiga-ui-experimental-directives-skeleton.umd.js +456 -0
  6. package/bundles/taiga-ui-experimental-directives-skeleton.umd.js.map +1 -0
  7. package/bundles/taiga-ui-experimental-directives.umd.js +22 -4
  8. package/bundles/taiga-ui-experimental-directives.umd.js.map +1 -1
  9. package/directives/block-details/block-details.component.d.ts +5 -0
  10. package/directives/block-details/block-details.directive.d.ts +7 -0
  11. package/directives/block-details/block-details.module.d.ts +8 -0
  12. package/directives/block-details/index.d.ts +3 -0
  13. package/directives/block-details/package.json +10 -0
  14. package/directives/block-details/taiga-ui-experimental-directives-block-details.d.ts +5 -0
  15. package/directives/comment/comment.component.d.ts +5 -0
  16. package/directives/comment/comment.directive.d.ts +9 -0
  17. package/directives/comment/comment.module.d.ts +8 -0
  18. package/directives/comment/index.d.ts +3 -0
  19. package/directives/comment/package.json +10 -0
  20. package/directives/comment/taiga-ui-experimental-directives-comment.d.ts +5 -0
  21. package/directives/index.d.ts +3 -0
  22. package/directives/skeleton/index.d.ts +3 -0
  23. package/directives/skeleton/package.json +10 -0
  24. package/directives/skeleton/skeleton.component.d.ts +5 -0
  25. package/directives/skeleton/skeleton.directive.d.ts +15 -0
  26. package/directives/skeleton/skeleton.module.d.ts +8 -0
  27. package/directives/skeleton/taiga-ui-experimental-directives-skeleton.d.ts +5 -0
  28. package/esm2015/directives/block-details/block-details.component.js +19 -0
  29. package/esm2015/directives/block-details/block-details.directive.js +22 -0
  30. package/esm2015/directives/block-details/block-details.module.js +17 -0
  31. package/esm2015/directives/block-details/index.js +4 -0
  32. package/esm2015/directives/block-details/taiga-ui-experimental-directives-block-details.js +5 -0
  33. package/esm2015/directives/comment/comment.component.js +19 -0
  34. package/esm2015/directives/comment/comment.directive.js +28 -0
  35. package/esm2015/directives/comment/comment.module.js +17 -0
  36. package/esm2015/directives/comment/index.js +4 -0
  37. package/esm2015/directives/comment/taiga-ui-experimental-directives-comment.js +5 -0
  38. package/esm2015/directives/index.js +4 -1
  39. package/esm2015/directives/skeleton/index.js +4 -0
  40. package/esm2015/directives/skeleton/skeleton.component.js +19 -0
  41. package/esm2015/directives/skeleton/skeleton.directive.js +66 -0
  42. package/esm2015/directives/skeleton/skeleton.module.js +17 -0
  43. package/esm2015/directives/skeleton/taiga-ui-experimental-directives-skeleton.js +5 -0
  44. package/fesm2015/taiga-ui-experimental-directives-block-details.js +58 -0
  45. package/fesm2015/taiga-ui-experimental-directives-block-details.js.map +1 -0
  46. package/fesm2015/taiga-ui-experimental-directives-comment.js +64 -0
  47. package/fesm2015/taiga-ui-experimental-directives-comment.js.map +1 -0
  48. package/fesm2015/taiga-ui-experimental-directives-skeleton.js +102 -0
  49. package/fesm2015/taiga-ui-experimental-directives-skeleton.js.map +1 -0
  50. package/fesm2015/taiga-ui-experimental-directives.js +3 -0
  51. package/fesm2015/taiga-ui-experimental-directives.js.map +1 -1
  52. 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":";;;;;;;MAWa,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,qGARnB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,onBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAQH,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAThC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,CAAC,uBAAuB,CAAC;oBACpC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,qBAAqB;AAC/B,qBAAA;AACJ,iBAAA,CAAA;;;ACHD,MAAM,IAAI,GAAG,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,CAAC;MAUhC,oBAAoB,CAAA;AAM7B,IAAA,WAAA,CACyC,EAA2B,EACd,QAAgB,EAC/B,eAA0C,EAAA;QAFxC,IAAE,CAAA,EAAA,GAAF,EAAE,CAAyB;QACd,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAQ;QAJtE,IAAW,CAAA,WAAA,GAA8B,KAAK,CAAC;AAO3C,QAAA,eAAe,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;KACtD;AAGD,IAAA,cAAc,CAAC,KAAgC,EAAA;QAC3C,QAAQ,OAAO,KAAK;AAChB,YAAA,KAAK,QAAQ;gBACT,OAAO,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC;qBAC7B,GAAG,CAAC,MAAM,mBAAmB,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;qBAClD,IAAI,CAAC,GAAG,CAAC,CAAC;AACnB,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,KAAK,CAAC;AACjB,YAAA;AACI,gBAAA,OAAO,IAAI,CAAC;AACnB,SAAA;KACJ;IAED,WAAW,CAAC,EAAC,WAAW,EAAgB,EAAA;;AACpC,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,EAAE,CAAC;QAEzB,IAAI,CAAC,WAAW,CAAC,YAAY,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;AACvD,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;AAC3E,SAAA;KACJ;;AAlCQ,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAOjB,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,UAAU,EACV,EAAA,EAAA,KAAA,EAAA,uBAAuB,aACvB,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sGAT5B,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,wBAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;AAe7B,UAAA,CAAA;IADC,OAAO;AAYP,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,IAAA,CAAA,CAAA;4FA1BQ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE,EAAE;AACf,wBAAA,mBAAmB,EAAE,aAAa;AAClC,wBAAA,0BAA0B,EAAE,6BAA6B;AAC5D,qBAAA;AACJ,iBAAA,CAAA;;0BAQQ,MAAM;2BAAC,UAAU,CAAA;;0BACjB,MAAM;2BAAC,uBAAuB,CAAA;;0BAC9B,MAAM;2BAAC,yBAAyB,CAAA;4CALrC,WAAW,EAAA,CAAA;sBADV,KAAK;gBAYN,cAAc,EAAA,EAAA,EAAA,EAAA,CAAA,CAAA;AAsBlB,SAAS,SAAS,GAAA;AACd,IAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACxD;;MC/Ca,iBAAiB,CAAA;;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAHX,YAAA,EAAA,CAAA,oBAAoB,EAAE,oBAAoB,aAC/C,oBAAoB,CAAA,EAAA,CAAA,CAAA;gHAErB,iBAAiB,EAAA,CAAA,CAAA;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;oBAC1D,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAClC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}
@@ -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":";;;;;;;;;;;;;;AAAA;;AAEG"}
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
- "name": "@taiga-ui/experimental",
3
- "version": "3.70.0",
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.70.0",
17
- "@taiga-ui/cdk": "^3.70.0",
18
- "@taiga-ui/core": "^3.70.0",
19
- "@taiga-ui/kit": "^3.70.0",
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
- }
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
  }