@corp-products/ui-components 3.9.8 → 3.9.9

package/fesm2022/corp-products-ui-components.mjs

@@ -1832,10 +1832,10 @@ class DualCalendarComponent {
     }
     ngOnChanges(changes) {
         if (changes['isShown']?.currentValue) {
-            this.moveElementToBody();
+            this.wrapperVisible();
         }
         else {
-            this.removeFromBody();
+            this.wrapperHidden();
         }
     }
     ngOnInit() {
@@ -1855,11 +1855,15 @@ class DualCalendarComponent {
         this.renderer.setStyle(el, 'z-index', '9999');
         this.renderer.setStyle(el, 'visibility', 'visible');
     }
-    removeFromBody() {
-        const el = this.calendarWrapper?.nativeElement;
-        if (el) {
-            this.renderer.setStyle(el, 'visibility', 'hidden');
-        }
+    wrapperVisible() {
+        if (!this.calendarWrapper)
+            return;
+        this.renderer.setStyle(this.calendarWrapper.nativeElement, 'visibility', 'visible');
+    }
+    wrapperHidden() {
+        if (!this.calendarWrapper)
+            return;
+        this.renderer.setStyle(this.calendarWrapper.nativeElement, 'visibility', 'hidden');
     }
     setDate(value) {
         if (!value)
@@ -1883,6 +1887,7 @@ class DualCalendarComponent {
         this.onClose.emit(!clickedInside);
         if (!clickedInside) {
             this.isShown = false;
+            this.wrapperHidden();
         }
     }
     structToNgbDate(d) {
@@ -1904,6 +1909,7 @@ class DualCalendarComponent {
         }; // datepicker
         this.selectedDate = this.formatHijri(this.structToNgbDate(this.hijriModel)); //input
         this.isShown = false;
+        this.wrapperHidden();
     }
     onSelectHijri(date) {
         this.hijriModel = date;
@@ -1920,10 +1926,17 @@ class DualCalendarComponent {
         this.gregorianUTC.emit(this.gregorianUTCValue);
         this.selectedDate = this.formatHijri(ngbDate);
         this.isShown = false;
+        this.wrapperHidden();
         this.onClose.emit(true);
     }
     showCalender(isOpen) {
         this.isShown = isOpen;
+        if (isOpen) {
+            this.wrapperVisible();
+        }
+        else {
+            this.wrapperHidden();
+        }
     }
     formatHijri(h) {
         const hijriDay = h.day;