@smartbit4all/ng-client 7.2.0 → 7.2.2

package/HTML-WIDGET.md

@@ -140,6 +140,54 @@ távozását:
 - A `backwards` kitöltés a belépésnél azért jó, mert a vége után a `:hover` és a többi szabály
   ismét mozgathatja az elemet (a `both` vagy a `forwards` animációs értéke felülírná őket).
 
+## A szerver-fázis
+
+A szerver-helyőrző a platform template-dialektusa: `${alias:/útvonal#mező?stratégia}`, mellette a
+`data-sb4-context` (iteráció) és a `data-sb4-if` (feltétel) attribútum. A builder a **nyitásáról**
+ismeri fel — `${alias:/` —, a sima `${name}` neki és a motornak is közömbös szöveg. Literálként
+`${`-nak írd.
+
+Három út oldja fel, és **egyik sem fut magától**:
+
+| Út | Mikor | Hiba esetén |
+|---|---|---|
+| `resolveTemplate(ctx, …)`, és az eredmény megy a `html(...)`-be | a build előtt | elnyel: logol, és a kulcsot vagy üres stringet ad vissza |
+| `h.template(ctx, KEY)` | a widget felépítésekor, kulcsból (lásd *Stíluslap a template-kulcs mellől*) | dob |
+| `h.resolveLater()` + `resolveHtml(ctx, layout)` | a **felépített layouton** | dob |
+
+```java
+SmartComponentLayoutDefinition layout = layoutBuilder(view)
+    .vForm(f -> f.html(h -> h.html(CARD_HTML).resolveLater()))
+    .build();
+resolveHtml(objectApi.contextObject().set("contact", contact), layout);   // PageApiImpl
+```
+
+- A `resolveHtml` bejárja a layout `FORM` / `CONTAINER` fáját és a widgetek gyerek-widgetjeit, és
+  minden HTML widget `html`-jét feloldja **ugyanazzal a ctx-szel**. A `css`, a `root` és a `fields`
+  marad. A gridekhez nem nyúl — egy sor-layout maga is layout, arra külön hívható. Page-en kívül:
+  `ObjectLayouts.resolveHtml(layout, resolver, objectApi, ctx)`; listára is van változata.
+- **Amiben nincs `${alias:/`, ahhoz hozzá sem ér** — az a html nem megy át a motoron, tehát nem is
+  normalizálódik. Ezért bármilyen layoutra ráhívható, és a második futás egy már feloldott
+  widgeten nem csinál semmit.
+- **Helyben módosít.** Ha az adat változik, **építsd újra a layoutot, ne oldd fel újra**: a
+  view-ban tárolt, egyszer már feloldott layoutban nincs mit feloldani, az új ctx-szel hívott
+  második futás némán a régi értékeket hagyja. Aki a feloldatlan eredetit meg akarja tartani,
+  másolaton hívja.
+- **Hangosan bukik** (`IllegalStateException`): ha van `${alias:/`, de nincs template-modul a
+  hostban; és ha a feloldás **után** is maradt — a motor az ismeretlen aliasú helyőrzőt ugyanis
+  szó nélkül benne hagyja. A motor másik két csendes esete megmarad: a hiányzó / `null` mező
+  helyére szóköz kerül, a mezőszintű feloldási hiba helyére a „Feldolgozási hiba" szöveg.
+
+**A `build()` őre.** Az a `${alias:/`, amit a három út egyike sem oldott fel, régen szó nélkül
+kiment a kliensre, és nyersen megjelent. Most a `HtmlWidgetBuilder.build()` `IllegalStateException`-t
+dob rá, kivéve ha a widget `resolveLater()`-t mondott. Ez a `vf.html(String)`, az
+`ObjectLayoutBuilder.html(...)` és a `GridBuilder.htmlColumn(...)` útjára is igaz.
+
+**Üres ctx-szel semmi nem oldódik fel**: a `${…}` literál marad (és a `build()` elbukik rajta), a
+`data-sb4-context` elemek eltűnnek. A grid-szintű sor-layoutnak és az oszlop-sablonnak nincs
+szerver-oldali, soronkénti kontextusa — ott a sorból jövő érték `{{…}}`, a szerveren számolt érték
+pedig a sor egy mezője legyen.
+
 ## A kliens-helyőrzők nyelvtana
 
 Logika-mentes Mustache-részhalmaz. Ugyanezt a nyelvtant olvassa a Java-oldali
@@ -253,6 +301,7 @@ escape-pel), a pipe-ok balról jobbra láncolhatók, a kimenetük is escape-en m
 | Hol | Mi történik |
 |---|---|
 | Java-builder (`build()`) | `IllegalArgumentException`: párosítatlan / keresztezett szekció, raw tag, érvénytelen path vagy `root`, a `root` fölé mutató `../`, ismeretlen pipe, rossz pipe-szintaxis, üres `data-sb4-toolbar` / `data-sb4-action` |
+| Java-builder (`build()`), `resolveHtml` | `IllegalStateException`: feloldatlan szerver-helyőrző (`${alias:/`), lásd *A szerver-fázis* |
 | kliens | nem dob: `console.error`, és a html **feloldatlanul** kerül ki — látható hiba, nem üres kártya |
 
 Egyetlen szándékos különbség: az ismeretlen pipe-név a kliensen csak warn (az érték formázatlanul
@@ -264,7 +313,10 @@ Ha a html átmegy a szerver template-motorján (Jsoup), akkor:
 
 - **egy gyökérelem kötelező** — a gyökér-szintű szöveg és szekció-tag eldobódik;
 - táblázatban **explicit `<tbody>`** kell, különben a parser a `{{#rows}}` után szúr egyet;
-- a whitespace-re (`:empty`, `white-space: pre`) ne építs, a motor átírja.
+- a whitespace-re (`:empty`, `white-space: pre`, `&nbsp;`) ne építs, a motor átírja;
+- a szerverről behelyettesített **érték ne tartalmazzon `{{`-t**: a motor HTML-escape-eli, de a
+  `{{` átmegy rajta, és a kliens helyőrzőnek olvasná (a néző saját adatán oldaná fel);
+- `?stratégia` után is állhat `{{…}}` — a stratégia a `{{`-on nem nyúl át.
 
 ## Toolbar-slot
 
@@ -355,14 +407,30 @@ oszlop fedi a `card.parties.displayName`-et). A mezőlista ellenőriz, nem vála
 Szerver-származtatott mező (pl. `partyCount`) legyen valódi oszlop.
 
 **Kattintás** (csak a layoutból renderelt kártyán; a host-regisztrált kártya maga kezeli a saját
-klikkjeit):
+klikkjeit). Két független tengely, ugyanaz a modell, mint a táblán:
 
-- **klikk = kijelölés**, ha a grid `selectionMode`-ja nem `NONE` és a sor `selectable`; a kijelölt
-  kártya hostja `selected` osztályt és egy minimális, felülírható outline-t kap;
-- **dupla klikk = a sor default akciója** (`defaultRowActions`);
-- a toolbar-gomb és a trigger megtartja magának a kattintást.
+- **a kijelölést a `selectionMode` adja** (hiányzó = `NONE` = nincs kijelölés);
+- **a default sor-akció gesztusát a `GridViewDescriptor.defaultRowActionTrigger`**
+  (`click` | `doubleClick`), Java: `GridBuilder.defaultRowActionTrigger(...)`.
 
-Ha a kártyának „klikk = megnyitás" kell, tegyél a html gyökérelemére triggert.
+| `defaultRowActionTrigger` | klikk | dupla klikk |
+|---|---|---|
+| nincs megadva (kártyán = `click`) | a sor **első** illő default akciója | — |
+| `click` | default akció; több illő akciónál **menü az egérnél** | — |
+| `doubleClick` | kijelölés, ha a grid és a sor jelölhető | default akció; több illőnél menü |
+
+- **A klikkes trigger elviszi a klikket a kijelölés elől**: ha a sornak van default akciója és a
+  trigger `click` (vagy nincs megadva), a kártya klikkre nem jelölhető ki, akármi a
+  `selectionMode`. Kártya-kijelöléshez `doubleClick` trigger kell, vagy default akció nélküli grid.
+- „Illő" default akció: a grid `defaultRowActions` kódjai közül az, amit a sor `actions`-e kínál —
+  a menü tehát soronként más lehet. Megadott trigger mellett egy illő akció azonnal elsül.
+- A dupla klikk második klikkje nem számít külön klikknek: nem nyit kétszer, és nem vonja vissza
+  az első klikk kijelölését (dupla klikk = kijelöl + megnyit). Amíg a default akció fut, az újabb
+  klikk is eldobódik.
+- A kijelölt kártya hostja `selected` osztályt és egy minimális, felülírható outline-t kap. A
+  kijelölés toggle, mint a táblán; `selectionType: CHECKBOX` a kártyán nem rajzol checkboxot.
+- A toolbar-gomb és a trigger megtartja magának a kattintást.
+- A tábla gesztusa változatlanul a dupla klikk, a mező értékétől függetlenül.
 
 ## Html a tábla cellájában
 

package/MIGRATION-7.0.md

@@ -1864,13 +1864,27 @@ Additive, with **one behaviour change** and one removed field. The reference is
   (`GridViewDescriptor.rowLayouts`, picked per row by `GridRow.rowLayout`) instead of once per
   row. The per-row `layoutDescriptor.GRID_ROW_LAYOUT` still works and wins over them; a
   host-registered `'<GRID_ID>Card'` component still renders the rows that get no layout.
-- **Behaviour change — clicking a card rendered from a layout.** Since #29717 a click on such a
-  card fired the row's default action. From 7.2 **a click selects the row** (when the grid's
-  `selectionMode` is not `NONE` and the row is selectable) and **a double click fires the default
-  row action**, exactly as a `ROW_SELECT` table does. A card that must open on a single click gets
-  it back on the server side: put an action trigger on the root element of the card's html, or
-  offer the action on a toolbar. Cards rendered by a host-registered component are not affected —
-  the grid never handled their clicks.
+- **Clicking a card rendered from a layout — 7.2.0 changed it, 7.2.1 takes the change back.**
+  7.2.0 made a click select the row and moved the default row action to the double click. That
+  broke `mod-contact`'s contact list, and a cards grid naming no `selectionMode` lost its click
+  altogether. **From 7.2.1 a card behaves as in 7.1.x again unless the server says otherwise**: a
+  click fires the row's first applicable default action, and nothing is selected by click while
+  the click belongs to the default action. A host that put a root trigger on its cards for 7.2.0
+  can keep it; it is no longer needed.
+- **`GridViewDescriptor.defaultRowActionTrigger` (7.2.1, `click` | `doubleClick`)** makes the
+  gesture data, so a cards grid is programmed like a table: `selectionMode` decides whether rows
+  are selectable, the trigger decides what fires the default row action. With `doubleClick` a
+  click selects the card and a double click fires the default action, as on a `ROW_SELECT` table.
+  With an explicit trigger several applicable default actions open a menu at the pointer, filtered
+  to what the row offers. Without a value a card keeps the click and a table the double click; the
+  table fires on double click whatever the value is. The second click of a double click is not a
+  click of its own on a card: it neither fires the default action again nor toggles the selection
+  back, and further clicks are dropped while the default action runs. Needs a platform that knows
+  the field; an older client ignores it.
+- **The double-click menu of a table works again.** A grid row offering several of the grid's
+  `defaultRowActions` opens a menu at the pointer on double click. The position override behind it
+  had been written for an older Material signature and threw on open, so until 7.2.1 such a double
+  click did nothing.
 - **`SmartGrid.layoutComponent` is removed.** The card gets the layout class through the
   `SMART_ROW_LAYOUT_COMPONENT` token that `provideSmartNgClient()` provides, so a cards grid a
   host builds with `addGrid()` renders backend layouts too. Delete the field if a host grid model

package/fesm2022/smartbit4all-ng-client.mjs

@@ -11621,6 +11621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 class SmartformComponent {
     constructor() {
         this.service = inject(SmartFormService);
+        this.changeDetector = inject(ChangeDetectorRef);
         this._destroy$ = new Subject();
         this.originalWidgets = [];
         this.sophisticatedValueChange = new Subject();
@@ -11746,6 +11747,8 @@ class SmartformComponent {
         this.form = this.service.toFormGroup();
         this.syncClientBindings();
         this.service.widgetsChanged();
+        // A form whose widgets were all hidden has no child to mark it for check.
+        this.changeDetector.markForCheck();
     }
     ngOnDestroy() {
         if (this.followsClient) {
@@ -12032,14 +12035,8 @@ class MatContextMenuTriggerForDirective extends MatMenuTrigger {
     }
     ngAfterContentInit() {
         // Can't just override a private method due to how the lib is compiled
-        this['_setPosition'] = (positionStrategy) => {
-            let positions = [];
-            super['_setPosition'](positionStrategy, {
-                withPositions: (p) => {
-                    positions = p;
-                },
-            });
-            // positionStrategy?.withPositions(positions);
+        this['_setPosition'] = (menu, positionStrategy) => {
+            super['_setPosition'](menu, positionStrategy);
             if (this.lastMouseEvent) {
                 positionStrategy?.setOrigin({
                     x: this.lastMouseEvent.clientX,
@@ -18196,6 +18193,26 @@ var GridDataAccessConfigKindEnum;
 })(GridDataAccessConfigKindEnum || (GridDataAccessConfigKindEnum = {}));
 ;
 
+/**
+ * Grid api
+ * The grid api is resposible for the grid components that shows a list of item.
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * Contact: info@it4all.hu
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ * The gesture on a row that fires the default row action. Without a value the kind of the grid decides: a click on a card, a double click on a table row. With an explicit value one applicable default row action fires directly, several open a menu at the pointer. A click trigger takes the click from the selection, so a card selects on click only with the doubleClick trigger or without a default row action. The table fires on double click whatever the value is.
+ */
+var GridDefaultRowActionTrigger;
+(function (GridDefaultRowActionTrigger) {
+    GridDefaultRowActionTrigger["CLICK"] = "click";
+    GridDefaultRowActionTrigger["DOUBLE_CLICK"] = "doubleClick";
+})(GridDefaultRowActionTrigger || (GridDefaultRowActionTrigger = {}));
+
 /**
  * Grid api
  * The grid api is resposible for the grid components that shows a list of item.
@@ -18917,6 +18934,12 @@ class SmartGridComponent {
         };
         //#region Row layouts of a cards grid
         this.warnedRowLayouts = new Set();
+        /** The row whose default row actions the menu of the cards shows. */
+        this.cardMenuRow = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cardMenuRow" }] : /* istanbul ignore next */ []));
+        this.cardMenuButtons = signal(new Map(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cardMenuButtons" }] : /* istanbul ignore next */ []));
+        this.cardDefaultActionRunning = false;
         registerSmartWidget(this.smartComponent, {
             identifier: () => this.smartGrid?.gridIdentifier,
             reload: () => this.refresh(),
@@ -19138,22 +19161,7 @@ class SmartGridComponent {
                 type: SmartTableInterfaceTypeEnum.NORMAL,
                 sortable: true,
                 defaultActionCodes: this.smartGrid?.gridModel.defaultRowActions,
-                defaultActions: this.smartGrid?.gridModel.defaultRowActions?.map((code) => {
-                    return {
-                        type: code === '_actionSeparator_'
-                            ? SmartTableButtonType.SEPARATOR
-                            : SmartTableButtonType.NORMAL,
-                        callback: this.execute.bind(this),
-                        code: code,
-                        // label: this.buttonTranslator({ code: code }),
-                        translator: this.buttonTranslator.bind(this),
-                        // args: [
-                        //   {
-                        //     code: code,
-                        //   },
-                        // ],
-                    };
-                }),
+                defaultActions: this.defaultActionButtons(),
             };
             if (this.smartGrid?.gridModel.view?.descriptor?.highlightProperty &&
                 this.smartGrid?.gridModel.view?.descriptor?.highlightClass) {
@@ -19582,6 +19590,24 @@ class SmartGridComponent {
             nodeId: row.id,
         });
     }
+    defaultActionButtons() {
+        return this.smartGrid?.gridModel.defaultRowActions?.map((code) => {
+            return {
+                type: code === '_actionSeparator_'
+                    ? SmartTableButtonType.SEPARATOR
+                    : SmartTableButtonType.NORMAL,
+                callback: this.execute.bind(this),
+                code: code,
+                // label: this.buttonTranslator({ code: code }),
+                translator: this.buttonTranslator.bind(this),
+                // args: [
+                //   {
+                //     code: code,
+                //   },
+                // ],
+            };
+        });
+    }
     buttonTranslator(uiAction) {
         let desc = this.uiActionDescriptors.get(uiAction.code);
         if (!desc) {
@@ -19655,28 +19681,86 @@ class SmartGridComponent {
         }
         return fallback;
     }
-    /** Whether a click on the card of this row toggles its selection. */
+    /**
+     * The gesture that fires the default row action of a card. A grid that names no trigger keeps
+     * the click, which is what a card did before it could be selected.
+     */
+    get cardActionTrigger() {
+        return (this.smartGrid?.gridModel.view?.descriptor?.defaultRowActionTrigger ??
+            GridDefaultRowActionTrigger.CLICK);
+    }
+    /**
+     * Whether a click on the card of this row toggles its selection. A click that fires the
+     * default row action is taken, so such a card is not selectable by click.
+     */
     isCardSelectable(row) {
         const selectionMode = this.smartGrid?.gridModel.view?.descriptor?.selectionMode;
         return (!!this.rowLayoutOf(row) &&
             !!selectionMode &&
             selectionMode !== GridSelectionMode.NONE &&
-            row.selectable !== false);
+            row.selectable !== false &&
+            !(this.cardActionTrigger === GridDefaultRowActionTrigger.CLICK && this.hasCardDefaultAction(row)));
     }
-    /** Whether a double click on the card of this row fires its default row action. */
+    /** Whether the trigger gesture on the card of this row fires a default row action. */
     hasCardDefaultAction(row) {
         return !!this.rowLayoutOf(row) && !!this.defaultRowActionOf(row);
     }
-    onCardClick(row) {
-        if (this.isCardSelectable(row)) {
+    onCardClick(row, event) {
+        if (this.cardActionTrigger === GridDefaultRowActionTrigger.CLICK && this.hasCardDefaultAction(row)) {
+            // The later clicks of a double click: an action that returns between the two would fire again.
+            if (event.detail <= 1) {
+                this.fireCardDefaultAction(row, event);
+            }
+        }
+        else if (this.isCardSelectable(row) && event.detail <= 1) {
+            // The second click of a double click would toggle the selection back.
             this.onSelect(row.id);
         }
     }
-    onCardDoubleClick(row) {
-        if (this.hasCardDefaultAction(row)) {
-            this.onDoubleClick(row);
+    onCardDoubleClick(row, event) {
+        if (this.cardActionTrigger === GridDefaultRowActionTrigger.DOUBLE_CLICK &&
+            this.hasCardDefaultAction(row)) {
+            this.fireCardDefaultAction(row, event);
         }
     }
+    /**
+     * Fires the default row action of a card. With an explicit trigger several applicable default
+     * row actions open a menu at the pointer, as a table row does; without one the first fires.
+     * While the action runs the gesture is dropped, so an impatient second click does not fire it
+     * again.
+     */
+    async fireCardDefaultAction(row, event) {
+        const buttons = this.cardDefaultActionButtonsOf(row);
+        if (this.smartGrid?.gridModel.view?.descriptor?.defaultRowActionTrigger && buttons.size > 1) {
+            this.cardMenuRow.set(row);
+            this.cardMenuButtons.set(buttons);
+            // The menu reads its inputs when it opens, which is now.
+            this.changeDetector.detectChanges();
+            this.cardDefaultActionsMenu?.openDefaultActionsMenu(event);
+            return;
+        }
+        if (this.cardDefaultActionRunning) {
+            return;
+        }
+        this.cardDefaultActionRunning = true;
+        try {
+            await this.execute([], row, this.defaultRowActionOf(row));
+        }
+        finally {
+            this.cardDefaultActionRunning = false;
+        }
+    }
+    /** The default row actions this row offers, in the order the grid lists them. */
+    cardDefaultActionButtonsOf(row) {
+        const buttons = new Map();
+        for (const button of this.defaultActionButtons() ?? []) {
+            const uiAction = row.actions.find((action) => action.code === button.code);
+            if (uiAction) {
+                buttons.set(button, uiAction);
+            }
+        }
+        return buttons;
+    }
     //#endregion
     async onSelect(rowId) {
         this.isBlocked = true;
@@ -19733,11 +19817,11 @@ class SmartGridComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartGridComponent, isStandalone: true, selector: "smart-grid", inputs: { smartGrid: { classPropertyName: "smartGrid", publicName: "smartGrid", isSignal: false, isRequired: false, transformFunction: null }, uuid: { classPropertyName: "uuid", publicName: "uuid", isSignal: false, isRequired: false, transformFunction: null }, parentLayoutComponent: { classPropertyName: "parentLayoutComponent", publicName: "parentLayoutComponent", isSignal: true, isRequired: false, transformFunction: null }, dev: { classPropertyName: "dev", publicName: "dev", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-testid": "this.testId" } }, providers: [SmartGridService], viewQueries: [{ propertyName: "vcRefTable", first: true, predicate: ["table"], descendants: true, read: ViewContainerRef }, { propertyName: "expandedRowsComps", predicate: ExpandedRowRendererComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (smartGrid) {\n<div class=\"smartGrid-container\">\n  <div class=\"smart-grid-toolbar\">\n    <smart-ui-action-toolbar [id]=\"toolbarId\"></smart-ui-action-toolbar>\n    @if (smartGrid.showEditColumns) {\n    <ui-action-button (actionClick)=\"editColumns()\" [descriptor]=\"showEditColumns\">\n    </ui-action-button>\n    }\n  </div>\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\n  <div class=\"smartGridContent\">\n    <div>\n      @if (smartGrid.showResultCount) {\n      <div>\n        <div class=\"smartGrid-data-number\">\n          {{ smartGrid.gridModel.totalRowCount }}\n        </div>\n      </div>\n      }\n    </div>\n    <div class=\"smart-grid-table-container\">\n      <ng-template #table></ng-template>\n    </div>\n    @if (smartGrid.layoutDef === layoutDef().EXPANDABLE) {\n    <div>\n      @for (expandableSection of expandableSections; track expandableSection) {\n      <smart-expandable-section #gridExpandableSection [data]=\"expandableSection\"></smart-expandable-section>\n      }\n    </div>\n    }\n    @if (smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef) {\n    <div class=\"cards-container\" [ngStyle]=\"{\n        'grid-template-columns':\n          smartGrid.numberOfColumn !== undefined\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\n            : '',\n      }\">\n      @for (row of smartGrid.gridModel.page.rows; track row.id) {\n\n      <app-smart-grid-card class=\"smartGrid-card-container\" [ngClass]=\"calcClasses(row.style)\"\n        [ngStyle]=\"calcStyle(row.style)\"\n        [class.clickable-row]=\"isCardSelectable(row) || hasCardDefaultAction(row)\"\n        [class.selected]=\"!!row.selected && !!rowLayoutOf(row)\"\n        (click)=\"onCardClick(row)\" (dblclick)=\"onCardDoubleClick(row)\" [item]=\"row\"\n        [layout]=\"rowLayoutOf(row)\" [smartGrid]=\"smartGrid\"\n        [parentLayoutComponent]=\"parentLayoutComponent()\"></app-smart-grid-card>\n      }\n    </div>\n    }\n    @if (smartGrid.layoutDef === layoutDef().TREE && treeControl) {\n    <div class=\"tree-container\" [ngStyle]=\"{\n        'grid-template-columns':\n          smartGrid.numberOfColumn !== undefined\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\n            : '',\n      }\">\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding matTreeNodePaddingIndent=\"24\">\n          <button mat-icon-button disabled class=\"tree-button\"></button>\n          <mat-checkbox class=\"checklist-leaf-node\"\n            [checked]=\"$safeNavigationMigration(treeChecklistSelection?.isSelected(node))\"\n            (change)=\"treeNodeSelectionToggle(node)\">{{ getTreeItem(node) }}</mat-checkbox>\n        </mat-tree-node>\n        <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding matTreeNodePaddingIndent=\"24\">\n          <button mat-icon-button matTreeNodeToggle class=\"tree-button\" [attr.aria-label]=\"'Toggle ' + node.item\">\n            <mat-icon class=\"mat-icon-rtl-mirror\">\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox [checked]=\"$safeNavigationMigration(treeChecklistSelection?.isSelected(node))\"\n            [indeterminate]=\"descendantsPartiallySelected(node)\" (change)=\"treeNodeSelectionToggle(node)\">{{\n            getTreeItem(node) }}</mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n    }\n  </div>\n  @if (smartGrid.paginator) {\n  <div class=\"paginator-row-material\">\n    @if (smartGrid.gridModel.refreshEnabled) {\n    <button mat-icon-button type=\"button\" matTooltip=\"Friss\u00EDt\u00E9s\" (click)=\"refreshPartialResults()\">\n      <mat-icon>refresh</mat-icon>\n    </button>\n    }\n    @if (smartGrid.paginator && !treeControl) {\n    <mat-paginator #paginator [length]=\"length\" [pageIndex]=\"pageIndex\" [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions\" (page)=\"onChangePage($event)\"></mat-paginator>\n    }\n  </div>\n  }\n</div>\n}", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}.paginator-row-material{display:flex;align-items:center;align-self:flex-end;gap:.25rem}.clickable-row{cursor:pointer}.smartGrid-card-container.selected{outline:2px solid var(--mat-sys-primary, currentColor)}\n"], dependencies: [{ kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "executor", "widgetId", "nodeId", "actionParams", "scrollOnWrap", "toolbarPropertes"] }, { kind: "component", type: UiActionButtonComponent, selector: "ui-action-button", inputs: ["disabled", "descriptor", "code", "identifier", "viewActivated", "addedCssClass", "addBasicClasses", "iconPlaceholder"], outputs: ["actionClick", "actionDoubleClick"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: ["item", "smartGrid", "parentLayoutComponent", "layout"] }, { kind: "component", type: MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "directive", type: MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartGridComponent, isStandalone: true, selector: "smart-grid", inputs: { smartGrid: { classPropertyName: "smartGrid", publicName: "smartGrid", isSignal: false, isRequired: false, transformFunction: null }, uuid: { classPropertyName: "uuid", publicName: "uuid", isSignal: false, isRequired: false, transformFunction: null }, parentLayoutComponent: { classPropertyName: "parentLayoutComponent", publicName: "parentLayoutComponent", isSignal: true, isRequired: false, transformFunction: null }, dev: { classPropertyName: "dev", publicName: "dev", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-testid": "this.testId" } }, providers: [SmartGridService], viewQueries: [{ propertyName: "vcRefTable", first: true, predicate: ["table"], descendants: true, read: ViewContainerRef }, { propertyName: "cardDefaultActionsMenu", first: true, predicate: DefaultActionsPopupComponent, descendants: true }, { propertyName: "expandedRowsComps", predicate: ExpandedRowRendererComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (smartGrid) {\n<div class=\"smartGrid-container\">\n  <div class=\"smart-grid-toolbar\">\n    <smart-ui-action-toolbar [id]=\"toolbarId\"></smart-ui-action-toolbar>\n    @if (smartGrid.showEditColumns) {\n    <ui-action-button (actionClick)=\"editColumns()\" [descriptor]=\"showEditColumns\">\n    </ui-action-button>\n    }\n  </div>\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\n  <div class=\"smartGridContent\">\n    <div>\n      @if (smartGrid.showResultCount) {\n      <div>\n        <div class=\"smartGrid-data-number\">\n          {{ smartGrid.gridModel.totalRowCount }}\n        </div>\n      </div>\n      }\n    </div>\n    <div class=\"smart-grid-table-container\">\n      <ng-template #table></ng-template>\n    </div>\n    @if (smartGrid.layoutDef === layoutDef().EXPANDABLE) {\n    <div>\n      @for (expandableSection of expandableSections; track expandableSection) {\n      <smart-expandable-section #gridExpandableSection [data]=\"expandableSection\"></smart-expandable-section>\n      }\n    </div>\n    }\n    @if (smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef) {\n    <div class=\"cards-container\" [ngStyle]=\"{\n        'grid-template-columns':\n          smartGrid.numberOfColumn !== undefined\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\n            : '',\n      }\">\n      @for (row of smartGrid.gridModel.page.rows; track row.id) {\n\n      <app-smart-grid-card class=\"smartGrid-card-container\" [ngClass]=\"calcClasses(row.style)\"\n        [ngStyle]=\"calcStyle(row.style)\"\n        [class.clickable-row]=\"isCardSelectable(row) || hasCardDefaultAction(row)\"\n        [class.selected]=\"!!row.selected && !!rowLayoutOf(row)\"\n        (click)=\"onCardClick(row, $event)\" (dblclick)=\"onCardDoubleClick(row, $event)\" [item]=\"row\"\n        [layout]=\"rowLayoutOf(row)\" [smartGrid]=\"smartGrid\"\n        [parentLayoutComponent]=\"parentLayoutComponent()\"></app-smart-grid-card>\n      }\n      @if (cardMenuRow(); as menuRow) {\n      <lib-default-actions-popup [buttons]=\"cardMenuButtons()\" [row]=\"menuRow\"></lib-default-actions-popup>\n      }\n    </div>\n    }\n    @if (smartGrid.layoutDef === layoutDef().TREE && treeControl) {\n    <div class=\"tree-container\" [ngStyle]=\"{\n        'grid-template-columns':\n          smartGrid.numberOfColumn !== undefined\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\n            : '',\n      }\">\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding matTreeNodePaddingIndent=\"24\">\n          <button mat-icon-button disabled class=\"tree-button\"></button>\n          <mat-checkbox class=\"checklist-leaf-node\"\n            [checked]=\"$safeNavigationMigration(treeChecklistSelection?.isSelected(node))\"\n            (change)=\"treeNodeSelectionToggle(node)\">{{ getTreeItem(node) }}</mat-checkbox>\n        </mat-tree-node>\n        <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding matTreeNodePaddingIndent=\"24\">\n          <button mat-icon-button matTreeNodeToggle class=\"tree-button\" [attr.aria-label]=\"'Toggle ' + node.item\">\n            <mat-icon class=\"mat-icon-rtl-mirror\">\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox [checked]=\"$safeNavigationMigration(treeChecklistSelection?.isSelected(node))\"\n            [indeterminate]=\"descendantsPartiallySelected(node)\" (change)=\"treeNodeSelectionToggle(node)\">{{\n            getTreeItem(node) }}</mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n    }\n  </div>\n  @if (smartGrid.paginator) {\n  <div class=\"paginator-row-material\">\n    @if (smartGrid.gridModel.refreshEnabled) {\n    <button mat-icon-button type=\"button\" matTooltip=\"Friss\u00EDt\u00E9s\" (click)=\"refreshPartialResults()\">\n      <mat-icon>refresh</mat-icon>\n    </button>\n    }\n    @if (smartGrid.paginator && !treeControl) {\n    <mat-paginator #paginator [length]=\"length\" [pageIndex]=\"pageIndex\" [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions\" (page)=\"onChangePage($event)\"></mat-paginator>\n    }\n  </div>\n  }\n</div>\n}", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}.paginator-row-material{display:flex;align-items:center;align-self:flex-end;gap:.25rem}.clickable-row{cursor:pointer}.smartGrid-card-container.selected{outline:2px solid var(--mat-sys-primary, currentColor)}\n"], dependencies: [{ kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "executor", "widgetId", "nodeId", "actionParams", "scrollOnWrap", "toolbarPropertes"] }, { kind: "component", type: UiActionButtonComponent, selector: "ui-action-button", inputs: ["disabled", "descriptor", "code", "identifier", "viewActivated", "addedCssClass", "addBasicClasses", "iconPlaceholder"], outputs: ["actionClick", "actionDoubleClick"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SmartGridCardComponent, selector: "app-smart-grid-card", inputs: ["item", "smartGrid", "parentLayoutComponent", "layout"] }, { kind: "component", type: DefaultActionsPopupComponent, selector: "lib-default-actions-popup", inputs: ["buttons", "row", "colIdx"] }, { kind: "component", type: MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "directive", type: MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-grid', providers: [SmartGridService], imports: [UiActionToolbarComponent, UiActionButtonComponent, MatMiniFabButton, MatIcon, ExpandableSectionComponent, NgStyle, NgClass, SmartGridCardComponent, MatTree, MatTreeNodeDef, MatTreeNode, MatTreeNodeToggle, MatTreeNodePadding, MatIconButton, MatCheckbox, MatTooltip, MatPaginator], template: "@if (smartGrid) {\n<div class=\"smartGrid-container\">\n  <div class=\"smart-grid-toolbar\">\n    <smart-ui-action-toolbar [id]=\"toolbarId\"></smart-ui-action-toolbar>\n    @if (smartGrid.showEditColumns) {\n    <ui-action-button (actionClick)=\"editColumns()\" [descriptor]=\"showEditColumns\">\n    </ui-action-button>\n    }\n  </div>\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\n  <div class=\"smartGridContent\">\n    <div>\n      @if (smartGrid.showResultCount) {\n      <div>\n        <div class=\"smartGrid-data-number\">\n          {{ smartGrid.gridModel.totalRowCount }}\n        </div>\n      </div>\n      }\n    </div>\n    <div class=\"smart-grid-table-container\">\n      <ng-template #table></ng-template>\n    </div>\n    @if (smartGrid.layoutDef === layoutDef().EXPANDABLE) {\n    <div>\n      @for (expandableSection of expandableSections; track expandableSection) {\n      <smart-expandable-section #gridExpandableSection [data]=\"expandableSection\"></smart-expandable-section>\n      }\n    </div>\n    }\n    @if (smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef) {\n    <div class=\"cards-container\" [ngStyle]=\"{\n        'grid-template-columns':\n          smartGrid.numberOfColumn !== undefined\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\n            : '',\n      }\">\n      @for (row of smartGrid.gridModel.page.rows; track row.id) {\n\n      <app-smart-grid-card class=\"smartGrid-card-container\" [ngClass]=\"calcClasses(row.style)\"\n        [ngStyle]=\"calcStyle(row.style)\"\n        [class.clickable-row]=\"isCardSelectable(row) || hasCardDefaultAction(row)\"\n        [class.selected]=\"!!row.selected && !!rowLayoutOf(row)\"\n        (click)=\"onCardClick(row)\" (dblclick)=\"onCardDoubleClick(row)\" [item]=\"row\"\n        [layout]=\"rowLayoutOf(row)\" [smartGrid]=\"smartGrid\"\n        [parentLayoutComponent]=\"parentLayoutComponent()\"></app-smart-grid-card>\n      }\n    </div>\n    }\n    @if (smartGrid.layoutDef === layoutDef().TREE && treeControl) {\n    <div class=\"tree-container\" [ngStyle]=\"{\n        'grid-template-columns':\n          smartGrid.numberOfColumn !== undefined\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\n            : '',\n      }\">\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding matTreeNodePaddingIndent=\"24\">\n          <button mat-icon-button disabled class=\"tree-button\"></button>\n          <mat-checkbox class=\"checklist-leaf-node\"\n            [checked]=\"$safeNavigationMigration(treeChecklistSelection?.isSelected(node))\"\n            (change)=\"treeNodeSelectionToggle(node)\">{{ getTreeItem(node) }}</mat-checkbox>\n        </mat-tree-node>\n        <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding matTreeNodePaddingIndent=\"24\">\n          <button mat-icon-button matTreeNodeToggle class=\"tree-button\" [attr.aria-label]=\"'Toggle ' + node.item\">\n            <mat-icon class=\"mat-icon-rtl-mirror\">\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox [checked]=\"$safeNavigationMigration(treeChecklistSelection?.isSelected(node))\"\n            [indeterminate]=\"descendantsPartiallySelected(node)\" (change)=\"treeNodeSelectionToggle(node)\">{{\n            getTreeItem(node) }}</mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n    }\n  </div>\n  @if (smartGrid.paginator) {\n  <div class=\"paginator-row-material\">\n    @if (smartGrid.gridModel.refreshEnabled) {\n    <button mat-icon-button type=\"button\" matTooltip=\"Friss\u00EDt\u00E9s\" (click)=\"refreshPartialResults()\">\n      <mat-icon>refresh</mat-icon>\n    </button>\n    }\n    @if (smartGrid.paginator && !treeControl) {\n    <mat-paginator #paginator [length]=\"length\" [pageIndex]=\"pageIndex\" [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions\" (page)=\"onChangePage($event)\"></mat-paginator>\n    }\n  </div>\n  }\n</div>\n}", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}.paginator-row-material{display:flex;align-items:center;align-self:flex-end;gap:.25rem}.clickable-row{cursor:pointer}.smartGrid-card-container.selected{outline:2px solid var(--mat-sys-primary, currentColor)}\n"] }]
+            args: [{ selector: 'smart-grid', providers: [SmartGridService], imports: [UiActionToolbarComponent, UiActionButtonComponent, MatMiniFabButton, MatIcon, ExpandableSectionComponent, NgStyle, NgClass, SmartGridCardComponent, DefaultActionsPopupComponent, MatTree, MatTreeNodeDef, MatTreeNode, MatTreeNodeToggle, MatTreeNodePadding, MatIconButton, MatCheckbox, MatTooltip, MatPaginator], template: "@if (smartGrid) {\n<div class=\"smartGrid-container\">\n  <div class=\"smart-grid-toolbar\">\n    <smart-ui-action-toolbar [id]=\"toolbarId\"></smart-ui-action-toolbar>\n    @if (smartGrid.showEditColumns) {\n    <ui-action-button (actionClick)=\"editColumns()\" [descriptor]=\"showEditColumns\">\n    </ui-action-button>\n    }\n  </div>\n  <!-- <div [ngClass]=\"isBlocked ? 'blocked' : ''\"></div> -->\n  <div class=\"smartGridContent\">\n    <div>\n      @if (smartGrid.showResultCount) {\n      <div>\n        <div class=\"smartGrid-data-number\">\n          {{ smartGrid.gridModel.totalRowCount }}\n        </div>\n      </div>\n      }\n    </div>\n    <div class=\"smart-grid-table-container\">\n      <ng-template #table></ng-template>\n    </div>\n    @if (smartGrid.layoutDef === layoutDef().EXPANDABLE) {\n    <div>\n      @for (expandableSection of expandableSections; track expandableSection) {\n      <smart-expandable-section #gridExpandableSection [data]=\"expandableSection\"></smart-expandable-section>\n      }\n    </div>\n    }\n    @if (smartGrid.layoutDef === layoutDef().CARD && smartGrid.dataLayoutDef) {\n    <div class=\"cards-container\" [ngStyle]=\"{\n        'grid-template-columns':\n          smartGrid.numberOfColumn !== undefined\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\n            : '',\n      }\">\n      @for (row of smartGrid.gridModel.page.rows; track row.id) {\n\n      <app-smart-grid-card class=\"smartGrid-card-container\" [ngClass]=\"calcClasses(row.style)\"\n        [ngStyle]=\"calcStyle(row.style)\"\n        [class.clickable-row]=\"isCardSelectable(row) || hasCardDefaultAction(row)\"\n        [class.selected]=\"!!row.selected && !!rowLayoutOf(row)\"\n        (click)=\"onCardClick(row, $event)\" (dblclick)=\"onCardDoubleClick(row, $event)\" [item]=\"row\"\n        [layout]=\"rowLayoutOf(row)\" [smartGrid]=\"smartGrid\"\n        [parentLayoutComponent]=\"parentLayoutComponent()\"></app-smart-grid-card>\n      }\n      @if (cardMenuRow(); as menuRow) {\n      <lib-default-actions-popup [buttons]=\"cardMenuButtons()\" [row]=\"menuRow\"></lib-default-actions-popup>\n      }\n    </div>\n    }\n    @if (smartGrid.layoutDef === layoutDef().TREE && treeControl) {\n    <div class=\"tree-container\" [ngStyle]=\"{\n        'grid-template-columns':\n          smartGrid.numberOfColumn !== undefined\n            ? 'repeat(' + smartGrid.numberOfColumn + ', 1fr)'\n            : '',\n      }\">\n      <mat-tree [dataSource]=\"treeDataSource!\" [treeControl]=\"treeControl!\">\n        <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding matTreeNodePaddingIndent=\"24\">\n          <button mat-icon-button disabled class=\"tree-button\"></button>\n          <mat-checkbox class=\"checklist-leaf-node\"\n            [checked]=\"$safeNavigationMigration(treeChecklistSelection?.isSelected(node))\"\n            (change)=\"treeNodeSelectionToggle(node)\">{{ getTreeItem(node) }}</mat-checkbox>\n        </mat-tree-node>\n        <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding matTreeNodePaddingIndent=\"24\">\n          <button mat-icon-button matTreeNodeToggle class=\"tree-button\" [attr.aria-label]=\"'Toggle ' + node.item\">\n            <mat-icon class=\"mat-icon-rtl-mirror\">\n              {{ treeControl!.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n          </button>\n          <mat-checkbox [checked]=\"$safeNavigationMigration(treeChecklistSelection?.isSelected(node))\"\n            [indeterminate]=\"descendantsPartiallySelected(node)\" (change)=\"treeNodeSelectionToggle(node)\">{{\n            getTreeItem(node) }}</mat-checkbox>\n        </mat-tree-node>\n      </mat-tree>\n    </div>\n    }\n  </div>\n  @if (smartGrid.paginator) {\n  <div class=\"paginator-row-material\">\n    @if (smartGrid.gridModel.refreshEnabled) {\n    <button mat-icon-button type=\"button\" matTooltip=\"Friss\u00EDt\u00E9s\" (click)=\"refreshPartialResults()\">\n      <mat-icon>refresh</mat-icon>\n    </button>\n    }\n    @if (smartGrid.paginator && !treeControl) {\n    <mat-paginator #paginator [length]=\"length\" [pageIndex]=\"pageIndex\" [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions\" (page)=\"onChangePage($event)\"></mat-paginator>\n    }\n  </div>\n  }\n</div>\n}", styles: [".smartGrid-container{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.smartGrid-data-number{padding-bottom:1rem}.cards-container{display:grid;gap:1rem;padding:1rem}.smartGrid-container ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:0}.smartGridContent{width:100%;flex:1;overflow:auto}.blocked{position:absolute;width:calc(100% - 3rem);height:calc(100% - 3rem);z-index:110;background-color:#0003}.smart-grid-table-container{display:flex;flex-direction:column;gap:1rem}.smart-grid-toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.smart-grid-toolbar smart-ui-action-toolbar{width:100%}.smart-grid-edit-icon{color:var(--light-gray)}.tree-button{width:24px!important;height:24px!important}.paginator-row-material{display:flex;align-items:center;align-self:flex-end;gap:.25rem}.clickable-row{cursor:pointer}.smartGrid-card-container.selected{outline:2px solid var(--mat-sys-primary, currentColor)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { smartGrid: [{
                 type: Input
             }], uuid: [{
@@ -19751,6 +19835,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }], expandedRowsComps: [{
                 type: ViewChildren,
                 args: [ExpandedRowRendererComponent]
+            }], cardDefaultActionsMenu: [{
+                type: ViewChild,
+                args: [DefaultActionsPopupComponent]
             }] } });
 
 /*
@@ -24754,5 +24841,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACLEntry, APIS$5 as APIS, AclEditingViewComponent, ApiQueueService, BASE_PATH$7 as BASE_PATH, COLLECTION_FORMATS$7 as COLLECTION_FORMATS, CUSTOM_DIAGRAM_OPTIONS, CloseResult, ComponentFactoryService, ComponentType, ComponentWidgetType, Configuration$7 as Configuration, DEFAULT_ROW_LAYOUT, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultChartOptionsProvider, DefaultUiActionCode_CLOSE, DrawTime, EMPTY_PARAMS, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator$1 as FilterExpressionBoolOperator, FilterExpressionBuilderGroupBuilderGroupKindEnum, FilterExpressionBuilderUiModelTypeEnum, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderByOrderEnum, GenericPageComponent, GeoMapDataLoadingMode, GeoMapDataSourceType, GeoMapItemKind, GeoMapOperationMode, GeoMapSelectionMode, GeoMapTextType, GridColumnContentType, GridDataAccessConfigKindEnum, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptorKindEnum, HighlightPipe, IS_ASYNC_PARAM_NAME, IconPosition, ImageResourceKindEnum, InvalidSmartlinkComponent, LayoutDirection, LinkTargetEnum, MAP_ENGINE, MapEngine, MenuOpenDirection, MenuTriggerType, MessageOptionType, MessageTextType, MessageType, NAMED_VALIDATOR, NamedValidatorOperationEnum, NamedValidatorService, NoPermissionPageComponent, REUSE_ROUTER_SLOT_COMPONENT, ROOT_CONTAINER_UUID, ROUTER_SLOT_ID, RecordingUploaderPropertiesOpenDirectionEnum, SMART_DATE_FORMATS, SMART_DEFAULT_VIEW_COMPONENTS, SMART_NG_CLIENT_CONFIG, SMART_ROW_LAYOUT_COMPONENT, SearchPageComponent, SelectionDefinitionTypeEnum, SelectionDefinitionValueSetValueTypeEnum, ServerRequestType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartActionHost, SmartActionType, SmartBackendBootstrapService, SmartComponent, SmartComponentApiClient, SmartComponentDetachedDirective, SmartComponentHost, SmartComponentLayoutComponent, SmartDateFnsAdapter, SmartDatePipe, SmartDateTimePipe, SmartDefaultErrorUiService, SmartDiagramComponent, SmartDialog, SmartEmbeddedSlotDirective, SmartExpandableSectionService, SmartFileEditorComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorService, SmartFilterExpressionFieldComponent, SmartFilterPosition, SmartFilterType, SmartFilterWidgetComponent, SmartFormInputMode, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridService, SmartGridType, SmartIconComponent, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkMigrationStatusStatusEnum, SmartLinkUuidVariableInPath, SmartMapComponent, SmartMultiFileEditorComponent, SmartNavbarComponent, SmartNavbarService, SmartNavigationService, SmartNgClientFeatureKind, SmartService, SmartSessionService, SmartSessionTimerComponent, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTooltipDirective, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextService, SmartViewRedirect, SmartVoiceRecorderComponent, SmartWidgetHintPosition, SmartWidgetHintPositionEnum, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmarttreeGenericService, SmarttreeService, SubjectSelectorComponent, ThemeService, ToggleLabelPosition, ToolbarAlignment, ToolbarDirection, TreeArrowPosition, USE_ADVANCED_FILTER, UiActionButtonComponent, UiActionButtonType, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogButtonComponent, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, UiActionTooltipTooltipPositionEnum, UiBadgeComponent, UiBadgeDirective, UploadWidgetType, ValidationResultPageComponent, ValueChangeMode, ViewContextRebuiltError, ViewEventHandlerViewEventTypeEnum, ViewService, ViewState, ViewType, barChart, bubbleChart, createBasicOptions, doughnutChart, horizontalBarChart, horizontalStackedBarChart, injectSmartComponent, multiAxisLineChart, pieChart, polarAreaChart, provideSmartNgClient, radarChart, registerSmartWidget, resolveDateLocale, resolveSlot, resolveSmartNgClientConfig, resolveViewHandler, scatterChart, stackedBarChart, transformDataToBarLikeDataSet, transformDataToBasicDataSets, transformDataToBubble, transformDataToScatter, withSmartDiagram, withSmartMap };
+export { ACLEntry, APIS$5 as APIS, AclEditingViewComponent, ApiQueueService, BASE_PATH$7 as BASE_PATH, COLLECTION_FORMATS$7 as COLLECTION_FORMATS, CUSTOM_DIAGRAM_OPTIONS, CloseResult, ComponentFactoryService, ComponentType, ComponentWidgetType, Configuration$7 as Configuration, DEFAULT_ROW_LAYOUT, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultChartOptionsProvider, DefaultUiActionCode_CLOSE, DrawTime, EMPTY_PARAMS, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator$1 as FilterExpressionBoolOperator, FilterExpressionBuilderGroupBuilderGroupKindEnum, FilterExpressionBuilderUiModelTypeEnum, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderByOrderEnum, GenericPageComponent, GeoMapDataLoadingMode, GeoMapDataSourceType, GeoMapItemKind, GeoMapOperationMode, GeoMapSelectionMode, GeoMapTextType, GridColumnContentType, GridDataAccessConfigKindEnum, GridDefaultRowActionTrigger, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptorKindEnum, HighlightPipe, IS_ASYNC_PARAM_NAME, IconPosition, ImageResourceKindEnum, InvalidSmartlinkComponent, LayoutDirection, LinkTargetEnum, MAP_ENGINE, MapEngine, MenuOpenDirection, MenuTriggerType, MessageOptionType, MessageTextType, MessageType, NAMED_VALIDATOR, NamedValidatorOperationEnum, NamedValidatorService, NoPermissionPageComponent, REUSE_ROUTER_SLOT_COMPONENT, ROOT_CONTAINER_UUID, ROUTER_SLOT_ID, RecordingUploaderPropertiesOpenDirectionEnum, SMART_DATE_FORMATS, SMART_DEFAULT_VIEW_COMPONENTS, SMART_NG_CLIENT_CONFIG, SMART_ROW_LAYOUT_COMPONENT, SearchPageComponent, SelectionDefinitionTypeEnum, SelectionDefinitionValueSetValueTypeEnum, ServerRequestType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartActionHost, SmartActionType, SmartBackendBootstrapService, SmartComponent, SmartComponentApiClient, SmartComponentDetachedDirective, SmartComponentHost, SmartComponentLayoutComponent, SmartDateFnsAdapter, SmartDatePipe, SmartDateTimePipe, SmartDefaultErrorUiService, SmartDiagramComponent, SmartDialog, SmartEmbeddedSlotDirective, SmartExpandableSectionService, SmartFileEditorComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorService, SmartFilterExpressionFieldComponent, SmartFilterPosition, SmartFilterType, SmartFilterWidgetComponent, SmartFormInputMode, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridService, SmartGridType, SmartIconComponent, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkMigrationStatusStatusEnum, SmartLinkUuidVariableInPath, SmartMapComponent, SmartMultiFileEditorComponent, SmartNavbarComponent, SmartNavbarService, SmartNavigationService, SmartNgClientFeatureKind, SmartService, SmartSessionService, SmartSessionTimerComponent, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTooltipDirective, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextService, SmartViewRedirect, SmartVoiceRecorderComponent, SmartWidgetHintPosition, SmartWidgetHintPositionEnum, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmarttreeGenericService, SmarttreeService, SubjectSelectorComponent, ThemeService, ToggleLabelPosition, ToolbarAlignment, ToolbarDirection, TreeArrowPosition, USE_ADVANCED_FILTER, UiActionButtonComponent, UiActionButtonType, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogButtonComponent, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, UiActionTooltipTooltipPositionEnum, UiBadgeComponent, UiBadgeDirective, UploadWidgetType, ValidationResultPageComponent, ValueChangeMode, ViewContextRebuiltError, ViewEventHandlerViewEventTypeEnum, ViewService, ViewState, ViewType, barChart, bubbleChart, createBasicOptions, doughnutChart, horizontalBarChart, horizontalStackedBarChart, injectSmartComponent, multiAxisLineChart, pieChart, polarAreaChart, provideSmartNgClient, radarChart, registerSmartWidget, resolveDateLocale, resolveSlot, resolveSmartNgClientConfig, resolveViewHandler, scatterChart, stackedBarChart, transformDataToBarLikeDataSet, transformDataToBasicDataSets, transformDataToBubble, transformDataToScatter, withSmartDiagram, withSmartMap };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map