@one-paragon/angular-utilities 0.0.29 → 0.0.30

package/fesm2020/one-paragon-angular-utilities.mjs

@@ -1342,16 +1342,26 @@ class InitializationComponent {
             : metaData.additional?.boolean?.showForFalse?.icon || null;
         this.useRouterLink = (metaData) => metaData.additional?.link?.useRouterLink || metaData.additional?.useRouterLink;
         this.target = (metaData) => metaData.additional?.link?.target || metaData.additional?.target || '_blank';
-        this.base = (metaData) => metaData.additional?.link?.base || metaData.additional?.base;
+        this.base = (metaData, element) => metaData.additional?.link?.route
+            ? this.parseInterpolatedRoute(metaData.additional.link.route, element)
+            : (metaData.additional?.link?.base || metaData.additional?.base);
         this.key = (metaData, element) => metaData.additional?.link?.urlKey ? element[metaData.additional?.link?.urlKey] :
-            metaData.additional?.urlKey ? element[metaData.additional.urlKey] : element[metaData.key];
+            metaData.additional?.urlKey ? element[metaData.additional.urlKey] : metaData.additional?.link?.route ? '' : element[metaData.key];
+        this.parseInterpolatedRoute = (route, element) => {
+            let interpolated = route?.interpolated || '';
+            const dict = route?.params || {};
+            Object.keys(dict).forEach(key => {
+                interpolated = interpolated.replace(`{${key}}`, element[dict[key]]);
+            });
+            return interpolated;
+        };
     }
 }
 InitializationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InitializationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InitializationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: InitializationComponent, selector: "ng-component", viewQueries: [{ propertyName: "booleanTemplate", first: true, predicate: ["boolean"], descendants: true, static: true }, { propertyName: "linkTemplate", first: true, predicate: ["link"], descendants: true, static: true }, { propertyName: "imageUrlTemplate", first: true, predicate: ["imageUrl"], descendants: true, static: true }, { propertyName: "currencyTemplate", first: true, predicate: ["currency"], descendants: true, static: true }, { propertyName: "arrayTemplate", first: true, predicate: ["array"], descendants: true, static: true }, { propertyName: "expressionTemplate", first: true, predicate: ["expression"], descendants: true, static: true }, { propertyName: "defaultTemplate", first: true, predicate: ["default"], descendants: true, static: true }, { propertyName: "enumTemplate", first: true, predicate: ["enum"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #boolean  let-element='element' let-metaData='metaData'>\n  <span>\n    <mat-icon *ngIf=\"element[metaData.key]\">\n      {{forTrueIcon | func  : metaData}}\n    </mat-icon>\n    <mat-icon *ngIf=\"!element[metaData.key]\">\n      <ng-container *ngIf=\"(forFalseIcon | func : metaData) as icon\">\n        {{icon}}\n      </ng-container>\n    </mat-icon>\n  </span>\n</ng-template>\n<ng-template #link  let-element='element' let-metaData='metaData'>\n  <a *ngIf=\"useRouterLink | func : metaData; else hrefLink\" target=\"{{target | func : metaData }}\"\n    [routerLink]=\"[(base | func : metaData), (key | func : metaData : element)]\">\n    {{element[metaData.key]}}\n  </a>\n  <ng-template #hrefLink>\n    <a target=\"{{target | func : metaData}}\"\n      href=\"{{(base | func : metaData)}}{{(key | func : metaData : element)}}\">\n      {{element[metaData.key]}}\n    </a>\n  </ng-template>\n</ng-template>\n<ng-template #imageUrl  let-element='element' let-metaData='metaData'>\n  <span>\n    <img src=\"{{element[metaData.key]}}\" height=\"75px\" width=\"75px\" />\n  </span>\n</ng-template>\n<ng-template #currency  let-element='element' let-metaData='metaData' >\n  <span [class.negative-currency]=\"element[metaData.key] < 0\">\n    {{ element[metaData.key] | currency }}\n  </span>\n</ng-template>\n<ng-template #array let-element='element' let-metaData='metaData'>\n  <tb-array-column [array]='element[metaData.key]' [metaData]='metaData'></tb-array-column>\n</ng-template>\n<ng-template #expression let-element='element' let-metaData='metaData'>\n  <span>{{ metaData.transform | func : element }}</span>\n</ng-template>\n<ng-template #enum let-element='element' let-metaData='metaData' >\n  <span>{{ metaData.additional.enumMap[element[metaData.key]] | spaceCase }}</span>\n</ng-template>\n<ng-template #default let-element='element' let-metaData='metaData' let-transform='transform'>\n  <span>{{ transform | func : element[metaData.key] }}</span>\n</ng-template>\n", components: [{ type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: ArrayColumnComponent, selector: "tb-array-column", inputs: ["array", "metaData"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "func": FunctionPipe, "currency": i1.CurrencyPipe, "spaceCase": SpaceCasePipe } });
+InitializationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: InitializationComponent, selector: "ng-component", viewQueries: [{ propertyName: "booleanTemplate", first: true, predicate: ["boolean"], descendants: true, static: true }, { propertyName: "linkTemplate", first: true, predicate: ["link"], descendants: true, static: true }, { propertyName: "imageUrlTemplate", first: true, predicate: ["imageUrl"], descendants: true, static: true }, { propertyName: "currencyTemplate", first: true, predicate: ["currency"], descendants: true, static: true }, { propertyName: "arrayTemplate", first: true, predicate: ["array"], descendants: true, static: true }, { propertyName: "expressionTemplate", first: true, predicate: ["expression"], descendants: true, static: true }, { propertyName: "defaultTemplate", first: true, predicate: ["default"], descendants: true, static: true }, { propertyName: "enumTemplate", first: true, predicate: ["enum"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #boolean  let-element='element' let-metaData='metaData'>\n  <span>\n    <mat-icon *ngIf=\"element[metaData.key]\">\n      {{forTrueIcon | func  : metaData}}\n    </mat-icon>\n    <mat-icon *ngIf=\"!element[metaData.key]\">\n      <ng-container *ngIf=\"(forFalseIcon | func : metaData) as icon\">\n        {{icon}}\n      </ng-container>\n    </mat-icon>\n  </span>\n</ng-template>\n<ng-template #link  let-element='element' let-metaData='metaData'>\n  <a *ngIf=\"useRouterLink | func : metaData; else hrefLink\" target=\"{{target | func : metaData }}\"\n    [routerLink]=\"[(base | func : metaData), (key | func : metaData : element)]\">\n    {{element[metaData.key]}}\n  </a>\n  <ng-template #hrefLink>\n    <a target=\"{{target | func : metaData}}\"\n      href=\"{{(base | func : metaData : element)}}{{(key | func : metaData : element)}}\">\n      {{element[metaData.key]}}\n    </a>\n  </ng-template>\n</ng-template>\n<ng-template #imageUrl  let-element='element' let-metaData='metaData'>\n  <span>\n    <img src=\"{{element[metaData.key]}}\" height=\"75px\" width=\"75px\" />\n  </span>\n</ng-template>\n<ng-template #currency  let-element='element' let-metaData='metaData' >\n  <span [class.negative-currency]=\"element[metaData.key] < 0\">\n    {{ element[metaData.key] | currency }}\n  </span>\n</ng-template>\n<ng-template #array let-element='element' let-metaData='metaData'>\n  <tb-array-column [array]='element[metaData.key]' [metaData]='metaData'></tb-array-column>\n</ng-template>\n<ng-template #expression let-element='element' let-metaData='metaData'>\n  <span>{{ metaData.transform | func : element }}</span>\n</ng-template>\n<ng-template #enum let-element='element' let-metaData='metaData' >\n  <span>{{ metaData.additional.enumMap[element[metaData.key]] | spaceCase }}</span>\n</ng-template>\n<ng-template #default let-element='element' let-metaData='metaData' let-transform='transform'>\n  <span>{{ transform | func : element[metaData.key] }}</span>\n</ng-template>\n", components: [{ type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: ArrayColumnComponent, selector: "tb-array-column", inputs: ["array", "metaData"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "func": FunctionPipe, "currency": i1.CurrencyPipe, "spaceCase": SpaceCasePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InitializationComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-template #boolean  let-element='element' let-metaData='metaData'>\n  <span>\n    <mat-icon *ngIf=\"element[metaData.key]\">\n      {{forTrueIcon | func  : metaData}}\n    </mat-icon>\n    <mat-icon *ngIf=\"!element[metaData.key]\">\n      <ng-container *ngIf=\"(forFalseIcon | func : metaData) as icon\">\n        {{icon}}\n      </ng-container>\n    </mat-icon>\n  </span>\n</ng-template>\n<ng-template #link  let-element='element' let-metaData='metaData'>\n  <a *ngIf=\"useRouterLink | func : metaData; else hrefLink\" target=\"{{target | func : metaData }}\"\n    [routerLink]=\"[(base | func : metaData), (key | func : metaData : element)]\">\n    {{element[metaData.key]}}\n  </a>\n  <ng-template #hrefLink>\n    <a target=\"{{target | func : metaData}}\"\n      href=\"{{(base | func : metaData)}}{{(key | func : metaData : element)}}\">\n      {{element[metaData.key]}}\n    </a>\n  </ng-template>\n</ng-template>\n<ng-template #imageUrl  let-element='element' let-metaData='metaData'>\n  <span>\n    <img src=\"{{element[metaData.key]}}\" height=\"75px\" width=\"75px\" />\n  </span>\n</ng-template>\n<ng-template #currency  let-element='element' let-metaData='metaData' >\n  <span [class.negative-currency]=\"element[metaData.key] < 0\">\n    {{ element[metaData.key] | currency }}\n  </span>\n</ng-template>\n<ng-template #array let-element='element' let-metaData='metaData'>\n  <tb-array-column [array]='element[metaData.key]' [metaData]='metaData'></tb-array-column>\n</ng-template>\n<ng-template #expression let-element='element' let-metaData='metaData'>\n  <span>{{ metaData.transform | func : element }}</span>\n</ng-template>\n<ng-template #enum let-element='element' let-metaData='metaData' >\n  <span>{{ metaData.additional.enumMap[element[metaData.key]] | spaceCase }}</span>\n</ng-template>\n<ng-template #default let-element='element' let-metaData='metaData' let-transform='transform'>\n  <span>{{ transform | func : element[metaData.key] }}</span>\n</ng-template>\n" }]
+            args: [{ template: "<ng-template #boolean  let-element='element' let-metaData='metaData'>\n  <span>\n    <mat-icon *ngIf=\"element[metaData.key]\">\n      {{forTrueIcon | func  : metaData}}\n    </mat-icon>\n    <mat-icon *ngIf=\"!element[metaData.key]\">\n      <ng-container *ngIf=\"(forFalseIcon | func : metaData) as icon\">\n        {{icon}}\n      </ng-container>\n    </mat-icon>\n  </span>\n</ng-template>\n<ng-template #link  let-element='element' let-metaData='metaData'>\n  <a *ngIf=\"useRouterLink | func : metaData; else hrefLink\" target=\"{{target | func : metaData }}\"\n    [routerLink]=\"[(base | func : metaData), (key | func : metaData : element)]\">\n    {{element[metaData.key]}}\n  </a>\n  <ng-template #hrefLink>\n    <a target=\"{{target | func : metaData}}\"\n      href=\"{{(base | func : metaData : element)}}{{(key | func : metaData : element)}}\">\n      {{element[metaData.key]}}\n    </a>\n  </ng-template>\n</ng-template>\n<ng-template #imageUrl  let-element='element' let-metaData='metaData'>\n  <span>\n    <img src=\"{{element[metaData.key]}}\" height=\"75px\" width=\"75px\" />\n  </span>\n</ng-template>\n<ng-template #currency  let-element='element' let-metaData='metaData' >\n  <span [class.negative-currency]=\"element[metaData.key] < 0\">\n    {{ element[metaData.key] | currency }}\n  </span>\n</ng-template>\n<ng-template #array let-element='element' let-metaData='metaData'>\n  <tb-array-column [array]='element[metaData.key]' [metaData]='metaData'></tb-array-column>\n</ng-template>\n<ng-template #expression let-element='element' let-metaData='metaData'>\n  <span>{{ metaData.transform | func : element }}</span>\n</ng-template>\n<ng-template #enum let-element='element' let-metaData='metaData' >\n  <span>{{ metaData.additional.enumMap[element[metaData.key]] | spaceCase }}</span>\n</ng-template>\n<ng-template #default let-element='element' let-metaData='metaData' let-transform='transform'>\n  <span>{{ transform | func : element[metaData.key] }}</span>\n</ng-template>\n" }]
         }], propDecorators: { booleanTemplate: [{
                 type: ViewChild,
                 args: ['boolean', { static: true }]
@@ -2955,7 +2965,7 @@ class DataFilter {
     appendFilters(filters$) {
         return new DataFilter(combineArrays([
             this.filters$ ?? of([]),
-            filters$.pipe(map(fltrs => fltrs.filter(f => (isFilterInfo(f) && (f.active || f.active === undefined)) || f.active).map(filter => createFilterFunc(filter))))
+            filters$.pipe(map(fltrs => fltrs.filter(f => f.active).map(filter => createFilterFunc(filter))))
         ]));
     }
 }