@masterteam/client-components 0.0.8 → 0.0.9

package/fesm2022/masterteam-client-components-client-instance-preview.mjs

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, input, signal, computed, effect, untracked, Component } from '@angular/core';
+import { EntitiesPreview } from '@masterteam/components/entities';
+import { HttpClient } from '@angular/common/http';
+
+class ClientInstancePreviewApiService {
+    http = inject(HttpClient);
+    baseUrl = 'data/modules/cards';
+    resolve(config) {
+        return this.http.get(this.baseUrl, {
+            params: {
+                masterModuleDataId: config.instanceId,
+                moduleId: config.moduleId,
+                levelId: config.levelId,
+                displayAreas: config.displayAreas,
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientInstancePreviewApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientInstancePreviewApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientInstancePreviewApiService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ClientInstancePreview {
+    clientInstancePreviewApiService = inject(ClientInstancePreviewApiService);
+    loadSub;
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    response = signal(null, ...(ngDevMode ? [{ debugName: "response" }] : []));
+    entities = computed(() => mapPreviewToEntities(this.response()), ...(ngDevMode ? [{ debugName: "entities" }] : []));
+    constructor() {
+        effect(() => {
+            const config = this.config();
+            if (!config) {
+                return;
+            }
+            untracked(() => this.load(config));
+        });
+    }
+    load(config) {
+        this.loadSub?.unsubscribe();
+        this.loading.set(true);
+        this.error.set(null);
+        this.loadSub = this.clientInstancePreviewApiService
+            .resolve(config)
+            .subscribe({
+            next: (response) => {
+                this.loading.set(false);
+                this.response.set(response.data);
+            },
+            error: (error) => {
+                this.loading.set(false);
+                this.response.set(null);
+                const message = error?.error?.message ??
+                    error?.message ??
+                    'Failed to load instance preview';
+                this.error.set(message);
+            },
+        });
+    }
+    ngOnDestroy() {
+        this.loadSub?.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientInstancePreview, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientInstancePreview, isStandalone: true, selector: "mt-client-instance-preview", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (loading()) {\r\n  <div class=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\r\n    @for (item of [1, 2, 3, 4]; track item) {\r\n      <div class=\"rounded-2xl border border-surface-200 bg-surface-50 p-4\">\r\n        <div class=\"mb-3 h-4 w-28 animate-pulse rounded bg-surface-200\"></div>\r\n        <div class=\"h-5 w-40 animate-pulse rounded bg-surface-200\"></div>\r\n      </div>\r\n    }\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      {{ error() }}\r\n    </p>\r\n  </div>\r\n} @else if (entities().length) {\r\n  <mt-entities-preview [entities]=\"entities()\" />\r\n} @else {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      No preview data is available for this instance.\r\n    </p>\r\n  </div>\r\n}\r\n", dependencies: [{ kind: "component", type: EntitiesPreview, selector: "mt-entities-preview", inputs: ["entities"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientInstancePreview, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-client-instance-preview', standalone: true, imports: [EntitiesPreview], template: "@if (loading()) {\r\n  <div class=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\r\n    @for (item of [1, 2, 3, 4]; track item) {\r\n      <div class=\"rounded-2xl border border-surface-200 bg-surface-50 p-4\">\r\n        <div class=\"mb-3 h-4 w-28 animate-pulse rounded bg-surface-200\"></div>\r\n        <div class=\"h-5 w-40 animate-pulse rounded bg-surface-200\"></div>\r\n      </div>\r\n    }\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      {{ error() }}\r\n    </p>\r\n  </div>\r\n} @else if (entities().length) {\r\n  <mt-entities-preview [entities]=\"entities()\" />\r\n} @else {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      No preview data is available for this instance.\r\n    </p>\r\n  </div>\r\n}\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
+// ─── Mapping helpers ───
+function buildDisplayConfigLookup(displayConfigurations) {
+    const lookup = new Map();
+    for (const config of displayConfigurations) {
+        for (const prop of config.properties ?? []) {
+            if (prop.areaKey !== 'card' || !prop.propertyKey)
+                continue;
+            lookup.set(prop.propertyKey, prop);
+        }
+    }
+    return lookup;
+}
+function mapPropertiesToEntities(properties, configLookup) {
+    return properties
+        .map((prop, index) => {
+        const displayConfig = configLookup.get(prop.key);
+        return {
+            id: prop.propertyId,
+            propertyId: prop.propertyId,
+            key: prop.key,
+            normalizedKey: prop.normalizedKey,
+            name: prop.name,
+            rawValue: prop.rawValue,
+            value: prop.value,
+            viewType: prop.viewType,
+            type: prop.type,
+            order: displayConfig?.order ?? index + 1,
+            configuration: displayConfig?.configuration ?? { size: 4 },
+        };
+    })
+        .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+}
+function mapPreviewToEntities(response) {
+    if (!response?.master?.properties?.length) {
+        return [];
+    }
+    const configLookup = buildDisplayConfigLookup(response.displayConfigurations ?? []);
+    return mapPropertiesToEntities(response.master.properties, configLookup);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ClientInstancePreview, ClientInstancePreviewApiService };
+//# sourceMappingURL=masterteam-client-components-client-instance-preview.mjs.map

package/fesm2022/masterteam-client-components-client-instance-preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-client-components-client-instance-preview.mjs","sources":["../../../../packages/masterteam/client-components/client-instance-preview/client-instance-preview-api.service.ts","../../../../packages/masterteam/client-components/client-instance-preview/client-instance-preview.ts","../../../../packages/masterteam/client-components/client-instance-preview/client-instance-preview.html","../../../../packages/masterteam/client-components/client-instance-preview/masterteam-client-components-client-instance-preview.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { PreviewResponse, Response } from './client-instance-preview.model';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class ClientInstancePreviewApiService {\r\n  private readonly http = inject(HttpClient);\r\n  private readonly baseUrl = 'data/modules/cards';\r\n\r\n  resolve(config: any): Observable<Response<PreviewResponse>> {\r\n    return this.http.get<Response<PreviewResponse>>(this.baseUrl, {\r\n      params: {\r\n        masterModuleDataId: config.instanceId,\r\n        moduleId: config.moduleId,\r\n        levelId: config.levelId,\r\n        displayAreas: config.displayAreas,\r\n      },\r\n    });\r\n  }\r\n}\r\n","import {\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  OnDestroy,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\r\nimport { EntitiesPreview, EntityData } from '@masterteam/components/entities';\r\n\r\nimport { ClientInstancePreviewApiService } from './client-instance-preview-api.service';\r\nimport {\r\n  ClientInstancePreviewConfig,\r\n  DisplayConfiguration,\r\n  DisplayPropertyConfig,\r\n  PreviewProperty,\r\n  PreviewResponse,\r\n} from './client-instance-preview.model';\r\n\r\n@Component({\r\n  selector: 'mt-client-instance-preview',\r\n  standalone: true,\r\n  imports: [EntitiesPreview],\r\n  templateUrl: './client-instance-preview.html',\r\n})\nexport class ClientInstancePreview implements OnDestroy {\n  private readonly clientInstancePreviewApiService = inject(\r\n    ClientInstancePreviewApiService,\r\n  );\r\n  private loadSub?: Subscription;\r\n  readonly config = input.required<ClientInstancePreviewConfig>();\r\n  readonly loading = signal(false);\r\n  readonly error = signal<string | null>(null);\n  readonly response = signal<PreviewResponse | null>(null);\n\n  readonly entities = computed(() => mapPreviewToEntities(this.response()));\n\n  constructor() {\n    effect(() => {\n      const config = this.config();\n      if (!config) {\n        return;\n      }\n\n      untracked(() => this.load(config));\n    });\n  }\n\n  load(config: ClientInstancePreviewConfig): void {\n    this.loadSub?.unsubscribe();\n    this.loading.set(true);\n    this.error.set(null);\n\n    this.loadSub = this.clientInstancePreviewApiService\r\n      .resolve(config)\r\n      .subscribe({\r\n        next: (response) => {\r\n          this.loading.set(false);\r\n          this.response.set(response.data);\r\n        },\r\n        error: (error) => {\r\n          this.loading.set(false);\r\n          this.response.set(null);\r\n          const message =\r\n            error?.error?.message ??\r\n            error?.message ??\r\n            'Failed to load instance preview';\r\n          this.error.set(message);\r\n        },\r\n      });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.loadSub?.unsubscribe();\r\n  }\r\n}\r\n\r\n// ─── Mapping helpers ───\r\n\r\nfunction buildDisplayConfigLookup(\r\n  displayConfigurations: DisplayConfiguration[],\r\n): Map<string, DisplayPropertyConfig> {\r\n  const lookup = new Map<string, DisplayPropertyConfig>();\r\n  for (const config of displayConfigurations) {\r\n    for (const prop of config.properties ?? []) {\r\n      if (prop.areaKey !== 'card' || !prop.propertyKey) continue;\r\n      lookup.set(prop.propertyKey, prop);\r\n    }\r\n  }\r\n  return lookup;\r\n}\r\n\r\nfunction mapPropertiesToEntities(\r\n  properties: PreviewProperty[],\r\n  configLookup: Map<string, DisplayPropertyConfig>,\r\n): EntityData[] {\r\n  return properties\r\n    .map((prop, index) => {\r\n      const displayConfig = configLookup.get(prop.key);\r\n      return {\r\n        id: prop.propertyId,\r\n        propertyId: prop.propertyId,\r\n        key: prop.key,\r\n        normalizedKey: prop.normalizedKey,\r\n        name: prop.name,\r\n        rawValue: prop.rawValue,\r\n        value: prop.value as EntityData['value'],\r\n        viewType: prop.viewType as EntityData['viewType'],\r\n        type: prop.type,\r\n        order: displayConfig?.order ?? index + 1,\r\n        configuration: displayConfig?.configuration ?? { size: 4 },\r\n      } as EntityData;\r\n    })\r\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\r\n}\r\n\r\nfunction mapPreviewToEntities(response: PreviewResponse | null): EntityData[] {\r\n  if (!response?.master?.properties?.length) {\r\n    return [];\r\n  }\r\n\r\n  const configLookup = buildDisplayConfigLookup(\r\n    response.displayConfigurations ?? [],\r\n  );\r\n\r\n  return mapPropertiesToEntities(response.master.properties, configLookup);\r\n}\r\n","@if (loading()) {\r\n  <div class=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\r\n    @for (item of [1, 2, 3, 4]; track item) {\r\n      <div class=\"rounded-2xl border border-surface-200 bg-surface-50 p-4\">\r\n        <div class=\"mb-3 h-4 w-28 animate-pulse rounded bg-surface-200\"></div>\r\n        <div class=\"h-5 w-40 animate-pulse rounded bg-surface-200\"></div>\r\n      </div>\r\n    }\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      {{ error() }}\r\n    </p>\r\n  </div>\r\n} @else if (entities().length) {\r\n  <mt-entities-preview [entities]=\"entities()\" />\r\n} @else {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      No preview data is available for this instance.\r\n    </p>\r\n  </div>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-client-components-client-list.mjs

@@ -359,11 +359,11 @@ class ClientListTableView {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientListTableView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientListTableView, isStandalone: true, selector: "mt-client-list-table-view", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lazyLoad: "lazyLoad" }, ngImport: i0, template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\n  @if (table().config.contentStart) {\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.startSpan)\">\n      <ng-container\n        [ngTemplateOutlet]=\"table().config.contentStart\"\n        [ngTemplateOutletContext]=\"templateContext(table())\"\n      />\n    </div>\n  }\n\n  <div [style.gridColumn]=\"slotGridSpan(table().config.layout.tableSpan)\">\n    <mt-card>\n      @if (table().loading && table().rows.length === 0) {\n        <div class=\"flex flex-col gap-3 py-3\">\n          <p-skeleton height=\"3rem\" />\n          <p-skeleton height=\"3rem\" />\n          <p-skeleton height=\"3rem\" />\n        </div>\n      } @else if (table().error) {\n        <div\n          class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\n        >\n          {{ table().error }}\n        </div>\n      } @else {\n        <mt-table\n          [data]=\"table().rows\"\n          [columns]=\"table().columns\"\n          [rowActions]=\"rowActions()\"\n          [loading]=\"table().loading\"\n          [lazy]=\"table().config.isPaginated\"\n          [lazyTotalRecords]=\"table().totalCount\"\n          [pageSize]=\"table().config.isPaginated ? table().take : 10\"\n          (lazyLoad)=\"lazyLoad.emit($event)\"\n        />\n      }\n    </mt-card>\n  </div>\n\n  @if (table().config.contentEnd) {\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.endSpan)\">\n      <ng-container\n        [ngTemplateOutlet]=\"table().config.contentEnd\"\n        [ngTemplateOutletContext]=\"templateContext(table())\"\n      />\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "showFilters", "loading", "updating", "lazy", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "exportable", "exportFilename", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "pageSize", "currentPage", "first", "filterTerm"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientListTableView, isStandalone: true, selector: "mt-client-list-table-view", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lazyLoad: "lazyLoad" }, ngImport: i0, template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\r\n  @if (table().config.contentStart) {\r\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.startSpan)\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"table().config.contentStart\"\r\n        [ngTemplateOutletContext]=\"templateContext(table())\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  <div [style.gridColumn]=\"slotGridSpan(table().config.layout.tableSpan)\">\r\n    <mt-card>\r\n      @if (table().loading && table().rows.length === 0) {\r\n        <div class=\"flex flex-col gap-3 py-3\">\r\n          <p-skeleton height=\"3rem\" />\r\n          <p-skeleton height=\"3rem\" />\r\n          <p-skeleton height=\"3rem\" />\r\n        </div>\r\n      } @else if (table().error) {\r\n        <div\r\n          class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n        >\r\n          {{ table().error }}\r\n        </div>\r\n      } @else {\r\n        <mt-table\r\n          [data]=\"table().rows\"\r\n          [columns]=\"table().columns\"\r\n          [rowActions]=\"rowActions()\"\r\n          [loading]=\"table().loading\"\r\n          [lazy]=\"table().config.isPaginated\"\r\n          [lazyTotalRecords]=\"table().totalCount\"\r\n          [pageSize]=\"table().config.isPaginated ? table().take : 10\"\r\n          (lazyLoad)=\"lazyLoad.emit($event)\"\r\n        />\r\n      }\r\n    </mt-card>\r\n  </div>\r\n\r\n  @if (table().config.contentEnd) {\r\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.endSpan)\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"table().config.contentEnd\"\r\n        [ngTemplateOutletContext]=\"templateContext(table())\"\r\n      />\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "showFilters", "loading", "updating", "lazy", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "exportable", "exportFilename", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "pageSize", "currentPage", "first", "filterTerm"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientListTableView, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-client-list-table-view', standalone: true, imports: [CommonModule, Card, Table, SkeletonModule], template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\n  @if (table().config.contentStart) {\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.startSpan)\">\n      <ng-container\n        [ngTemplateOutlet]=\"table().config.contentStart\"\n        [ngTemplateOutletContext]=\"templateContext(table())\"\n      />\n    </div>\n  }\n\n  <div [style.gridColumn]=\"slotGridSpan(table().config.layout.tableSpan)\">\n    <mt-card>\n      @if (table().loading && table().rows.length === 0) {\n        <div class=\"flex flex-col gap-3 py-3\">\n          <p-skeleton height=\"3rem\" />\n          <p-skeleton height=\"3rem\" />\n          <p-skeleton height=\"3rem\" />\n        </div>\n      } @else if (table().error) {\n        <div\n          class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\n        >\n          {{ table().error }}\n        </div>\n      } @else {\n        <mt-table\n          [data]=\"table().rows\"\n          [columns]=\"table().columns\"\n          [rowActions]=\"rowActions()\"\n          [loading]=\"table().loading\"\n          [lazy]=\"table().config.isPaginated\"\n          [lazyTotalRecords]=\"table().totalCount\"\n          [pageSize]=\"table().config.isPaginated ? table().take : 10\"\n          (lazyLoad)=\"lazyLoad.emit($event)\"\n        />\n      }\n    </mt-card>\n  </div>\n\n  @if (table().config.contentEnd) {\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.endSpan)\">\n      <ng-container\n        [ngTemplateOutlet]=\"table().config.contentEnd\"\n        [ngTemplateOutletContext]=\"templateContext(table())\"\n      />\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'mt-client-list-table-view', standalone: true, imports: [CommonModule, Card, Table, SkeletonModule], template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\r\n  @if (table().config.contentStart) {\r\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.startSpan)\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"table().config.contentStart\"\r\n        [ngTemplateOutletContext]=\"templateContext(table())\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  <div [style.gridColumn]=\"slotGridSpan(table().config.layout.tableSpan)\">\r\n    <mt-card>\r\n      @if (table().loading && table().rows.length === 0) {\r\n        <div class=\"flex flex-col gap-3 py-3\">\r\n          <p-skeleton height=\"3rem\" />\r\n          <p-skeleton height=\"3rem\" />\r\n          <p-skeleton height=\"3rem\" />\r\n        </div>\r\n      } @else if (table().error) {\r\n        <div\r\n          class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n        >\r\n          {{ table().error }}\r\n        </div>\r\n      } @else {\r\n        <mt-table\r\n          [data]=\"table().rows\"\r\n          [columns]=\"table().columns\"\r\n          [rowActions]=\"rowActions()\"\r\n          [loading]=\"table().loading\"\r\n          [lazy]=\"table().config.isPaginated\"\r\n          [lazyTotalRecords]=\"table().totalCount\"\r\n          [pageSize]=\"table().config.isPaginated ? table().take : 10\"\r\n          (lazyLoad)=\"lazyLoad.emit($event)\"\r\n        />\r\n      }\r\n    </mt-card>\r\n  </div>\r\n\r\n  @if (table().config.contentEnd) {\r\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.endSpan)\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"table().config.contentEnd\"\r\n        [ngTemplateOutletContext]=\"templateContext(table())\"\r\n      />\r\n    </div>\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }], rowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowActions", required: false }] }], lazyLoad: [{ type: i0.Output, args: ["lazyLoad"] }] } });
 
 class ClientListCardsView {
@@ -396,11 +396,11 @@ class ClientListInformativeView {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientListInformativeView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientListInformativeView, isStandalone: true, selector: "mt-client-list-informative-view", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\n  @if (informativeState().config.contentStart) {\n    <div\n      [style.gridColumn]=\"\n        slotGridSpan(informativeState().config.layout.startSpan)\n      \"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"informativeState().config.contentStart\"\n        [ngTemplateOutletContext]=\"templateContext(informativeState())\"\n      />\n    </div>\n  }\n\n  <div\n    [style.gridColumn]=\"\n      slotGridSpan(informativeState().config.layout.tableSpan)\n    \"\n  >\n    <mt-card>\n      @if (\n        informativeState().loading &&\n        !informativeState().dashboardData?.charts?.length\n      ) {\n        <div class=\"flex flex-col gap-3 py-3\">\n          <p-skeleton height=\"6rem\" />\n          <p-skeleton height=\"12rem\" />\n          <p-skeleton height=\"12rem\" />\n        </div>\n      } @else if (informativeState().error) {\n        <div\n          class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\n        >\n          {{ informativeState().error }}\n        </div>\n      } @else if (!informativeState().dashboardData?.charts?.length) {\n        <div class=\"p-6 text-center text-gray-400\">\n          No informative dashboard found.\n        </div>\n      } @else {\n        <div class=\"min-h-[420px]\">\n          <mt-dashboard-viewer\n            [isPage]=\"false\"\n            [showFilters]=\"false\"\n            [dashboardData]=\"informativeState().dashboardData\"\n          />\n        </div>\n      }\n    </mt-card>\n  </div>\n\n  @if (informativeState().config.contentEnd) {\n    <div\n      [style.gridColumn]=\"\n        slotGridSpan(informativeState().config.layout.endSpan)\n      \"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"informativeState().config.contentEnd\"\n        [ngTemplateOutletContext]=\"templateContext(informativeState())\"\n      />\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: DashboardViewer, selector: "mt-dashboard-viewer", inputs: ["isPage", "pageTitle", "backButton", "pageId", "dashboardData", "chartsData", "dialogsData", "filtersData", "showFilters"], outputs: ["pageLoaded", "onBack", "chartClick"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientListInformativeView, isStandalone: true, selector: "mt-client-list-informative-view", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\r\n  @if (informativeState().config.contentStart) {\r\n    <div\r\n      [style.gridColumn]=\"\r\n        slotGridSpan(informativeState().config.layout.startSpan)\r\n      \"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"informativeState().config.contentStart\"\r\n        [ngTemplateOutletContext]=\"templateContext(informativeState())\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    [style.gridColumn]=\"\r\n      slotGridSpan(informativeState().config.layout.tableSpan)\r\n    \"\r\n  >\r\n    <mt-card>\r\n      @if (\r\n        informativeState().loading &&\r\n        !informativeState().dashboardData?.charts?.length\r\n      ) {\r\n        <div class=\"flex flex-col gap-3 py-3\">\r\n          <p-skeleton height=\"6rem\" />\r\n          <p-skeleton height=\"12rem\" />\r\n          <p-skeleton height=\"12rem\" />\r\n        </div>\r\n      } @else if (informativeState().error) {\r\n        <div\r\n          class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n        >\r\n          {{ informativeState().error }}\r\n        </div>\r\n      } @else if (!informativeState().dashboardData?.charts?.length) {\r\n        <div class=\"p-6 text-center text-gray-400\">\r\n          No informative dashboard found.\r\n        </div>\r\n      } @else {\r\n        <div class=\"min-h-[420px]\">\r\n          <mt-dashboard-viewer\r\n            [isPage]=\"false\"\r\n            [showFilters]=\"false\"\r\n            [dashboardData]=\"informativeState().dashboardData\"\r\n          />\r\n        </div>\r\n      }\r\n    </mt-card>\r\n  </div>\r\n\r\n  @if (informativeState().config.contentEnd) {\r\n    <div\r\n      [style.gridColumn]=\"\r\n        slotGridSpan(informativeState().config.layout.endSpan)\r\n      \"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"informativeState().config.contentEnd\"\r\n        [ngTemplateOutletContext]=\"templateContext(informativeState())\"\r\n      />\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: DashboardViewer, selector: "mt-dashboard-viewer", inputs: ["isPage", "pageTitle", "backButton", "pageId", "dashboardData", "chartsData", "dialogsData", "filtersData", "showFilters"], outputs: ["pageLoaded", "onBack", "chartClick"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientListInformativeView, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-client-list-informative-view', standalone: true, imports: [CommonModule, Card, DashboardViewer, SkeletonModule], template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\n  @if (informativeState().config.contentStart) {\n    <div\n      [style.gridColumn]=\"\n        slotGridSpan(informativeState().config.layout.startSpan)\n      \"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"informativeState().config.contentStart\"\n        [ngTemplateOutletContext]=\"templateContext(informativeState())\"\n      />\n    </div>\n  }\n\n  <div\n    [style.gridColumn]=\"\n      slotGridSpan(informativeState().config.layout.tableSpan)\n    \"\n  >\n    <mt-card>\n      @if (\n        informativeState().loading &&\n        !informativeState().dashboardData?.charts?.length\n      ) {\n        <div class=\"flex flex-col gap-3 py-3\">\n          <p-skeleton height=\"6rem\" />\n          <p-skeleton height=\"12rem\" />\n          <p-skeleton height=\"12rem\" />\n        </div>\n      } @else if (informativeState().error) {\n        <div\n          class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\n        >\n          {{ informativeState().error }}\n        </div>\n      } @else if (!informativeState().dashboardData?.charts?.length) {\n        <div class=\"p-6 text-center text-gray-400\">\n          No informative dashboard found.\n        </div>\n      } @else {\n        <div class=\"min-h-[420px]\">\n          <mt-dashboard-viewer\n            [isPage]=\"false\"\n            [showFilters]=\"false\"\n            [dashboardData]=\"informativeState().dashboardData\"\n          />\n        </div>\n      }\n    </mt-card>\n  </div>\n\n  @if (informativeState().config.contentEnd) {\n    <div\n      [style.gridColumn]=\"\n        slotGridSpan(informativeState().config.layout.endSpan)\n      \"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"informativeState().config.contentEnd\"\n        [ngTemplateOutletContext]=\"templateContext(informativeState())\"\n      />\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'mt-client-list-informative-view', standalone: true, imports: [CommonModule, Card, DashboardViewer, SkeletonModule], template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\r\n  @if (informativeState().config.contentStart) {\r\n    <div\r\n      [style.gridColumn]=\"\r\n        slotGridSpan(informativeState().config.layout.startSpan)\r\n      \"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"informativeState().config.contentStart\"\r\n        [ngTemplateOutletContext]=\"templateContext(informativeState())\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    [style.gridColumn]=\"\r\n      slotGridSpan(informativeState().config.layout.tableSpan)\r\n    \"\r\n  >\r\n    <mt-card>\r\n      @if (\r\n        informativeState().loading &&\r\n        !informativeState().dashboardData?.charts?.length\r\n      ) {\r\n        <div class=\"flex flex-col gap-3 py-3\">\r\n          <p-skeleton height=\"6rem\" />\r\n          <p-skeleton height=\"12rem\" />\r\n          <p-skeleton height=\"12rem\" />\r\n        </div>\r\n      } @else if (informativeState().error) {\r\n        <div\r\n          class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n        >\r\n          {{ informativeState().error }}\r\n        </div>\r\n      } @else if (!informativeState().dashboardData?.charts?.length) {\r\n        <div class=\"p-6 text-center text-gray-400\">\r\n          No informative dashboard found.\r\n        </div>\r\n      } @else {\r\n        <div class=\"min-h-[420px]\">\r\n          <mt-dashboard-viewer\r\n            [isPage]=\"false\"\r\n            [showFilters]=\"false\"\r\n            [dashboardData]=\"informativeState().dashboardData\"\r\n          />\r\n        </div>\r\n      }\r\n    </mt-card>\r\n  </div>\r\n\r\n  @if (informativeState().config.contentEnd) {\r\n    <div\r\n      [style.gridColumn]=\"\r\n        slotGridSpan(informativeState().config.layout.endSpan)\r\n      \"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"informativeState().config.contentEnd\"\r\n        [ngTemplateOutletContext]=\"templateContext(informativeState())\"\r\n      />\r\n    </div>\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }] } });
 
 const DEFAULT_AREA_TYPE = 'table';
@@ -499,17 +499,20 @@ class ClientList {
             const isPaginated = !isInformative &&
                 areaType === 'table' &&
                 (config.isPaginated ?? true);
+            const showHeader = config.showHeader ?? true;
             const take = !isInformative && areaType === 'table'
                 ? isPaginated
                     ? (config.take ?? this.defaultTake())
                     : LOCAL_PAGE_SIZE_SOURCE
                 : 0;
-            const collapseEnabled = (config.collapse?.enabled ?? true) && hasMultipleConfigs;
+            const collapseEnabled = showHeader &&
+                (config.collapse?.enabled ?? true) &&
+                hasMultipleConfigs;
             const layout = this.resolveLayout(config);
             const key = config.key ??
                 `${config.levelId ?? 'x'}-${config.levelDataId ?? 'x'}-${config.moduleId ?? 'x'}-${index}`;
             const existing = previousItems[key];
-            const normalizedConfig = this.toNormalizedConfig(config, type, areaType, mode, isPaginated, take, collapseEnabled, layout);
+            const normalizedConfig = this.toNormalizedConfig(config, type, areaType, mode, isPaginated, take, showHeader, collapseEnabled, layout);
             if (isInformative) {
                 return {
                     key,
@@ -749,7 +752,7 @@ class ClientList {
             return DEFAULT_MODE;
         return (columnKeys ?? []).length > 0 ? 'override' : DEFAULT_MODE;
     }
-    toNormalizedConfig(config, type, areaType, mode, isPaginated, take, collapseEnabled, layout) {
+    toNormalizedConfig(config, type, areaType, mode, isPaginated, take, showHeader, collapseEnabled, layout) {
         return {
             levelId: config.levelId,
             levelDataId: config.levelDataId,
@@ -760,6 +763,7 @@ class ClientList {
             isPaginated,
             take,
             title: config.title,
+            showHeader,
             columnKeys: config.columnKeys ?? [],
             headerStart: config.headerStart,
             headerEnd: config.headerEnd,
@@ -877,7 +881,7 @@ class ClientList {
         return 'Missing identifiers: levelId, levelDataId and moduleId are required';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientList, isStandalone: true, selector: "mt-client-list", inputs: { configurations: { classPropertyName: "configurations", publicName: "configurations", isSignal: true, isRequired: true, transformFunction: null }, defaultTake: { classPropertyName: "defaultTake", publicName: "defaultTake", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loaded: "loaded", errored: "errored" }, providers: [ClientListStateService], ngImport: i0, template: "<div class=\"flex flex-col gap-4\">\n  @for (item of items(); track item.key) {\n    <section class=\"flex flex-col gap-4\">\n      <div class=\"flex w-full items-center gap-2\">\n        <div class=\"flex min-w-0 flex-1 items-center gap-2\">\n          @if (item.config.collapse.enabled) {\n            <mt-button\n              variant=\"text\"\n              severity=\"secondary\"\n              [icon]=\"\n                item.expanded\n                  ? item.config.collapse.collapseIcon\n                  : item.config.collapse.expandIcon\n              \"\n              (onClick)=\"toggleExpanded(item.key)\"\n            />\n          }\n          <h3 class=\"m-0 text-lg font-bold\">\n            {{ item.title || item.moduleKey || defaultTitle(item) }}\n          </h3>\n          @if (item.config.headerStart) {\n            <div class=\"flex items-center gap-2\">\n              <ng-container\n                [ngTemplateOutlet]=\"item.config.headerStart\"\n                [ngTemplateOutletContext]=\"templateContext(item)\"\n              />\n            </div>\n          }\n        </div>\n        @if (item.config.headerEnd) {\n          <div class=\"ml-auto flex shrink-0 items-center gap-2\">\n            <ng-container\n              [ngTemplateOutlet]=\"item.config.headerEnd\"\n              [ngTemplateOutletContext]=\"templateContext(item)\"\n            />\n          </div>\n        }\n      </div>\n\n      @if (item.expanded || !item.config.collapse.enabled) {\n        @if (item.config.templateContent) {\n          <ng-container\n            [ngTemplateOutlet]=\"item.config.templateContent\"\n            [ngTemplateOutletContext]=\"templateContext(item)\"\n          />\n        } @else if (item.type === \"informative\") {\n          <mt-client-list-informative-view [state]=\"item\" />\n        } @else if (item.areaType === \"table\") {\n          <mt-client-list-table-view\n            [state]=\"item\"\n            [rowActions]=\"item.config.rowActions\"\n            (lazyLoad)=\"onLazyLoad(item.key, $event)\"\n          />\n        } @else {\n          <mt-client-list-cards-view [state]=\"item\" />\n        }\n      }\n    </section>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ClientListTableView, selector: "mt-client-list-table-view", inputs: ["state", "rowActions"], outputs: ["lazyLoad"] }, { kind: "component", type: ClientListCardsView, selector: "mt-client-list-cards-view", inputs: ["state"] }, { kind: "component", type: ClientListInformativeView, selector: "mt-client-list-informative-view", inputs: ["state"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientList, isStandalone: true, selector: "mt-client-list", inputs: { configurations: { classPropertyName: "configurations", publicName: "configurations", isSignal: true, isRequired: true, transformFunction: null }, defaultTake: { classPropertyName: "defaultTake", publicName: "defaultTake", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loaded: "loaded", errored: "errored" }, providers: [ClientListStateService], ngImport: i0, template: "<div class=\"flex flex-col gap-4\">\r\n  @for (item of items(); track item.key) {\r\n    <section class=\"flex flex-col gap-4\">\r\n      @if (item.config.showHeader) {\r\n        <div class=\"flex w-full items-center gap-2\">\r\n          <div class=\"flex min-w-0 flex-1 items-center gap-2\">\r\n            @if (item.config.collapse.enabled) {\r\n              <mt-button\r\n                variant=\"text\"\r\n                severity=\"secondary\"\r\n                [icon]=\"\r\n                  item.expanded\r\n                    ? item.config.collapse.collapseIcon\r\n                    : item.config.collapse.expandIcon\r\n                \"\r\n                (onClick)=\"toggleExpanded(item.key)\"\r\n              />\r\n            }\r\n            <h3 class=\"m-0 text-lg font-bold\">\r\n              {{ item.title || item.moduleKey || defaultTitle(item) }}\r\n            </h3>\r\n            @if (item.config.headerStart) {\r\n              <div class=\"flex items-center gap-2\">\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"item.config.headerStart\"\r\n                  [ngTemplateOutletContext]=\"templateContext(item)\"\r\n                />\r\n              </div>\r\n            }\r\n          </div>\r\n          @if (item.config.headerEnd) {\r\n            <div class=\"ml-auto flex shrink-0 items-center gap-2\">\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"item.config.headerEnd\"\r\n                [ngTemplateOutletContext]=\"templateContext(item)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n\r\n      @if (item.expanded || !item.config.collapse.enabled) {\r\n        @if (item.config.templateContent) {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"item.config.templateContent\"\r\n            [ngTemplateOutletContext]=\"templateContext(item)\"\r\n          />\r\n        } @else if (item.type === \"informative\") {\r\n          <mt-client-list-informative-view [state]=\"item\" />\r\n        } @else if (item.areaType === \"table\") {\r\n          <mt-client-list-table-view\r\n            [state]=\"item\"\r\n            [rowActions]=\"item.config.rowActions\"\r\n            (lazyLoad)=\"onLazyLoad(item.key, $event)\"\r\n          />\r\n        } @else {\r\n          <mt-client-list-cards-view [state]=\"item\" />\r\n        }\r\n      }\r\n    </section>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ClientListTableView, selector: "mt-client-list-table-view", inputs: ["state", "rowActions"], outputs: ["lazyLoad"] }, { kind: "component", type: ClientListCardsView, selector: "mt-client-list-cards-view", inputs: ["state"] }, { kind: "component", type: ClientListInformativeView, selector: "mt-client-list-informative-view", inputs: ["state"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientList, decorators: [{
             type: Component,
@@ -887,7 +891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                         ClientListTableView,
                         ClientListCardsView,
                         ClientListInformativeView,
-                    ], providers: [ClientListStateService], template: "<div class=\"flex flex-col gap-4\">\n  @for (item of items(); track item.key) {\n    <section class=\"flex flex-col gap-4\">\n      <div class=\"flex w-full items-center gap-2\">\n        <div class=\"flex min-w-0 flex-1 items-center gap-2\">\n          @if (item.config.collapse.enabled) {\n            <mt-button\n              variant=\"text\"\n              severity=\"secondary\"\n              [icon]=\"\n                item.expanded\n                  ? item.config.collapse.collapseIcon\n                  : item.config.collapse.expandIcon\n              \"\n              (onClick)=\"toggleExpanded(item.key)\"\n            />\n          }\n          <h3 class=\"m-0 text-lg font-bold\">\n            {{ item.title || item.moduleKey || defaultTitle(item) }}\n          </h3>\n          @if (item.config.headerStart) {\n            <div class=\"flex items-center gap-2\">\n              <ng-container\n                [ngTemplateOutlet]=\"item.config.headerStart\"\n                [ngTemplateOutletContext]=\"templateContext(item)\"\n              />\n            </div>\n          }\n        </div>\n        @if (item.config.headerEnd) {\n          <div class=\"ml-auto flex shrink-0 items-center gap-2\">\n            <ng-container\n              [ngTemplateOutlet]=\"item.config.headerEnd\"\n              [ngTemplateOutletContext]=\"templateContext(item)\"\n            />\n          </div>\n        }\n      </div>\n\n      @if (item.expanded || !item.config.collapse.enabled) {\n        @if (item.config.templateContent) {\n          <ng-container\n            [ngTemplateOutlet]=\"item.config.templateContent\"\n            [ngTemplateOutletContext]=\"templateContext(item)\"\n          />\n        } @else if (item.type === \"informative\") {\n          <mt-client-list-informative-view [state]=\"item\" />\n        } @else if (item.areaType === \"table\") {\n          <mt-client-list-table-view\n            [state]=\"item\"\n            [rowActions]=\"item.config.rowActions\"\n            (lazyLoad)=\"onLazyLoad(item.key, $event)\"\n          />\n        } @else {\n          <mt-client-list-cards-view [state]=\"item\" />\n        }\n      }\n    </section>\n  }\n</div>\n" }]
+                    ], providers: [ClientListStateService], template: "<div class=\"flex flex-col gap-4\">\r\n  @for (item of items(); track item.key) {\r\n    <section class=\"flex flex-col gap-4\">\r\n      @if (item.config.showHeader) {\r\n        <div class=\"flex w-full items-center gap-2\">\r\n          <div class=\"flex min-w-0 flex-1 items-center gap-2\">\r\n            @if (item.config.collapse.enabled) {\r\n              <mt-button\r\n                variant=\"text\"\r\n                severity=\"secondary\"\r\n                [icon]=\"\r\n                  item.expanded\r\n                    ? item.config.collapse.collapseIcon\r\n                    : item.config.collapse.expandIcon\r\n                \"\r\n                (onClick)=\"toggleExpanded(item.key)\"\r\n              />\r\n            }\r\n            <h3 class=\"m-0 text-lg font-bold\">\r\n              {{ item.title || item.moduleKey || defaultTitle(item) }}\r\n            </h3>\r\n            @if (item.config.headerStart) {\r\n              <div class=\"flex items-center gap-2\">\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"item.config.headerStart\"\r\n                  [ngTemplateOutletContext]=\"templateContext(item)\"\r\n                />\r\n              </div>\r\n            }\r\n          </div>\r\n          @if (item.config.headerEnd) {\r\n            <div class=\"ml-auto flex shrink-0 items-center gap-2\">\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"item.config.headerEnd\"\r\n                [ngTemplateOutletContext]=\"templateContext(item)\"\r\n              />\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n\r\n      @if (item.expanded || !item.config.collapse.enabled) {\r\n        @if (item.config.templateContent) {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"item.config.templateContent\"\r\n            [ngTemplateOutletContext]=\"templateContext(item)\"\r\n          />\r\n        } @else if (item.type === \"informative\") {\r\n          <mt-client-list-informative-view [state]=\"item\" />\r\n        } @else if (item.areaType === \"table\") {\r\n          <mt-client-list-table-view\r\n            [state]=\"item\"\r\n            [rowActions]=\"item.config.rowActions\"\r\n            (lazyLoad)=\"onLazyLoad(item.key, $event)\"\r\n          />\r\n        } @else {\r\n          <mt-client-list-cards-view [state]=\"item\" />\r\n        }\r\n      }\r\n    </section>\r\n  }\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { configurations: [{ type: i0.Input, args: [{ isSignal: true, alias: "configurations", required: true }] }], defaultTake: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultTake", required: false }] }], loaded: [{ type: i0.Output, args: ["loaded"] }], errored: [{ type: i0.Output, args: ["errored"] }] } });
 
 /**