@kms-ngx-ui/presentational 16.12.15 → 16.12.17
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/esm2022/lib/directives/directives.module.mjs +21 -4
- package/esm2022/lib/directives/tooltip.directive.mjs +103 -0
- package/esm2022/lib/ui/color-input/color-input.component.mjs +1 -1
- package/esm2022/lib/ui/flyout/flyout.component.mjs +3 -3
- package/esm2022/lib/ui/tooltip-icon/tooltip-icon.component.mjs +13 -16
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/kms-ngx-ui-presentational.mjs +148 -34
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/directives/directives.module.d.ts +3 -2
- package/lib/directives/tooltip.directive.d.ts +24 -0
- package/lib/ui/tooltip-icon/tooltip-icon.component.d.ts +6 -4
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/src/lib/ui/tooltip-icon/tooltip-icon.component.scss +1 -6
- package/src/styles/styles.scss +2 -0
- package/src/styles/tooltip.scss +36 -0
|
@@ -6,18 +6,35 @@ import { NgModule } from '@angular/core';
|
|
|
6
6
|
import { GetMaxHeightDirective } from './sum-of-height.directive';
|
|
7
7
|
import { SwipeDirective } from './swipe.directive';
|
|
8
8
|
import { SizeDirective } from './size.directive';
|
|
9
|
+
import { TooltipDirective } from './tooltip.directive';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
export class DirectivesModule {
|
|
11
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, declarations: [SwipeDirective,
|
|
13
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, declarations: [SwipeDirective,
|
|
14
|
+
GetMaxHeightDirective,
|
|
15
|
+
SizeDirective,
|
|
16
|
+
TooltipDirective], imports: [CommonModule], exports: [SwipeDirective,
|
|
17
|
+
GetMaxHeightDirective,
|
|
18
|
+
SizeDirective,
|
|
19
|
+
TooltipDirective] }); }
|
|
13
20
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, imports: [CommonModule] }); }
|
|
14
21
|
}
|
|
15
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, decorators: [{
|
|
16
23
|
type: NgModule,
|
|
17
24
|
args: [{
|
|
18
|
-
declarations: [
|
|
25
|
+
declarations: [
|
|
26
|
+
SwipeDirective,
|
|
27
|
+
GetMaxHeightDirective,
|
|
28
|
+
SizeDirective,
|
|
29
|
+
TooltipDirective,
|
|
30
|
+
],
|
|
19
31
|
imports: [CommonModule],
|
|
20
|
-
exports: [
|
|
32
|
+
exports: [
|
|
33
|
+
SwipeDirective,
|
|
34
|
+
GetMaxHeightDirective,
|
|
35
|
+
SizeDirective,
|
|
36
|
+
TooltipDirective,
|
|
37
|
+
],
|
|
21
38
|
}]
|
|
22
39
|
}] });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvZGlyZWN0aXZlcy9kaXJlY3RpdmVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBaUJ2RCxNQUFNLE9BQU8sZ0JBQWdCOytHQUFoQixnQkFBZ0I7Z0hBQWhCLGdCQUFnQixpQkFiekIsY0FBYztZQUNkLHFCQUFxQjtZQUNyQixhQUFhO1lBQ2IsZ0JBQWdCLGFBRVIsWUFBWSxhQUVwQixjQUFjO1lBQ2QscUJBQXFCO1lBQ3JCLGFBQWE7WUFDYixnQkFBZ0I7Z0hBR1AsZ0JBQWdCLFlBUmpCLFlBQVk7OzRGQVFYLGdCQUFnQjtrQkFmNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osY0FBYzt3QkFDZCxxQkFBcUI7d0JBQ3JCLGFBQWE7d0JBQ2IsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRTt3QkFDUCxjQUFjO3dCQUNkLHFCQUFxQjt3QkFDckIsYUFBYTt3QkFDYixnQkFBZ0I7cUJBQ2pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEdldE1heEhlaWdodERpcmVjdGl2ZSB9IGZyb20gJy4vc3VtLW9mLWhlaWdodC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3dpcGVEaXJlY3RpdmUgfSBmcm9tICcuL3N3aXBlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTaXplRGlyZWN0aXZlIH0gZnJvbSAnLi9zaXplLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnLi90b29sdGlwLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFN3aXBlRGlyZWN0aXZlLFxuICAgIEdldE1heEhlaWdodERpcmVjdGl2ZSxcbiAgICBTaXplRGlyZWN0aXZlLFxuICAgIFRvb2x0aXBEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbXG4gICAgU3dpcGVEaXJlY3RpdmUsXG4gICAgR2V0TWF4SGVpZ2h0RGlyZWN0aXZlLFxuICAgIFNpemVEaXJlY3RpdmUsXG4gICAgVG9vbHRpcERpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGlyZWN0aXZlc01vZHVsZSB7XG4gIFNpemVEaXJlY3RpdmU7XG59XG4iXX0=
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { Directive, HostListener, Input, } from '@angular/core';
|
|
2
|
+
import { computePosition, arrow, autoUpdate, offset, shift, flip, } from '@floating-ui/dom';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TooltipDirective {
|
|
5
|
+
onMouseOver() {
|
|
6
|
+
this.showTimeout = setTimeout(() => {
|
|
7
|
+
this.renderer.addClass(this.kmsTooltip, 'kms-tooltip--show');
|
|
8
|
+
}, this.delay);
|
|
9
|
+
}
|
|
10
|
+
onMouseOut() {
|
|
11
|
+
clearTimeout(this.showTimeout);
|
|
12
|
+
this.renderer.removeClass(this.kmsTooltip, 'kms-tooltip--show');
|
|
13
|
+
}
|
|
14
|
+
constructor(elementRef, renderer) {
|
|
15
|
+
this.elementRef = elementRef;
|
|
16
|
+
this.renderer = renderer;
|
|
17
|
+
this.placement = 'bottom';
|
|
18
|
+
this.delay = 0;
|
|
19
|
+
}
|
|
20
|
+
ngAfterViewInit() {
|
|
21
|
+
this.renderer.addClass(this.kmsTooltip, 'kms-tooltip');
|
|
22
|
+
this.addArrow();
|
|
23
|
+
this.initTooltip();
|
|
24
|
+
}
|
|
25
|
+
initTooltip() {
|
|
26
|
+
autoUpdate(this.elementRef.nativeElement, this.kmsTooltip, () => {
|
|
27
|
+
const arrowLength = this.arrow.offsetWidth;
|
|
28
|
+
// Get half the arrow box's hypotenuse length
|
|
29
|
+
const floatingOffset = Math.sqrt(2 * arrowLength ** 2) / 2;
|
|
30
|
+
computePosition(this.elementRef.nativeElement, this.kmsTooltip, {
|
|
31
|
+
placement: this.placement,
|
|
32
|
+
middleware: [
|
|
33
|
+
shift(),
|
|
34
|
+
offset(floatingOffset),
|
|
35
|
+
arrow({ element: this.arrow }),
|
|
36
|
+
flip(),
|
|
37
|
+
],
|
|
38
|
+
}).then(({ x, y, middlewareData, placement }) => {
|
|
39
|
+
this.positionTooltip(x, y);
|
|
40
|
+
if (middlewareData.arrow) {
|
|
41
|
+
this.positionTooltipArrow(middlewareData.arrow.x, middlewareData.arrow.y, placement, arrowLength);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
positionTooltip(x, y) {
|
|
47
|
+
Object.assign(this.kmsTooltip.style, {
|
|
48
|
+
left: `${x}px`,
|
|
49
|
+
top: `${y}px`,
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
positionTooltipArrow(x, y, placement, arrowLength) {
|
|
53
|
+
const side = placement.split('-')[0];
|
|
54
|
+
const staticSide = {
|
|
55
|
+
top: 'bottom',
|
|
56
|
+
right: 'left',
|
|
57
|
+
bottom: 'top',
|
|
58
|
+
left: 'right',
|
|
59
|
+
}[side];
|
|
60
|
+
this.addArrowClass(staticSide);
|
|
61
|
+
Object.assign(this.arrow.style, {
|
|
62
|
+
left: x != null ? `${x}px` : '',
|
|
63
|
+
top: y != null ? `${y}px` : '',
|
|
64
|
+
// Ensure the static side gets unset when
|
|
65
|
+
// flipping to other placements' axes.
|
|
66
|
+
right: '',
|
|
67
|
+
bottom: '',
|
|
68
|
+
[staticSide]: `${-arrowLength / 2}px`,
|
|
69
|
+
transform: 'rotate(45deg)',
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
addArrow() {
|
|
73
|
+
this.arrow = this.renderer.createElement('div');
|
|
74
|
+
this.renderer.addClass(this.arrow, 'kms-tooltip__arrow');
|
|
75
|
+
this.renderer.appendChild(this.kmsTooltip, this.arrow);
|
|
76
|
+
}
|
|
77
|
+
addArrowClass(side) {
|
|
78
|
+
this.renderer.removeClass(this.arrow, 'kms-tooltip__arrow--left');
|
|
79
|
+
this.renderer.removeClass(this.arrow, 'kms-tooltip__arrow--right');
|
|
80
|
+
this.renderer.removeClass(this.arrow, 'kms-tooltip__arrow--bottom');
|
|
81
|
+
this.renderer.removeClass(this.arrow, 'kms-tooltip__arrow--top');
|
|
82
|
+
this.renderer.addClass(this.arrow, 'kms-tooltip__arrow--' + side);
|
|
83
|
+
}
|
|
84
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
85
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TooltipDirective, selector: "[kmsTooltip]", inputs: { kmsTooltip: "kmsTooltip", placement: "placement", delay: "delay" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, ngImport: i0 }); }
|
|
86
|
+
}
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
88
|
+
type: Directive,
|
|
89
|
+
args: [{ selector: '[kmsTooltip]' }]
|
|
90
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { kmsTooltip: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], placement: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], delay: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], onMouseOver: [{
|
|
97
|
+
type: HostListener,
|
|
98
|
+
args: ['mouseover']
|
|
99
|
+
}], onMouseOut: [{
|
|
100
|
+
type: HostListener,
|
|
101
|
+
args: ['mouseout']
|
|
102
|
+
}] } });
|
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvZGlyZWN0aXZlcy90b29sdGlwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGVBQWUsRUFFZixLQUFLLEVBQ0wsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsSUFBSSxHQUNMLE1BQU0sa0JBQWtCLENBQUM7O0FBRzFCLE1BQU0sT0FBTyxnQkFBZ0I7SUFRM0IsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDL0QsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQixDQUFDO0lBR0QsVUFBVTtRQUNSLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQW5ELGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBbEI5RCxjQUFTLEdBQWMsUUFBUSxDQUFDO1FBQ2hDLFVBQUssR0FBVyxDQUFDLENBQUM7SUFpQitDLENBQUM7SUFFM0UsZUFBZTtRQUNiLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFD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LGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLG9CQUFvQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFZO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztRQUNsRSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLDJCQUEyQixDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSw0QkFBNEIsQ0FBQyxDQUFDO1FBQ3BFLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUseUJBQXlCLENBQUMsQ0FBQztRQUVqRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLHNCQUFzQixHQUFHLElBQUksQ0FBQyxDQUFDO0lBQ3BFLENBQUM7K0dBMUdVLGdCQUFnQjttR0FBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUQ1QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRTt5SEFFNUIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFLTixXQUFXO3NCQURWLFlBQVk7dUJBQUMsV0FBVztnQkFRekIsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBjb21wdXRlUG9zaXRpb24sXG4gIFBsYWNlbWVudCxcbiAgYXJyb3csXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgc2hpZnQsXG4gIGZsaXAsXG59IGZyb20gJ0BmbG9hdGluZy11aS9kb20nO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdba21zVG9vbHRpcF0nIH0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcERpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBrbXNUb29sdGlwOiBIVE1MRWxlbWVudDtcbiAgQElucHV0KCkgcGxhY2VtZW50OiBQbGFjZW1lbnQgPSAnYm90dG9tJztcbiAgQElucHV0KCkgZGVsYXk6IG51bWJlciA9IDA7XG4gIGFycm93OiBIVE1MRWxlbWVudDtcbiAgc2hvd1RpbWVvdXQ6IE5vZGVKUy5UaW1lb3V0O1xuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlb3ZlcicpXG4gIG9uTW91c2VPdmVyKCkge1xuICAgIHRoaXMuc2hvd1RpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5rbXNUb29sdGlwLCAna21zLXRvb2x0aXAtLXNob3cnKTtcbiAgICB9LCB0aGlzLmRlbGF5KTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlb3V0JylcbiAgb25Nb3VzZU91dCgpIHtcbiAgICBjbGVhclRpbWVvdXQodGhpcy5zaG93VGltZW91dCk7XG4gICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLmttc1Rvb2x0aXAsICdrbXMtdG9vbHRpcC0tc2hvdycpO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5rbXNUb29sdGlwLCAna21zLXRvb2x0aXAnKTtcbiAgICB0aGlzLmFkZEFycm93KCk7XG4gICAgdGhpcy5pbml0VG9vbHRpcCgpO1xuICB9XG5cbiAgaW5pdFRvb2x0aXAoKSB7XG4gICAgYXV0b1VwZGF0ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5rbXNUb29sdGlwLCAoKSA9PiB7XG4gICAgICBjb25zdCBhcnJvd0xlbmd0aCA9IHRoaXMuYXJyb3cub2Zmc2V0V2lkdGg7XG4gICAgICAvLyBHZXQgaGFsZiB0aGUgYXJyb3cgYm94J3MgaHlwb3RlbnVzZSBsZW5ndGhcbiAgICAgIGNvbnN0IGZsb2F0aW5nT2Zmc2V0ID0gTWF0aC5zcXJ0KDIgKiBhcnJvd0xlbmd0aCAqKiAyKSAvIDI7XG5cbiAgICAgIGNvbXB1dGVQb3NpdGlvbih0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5rbXNUb29sdGlwLCB7XG4gICAgICAgIHBsYWNlbWVudDogdGhpcy5wbGFjZW1lbnQsXG4gICAgICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgICAgICBzaGlmdCgpLFxuICAgICAgICAgIG9mZnNldChmbG9hdGluZ09mZnNldCksXG4gICAgICAgICAgYXJyb3coeyBlbGVtZW50OiB0aGlzLmFycm93IH0pLFxuICAgICAgICAgIGZsaXAoKSxcbiAgICAgICAgXSxcbiAgICAgIH0pLnRoZW4oKHsgeCwgeSwgbWlkZGxld2FyZURhdGEsIHBsYWNlbWVudCB9KSA9PiB7XG4gICAgICAgIHRoaXMucG9zaXRpb25Ub29sdGlwKHgsIHkpO1xuXG4gICAgICAgIGlmIChtaWRkbGV3YXJlRGF0YS5hcnJvdykge1xuICAgICAgICAgIHRoaXMucG9zaXRpb25Ub29sdGlwQXJyb3coXG4gICAgICAgICAgICBtaWRkbGV3YXJlRGF0YS5hcnJvdy54LFxuICAgICAgICAgICAgbWlkZGxld2FyZURhdGEuYXJyb3cueSxcbiAgICAgICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgICAgIGFycm93TGVuZ3RoXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwb3NpdGlvblRvb2x0aXAoeDogbnVtYmVyLCB5OiBudW1iZXIpIHtcbiAgICBPYmplY3QuYXNzaWduKHRoaXMua21zVG9vbHRpcC5zdHlsZSwge1xuICAgICAgbGVmdDogYCR7eH1weGAsXG4gICAgICB0b3A6IGAke3l9cHhgLFxuICAgIH0pO1xuICB9XG5cbiAgcG9zaXRpb25Ub29sdGlwQXJyb3coXG4gICAgeDogbnVtYmVyLFxuICAgIHk6IG51bWJlcixcbiAgICBwbGFjZW1lbnQ6IFBsYWNlbWVudCxcbiAgICBhcnJvd0xlbmd0aDogbnVtYmVyXG4gICkge1xuICAgIGNvbnN0IHNpZGUgPSBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXTtcblxuICAgIGNvbnN0IHN0YXRpY1NpZGUgPSB7XG4gICAgICB0b3A6ICdib3R0b20nLFxuICAgICAgcmlnaHQ6ICdsZWZ0JyxcbiAgICAgIGJvdHRvbTogJ3RvcCcsXG4gICAgICBsZWZ0OiAncmlnaHQnLFxuICAgIH1bc2lkZV07XG5cbiAgICB0aGlzLmFkZEFycm93Q2xhc3Moc3RhdGljU2lkZSk7XG5cbiAgICBPYmplY3QuYXNzaWduKHRoaXMuYXJyb3cuc3R5bGUsIHtcbiAgICAgIGxlZnQ6IHggIT0gbnVsbCA/IGAke3h9cHhgIDogJycsXG4gICAgICB0b3A6IHkgIT0gbnVsbCA/IGAke3l9cHhgIDogJycsXG4gICAgICAvLyBFbnN1cmUgdGhlIHN0YXRpYyBzaWRlIGdldHMgdW5zZXQgd2hlblxuICAgICAgLy8gZmxpcHBpbmcgdG8gb3RoZXIgcGxhY2VtZW50cycgYXhlcy5cbiAgICAgIHJpZ2h0OiAnJyxcbiAgICAgIGJvdHRvbTogJycsXG4gICAgICBbc3RhdGljU2lkZV06IGAkey1hcnJvd0xlbmd0aCAvIDJ9cHhgLFxuICAgICAgdHJhbnNmb3JtOiAncm90YXRlKDQ1ZGVnKScsXG4gICAgfSk7XG4gIH1cblxuICBhZGRBcnJvdygpIHtcbiAgICB0aGlzLmFycm93ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3cnKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMua21zVG9vbHRpcCwgdGhpcy5hcnJvdyk7XG4gIH1cblxuICBhZGRBcnJvd0NsYXNzKHNpZGU6IHN0cmluZykge1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tbGVmdCcpO1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tcmlnaHQnKTtcbiAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3ctLWJvdHRvbScpO1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tdG9wJyk7XG5cbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3ctLScgKyBzaWRlKTtcbiAgfVxufVxuIl19
|
|
@@ -55,7 +55,7 @@ export class ColorInputComponent extends FormControlParentComponent {
|
|
|
55
55
|
useExisting: forwardRef(() => ColorInputComponent),
|
|
56
56
|
multi: true,
|
|
57
57
|
},
|
|
58
|
-
], usesInheritance: true, ngImport: i0, template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n <div>\n <mat-form-field class=\"colorInput\">\n <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n <mat-label>{{ label }}</mat-label>\n <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n </mat-form-field>\n </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["
|
|
58
|
+
], usesInheritance: true, ngImport: i0, template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n <div>\n <mat-form-field class=\"colorInput\">\n <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n <mat-label>{{ label }}</mat-label>\n <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n </mat-form-field>\n </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["tooltipText", "placement", "delay", "iconSize", "iconClass"] }] }); }
|
|
59
59
|
}
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorInputComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
@@ -45,7 +45,7 @@ export class FlyoutComponent {
|
|
|
45
45
|
this.targetHeight = `${contentHeight}px`;
|
|
46
46
|
}
|
|
47
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlyoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FlyoutComponent, selector: "kms-flyout", inputs: { icon: "icon", headerCssClass: "headerCssClass", bodyCssClass: "bodyCssClass", headerTitle: "headerTitle", headerText: "headerText", hasButtonForMore: "hasButtonForMore", moreText: "moreText", lessText: "lessText" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true }], ngImport: i0, template: "<div class=\"flyout\"
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FlyoutComponent, selector: "kms-flyout", inputs: { icon: "icon", headerCssClass: "headerCssClass", bodyCssClass: "bodyCssClass", headerTitle: "headerTitle", headerText: "headerText", hasButtonForMore: "hasButtonForMore", moreText: "moreText", lessText: "lessText" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true }], ngImport: i0, template: "<div class=\"flyout\" [ngClass]=\"{ 'is-active': isDropdownOpened }\">\n <div\n class=\"flyout-header\"\n (click)=\"toggleDropdownHeader()\"\n [ngClass]=\"headerCssClass\"\n >\n <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n <ng-content select=\"[header]\"></ng-content>\n\n <div\n *ngIf=\"hasButtonForMore\"\n (click)=\"toggleDropdown()\"\n class=\"flyout-header-more\"\n >\n <span *ngIf=\"!isDropdownOpened\">\n {{ moreText }}\n <kms-icon [icon]=\"'chevron-down'\" [size]=\"16\"> </kms-icon>\n </span>\n <span *ngIf=\"isDropdownOpened\">\n {{ lessText }}\n <kms-icon [icon]=\"'chevron-top'\" [size]=\"16\"> </kms-icon>\n </span>\n </div>\n </div>\n <div\n class=\"flyout-body\"\n [ngClass]=\"bodyCssClass\"\n tabindex=\"0\"\n [@dropdownAnimation]=\"{\n value: isDropdownOpened,\n params: { targetHeight: targetHeight, animationTime: '500' }\n }\"\n getMaxHeight=\"inner\"\n (sumOfHeight)=\"setDropdownListHeight($event)\"\n #flyoutHeader\n >\n <div class=\"inner\" #content *ngIf=\"isDropdownOpened || !hasButtonForMore\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.GetMaxHeightDirective, selector: "[getMaxHeight]", inputs: ["getMaxHeight"], outputs: ["maxHeightChanged", "sumOfHeight"] }, { kind: "directive", type: i3.SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "component", type: i4.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }, { kind: "pipe", type: i5.SafeHtmlPipe, name: "kmsSafeHtml" }], animations: [
|
|
49
49
|
trigger('dropdownAnimation', [
|
|
50
50
|
state('true', style({
|
|
51
51
|
height: '{{targetHeight}}',
|
|
@@ -93,7 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
93
93
|
},
|
|
94
94
|
}),
|
|
95
95
|
]),
|
|
96
|
-
], template: "<div class=\"flyout\"
|
|
96
|
+
], template: "<div class=\"flyout\" [ngClass]=\"{ 'is-active': isDropdownOpened }\">\n <div\n class=\"flyout-header\"\n (click)=\"toggleDropdownHeader()\"\n [ngClass]=\"headerCssClass\"\n >\n <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n <ng-content select=\"[header]\"></ng-content>\n\n <div\n *ngIf=\"hasButtonForMore\"\n (click)=\"toggleDropdown()\"\n class=\"flyout-header-more\"\n >\n <span *ngIf=\"!isDropdownOpened\">\n {{ moreText }}\n <kms-icon [icon]=\"'chevron-down'\" [size]=\"16\"> </kms-icon>\n </span>\n <span *ngIf=\"isDropdownOpened\">\n {{ lessText }}\n <kms-icon [icon]=\"'chevron-top'\" [size]=\"16\"> </kms-icon>\n </span>\n </div>\n </div>\n <div\n class=\"flyout-body\"\n [ngClass]=\"bodyCssClass\"\n tabindex=\"0\"\n [@dropdownAnimation]=\"{\n value: isDropdownOpened,\n params: { targetHeight: targetHeight, animationTime: '500' }\n }\"\n getMaxHeight=\"inner\"\n (sumOfHeight)=\"setDropdownListHeight($event)\"\n #flyoutHeader\n >\n <div class=\"inner\" #content *ngIf=\"isDropdownOpened || !hasButtonForMore\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
97
97
|
}], propDecorators: { icon: [{
|
|
98
98
|
type: Input
|
|
99
99
|
}], headerCssClass: [{
|
|
@@ -117,4 +117,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
117
117
|
type: ViewChild,
|
|
118
118
|
args: ['flyoutHeader']
|
|
119
119
|
}] } });
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBc0N4RSxNQUFNLE9BQU8sZUFBZTtJQXBDNUI7UUFxQ1csU0FBSSxHQUFHLFFBQVEsQ0FBQztRQUV6QixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDekIsaUJBQVksR0FBRyxHQUFHLENBQUM7UUFDbkIsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFFWixtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUNwQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUVsQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2QsYUFBUSxHQUFHLEVBQUUsQ0FBQztLQTZCeEI7SUF2QkM7OztPQUdHO0lBQ0gsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDMUIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsY0FBYztRQUNaLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxxQkFBcUIsQ0FBQyxhQUFxQjtRQUN6QyxJQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsYUFBYSxJQUFJLENBQUM7SUFDM0MsQ0FBQzsrR0ExQ1UsZUFBZTttR0FBZixlQUFlLHVkQzNDNUIsNndDQTJDQSxrckJEaENjO1lBQ1YsT0FBTyxDQUFDLG1CQUFtQixFQUFFO2dCQUMzQixLQUFLLENBQ0gsTUFBTSxFQUNOLEtBQUssQ0FBQztvQkFDSixNQUFNLEVBQUUsa0JBQWtCO29CQUMxQixVQUFVLEVBQUUsd0NBQXdDO2lCQUNyRCxDQUFDLEVBQ0Y7b0JBQ0UsTUFBTSxFQUFFO3dCQUNOLFlBQVksRUFBRSxPQUFPO3dCQUNyQixhQUFhLEVBQUUsSUFBSTtxQkFDcEI7aUJBQ0YsQ0FDRjtnQkFDRCxLQUFLLENBQ0gsT0FBTyxFQUNQLEtBQUssQ0FBQztvQkFDSixNQUFNLEVBQUUsQ0FBQztvQkFDVCxVQUFVLEVBQUUsd0NBQXdDO2lCQUNyRCxDQUFDLEVBQ0Y7b0JBQ0UsTUFBTSxFQUFFO3dCQUNOLFlBQVksRUFBRSxPQUFPO3dCQUNyQixPQUFPLEVBQUUsQ0FBQzt3QkFDVixhQUFhLEVBQUUsSUFBSTtxQkFDcEI7aUJBQ0YsQ0FDRjthQUNGLENBQUM7U0FDSDs7NEZBRVUsZUFBZTtrQkFwQzNCLFNBQVM7K0JBQ0UsWUFBWSxjQUdWO3dCQUNWLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTs0QkFDM0IsS0FBSyxDQUNILE1BQU0sRUFDTixLQUFLLENBQUM7Z0NBQ0osTUFBTSxFQUFFLGtCQUFrQjtnQ0FDMUIsVUFBVSxFQUFFLHdDQUF3Qzs2QkFDckQsQ0FBQyxFQUNGO2dDQUNFLE1BQU0sRUFBRTtvQ0FDTixZQUFZLEVBQUUsT0FBTztvQ0FDckIsYUFBYSxFQUFFLElBQUk7aUNBQ3BCOzZCQUNGLENBQ0Y7NEJBQ0QsS0FBSyxDQUNILE9BQU8sRUFDUCxLQUFLLENBQUM7Z0NBQ0osTUFBTSxFQUFFLENBQUM7Z0NBQ1QsVUFBVSxFQUFFLHdDQUF3Qzs2QkFDckQsQ0FBQyxFQUNGO2dDQUNFLE1BQU0sRUFBRTtvQ0FDTixZQUFZLEVBQUUsT0FBTztvQ0FDckIsT0FBTyxFQUFFLENBQUM7b0NBQ1YsYUFBYSxFQUFFLElBQUk7aUNBQ3BCOzZCQUNGLENBQ0Y7eUJBQ0YsQ0FBQztxQkFDSDs4QkFHUSxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVnQixPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBRU8sWUFBWTtzQkFBdEMsU0FBUzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHsgc3RhdGUsIHN0eWxlLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna21zLWZseW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbHlvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mbHlvdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2Ryb3Bkb3duQW5pbWF0aW9uJywgW1xuICAgICAgc3RhdGUoXG4gICAgICAgICd0cnVlJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIGhlaWdodDogJ3t7dGFyZ2V0SGVpZ2h0fX0nLFxuICAgICAgICAgIHRyYW5zaXRpb246ICdoZWlnaHQge3thbmltYXRpb25UaW1lfX1tcyBlYXNlLWluLW91dCcsXG4gICAgICAgIH0pLFxuICAgICAgICB7XG4gICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICB0YXJnZXRIZWlnaHQ6ICczMDBweCcsXG4gICAgICAgICAgICBhbmltYXRpb25UaW1lOiAzMDAwLFxuICAgICAgICAgIH0sXG4gICAgICAgIH1cbiAgICAgICksXG4gICAgICBzdGF0ZShcbiAgICAgICAgJ2ZhbHNlJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIGhlaWdodDogMCxcbiAgICAgICAgICB0cmFuc2l0aW9uOiAnaGVpZ2h0IHt7YW5pbWF0aW9uVGltZX19bXMgZWFzZS1pbi1vdXQnLFxuICAgICAgICB9KSxcbiAgICAgICAge1xuICAgICAgICAgIHBhcmFtczoge1xuICAgICAgICAgICAgdGFyZ2V0SGVpZ2h0OiAnMzAwcHgnLFxuICAgICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICAgIGFuaW1hdGlvblRpbWU6IDMwMDAsXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRmx5b3V0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbiA9ICdmaWx0ZXInO1xuXG4gIGlzRHJvcGRvd25PcGVuZWQgPSBmYWxzZTtcbiAgdGFyZ2V0SGVpZ2h0ID0gJzAnO1xuICBhbmltYXRpb25UaW1lID0gNTAwMDtcblxuICBASW5wdXQoKSBoZWFkZXJDc3NDbGFzcyA9ICcnO1xuICBASW5wdXQoKSBib2R5Q3NzQ2xhc3MgPSAnJztcblxuICBASW5wdXQoKSBoZWFkZXJUaXRsZSA9ICcnO1xuICBASW5wdXQoKSBoZWFkZXJUZXh0ID0gJyc7XG4gIEBJbnB1dCgpIGhhc0J1dHRvbkZvck1vcmUgPSBmYWxzZTtcbiAgQElucHV0KCkgbW9yZVRleHQgPSAnJztcbiAgQElucHV0KCkgbGVzc1RleHQgPSAnJztcblxuICBAVmlld0NoaWxkKCdjb250ZW50JykgY29udGVudDogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBAVmlld0NoaWxkKCdmbHlvdXRIZWFkZXInKSBmbHlvdXRIZWFkZXI6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIE9wZW4vY2xvc2UgZHJvcGRvd24gaWYgY2xpY2sgb24gaGVhZGVyLlxuICAgKiBFeGNlcHQsIGlmIG1vZGUgaXMgc2V0IHRvIGhhc0J1dHRvbkZvck1vcmUuIFdoZW4gdGhlcmUgaXMgYSBleHRyYSBidXR0b24gdG8gb3Blbi9jbG9zZVxuICAgKi9cbiAgdG9nZ2xlRHJvcGRvd25IZWFkZXIoKSB7XG4gICAgaWYgKCF0aGlzLmhhc0J1dHRvbkZvck1vcmUpIHtcbiAgICAgIHRoaXMudG9nZ2xlRHJvcGRvd24oKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogT3BlbiBvciBjbG9zZSB0aGUgZHJvcGRvd25cbiAgICovXG4gIHRvZ2dsZURyb3Bkb3duKCkge1xuICAgIHRoaXMuaXNEcm9wZG93bk9wZW5lZCA9ICF0aGlzLmlzRHJvcGRvd25PcGVuZWQ7XG4gIH1cblxuICAvKipcbiAgICogU2V0IHRoZSBoZWlnaHQgb2YgdGhlIGRyb3Bkb3duIGxpc3QgaXRlbXMgZHluYW1pYyAtIG5lZWRlZCBmb3IgdGhlIGFuaW1hdGlvblxuICAgKi9cbiAgc2V0RHJvcGRvd25MaXN0SGVpZ2h0KGNvbnRlbnRIZWlnaHQ6IG51bWJlcikge1xuICAgIHRoaXMudGFyZ2V0SGVpZ2h0ID0gYCR7Y29udGVudEhlaWdodH1weGA7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbHlvdXRcIiBbbmdDbGFzc109XCJ7ICdpcy1hY3RpdmUnOiBpc0Ryb3Bkb3duT3BlbmVkIH1cIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiZmx5b3V0LWhlYWRlclwiXG4gICAgKGNsaWNrKT1cInRvZ2dsZURyb3Bkb3duSGVhZGVyKClcIlxuICAgIFtuZ0NsYXNzXT1cImhlYWRlckNzc0NsYXNzXCJcbiAgPlxuICAgIDxzcGFuIFtpbm5lckh0bWxdPVwiaGVhZGVyVGl0bGUgfCBrbXNTYWZlSHRtbFwiPjwvc3Bhbj5cbiAgICA8c3BhbiBbaW5uZXJIdG1sXT1cImhlYWRlclRleHQgfCBrbXNTYWZlSHRtbFwiPjwvc3Bhbj5cblxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltoZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuXG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJoYXNCdXR0b25Gb3JNb3JlXCJcbiAgICAgIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigpXCJcbiAgICAgIGNsYXNzPVwiZmx5b3V0LWhlYWRlci1tb3JlXCJcbiAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cIiFpc0Ryb3Bkb3duT3BlbmVkXCI+XG4gICAgICAgIHt7IG1vcmVUZXh0IH19XG4gICAgICAgIDxrbXMtaWNvbiBbaWNvbl09XCInY2hldnJvbi1kb3duJ1wiIFtzaXplXT1cIjE2XCI+IDwva21zLWljb24+XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImlzRHJvcGRvd25PcGVuZWRcIj5cbiAgICAgICAge3sgbGVzc1RleHQgfX1cbiAgICAgICAgPGttcy1pY29uIFtpY29uXT1cIidjaGV2cm9uLXRvcCdcIiBbc2l6ZV09XCIxNlwiPiA8L2ttcy1pY29uPlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiZmx5b3V0LWJvZHlcIlxuICAgIFtuZ0NsYXNzXT1cImJvZHlDc3NDbGFzc1wiXG4gICAgdGFiaW5kZXg9XCIwXCJcbiAgICBbQGRyb3Bkb3duQW5pbWF0aW9uXT1cIntcbiAgICAgIHZhbHVlOiBpc0Ryb3Bkb3duT3BlbmVkLFxuICAgICAgcGFyYW1zOiB7IHRhcmdldEhlaWdodDogdGFyZ2V0SGVpZ2h0LCBhbmltYXRpb25UaW1lOiAnNTAwJyB9XG4gICAgfVwiXG4gICAgZ2V0TWF4SGVpZ2h0PVwiaW5uZXJcIlxuICAgIChzdW1PZkhlaWdodCk9XCJzZXREcm9wZG93bkxpc3RIZWlnaHQoJGV2ZW50KVwiXG4gICAgI2ZseW91dEhlYWRlclxuICA+XG4gICAgPGRpdiBjbGFzcz1cImlubmVyXCIgI2NvbnRlbnQgKm5nSWY9XCJpc0Ryb3Bkb3duT3BlbmVkIHx8ICFoYXNCdXR0b25Gb3JNb3JlXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,31 +1,28 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, Input, ViewChild, } from '@angular/core';
|
|
2
2
|
import { IconSizePx } from '../icon/iconSize.enum';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "../../directives/
|
|
6
|
-
import * as i3 from "
|
|
7
|
-
import * as i4 from "../icon/icon.component";
|
|
4
|
+
import * as i1 from "../../directives/size.directive";
|
|
5
|
+
import * as i2 from "../../directives/tooltip.directive";
|
|
6
|
+
import * as i3 from "../icon/icon.component";
|
|
8
7
|
export class TooltipIconComponent {
|
|
9
8
|
constructor() {
|
|
10
|
-
this.kmsTooltipClass = true;
|
|
11
|
-
this.showOnClick = false;
|
|
12
9
|
this.tooltipText = '';
|
|
13
|
-
this.placement = 'below';
|
|
14
10
|
this.delay = 1000;
|
|
15
11
|
this.iconSize = IconSizePx.SMALLER;
|
|
16
12
|
this.iconClass = 'color-primary';
|
|
17
13
|
}
|
|
18
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: {
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: { tooltipText: "tooltipText", placement: "placement", delay: "delay", iconSize: "iconSize", iconClass: "iconClass" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n></kms-icon>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[kmsTooltip]", inputs: ["kmsTooltip", "placement", "delay"] }, { kind: "component", type: i3.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
|
|
20
16
|
}
|
|
21
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipIconComponent, decorators: [{
|
|
22
18
|
type: Component,
|
|
23
|
-
args: [{ selector: 'kms-tooltip-icon', template: "<
|
|
24
|
-
}], propDecorators: {
|
|
25
|
-
type:
|
|
26
|
-
args: ['
|
|
27
|
-
}],
|
|
28
|
-
type:
|
|
19
|
+
args: [{ selector: 'kms-tooltip-icon', template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n></kms-icon>\n" }]
|
|
20
|
+
}], propDecorators: { button: [{
|
|
21
|
+
type: ViewChild,
|
|
22
|
+
args: ['button']
|
|
23
|
+
}], tooltip: [{
|
|
24
|
+
type: ViewChild,
|
|
25
|
+
args: ['tooltip']
|
|
29
26
|
}], tooltipText: [{
|
|
30
27
|
type: Input
|
|
31
28
|
}], placement: [{
|
|
@@ -37,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
37
34
|
}], iconClass: [{
|
|
38
35
|
type: Input
|
|
39
36
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBR1QsS0FBSyxFQUVMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBT25ELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRVyxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsYUFBUSxHQUFlLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDMUMsY0FBUyxHQUFHLGVBQWUsQ0FBQztLQUN0QzsrR0FSWSxvQkFBb0I7bUdBQXBCLG9CQUFvQiw2V0NqQmpDLDRPQVdBOzs0RkRNYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0Usa0JBQWtCOzhCQUtQLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFDRyxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBQ1gsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvblNpemUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgSWNvblNpemVQeCB9IGZyb20gJy4uL2ljb24vaWNvblNpemUuZW51bSc7XG5pbXBvcnQgeyBQbGFjZW1lbnQgfSBmcm9tICdAZmxvYXRpbmctdWkvZG9tJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ttcy10b29sdGlwLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBJY29uQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZCgnYnV0dG9uJykgYnV0dG9uOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCd0b29sdGlwJykgdG9vbHRpcDogRWxlbWVudFJlZjtcbiAgQElucHV0KCkgdG9vbHRpcFRleHQgPSAnJztcbiAgQElucHV0KCkgcGxhY2VtZW50OiBQbGFjZW1lbnQ7XG4gIEBJbnB1dCgpIGRlbGF5ID0gMTAwMDtcbiAgQElucHV0KCkgaWNvblNpemU6IEljb25TaXplUHggPSBJY29uU2l6ZVB4LlNNQUxMRVI7XG4gIEBJbnB1dCgpIGljb25DbGFzcyA9ICdjb2xvci1wcmltYXJ5Jztcbn1cbiIsIjxkaXYgI3Rvb2x0aXBDb250ZW50PlxuICB7eyB0b29sdGlwVGV4dCB9fVxuPC9kaXY+XG48a21zLWljb25cbiAgaWNvbj1cImljX2luZm9cIlxuICBbc2l6ZV09XCJpY29uU2l6ZVwiXG4gIFtpY29uQ2xhc3NdPVwiaWNvbkNsYXNzXCJcbiAgW2ttc1Rvb2x0aXBdPVwidG9vbHRpcENvbnRlbnRcIlxuICBbcGxhY2VtZW50XT1cInBsYWNlbWVudFwiXG4gIFtkZWxheV09XCJkZWxheVwiXG4+PC9rbXMtaWNvbj5cbiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -35,6 +35,7 @@ export * from './lib/directives/directives.module';
|
|
|
35
35
|
export * from './lib/directives/size.directive';
|
|
36
36
|
export * from './lib/directives/sum-of-height.directive';
|
|
37
37
|
export * from './lib/directives/swipe.directive';
|
|
38
|
+
export * from './lib/directives/tooltip.directive';
|
|
38
39
|
export * from './lib/pipes/custom-pipes.module';
|
|
39
40
|
export * from './lib/pipes/integer-currency.pipe';
|
|
40
41
|
export * from './lib/pipes/safe-html.pipe';
|
|
@@ -43,4 +44,4 @@ export * from './lib/pipes/safe-url.pipe';
|
|
|
43
44
|
export * from './lib/pipes/trim.pipe';
|
|
44
45
|
export * from './lib/pipes/typeof.pipe';
|
|
45
46
|
export * from './lib/parent-components/form.component';
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx5Q0FBeUMsQ0FBQztBQUV4RCxjQUFjLGlDQUFpQyxDQUFDO0FBRWhELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsOEJBQThCLENBQUM7QUFFN0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUVqRCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDREQUE0RCxDQUFDO0FBQzNFLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDREQUE0RCxDQUFDO0FBQzNFLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyx3REFBd0QsQ0FBQztBQUV2RSxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsb0NBQW9DLENBQUM7QUFFbkQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx5QkFBeUIsQ0FBQztBQUV4QyxjQUFjLHdDQUF3QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBrbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIva21zLW5neC11aS1wcmVzZW50YXRpb25hbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIva21zLW5neC11aS1wcmVzZW50YXRpb25hbC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIva21zLW5neC11aS1wcmVzZW50YXRpb25hbC5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvdmlld3BvcnQuc2VydmljZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9idXR0b24tcmVzcG9uc2UtdHlwZXMuZW51bSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaWNvblNpemUuZW51bSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvaW1hZ2Utc25pcHBldC5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvc2FsdXRhdGlvbi5lbnVtJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3R5cGVzL251bGxhYmxlLnR5cGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi91aS9iYWNrLXRvLXRvcC9iYWNrLXRvLXRvcC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdWkvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL2NvbG9yLWlucHV0L2NvbG9yLWlucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91aS9jb25maXJtYXRpb24tZGlhbG9nL2NvbmZpcm1hdGlvbi1kaWFsb2cuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL2NvbmZpcm1hdGlvbi1kaWFsb2cvZGlhbG9nLWRhdGEubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdWkvZHJvcGRvd24tZnJvbS1kYXRhL2Ryb3Bkb3duLWZyb20tZGF0YS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdWkvZW51bS1yYWRpb2dyb3VwL2VudW0tcmFkaW9ncm91cC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdWkvZmlsZS1pbnB1dC9maWxlLWlucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91aS9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91aS9pY29uL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL2ltYWdlLXNsaWRlci9pbWFnZS1zbGlkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL2ttcy1hY2NvcmRpb24taXRlbS9rbXMtYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL2xvYWRlci9sb2FkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL21hcC9tYXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL3JhZGlvYnV0dG9uL3JhZGlvYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi91aS9zYWx1dGF0aW9uLWRyb3Bkb3duL3NhbHV0YXRpb24tZHJvcGRvd24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL3NhbHV0YXRpb24tcmFkaW9ncm91cC9zYWx1dGF0aW9uLXJhZGlvZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL3NsaWRlLXRvZ2dsZS9zbGlkZS10b2dnbGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpL3RpbWUtaW5wdXQvdGltZS1pbnB1dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdWkvdG9vbHRpcC1pY29uL3Rvb2x0aXAtaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdWkveWVzLW5vLXJhZGlvZ3JvdXAveWVzLW5vLXJhZGlvZ3JvdXAuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9kaXJlY3RpdmVzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL3NpemUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvc3VtLW9mLWhlaWdodC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9zd2lwZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy90b29sdGlwLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3BpcGVzL2N1c3RvbS1waXBlcy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvaW50ZWdlci1jdXJyZW5jeS5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BpcGVzL3NhZmUtaHRtbC5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BpcGVzL3NhZmUtcmVzb3VyY2UtdXJsLnBpcGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvc2FmZS11cmwucGlwZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcy90cmltLnBpcGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvdHlwZW9mLnBpcGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYXJlbnQtY29tcG9uZW50cy9mb3JtLmNvbXBvbmVudCc7XG4iXX0=
|