@klippa/ngx-enhancy-forms 14.22.1 → 14.22.2
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/esm2020/lib/withTooltip.component.mjs +6 -4
- package/fesm2015/klippa-ngx-enhancy-forms.mjs +5 -3
- package/fesm2015/klippa-ngx-enhancy-forms.mjs.map +1 -1
- package/fesm2020/klippa-ngx-enhancy-forms.mjs +5 -3
- package/fesm2020/klippa-ngx-enhancy-forms.mjs.map +1 -1
- package/lib/withTooltip.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -2425,8 +2425,9 @@ const colors = {
|
|
|
2425
2425
|
black: { noAlpha: 'rgb(40, 40, 40)', withAlpha: 'rgba(40, 40, 40, 0.1254901961)' },
|
|
2426
2426
|
};
|
|
2427
2427
|
class WithTooltipDirective {
|
|
2428
|
-
constructor(el) {
|
|
2428
|
+
constructor(el, appRef) {
|
|
2429
2429
|
this.el = el;
|
|
2430
|
+
this.appRef = appRef;
|
|
2430
2431
|
this.klpWithTooltip = 'orange';
|
|
2431
2432
|
el.nativeElement.addEventListener('mouseenter', () => {
|
|
2432
2433
|
let textToDisplay;
|
|
@@ -2537,18 +2538,19 @@ class WithTooltipDirective {
|
|
|
2537
2538
|
ngOnChanges(simpleChanges) {
|
|
2538
2539
|
if (simpleChanges.tooltipTemplate?.currentValue) {
|
|
2539
2540
|
const viewRef = this.tooltipTemplate.createEmbeddedView(null);
|
|
2541
|
+
this.appRef.attachView(viewRef);
|
|
2540
2542
|
this.templateInstance = viewRef.rootNodes[0];
|
|
2541
2543
|
}
|
|
2542
2544
|
}
|
|
2543
2545
|
}
|
|
2544
|
-
WithTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WithTooltipDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2546
|
+
WithTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WithTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2545
2547
|
WithTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: WithTooltipDirective, selector: "[klpWithTooltip]", inputs: { klpWithTooltip: "klpWithTooltip", tooltipText: "tooltipText", tooltipTemplate: "tooltipTemplate" }, usesOnChanges: true, ngImport: i0 });
|
|
2546
2548
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WithTooltipDirective, decorators: [{
|
|
2547
2549
|
type: Directive,
|
|
2548
2550
|
args: [{
|
|
2549
2551
|
selector: '[klpWithTooltip]'
|
|
2550
2552
|
}]
|
|
2551
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { klpWithTooltip: [{
|
|
2553
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ApplicationRef }]; }, propDecorators: { klpWithTooltip: [{
|
|
2552
2554
|
type: Input
|
|
2553
2555
|
}], tooltipText: [{
|
|
2554
2556
|
type: Input
|