@cuby-ui/core 0.0.106 → 0.0.107

package/fesm2020/cuby-ui-core.mjs

@@ -957,6 +957,9 @@ class CuiContextMenuComponent {
     ngOnInit() {
         this.initClickOutsideSubscription();
     }
+    ngOnDestroy() {
+        this.clearViewContainerRef();
+    }
     ngAfterViewInit() {
         this.initTargetElementListener();
     }
@@ -988,7 +991,7 @@ class CuiContextMenuComponent {
             event.stopPropagation();
             this.document.body.click();
             this.isVisible = !this.isVisible;
-            this.viewContainerRef.clear();
+            this.clearViewContainerRef();
             if (this.isVisible) {
                 this.renderList();
                 this.changePosition(event.clientX, event.clientY);
@@ -1014,7 +1017,7 @@ class CuiContextMenuComponent {
     }
     close() {
         this.isVisible = false;
-        this.viewContainerRef.clear();
+        this.clearViewContainerRef();
     }
     renderList() {
         const embeddedViewRef = this.viewContainerRef.createEmbeddedView(this.list);
@@ -1042,6 +1045,9 @@ class CuiContextMenuComponent {
             this.changeDetectorRef.markForCheck();
         });
     }
+    clearViewContainerRef() {
+        this.viewContainerRef.clear();
+    }
 }
 CuiContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 CuiContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiContextMenuComponent, selector: "cui-context-menu[items][target]", inputs: { items: "items", target: "target" }, host: { listeners: { "window:resize": "onClose()", "click": "onStopClickPropagation($event)" } }, providers: [CuiDestroyService], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true }], hostDirectives: [{ directive: i2.CuiClickOutsideDirective }, { directive: i2.CuiTargetDirective, inputs: ["ccTarget", "target"] }], ngImport: i0, template: "<ng-template #list>\n  <div class=\"c-container\">\n    <ul\n      *ngIf=\"isVisible\"\n      class=\"c-ul\"\n    >\n      <li\n        *ngFor=\"let item of items; trackBy: trackByFn\"\n        [style.color]=\"item.color\"\n      >\n        <button\n          type=\"button\"\n          class=\"c-button\"\n          (click)=\"onSelect(item)\"\n        >\n          <cui-svg\n            *ngIf=\"item.icon\"\n            [icon]=\"item.icon\"\n            [color]=\"item.color\"\n          ></cui-svg>\n          <span>{{ item.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n", styles: [":host{display:none}.c-container{position:fixed;width:268px;border-radius:8px}.c-ul{padding:7px 0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px #0000000a,0 1px 4px #0000000a;border:1px solid var(--cui-base-200);border-radius:inherit;background:var(--cui-base-0);color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-button{padding:8px 11px 8px 0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:8px 11px;width:100%;display:flex;align-items:center;gap:12px}.c-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-button:hover{background:var(--cui-base-50)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1903,6 +1909,9 @@ class CuiSelectComponent {
     ngOnInit() {
         this.initClickOutsideSubscription();
     }
+    ngOnDestroy() {
+        this.clearViewContainerRef();
+    }
     setDisabledState(isDisabled) {
         this.isDisabled = isDisabled;
         this.changeDetectorRef.markForCheck();
@@ -1966,6 +1975,9 @@ class CuiSelectComponent {
     }
     close() {
         this.isOpened = false;
+        this.clearViewContainerRef();
+    }
+    clearViewContainerRef() {
         this.viewContainerRef.clear();
     }
 }