@quadrel-enterprise-ui/framework 19.3.0 → 19.3.2

package/fesm2022/quadrel-enterprise-ui-framework.mjs

@@ -23400,9 +23400,7 @@ class QdTableResolverService {
         // TODO: Add Error handling
         this.tableStoreService
             .selectDataResolutionCriteria$()
-            .pipe(takeUntil(this._destroyed$), distinctUntilChanged(isEqual$1), filter((resolutionCriteria) => {
-            return !!resolutionCriteria && this.shouldDataBeResolved(resolutionCriteria);
-        }), map(({ tableParams, connectorParams }) => {
+            .pipe(takeUntil(this._destroyed$), distinctUntilChanged(isEqual$1), filter((resolutionCriteria) => !!resolutionCriteria && this.shouldDataBeResolved(resolutionCriteria)), map(({ tableParams, connectorParams }) => {
             return {
                 ...(this._hasPagination ? tableParams : {}),
                 ...connectorParams
@@ -23420,7 +23418,7 @@ class QdTableResolverService {
             this._refreshSubscription.unsubscribe();
         this._refreshSubscription = this.tableStoreService
             .selectDataResolutionCriteria$()
-            .pipe(first(), tap(() => this.tableStoreService.setRequestState(QdTableRequestState.PENDING)), switchMap(resolutionCriteria => this.tableDataResolver.resolve({
+            .pipe(filter((criteria) => !!criteria), first(), tap(() => this.tableStoreService.setRequestState(QdTableRequestState.PENDING)), switchMap(resolutionCriteria => this.tableDataResolver.resolve({
             ...resolutionCriteria.tableParams,
             ...resolutionCriteria.connectorParams,
             ...(this._hasPagination && pageIndex !== undefined ? { page: pageIndex } : {})
@@ -24704,11 +24702,11 @@ class QdTableComponent {
     }
     ngOnInit() {
         this.tableStoreService.tableId = this.config.uid || v4();
-        this.resolverService.init(this.config.refreshOnLanguageChange, this.hasPagination);
         this.tableStoreService.init();
         this.tableStoreService.initTableState(this._data, this.hasResolver, this._connectors, this.hasPagination);
         this.tableStoreService.updateTableStateRecentSecondaryAction(undefined);
         this.tableStoreService.setupSort(this.config.columns);
+        this.resolverService.init(this.config.refreshOnLanguageChange, this.hasPagination);
         this.data$ = this.tableStoreService.tableDataEntries$();
         this.mapColumnFillsWidth();
         this.validateConfig();
@@ -26246,16 +26244,13 @@ class QdTreeRowActionsSecondaryMenuComponent {
         this._destroy$.next();
         this._destroy$.complete();
     }
-    handleSecondaryAction(type, index, actionIndex) {
-        this.actions$.pipe(takeUntil(this._destroy$)).subscribe(actions => {
-            const action = actions[actionIndex];
-            if (!action || action.isHidden)
-                return;
-            this.tableStoreService.updateTableStateRecentSecondaryAction({
-                type,
-                index,
-                rowData: this.rowData
-            });
+    handleSecondaryAction(type, index, isHidden) {
+        if (isHidden)
+            return;
+        this.tableStoreService.updateTableStateRecentSecondaryAction({
+            type,
+            index,
+            rowData: this.rowData
         });
     }
     initViewMode() {
@@ -26269,11 +26264,11 @@ class QdTreeRowActionsSecondaryMenuComponent {
             .subscribe(({ payload }) => this._viewonly$.next(payload.isViewonly));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdTreeRowActionsSecondaryMenuComponent, deps: [{ token: QdTableStoreService }, { token: QdEventBrokerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: QdTreeRowActionsSecondaryMenuComponent, isStandalone: false, selector: "[qd-tree-row-actions-secondary-menu]", inputs: { rowIndex: "rowIndex", rowData: "rowData", config: "config", testId: "testId" }, ngImport: i0, template: "<ng-container *ngIf=\"hasVisibleActions$ | async\">\n  <button\n    type=\"button\"\n    [qdPopoverOnClick]=\"menu\"\n    [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n    [qdPopoverStopPropagation]=\"true\"\n    [qdPopoverMinWidth]=\"200\"\n    class=\"menu-button\"\n    [attr.data-test-id]=\"testId + '-toggler'\"\n  >\n    <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n  </button>\n\n  <ng-template #menu>\n    <ng-container *ngFor=\"let action of actions$ | async; let i = index\">\n      <button\n        *ngIf=\"!action.isHidden\"\n        class=\"action-button\"\n        (click)=\"handleSecondaryAction(action.type, rowIndex, i)\"\n        [attr.data-test-id]=\"testId + '-' + i\"\n      >\n        {{ action.i18n | translate }}\n      </button>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [".menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000}.action-button{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.action-button:hover{background-color:#f2f7fa}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdPopoverOnClickDirective, selector: "[qdPopoverOnClick]", inputs: ["qdPopoverOnClick", "positionStrategy", "qdPopoverCloseStrategy", "qdPopoverDisabled", "qdPopoverStopPropagation", "qdPopoverBackgroundColor", "qdPopoverMaxHeight", "qdPopoverMinWidth", "qdPopoverMaxWidth", "qdPopoverAutoSize", "qdPopoverEnableKeyControl"], outputs: ["opened", "closed"], exportAs: ["qdPopoverOnClick"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: QdTreeRowActionsSecondaryMenuComponent, isStandalone: false, selector: "[qd-tree-row-actions-secondary-menu]", inputs: { rowIndex: "rowIndex", rowData: "rowData", config: "config", testId: "testId" }, ngImport: i0, template: "<ng-container *ngIf=\"hasVisibleActions$ | async\">\n  <button\n    type=\"button\"\n    [qdPopoverOnClick]=\"menu\"\n    [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n    [qdPopoverStopPropagation]=\"true\"\n    [qdPopoverMinWidth]=\"200\"\n    class=\"menu-button\"\n    [attr.data-test-id]=\"testId + '-toggler'\"\n  >\n    <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n  </button>\n\n  <ng-template #menu>\n    <ng-container *ngFor=\"let action of actions$ | async; let i = index\">\n      <button\n        *ngIf=\"!action.isHidden\"\n        class=\"action-button\"\n        (click)=\"handleSecondaryAction(action.type, rowIndex, action.isHidden)\"\n        [attr.data-test-id]=\"testId + '-' + i\"\n      >\n        {{ action.i18n | translate }}\n      </button>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [".menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000}.action-button{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.action-button:hover{background-color:#f2f7fa}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdPopoverOnClickDirective, selector: "[qdPopoverOnClick]", inputs: ["qdPopoverOnClick", "positionStrategy", "qdPopoverCloseStrategy", "qdPopoverDisabled", "qdPopoverStopPropagation", "qdPopoverBackgroundColor", "qdPopoverMaxHeight", "qdPopoverMinWidth", "qdPopoverMaxWidth", "qdPopoverAutoSize", "qdPopoverEnableKeyControl"], outputs: ["opened", "closed"], exportAs: ["qdPopoverOnClick"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdTreeRowActionsSecondaryMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[qd-tree-row-actions-secondary-menu]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"hasVisibleActions$ | async\">\n  <button\n    type=\"button\"\n    [qdPopoverOnClick]=\"menu\"\n    [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n    [qdPopoverStopPropagation]=\"true\"\n    [qdPopoverMinWidth]=\"200\"\n    class=\"menu-button\"\n    [attr.data-test-id]=\"testId + '-toggler'\"\n  >\n    <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n  </button>\n\n  <ng-template #menu>\n    <ng-container *ngFor=\"let action of actions$ | async; let i = index\">\n      <button\n        *ngIf=\"!action.isHidden\"\n        class=\"action-button\"\n        (click)=\"handleSecondaryAction(action.type, rowIndex, i)\"\n        [attr.data-test-id]=\"testId + '-' + i\"\n      >\n        {{ action.i18n | translate }}\n      </button>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [".menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000}.action-button{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.action-button:hover{background-color:#f2f7fa}\n"] }]
+            args: [{ selector: '[qd-tree-row-actions-secondary-menu]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"hasVisibleActions$ | async\">\n  <button\n    type=\"button\"\n    [qdPopoverOnClick]=\"menu\"\n    [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n    [qdPopoverStopPropagation]=\"true\"\n    [qdPopoverMinWidth]=\"200\"\n    class=\"menu-button\"\n    [attr.data-test-id]=\"testId + '-toggler'\"\n  >\n    <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n  </button>\n\n  <ng-template #menu>\n    <ng-container *ngFor=\"let action of actions$ | async; let i = index\">\n      <button\n        *ngIf=\"!action.isHidden\"\n        class=\"action-button\"\n        (click)=\"handleSecondaryAction(action.type, rowIndex, action.isHidden)\"\n        [attr.data-test-id]=\"testId + '-' + i\"\n      >\n        {{ action.i18n | translate }}\n      </button>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [".menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000}.action-button{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.action-button:hover{background-color:#f2f7fa}\n"] }]
         }], ctorParameters: () => [{ type: QdTableStoreService }, { type: QdEventBrokerService, decorators: [{
                     type: Optional
                 }] }], propDecorators: { rowIndex: [{