@taiga-ui/experimental 3.43.0 → 3.44.0-canary.b3de48e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/taiga-ui-experimental-components-avatar.umd.js +13 -13
- package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components.umd.js +4 -10
- package/bundles/taiga-ui-experimental-components.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-fade.umd.js +168 -0
- package/bundles/taiga-ui-experimental-directives-fade.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives.umd.js +21 -0
- package/bundles/taiga-ui-experimental-directives.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental.umd.js +10 -4
- package/bundles/taiga-ui-experimental.umd.js.map +1 -1
- package/components/avatar/avatar.module.d.ts +1 -1
- package/components/index.d.ts +0 -1
- package/directives/fade/fade.component.d.ts +5 -0
- package/directives/fade/fade.directive.d.ts +15 -0
- package/{components → directives}/fade/fade.module.d.ts +2 -1
- package/{components → directives}/fade/index.d.ts +1 -0
- package/directives/fade/package.json +10 -0
- package/{components/fade/taiga-ui-experimental-components-fade.d.ts → directives/fade/taiga-ui-experimental-directives-fade.d.ts} +1 -1
- package/directives/index.d.ts +1 -0
- package/directives/package.json +10 -0
- package/directives/taiga-ui-experimental-directives.d.ts +5 -0
- package/esm2015/components/avatar/avatar.component.js +5 -5
- package/esm2015/components/avatar/avatar.module.js +2 -2
- package/esm2015/components/index.js +1 -2
- package/esm2015/directives/fade/fade.component.js +16 -0
- package/esm2015/directives/fade/fade.directive.js +100 -0
- package/esm2015/directives/fade/fade.module.js +17 -0
- package/esm2015/directives/fade/index.js +4 -0
- package/esm2015/{components/fade/taiga-ui-experimental-components-fade.js → directives/fade/taiga-ui-experimental-directives-fade.js} +1 -1
- package/esm2015/directives/index.js +2 -0
- package/esm2015/directives/taiga-ui-experimental-directives.js +5 -0
- package/esm2015/index.js +2 -1
- package/fesm2015/taiga-ui-experimental-components-avatar.js +5 -5
- package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components.js +0 -1
- package/fesm2015/taiga-ui-experimental-components.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-fade.js +133 -0
- package/fesm2015/taiga-ui-experimental-directives-fade.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives.js +6 -0
- package/fesm2015/taiga-ui-experimental-directives.js.map +1 -0
- package/fesm2015/taiga-ui-experimental.js +1 -0
- package/fesm2015/taiga-ui-experimental.js.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +4 -4
- package/bundles/taiga-ui-experimental-components-fade.umd.js +0 -144
- package/bundles/taiga-ui-experimental-components-fade.umd.js.map +0 -1
- package/components/fade/fade.component.d.ts +0 -14
- package/components/fade/package.json +0 -10
- package/esm2015/components/fade/fade.component.js +0 -93
- package/esm2015/components/fade/fade.module.js +0 -16
- package/esm2015/components/fade/index.js +0 -3
- package/fesm2015/taiga-ui-experimental-components-fade.js +0 -113
- package/fesm2015/taiga-ui-experimental-components-fade.js.map +0 -1
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ng-web-apis/mutation-observer'), require('@taiga-ui/cdk'), require('rxjs'), require('rxjs/operators')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/fade', ['exports', '@angular/core', '@ng-web-apis/mutation-observer', '@taiga-ui/cdk', 'rxjs', 'rxjs/operators'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.fade = {}), global.ng.core, global.mutationObserver, global.cdk, global.rxjs, global.rxjs.operators));
|
|
5
|
-
})(this, (function (exports, i0, mutationObserver, cdk, i1, operators) { 'use strict';
|
|
6
|
-
|
|
7
|
-
function _interopNamespace(e) {
|
|
8
|
-
if (e && e.__esModule) return e;
|
|
9
|
-
var n = Object.create(null);
|
|
10
|
-
if (e) {
|
|
11
|
-
Object.keys(e).forEach(function (k) {
|
|
12
|
-
if (k !== 'default') {
|
|
13
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function () { return e[k]; }
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
n["default"] = e;
|
|
22
|
-
return Object.freeze(n);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
-
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
27
|
-
|
|
28
|
-
var TuiFadeComponent = /** @class */ (function () {
|
|
29
|
-
function TuiFadeComponent(destroy$, resize$, mutate$, element, zone) {
|
|
30
|
-
var _this = this;
|
|
31
|
-
this.lineHeight = '100%';
|
|
32
|
-
this.size = '1.5em';
|
|
33
|
-
this.offset = '0em';
|
|
34
|
-
this.orientation = 'horizontal';
|
|
35
|
-
var el = element.nativeElement;
|
|
36
|
-
i1.merge(resize$, mutate$, i1.fromEvent(el, 'scroll'))
|
|
37
|
-
.pipe(cdk.tuiZonefree(zone), operators.takeUntil(destroy$))
|
|
38
|
-
.subscribe(function () {
|
|
39
|
-
el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);
|
|
40
|
-
el.classList.toggle('_end', _this.isEnd(el));
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
TuiFadeComponent.prototype.isEnd = function (el) {
|
|
44
|
-
return (el.scrollLeft < el.scrollWidth - el.clientWidth ||
|
|
45
|
-
el.scrollTop < el.scrollHeight - el.clientHeight ||
|
|
46
|
-
(this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
|
|
47
|
-
};
|
|
48
|
-
return TuiFadeComponent;
|
|
49
|
-
}());
|
|
50
|
-
TuiFadeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, deps: [{ token: cdk.TuiDestroyService, self: true }, { token: cdk.TuiResizeService }, { token: mutationObserver.MutationObserverService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
51
|
-
TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "tui-fade", inputs: { lineHeight: "lineHeight", size: "size", offset: "offset", orientation: "orientation" }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
|
|
52
|
-
cdk.TuiDestroyService,
|
|
53
|
-
cdk.TuiResizeService,
|
|
54
|
-
mutationObserver.MutationObserverService,
|
|
55
|
-
{
|
|
56
|
-
provide: mutationObserver.MUTATION_OBSERVER_INIT,
|
|
57
|
-
useValue: { characterData: true, subtree: true },
|
|
58
|
-
},
|
|
59
|
-
], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:host[data-orientation=horizontal]{line-height:var(--line-height)!important;-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),100% calc(100% - var(--line-height));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),100% calc(100% - var(--line-height))}:host[data-orientation=horizontal]._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}:host[data-orientation=horizontal]._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}:host[data-orientation=horizontal]._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}:host[data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}:host[data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}:host[data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}:host[data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
60
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, decorators: [{
|
|
61
|
-
type: i0.Component,
|
|
62
|
-
args: [{
|
|
63
|
-
selector: 'tui-fade',
|
|
64
|
-
template: '<ng-content></ng-content>',
|
|
65
|
-
styleUrls: ['./fade.style.less'],
|
|
66
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
67
|
-
providers: [
|
|
68
|
-
cdk.TuiDestroyService,
|
|
69
|
-
cdk.TuiResizeService,
|
|
70
|
-
mutationObserver.MutationObserverService,
|
|
71
|
-
{
|
|
72
|
-
provide: mutationObserver.MUTATION_OBSERVER_INIT,
|
|
73
|
-
useValue: { characterData: true, subtree: true },
|
|
74
|
-
},
|
|
75
|
-
],
|
|
76
|
-
}]
|
|
77
|
-
}], ctorParameters: function () {
|
|
78
|
-
return [{ type: i1__namespace.Observable, decorators: [{
|
|
79
|
-
type: i0.Self
|
|
80
|
-
}, {
|
|
81
|
-
type: i0.Inject,
|
|
82
|
-
args: [cdk.TuiDestroyService]
|
|
83
|
-
}] }, { type: i1__namespace.Observable, decorators: [{
|
|
84
|
-
type: i0.Inject,
|
|
85
|
-
args: [cdk.TuiResizeService]
|
|
86
|
-
}] }, { type: i1__namespace.Observable, decorators: [{
|
|
87
|
-
type: i0.Inject,
|
|
88
|
-
args: [mutationObserver.MutationObserverService]
|
|
89
|
-
}] }, { type: i0__namespace.ElementRef, decorators: [{
|
|
90
|
-
type: i0.Inject,
|
|
91
|
-
args: [i0.ElementRef]
|
|
92
|
-
}] }, { type: i0__namespace.NgZone, decorators: [{
|
|
93
|
-
type: i0.Inject,
|
|
94
|
-
args: [i0.NgZone]
|
|
95
|
-
}] }];
|
|
96
|
-
}, propDecorators: { lineHeight: [{
|
|
97
|
-
type: i0.Input
|
|
98
|
-
}, {
|
|
99
|
-
type: i0.HostBinding,
|
|
100
|
-
args: ['style.--line-height']
|
|
101
|
-
}], size: [{
|
|
102
|
-
type: i0.Input
|
|
103
|
-
}, {
|
|
104
|
-
type: i0.HostBinding,
|
|
105
|
-
args: ['style.--fade-size']
|
|
106
|
-
}], offset: [{
|
|
107
|
-
type: i0.Input
|
|
108
|
-
}, {
|
|
109
|
-
type: i0.HostBinding,
|
|
110
|
-
args: ['style.--fade-offset']
|
|
111
|
-
}], orientation: [{
|
|
112
|
-
type: i0.Input
|
|
113
|
-
}, {
|
|
114
|
-
type: i0.HostBinding,
|
|
115
|
-
args: ['attr.data-orientation']
|
|
116
|
-
}] } });
|
|
117
|
-
|
|
118
|
-
var TuiFadeModule = /** @class */ (function () {
|
|
119
|
-
function TuiFadeModule() {
|
|
120
|
-
}
|
|
121
|
-
return TuiFadeModule;
|
|
122
|
-
}());
|
|
123
|
-
TuiFadeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
124
|
-
TuiFadeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, declarations: [TuiFadeComponent], exports: [TuiFadeComponent] });
|
|
125
|
-
TuiFadeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule });
|
|
126
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeModule, decorators: [{
|
|
127
|
-
type: i0.NgModule,
|
|
128
|
-
args: [{
|
|
129
|
-
declarations: [TuiFadeComponent],
|
|
130
|
-
exports: [TuiFadeComponent],
|
|
131
|
-
}]
|
|
132
|
-
}] });
|
|
133
|
-
|
|
134
|
-
/**
|
|
135
|
-
* Generated bundle index. Do not edit.
|
|
136
|
-
*/
|
|
137
|
-
|
|
138
|
-
exports.TuiFadeComponent = TuiFadeComponent;
|
|
139
|
-
exports.TuiFadeModule = TuiFadeModule;
|
|
140
|
-
|
|
141
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
142
|
-
|
|
143
|
-
}));
|
|
144
|
-
//# sourceMappingURL=taiga-ui-experimental-components-fade.umd.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-fade.umd.js","sources":["../../../projects/experimental/components/fade/fade.component.ts","../../../projects/experimental/components/fade/fade.module.ts","../../../projects/experimental/components/fade/taiga-ui-experimental-components-fade.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n NgZone,\n Self,\n} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService, tuiZonefree} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-fade',\n template: '<ng-content></ng-content>',\n styleUrls: ['./fade.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n TuiDestroyService,\n TuiResizeService,\n MutationObserverService,\n {\n provide: MUTATION_OBSERVER_INIT,\n useValue: {characterData: true, subtree: true},\n },\n ],\n})\nexport class TuiFadeComponent {\n @Input()\n @HostBinding('style.--line-height')\n lineHeight = '100%';\n\n @Input()\n @HostBinding('style.--fade-size')\n size = '1.5em';\n\n @Input()\n @HostBinding('style.--fade-offset')\n offset = '0em';\n\n @Input()\n @HostBinding('attr.data-orientation')\n orientation: TuiOrientation = 'horizontal';\n\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Inject(MutationObserverService) mutate$: Observable<unknown>,\n @Inject(ElementRef) element: ElementRef<HTMLElement>,\n @Inject(NgZone) zone: NgZone,\n ) {\n const el = element.nativeElement;\n\n merge(resize$, mutate$, fromEvent(el, 'scroll'))\n .pipe(tuiZonefree(zone), takeUntil(destroy$))\n .subscribe(() => {\n el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);\n el.classList.toggle('_end', this.isEnd(el));\n });\n }\n\n private isEnd(el: HTMLElement): boolean {\n return (\n el.scrollLeft < el.scrollWidth - el.clientWidth ||\n el.scrollTop < el.scrollHeight - el.clientHeight ||\n (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n );\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@NgModule({\n declarations: [TuiFadeComponent],\n exports: [TuiFadeComponent],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","i0","MUTATION_OBSERVER_INIT","Component","ChangeDetectionStrategy","Self","Inject","Input","HostBinding","NgModule"],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ElementRef, NgZone } from '@angular/core';
|
|
2
|
-
import { TuiOrientation } from '@taiga-ui/core';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class TuiFadeComponent {
|
|
6
|
-
lineHeight: string;
|
|
7
|
-
size: string;
|
|
8
|
-
offset: string;
|
|
9
|
-
orientation: TuiOrientation;
|
|
10
|
-
constructor(destroy$: Observable<unknown>, resize$: Observable<unknown>, mutate$: Observable<unknown>, element: ElementRef<HTMLElement>, zone: NgZone);
|
|
11
|
-
private isEnd;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFadeComponent, [{ self: true; }, null, null, null, null]>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiFadeComponent, "tui-fade", never, { "lineHeight": "lineHeight"; "size": "size"; "offset": "offset"; "orientation": "orientation"; }, {}, never, ["*"]>;
|
|
14
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "../../bundles/taiga-ui-experimental-components-fade.umd.js",
|
|
3
|
-
"module": "../../fesm2015/taiga-ui-experimental-components-fade.js",
|
|
4
|
-
"es2015": "../../fesm2015/taiga-ui-experimental-components-fade.js",
|
|
5
|
-
"esm2015": "../../esm2015/components/fade/taiga-ui-experimental-components-fade.js",
|
|
6
|
-
"fesm2015": "../../fesm2015/taiga-ui-experimental-components-fade.js",
|
|
7
|
-
"typings": "taiga-ui-experimental-components-fade.d.ts",
|
|
8
|
-
"sideEffects": false,
|
|
9
|
-
"name": "@taiga-ui/experimental/components/fade"
|
|
10
|
-
}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Inject, Input, NgZone, Self, } from '@angular/core';
|
|
2
|
-
import { MUTATION_OBSERVER_INIT, MutationObserverService, } from '@ng-web-apis/mutation-observer';
|
|
3
|
-
import { TuiDestroyService, TuiResizeService, tuiZonefree } from '@taiga-ui/cdk';
|
|
4
|
-
import { fromEvent, merge } from 'rxjs';
|
|
5
|
-
import { takeUntil } from 'rxjs/operators';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "rxjs";
|
|
8
|
-
export class TuiFadeComponent {
|
|
9
|
-
constructor(destroy$, resize$, mutate$, element, zone) {
|
|
10
|
-
this.lineHeight = '100%';
|
|
11
|
-
this.size = '1.5em';
|
|
12
|
-
this.offset = '0em';
|
|
13
|
-
this.orientation = 'horizontal';
|
|
14
|
-
const el = element.nativeElement;
|
|
15
|
-
merge(resize$, mutate$, fromEvent(el, 'scroll'))
|
|
16
|
-
.pipe(tuiZonefree(zone), takeUntil(destroy$))
|
|
17
|
-
.subscribe(() => {
|
|
18
|
-
el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);
|
|
19
|
-
el.classList.toggle('_end', this.isEnd(el));
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
isEnd(el) {
|
|
23
|
-
return (el.scrollLeft < el.scrollWidth - el.clientWidth ||
|
|
24
|
-
el.scrollTop < el.scrollHeight - el.clientHeight ||
|
|
25
|
-
(this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
TuiFadeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, deps: [{ token: TuiDestroyService, self: true }, { token: TuiResizeService }, { token: MutationObserverService }, { token: ElementRef }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
TuiFadeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "tui-fade", inputs: { lineHeight: "lineHeight", size: "size", offset: "offset", orientation: "orientation" }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
|
|
30
|
-
TuiDestroyService,
|
|
31
|
-
TuiResizeService,
|
|
32
|
-
MutationObserverService,
|
|
33
|
-
{
|
|
34
|
-
provide: MUTATION_OBSERVER_INIT,
|
|
35
|
-
useValue: { characterData: true, subtree: true },
|
|
36
|
-
},
|
|
37
|
-
], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:host[data-orientation=horizontal]{line-height:var(--line-height)!important;-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),100% calc(100% - var(--line-height));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),100% calc(100% - var(--line-height))}:host[data-orientation=horizontal]._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}:host[data-orientation=horizontal]._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}:host[data-orientation=horizontal]._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}:host[data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}:host[data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}:host[data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}:host[data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{
|
|
41
|
-
selector: 'tui-fade',
|
|
42
|
-
template: '<ng-content></ng-content>',
|
|
43
|
-
styleUrls: ['./fade.style.less'],
|
|
44
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
45
|
-
providers: [
|
|
46
|
-
TuiDestroyService,
|
|
47
|
-
TuiResizeService,
|
|
48
|
-
MutationObserverService,
|
|
49
|
-
{
|
|
50
|
-
provide: MUTATION_OBSERVER_INIT,
|
|
51
|
-
useValue: { characterData: true, subtree: true },
|
|
52
|
-
},
|
|
53
|
-
],
|
|
54
|
-
}]
|
|
55
|
-
}], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
|
|
56
|
-
type: Self
|
|
57
|
-
}, {
|
|
58
|
-
type: Inject,
|
|
59
|
-
args: [TuiDestroyService]
|
|
60
|
-
}] }, { type: i1.Observable, decorators: [{
|
|
61
|
-
type: Inject,
|
|
62
|
-
args: [TuiResizeService]
|
|
63
|
-
}] }, { type: i1.Observable, decorators: [{
|
|
64
|
-
type: Inject,
|
|
65
|
-
args: [MutationObserverService]
|
|
66
|
-
}] }, { type: i0.ElementRef, decorators: [{
|
|
67
|
-
type: Inject,
|
|
68
|
-
args: [ElementRef]
|
|
69
|
-
}] }, { type: i0.NgZone, decorators: [{
|
|
70
|
-
type: Inject,
|
|
71
|
-
args: [NgZone]
|
|
72
|
-
}] }]; }, propDecorators: { lineHeight: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}, {
|
|
75
|
-
type: HostBinding,
|
|
76
|
-
args: ['style.--line-height']
|
|
77
|
-
}], size: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}, {
|
|
80
|
-
type: HostBinding,
|
|
81
|
-
args: ['style.--fade-size']
|
|
82
|
-
}], offset: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}, {
|
|
85
|
-
type: HostBinding,
|
|
86
|
-
args: ['style.--fade-offset']
|
|
87
|
-
}], orientation: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}, {
|
|
90
|
-
type: HostBinding,
|
|
91
|
-
args: ['attr.data-orientation']
|
|
92
|
-
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9mYWRlL2ZhZGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEVBQ04sSUFBSSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDSCxzQkFBc0IsRUFDdEIsdUJBQXVCLEdBQzFCLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEMsT0FBTyxFQUFDLGlCQUFpQixFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLE1BQU0sQ0FBQztBQUNsRCxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQWlCekMsTUFBTSxPQUFPLGdCQUFnQjtJQWlCekIsWUFDdUMsUUFBNkIsRUFDdEMsT0FBNEIsRUFDckIsT0FBNEIsRUFDekMsT0FBZ0MsRUFDcEMsSUFBWTtRQW5CaEMsZUFBVSxHQUFHLE1BQU0sQ0FBQztRQUlwQixTQUFJLEdBQUcsT0FBTyxDQUFDO1FBSWYsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUlmLGdCQUFXLEdBQW1CLFlBQVksQ0FBQztRQVN2QyxNQUFNLEVBQUUsR0FBRyxPQUFPLENBQUMsYUFBYSxDQUFDO1FBRWpDLEtBQUssQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7YUFDM0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDNUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNaLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLFVBQVUsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ2pFLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDaEQsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRU8sS0FBSyxDQUFDLEVBQWU7UUFDekIsT0FBTyxDQUNILEVBQUUsQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUMsV0FBVztZQUMvQyxFQUFFLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDLFlBQVk7WUFDaEQsQ0FBQyxJQUFJLENBQUMsV0FBVyxLQUFLLFlBQVksSUFBSSxFQUFFLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FDM0UsQ0FBQztJQUNOLENBQUM7OzhHQXhDUSxnQkFBZ0Isa0JBa0JMLGlCQUFpQix5QkFDekIsZ0JBQWdCLGFBQ2hCLHVCQUF1QixhQUN2QixVQUFVLGFBQ1YsTUFBTTtrR0F0QlQsZ0JBQWdCLDhUQVZkO1FBQ1AsaUJBQWlCO1FBQ2pCLGdCQUFnQjtRQUNoQix1QkFBdUI7UUFDdkI7WUFDSSxPQUFPLEVBQUUsc0JBQXNCO1lBQy9CLFFBQVEsRUFBRSxFQUFDLGFBQWEsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBQztTQUNqRDtLQUNKLDBCQVhTLDJCQUEyQjs0RkFhNUIsZ0JBQWdCO2tCQWY1QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxVQUFVO29CQUNwQixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDaEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFNBQVMsRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsdUJBQXVCO3dCQUN2Qjs0QkFDSSxPQUFPLEVBQUUsc0JBQXNCOzRCQUMvQixRQUFRLEVBQUUsRUFBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUM7eUJBQ2pEO3FCQUNKO2lCQUNKOzswQkFtQlEsSUFBSTs7MEJBQUksTUFBTTsyQkFBQyxpQkFBaUI7OzBCQUNoQyxNQUFNOzJCQUFDLGdCQUFnQjs7MEJBQ3ZCLE1BQU07MkJBQUMsdUJBQXVCOzswQkFDOUIsTUFBTTsyQkFBQyxVQUFVOzswQkFDakIsTUFBTTsyQkFBQyxNQUFNOzRDQW5CbEIsVUFBVTtzQkFGVCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHFCQUFxQjtnQkFLbEMsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLG1CQUFtQjtnQkFLaEMsTUFBTTtzQkFGTCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHFCQUFxQjtnQkFLbEMsV0FBVztzQkFGVixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIE5nWm9uZSxcbiAgICBTZWxmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgTVVUQVRJT05fT0JTRVJWRVJfSU5JVCxcbiAgICBNdXRhdGlvbk9ic2VydmVyU2VydmljZSxcbn0gZnJvbSAnQG5nLXdlYi1hcGlzL211dGF0aW9uLW9ic2VydmVyJztcbmltcG9ydCB7VHVpRGVzdHJveVNlcnZpY2UsIFR1aVJlc2l6ZVNlcnZpY2UsIHR1aVpvbmVmcmVlfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VHVpT3JpZW50YXRpb259IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7ZnJvbUV2ZW50LCBtZXJnZSwgT2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge3Rha2VVbnRpbH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1mYWRlJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL2ZhZGUuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBUdWlEZXN0cm95U2VydmljZSxcbiAgICAgICAgVHVpUmVzaXplU2VydmljZSxcbiAgICAgICAgTXV0YXRpb25PYnNlcnZlclNlcnZpY2UsXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE1VVEFUSU9OX09CU0VSVkVSX0lOSVQsXG4gICAgICAgICAgICB1c2VWYWx1ZToge2NoYXJhY3RlckRhdGE6IHRydWUsIHN1YnRyZWU6IHRydWV9LFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUZhZGVDb21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLWxpbmUtaGVpZ2h0JylcbiAgICBsaW5lSGVpZ2h0ID0gJzEwMCUnO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tZmFkZS1zaXplJylcbiAgICBzaXplID0gJzEuNWVtJztcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLWZhZGUtb2Zmc2V0JylcbiAgICBvZmZzZXQgPSAnMGVtJztcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtb3JpZW50YXRpb24nKVxuICAgIG9yaWVudGF0aW9uOiBUdWlPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBAU2VsZigpIEBJbmplY3QoVHVpRGVzdHJveVNlcnZpY2UpIGRlc3Ryb3kkOiBPYnNlcnZhYmxlPHVua25vd24+LFxuICAgICAgICBASW5qZWN0KFR1aVJlc2l6ZVNlcnZpY2UpIHJlc2l6ZSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgICAgIEBJbmplY3QoTXV0YXRpb25PYnNlcnZlclNlcnZpY2UpIG11dGF0ZSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikgZWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgIEBJbmplY3QoTmdab25lKSB6b25lOiBOZ1pvbmUsXG4gICAgKSB7XG4gICAgICAgIGNvbnN0IGVsID0gZWxlbWVudC5uYXRpdmVFbGVtZW50O1xuXG4gICAgICAgIG1lcmdlKHJlc2l6ZSQsIG11dGF0ZSQsIGZyb21FdmVudChlbCwgJ3Njcm9sbCcpKVxuICAgICAgICAgICAgLnBpcGUodHVpWm9uZWZyZWUoem9uZSksIHRha2VVbnRpbChkZXN0cm95JCkpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICBlbC5jbGFzc0xpc3QudG9nZ2xlKCdfc3RhcnQnLCAhIWVsLnNjcm9sbExlZnQgfHwgISFlbC5zY3JvbGxUb3ApO1xuICAgICAgICAgICAgICAgIGVsLmNsYXNzTGlzdC50b2dnbGUoJ19lbmQnLCB0aGlzLmlzRW5kKGVsKSk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGlzRW5kKGVsOiBIVE1MRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgZWwuc2Nyb2xsTGVmdCA8IGVsLnNjcm9sbFdpZHRoIC0gZWwuY2xpZW50V2lkdGggfHxcbiAgICAgICAgICAgIGVsLnNjcm9sbFRvcCA8IGVsLnNjcm9sbEhlaWdodCAtIGVsLmNsaWVudEhlaWdodCB8fFxuICAgICAgICAgICAgKHRoaXMub3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyAmJiBlbC5zY3JvbGxIZWlnaHQgPiBlbC5jbGllbnRIZWlnaHQpXG4gICAgICAgICk7XG4gICAgfVxufVxuIl19
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { TuiFadeComponent } from './fade.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class TuiFadeModule {
|
|
5
|
-
}
|
|
6
|
-
TuiFadeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
-
TuiFadeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, declarations: [TuiFadeComponent], exports: [TuiFadeComponent] });
|
|
8
|
-
TuiFadeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule });
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, decorators: [{
|
|
10
|
-
type: NgModule,
|
|
11
|
-
args: [{
|
|
12
|
-
declarations: [TuiFadeComponent],
|
|
13
|
-
exports: [TuiFadeComponent],
|
|
14
|
-
}]
|
|
15
|
-
}] });
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9mYWRlL2ZhZGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBTWxELE1BQU0sT0FBTyxhQUFhOzsyR0FBYixhQUFhOzRHQUFiLGFBQWEsaUJBSFAsZ0JBQWdCLGFBQ3JCLGdCQUFnQjs0R0FFakIsYUFBYTs0RkFBYixhQUFhO2tCQUp6QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUNoQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlGYWRlQ29tcG9uZW50fSBmcm9tICcuL2ZhZGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlGYWRlQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVHVpRmFkZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUZhZGVNb2R1bGUge31cbiJdfQ==
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export * from './fade.component';
|
|
2
|
-
export * from './fade.module';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9mYWRlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2ZhZGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmFkZS5tb2R1bGUnO1xuIl19
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef, NgZone, Component, ChangeDetectionStrategy, Self, Inject, Input, HostBinding, NgModule } from '@angular/core';
|
|
3
|
-
import { MutationObserverService, MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
|
|
4
|
-
import { tuiZonefree, TuiDestroyService, TuiResizeService } from '@taiga-ui/cdk';
|
|
5
|
-
import * as i1 from 'rxjs';
|
|
6
|
-
import { merge, fromEvent } from 'rxjs';
|
|
7
|
-
import { takeUntil } from 'rxjs/operators';
|
|
8
|
-
|
|
9
|
-
class TuiFadeComponent {
|
|
10
|
-
constructor(destroy$, resize$, mutate$, element, zone) {
|
|
11
|
-
this.lineHeight = '100%';
|
|
12
|
-
this.size = '1.5em';
|
|
13
|
-
this.offset = '0em';
|
|
14
|
-
this.orientation = 'horizontal';
|
|
15
|
-
const el = element.nativeElement;
|
|
16
|
-
merge(resize$, mutate$, fromEvent(el, 'scroll'))
|
|
17
|
-
.pipe(tuiZonefree(zone), takeUntil(destroy$))
|
|
18
|
-
.subscribe(() => {
|
|
19
|
-
el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);
|
|
20
|
-
el.classList.toggle('_end', this.isEnd(el));
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
isEnd(el) {
|
|
24
|
-
return (el.scrollLeft < el.scrollWidth - el.clientWidth ||
|
|
25
|
-
el.scrollTop < el.scrollHeight - el.clientHeight ||
|
|
26
|
-
(this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
TuiFadeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, deps: [{ token: TuiDestroyService, self: true }, { token: TuiResizeService }, { token: MutationObserverService }, { token: ElementRef }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
TuiFadeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "tui-fade", inputs: { lineHeight: "lineHeight", size: "size", offset: "offset", orientation: "orientation" }, host: { properties: { "style.--line-height": "this.lineHeight", "style.--fade-size": "this.size", "style.--fade-offset": "this.offset", "attr.data-orientation": "this.orientation" } }, providers: [
|
|
31
|
-
TuiDestroyService,
|
|
32
|
-
TuiResizeService,
|
|
33
|
-
MutationObserverService,
|
|
34
|
-
{
|
|
35
|
-
provide: MUTATION_OBSERVER_INIT,
|
|
36
|
-
useValue: { characterData: true, subtree: true },
|
|
37
|
-
},
|
|
38
|
-
], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:host[data-orientation=horizontal]{line-height:var(--line-height)!important;-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),100% calc(100% - var(--line-height));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height),100% calc(100% - var(--line-height))}:host[data-orientation=horizontal]._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}:host[data-orientation=horizontal]._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}:host[data-orientation=horizontal]._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}:host[data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}:host[data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}:host[data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}:host[data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, decorators: [{
|
|
40
|
-
type: Component,
|
|
41
|
-
args: [{
|
|
42
|
-
selector: 'tui-fade',
|
|
43
|
-
template: '<ng-content></ng-content>',
|
|
44
|
-
styleUrls: ['./fade.style.less'],
|
|
45
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
46
|
-
providers: [
|
|
47
|
-
TuiDestroyService,
|
|
48
|
-
TuiResizeService,
|
|
49
|
-
MutationObserverService,
|
|
50
|
-
{
|
|
51
|
-
provide: MUTATION_OBSERVER_INIT,
|
|
52
|
-
useValue: { characterData: true, subtree: true },
|
|
53
|
-
},
|
|
54
|
-
],
|
|
55
|
-
}]
|
|
56
|
-
}], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
|
|
57
|
-
type: Self
|
|
58
|
-
}, {
|
|
59
|
-
type: Inject,
|
|
60
|
-
args: [TuiDestroyService]
|
|
61
|
-
}] }, { type: i1.Observable, decorators: [{
|
|
62
|
-
type: Inject,
|
|
63
|
-
args: [TuiResizeService]
|
|
64
|
-
}] }, { type: i1.Observable, decorators: [{
|
|
65
|
-
type: Inject,
|
|
66
|
-
args: [MutationObserverService]
|
|
67
|
-
}] }, { type: i0.ElementRef, decorators: [{
|
|
68
|
-
type: Inject,
|
|
69
|
-
args: [ElementRef]
|
|
70
|
-
}] }, { type: i0.NgZone, decorators: [{
|
|
71
|
-
type: Inject,
|
|
72
|
-
args: [NgZone]
|
|
73
|
-
}] }]; }, propDecorators: { lineHeight: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}, {
|
|
76
|
-
type: HostBinding,
|
|
77
|
-
args: ['style.--line-height']
|
|
78
|
-
}], size: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}, {
|
|
81
|
-
type: HostBinding,
|
|
82
|
-
args: ['style.--fade-size']
|
|
83
|
-
}], offset: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}, {
|
|
86
|
-
type: HostBinding,
|
|
87
|
-
args: ['style.--fade-offset']
|
|
88
|
-
}], orientation: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}, {
|
|
91
|
-
type: HostBinding,
|
|
92
|
-
args: ['attr.data-orientation']
|
|
93
|
-
}] } });
|
|
94
|
-
|
|
95
|
-
class TuiFadeModule {
|
|
96
|
-
}
|
|
97
|
-
TuiFadeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
98
|
-
TuiFadeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, declarations: [TuiFadeComponent], exports: [TuiFadeComponent] });
|
|
99
|
-
TuiFadeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule });
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeModule, decorators: [{
|
|
101
|
-
type: NgModule,
|
|
102
|
-
args: [{
|
|
103
|
-
declarations: [TuiFadeComponent],
|
|
104
|
-
exports: [TuiFadeComponent],
|
|
105
|
-
}]
|
|
106
|
-
}] });
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* Generated bundle index. Do not edit.
|
|
110
|
-
*/
|
|
111
|
-
|
|
112
|
-
export { TuiFadeComponent, TuiFadeModule };
|
|
113
|
-
//# sourceMappingURL=taiga-ui-experimental-components-fade.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-fade.js","sources":["../../../projects/experimental/components/fade/fade.component.ts","../../../projects/experimental/components/fade/fade.module.ts","../../../projects/experimental/components/fade/taiga-ui-experimental-components-fade.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n NgZone,\n Self,\n} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService, tuiZonefree} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-fade',\n template: '<ng-content></ng-content>',\n styleUrls: ['./fade.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n TuiDestroyService,\n TuiResizeService,\n MutationObserverService,\n {\n provide: MUTATION_OBSERVER_INIT,\n useValue: {characterData: true, subtree: true},\n },\n ],\n})\nexport class TuiFadeComponent {\n @Input()\n @HostBinding('style.--line-height')\n lineHeight = '100%';\n\n @Input()\n @HostBinding('style.--fade-size')\n size = '1.5em';\n\n @Input()\n @HostBinding('style.--fade-offset')\n offset = '0em';\n\n @Input()\n @HostBinding('attr.data-orientation')\n orientation: TuiOrientation = 'horizontal';\n\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Inject(MutationObserverService) mutate$: Observable<unknown>,\n @Inject(ElementRef) element: ElementRef<HTMLElement>,\n @Inject(NgZone) zone: NgZone,\n ) {\n const el = element.nativeElement;\n\n merge(resize$, mutate$, fromEvent(el, 'scroll'))\n .pipe(tuiZonefree(zone), takeUntil(destroy$))\n .subscribe(() => {\n el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);\n el.classList.toggle('_end', this.isEnd(el));\n });\n }\n\n private isEnd(el: HTMLElement): boolean {\n return (\n el.scrollLeft < el.scrollWidth - el.clientWidth ||\n el.scrollTop < el.scrollHeight - el.clientHeight ||\n (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n );\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@NgModule({\n declarations: [TuiFadeComponent],\n exports: [TuiFadeComponent],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|