@coreui/angular 4.2.1 → 4.2.2

package/fesm2020/coreui-angular.mjs

@@ -8780,11 +8780,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
             }] } });
 
 class TooltipDirective {
-    constructor(document, renderer, hostElement, componentFactoryResolver, viewContainerRef, listenersService) {
+    constructor(document, renderer, hostElement, viewContainerRef, listenersService) {
         this.document = document;
         this.renderer = renderer;
         this.hostElement = hostElement;
-        this.componentFactoryResolver = componentFactoryResolver;
         this.viewContainerRef = viewContainerRef;
         this.listenersService = listenersService;
         /**
@@ -8879,9 +8878,7 @@ class TooltipDirective {
     }
     createTooltipElement() {
         if (!this.tooltipRef) {
-            const tooltipComponent = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
-            this.tooltipRef = tooltipComponent.create(this.viewContainerRef.injector);
-            // this.tooltipRef = this.viewContainerRef.createComponent<TooltipComponent>(TooltipComponent);
+            this.tooltipRef = this.viewContainerRef.createComponent(TooltipComponent);
             // this.viewContainerRef.detach();
         }
     }
@@ -8891,8 +8888,8 @@ class TooltipDirective {
         // @ts-ignore
         this.tooltipRef = undefined;
         this.popperInstance?.destroy();
-        this.viewContainerRef.detach();
-        this.viewContainerRef.clear();
+        this.viewContainerRef?.detach();
+        this.viewContainerRef?.clear();
     }
     addTooltipElement() {
         if (!this.tooltipRef) {
@@ -8900,34 +8897,43 @@ class TooltipDirective {
         }
         this.tooltipRef.instance.content = this.content;
         this.tooltip = this.tooltipRef.location.nativeElement;
+        this.renderer.addClass(this.tooltip, 'd-none');
         this.renderer.addClass(this.tooltip, 'fade');
+        this.popperInstance?.destroy();
         setTimeout(() => {
             this.popperInstance = createPopper(this.hostElement.nativeElement, this.tooltip, { ...this.popperOptions });
             this.viewContainerRef.insert(this.tooltipRef.hostView);
+            this.renderer.appendChild(this.document.body, this.tooltip);
+            if (!this.visible) {
+                this.removeTooltipElement();
+                return;
+            }
             setTimeout(() => {
                 this.tooltipId = this.getUID('tooltip');
                 this.tooltipRef.instance.id = this.tooltipId;
+                if (!this.visible) {
+                    this.removeTooltipElement();
+                    return;
+                }
+                this.renderer.removeClass(this.tooltip, 'd-none');
                 this.tooltipRef.instance.visible = this.visible;
-                this.renderer.appendChild(this.document.body, this.tooltip);
                 this.popperInstance.forceUpdate();
-                // this.tooltipRef.changeDetectorRef.markForCheck();
             }, 100);
         });
     }
     removeTooltipElement() {
+        this.tooltipId = '';
         if (!this.tooltipRef) {
             return;
         }
         this.tooltipRef.instance.visible = this.visible;
         this.tooltipRef.instance.id = undefined;
         setTimeout(() => {
-            this.viewContainerRef.detach();
-            this.popperInstance?.destroy();
-            this.tooltipId = '';
+            this.viewContainerRef?.detach();
         }, 300);
     }
 }
-TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: ListenersService }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: ListenersService }], target: i0.ɵɵFactoryTarget.Directive });
 TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: TooltipDirective, selector: "[cTooltip]", inputs: { content: ["cTooltip", "content"], popperOptions: ["cTooltipOptions", "popperOptions"], placement: ["cTooltipPlacement", "placement"], trigger: ["cTooltipTrigger", "trigger"], visible: ["cTooltipVisible", "visible"] }, host: { properties: { "attr.aria-describedby": "this.ariaDescribedBy" } }, providers: [ListenersService], exportAs: ["cTooltip"], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
@@ -8936,10 +8942,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                     exportAs: 'cTooltip',
                     providers: [ListenersService]
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: ListenersService }]; }, propDecorators: { content: [{
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: ListenersService }]; }, propDecorators: { content: [{
                 type: Input,
                 args: ['cTooltip']
             }], popperOptions: [{