cloud-ide-element 1.0.26 → 1.0.28

package/fesm2022/cloud-ide-element.mjs

@@ -217,6 +217,7 @@ class PortalService {
             portal.parentNode.removeChild(portal);
             this.portals.delete(id);
             this.closeCallbacks.delete(id);
+            this.cleanupEventListeners();
             return;
         }
         // Handle template portals
@@ -228,6 +229,7 @@ class PortalService {
             templatePortal.viewRef.destroy();
             this.templatePortals.delete(id);
             this.closeCallbacks.delete(id);
+            this.cleanupEventListeners();
         }
     }
     /**
@@ -333,8 +335,9 @@ class PortalService {
         portal.style.top = `${adjustedTop}px`;
     }
     setupEventListeners(id, config) {
-        // Set up event listeners only once
-        if (this.portals.size === 1) {
+        // Set up event listeners only once when first portal is created
+        const totalPortals = this.portals.size + this.templatePortals.size;
+        if (totalPortals === 1) {
             if (config.closeOnClickOutside) {
                 document.addEventListener('click', this.boundClickOutsideHandler);
             }
@@ -345,7 +348,8 @@ class PortalService {
     }
     cleanupEventListeners() {
         // Clean up event listeners when no portals exist
-        if (this.portals.size === 0) {
+        const totalPortals = this.portals.size + this.templatePortals.size;
+        if (totalPortals === 0) {
             document.removeEventListener('click', this.boundClickOutsideHandler);
             document.removeEventListener('keydown', this.boundEscapeHandler);
         }
@@ -563,7 +567,10 @@ class CideInputComponent {
     /** @description when form control change from model side this method is implemented  */
     writeValue(value) {
         if (!this.isNgModel) {
-            const ngModel = this.autoCapitalizeByOption(value, this.type);
+            let ngModel = this.autoCapitalizeByOption(value, this.type);
+            if (this.type === 'date') {
+                ngModel = this.processValue(ngModel, this.type);
+            }
             console.log('writeValue', this.ngModel, ngModel);
             this.ngModel = ngModel;
         }
@@ -935,7 +942,9 @@ class CideInputComponent {
      */
     formatDate(date) {
         if (typeof date === 'string') {
-            date = new Date(date);
+            // Parse date string in YYYY-MM-DD format to avoid timezone issues
+            const [year, month, day] = date.split('-').map(Number);
+            date = new Date(year, month - 1, day); // month is 0-indexed
         }
         if (date instanceof Date && !isNaN(date.getTime())) {
             const year = date.getFullYear();
@@ -950,7 +959,9 @@ class CideInputComponent {
      */
     formatDateForDisplay(date) {
         if (typeof date === 'string') {
-            date = new Date(date);
+            // Parse date string in YYYY-MM-DD format to avoid timezone issues
+            const [year, month, day] = date.split('-').map(Number);
+            date = new Date(year, month - 1, day); // month is 0-indexed
         }
         if (date instanceof Date && !isNaN(date.getTime())) {
             const day = date.getDate().toString().padStart(2, '0');
@@ -977,7 +988,9 @@ class CideInputComponent {
     initializeDatePicker() {
         // Set selected date from current value
         if (this.ngModel && typeof this.ngModel === 'string') {
-            this.selectedDate = new Date(this.ngModel);
+            // Parse date string in YYYY-MM-DD format to avoid timezone issues
+            const [year, month, day] = this.ngModel.split('-').map(Number);
+            this.selectedDate = new Date(year, month - 1, day); // month is 0-indexed
             if (!isNaN(this.selectedDate.getTime())) {
                 this.currentMonth = this.selectedDate.getMonth();
                 this.currentYear = this.selectedDate.getFullYear();
@@ -1117,8 +1130,11 @@ class CideInputComponent {
             return;
         // Set the selected date
         this.selectedDate = dayInfo.date;
-        // Update the input value
-        const formattedDate = dayInfo.date.toISOString().split('T')[0]; // YYYY-MM-DD format
+        // Update the input value - Use local date formatting to avoid timezone issues
+        const year = dayInfo.date.getFullYear();
+        const month = String(dayInfo.date.getMonth() + 1).padStart(2, '0');
+        const day = String(dayInfo.date.getDate()).padStart(2, '0');
+        const formattedDate = `${year}-${month}-${day}`; // YYYY-MM-DD format
         this.ngModel = formattedDate;
         this.ngModelChange?.emit(formattedDate);
         this.onChange(formattedDate);
@@ -1591,6 +1607,7 @@ class CideSelectComponent {
     isValid = true;
     searchTerm = '';
     filteredOptions = [];
+    searchDebounceTimeout = null;
     dropdownPosition = 'bottom';
     isDropdownInteraction = false;
     // Debug tracking properties
@@ -1702,6 +1719,11 @@ class CideSelectComponent {
     // Cleanup method to prevent memory leaks
     ngOnDestroy() {
         this.clearTimeouts();
+        // Clear search debounce timeout
+        if (this.searchDebounceTimeout) {
+            clearTimeout(this.searchDebounceTimeout);
+            this.searchDebounceTimeout = null;
+        }
         window.removeEventListener('resize', this.onWindowResize.bind(this));
         this.logDebug('Component destroyed, timeouts cleared');
     }
@@ -1873,10 +1895,17 @@ class CideSelectComponent {
         try {
             this.searchTerm = event.target.value;
             this.filterOptions();
-            this.searchChange.emit({
-                query: this.searchTerm,
-                value: ''
-            });
+            // Clear existing debounce timeout
+            if (this.searchDebounceTimeout) {
+                clearTimeout(this.searchDebounceTimeout);
+            }
+            // Set new debounce timeout (300ms delay)
+            this.searchDebounceTimeout = setTimeout(() => {
+                this.searchChange.emit({
+                    query: this.searchTerm,
+                    value: ''
+                });
+            }, 400);
         }
         catch (error) {
             console.error(`💥 SELECT [${this.debugId}] onSearchInput error:`, error);