@coreui/angular 4.2.0 → 4.2.1

package/fesm2020/coreui-angular.mjs

@@ -6183,10 +6183,10 @@ class PopoverComponent {
     }
 }
 PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: PopoverComponent, selector: "c-popover", inputs: { content: "content", visible: "visible", id: "id", role: "role" }, host: { properties: { "attr.id": "this.id", "attr.role": "this.role", "class": "this.hostClasses" } }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["popoverTemplate"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <div [ngClass]=\"{'popover-arrow': !!content}\" data-popper-arrow ></div>\n  <ng-container #popoverTemplate></ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: PopoverComponent, selector: "c-popover", inputs: { content: "content", visible: "visible", id: "id", role: "role" }, host: { properties: { "attr.id": "this.id", "attr.role": "this.role", "class": "this.hostClasses" } }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["popoverTemplate"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\r\n  <div [ngClass]=\"{'popover-arrow': !!content}\" data-popper-arrow></div>\r\n  <ng-container #popoverTemplate></ng-container>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c-popover', template: "<ng-container>\n  <div [ngClass]=\"{'popover-arrow': !!content}\" data-popper-arrow ></div>\n  <ng-container #popoverTemplate></ng-container>\n</ng-container>\n" }]
+            args: [{ selector: 'c-popover', template: "<ng-container>\r\n  <div [ngClass]=\"{'popover-arrow': !!content}\" data-popper-arrow></div>\r\n  <ng-container #popoverTemplate></ng-container>\r\n</ng-container>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { content: [{
                 type: Input
             }], visible: [{
@@ -6237,10 +6237,10 @@ class PopoverDirective {
                 {
                     name: 'offset',
                     options: {
-                        offset: [0, 8],
-                    },
-                },
-            ],
+                        offset: [0, 8]
+                    }
+                }
+            ]
         };
     }
     /**
@@ -6263,20 +6263,19 @@ class PopoverDirective {
     get visible() {
         return this._visible;
     }
+    get ariaDescribedBy() {
+        return this.popoverId ? this.popoverId : null;
+    }
     ngOnChanges(changes) {
         if (changes['visible']) {
             changes['visible'].currentValue ? this.addPopoverElement() : this.removePopoverElement();
         }
     }
-    get ariaDescribedBy() {
-        return this.popoverId ? this.popoverId : null;
-    }
     ngOnDestroy() {
         this.clearListeners();
         this.destroyPopoverElement();
     }
     ngOnInit() {
-        // this.createPopoverElement();
         this.setListeners();
     }
     setListeners() {
@@ -6330,7 +6329,6 @@ class PopoverDirective {
         this.popoverRef.instance.content = this.content;
         this.popover = this.popoverRef.location.nativeElement;
         this.renderer.addClass(this.popover, 'fade');
-        // this.renderer.setStyle(this.popover, 'visibility', 'hidden')
         setTimeout(() => {
             this.popperInstance = createPopper(this.hostElement.nativeElement, this.popover, { ...this.popperOptions });
             this.viewContainerRef.insert(this.popoverRef.hostView);
@@ -6338,10 +6336,9 @@ class PopoverDirective {
                 this.popoverId = this.getUID('popover');
                 this.popoverRef.instance.id = this.popoverId;
                 this.popoverRef.instance.visible = this.visible;
-                // this.renderer.removeStyle(this.popover, 'visibility');
                 this.renderer.appendChild(this.document.body, this.popover);
                 this.popperInstance.forceUpdate();
-                // this.popoverRef.changeDetectorRef.detectChanges();
+                // this.popoverRef.changeDetectorRef.markForCheck();
             }, 100);
         });
     }
@@ -6350,12 +6347,9 @@ class PopoverDirective {
             return;
         }
         this.popoverRef.instance.visible = this.visible;
-        // this.popoverRef.changeDetectorRef?.detectChanges();
         this.popoverRef.instance.id = undefined;
         setTimeout(() => {
             this.viewContainerRef.detach();
-            // this.viewContainerRef.remove();
-            // this.renderer.removeChild(this.document.body, this.popover);
             this.popperInstance?.destroy();
             this.popoverId = '';
         }, 300);
@@ -8813,10 +8807,10 @@ class TooltipDirective {
                 {
                     name: 'offset',
                     options: {
-                        offset: [0, 0],
-                    },
-                },
-            ],
+                        offset: [0, 0]
+                    }
+                }
+            ]
         };
     }
     /**
@@ -8835,8 +8829,6 @@ class TooltipDirective {
      */
     set visible(value) {
         this._visible = value;
-        value ? this.addTooltipElement() : this.removeTooltipElement();
-        this.tooltipRef?.changeDetectorRef.markForCheck();
     }
     get visible() {
         return this._visible;
@@ -8854,7 +8846,6 @@ class TooltipDirective {
         this.destroyTooltipElement();
     }
     ngOnInit() {
-        // this.createTooltipElement();
         this.setListeners();
     }
     setListeners() {
@@ -8863,12 +8854,15 @@ class TooltipDirective {
             trigger: this.trigger,
             callbackToggle: () => {
                 this.visible = !this.visible;
+                this.visible ? this.addTooltipElement() : this.removeTooltipElement();
             },
             callbackOff: () => {
                 this.visible = false;
+                this.removeTooltipElement();
             },
             callbackOn: () => {
                 this.visible = true;
+                this.addTooltipElement();
             }
         };
         this.listenersService.setListeners(config);
@@ -8886,7 +8880,9 @@ class TooltipDirective {
     createTooltipElement() {
         if (!this.tooltipRef) {
             const tooltipComponent = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
-            this.tooltipRef = this.viewContainerRef.createComponent(tooltipComponent);
+            this.tooltipRef = tooltipComponent.create(this.viewContainerRef.injector);
+            // this.tooltipRef = this.viewContainerRef.createComponent<TooltipComponent>(TooltipComponent);
+            // this.viewContainerRef.detach();
         }
     }
     destroyTooltipElement() {
@@ -8904,16 +8900,17 @@ class TooltipDirective {
         }
         this.tooltipRef.instance.content = this.content;
         this.tooltip = this.tooltipRef.location.nativeElement;
+        this.renderer.addClass(this.tooltip, 'fade');
         setTimeout(() => {
             this.popperInstance = createPopper(this.hostElement.nativeElement, this.tooltip, { ...this.popperOptions });
+            this.viewContainerRef.insert(this.tooltipRef.hostView);
             setTimeout(() => {
                 this.tooltipId = this.getUID('tooltip');
                 this.tooltipRef.instance.id = this.tooltipId;
                 this.tooltipRef.instance.visible = this.visible;
                 this.renderer.appendChild(this.document.body, this.tooltip);
                 this.popperInstance.forceUpdate();
-                this.tooltipRef.changeDetectorRef.markForCheck();
-                // this.tooltipRef.changeDetectorRef.detectChanges();
+                // this.tooltipRef.changeDetectorRef.markForCheck();
             }, 100);
         });
     }
@@ -8922,10 +8919,9 @@ class TooltipDirective {
             return;
         }
         this.tooltipRef.instance.visible = this.visible;
+        this.tooltipRef.instance.id = undefined;
         setTimeout(() => {
-            // this.tooltipRef.changeDetectorRef.detectChanges();
-            this.tooltipRef.instance.id = undefined;
-            this.renderer.removeChild(this.document.body, this.tooltip);
+            this.viewContainerRef.detach();
             this.popperInstance?.destroy();
             this.tooltipId = '';
         }, 300);