npm - @smartbit4all/ng-client - Versions diffs - 3.2.22 → 3.2.24 - Mend

@smartbit4all/ng-client 3.2.22 → 3.2.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/fesm2020/smartbit4all-ng-client.mjs CHANGED Viewed

@@ -9708,8 +9708,10 @@ class SmarttreeGenericService extends SmarttreeService {
     async initialize() {
         if (sessionStorage.getItem(this.viewContextName)) {
             await this.downloadTree().then((rootNodes) => {
-                this.treeFromBackend = rootNodes;
-                this.syncTree();
+                if (!deepEqual(this.treeFromBackend, rootNodes)) {
+                    this.treeFromBackend = rootNodes;
+                    this.syncTree();
+                }
             });
         }
     }
@@ -9865,18 +9867,18 @@ class SmarttreeGenericService extends SmarttreeService {
         return nodes.flatMap((n) => [n, ...this.getAllNodes(n.childrenNodes)]);
     }
     async cacheActionDesciptors(nodes) {
-        await Promise.all(nodes.map(async (node) => {
-            let newUiActions = node.actions?.filter((uiAction) => !this.uiActionDescriptors.get(uiAction.code));
-            if (!newUiActions) {
-                return;
+        let newUiActions = new Set();
+        nodes.forEach((node) => {
+            node.actions
+                ?.filter((uiAction) => !this.uiActionDescriptors.get(uiAction.code))
+                .forEach((action) => newUiActions.add(action));
+        });
+        for (let action of newUiActions) {
+            if (!this.uiActionDescriptors.get(action.code)) {
+                let descriptor = await this.uiActionDescriptorService.getActionDescriptor(action);
+                this.uiActionDescriptors.set(action.code, descriptor);
             }
-            await Promise.all(newUiActions.map(async (uiAction) => {
-                if (!this.uiActionDescriptors.get(uiAction.code)) {
-                    let descriptor = await this.uiActionDescriptorService.getActionDescriptor(uiAction);
-                    this.uiActionDescriptors.set(uiAction.code, descriptor);
-                }
-            }));
-        }));
+        }
     }
     getLabelByAction(action) {
         let desc = this.uiActionDescriptors.get(action.code);
@@ -13277,10 +13279,10 @@ class SmartFilterExpressionItemComponent {
     }
 }
 SmartFilterExpressionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterExpressionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartFilterExpressionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterExpressionItemComponent, selector: "app-expression-item", inputs: { item: "item", hasNext: "hasNext", service: "service" }, ngImport: i0, template: "<div class=\"expressionItemContainer\">\r\n  <div\r\n    class=\"expressionItemInnerContainer\"\r\n    [ngClass]=\"\r\n      item.expressionData?.currentOperation === 'EXPRESSION'\r\n        ? isSelected\r\n          ? 'selectedExpressionContainer'\r\n          : 'expressionContainer'\r\n        : ''\r\n    \"\r\n  >\r\n    <div\r\n      *ngIf=\"\r\n        item.expressionData?.currentOperation === 'EXPRESSION';\r\n        then expression;\r\n        else simpleItem\r\n      \"\r\n    ></div>\r\n    <ng-template #expression>\r\n      <div class=\"expressionItemBubble expression\" (click)=\"select($event, item)\">[</div>\r\n      <app-expression-item\r\n        [item]=\"subItem\"\r\n        [hasNext]=\"i < (item.subFieldList?.filters)!.length - 1\"\r\n        *ngFor=\"let subItem of item.subFieldList?.filters; let i = index\"\r\n      ></app-expression-item>\r\n      <div class=\"expressionItemBubble expression\">]</div>\r\n    </ng-template>\r\n    <ng-template #simpleItem>\r\n      <div\r\n        (click)=\"select($event, item)\"\r\n        class=\"expressionItemBubble simpleItem\"\r\n        [ngClass]=\"isSelected ? 'selectedSimpleItem' : ''\"\r\n      >\r\n        {{ item.label }}:\r\n        <b\r\n          *ngIf=\"\r\n            item.expressionData?.operand2?.selectedValues?.length == 0 &&\r\n            item.expressionData?.currentOperation !== 'BETWEEN'\r\n          \"\r\n        >\r\n          {{ item.expressionData?.operand2?.valueAsString }}\r\n        </b>\r\n        <div *ngIf=\"(item.expressionData?.operand2?.selectedValues)!.length > 0\">\r\n          <b *ngFor=\"let value of item.expressionData?.operand2?.selectedValues; let last = last\">\r\n            {{ value }} <b *ngIf=\"!last\">,</b>\r\n          </b>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            item.expressionData?.currentOperation === 'BETWEEN' &&\r\n            item.expressionData?.operand2?.selectedValues?.length == 0\r\n          \"\r\n        >\r\n          <b>\r\n            {{ item.expressionData?.operand2?.valueAsString }} -\r\n            {{ item.expressionData?.operand3?.valueAsString }}</b\r\n          >\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n  <div *ngIf=\"hasNext\" class=\"relationItemBubble\">\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'AND')\"\r\n      [ngClass]=\"item.expressionData?.boolOperator === 'AND' ? 'mat-raised-button' : ''\"\r\n      color=\"black\"\r\n    >\r\n      \u00C9S\r\n    </button>\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'OR')\"\r\n      [ngClass]=\"item.expressionData?.boolOperator === 'OR' ? 'mat-raised-button' : ''\"\r\n      color=\"black\"\r\n    >\r\n      VAGY\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".expressionItemContainer{display:flex;flex-direction:row;gap:.75rem}.expressionItemInnerContainer{display:flex;flex-direction:row;grid-area:.75rem;padding:.25rem;border-radius:.25rem}.expressionContainer{border:1px dashed var(--primary-lighter-gray-color);cursor:pointer}.selectedExpressionContainer{border:2px dashed var(--primary-darker-color)}.expressionItemBubble,.relationItemBubble{display:flex;flex-direction:row;border-radius:1.5rem}.expressionItemBubble{padding:.75rem}.expression{background-color:var(--inner-container);font-weight:600;margin:auto 0}.simpleItem{background-color:#c6ddff;cursor:pointer}.selectedSimpleItem{border:2px solid var(--primary-color)}.relationItemBubble{border:1px solid #cdcdcd;padding:.25rem}.relationItemBubble .mat-button{border-radius:1.5rem;height:100%;margin:auto 0}\n"], components: [{ type: SmartFilterExpressionItemComponent, selector: "app-expression-item", inputs: ["item", "hasNext", "service"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+SmartFilterExpressionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterExpressionItemComponent, selector: "app-expression-item", inputs: { item: "item", hasNext: "hasNext", service: "service" }, ngImport: i0, template: "<div class=\"expressionItemContainer\">\r\n  <div\r\n    class=\"expressionItemInnerContainer\"\r\n    [ngClass]=\"\r\n      item.expressionData?.currentOperation === 'EXPRESSION'\r\n        ? isSelected\r\n          ? 'selectedExpressionContainer'\r\n          : 'expressionContainer'\r\n        : ''\r\n    \"\r\n  >\r\n    <div\r\n      *ngIf=\"\r\n        item.expressionData?.currentOperation === 'EXPRESSION';\r\n        then expression;\r\n        else simpleItem\r\n      \"\r\n    ></div>\r\n    <ng-template #expression>\r\n      <div class=\"expressionItemBubble expression\" (click)=\"select($event, item)\">[</div>\r\n      <app-expression-item\r\n        [item]=\"subItem\"\r\n        [hasNext]=\"i < (item.subFieldList?.filters)!.length - 1\"\r\n        *ngFor=\"let subItem of item.subFieldList?.filters; let i = index\"\r\n      ></app-expression-item>\r\n      <div class=\"expressionItemBubble expression\">]</div>\r\n    </ng-template>\r\n    <ng-template #simpleItem>\r\n      <div\r\n        (click)=\"select($event, item)\"\r\n        class=\"expressionItemBubble simpleItem\"\r\n        [ngClass]=\"isSelected ? 'selectedSimpleItem' : ''\"\r\n      >\r\n        {{ item.label }}:\r\n        <b\r\n          *ngIf=\"\r\n            item.expressionData?.operand2?.selectedValues?.length == 0 &&\r\n            item.expressionData?.currentOperation !== 'BETWEEN'\r\n          \"\r\n        >\r\n          {{ item.expressionData?.operand2?.valueAsString }}\r\n        </b>\r\n        <div *ngIf=\"item.expressionData?.operand2?.selectedValues\">\r\n          <b *ngFor=\"let value of item.expressionData?.operand2?.selectedValues; let last = last\">\r\n            {{ value }} <b *ngIf=\"!last\">,</b>\r\n          </b>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            item.expressionData?.currentOperation === 'BETWEEN' &&\r\n            item.expressionData?.operand2?.selectedValues?.length == 0\r\n          \"\r\n        >\r\n          <b>\r\n            {{ item.expressionData?.operand2?.valueAsString }} -\r\n            {{ item.expressionData?.operand3?.valueAsString }}</b\r\n          >\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n  <div *ngIf=\"hasNext\" class=\"relationItemBubble\">\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'AND')\"\r\n      [ngClass]=\"item.expressionData?.boolOperator === 'AND' ? 'mat-raised-button' : ''\"\r\n      color=\"black\"\r\n    >\r\n      \u00C9S\r\n    </button>\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'OR')\"\r\n      [ngClass]=\"item.expressionData?.boolOperator === 'OR' ? 'mat-raised-button' : ''\"\r\n      color=\"black\"\r\n    >\r\n      VAGY\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".expressionItemContainer{display:flex;flex-direction:row;gap:.75rem}.expressionItemInnerContainer{display:flex;flex-direction:row;grid-area:.75rem;padding:.25rem;border-radius:.25rem}.expressionContainer{border:1px dashed var(--primary-lighter-gray-color);cursor:pointer}.selectedExpressionContainer{border:2px dashed var(--primary-darker-color)}.expressionItemBubble,.relationItemBubble{display:flex;flex-direction:row;border-radius:1.5rem}.expressionItemBubble{padding:.75rem}.expression{background-color:var(--inner-container);font-weight:600;margin:auto 0}.simpleItem{background-color:#c6ddff;cursor:pointer}.selectedSimpleItem{border:2px solid var(--primary-color)}.relationItemBubble{border:1px solid #cdcdcd;padding:.25rem}.relationItemBubble .mat-button{border-radius:1.5rem;height:100%;margin:auto 0}\n"], components: [{ type: SmartFilterExpressionItemComponent, selector: "app-expression-item", inputs: ["item", "hasNext", "service"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterExpressionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-expression-item', template: "<div class=\"expressionItemContainer\">\r\n  <div\r\n    class=\"expressionItemInnerContainer\"\r\n    [ngClass]=\"\r\n      item.expressionData?.currentOperation === 'EXPRESSION'\r\n        ? isSelected\r\n          ? 'selectedExpressionContainer'\r\n          : 'expressionContainer'\r\n        : ''\r\n    \"\r\n  >\r\n    <div\r\n      *ngIf=\"\r\n        item.expressionData?.currentOperation === 'EXPRESSION';\r\n        then expression;\r\n        else simpleItem\r\n      \"\r\n    ></div>\r\n    <ng-template #expression>\r\n      <div class=\"expressionItemBubble expression\" (click)=\"select($event, item)\">[</div>\r\n      <app-expression-item\r\n        [item]=\"subItem\"\r\n        [hasNext]=\"i < (item.subFieldList?.filters)!.length - 1\"\r\n        *ngFor=\"let subItem of item.subFieldList?.filters; let i = index\"\r\n      ></app-expression-item>\r\n      <div class=\"expressionItemBubble expression\">]</div>\r\n    </ng-template>\r\n    <ng-template #simpleItem>\r\n      <div\r\n        (click)=\"select($event, item)\"\r\n        class=\"expressionItemBubble simpleItem\"\r\n        [ngClass]=\"isSelected ? 'selectedSimpleItem' : ''\"\r\n      >\r\n        {{ item.label }}:\r\n        <b\r\n          *ngIf=\"\r\n            item.expressionData?.operand2?.selectedValues?.length == 0 &&\r\n            item.expressionData?.currentOperation !== 'BETWEEN'\r\n          \"\r\n        >\r\n          {{ item.expressionData?.operand2?.valueAsString }}\r\n        </b>\r\n        <div *ngIf=\"(item.expressionData?.operand2?.selectedValues)!.length > 0\">\r\n          <b *ngFor=\"let value of item.expressionData?.operand2?.selectedValues; let last = last\">\r\n            {{ value }} <b *ngIf=\"!last\">,</b>\r\n          </b>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            item.expressionData?.currentOperation === 'BETWEEN' &&\r\n            item.expressionData?.operand2?.selectedValues?.length == 0\r\n          \"\r\n        >\r\n          <b>\r\n            {{ item.expressionData?.operand2?.valueAsString }} -\r\n            {{ item.expressionData?.operand3?.valueAsString }}</b\r\n          >\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n  <div *ngIf=\"hasNext\" class=\"relationItemBubble\">\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'AND')\"\r\n      [ngClass]=\"item.expressionData?.boolOperator === 'AND' ? 'mat-raised-button' : ''\"\r\n      color=\"black\"\r\n    >\r\n      \u00C9S\r\n    </button>\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'OR')\"\r\n      [ngClass]=\"item.expressionData?.boolOperator === 'OR' ? 'mat-raised-button' : ''\"\r\n      color=\"black\"\r\n    >\r\n      VAGY\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".expressionItemContainer{display:flex;flex-direction:row;gap:.75rem}.expressionItemInnerContainer{display:flex;flex-direction:row;grid-area:.75rem;padding:.25rem;border-radius:.25rem}.expressionContainer{border:1px dashed var(--primary-lighter-gray-color);cursor:pointer}.selectedExpressionContainer{border:2px dashed var(--primary-darker-color)}.expressionItemBubble,.relationItemBubble{display:flex;flex-direction:row;border-radius:1.5rem}.expressionItemBubble{padding:.75rem}.expression{background-color:var(--inner-container);font-weight:600;margin:auto 0}.simpleItem{background-color:#c6ddff;cursor:pointer}.selectedSimpleItem{border:2px solid var(--primary-color)}.relationItemBubble{border:1px solid #cdcdcd;padding:.25rem}.relationItemBubble .mat-button{border-radius:1.5rem;height:100%;margin:auto 0}\n"] }]
+            args: [{ selector: 'app-expression-item', template: "<div class=\"expressionItemContainer\">\r\n  <div\r\n    class=\"expressionItemInnerContainer\"\r\n    [ngClass]=\"\r\n      item.expressionData?.currentOperation === 'EXPRESSION'\r\n        ? isSelected\r\n          ? 'selectedExpressionContainer'\r\n          : 'expressionContainer'\r\n        : ''\r\n    \"\r\n  >\r\n    <div\r\n      *ngIf=\"\r\n        item.expressionData?.currentOperation === 'EXPRESSION';\r\n        then expression;\r\n        else simpleItem\r\n      \"\r\n    ></div>\r\n    <ng-template #expression>\r\n      <div class=\"expressionItemBubble expression\" (click)=\"select($event, item)\">[</div>\r\n      <app-expression-item\r\n        [item]=\"subItem\"\r\n        [hasNext]=\"i < (item.subFieldList?.filters)!.length - 1\"\r\n        *ngFor=\"let subItem of item.subFieldList?.filters; let i = index\"\r\n      ></app-expression-item>\r\n      <div class=\"expressionItemBubble expression\">]</div>\r\n    </ng-template>\r\n    <ng-template #simpleItem>\r\n      <div\r\n        (click)=\"select($event, item)\"\r\n        class=\"expressionItemBubble simpleItem\"\r\n        [ngClass]=\"isSelected ? 'selectedSimpleItem' : ''\"\r\n      >\r\n        {{ item.label }}:\r\n        <b\r\n          *ngIf=\"\r\n            item.expressionData?.operand2?.selectedValues?.length == 0 &&\r\n            item.expressionData?.currentOperation !== 'BETWEEN'\r\n          \"\r\n        >\r\n          {{ item.expressionData?.operand2?.valueAsString }}\r\n        </b>\r\n        <div *ngIf=\"item.expressionData?.operand2?.selectedValues\">\r\n          <b *ngFor=\"let value of item.expressionData?.operand2?.selectedValues; let last = last\">\r\n            {{ value }} <b *ngIf=\"!last\">,</b>\r\n          </b>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            item.expressionData?.currentOperation === 'BETWEEN' &&\r\n            item.expressionData?.operand2?.selectedValues?.length == 0\r\n          \"\r\n        >\r\n          <b>\r\n            {{ item.expressionData?.operand2?.valueAsString }} -\r\n            {{ item.expressionData?.operand3?.valueAsString }}</b\r\n          >\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n  <div *ngIf=\"hasNext\" class=\"relationItemBubble\">\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'AND')\"\r\n      [ngClass]=\"item.expressionData?.boolOperator === 'AND' ? 'mat-raised-button' : ''\"\r\n      color=\"black\"\r\n    >\r\n      \u00C9S\r\n    </button>\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'OR')\"\r\n      [ngClass]=\"item.expressionData?.boolOperator === 'OR' ? 'mat-raised-button' : ''\"\r\n      color=\"black\"\r\n    >\r\n      VAGY\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".expressionItemContainer{display:flex;flex-direction:row;gap:.75rem}.expressionItemInnerContainer{display:flex;flex-direction:row;grid-area:.75rem;padding:.25rem;border-radius:.25rem}.expressionContainer{border:1px dashed var(--primary-lighter-gray-color);cursor:pointer}.selectedExpressionContainer{border:2px dashed var(--primary-darker-color)}.expressionItemBubble,.relationItemBubble{display:flex;flex-direction:row;border-radius:1.5rem}.expressionItemBubble{padding:.75rem}.expression{background-color:var(--inner-container);font-weight:600;margin:auto 0}.simpleItem{background-color:#c6ddff;cursor:pointer}.selectedSimpleItem{border:2px solid var(--primary-color)}.relationItemBubble{border:1px solid #cdcdcd;padding:.25rem}.relationItemBubble .mat-button{border-radius:1.5rem;height:100%;margin:auto 0}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { item: [{
                 type: Input
             }], hasNext: [{