@coreui/angular 4.2.2 → 4.2.3

package/fesm2020/coreui-angular.mjs

@@ -6210,11 +6210,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
             }] } });
 
 class PopoverDirective {
-    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;
         /**
@@ -6309,8 +6308,8 @@ class PopoverDirective {
     }
     createPopoverElement() {
         if (!this.popoverRef) {
-            const popoverComponent = this.componentFactoryResolver.resolveComponentFactory(PopoverComponent);
-            this.popoverRef = popoverComponent.create(this.viewContainerRef.injector);
+            this.popoverRef = this.viewContainerRef.createComponent(PopoverComponent);
+            // this.viewContainerRef.detach();
         }
     }
     destroyPopoverElement() {
@@ -6319,8 +6318,8 @@ class PopoverDirective {
         // @ts-ignore
         this.popoverRef = undefined;
         this.popperInstance?.destroy();
-        this.viewContainerRef.detach();
-        this.viewContainerRef.clear();
+        this.viewContainerRef?.detach();
+        this.viewContainerRef?.clear();
     }
     addPopoverElement() {
         if (!this.popoverRef) {
@@ -6328,21 +6327,32 @@ class PopoverDirective {
         }
         this.popoverRef.instance.content = this.content;
         this.popover = this.popoverRef.location.nativeElement;
+        this.renderer.addClass(this.popover, 'd-none');
         this.renderer.addClass(this.popover, 'fade');
+        this.popperInstance?.destroy();
         setTimeout(() => {
             this.popperInstance = createPopper(this.hostElement.nativeElement, this.popover, { ...this.popperOptions });
             this.viewContainerRef.insert(this.popoverRef.hostView);
+            this.renderer.appendChild(this.document.body, this.popover);
+            if (!this.visible) {
+                this.removePopoverElement();
+                return;
+            }
             setTimeout(() => {
                 this.popoverId = this.getUID('popover');
                 this.popoverRef.instance.id = this.popoverId;
+                if (!this.visible) {
+                    this.removePopoverElement();
+                    return;
+                }
+                this.renderer.removeClass(this.popover, 'd-none');
                 this.popoverRef.instance.visible = this.visible;
-                this.renderer.appendChild(this.document.body, this.popover);
                 this.popperInstance.forceUpdate();
-                // this.popoverRef.changeDetectorRef.markForCheck();
             }, 100);
         });
     }
     removePopoverElement() {
+        this.popoverId = '';
         if (!this.popoverRef) {
             return;
         }
@@ -6350,12 +6360,10 @@ class PopoverDirective {
         this.popoverRef.instance.id = undefined;
         setTimeout(() => {
             this.viewContainerRef.detach();
-            this.popperInstance?.destroy();
-            this.popoverId = '';
         }, 300);
     }
 }
-PopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PopoverDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: ListenersService }], target: i0.ɵɵFactoryTarget.Directive });
+PopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PopoverDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: ListenersService }], target: i0.ɵɵFactoryTarget.Directive });
 PopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: PopoverDirective, selector: "[cPopover]", inputs: { content: ["cPopover", "content"], popperOptions: ["cPopoverOptions", "popperOptions"], placement: ["cPopoverPlacement", "placement"], trigger: ["cPopoverTrigger", "trigger"], visible: ["cPopoverVisible", "visible"] }, host: { properties: { "attr.aria-describedby": "this.ariaDescribedBy" } }, providers: [ListenersService], exportAs: ["cPopover"], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PopoverDirective, decorators: [{
             type: Directive,
@@ -6367,7 +6375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
         }], ctorParameters: function () { return [{ type: undefined, 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: ['cPopover']
             }], popperOptions: [{