@cqa-lib/cqa-ui 1.0.114 → 1.0.116

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

@@ -761,10 +761,10 @@ class TableDataLoaderComponent {
     }
 }
 TableDataLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TableDataLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableDataLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TableDataLoaderComponent, selector: "cqa-table-data-loader", inputs: { label: "label", size: "size" }, host: { classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"loading-spinner-simple cqa-py-2 cqa-flex cqa-flex-row cqa-items-center cqa-justify-center cqa-gap-3 cqa-text-center\">\n  <svg class=\"cqa-animate-spin cqa-text-primary\" [attr.width]=\"size\" [attr.height]=\"size\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n    <circle class=\"cqa-opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n    <path class=\"cqa-opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n  </svg>\n  <span class=\"cqa-text-primary\">{{ label }}</span>\n  </div>\n\n\n" });
+TableDataLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TableDataLoaderComponent, selector: "cqa-table-data-loader", inputs: { label: "label", size: "size" }, host: { classAttribute: "cqa-ui-root cqa-table-data-loader" }, ngImport: i0, template: "<div class=\"loading-spinner-simple cqa-py-2 cqa-flex cqa-flex-row cqa-items-center cqa-justify-center cqa-gap-3 cqa-text-center\">\n  <svg class=\"cqa-animate-spin cqa-text-primary\" [attr.width]=\"size\" [attr.height]=\"size\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n    <circle class=\"cqa-opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n    <path class=\"cqa-opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n  </svg>\n  <span class=\"cqa-text-primary\">{{ label }}</span>\n  </div>\n\n\n" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TableDataLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cqa-table-data-loader', host: { class: 'cqa-ui-root' }, template: "<div class=\"loading-spinner-simple cqa-py-2 cqa-flex cqa-flex-row cqa-items-center cqa-justify-center cqa-gap-3 cqa-text-center\">\n  <svg class=\"cqa-animate-spin cqa-text-primary\" [attr.width]=\"size\" [attr.height]=\"size\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n    <circle class=\"cqa-opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n    <path class=\"cqa-opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n  </svg>\n  <span class=\"cqa-text-primary\">{{ label }}</span>\n  </div>\n\n\n", styles: [] }]
+            args: [{ selector: 'cqa-table-data-loader', host: { class: 'cqa-ui-root cqa-table-data-loader' }, template: "<div class=\"loading-spinner-simple cqa-py-2 cqa-flex cqa-flex-row cqa-items-center cqa-justify-center cqa-gap-3 cqa-text-center\">\n  <svg class=\"cqa-animate-spin cqa-text-primary\" [attr.width]=\"size\" [attr.height]=\"size\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n    <circle class=\"cqa-opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n    <path class=\"cqa-opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n  </svg>\n  <span class=\"cqa-text-primary\">{{ label }}</span>\n  </div>\n\n\n", styles: [] }]
         }], propDecorators: { label: [{
                 type: Input
             }], size: [{
@@ -2641,6 +2641,11 @@ class DynamicFilterComponent {
                     start: new FormControl(initialRange.start),
                     end: new FormControl(initialRange.end),
                 });
+                // initialize ngx model display
+                this.ngxDateRangeByKey[c.key] = {
+                    startDate: initialRange.start || null,
+                    endDate: initialRange.end || null
+                };
             }
             else {
                 const initial = this.resolveInitialSelectValue(c);
@@ -2949,22 +2954,12 @@ class DynamicFilterComponent {
         const endCtrl = dateGroup.controls['end'];
         const startVal = startCtrl?.value;
         const endVal = endCtrl?.value;
-        const startParseErr = startCtrl?.errors?.['matDatepickerParse']?.text;
-        const endParseErr = endCtrl?.errors?.['matDatepickerParse']?.text;
-        if (!startVal && !endVal && !startParseErr && !endParseErr)
+        if (!startVal && !endVal)
             return null;
-        if (startParseErr)
-            return `Invalid start date format`;
-        if (endParseErr)
-            return `Invalid end date format`;
         if (startVal && !endVal)
             return `Please select an end date`;
         if (!startVal && endVal)
             return `Please select a start date`;
-        if (dateGroup.hasError('matStartDateInvalid'))
-            return `Start date must be before end date`;
-        if (dateGroup.hasError('matEndDateInvalid'))
-            return `End date must be after start date`;
         if (dateGroup.invalid) {
             const config = this.config?.find(c => c.key === key);
             return config ? `${config.label} is invalid` : 'Date range is invalid';