@tetacom/ng-components 1.0.71 → 1.0.72
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/directive/auto-position/auto-position.directive.d.ts +6 -3
- package/esm2020/directive/auto-position/auto-position.directive.mjs +13 -4
- package/fesm2015/tetacom-ng-components.mjs +11 -3
- package/fesm2015/tetacom-ng-components.mjs.map +1 -1
- package/fesm2020/tetacom-ng-components.mjs +11 -3
- package/fesm2020/tetacom-ng-components.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ElementRef, NgZone, OnDestroy } from '@angular/core';
|
|
2
2
|
import { Align } from '../../common/enum/align.enum';
|
|
3
3
|
import { VerticalAlign } from '../../common/enum/vertical-align.enum';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class AutoPositionDirective implements AfterViewInit {
|
|
5
|
+
export declare class AutoPositionDirective implements AfterViewInit, OnDestroy {
|
|
6
6
|
private _elementRef;
|
|
7
|
+
private _zone;
|
|
7
8
|
align: Align;
|
|
8
9
|
verticalAlign: VerticalAlign;
|
|
9
10
|
fixed: string;
|
|
10
|
-
|
|
11
|
+
private _alive;
|
|
12
|
+
constructor(_elementRef: ElementRef, _zone: NgZone);
|
|
11
13
|
ngAfterViewInit(): void;
|
|
14
|
+
ngOnDestroy(): void;
|
|
12
15
|
private setPosition;
|
|
13
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutoPositionDirective, never>;
|
|
14
17
|
static ɵdir: i0.ɵɵDirectiveDeclaration<AutoPositionDirective, "[tetaAutoPosition]", never, { "align": "align"; "verticalAlign": "verticalAlign"; }, {}, never, never, false>;
|
|
@@ -1,14 +1,23 @@
|
|
|
1
1
|
import { Directive, HostBinding, Input } from '@angular/core';
|
|
2
2
|
import { DomUtil } from '../../common/util/dom-util';
|
|
3
3
|
import { PositionUtil } from '../../common/util/position-util';
|
|
4
|
+
import { takeWhile } from 'rxjs/operators';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class AutoPositionDirective {
|
|
6
|
-
constructor(_elementRef) {
|
|
7
|
+
constructor(_elementRef, _zone) {
|
|
7
8
|
this._elementRef = _elementRef;
|
|
9
|
+
this._zone = _zone;
|
|
8
10
|
this.fixed = 'fixed';
|
|
11
|
+
this._alive = true;
|
|
9
12
|
}
|
|
10
13
|
ngAfterViewInit() {
|
|
11
14
|
this.setPosition();
|
|
15
|
+
this._zone.onStable.pipe(takeWhile(() => this._alive)).subscribe(() => {
|
|
16
|
+
this.setPosition();
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
ngOnDestroy() {
|
|
20
|
+
this._alive = false;
|
|
12
21
|
}
|
|
13
22
|
setPosition() {
|
|
14
23
|
const target = this._elementRef.nativeElement;
|
|
@@ -40,14 +49,14 @@ export class AutoPositionDirective {
|
|
|
40
49
|
PositionUtil.setElementPosition(target, position);
|
|
41
50
|
}
|
|
42
51
|
}
|
|
43
|
-
AutoPositionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
52
|
+
AutoPositionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
44
53
|
AutoPositionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: AutoPositionDirective, selector: "[tetaAutoPosition]", inputs: { align: "align", verticalAlign: "verticalAlign" }, host: { properties: { "style.position": "this.fixed" } }, ngImport: i0 });
|
|
45
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, decorators: [{
|
|
46
55
|
type: Directive,
|
|
47
56
|
args: [{
|
|
48
57
|
selector: '[tetaAutoPosition]'
|
|
49
58
|
}]
|
|
50
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { align: [{
|
|
59
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { align: [{
|
|
51
60
|
type: Input
|
|
52
61
|
}], verticalAlign: [{
|
|
53
62
|
type: Input
|
|
@@ -55,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
55
64
|
type: HostBinding,
|
|
56
65
|
args: ['style.position']
|
|
57
66
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1wb3NpdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZGlyZWN0aXZlL2F1dG8tcG9zaXRpb24vYXV0by1wb3NpdGlvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsV0FBVyxFQUFFLEtBQUssRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFJMUcsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBQ25ELE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQztBQUU3RCxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7O0FBS3pDLE1BQU0sT0FBTyxxQkFBcUI7SUFRaEMsWUFBb0IsV0FBdUIsRUFBVSxLQUFhO1FBQTlDLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBUTtRQUpuQyxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBRXZDLFdBQU0sR0FBRyxJQUFJLENBQUM7SUFHdEIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3BFLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNyQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVPLFdBQVc7UUFDakIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFDOUMsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUMvRixNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUV0RCxNQUFNLElBQUksR0FBVTtZQUNsQixNQUFNLEVBQUUsaUJBQWlCLENBQUMsTUFBTTtZQUNoQyxHQUFHLEVBQUUsaUJBQWlCLENBQUMsR0FBRztZQUMxQixJQUFJLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtZQUM1QixLQUFLLEVBQUUsaUJBQWlCLENBQUMsS0FBSztTQUMvQixDQUFDO1FBRUYsTUFBTSxVQUFVLEdBQVU7WUFDeEIsTUFBTSxFQUFFLGNBQWMsQ0FBQyxNQUFNO1lBQzdCLEdBQUcsRUFBRSxjQUFjLENBQUMsR0FBRztZQUN2QixJQUFJLEVBQUUsY0FBYyxDQUFDLElBQUk7WUFDekIsS0FBSyxFQUFFLGNBQWMsQ0FBQyxLQUFLO1NBQzVCLENBQUM7UUFFRixNQUFNLHVCQUF1QixHQUFHLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0RSxJQUFJLGNBQWMsR0FBRztZQUNuQixJQUFJLEVBQUUsQ0FBQztZQUNQLEtBQUssRUFBRSxDQUFDO1lBQ1IsR0FBRyxFQUFFLENBQUM7WUFDTixNQUFNLEVBQUUsQ0FBQztTQUNWLENBQUM7UUFDRixJQUFJLHVCQUF1QixFQUFFO1lBQzNCLGNBQWMsR0FBRyx1QkFBdUIsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1NBQ2xFO1FBRUQsTUFBTSxRQUFRLEdBQUcsWUFBWSxDQUFDLFdBQVcsQ0FDdkMsSUFBSSxFQUNKLFVBQVUsRUFDVixJQUFJLENBQUMsS0FBSyxFQUNWLElBQUksQ0FBQyxhQUFhLEVBQ2xCLENBQUMsRUFDRCxDQUFDLEVBQ0QsY0FBYyxDQUNmLENBQUM7UUFFRixZQUFZLENBQUMsa0JBQWtCLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ3BELENBQUM7O2tIQS9EVSxxQkFBcUI7c0dBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7aUJBQy9CO3NIQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUV5QixLQUFLO3NCQUFuQyxXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXQsIE5nWm9uZSwgT25EZXN0cm95fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWxpZ259IGZyb20gJy4uLy4uL2NvbW1vbi9lbnVtL2FsaWduLmVudW0nO1xuaW1wb3J0IHtWZXJ0aWNhbEFsaWdufSBmcm9tICcuLi8uLi9jb21tb24vZW51bS92ZXJ0aWNhbC1hbGlnbi5lbnVtJztcbmltcG9ydCB7SVJlY3R9IGZyb20gJy4uLy4uL2NvbW1vbi9jb250cmFjdC9pLXJlY3QnO1xuaW1wb3J0IHtEb21VdGlsfSBmcm9tICcuLi8uLi9jb21tb24vdXRpbC9kb20tdXRpbCc7XG5pbXBvcnQge1Bvc2l0aW9uVXRpbH0gZnJvbSAnLi4vLi4vY29tbW9uL3V0aWwvcG9zaXRpb24tdXRpbCc7XG5pbXBvcnQge3Rha2VVbnRpbH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge3Rha2VXaGlsZX0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbdGV0YUF1dG9Qb3NpdGlvbl0nXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9Qb3NpdGlvbkRpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIGFsaWduOiBBbGlnbjtcbiAgQElucHV0KCkgdmVydGljYWxBbGlnbjogVmVydGljYWxBbGlnbjtcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLnBvc2l0aW9uJykgZml4ZWQgPSAnZml4ZWQnO1xuXG4gIHByaXZhdGUgX2FsaXZlID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIF96b25lOiBOZ1pvbmUpIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnNldFBvc2l0aW9uKCk7XG4gICAgdGhpcy5fem9uZS5vblN0YWJsZS5waXBlKHRha2VXaGlsZSgoKSA9PiB0aGlzLl9hbGl2ZSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLnNldFBvc2l0aW9uKCk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLl9hbGl2ZSA9IGZhbHNlO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRQb3NpdGlvbigpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3QgY29udGFpbmVyUG9zaXRpb24gPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCB0YXJnZXRQb3NpdGlvbiA9IHRhcmdldC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgIGNvbnN0IHJlY3Q6IElSZWN0ID0ge1xuICAgICAgYm90dG9tOiBjb250YWluZXJQb3NpdGlvbi5ib3R0b20sXG4gICAgICB0b3A6IGNvbnRhaW5lclBvc2l0aW9uLnRvcCxcbiAgICAgIGxlZnQ6IGNvbnRhaW5lclBvc2l0aW9uLmxlZnQsXG4gICAgICByaWdodDogY29udGFpbmVyUG9zaXRpb24ucmlnaHQsXG4gICAgfTtcblxuICAgIGNvbnN0IHRhcmdldFJlY3Q6IElSZWN0ID0ge1xuICAgICAgYm90dG9tOiB0YXJnZXRQb3NpdGlvbi5ib3R0b20sXG4gICAgICB0b3A6IHRhcmdldFBvc2l0aW9uLnRvcCxcbiAgICAgIGxlZnQ6IHRhcmdldFBvc2l0aW9uLmxlZnQsXG4gICAgICByaWdodDogdGFyZ2V0UG9zaXRpb24ucmlnaHQsXG4gICAgfTtcblxuICAgIGNvbnN0IHRhcmdldFRyYW5zZm9ybWVkUGFyZW50ID0gRG9tVXRpbC5maW5kVHJhbnNmb3JtZWRQYXJlbnQodGFyZ2V0KTtcbiAgICBsZXQgcGFyZW50UG9zaXRpb24gPSB7XG4gICAgICBsZWZ0OiAwLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgICB0b3A6IDAsXG4gICAgICBib3R0b206IDBcbiAgICB9O1xuICAgIGlmICh0YXJnZXRUcmFuc2Zvcm1lZFBhcmVudCkge1xuICAgICAgcGFyZW50UG9zaXRpb24gPSB0YXJnZXRUcmFuc2Zvcm1lZFBhcmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICB9XG5cbiAgICBjb25zdCBwb3NpdGlvbiA9IFBvc2l0aW9uVXRpbC5nZXRQb3NpdGlvbihcbiAgICAgIHJlY3QsXG4gICAgICB0YXJnZXRSZWN0LFxuICAgICAgdGhpcy5hbGlnbixcbiAgICAgIHRoaXMudmVydGljYWxBbGlnbixcbiAgICAgIDAsXG4gICAgICAwLFxuICAgICAgcGFyZW50UG9zaXRpb25cbiAgICApO1xuXG4gICAgUG9zaXRpb25VdGlsLnNldEVsZW1lbnRQb3NpdGlvbih0YXJnZXQsIHBvc2l0aW9uKTtcbiAgfVxufVxuIl19
|
|
@@ -11170,12 +11170,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
11170
11170
|
/* accordion */
|
|
11171
11171
|
|
|
11172
11172
|
class AutoPositionDirective {
|
|
11173
|
-
constructor(_elementRef) {
|
|
11173
|
+
constructor(_elementRef, _zone) {
|
|
11174
11174
|
this._elementRef = _elementRef;
|
|
11175
|
+
this._zone = _zone;
|
|
11175
11176
|
this.fixed = 'fixed';
|
|
11177
|
+
this._alive = true;
|
|
11176
11178
|
}
|
|
11177
11179
|
ngAfterViewInit() {
|
|
11178
11180
|
this.setPosition();
|
|
11181
|
+
this._zone.onStable.pipe(takeWhile(() => this._alive)).subscribe(() => {
|
|
11182
|
+
this.setPosition();
|
|
11183
|
+
});
|
|
11184
|
+
}
|
|
11185
|
+
ngOnDestroy() {
|
|
11186
|
+
this._alive = false;
|
|
11179
11187
|
}
|
|
11180
11188
|
setPosition() {
|
|
11181
11189
|
const target = this._elementRef.nativeElement;
|
|
@@ -11207,14 +11215,14 @@ class AutoPositionDirective {
|
|
|
11207
11215
|
PositionUtil.setElementPosition(target, position);
|
|
11208
11216
|
}
|
|
11209
11217
|
}
|
|
11210
|
-
AutoPositionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
11218
|
+
AutoPositionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
11211
11219
|
AutoPositionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: AutoPositionDirective, selector: "[tetaAutoPosition]", inputs: { align: "align", verticalAlign: "verticalAlign" }, host: { properties: { "style.position": "this.fixed" } }, ngImport: i0 });
|
|
11212
11220
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AutoPositionDirective, decorators: [{
|
|
11213
11221
|
type: Directive,
|
|
11214
11222
|
args: [{
|
|
11215
11223
|
selector: '[tetaAutoPosition]'
|
|
11216
11224
|
}]
|
|
11217
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { align: [{
|
|
11225
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { align: [{
|
|
11218
11226
|
type: Input
|
|
11219
11227
|
}], verticalAlign: [{
|
|
11220
11228
|
type: Input
|