@cqa-lib/cqa-ui 1.0.110 → 1.0.111

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -2096,11 +2096,8 @@ class DaterangepickerDirective {
             console.error('moment.js must be loaded for daterangepicker to work');
             return;
         }
-        // Resolve parent element to scope styles; default to closest .cqa-ui-daterange-picker, fallback to body.
-        const parentElCandidate = $(this.el.nativeElement).closest('.cqa-ui-daterange-picker');
-        const resolvedParentEl = this.options?.parentEl
-            ? this.options.parentEl
-            : (parentElCandidate && parentElCandidate.length ? parentElCandidate : 'body');
+        // Resolve parent element to scope styles; allow override via options.parentEl, else use body.
+        const resolvedParentEl = this.options?.parentEl || 'body';
         const baseOptions = {
             opens: 'left',
             drops: 'down',
@@ -2353,16 +2350,6 @@ class DaterangepickerComponent {
         this.onTouched = () => { };
     }
     ngOnInit() {
-        this.updatePickerOptions();
-    }
-    ngOnChanges(changes) {
-        if (changes['ranges'] || changes['autoApply'] || changes['alwaysShowCalendars'] ||
-            changes['opens'] || changes['drops'] || changes['isInvalidDate'] || changes['parentEl'] ||
-            changes['startDate'] || changes['endDate'] || changes['minDate'] || changes['maxDate']) {
-            this.updatePickerOptions();
-        }
-    }
-    updatePickerOptions() {
         this.pickerOptions = {
             startDate: this.startDate ? new Date(this.startDate) : undefined,
             endDate: this.endDate ? new Date(this.endDate) : undefined,
@@ -2439,7 +2426,7 @@ DaterangepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
             useExisting: forwardRef(() => DaterangepickerComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], ngImport: i0, template: `
     <div class="cqa-ui-root">
       <label *ngIf="label" class="form-label cqa-text-[#374151] cqa-text-[14px] cqa-font-medium cqa-block cqa-leading-[1.4] cqa-mb-2">
         {{ label }}