@malva-ui/core 0.1.12

package/esm2022/data-table/lib/data-table/services/data-table-pinning.service.js

@@ -0,0 +1,68 @@
+import { Injectable, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Component-scoped pin-state service for `mlv-data-table`. Holds the
+ * user-driven pin/unpin overrides keyed by column key. The component
+ * delegates `togglePin`/`pinTo`/`unpin` and the read-side queries to
+ * this service while continuing to compute layout offsets internally.
+ */
+export class MlvDataTablePinningService {
+    /** @private Map of column key → user-applied pin override. */
+    _overrides = signal(new Map(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_overrides" }] : /* istanbul ignore next */ []));
+    /** Read-only signal exposing the override map for `effect()` consumers. */
+    overrides = this._overrides.asReadonly();
+    /**
+     * Returns the list of sides the user may pin a column to, based on
+     * `col.pinnable`.
+     */
+    getPinnableSides(col) {
+        const p = col.pinnable;
+        if (!p)
+            return [];
+        if (p === true)
+            return ['left', 'right'];
+        if (typeof p === 'string')
+            return [p];
+        return p.slice();
+    }
+    /** Pin a column to the given side, or unpin if it is already pinned. */
+    togglePin(col, side = 'left') {
+        const map = new Map(this._overrides());
+        const current = map.get(col.key);
+        const effectivePinned = current ? current.pinned : !!col.pinned;
+        map.set(col.key, { pinned: !effectivePinned, pinSide: side });
+        this._overrides.set(map);
+    }
+    /** Pin a column to a specific side. */
+    pinTo(col, side) {
+        const map = new Map(this._overrides());
+        map.set(col.key, { pinned: true, pinSide: side });
+        this._overrides.set(map);
+    }
+    /** Explicitly unpin a column. */
+    unpin(col) {
+        const map = new Map(this._overrides());
+        map.set(col.key, { pinned: false, pinSide: col.pinSide ?? 'left' });
+        this._overrides.set(map);
+    }
+    /** Whether a column is currently pinned (accounting for overrides). */
+    isPinned(col) {
+        const override = this._overrides().get(col.key);
+        return override ? override.pinned : !!col.pinned;
+    }
+    /** Pin side for a column (considering overrides) or null. */
+    getPinSide(col) {
+        const override = this._overrides().get(col.key);
+        const pinned = override ? override.pinned : !!col.pinned;
+        if (!pinned)
+            return null;
+        return override ? override.pinSide : (col.pinSide ?? 'left');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTablePinningService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTablePinningService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTablePinningService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data-table-pinning.service.js.map

package/esm2022/data-table/lib/data-table/services/data-table-pinning.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pinning.service.js","sourceRoot":"","sources":["../../../../../../../../libs/core/data-table/src/lib/data-table/services/data-table-pinning.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, signal } from '@angular/core';\nimport type { MlvDataTableColumn, MlvPinSide } from '../../types';\n\n/** @private Per-column pin override stored in the service. */\ninterface PinOverride {\n  pinned: boolean;\n  pinSide: MlvPinSide;\n}\n\n/**\n * Component-scoped pin-state service for `mlv-data-table`. Holds the\n * user-driven pin/unpin overrides keyed by column key. The component\n * delegates `togglePin`/`pinTo`/`unpin` and the read-side queries to\n * this service while continuing to compute layout offsets internally.\n */\n@Injectable()\nexport class MlvDataTablePinningService {\n  /** @private Map of column key → user-applied pin override. */\n  private readonly _overrides = signal<Map<string, PinOverride>>(new Map());\n\n  /** Read-only signal exposing the override map for `effect()` consumers. */\n  readonly overrides = this._overrides.asReadonly();\n\n  /**\n   * Returns the list of sides the user may pin a column to, based on\n   * `col.pinnable`.\n   */\n  getPinnableSides(col: MlvDataTableColumn): MlvPinSide[] {\n    const p = col.pinnable;\n    if (!p) return [];\n    if (p === true) return ['left', 'right'];\n    if (typeof p === 'string') return [p];\n    return p.slice();\n  }\n\n  /** Pin a column to the given side, or unpin if it is already pinned. */\n  togglePin(col: MlvDataTableColumn, side: MlvPinSide = 'left'): void {\n    const map = new Map(this._overrides());\n    const current = map.get(col.key);\n    const effectivePinned = current ? current.pinned : !!col.pinned;\n    map.set(col.key, { pinned: !effectivePinned, pinSide: side });\n    this._overrides.set(map);\n  }\n\n  /** Pin a column to a specific side. */\n  pinTo(col: MlvDataTableColumn, side: MlvPinSide): void {\n    const map = new Map(this._overrides());\n    map.set(col.key, { pinned: true, pinSide: side });\n    this._overrides.set(map);\n  }\n\n  /** Explicitly unpin a column. */\n  unpin(col: MlvDataTableColumn): void {\n    const map = new Map(this._overrides());\n    map.set(col.key, { pinned: false, pinSide: col.pinSide ?? 'left' });\n    this._overrides.set(map);\n  }\n\n  /** Whether a column is currently pinned (accounting for overrides). */\n  isPinned(col: MlvDataTableColumn): boolean {\n    const override = this._overrides().get(col.key);\n    return override ? override.pinned : !!col.pinned;\n  }\n\n  /** Pin side for a column (considering overrides) or null. */\n  getPinSide(col: MlvDataTableColumn): MlvPinSide | null {\n    const override = this._overrides().get(col.key);\n    const pinned = override ? override.pinned : !!col.pinned;\n    if (!pinned) return null;\n    return override ? override.pinSide : (col.pinSide ?? 'left');\n  }\n}\n"]}

package/esm2022/data-table/lib/data-table-cell.js

@@ -0,0 +1,46 @@
+import { Directive, TemplateRef, inject, input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Structural directive for providing custom cell templates with full type inference.
+ *
+ * Usage (asterisk shorthand — preferred):
+ * ```html
+ * <mlv-data-table [data]="employees" [columns]="columns">
+ *   <span *mlvDataTableCell="'salary'; let row from employees">
+ *     {{ row.salary.toLocaleString() }}
+ *   </span>
+ * </mlv-data-table>
+ * ```
+ *
+ * Usage (explicit ng-template):
+ * ```html
+ * <ng-template mlvDataTableCell="salary" [mlvDataTableCellFrom]="employees" let-row>
+ *   <span>{{ row.salary.toLocaleString() }}</span>
+ * </ng-template>
+ * ```
+ */
+export class MlvDataTableCell {
+    /** Column key this template applies to — typed as `keyof T` when `from` is provided. */
+    columnKey = input.required({ ...(ngDevMode ? { debugName: "columnKey" } : /* istanbul ignore next */ {}), alias: 'mlvDataTableCell' });
+    /**
+     * Pass the same value as `[data]` on the parent `mlv-data-table`.
+     * Angular uses this to infer `T` and type `let-row` in the template.
+     */
+    from = input(undefined, { ...(ngDevMode ? { debugName: "from" } : /* istanbul ignore next */ {}), alias: 'mlvDataTableCellFrom' });
+    templateRef = inject(TemplateRef);
+    /** Narrows the template context to `MlvDataTableCellContext<T>` for type-safe `let-row`. */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    /** Enables `*mlvDataTableCell="'key'; let row from data"` microsyntax. */
+    static ngTemplateGuard_mlvDataTableCellFrom;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvDataTableCell, isStandalone: true, selector: "[mlvDataTableCell]", inputs: { columnKey: { classPropertyName: "columnKey", publicName: "mlvDataTableCell", isSignal: true, isRequired: true, transformFunction: null }, from: { classPropertyName: "from", publicName: "mlvDataTableCellFrom", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvDataTableCell]',
+                }]
+        }], propDecorators: { columnKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvDataTableCell", required: true }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvDataTableCellFrom", required: false }] }] } });
+//# sourceMappingURL=data-table-cell.js.map

package/esm2022/data-table/lib/data-table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-cell.js","sourceRoot":"","sources":["../../../../../../libs/core/data-table/src/lib/data-table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAUtE;;;;;;;;;;;;;;;;;;GAkBG;AAIH,MAAM,OAAO,gBAAgB;IAC3B,wFAAwF;IAC/E,SAAS,GAAG,KAAK,CAAC,QAAQ,gFACjC,KAAK,EAAE,kBAAkB,GACzB,CAAC;IAEH;;;OAGG;IACM,IAAI,GAAG,KAAK,CAAqC,SAAS,4EACjE,KAAK,EAAE,sBAAsB,GAC7B,CAAC;IAEM,WAAW,GAClB,MAAM,CAA0C,WAAW,CAAC,CAAC;IAE/D,4FAA4F;IAC5F,MAAM,CAAC,sBAAsB,CAC3B,IAAyB,EACzB,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,0EAA0E;IAC1E,MAAM,CAAC,oCAAoC,CAAY;uGA1B5C,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAH5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;iBAC/B","sourcesContent":["import { Directive, TemplateRef, inject, input } from '@angular/core';\nimport type { MlvDataSource } from './data-source';\n\n/** Context for DataTableCell templates */\nexport interface MlvDataTableCellContext<T> {\n  $implicit: T;\n  row: T;\n  index: number;\n}\n\n/**\n * Structural directive for providing custom cell templates with full type inference.\n *\n * Usage (asterisk shorthand — preferred):\n * ```html\n * <mlv-data-table [data]=\"employees\" [columns]=\"columns\">\n *   <span *mlvDataTableCell=\"'salary'; let row from employees\">\n *     {{ row.salary.toLocaleString() }}\n *   </span>\n * </mlv-data-table>\n * ```\n *\n * Usage (explicit ng-template):\n * ```html\n * <ng-template mlvDataTableCell=\"salary\" [mlvDataTableCellFrom]=\"employees\" let-row>\n *   <span>{{ row.salary.toLocaleString() }}</span>\n * </ng-template>\n * ```\n */\n@Directive({\n  selector: '[mlvDataTableCell]',\n})\nexport class MlvDataTableCell<T extends object = Record<string, unknown>> {\n  /** Column key this template applies to — typed as `keyof T` when `from` is provided. */\n  readonly columnKey = input.required<keyof T & string>({\n    alias: 'mlvDataTableCell',\n  });\n\n  /**\n   * Pass the same value as `[data]` on the parent `mlv-data-table`.\n   * Angular uses this to infer `T` and type `let-row` in the template.\n   */\n  readonly from = input<T[] | MlvDataSource<T> | undefined>(undefined, {\n    alias: 'mlvDataTableCellFrom',\n  });\n\n  readonly templateRef =\n    inject<TemplateRef<MlvDataTableCellContext<T>>>(TemplateRef);\n\n  /** Narrows the template context to `MlvDataTableCellContext<T>` for type-safe `let-row`. */\n  static ngTemplateContextGuard<T extends object>(\n    _dir: MlvDataTableCell<T>,\n    _ctx: unknown,\n  ): _ctx is MlvDataTableCellContext<T> {\n    return true;\n  }\n\n  /** Enables `*mlvDataTableCell=\"'key'; let row from data\"` microsyntax. */\n  static ngTemplateGuard_mlvDataTableCellFrom: 'binding';\n}\n"]}

package/esm2022/data-table/lib/data-table-edit-cell.js

@@ -0,0 +1,46 @@
+import { Directive, TemplateRef, inject, input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Structural directive for providing custom edit-mode cell templates.
+ *
+ * When the table is in editable mode and a row enters editing, this template
+ * replaces the display template for the given column key.
+ *
+ * Usage (asterisk shorthand):
+ * ```html
+ * <mlv-input *mlvDataTableEditCell="'name'; let row from employees"
+ *   [ngModel]="row.name" (ngModelChange)="row.name = $event" />
+ * ```
+ *
+ * Usage (explicit ng-template):
+ * ```html
+ * <ng-template mlvDataTableEditCell="name" [mlvDataTableEditCellFrom]="employees" let-row>
+ *   <mlv-input [ngModel]="row.name" (ngModelChange)="row.name = $event" />
+ * </ng-template>
+ * ```
+ */
+export class MlvDataTableEditCell {
+    /** Column key this edit template applies to. */
+    columnKey = input.required({ ...(ngDevMode ? { debugName: "columnKey" } : /* istanbul ignore next */ {}), alias: 'mlvDataTableEditCell' });
+    /**
+     * Pass the same value as `[data]` on the parent `mlv-data-table`.
+     * Angular uses this to infer `T` and type `let-row` in the template.
+     */
+    from = input(undefined, { ...(ngDevMode ? { debugName: "from" } : /* istanbul ignore next */ {}), alias: 'mlvDataTableEditCellFrom' });
+    templateRef = inject(TemplateRef);
+    /** Narrows the template context to `MlvDataTableEditCellContext<T>` for type-safe `let-row`. */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    /** Enables `*mlvDataTableEditCell="'key'; let row from data"` microsyntax. */
+    static ngTemplateGuard_mlvDataTableEditCellFrom;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableEditCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvDataTableEditCell, isStandalone: true, selector: "[mlvDataTableEditCell]", inputs: { columnKey: { classPropertyName: "columnKey", publicName: "mlvDataTableEditCell", isSignal: true, isRequired: true, transformFunction: null }, from: { classPropertyName: "from", publicName: "mlvDataTableEditCellFrom", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableEditCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvDataTableEditCell]',
+                }]
+        }], propDecorators: { columnKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvDataTableEditCell", required: true }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvDataTableEditCellFrom", required: false }] }] } });
+//# sourceMappingURL=data-table-edit-cell.js.map

package/esm2022/data-table/lib/data-table-edit-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-edit-cell.js","sourceRoot":"","sources":["../../../../../../libs/core/data-table/src/lib/data-table-edit-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAUtE;;;;;;;;;;;;;;;;;;GAkBG;AAIH,MAAM,OAAO,oBAAoB;IAC/B,gDAAgD;IACvC,SAAS,GAAG,KAAK,CAAC,QAAQ,gFACjC,KAAK,EAAE,sBAAsB,GAC7B,CAAC;IAEH;;;OAGG;IACM,IAAI,GAAG,KAAK,CAAqC,SAAS,4EACjE,KAAK,EAAE,0BAA0B,GACjC,CAAC;IAEM,WAAW,GAClB,MAAM,CAA8C,WAAW,CAAC,CAAC;IAEnE,gGAAgG;IAChG,MAAM,CAAC,sBAAsB,CAC3B,IAA6B,EAC7B,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,8EAA8E;IAC9E,MAAM,CAAC,wCAAwC,CAAY;uGA1BhD,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBAHhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;iBACnC","sourcesContent":["import { Directive, TemplateRef, inject, input } from '@angular/core';\nimport type { MlvDataSource } from './data-source';\n\n/** Context for DataTableEditCell templates */\nexport interface MlvDataTableEditCellContext<T> {\n  $implicit: T;\n  row: T;\n  index: number;\n}\n\n/**\n * Structural directive for providing custom edit-mode cell templates.\n *\n * When the table is in editable mode and a row enters editing, this template\n * replaces the display template for the given column key.\n *\n * Usage (asterisk shorthand):\n * ```html\n * <mlv-input *mlvDataTableEditCell=\"'name'; let row from employees\"\n *   [ngModel]=\"row.name\" (ngModelChange)=\"row.name = $event\" />\n * ```\n *\n * Usage (explicit ng-template):\n * ```html\n * <ng-template mlvDataTableEditCell=\"name\" [mlvDataTableEditCellFrom]=\"employees\" let-row>\n *   <mlv-input [ngModel]=\"row.name\" (ngModelChange)=\"row.name = $event\" />\n * </ng-template>\n * ```\n */\n@Directive({\n  selector: '[mlvDataTableEditCell]',\n})\nexport class MlvDataTableEditCell<T extends object = Record<string, unknown>> {\n  /** Column key this edit template applies to. */\n  readonly columnKey = input.required<keyof T & string>({\n    alias: 'mlvDataTableEditCell',\n  });\n\n  /**\n   * Pass the same value as `[data]` on the parent `mlv-data-table`.\n   * Angular uses this to infer `T` and type `let-row` in the template.\n   */\n  readonly from = input<T[] | MlvDataSource<T> | undefined>(undefined, {\n    alias: 'mlvDataTableEditCellFrom',\n  });\n\n  readonly templateRef =\n    inject<TemplateRef<MlvDataTableEditCellContext<T>>>(TemplateRef);\n\n  /** Narrows the template context to `MlvDataTableEditCellContext<T>` for type-safe `let-row`. */\n  static ngTemplateContextGuard<T extends object>(\n    _dir: MlvDataTableEditCell<T>,\n    _ctx: unknown,\n  ): _ctx is MlvDataTableEditCellContext<T> {\n    return true;\n  }\n\n  /** Enables `*mlvDataTableEditCell=\"'key'; let row from data\"` microsyntax. */\n  static ngTemplateGuard_mlvDataTableEditCellFrom: 'binding';\n}\n"]}

package/esm2022/data-table/lib/data-table-error.js

@@ -0,0 +1,37 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive for the "request failed" slot. Rendered in place of the table body
+ * whenever `[error]` is truthy and the table is not loading, so a failed request
+ * is never mistaken for an empty result set.
+ *
+ * Usage:
+ * ```html
+ * <mlv-data-table [data]="rows()" [columns]="columns" [error]="error()" (retry)="reload()">
+ *   <ng-template mlvDataTableError let-message let-retry="retry">
+ *     <p>{{ message }}</p>
+ *     <button mlvButton variant="secondary" type="button" (click)="retry()">Try again</button>
+ *   </ng-template>
+ * </mlv-data-table>
+ * ```
+ */
+export class MlvDataTableError {
+    /** The projected template rendered instead of the default error block. */
+    templateRef = inject((TemplateRef));
+    /**
+     * Type guard so Angular narrows `let-message` / `let-retry="retry"` to
+     * {@link MlvDataTableErrorContext} in strict templates.
+     */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableError, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvDataTableError, isStandalone: true, selector: "[mlvDataTableError]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableError, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvDataTableError]',
+                }]
+        }] });
+//# sourceMappingURL=data-table-error.js.map

package/esm2022/data-table/lib/data-table-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-error.js","sourceRoot":"","sources":["../../../../../../libs/core/data-table/src/lib/data-table-error.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAY/D;;;;;;;;;;;;;;GAcG;AAIH,MAAM,OAAO,iBAAiB;IAC5B,0EAA0E;IACjE,WAAW,GAAG,MAAM,CAAC,CAAA,WAAqC,CAAA,CAAC,CAAC;IAErE;;;OAGG;IACH,MAAM,CAAC,sBAAsB,CAC3B,IAAuB,EACvB,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;uGAbU,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAH7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;iBAChC","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Template context handed to a `mlvDataTableError` template.\n */\nexport interface MlvDataTableErrorContext {\n  /** Resolved error message — the `error` string, or the localized default. */\n  $implicit: string;\n  /** Invoke to emit the table's `(retry)` output. */\n  retry: () => void;\n}\n\n/**\n * Directive for the \"request failed\" slot. Rendered in place of the table body\n * whenever `[error]` is truthy and the table is not loading, so a failed request\n * is never mistaken for an empty result set.\n *\n * Usage:\n * ```html\n * <mlv-data-table [data]=\"rows()\" [columns]=\"columns\" [error]=\"error()\" (retry)=\"reload()\">\n *   <ng-template mlvDataTableError let-message let-retry=\"retry\">\n *     <p>{{ message }}</p>\n *     <button mlvButton variant=\"secondary\" type=\"button\" (click)=\"retry()\">Try again</button>\n *   </ng-template>\n * </mlv-data-table>\n * ```\n */\n@Directive({\n  selector: '[mlvDataTableError]',\n})\nexport class MlvDataTableError {\n  /** The projected template rendered instead of the default error block. */\n  readonly templateRef = inject(TemplateRef<MlvDataTableErrorContext>);\n\n  /**\n   * Type guard so Angular narrows `let-message` / `let-retry=\"retry\"` to\n   * {@link MlvDataTableErrorContext} in strict templates.\n   */\n  static ngTemplateContextGuard(\n    _dir: MlvDataTableError,\n    _ctx: unknown,\n  ): _ctx is MlvDataTableErrorContext {\n    return true;\n  }\n}\n"]}

package/esm2022/data-table/lib/data-table-footer.js

@@ -0,0 +1,33 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive for the footer summary row slot.
+ *
+ * The template context provides `{ $implicit: columns }` where `columns`
+ * is the current visible column list.
+ *
+ * Usage:
+ * ```html
+ * <mlv-data-table ...>
+ *   <ng-template mlvDataTableFooter let-cols>
+ *     <th scope="row" [attr.colspan]="cols.length - 1">Total</th>
+ *     <td>...</td>
+ *   </ng-template>
+ * </mlv-data-table>
+ * ```
+ *
+ * Direct `th` and `td` children receive the table's density, divider, sticky
+ * surface, and bordered-cell styling without private component classes.
+ */
+export class MlvDataTableFooter {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvDataTableFooter, isStandalone: true, selector: "[mlvDataTableFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvDataTableFooter]',
+                }]
+        }] });
+//# sourceMappingURL=data-table-footer.js.map

package/esm2022/data-table/lib/data-table-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-footer.js","sourceRoot":"","sources":["../../../../../../libs/core/data-table/src/lib/data-table-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAE/D;;;;;;;;;;;;;;;;;;GAkBG;AAIH,MAAM,OAAO,kBAAkB;IACpB,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGADhC,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAH9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;iBACjC","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Directive for the footer summary row slot.\n *\n * The template context provides `{ $implicit: columns }` where `columns`\n * is the current visible column list.\n *\n * Usage:\n * ```html\n * <mlv-data-table ...>\n *   <ng-template mlvDataTableFooter let-cols>\n *     <th scope=\"row\" [attr.colspan]=\"cols.length - 1\">Total</th>\n *     <td>...</td>\n *   </ng-template>\n * </mlv-data-table>\n * ```\n *\n * Direct `th` and `td` children receive the table's density, divider, sticky\n * surface, and bordered-cell styling without private component classes.\n */\n@Directive({\n  selector: '[mlvDataTableFooter]',\n})\nexport class MlvDataTableFooter {\n  readonly templateRef = inject(TemplateRef);\n}\n"]}

package/esm2022/data-table/lib/data-table-no-data.js

@@ -0,0 +1,26 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive for the "no data" slot.
+ *
+ * Usage:
+ * ```html
+ * <mlv-data-table ...>
+ *   <ng-template mlvDataTableNoData>
+ *     <p>No records found.</p>
+ *   </ng-template>
+ * </mlv-data-table>
+ * ```
+ */
+export class MlvDataTableNoData {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableNoData, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvDataTableNoData, isStandalone: true, selector: "[mlvDataTableNoData]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDataTableNoData, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvDataTableNoData]',
+                }]
+        }] });
+//# sourceMappingURL=data-table-no-data.js.map

package/esm2022/data-table/lib/data-table-no-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-no-data.js","sourceRoot":"","sources":["../../../../../../libs/core/data-table/src/lib/data-table-no-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAE/D;;;;;;;;;;;GAWG;AAIH,MAAM,OAAO,kBAAkB;IACpB,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGADhC,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAH9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;iBACjC","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Directive for the \"no data\" slot.\n *\n * Usage:\n * ```html\n * <mlv-data-table ...>\n *   <ng-template mlvDataTableNoData>\n *     <p>No records found.</p>\n *   </ng-template>\n * </mlv-data-table>\n * ```\n */\n@Directive({\n  selector: '[mlvDataTableNoData]',\n})\nexport class MlvDataTableNoData {\n  readonly templateRef = inject(TemplateRef);\n}\n"]}

package/esm2022/data-table/lib/filter-dropdown/filter-dropdown.js

@@ -0,0 +1,224 @@
+import { afterNextRender, ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, computed, effect, inject, input, model, output, signal, untracked, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { LucideX } from '@lucide/angular';
+import { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';
+import { MlvCheckbox } from '@malva-ui/core/checkbox';
+import { MlvInput } from '@malva-ui/core/input';
+import { MlvSelect } from '@malva-ui/core/select';
+import { MLV_DATA_TABLE_I18N, MLV_FILTER_I18N, MlvI18nResolverService, } from '@malva-ui/i18n';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const DEFAULT_TEXT_OPERATORS = [
+    'contains',
+    'not-contains',
+    'equals',
+    'not-equals',
+];
+/** Operators whose operand is the checkbox editor's selected-value array. */
+const DEFAULT_OPTION_OPERATORS = [
+    'in',
+    'not-in',
+];
+/** Returns whether an operator consumes an array of option values. */
+function isOptionOperator(operator) {
+    return operator === 'in' || operator === 'not-in';
+}
+/** Copies a filter deeply enough that draft arrays never alias committed state. */
+function cloneFilter(filter) {
+    return {
+        ...filter,
+        value: Array.isArray(filter.value) ? [...filter.value] : filter.value,
+    };
+}
+export class MlvFilterDropdown {
+    columns = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    activeFilters = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeFilters" }] : /* istanbul ignore next */ []));
+    closed = output();
+    /** @protected Injected i18n translations for the data table. */
+    _i18n = inject(MLV_DATA_TABLE_I18N);
+    /** @protected Shared operator and filter-action translations. */
+    _filterI18n = inject(MLV_FILTER_I18N);
+    /** @private Resolver for ICU parameterized i18n strings. */
+    _resolver = inject(MlvI18nResolverService);
+    /** @private Host used to place focus in the first editor after overlay creation. */
+    _host = inject(ElementRef);
+    /** @protected Transform mapping a `MlvDataSourceFilterOperator` to a `MlvSelectOption` for the operator dropdown. */
+    operatorTransform = (op) => ({
+        label: this._operatorLabel(op),
+        value: op,
+    });
+    /** @protected The subset of columns that are marked filterable. */
+    filterableColumns = computed(() => this.columns().filter((c) => c.filterable), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterableColumns" }] : /* istanbul ignore next */ []));
+    /** @private Working copy of in-progress filter edits, keyed by column key. */
+    _localFilters = signal(new Map(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_localFilters" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const allowedKeys = new Set(this.filterableColumns().map((column) => column.key));
+            const committed = this.activeFilters();
+            const next = new Map();
+            for (const filter of committed) {
+                if (allowedKeys.has(filter.key)) {
+                    next.set(filter.key, cloneFilter(filter));
+                }
+            }
+            untracked(() => this._localFilters.set(next));
+        });
+        // The popup service stamps this component into a detached overlay portal.
+        // Move focus directly into its first field so keyboard users do not have to
+        // tab through the underlying page to reach the non-modal dialog.
+        afterNextRender(() => {
+            const editor = this._host.nativeElement.querySelector('.mlv-dt-filter-dropdown__body [role="combobox"], .mlv-dt-filter-dropdown__body input:not([disabled])');
+            editor?.focus();
+        });
+    }
+    /** @protected Returns the allowed operators for a column, falling back to the defaults. */
+    operators(col) {
+        const configured = col.filterConfig?.operators;
+        if (this.options(col).length > 0) {
+            const compatible = configured?.filter(isOptionOperator) ?? [];
+            return compatible.length > 0 ? compatible : DEFAULT_OPTION_OPERATORS;
+        }
+        return configured?.length ? configured : DEFAULT_TEXT_OPERATORS;
+    }
+    /** @protected Returns the configured filter options for a column, or an empty list. */
+    options(col) {
+        return col.filterConfig?.options ?? [];
+    }
+    /** @protected Returns the working filter state for a column key, creating a default if absent. */
+    getFilter(key) {
+        return (this._localFilters().get(key) ?? {
+            key,
+            operator: this._defaultOperator(key),
+            value: '',
+        });
+    }
+    /** @protected Updates the operator of the working filter for a column key. */
+    setOperator(key, operator) {
+        const current = this.getFilter(key);
+        let value = current.value;
+        if (isOptionOperator(operator) && !Array.isArray(value)) {
+            value =
+                value === '' || value === null || value === undefined ? [] : [value];
+        }
+        else if (!isOptionOperator(operator) && Array.isArray(value)) {
+            value = value[0] ?? '';
+        }
+        const updated = new Map(this._localFilters());
+        updated.set(key, { ...current, operator, value });
+        this._localFilters.set(updated);
+    }
+    /** @protected Updates the value of the working filter for a column key. */
+    setValue(key, value) {
+        const current = this.getFilter(key);
+        const updated = new Map(this._localFilters());
+        updated.set(key, { ...current, value });
+        this._localFilters.set(updated);
+    }
+    /** @protected Commits non-empty working filters to `activeFilters` and closes the dropdown. */
+    apply() {
+        const editedKeys = new Set(this.filterableColumns().map((column) => column.key));
+        const filters = this.activeFilters().filter((filter) => !editedKeys.has(filter.key));
+        this._localFilters().forEach((f) => {
+            if (f.value !== '' &&
+                f.value !== null &&
+                f.value !== undefined &&
+                !(Array.isArray(f.value) && f.value.length === 0)) {
+                filters.push(cloneFilter(f));
+            }
+        });
+        this.activeFilters.set(filters);
+        this.closed.emit();
+    }
+    /** @protected Clears all working and active filters, then closes the dropdown. */
+    clear() {
+        this._localFilters.set(new Map());
+        const editedKeys = new Set(this.filterableColumns().map((column) => column.key));
+        this.activeFilters.set(this.activeFilters().filter((filter) => !editedKeys.has(filter.key)));
+        this.closed.emit();
+    }
+    /** @protected Discards draft edits and asks the owning popup to close. */
+    cancel() {
+        const allowedKeys = new Set(this.filterableColumns().map((column) => column.key));
+        const restored = new Map();
+        for (const filter of this.activeFilters()) {
+            if (allowedKeys.has(filter.key))
+                restored.set(filter.key, cloneFilter(filter));
+        }
+        this._localFilters.set(restored);
+        this.closed.emit();
+    }
+    /** @protected Toggles a value in a multi-select (array) filter for a column key. */
+    toggleInArray(key, value) {
+        const current = this.getFilter(key);
+        const arr = Array.isArray(current.value) ? [...current.value] : [];
+        const idx = arr.indexOf(value);
+        if (idx >= 0)
+            arr.splice(idx, 1);
+        else
+            arr.push(value);
+        const updated = new Map(this._localFilters());
+        updated.set(key, {
+            key,
+            operator: isOptionOperator(current.operator)
+                ? current.operator
+                : this._defaultOperator(key),
+            value: arr,
+        });
+        this._localFilters.set(updated);
+    }
+    /** @protected Returns whether a value is currently selected in a column's array filter. */
+    isInArray(key, value) {
+        const current = this.getFilter(key);
+        return Array.isArray(current.value) && current.value.includes(value);
+    }
+    /** @protected Resolves the filterByColumn ICU string for a given column name. */
+    resolveFilterPlaceholder(columnName) {
+        return this._resolver.resolve(this._i18n(), 'filterByColumn', { column: columnName });
+    }
+    /** @protected Localized accessible name for one column's operator selector. */
+    resolveOperatorLabel(col) {
+        return `${this._operatorLabel(this.getFilter(col.key).operator)}: ${col.title ?? col.key}`;
+    }
+    /** @private Operator used when a field has no committed or draft value. */
+    _defaultOperator(key) {
+        const column = this.filterableColumns().find((item) => item.key === key);
+        return column ? (this.operators(column)[0] ?? 'contains') : 'contains';
+    }
+    /** @private Resolves one operator key through the shared filter translations. */
+    _operatorLabel(operator) {
+        const labels = this._filterI18n();
+        switch (operator) {
+            case 'contains':
+                return labels.contains;
+            case 'not-contains':
+                return labels.notContains;
+            case 'equals':
+                return labels.equals;
+            case 'not-equals':
+                return labels.notEquals;
+            case 'in':
+                return labels.in;
+            case 'not-in':
+                return labels.notIn;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFilterDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvFilterDropdown, isStandalone: true, selector: "mlv-dt-filter-dropdown", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, activeFilters: { classPropertyName: "activeFilters", publicName: "activeFilters", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeFilters: "activeFiltersChange", closed: "closed" }, host: { classAttribute: "mlv-dt-filter-dropdown" }, ngImport: i0, template: "<div class=\"mlv-dt-filter-dropdown__panel\">\n  <div class=\"mlv-dt-filter-dropdown__header\">\n    <span class=\"mlv-dt-filter-dropdown__title\">{{ _i18n().filters }}</span>\n    <button\n      mlvButton\n      variant=\"transparent\"\n      shape=\"square\"\n      mlvDensity=\"tight\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      [attr.aria-label]=\"_i18n().closeFilters\"\n    >\n      <svg lucideX mlvButtonIcon [size]=\"16\" />\n    </button>\n  </div>\n\n  <div class=\"mlv-dt-filter-dropdown__body\">\n    @for (col of filterableColumns(); track col.key) {\n    <div class=\"mlv-dt-filter-dropdown__group\">\n      <span class=\"mlv-dt-filter-dropdown__label\"\n        >{{ col.title ?? col.key }}</span\n      >\n\n      @if (options(col).length > 0) {\n      <mlv-select\n        class=\"mlv-dt-filter-dropdown__option-operator\"\n        [options]=\"operators(col)\"\n        [toOption]=\"operatorTransform\"\n        [ariaLabel]=\"resolveOperatorLabel(col)\"\n        [ngModel]=\"getFilter(col.key).operator\"\n        (ngModelChange)=\"setOperator(col.key, $event)\"\n      />\n      <div class=\"mlv-dt-filter-dropdown__options\">\n        @for (opt of options(col); track opt.value) {\n        <div class=\"mlv-dt-filter-dropdown__option\">\n          <mlv-checkbox\n            [checked]=\"isInArray(col.key, opt.value)\"\n            [ariaLabel]=\"opt.label\"\n            (checkedChange)=\"toggleInArray(col.key, opt.value)\"\n            >{{ opt.label }}</mlv-checkbox\n          >\n        </div>\n        }\n      </div>\n      } @else {\n      <div class=\"mlv-dt-filter-dropdown__row\">\n        <mlv-select\n          class=\"mlv-dt-filter-dropdown__operator\"\n          [options]=\"operators(col)\"\n          [toOption]=\"operatorTransform\"\n          [ariaLabel]=\"resolveOperatorLabel(col)\"\n          [ngModel]=\"getFilter(col.key).operator\"\n          (ngModelChange)=\"setOperator(col.key, $event)\"\n        />\n        <mlv-input\n          class=\"mlv-dt-filter-dropdown__text-input\"\n          [placeholder]=\"resolveFilterPlaceholder(col.title ?? col.key)\"\n          [ariaLabel]=\"resolveFilterPlaceholder(col.title ?? col.key)\"\n          [ngModel]=\"$any(getFilter(col.key).value)\"\n          (ngModelChange)=\"setValue(col.key, $event)\"\n        />\n      </div>\n      }\n    </div>\n    }\n  </div>\n\n  <div class=\"mlv-dt-filter-dropdown__footer\">\n    <button\n      mlvButton\n      variant=\"secondary\"\n      mlvDensity=\"compact\"\n      type=\"button\"\n      (click)=\"clear()\"\n    >\n      {{ _i18n().clearAll }}\n    </button>\n    <button mlvButton mlvDensity=\"compact\" type=\"button\" (click)=\"apply()\">\n      {{ _i18n().apply }}\n    </button>\n  </div>\n</div>\n", styles: [".mlv-dt-filter-dropdown{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-dt-filter-dropdown *{box-sizing:border-box}.mlv-dt-filter-dropdown{position:relative}.mlv-dt-filter-dropdown__panel{width:20rem;display:flex;flex-direction:column;border-radius:var(--mlv-radius-l)}.mlv-dt-filter-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:.0625rem solid var(--mlv-border-subtle)}.mlv-dt-filter-dropdown__title{font-size:var(--mlv-font-size-m);font-weight:var(--mlv-font-weight-medium);color:var(--mlv-text-primary)}.mlv-dt-filter-dropdown__body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:1rem;max-height:20rem;overflow-y:auto}.mlv-dt-filter-dropdown__group{display:flex;flex-direction:column;gap:.375rem}.mlv-dt-filter-dropdown__label{font-size:var(--mlv-font-size-xs);font-weight:var(--mlv-font-weight-medium);color:var(--mlv-text-secondary);letter-spacing:.01em}.mlv-dt-filter-dropdown__row{display:flex;gap:.5rem;align-items:flex-start}.mlv-dt-filter-dropdown__operator{flex:0 0 auto;min-width:8rem}.mlv-dt-filter-dropdown__option-operator{width:100%}.mlv-dt-filter-dropdown__text-input{flex:1;min-width:0}.mlv-dt-filter-dropdown__options{display:flex;flex-direction:column;gap:.25rem}.mlv-dt-filter-dropdown__option{display:flex;align-items:center;gap:.5rem;font-size:var(--mlv-font-size-m);color:var(--mlv-text-primary);cursor:pointer;transition:color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-dt-filter-dropdown__option:hover{color:var(--mlv-text-action)}.mlv-dt-filter-dropdown__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:.0625rem solid var(--mlv-border-subtle)}@media(prefers-reduced-motion:reduce){.mlv-dt-filter-dropdown,.mlv-dt-filter-dropdown *,.mlv-dt-filter-dropdown:before,.mlv-dt-filter-dropdown:after,[class^=mlv-dt-filter-dropdown__],[class*=\" mlv-dt-filter-dropdown__\"],[class^=mlv-dt-filter-dropdown--],[class*=\" mlv-dt-filter-dropdown--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "component", type: MlvCheckbox, selector: "mlv-checkbox", inputs: ["ariaLabelledBy", "checked", "indeterminate", "tabbable"], outputs: ["checkedChange"] }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvSelect, selector: "mlv-select", inputs: ["value", "options", "searchFn", "searchDebounce", "multiple", "placeholder", "toOption", "compareWith", "searchable", "searchPlaceholder", "matcher", "mobileMode", "mlvDensity", "mobileTitle"], outputs: ["valueChange"] }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFilterDropdown, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-dt-filter-dropdown', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FormsModule,
+                        MlvButton,
+                        MlvButtonIcon,
+                        MlvCheckbox,
+                        MlvInput,
+                        MlvSelect,
+                        LucideX,
+                    ], host: { class: 'mlv-dt-filter-dropdown' }, template: "<div class=\"mlv-dt-filter-dropdown__panel\">\n  <div class=\"mlv-dt-filter-dropdown__header\">\n    <span class=\"mlv-dt-filter-dropdown__title\">{{ _i18n().filters }}</span>\n    <button\n      mlvButton\n      variant=\"transparent\"\n      shape=\"square\"\n      mlvDensity=\"tight\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      [attr.aria-label]=\"_i18n().closeFilters\"\n    >\n      <svg lucideX mlvButtonIcon [size]=\"16\" />\n    </button>\n  </div>\n\n  <div class=\"mlv-dt-filter-dropdown__body\">\n    @for (col of filterableColumns(); track col.key) {\n    <div class=\"mlv-dt-filter-dropdown__group\">\n      <span class=\"mlv-dt-filter-dropdown__label\"\n        >{{ col.title ?? col.key }}</span\n      >\n\n      @if (options(col).length > 0) {\n      <mlv-select\n        class=\"mlv-dt-filter-dropdown__option-operator\"\n        [options]=\"operators(col)\"\n        [toOption]=\"operatorTransform\"\n        [ariaLabel]=\"resolveOperatorLabel(col)\"\n        [ngModel]=\"getFilter(col.key).operator\"\n        (ngModelChange)=\"setOperator(col.key, $event)\"\n      />\n      <div class=\"mlv-dt-filter-dropdown__options\">\n        @for (opt of options(col); track opt.value) {\n        <div class=\"mlv-dt-filter-dropdown__option\">\n          <mlv-checkbox\n            [checked]=\"isInArray(col.key, opt.value)\"\n            [ariaLabel]=\"opt.label\"\n            (checkedChange)=\"toggleInArray(col.key, opt.value)\"\n            >{{ opt.label }}</mlv-checkbox\n          >\n        </div>\n        }\n      </div>\n      } @else {\n      <div class=\"mlv-dt-filter-dropdown__row\">\n        <mlv-select\n          class=\"mlv-dt-filter-dropdown__operator\"\n          [options]=\"operators(col)\"\n          [toOption]=\"operatorTransform\"\n          [ariaLabel]=\"resolveOperatorLabel(col)\"\n          [ngModel]=\"getFilter(col.key).operator\"\n          (ngModelChange)=\"setOperator(col.key, $event)\"\n        />\n        <mlv-input\n          class=\"mlv-dt-filter-dropdown__text-input\"\n          [placeholder]=\"resolveFilterPlaceholder(col.title ?? col.key)\"\n          [ariaLabel]=\"resolveFilterPlaceholder(col.title ?? col.key)\"\n          [ngModel]=\"$any(getFilter(col.key).value)\"\n          (ngModelChange)=\"setValue(col.key, $event)\"\n        />\n      </div>\n      }\n    </div>\n    }\n  </div>\n\n  <div class=\"mlv-dt-filter-dropdown__footer\">\n    <button\n      mlvButton\n      variant=\"secondary\"\n      mlvDensity=\"compact\"\n      type=\"button\"\n      (click)=\"clear()\"\n    >\n      {{ _i18n().clearAll }}\n    </button>\n    <button mlvButton mlvDensity=\"compact\" type=\"button\" (click)=\"apply()\">\n      {{ _i18n().apply }}\n    </button>\n  </div>\n</div>\n", styles: [".mlv-dt-filter-dropdown{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-dt-filter-dropdown *{box-sizing:border-box}.mlv-dt-filter-dropdown{position:relative}.mlv-dt-filter-dropdown__panel{width:20rem;display:flex;flex-direction:column;border-radius:var(--mlv-radius-l)}.mlv-dt-filter-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:.0625rem solid var(--mlv-border-subtle)}.mlv-dt-filter-dropdown__title{font-size:var(--mlv-font-size-m);font-weight:var(--mlv-font-weight-medium);color:var(--mlv-text-primary)}.mlv-dt-filter-dropdown__body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:1rem;max-height:20rem;overflow-y:auto}.mlv-dt-filter-dropdown__group{display:flex;flex-direction:column;gap:.375rem}.mlv-dt-filter-dropdown__label{font-size:var(--mlv-font-size-xs);font-weight:var(--mlv-font-weight-medium);color:var(--mlv-text-secondary);letter-spacing:.01em}.mlv-dt-filter-dropdown__row{display:flex;gap:.5rem;align-items:flex-start}.mlv-dt-filter-dropdown__operator{flex:0 0 auto;min-width:8rem}.mlv-dt-filter-dropdown__option-operator{width:100%}.mlv-dt-filter-dropdown__text-input{flex:1;min-width:0}.mlv-dt-filter-dropdown__options{display:flex;flex-direction:column;gap:.25rem}.mlv-dt-filter-dropdown__option{display:flex;align-items:center;gap:.5rem;font-size:var(--mlv-font-size-m);color:var(--mlv-text-primary);cursor:pointer;transition:color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-dt-filter-dropdown__option:hover{color:var(--mlv-text-action)}.mlv-dt-filter-dropdown__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:.0625rem solid var(--mlv-border-subtle)}@media(prefers-reduced-motion:reduce){.mlv-dt-filter-dropdown,.mlv-dt-filter-dropdown *,.mlv-dt-filter-dropdown:before,.mlv-dt-filter-dropdown:after,[class^=mlv-dt-filter-dropdown__],[class*=\" mlv-dt-filter-dropdown__\"],[class^=mlv-dt-filter-dropdown--],[class*=\" mlv-dt-filter-dropdown--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], activeFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeFilters", required: false }] }, { type: i0.Output, args: ["activeFiltersChange"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+//# sourceMappingURL=filter-dropdown.js.map

package/esm2022/data-table/lib/filter-dropdown/filter-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-dropdown.js","sourceRoot":"","sources":["../../../../../../../libs/core/data-table/src/lib/filter-dropdown/filter-dropdown.ts","../../../../../../../libs/core/data-table/src/lib/filter-dropdown/filter-dropdown.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { LucideX } from '@lucide/angular';\nimport { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvCheckbox } from '@malva-ui/core/checkbox';\nimport { MlvInput } from '@malva-ui/core/input';\nimport type { MlvSelectOptionTransform } from '@malva-ui/core/select';\nimport { MlvSelect } from '@malva-ui/core/select';\nimport {\n  MLV_DATA_TABLE_I18N,\n  MLV_FILTER_I18N,\n  MlvI18nResolverService,\n} from '@malva-ui/i18n';\nimport type {\n  MlvDataSourceFilterOperator,\n  MlvFilterState,\n} from '@malva-ui/cdk/data-source';\nimport type { MlvDataTableFilterOption, MlvDataTableColumn } from '../types';\n\nconst DEFAULT_TEXT_OPERATORS: readonly MlvDataSourceFilterOperator[] = [\n  'contains',\n  'not-contains',\n  'equals',\n  'not-equals',\n];\n\n/** Operators whose operand is the checkbox editor's selected-value array. */\nconst DEFAULT_OPTION_OPERATORS: readonly MlvDataSourceFilterOperator[] = [\n  'in',\n  'not-in',\n];\n\n/** Returns whether an operator consumes an array of option values. */\nfunction isOptionOperator(\n  operator: MlvDataSourceFilterOperator,\n): operator is 'in' | 'not-in' {\n  return operator === 'in' || operator === 'not-in';\n}\n\n/** Copies a filter deeply enough that draft arrays never alias committed state. */\nfunction cloneFilter(filter: MlvFilterState): MlvFilterState {\n  return {\n    ...filter,\n    value: Array.isArray(filter.value) ? [...filter.value] : filter.value,\n  };\n}\n\n@Component({\n  selector: 'mlv-dt-filter-dropdown',\n  templateUrl: './filter-dropdown.html',\n  styleUrl: './filter-dropdown.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    FormsModule,\n    MlvButton,\n    MlvButtonIcon,\n    MlvCheckbox,\n    MlvInput,\n    MlvSelect,\n    LucideX,\n  ],\n  host: { class: 'mlv-dt-filter-dropdown' },\n})\nexport class MlvFilterDropdown {\n  readonly columns = input.required<readonly MlvDataTableColumn[]>();\n  readonly activeFilters = model<MlvFilterState[]>([]);\n  readonly closed = output<void>();\n\n  /** @protected Injected i18n translations for the data table. */\n  protected readonly _i18n = inject(MLV_DATA_TABLE_I18N);\n\n  /** @protected Shared operator and filter-action translations. */\n  protected readonly _filterI18n = inject(MLV_FILTER_I18N);\n\n  /** @private Resolver for ICU parameterized i18n strings. */\n  private readonly _resolver = inject(MlvI18nResolverService);\n\n  /** @private Host used to place focus in the first editor after overlay creation. */\n  private readonly _host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /** @protected Transform mapping a `MlvDataSourceFilterOperator` to a `MlvSelectOption` for the operator dropdown. */\n  protected readonly operatorTransform: MlvSelectOptionTransform<MlvDataSourceFilterOperator> =\n    (op: MlvDataSourceFilterOperator) => ({\n      label: this._operatorLabel(op),\n      value: op,\n    });\n\n  /** @protected The subset of columns that are marked filterable. */\n  protected readonly filterableColumns = computed(() =>\n    this.columns().filter((c) => c.filterable),\n  );\n\n  /** @private Working copy of in-progress filter edits, keyed by column key. */\n  private readonly _localFilters = signal<Map<string, MlvFilterState>>(\n    new Map(),\n  );\n\n  constructor() {\n    effect(() => {\n      const allowedKeys = new Set(\n        this.filterableColumns().map((column) => column.key),\n      );\n      const committed = this.activeFilters();\n      const next = new Map<string, MlvFilterState>();\n\n      for (const filter of committed) {\n        if (allowedKeys.has(filter.key)) {\n          next.set(filter.key, cloneFilter(filter));\n        }\n      }\n\n      untracked(() => this._localFilters.set(next));\n    });\n\n    // The popup service stamps this component into a detached overlay portal.\n    // Move focus directly into its first field so keyboard users do not have to\n    // tab through the underlying page to reach the non-modal dialog.\n    afterNextRender(() => {\n      const editor = this._host.nativeElement.querySelector<HTMLElement>(\n        '.mlv-dt-filter-dropdown__body [role=\"combobox\"], .mlv-dt-filter-dropdown__body input:not([disabled])',\n      );\n      editor?.focus();\n    });\n  }\n\n  /** @protected Returns the allowed operators for a column, falling back to the defaults. */\n  protected operators(\n    col: MlvDataTableColumn,\n  ): readonly MlvDataSourceFilterOperator[] {\n    const configured = col.filterConfig?.operators;\n    if (this.options(col).length > 0) {\n      const compatible = configured?.filter(isOptionOperator) ?? [];\n      return compatible.length > 0 ? compatible : DEFAULT_OPTION_OPERATORS;\n    }\n    return configured?.length ? configured : DEFAULT_TEXT_OPERATORS;\n  }\n\n  /** @protected Returns the configured filter options for a column, or an empty list. */\n  protected options(\n    col: MlvDataTableColumn,\n  ): readonly MlvDataTableFilterOption[] {\n    return col.filterConfig?.options ?? [];\n  }\n\n  /** @protected Returns the working filter state for a column key, creating a default if absent. */\n  protected getFilter(key: string): MlvFilterState {\n    return (\n      this._localFilters().get(key) ?? {\n        key,\n        operator: this._defaultOperator(key),\n        value: '',\n      }\n    );\n  }\n\n  /** @protected Updates the operator of the working filter for a column key. */\n  protected setOperator(\n    key: string,\n    operator: MlvDataSourceFilterOperator,\n  ): void {\n    const current = this.getFilter(key);\n    let value = current.value;\n    if (isOptionOperator(operator) && !Array.isArray(value)) {\n      value =\n        value === '' || value === null || value === undefined ? [] : [value];\n    } else if (!isOptionOperator(operator) && Array.isArray(value)) {\n      value = value[0] ?? '';\n    }\n    const updated = new Map(this._localFilters());\n    updated.set(key, { ...current, operator, value });\n    this._localFilters.set(updated);\n  }\n\n  /** @protected Updates the value of the working filter for a column key. */\n  protected setValue(key: string, value: unknown): void {\n    const current = this.getFilter(key);\n    const updated = new Map(this._localFilters());\n    updated.set(key, { ...current, value });\n    this._localFilters.set(updated);\n  }\n\n  /** @protected Commits non-empty working filters to `activeFilters` and closes the dropdown. */\n  protected apply(): void {\n    const editedKeys = new Set(\n      this.filterableColumns().map((column) => column.key),\n    );\n    const filters: MlvFilterState[] = this.activeFilters().filter(\n      (filter) => !editedKeys.has(filter.key),\n    );\n    this._localFilters().forEach((f) => {\n      if (\n        f.value !== '' &&\n        f.value !== null &&\n        f.value !== undefined &&\n        !(Array.isArray(f.value) && f.value.length === 0)\n      ) {\n        filters.push(cloneFilter(f));\n      }\n    });\n    this.activeFilters.set(filters);\n    this.closed.emit();\n  }\n\n  /** @protected Clears all working and active filters, then closes the dropdown. */\n  protected clear(): void {\n    this._localFilters.set(new Map());\n    const editedKeys = new Set(\n      this.filterableColumns().map((column) => column.key),\n    );\n    this.activeFilters.set(\n      this.activeFilters().filter((filter) => !editedKeys.has(filter.key)),\n    );\n    this.closed.emit();\n  }\n\n  /** @protected Discards draft edits and asks the owning popup to close. */\n  protected cancel(): void {\n    const allowedKeys = new Set(\n      this.filterableColumns().map((column) => column.key),\n    );\n    const restored = new Map<string, MlvFilterState>();\n    for (const filter of this.activeFilters()) {\n      if (allowedKeys.has(filter.key))\n        restored.set(filter.key, cloneFilter(filter));\n    }\n    this._localFilters.set(restored);\n    this.closed.emit();\n  }\n\n  /** @protected Toggles a value in a multi-select (array) filter for a column key. */\n  protected toggleInArray(key: string, value: unknown): void {\n    const current = this.getFilter(key);\n    const arr = Array.isArray(current.value) ? [...current.value] : [];\n    const idx = arr.indexOf(value);\n    if (idx >= 0) arr.splice(idx, 1);\n    else arr.push(value);\n    const updated = new Map(this._localFilters());\n    updated.set(key, {\n      key,\n      operator: isOptionOperator(current.operator)\n        ? current.operator\n        : this._defaultOperator(key),\n      value: arr,\n    });\n    this._localFilters.set(updated);\n  }\n\n  /** @protected Returns whether a value is currently selected in a column's array filter. */\n  protected isInArray(key: string, value: unknown): boolean {\n    const current = this.getFilter(key);\n    return Array.isArray(current.value) && current.value.includes(value);\n  }\n\n  /** @protected Resolves the filterByColumn ICU string for a given column name. */\n  protected resolveFilterPlaceholder(columnName: string): string {\n    return this._resolver.resolve(\n      this._i18n() as unknown as Record<string, string>,\n      'filterByColumn',\n      { column: columnName },\n    );\n  }\n\n  /** @protected Localized accessible name for one column's operator selector. */\n  protected resolveOperatorLabel(col: MlvDataTableColumn): string {\n    return `${this._operatorLabel(this.getFilter(col.key).operator)}: ${\n      col.title ?? col.key\n    }`;\n  }\n\n  /** @private Operator used when a field has no committed or draft value. */\n  private _defaultOperator(key: string): MlvDataSourceFilterOperator {\n    const column = this.filterableColumns().find((item) => item.key === key);\n    return column ? (this.operators(column)[0] ?? 'contains') : 'contains';\n  }\n\n  /** @private Resolves one operator key through the shared filter translations. */\n  private _operatorLabel(operator: MlvDataSourceFilterOperator): string {\n    const labels = this._filterI18n();\n    switch (operator) {\n      case 'contains':\n        return labels.contains;\n      case 'not-contains':\n        return labels.notContains;\n      case 'equals':\n        return labels.equals;\n      case 'not-equals':\n        return labels.notEquals;\n      case 'in':\n        return labels.in;\n      case 'not-in':\n        return labels.notIn;\n    }\n  }\n}\n","<div class=\"mlv-dt-filter-dropdown__panel\">\n  <div class=\"mlv-dt-filter-dropdown__header\">\n    <span class=\"mlv-dt-filter-dropdown__title\">{{ _i18n().filters }}</span>\n    <button\n      mlvButton\n      variant=\"transparent\"\n      shape=\"square\"\n      mlvDensity=\"tight\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      [attr.aria-label]=\"_i18n().closeFilters\"\n    >\n      <svg lucideX mlvButtonIcon [size]=\"16\" />\n    </button>\n  </div>\n\n  <div class=\"mlv-dt-filter-dropdown__body\">\n    @for (col of filterableColumns(); track col.key) {\n    <div class=\"mlv-dt-filter-dropdown__group\">\n      <span class=\"mlv-dt-filter-dropdown__label\"\n        >{{ col.title ?? col.key }}</span\n      >\n\n      @if (options(col).length > 0) {\n      <mlv-select\n        class=\"mlv-dt-filter-dropdown__option-operator\"\n        [options]=\"operators(col)\"\n        [toOption]=\"operatorTransform\"\n        [ariaLabel]=\"resolveOperatorLabel(col)\"\n        [ngModel]=\"getFilter(col.key).operator\"\n        (ngModelChange)=\"setOperator(col.key, $event)\"\n      />\n      <div class=\"mlv-dt-filter-dropdown__options\">\n        @for (opt of options(col); track opt.value) {\n        <div class=\"mlv-dt-filter-dropdown__option\">\n          <mlv-checkbox\n            [checked]=\"isInArray(col.key, opt.value)\"\n            [ariaLabel]=\"opt.label\"\n            (checkedChange)=\"toggleInArray(col.key, opt.value)\"\n            >{{ opt.label }}</mlv-checkbox\n          >\n        </div>\n        }\n      </div>\n      } @else {\n      <div class=\"mlv-dt-filter-dropdown__row\">\n        <mlv-select\n          class=\"mlv-dt-filter-dropdown__operator\"\n          [options]=\"operators(col)\"\n          [toOption]=\"operatorTransform\"\n          [ariaLabel]=\"resolveOperatorLabel(col)\"\n          [ngModel]=\"getFilter(col.key).operator\"\n          (ngModelChange)=\"setOperator(col.key, $event)\"\n        />\n        <mlv-input\n          class=\"mlv-dt-filter-dropdown__text-input\"\n          [placeholder]=\"resolveFilterPlaceholder(col.title ?? col.key)\"\n          [ariaLabel]=\"resolveFilterPlaceholder(col.title ?? col.key)\"\n          [ngModel]=\"$any(getFilter(col.key).value)\"\n          (ngModelChange)=\"setValue(col.key, $event)\"\n        />\n      </div>\n      }\n    </div>\n    }\n  </div>\n\n  <div class=\"mlv-dt-filter-dropdown__footer\">\n    <button\n      mlvButton\n      variant=\"secondary\"\n      mlvDensity=\"compact\"\n      type=\"button\"\n      (click)=\"clear()\"\n    >\n      {{ _i18n().clearAll }}\n    </button>\n    <button mlvButton mlvDensity=\"compact\" type=\"button\" (click)=\"apply()\">\n      {{ _i18n().apply }}\n    </button>\n  </div>\n</div>\n"]}

package/esm2022/data-table/lib/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map