@cqa-lib/cqa-ui 1.0.110 → 1.0.112

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.parentEl || this.options?.parentEl || 'body';
         const baseOptions = {
             opens: 'left',
             drops: 'down',
@@ -2301,7 +2298,7 @@ class DaterangepickerDirective {
     }
 }
 DaterangepickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DaterangepickerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DaterangepickerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: DaterangepickerDirective, selector: "[cqaDaterangepicker]", inputs: { options: "options", startDate: "startDate", endDate: "endDate", minDate: "minDate", maxDate: "maxDate" }, outputs: { datesUpdated: "datesUpdated", cancelClicked: "cancelClicked", applyClicked: "applyClicked" }, providers: [
+DaterangepickerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: DaterangepickerDirective, selector: "[cqaDaterangepicker]", inputs: { options: "options", startDate: "startDate", endDate: "endDate", minDate: "minDate", maxDate: "maxDate", parentEl: "parentEl" }, outputs: { datesUpdated: "datesUpdated", cancelClicked: "cancelClicked", applyClicked: "applyClicked" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => DaterangepickerDirective),
@@ -2330,6 +2327,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], maxDate: [{
                 type: Input
+            }], parentEl: [{
+                type: Input
             }], datesUpdated: [{
                 type: Output
             }], cancelClicked: [{
@@ -2353,16 +2352,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 +2428,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 }}
@@ -2483,7 +2472,7 @@ DaterangepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
         </button>
       </div>
     </div>
-  `, isInline: true, directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: DaterangepickerDirective, selector: "[cqaDaterangepicker]", inputs: ["options", "startDate", "endDate", "minDate", "maxDate"], outputs: ["datesUpdated", "cancelClicked", "applyClicked"] }] });
+  `, isInline: true, directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: DaterangepickerDirective, selector: "[cqaDaterangepicker]", inputs: ["options", "startDate", "endDate", "minDate", "maxDate", "parentEl"], outputs: ["datesUpdated", "cancelClicked", "applyClicked"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DaterangepickerComponent, decorators: [{
             type: Component,
             args: [{