@natec/mef-dev-ui-kit 20.1.13 → 20.1.15

package/fesm2022/natec-mef-dev-ui-kit.mjs

@@ -4450,7 +4450,7 @@ class MDCard {
         this.appearance = config?.appearance || 'outlined';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDCard, isStandalone: true, selector: "md-card", inputs: { appearance: "appearance" }, host: { properties: { "class.mdc-card-outlined": "appearance === \"outlined\"", "class.mdc-card--outlined": "appearance === \"outlined\"", "class.mdc-card-filled": "appearance === \"filled\"", "class.mdc-card--filled": "appearance === \"filled\"" }, classAttribute: "mdc-card mdc-card" }, exportAs: ["mdCard"], ngImport: i0, template: "<ng-content></ng-content>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:20px;font-family:Montserrat}.mdc-card:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;content:\"\";display:block;pointer-events:none;box-sizing:border-box;border-radius:5px}.mdc-card-outlined{background-color:#eaeaea;border-radius:5px;border-width:1px;border-color:#f3f3f3}.mdc-card-outlined:after{border:none}.mdc-card-filled{background-color:#e3e2e6;border-radius:5px;box-shadow:none}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media:before{display:block;content:\"\"}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card-actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px}.mdc-card-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:700}.mdc-card-subtitle{color:#201a1b;line-height:1.5rem;font-size:1rem;letter-spacing:.009rem;font-weight:500}.mdc-card-title,.mdc-card-subtitle{display:block;margin:0}.mdc-card-avatar~.mdc-card-header-text .mdc-card-title,.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle{padding:16px 16px 0}.mdc-card-content{display:block}.mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle,.mdc-card-avatar~.mdc-card-header-text .mdc-card-title{line-height:normal}.mdc-card-sm-image{width:80px;height:80px}.mdc-card-md-image{width:112px;height:112px}.mdc-card-lg-image{width:152px;height:152px}.mdc-card-xl-image{width:240px;height:240px}.mdc-card-subtitle~.mdc-card-title,.mdc-card-title~.mdc-card-subtitle,.mdc-card-header .mdc-card-header-text .mdc-card-title,.mdc-card-header .mdc-card-header-text .mdc-card-subtitle,.mdc-card-title-group .mdc-card-title,.mdc-card-title-group .mdc-card-subtitle{padding-top:0}.mdc-card-content>:last-child:not(.mdc-card-footer){margin-bottom:0}.mdc-card-actions-align-end{justify-content:flex-end}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDCard, isStandalone: true, selector: "md-card", inputs: { appearance: "appearance" }, host: { properties: { "class.mdc-card-outlined": "appearance === \"outlined\"", "class.mdc-card--outlined": "appearance === \"outlined\"", "class.mdc-card-filled": "appearance === \"filled\"", "class.mdc-card--filled": "appearance === \"filled\"" }, classAttribute: "mdc-card mdc-card" }, exportAs: ["mdCard"], ngImport: i0, template: "<ng-content></ng-content>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:20px;font-family:Montserrat}.mdc-card:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;content:\"\";display:block;pointer-events:none;box-sizing:border-box;border-radius:5px}.mdc-card-outlined{background-color:#f3f3f3;border-radius:5px}.mdc-card-outlined:after{border:none}.mdc-card-filled{background-color:#e3e2e6;border-radius:5px;box-shadow:none}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media:before{display:block;content:\"\"}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card-actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px}.mdc-card-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:700}.mdc-card-subtitle{color:#201a1b;line-height:1.5rem;font-size:1rem;letter-spacing:.009rem;font-weight:500}.mdc-card-title,.mdc-card-subtitle{display:block;margin:0}.mdc-card-avatar~.mdc-card-header-text .mdc-card-title,.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle{padding:16px 16px 0}.mdc-card-content{display:block}.mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle,.mdc-card-avatar~.mdc-card-header-text .mdc-card-title{line-height:normal}.mdc-card-sm-image{width:80px;height:80px}.mdc-card-md-image{width:112px;height:112px}.mdc-card-lg-image{width:152px;height:152px}.mdc-card-xl-image{width:240px;height:240px}.mdc-card-subtitle~.mdc-card-title,.mdc-card-title~.mdc-card-subtitle,.mdc-card-header .mdc-card-header-text .mdc-card-title,.mdc-card-header .mdc-card-header-text .mdc-card-subtitle,.mdc-card-title-group .mdc-card-title,.mdc-card-title-group .mdc-card-subtitle{padding-top:0}.mdc-card-content>:last-child:not(.mdc-card-footer){margin-bottom:0}.mdc-card-actions-align-end{justify-content:flex-end}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCard, decorators: [{
             type: Component,
@@ -4460,7 +4460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
                         '[class.mdc-card--outlined]': 'appearance === "outlined"',
                         '[class.mdc-card-filled]': 'appearance === "filled"',
                         '[class.mdc-card--filled]': 'appearance === "filled"',
-                    }, exportAs: 'mdCard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:20px;font-family:Montserrat}.mdc-card:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;content:\"\";display:block;pointer-events:none;box-sizing:border-box;border-radius:5px}.mdc-card-outlined{background-color:#eaeaea;border-radius:5px;border-width:1px;border-color:#f3f3f3}.mdc-card-outlined:after{border:none}.mdc-card-filled{background-color:#e3e2e6;border-radius:5px;box-shadow:none}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media:before{display:block;content:\"\"}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card-actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px}.mdc-card-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:700}.mdc-card-subtitle{color:#201a1b;line-height:1.5rem;font-size:1rem;letter-spacing:.009rem;font-weight:500}.mdc-card-title,.mdc-card-subtitle{display:block;margin:0}.mdc-card-avatar~.mdc-card-header-text .mdc-card-title,.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle{padding:16px 16px 0}.mdc-card-content{display:block}.mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle,.mdc-card-avatar~.mdc-card-header-text .mdc-card-title{line-height:normal}.mdc-card-sm-image{width:80px;height:80px}.mdc-card-md-image{width:112px;height:112px}.mdc-card-lg-image{width:152px;height:152px}.mdc-card-xl-image{width:240px;height:240px}.mdc-card-subtitle~.mdc-card-title,.mdc-card-title~.mdc-card-subtitle,.mdc-card-header .mdc-card-header-text .mdc-card-title,.mdc-card-header .mdc-card-header-text .mdc-card-subtitle,.mdc-card-title-group .mdc-card-title,.mdc-card-title-group .mdc-card-subtitle{padding-top:0}.mdc-card-content>:last-child:not(.mdc-card-footer){margin-bottom:0}.mdc-card-actions-align-end{justify-content:flex-end}\n"] }]
+                    }, exportAs: 'mdCard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:20px;font-family:Montserrat}.mdc-card:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;content:\"\";display:block;pointer-events:none;box-sizing:border-box;border-radius:5px}.mdc-card-outlined{background-color:#f3f3f3;border-radius:5px}.mdc-card-outlined:after{border:none}.mdc-card-filled{background-color:#e3e2e6;border-radius:5px;box-shadow:none}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media:before{display:block;content:\"\"}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card-actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px}.mdc-card-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:700}.mdc-card-subtitle{color:#201a1b;line-height:1.5rem;font-size:1rem;letter-spacing:.009rem;font-weight:500}.mdc-card-title,.mdc-card-subtitle{display:block;margin:0}.mdc-card-avatar~.mdc-card-header-text .mdc-card-title,.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle{padding:16px 16px 0}.mdc-card-content{display:block}.mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle,.mdc-card-avatar~.mdc-card-header-text .mdc-card-title{line-height:normal}.mdc-card-sm-image{width:80px;height:80px}.mdc-card-md-image{width:112px;height:112px}.mdc-card-lg-image{width:152px;height:152px}.mdc-card-xl-image{width:240px;height:240px}.mdc-card-subtitle~.mdc-card-title,.mdc-card-title~.mdc-card-subtitle,.mdc-card-header .mdc-card-header-text .mdc-card-title,.mdc-card-header .mdc-card-header-text .mdc-card-subtitle,.mdc-card-title-group .mdc-card-title,.mdc-card-title-group .mdc-card-subtitle{padding-top:0}.mdc-card-content>:last-child:not(.mdc-card-footer){margin-bottom:0}.mdc-card-actions-align-end{justify-content:flex-end}\n"] }]
         }], ctorParameters: () => [], propDecorators: { appearance: [{
                 type: Input
             }] } });
@@ -14446,9 +14446,1040 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
                 }]
         }] });
 
+/**
+ * Directive for cell template in view mode.
+ *
+ * @example
+ * ```html
+ * <ng-template mdCardsGridCellTemplate let-value="value" let-row="row">
+ *   <span>{{value}}</span>
+ * </ng-template>
+ * ```
+ */
+class MDCardsGridCellTemplateDirective {
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridCellTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDCardsGridCellTemplateDirective, isStandalone: true, selector: "[mdCardsGridCellTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridCellTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mdCardsGridCellTemplate]',
+                    standalone: true,
+                }]
+        }] });
+/**
+ * Directive for header template.
+ *
+ * @example
+ * ```html
+ * <ng-template mdCardsGridHeaderTemplate let-column="column" let-sortFn="sortFn">
+ *   <span (click)="sortFn()">{{column.name}}</span>
+ * </ng-template>
+ * ```
+ */
+class MDCardsGridHeaderTemplateDirective {
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridHeaderTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDCardsGridHeaderTemplateDirective, isStandalone: true, selector: "[mdCardsGridHeaderTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridHeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mdCardsGridHeaderTemplate]',
+                    standalone: true,
+                }]
+        }] });
+/**
+ * Directive for edit mode template.
+ *
+ * @example
+ * ```html
+ * <ng-template mdCardsGridEditTemplate let-row="row" let-saveFn="saveFn" let-cancelFn="cancelFn">
+ *   <input [(ngModel)]="row.name" />
+ * </ng-template>
+ * ```
+ */
+class MDCardsGridEditTemplateDirective {
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridEditTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MDCardsGridEditTemplateDirective, isStandalone: true, selector: "[mdCardsGridEditTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridEditTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mdCardsGridEditTemplate]',
+                    standalone: true,
+                }]
+        }] });
+/**
+ * Column definition directive for md-cards-grid.
+ *
+ * @example
+ * ```html
+ * <md-cards-grid-column name="Name" prop="name" [sortable]="true" [width]="200">
+ *   <ng-template mdCardsGridCellTemplate let-value="value">
+ *     <span>{{value}}</span>
+ *   </ng-template>
+ *   <ng-template mdCardsGridEditTemplate let-row="row">
+ *     <input [(ngModel)]="row.name" />
+ *   </ng-template>
+ * </md-cards-grid-column>
+ * ```
+ */
+class MDCardsGridColumnDirective {
+    /** Display name for the header */
+    name;
+    /** Property path to get value from row */
+    prop;
+    /** Column width in pixels */
+    width;
+    /** Minimum column width */
+    minWidth;
+    /** Maximum column width */
+    maxWidth;
+    /** Flex grow factor */
+    flexGrow;
+    /** Whether column is sortable */
+    sortable;
+    /** Whether column is resizeable (can be dragged to change width) */
+    resizeable;
+    /** Custom sort comparator */
+    comparator;
+    /** Pipe to transform value */
+    pipe;
+    /** CSS class for header */
+    headerClass;
+    /** CSS class for cell */
+    cellClass;
+    // Cell template via input
+    _cellTemplateInput;
+    // Cell template via content child
+    _cellTemplateQuery;
+    get cellTemplate() {
+        return this._cellTemplateInput || this._cellTemplateQuery;
+    }
+    // Header template via input
+    _headerTemplateInput;
+    // Header template via content child
+    _headerTemplateQuery;
+    get headerTemplate() {
+        return this._headerTemplateInput || this._headerTemplateQuery;
+    }
+    // Edit template via input
+    _editTemplateInput;
+    // Edit template via content child
+    _editTemplateQuery;
+    get editTemplate() {
+        return this._editTemplateInput || this._editTemplateQuery;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.6", type: MDCardsGridColumnDirective, isStandalone: true, selector: "md-cards-grid-column", inputs: { name: "name", prop: "prop", width: ["width", "width", numberAttribute], minWidth: ["minWidth", "minWidth", numberAttribute], maxWidth: ["maxWidth", "maxWidth", numberAttribute], flexGrow: ["flexGrow", "flexGrow", numberAttribute], sortable: ["sortable", "sortable", booleanAttribute], resizeable: ["resizeable", "resizeable", booleanAttribute], comparator: "comparator", pipe: "pipe", headerClass: "headerClass", cellClass: "cellClass", _cellTemplateInput: ["cellTemplate", "_cellTemplateInput"], _headerTemplateInput: ["headerTemplate", "_headerTemplateInput"], _editTemplateInput: ["editTemplate", "_editTemplateInput"] }, queries: [{ propertyName: "_cellTemplateQuery", first: true, predicate: MDCardsGridCellTemplateDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "_headerTemplateQuery", first: true, predicate: MDCardsGridHeaderTemplateDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "_editTemplateQuery", first: true, predicate: MDCardsGridEditTemplateDirective, descendants: true, read: TemplateRef, static: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridColumnDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'md-cards-grid-column',
+                    standalone: true,
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], prop: [{
+                type: Input
+            }], width: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], minWidth: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], maxWidth: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], flexGrow: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], sortable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], resizeable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], comparator: [{
+                type: Input
+            }], pipe: [{
+                type: Input
+            }], headerClass: [{
+                type: Input
+            }], cellClass: [{
+                type: Input
+            }], _cellTemplateInput: [{
+                type: Input,
+                args: ['cellTemplate']
+            }], _cellTemplateQuery: [{
+                type: ContentChild,
+                args: [MDCardsGridCellTemplateDirective, { read: TemplateRef, static: true }]
+            }], _headerTemplateInput: [{
+                type: Input,
+                args: ['headerTemplate']
+            }], _headerTemplateQuery: [{
+                type: ContentChild,
+                args: [MDCardsGridHeaderTemplateDirective, { read: TemplateRef, static: true }]
+            }], _editTemplateInput: [{
+                type: Input,
+                args: ['editTemplate']
+            }], _editTemplateQuery: [{
+                type: ContentChild,
+                args: [MDCardsGridEditTemplateDirective, { read: TemplateRef, static: true }]
+            }] } });
+
+/**
+ * Sort direction enum
+ */
+var SortDirection;
+(function (SortDirection) {
+    SortDirection["asc"] = "asc";
+    SortDirection["desc"] = "desc";
+})(SortDirection || (SortDirection = {}));
+/**
+ * Sort type - single or multi column sorting
+ */
+var SortType;
+(function (SortType) {
+    SortType["single"] = "single";
+    SortType["multi"] = "multi";
+})(SortType || (SortType = {}));
+/**
+ * Overflow mode for the grid when columns exceed container width
+ * - 'scroll': Enable horizontal scrolling (default)
+ * - 'shrink': Shrink columns to fit, respecting minWidth constraints
+ */
+var OverflowMode;
+(function (OverflowMode) {
+    OverflowMode["scroll"] = "scroll";
+    OverflowMode["shrink"] = "shrink";
+})(OverflowMode || (OverflowMode = {}));
+
+let columnIdCounter = 0;
+/**
+ * Generate unique column ID
+ */
+function generateColumnId() {
+    return `cards-grid-col-${columnIdCounter++}`;
+}
+/**
+ * Get value from object by property path (supports nested paths like 'user.name')
+ */
+function getValueByPath(obj, path) {
+    if (!path)
+        return obj;
+    const parts = path.split('.');
+    let value = obj;
+    for (const part of parts) {
+        if (value == null)
+            return undefined;
+        value = value[part];
+    }
+    return value;
+}
+/**
+ * Create value getter function for column
+ */
+function createValueGetter(prop) {
+    if (!prop) {
+        return () => undefined;
+    }
+    return (row) => getValueByPath(row, prop);
+}
+/**
+ * Convert column definition to internal format with defaults
+ */
+function toInternalColumn(column, defaultWidth = 150) {
+    const name = column.name || (column.prop ? formatPropAsName(column.prop) : '');
+    return {
+        ...column,
+        $$id: column.$$id || generateColumnId(),
+        name,
+        width: column.width ?? defaultWidth,
+        $$valueGetter: createValueGetter(column.prop),
+    };
+}
+/**
+ * Format property name as display name
+ * e.g., 'firstName' -> 'First Name', 'user_name' -> 'User Name'
+ */
+function formatPropAsName(prop) {
+    // Handle nested paths - use last part
+    const parts = prop.split('.');
+    const lastPart = parts[parts.length - 1];
+    // Convert camelCase or snake_case to Title Case
+    return lastPart
+        .replace(/_/g, ' ')
+        .replace(/([a-z])([A-Z])/g, '$1 $2')
+        .replace(/\b\w/g, char => char.toUpperCase());
+}
+/**
+ * Group rows by a property
+ */
+function groupRowsByProperty(rows, groupBy) {
+    const groups = new Map();
+    for (const row of rows) {
+        const key = typeof groupBy === 'function'
+            ? groupBy(row)
+            : row[groupBy];
+        if (!groups.has(key)) {
+            groups.set(key, []);
+        }
+        groups.get(key).push(row);
+    }
+    return Array.from(groups.entries()).map(([key, value]) => ({ key, value }));
+}
+/**
+ * Sort rows by sort configuration
+ */
+function sortRows(rows, sorts, columns) {
+    if (!sorts || sorts.length === 0) {
+        return rows;
+    }
+    const sorted = [...rows];
+    sorted.sort((a, b) => {
+        for (const sort of sorts) {
+            const column = columns.find(c => c.prop === sort.prop);
+            if (!column)
+                continue;
+            const valueA = column.$$valueGetter(a);
+            const valueB = column.$$valueGetter(b);
+            let result;
+            if (column.comparator) {
+                result = column.comparator(valueA, valueB, a, b, sort.dir);
+            }
+            else {
+                result = defaultComparator(valueA, valueB);
+            }
+            if (result !== 0) {
+                return sort.dir === SortDirection.desc ? -result : result;
+            }
+        }
+        return 0;
+    });
+    return sorted;
+}
+/**
+ * Default comparator for sorting
+ */
+function defaultComparator(valueA, valueB) {
+    if (valueA == null && valueB == null)
+        return 0;
+    if (valueA == null)
+        return -1;
+    if (valueB == null)
+        return 1;
+    if (typeof valueA === 'string' && typeof valueB === 'string') {
+        return valueA.localeCompare(valueB);
+    }
+    if (valueA < valueB)
+        return -1;
+    if (valueA > valueB)
+        return 1;
+    return 0;
+}
+/**
+ * Get next sort direction
+ */
+function nextSortDirection(currentDir, enableClearing = false) {
+    if (!currentDir) {
+        return SortDirection.asc;
+    }
+    if (currentDir === SortDirection.asc) {
+        return SortDirection.desc;
+    }
+    if (enableClearing) {
+        return undefined;
+    }
+    return SortDirection.asc;
+}
+/**
+ * Deep clone an object
+ */
+function deepClone(obj) {
+    if (obj === null || typeof obj !== 'object') {
+        return obj;
+    }
+    if (Array.isArray(obj)) {
+        return obj.map(item => deepClone(item));
+    }
+    const cloned = {};
+    for (const key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            cloned[key] = deepClone(obj[key]);
+        }
+    }
+    return cloned;
+}
+/**
+ * Calculate column widths based on container width and column definitions
+ */
+function calculateColumnWidths(columns, containerWidth) {
+    const totalFixedWidth = columns
+        .filter(c => c.width && !c.flexGrow)
+        .reduce((sum, c) => sum + c.width, 0);
+    const flexColumns = columns.filter(c => c.flexGrow);
+    const totalFlexGrow = flexColumns.reduce((sum, c) => sum + (c.flexGrow || 0), 0);
+    const remainingWidth = Math.max(0, containerWidth - totalFixedWidth);
+    return columns.map(column => {
+        if (column.flexGrow && totalFlexGrow > 0) {
+            const flexWidth = (column.flexGrow / totalFlexGrow) * remainingWidth;
+            let width = Math.floor(flexWidth);
+            if (column.minWidth && width < column.minWidth) {
+                width = column.minWidth;
+            }
+            if (column.maxWidth && width > column.maxWidth) {
+                width = column.maxWidth;
+            }
+            return { ...column, width };
+        }
+        return column;
+    });
+}
+
+/**
+ * MD Cards Grid Component
+ *
+ * A horizontal cards grid with table-like header and edit mode support.
+ * Similar API to ngx-datatable but displays data as cards/tiles.
+ *
+ * @example
+ * ```html
+ * <md-cards-grid
+ *   [rows]="data"
+ *   [groupRowsBy]="'category'"
+ *   [(editingRow)]="currentEditingRow"
+ *   [sorts]="sorts"
+ *   (sort)="onSort($event)"
+ *   (rowEditSave)="onSave($event)">
+ *
+ *   <md-cards-grid-column name="Name" prop="name" [sortable]="true">
+ *     <ng-template mdCardsGridCellTemplate let-value="value">
+ *       <span>{{value}}</span>
+ *     </ng-template>
+ *     <ng-template mdCardsGridEditTemplate let-row="row">
+ *       <input [(ngModel)]="row.name" />
+ *     </ng-template>
+ *   </md-cards-grid-column>
+ *
+ * </md-cards-grid>
+ * ```
+ */
+class MDCardsGridComponent {
+    _cdr = inject(ChangeDetectorRef);
+    _columnsSubscription;
+    /** Host binding for shrink mode class */
+    get isShrinkMode() {
+        return this.overflowMode === OverflowMode.shrink;
+    }
+    // ═══════════════════════════════════════════════════════════════════════════
+    // DATA INPUTS
+    // ═══════════════════════════════════════════════════════════════════════════
+    /** Data rows to display */
+    rows = [];
+    /** Columns definition (alternative to content projection) */
+    columns = [];
+    /** Property to group rows by */
+    groupRowsBy;
+    /** Custom template for group header */
+    groupHeaderTemplate;
+    /** Custom template for row actions (edit/save/cancel buttons) */
+    rowActionsTemplate;
+    // ═══════════════════════════════════════════════════════════════════════════
+    // DISPLAY OPTIONS
+    // ═══════════════════════════════════════════════════════════════════════════
+    /** Height of the header in pixels (0 = no header) */
+    headerHeight = 46;
+    /** Height of each card/row */
+    cardHeight = 'auto';
+    /** Gap between cards in pixels */
+    gap = 5;
+    /** Default column width */
+    defaultColumnWidth = 150;
+    /** Show row actions column */
+    showRowActions = true;
+    /**
+     * Overflow mode when columns exceed container width:
+     * - 'scroll': Enable horizontal scrolling (default)
+     * - 'shrink': Shrink columns to fit, respecting minWidth constraints
+     */
+    overflowMode = OverflowMode.scroll;
+    // ═══════════════════════════════════════════════════════════════════════════
+    // COLUMN RESIZE
+    // ═══════════════════════════════════════════════════════════════════════════
+    /** Enable column resize by dragging header borders */
+    enableColumnResize = false;
+    /** Default minimum column width when resizing */
+    defaultMinColumnWidth = 50;
+    /** Default maximum column width when resizing */
+    defaultMaxColumnWidth = 500;
+    /** Column resize event */
+    columnResize = new EventEmitter();
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SORTING
+    // ═══════════════════════════════════════════════════════════════════════════
+    /** Current sort configuration */
+    sorts = [];
+    /** Sort type: single or multi */
+    sortType = SortType.single;
+    /** Enable external sorting (don't sort internally) */
+    externalSorting = false;
+    /** Enable clearing sort state (asc -> desc -> none) */
+    enableClearingSortState = false;
+    /** Icon class for ascending sort */
+    sortAscendingIcon;
+    /** Icon class for descending sort */
+    sortDescendingIcon;
+    /** Icon class for unsorted state */
+    sortUnsetIcon;
+    /** Sort event */
+    sort = new EventEmitter();
+    // ═══════════════════════════════════════════════════════════════════════════
+    // PAGINATION
+    // ═══════════════════════════════════════════════════════════════════════════
+    /** Page size (items per page) */
+    limit = 10;
+    /** Current page offset (0-indexed) */
+    offset = 0;
+    /** Total count for external paging */
+    count;
+    /** Enable external paging */
+    externalPaging = false;
+    /** Show footer with pagination */
+    showFooter = true;
+    /** Footer height in pixels */
+    footerHeight = 40;
+    /** Page event */
+    page = new EventEmitter();
+    // ═══════════════════════════════════════════════════════════════════════════
+    // EDIT MODE
+    // ═══════════════════════════════════════════════════════════════════════════
+    /** Currently editing row (two-way binding) */
+    editingRow = null;
+    editingRowChange = new EventEmitter();
+    /** Event when row edit starts */
+    rowEditStart = new EventEmitter();
+    /** Event when row edit is saved */
+    rowEditSave = new EventEmitter();
+    /** Event when row edit is cancelled */
+    rowEditCancel = new EventEmitter();
+    // ═══════════════════════════════════════════════════════════════════════════
+    // INTERNAL STATE
+    // ═══════════════════════════════════════════════════════════════════════════
+    /** Columns from ContentChildren */
+    _columnDirectives;
+    /** Internal columns with defaults applied */
+    _internalColumns = [];
+    /** Processed rows (sorted, paginated) */
+    _displayRows = [];
+    /** Grouped rows (if grouping enabled) */
+    _groupedRows = null;
+    /** Original row data before editing (for cancel) */
+    _originalEditRow = null;
+    /** Editing row copy (mutable) */
+    _editingRowCopy = null;
+    /** Map of editing row index */
+    _editingRowIndex = -1;
+    /** Currently resizing column */
+    _resizingColumn = null;
+    /** Start X position for resize */
+    _resizeStartX = 0;
+    /** Start width for resize */
+    _resizeStartWidth = 0;
+    // ═══════════════════════════════════════════════════════════════════════════
+    // LIFECYCLE
+    // ═══════════════════════════════════════════════════════════════════════════
+    ngAfterContentInit() {
+        this._updateColumns();
+        this._columnsSubscription = this._columnDirectives.changes.subscribe(() => {
+            this._updateColumns();
+            this._cdr.markForCheck();
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['rows'] || changes['sorts'] || changes['limit'] || changes['offset']) {
+            this._processRows();
+        }
+        if (changes['columns']) {
+            this._updateColumnsFromInput();
+        }
+        if (changes['editingRow']) {
+            this._handleEditingRowChange();
+        }
+        if (changes['groupRowsBy']) {
+            this._processRows();
+        }
+    }
+    ngOnDestroy() {
+        this._columnsSubscription?.unsubscribe();
+    }
+    editRow(rowOrIndex) {
+        const index = typeof rowOrIndex === 'number' ? rowOrIndex : this._displayRows.indexOf(rowOrIndex);
+        const row = typeof rowOrIndex === 'number' ? this._displayRows[rowOrIndex] : rowOrIndex;
+        if (index < 0 || !row)
+            return;
+        // Cancel any current edit
+        if (this._editingRowCopy) {
+            this.cancelEdit();
+        }
+        this._originalEditRow = row;
+        this._editingRowCopy = deepClone(row);
+        this._editingRowIndex = index;
+        this.editingRow = row;
+        this.editingRowChange.emit(row);
+        this.rowEditStart.emit({ row, rowIndex: index });
+        this._cdr.markForCheck();
+    }
+    saveRow(row) {
+        if (!this._editingRowCopy || this._editingRowIndex < 0)
+            return;
+        const savedRow = row || this._editingRowCopy;
+        const originalRow = this._originalEditRow;
+        const rowIndex = this._editingRowIndex;
+        // Update the original row in the rows array
+        const rowsIndex = this.rows.indexOf(originalRow);
+        if (rowsIndex >= 0) {
+            Object.assign(this.rows[rowsIndex], savedRow);
+        }
+        this.rowEditSave.emit({
+            row: savedRow,
+            rowIndex,
+            originalRow,
+        });
+        this._clearEditState();
+        this._processRows();
+        this._cdr.markForCheck();
+    }
+    cancelEdit(row) {
+        if (!this._editingRowCopy)
+            return;
+        this.rowEditCancel.emit({
+            row: this._originalEditRow,
+            rowIndex: this._editingRowIndex,
+        });
+        this._clearEditState();
+        this._cdr.markForCheck();
+    }
+    /**
+     * Check if a row is currently being edited
+     */
+    isEditing(row) {
+        return this._originalEditRow === row;
+    }
+    /**
+     * Get the editing copy of the row (for template use)
+     */
+    getEditingCopy(row) {
+        if (this._originalEditRow === row) {
+            return this._editingRowCopy;
+        }
+        return null;
+    }
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SORTING METHODS
+    // ═══════════════════════════════════════════════════════════════════════════
+    /**
+     * Handle column sort click
+     */
+    onColumnSort(column) {
+        if (!column.sortable)
+            return;
+        const currentSort = this.sorts.find(s => s.prop === column.prop);
+        const currentDir = currentSort?.dir;
+        const newDir = nextSortDirection(currentDir, this.enableClearingSortState);
+        let newSorts;
+        if (this.sortType === SortType.single) {
+            newSorts = newDir ? [{ prop: column.prop, dir: newDir }] : [];
+        }
+        else {
+            newSorts = this.sorts.filter(s => s.prop !== column.prop);
+            if (newDir) {
+                newSorts.push({ prop: column.prop, dir: newDir });
+            }
+        }
+        this.sort.emit({
+            sorts: newSorts,
+            column,
+            prevValue: currentDir,
+            newValue: newDir,
+        });
+        if (!this.externalSorting) {
+            this.sorts = newSorts;
+            this._processRows();
+        }
+    }
+    /**
+     * Get current sort direction for a column
+     */
+    getSortDir(column) {
+        return this.sorts.find(s => s.prop === column.prop)?.dir;
+    }
+    /**
+     * Get sort icon class for a column
+     */
+    getSortClass(column) {
+        if (!column.sortable)
+            return '';
+        const dir = this.getSortDir(column);
+        if (dir === SortDirection.asc) {
+            return this.sortAscendingIcon || 'md-cards-grid-sort-asc';
+        }
+        if (dir === SortDirection.desc) {
+            return this.sortDescendingIcon || 'md-cards-grid-sort-desc';
+        }
+        return ``;
+    }
+    // ═══════════════════════════════════════════════════════════════════════════
+    // COLUMN RESIZE METHODS
+    // ═══════════════════════════════════════════════════════════════════════════
+    /**
+     * Check if a column can be resized
+     */
+    isColumnResizeable(column) {
+        if (!this.enableColumnResize)
+            return false;
+        // If column.resizeable is explicitly set, use that; otherwise default to true when enableColumnResize is on
+        return column.resizeable !== false;
+    }
+    /**
+     * Start column resize on mousedown
+     */
+    onResizeStart(event, column) {
+        if (!this.isColumnResizeable(column))
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this._resizingColumn = column;
+        this._resizeStartX = event.clientX;
+        this._resizeStartWidth = column.width;
+        // Add document listeners
+        document.addEventListener('mousemove', this._onResizeMove);
+        document.addEventListener('mouseup', this._onResizeEnd);
+        // Add resizing class to body to prevent text selection
+        document.body.classList.add('md-cards-grid-resizing');
+    }
+    /**
+     * Handle mouse move during resize
+     */
+    _onResizeMove = (event) => {
+        if (!this._resizingColumn)
+            return;
+        const deltaX = event.clientX - this._resizeStartX;
+        let newWidth = this._resizeStartWidth + deltaX;
+        // Apply min/max constraints
+        const minWidth = this._resizingColumn.minWidth ?? this.defaultMinColumnWidth;
+        const maxWidth = this._resizingColumn.maxWidth ?? this.defaultMaxColumnWidth;
+        newWidth = Math.max(minWidth, Math.min(maxWidth, newWidth));
+        // Update column width
+        this._resizingColumn.width = newWidth;
+        this._cdr.markForCheck();
+    };
+    /**
+     * End column resize on mouseup
+     */
+    _onResizeEnd = (event) => {
+        if (!this._resizingColumn)
+            return;
+        // Remove document listeners
+        document.removeEventListener('mousemove', this._onResizeMove);
+        document.removeEventListener('mouseup', this._onResizeEnd);
+        // Remove resizing class
+        document.body.classList.remove('md-cards-grid-resizing');
+        // Emit resize event
+        const prevWidth = this._resizeStartWidth;
+        const newWidth = this._resizingColumn.width;
+        if (prevWidth !== newWidth) {
+            this.columnResize.emit({
+                column: this._resizingColumn,
+                prevWidth,
+                newWidth,
+            });
+        }
+        this._resizingColumn = null;
+        this._cdr.markForCheck();
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // PAGINATION METHODS
+    // ═══════════════════════════════════════════════════════════════════════════
+    /**
+     * Navigate to a page
+     */
+    setPage(offset) {
+        const totalCount = this.count ?? this.rows.length;
+        const maxOffset = Math.max(0, Math.ceil(totalCount / this.limit) - 1);
+        const newOffset = Math.max(0, Math.min(offset, maxOffset));
+        if (newOffset !== this.offset) {
+            this.offset = newOffset;
+            this.page.emit({
+                offset: newOffset,
+                limit: this.limit,
+                count: totalCount,
+                pageSize: this.limit,
+            });
+            if (!this.externalPaging) {
+                this._processRows();
+            }
+        }
+    }
+    /**
+     * Get total pages count
+     */
+    get totalPages() {
+        const totalCount = this.count ?? this.rows.length;
+        return Math.ceil(totalCount / this.limit);
+    }
+    /**
+     * Get current page (1-indexed for display)
+     */
+    get currentPage() {
+        return this.offset + 1;
+    }
+    // ═══════════════════════════════════════════════════════════════════════════
+    // TEMPLATE HELPERS
+    // ═══════════════════════════════════════════════════════════════════════════
+    /**
+     * Get cell value for display
+     */
+    getCellValue(row, column) {
+        const value = column.$$valueGetter(row);
+        if (column.pipe) {
+            return column.pipe.transform(value);
+        }
+        return value;
+    }
+    /**
+     * Get row to use in template (editing copy if editing, otherwise original)
+     */
+    getTemplateRow(row) {
+        if (this._originalEditRow === row && this._editingRowCopy) {
+            return this._editingRowCopy;
+        }
+        return row;
+    }
+    /**
+     * Track by function for rows
+     */
+    trackByRow = (index, row) => {
+        return row;
+    };
+    /**
+     * Track by function for columns
+     */
+    trackByColumn = (index, column) => {
+        return column.$$id;
+    };
+    /**
+     * Track by function for groups
+     */
+    trackByGroup = (index, group) => {
+        return group.key;
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // PRIVATE METHODS
+    // ═══════════════════════════════════════════════════════════════════════════
+    _updateColumns() {
+        if (this._columnDirectives && this._columnDirectives.length > 0) {
+            this._internalColumns = this._columnDirectives.map(col => toInternalColumn(col, this.defaultColumnWidth));
+        }
+        else if (this.columns.length > 0) {
+            this._updateColumnsFromInput();
+        }
+        this._cdr.markForCheck();
+    }
+    _updateColumnsFromInput() {
+        this._internalColumns = this.columns.map(col => toInternalColumn(col, this.defaultColumnWidth));
+    }
+    _processRows() {
+        let processed = [...this.rows];
+        // Sort (if internal sorting)
+        if (!this.externalSorting && this.sorts.length > 0) {
+            processed = sortRows(processed, this.sorts, this._internalColumns);
+        }
+        // Paginate (if internal paging)
+        if (!this.externalPaging) {
+            const start = this.offset * this.limit;
+            const end = start + this.limit;
+            processed = processed.slice(start, end);
+        }
+        this._displayRows = processed;
+        // Group if needed
+        if (this.groupRowsBy) {
+            this._groupedRows = groupRowsByProperty(this._displayRows, this.groupRowsBy);
+        }
+        else {
+            this._groupedRows = null;
+        }
+        this._cdr.markForCheck();
+    }
+    _handleEditingRowChange() {
+        if (this.editingRow && this._originalEditRow !== this.editingRow) {
+            // External change - start editing this row
+            const index = this._displayRows.indexOf(this.editingRow);
+            if (index >= 0) {
+                this._originalEditRow = this.editingRow;
+                this._editingRowCopy = deepClone(this.editingRow);
+                this._editingRowIndex = index;
+            }
+        }
+        else if (!this.editingRow && this._originalEditRow) {
+            // External clear
+            this._clearEditState();
+        }
+    }
+    _clearEditState() {
+        this._originalEditRow = null;
+        this._editingRowCopy = null;
+        this._editingRowIndex = -1;
+        this.editingRow = null;
+        this.editingRowChange.emit(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: MDCardsGridComponent, isStandalone: true, selector: "md-cards-grid", inputs: { rows: "rows", columns: "columns", groupRowsBy: "groupRowsBy", groupHeaderTemplate: "groupHeaderTemplate", rowActionsTemplate: "rowActionsTemplate", headerHeight: ["headerHeight", "headerHeight", numberAttribute], cardHeight: "cardHeight", gap: ["gap", "gap", numberAttribute], defaultColumnWidth: ["defaultColumnWidth", "defaultColumnWidth", numberAttribute], showRowActions: ["showRowActions", "showRowActions", booleanAttribute], overflowMode: "overflowMode", enableColumnResize: ["enableColumnResize", "enableColumnResize", booleanAttribute], defaultMinColumnWidth: ["defaultMinColumnWidth", "defaultMinColumnWidth", numberAttribute], defaultMaxColumnWidth: ["defaultMaxColumnWidth", "defaultMaxColumnWidth", numberAttribute], sorts: "sorts", sortType: "sortType", externalSorting: ["externalSorting", "externalSorting", booleanAttribute], enableClearingSortState: ["enableClearingSortState", "enableClearingSortState", booleanAttribute], sortAscendingIcon: "sortAscendingIcon", sortDescendingIcon: "sortDescendingIcon", sortUnsetIcon: "sortUnsetIcon", limit: ["limit", "limit", numberAttribute], offset: ["offset", "offset", numberAttribute], count: ["count", "count", numberAttribute], externalPaging: ["externalPaging", "externalPaging", booleanAttribute], showFooter: ["showFooter", "showFooter", booleanAttribute], footerHeight: ["footerHeight", "footerHeight", numberAttribute], editingRow: "editingRow" }, outputs: { columnResize: "columnResize", sort: "sort", page: "page", editingRowChange: "editingRowChange", rowEditStart: "rowEditStart", rowEditSave: "rowEditSave", rowEditCancel: "rowEditCancel" }, host: { properties: { "class.md-cards-grid-shrink-mode": "this.isShrinkMode" }, classAttribute: "md-cards-grid" }, queries: [{ propertyName: "_columnDirectives", predicate: MDCardsGridColumnDirective }], exportAs: ["mdCardsGrid"], usesOnChanges: true, ngImport: i0, template: "<!-- Scrollable container for header and body -->\r\n<div class=\"md-cards-grid-scroll-container\">\r\n<!-- Header -->\r\n@if (headerHeight > 0) {\r\n<div\r\n  class=\"md-cards-grid-header\"\r\n  role=\"row\"\r\n  [style.height.px]=\"headerHeight\"\r\n>\r\n  <div class=\"md-cards-grid-header-inner\">\r\n    @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n    <div\r\n      class=\"md-cards-grid-header-cell\"\r\n      role=\"columnheader\"\r\n      [class.sortable]=\"column.sortable\"\r\n      [class.resizeable]=\"isColumnResizeable(column)\"\r\n      [class.sort-active]=\"getSortDir(column)\"\r\n      [class.sort-asc]=\"getSortDir(column) === 'asc'\"\r\n      [class.sort-desc]=\"getSortDir(column) === 'desc'\"\r\n      [style.width.px]=\"column.width\"\r\n      [style.min-width.px]=\"column.minWidth\"\r\n      [style.max-width.px]=\"column.maxWidth\"\r\n      [style.flex-grow]=\"column.flexGrow\"\r\n      [attr.title]=\"column.name\"\r\n      (click)=\"onColumnSort(column)\"\r\n      (keydown.enter)=\"onColumnSort(column)\"\r\n      [attr.tabindex]=\"column.sortable ? 0 : -1\"\r\n    >\r\n      <!-- Custom header template -->\r\n      @if (column.headerTemplate) {\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"column.headerTemplate\"\r\n        [ngTemplateOutletContext]=\"{\r\n          column: column,\r\n          sortDir: getSortDir(column),\r\n          sortFn: onColumnSort.bind(this, column)\r\n        }\"\r\n      />\r\n      } @else {\r\n      <!-- Default header -->\r\n      <span class=\"md-cards-grid-header-cell-label\">{{ column.name }}</span>\r\n      @if (column.sortable) {\r\n      <span class=\"md-cards-grid-sort-icon\" [ngClass]=\"getSortClass(column)\"></span>\r\n      }\r\n      }\r\n\r\n      <!-- Resize handle -->\r\n      @if (isColumnResizeable(column)) {\r\n      <span\r\n        class=\"md-cards-grid-resize-handle\"\r\n        (mousedown)=\"onResizeStart($event, column)\"\r\n      ></span>\r\n      }\r\n    </div>\r\n    }\r\n\r\n    <!-- Actions header cell -->\r\n    @if (showRowActions) {\r\n    <div class=\"md-cards-grid-header-cell md-cards-grid-actions-cell\">\r\n      <span class=\"md-cards-grid-header-cell-label\"></span>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n\r\n<!-- Body -->\r\n<div class=\"md-cards-grid-body\" [style.gap.px]=\"gap\">\r\n  <!-- Grouped rows -->\r\n  @if (_groupedRows) {\r\n    @for (group of _groupedRows; track trackByGroup($index, group)) {\r\n    <div class=\"md-cards-grid-group\">\r\n      <!-- Group header -->\r\n      <div class=\"md-cards-grid-group-header\">\r\n        @if (groupHeaderTemplate) {\r\n        <ng-template\r\n          [ngTemplateOutlet]=\"groupHeaderTemplate\"\r\n          [ngTemplateOutletContext]=\"{ group: group }\"\r\n        />\r\n        } @else {\r\n        <span class=\"md-cards-grid-group-title\">{{ group.key }}</span>\r\n        }\r\n      </div>\r\n\r\n      <!-- Group rows -->\r\n      <div class=\"md-cards-grid-group-rows\" [style.gap.px]=\"gap\">\r\n        @for (row of group.value; track trackByRow($index, row); let rowIndex = $index) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: group.key }\"\r\n        />\r\n        }\r\n      </div>\r\n    </div>\r\n    }\r\n  } @else {\r\n    <!-- Non-grouped rows -->\r\n    @for (row of _displayRows; track trackByRow($index, row); let rowIndex = $index) {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: null }\"\r\n    />\r\n    }\r\n  }\r\n</div>\r\n</div><!-- End scroll container -->\r\n\r\n<!-- Row template -->\r\n<ng-template #rowTemplate let-row=\"row\" let-rowIndex=\"rowIndex\" let-group=\"group\">\r\n  <div\r\n    class=\"md-cards-grid-card\"\r\n    [class.md-cards-grid-card-editing]=\"isEditing(row)\"\r\n    [class.md-cards-grid-card-fixed-height]=\"cardHeight !== 'auto'\"\r\n    [style.height]=\"cardHeight === 'auto' ? null : cardHeight + 'px'\"\r\n    role=\"row\"\r\n  >\r\n    @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n    <div\r\n      class=\"md-cards-grid-cell\"\r\n      [style.width.px]=\"column.width\"\r\n      [style.min-width.px]=\"column.minWidth\"\r\n      [style.max-width.px]=\"column.maxWidth\"\r\n      [style.flex-grow]=\"column.flexGrow\"\r\n      role=\"cell\"\r\n    >\r\n      <!-- Edit mode -->\r\n      @if (isEditing(row) && column.editTemplate) {\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"column.editTemplate\"\r\n        [ngTemplateOutletContext]=\"{\r\n          row: getTemplateRow(row),\r\n          originalRow: row,\r\n          value: getCellValue(getTemplateRow(row), column),\r\n          column: column,\r\n          rowIndex: rowIndex,\r\n          saveFn: saveRow.bind(this),\r\n          cancelFn: cancelEdit.bind(this)\r\n        }\"\r\n      />\r\n      }\r\n      <!-- View mode with custom template -->\r\n      @else if (column.cellTemplate) {\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"column.cellTemplate\"\r\n        [ngTemplateOutletContext]=\"{\r\n          row: row,\r\n          value: getCellValue(row, column),\r\n          column: column,\r\n          rowIndex: rowIndex,\r\n          isEditing: isEditing(row),\r\n          group: group\r\n        }\"\r\n      />\r\n      }\r\n      <!-- Default view mode -->\r\n      @else {\r\n      <span class=\"md-cards-grid-cell-value\">{{ getCellValue(row, column) }}</span>\r\n      }\r\n    </div>\r\n    }\r\n\r\n    <!-- Row actions -->\r\n    @if (showRowActions) {\r\n    <div class=\"md-cards-grid-cell md-cards-grid-actions-cell\">\r\n      @if (rowActionsTemplate) {\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"rowActionsTemplate\"\r\n        [ngTemplateOutletContext]=\"{\r\n          row: row,\r\n          rowIndex: rowIndex,\r\n          isEditing: isEditing(row),\r\n          editFn: editRow.bind(this, row),\r\n          saveFn: saveRow.bind(this),\r\n          cancelFn: cancelEdit.bind(this)\r\n        }\"\r\n      />\r\n      } @else {\r\n      <!-- Default actions -->\r\n      @if (isEditing(row)) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"md-cards-grid-action-btn md-cards-grid-action-save\"\r\n        (click)=\"saveRow()\"\r\n        title=\"Save\"\r\n      >\r\n        <span class=\"md-cards-grid-icon-save\"></span>\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"md-cards-grid-action-btn md-cards-grid-action-cancel\"\r\n        (click)=\"cancelEdit()\"\r\n        title=\"Cancel\"\r\n      >\r\n        <span class=\"md-cards-grid-icon-cancel\"></span>\r\n      </button>\r\n      } @else {\r\n      <button\r\n        type=\"button\"\r\n        class=\"md-cards-grid-action-btn md-cards-grid-action-edit\"\r\n        (click)=\"editRow(row)\"\r\n        title=\"Edit\"\r\n      >\r\n        <span class=\"md-cards-grid-icon-edit\"></span>\r\n      </button>\r\n      }\r\n      }\r\n    </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Footer / Pagination -->\r\n@if (showFooter && totalPages > 1) {\r\n<div\r\n  class=\"md-cards-grid-footer\"\r\n  [style.height.px]=\"footerHeight\"\r\n>\r\n  <div class=\"md-cards-grid-pager\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"md-cards-grid-pager-btn\"\r\n      [disabled]=\"offset === 0\"\r\n      (click)=\"setPage(0)\"\r\n      title=\"First page\"\r\n    >\r\n      <span class=\"md-cards-grid-icon-first\"></span>\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"md-cards-grid-pager-btn\"\r\n      [disabled]=\"offset === 0\"\r\n      (click)=\"setPage(offset - 1)\"\r\n      title=\"Previous page\"\r\n    >\r\n      <span class=\"md-cards-grid-icon-prev\"></span>\r\n    </button>\r\n\r\n    <span class=\"md-cards-grid-pager-info\">\r\n      {{ currentPage }} / {{ totalPages }}\r\n    </span>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"md-cards-grid-pager-btn\"\r\n      [disabled]=\"offset >= totalPages - 1\"\r\n      (click)=\"setPage(offset + 1)\"\r\n      title=\"Next page\"\r\n    >\r\n      <span class=\"md-cards-grid-icon-next\"></span>\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"md-cards-grid-pager-btn\"\r\n      [disabled]=\"offset >= totalPages - 1\"\r\n      (click)=\"setPage(totalPages - 1)\"\r\n      title=\"Last page\"\r\n    >\r\n      <span class=\"md-cards-grid-icon-last\"></span>\r\n    </button>\r\n  </div>\r\n</div>\r\n}\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-cards-grid{display:block;width:100%;font-family:Open Sans,Arial,sans-serif;font-size:13px;background:transparent;border:0;border-radius:0}.md-cards-grid *,.md-cards-grid *:before,.md-cards-grid *:after{box-sizing:border-box}.md-cards-grid-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden}.md-cards-grid-scroll-container::-webkit-scrollbar{height:6px}.md-cards-grid-scroll-container::-webkit-scrollbar-track{background:#f3f3f3;border-radius:3px}.md-cards-grid-scroll-container::-webkit-scrollbar-thumb{background:#929292;border-radius:3px}.md-cards-grid-scroll-container::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.md-cards-grid-shrink-mode .md-cards-grid-scroll-container{overflow-x:hidden}.md-cards-grid-shrink-mode .md-cards-grid-header-inner,.md-cards-grid-shrink-mode .md-cards-grid-card{min-width:0}.md-cards-grid-shrink-mode .md-cards-grid-header-cell,.md-cards-grid-shrink-mode .md-cards-grid-cell{flex-shrink:1}.md-cards-grid-header{display:block;background:transparent;margin:0;padding:0;border:0}.md-cards-grid-header-inner{display:flex;align-items:center;height:100%;min-width:fit-content}.md-cards-grid-header-cell{display:flex;align-items:center;flex-shrink:0;height:100%;padding:14px 16px;background:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:300;color:#4d4d4d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.md-cards-grid-header-cell:not(:first-child){border-left:2px solid #EAEAEA}.md-cards-grid-header-cell.sortable{cursor:pointer;transition:background-color .2s ease}.md-cards-grid-header-cell.sortable:hover{background:#f3f3f3}.md-cards-grid-header-cell.sortable:focus{outline:0;outline-offset:0}.md-cards-grid-header-cell.sort-active{color:#0185cf}.md-cards-grid-header-cell.resizeable{position:relative}.md-cards-grid-header-cell-label{flex:1;overflow:hidden;text-overflow:ellipsis}.md-cards-grid-sort-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;color:#929292;transition:color .2s ease}.md-cards-grid-sort-icon:before{font-family:datatable;font-size:12px}.md-cards-grid-sort-icon.md-cards-grid-sort-asc,.md-cards-grid-sort-icon.md-cards-grid-sort-desc{color:#6d5cae}.md-cards-grid-sort-icon.md-cards-grid-sort-asc:after,.md-cards-grid-sort-icon.md-cards-grid-sort-desc:after{content:\"\";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.md-cards-grid-sort-icon.md-cards-grid-sort-asc:after{border-bottom:5px solid currentColor}.md-cards-grid-sort-icon.md-cards-grid-sort-desc:after{border-top:5px solid currentColor}.md-cards-grid-resize-handle{position:absolute;top:0;right:-8px;bottom:0;width:10px;cursor:col-resize;z-index:1}.md-cards-grid-resize-handle:after{content:\"\";position:absolute;top:25%;right:2px;bottom:25%;width:3px;background:transparent;border-radius:1px;transition:background-color .2s ease}.md-cards-grid-resize-handle:hover:after{background:#6d5cae}.md-cards-grid-header-cell:last-of-type:not(.md-cards-grid-actions-cell) .md-cards-grid-resize-handle{right:0}.md-cards-grid-header-cell:has(+.md-cards-grid-actions-cell) .md-cards-grid-resize-handle{right:0}body.md-cards-grid-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.md-cards-grid-resizing *{cursor:col-resize!important}.md-cards-grid-body{display:flex;flex-direction:column;padding:12px 0 0;width:fit-content;min-width:fit-content;background:transparent}.md-cards-grid-group{margin-bottom:12px}.md-cards-grid-group:last-child{margin-bottom:0}.md-cards-grid-group-header{display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;background:#eaeaea;border-radius:0;font-size:13px;font-weight:600;color:#000}.md-cards-grid-group-title{flex:1}.md-cards-grid-group-rows{display:flex;flex-direction:column;width:fit-content;gap:5px}.md-cards-grid-card{display:inline-flex;align-items:stretch;width:fit-content;min-width:fit-content;background:#fff;border:0;border-radius:0;box-shadow:none;transition:all .2s ease}.md-cards-grid-card:hover{background:#fbfbfb;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a;border:0;box-shadow:none}.md-cards-grid-card.md-cards-grid-card-fixed-height,.md-cards-grid-card.md-cards-grid-card-fixed-height .md-cards-grid-cell{overflow:hidden}.md-cards-grid-card.md-cards-grid-card-fixed-height .md-cards-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-cards-grid-cell{display:flex;align-items:center;flex-shrink:0;padding:14px 16px;font-size:14px;color:#000;border:0;overflow:hidden;min-width:0}.md-cards-grid-cell:last-child{border-right:none}.md-cards-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4}.md-cards-grid-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:90px;width:auto!important;flex-grow:0!important;flex-shrink:0!important;padding:inherit;border:0}.md-cards-grid-header-cell.md-cards-grid-actions-cell{border-left:none;border-right:none}.md-cards-grid-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:transparent;color:#4d4d4d;cursor:pointer;transition:all .2s ease}.md-cards-grid-action-btn:hover{transform:scale(1.1)}.md-cards-grid-action-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-cards-grid-action-btn:active{transform:scale(.95)}.md-cards-grid-action-edit{color:#6d5cae}.md-cards-grid-action-edit:hover{background:#e9e7f3;color:#564790}.md-cards-grid-action-save{color:#28b446}.md-cards-grid-action-save:hover{background:#dff4e3;color:#1f8a36}.md-cards-grid-action-cancel{color:#cf0106}.md-cards-grid-action-cancel:hover{background:#f8d9da;color:#9c0105}.md-cards-grid-icon-edit,.md-cards-grid-icon-save,.md-cards-grid-icon-cancel{display:inline-block;width:18px;height:18px;position:relative}.md-cards-grid-icon-edit:before,.md-cards-grid-icon-edit:after{content:\"\";position:absolute}.md-cards-grid-icon-edit:before{width:10px;height:10px;border:2px solid currentColor;border-radius:1px;transform:rotate(45deg);top:1px;left:1px}.md-cards-grid-icon-edit:after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid currentColor;bottom:0;left:0;transform:rotate(-45deg)}.md-cards-grid-icon-save:before{content:\"\";position:absolute;width:6px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:1px;left:5px}.md-cards-grid-icon-cancel:before,.md-cards-grid-icon-cancel:after{content:\"\";position:absolute;width:14px;height:2px;background:currentColor;top:50%;left:50%}.md-cards-grid-icon-cancel:before{transform:translate(-50%,-50%) rotate(45deg)}.md-cards-grid-icon-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}.md-cards-grid-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 0 0;background:transparent;border-top:0;font-size:12px;color:#4d4d4d}.md-cards-grid-pager{display:flex;align-items:center;gap:4px}.md-cards-grid-pager-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #EAEAEA;border-radius:4px;background:#fff;color:#4d4d4d;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.md-cards-grid-pager-btn:hover:not(:disabled){background:#f3f3f3;border-color:#929292}.md-cards-grid-pager-btn:disabled{opacity:.4;cursor:not-allowed}.md-cards-grid-pager-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-cards-grid-pager-info{padding:0 12px;font-weight:500}.md-cards-grid-icon-first,.md-cards-grid-icon-prev,.md-cards-grid-icon-next,.md-cards-grid-icon-last{display:inline-block;width:12px;height:12px;position:relative}.md-cards-grid-icon-first:before,.md-cards-grid-icon-prev:before,.md-cards-grid-icon-next:before,.md-cards-grid-icon-last:before{content:\"\";position:absolute;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;top:50%;left:50%}.md-cards-grid-icon-prev:before{transform:translate(-25%,-50%) rotate(135deg)}.md-cards-grid-icon-next:before{transform:translate(-75%,-50%) rotate(-45deg)}.md-cards-grid-icon-first:before{transform:translate(-10%,-50%) rotate(135deg)}.md-cards-grid-icon-first:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;left:2px;transform:translateY(-50%)}.md-cards-grid-icon-last:before{transform:translate(-90%,-50%) rotate(-45deg)}.md-cards-grid-icon-last:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;right:2px;transform:translateY(-50%)}@media (max-width: 767px){.md-cards-grid{font-size:12px}.md-cards-grid-header{display:none}.md-cards-grid-body{padding:8px}.md-cards-grid-card{flex-direction:column}.md-cards-grid-cell{padding:10px 12px;border-right:none;border-bottom:1px solid #EAEAEA}.md-cards-grid-cell:last-child{border-bottom:none}.md-cards-grid-actions-cell{border-left:none;border-top:1px solid #EAEAEA;justify-content:center;background:#f3f3f3}.md-cards-grid-footer{flex-direction:column;gap:10px;padding:12px}}.md-cards-grid.grey .md-cards-grid-header-cell,.md-cards-grid.grey .md-cards-grid-card{background:#f3f3f3}.md-cards-grid.grey .md-cards-grid-card:hover{background:#efefef}.md-cards-grid.grey .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}.md-cards-grid.zebra .md-cards-grid-card:nth-child(odd){background:#fff}.md-cards-grid.zebra .md-cards-grid-card:nth-child(2n){background:#f3f3f3}.md-cards-grid.zebra .md-cards-grid-card:hover{background:#e4e4e4}.md-cards-grid.zebra .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}.md-cards-grid.zebra .md-cards-grid-group-rows .md-cards-grid-card:nth-child(odd){background:#fff}.md-cards-grid.zebra .md-cards-grid-group-rows .md-cards-grid-card:nth-child(2n){background:#f3f3f3}.md-cards-grid.zebra .md-cards-grid-group-rows .md-cards-grid-card:hover{background:#e4e4e4}.md-cards-grid.zebra .md-cards-grid-group-rows .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}.md-cards-grid.zebra.grey .md-cards-grid-card:nth-child(odd){background:#f3f3f3}.md-cards-grid.zebra.grey .md-cards-grid-card:nth-child(2n){background:#efefef}.md-cards-grid.zebra.grey .md-cards-grid-card:hover{background:#d6d6d6}.md-cards-grid.zebra.grey .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}.md-cards-grid.zebra.grey .md-cards-grid-group-rows .md-cards-grid-card:nth-child(odd){background:#f3f3f3}.md-cards-grid.zebra.grey .md-cards-grid-group-rows .md-cards-grid-card:nth-child(2n){background:#efefef}.md-cards-grid.zebra.grey .md-cards-grid-group-rows .md-cards-grid-card:hover{background:#d6d6d6}.md-cards-grid.zebra.grey .md-cards-grid-group-rows .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'md-cards-grid', host: {
+                        class: 'md-cards-grid',
+                    }, exportAs: 'mdCardsGrid', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<!-- Scrollable container for header and body -->\r\n<div class=\"md-cards-grid-scroll-container\">\r\n<!-- Header -->\r\n@if (headerHeight > 0) {\r\n<div\r\n  class=\"md-cards-grid-header\"\r\n  role=\"row\"\r\n  [style.height.px]=\"headerHeight\"\r\n>\r\n  <div class=\"md-cards-grid-header-inner\">\r\n    @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n    <div\r\n      class=\"md-cards-grid-header-cell\"\r\n      role=\"columnheader\"\r\n      [class.sortable]=\"column.sortable\"\r\n      [class.resizeable]=\"isColumnResizeable(column)\"\r\n      [class.sort-active]=\"getSortDir(column)\"\r\n      [class.sort-asc]=\"getSortDir(column) === 'asc'\"\r\n      [class.sort-desc]=\"getSortDir(column) === 'desc'\"\r\n      [style.width.px]=\"column.width\"\r\n      [style.min-width.px]=\"column.minWidth\"\r\n      [style.max-width.px]=\"column.maxWidth\"\r\n      [style.flex-grow]=\"column.flexGrow\"\r\n      [attr.title]=\"column.name\"\r\n      (click)=\"onColumnSort(column)\"\r\n      (keydown.enter)=\"onColumnSort(column)\"\r\n      [attr.tabindex]=\"column.sortable ? 0 : -1\"\r\n    >\r\n      <!-- Custom header template -->\r\n      @if (column.headerTemplate) {\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"column.headerTemplate\"\r\n        [ngTemplateOutletContext]=\"{\r\n          column: column,\r\n          sortDir: getSortDir(column),\r\n          sortFn: onColumnSort.bind(this, column)\r\n        }\"\r\n      />\r\n      } @else {\r\n      <!-- Default header -->\r\n      <span class=\"md-cards-grid-header-cell-label\">{{ column.name }}</span>\r\n      @if (column.sortable) {\r\n      <span class=\"md-cards-grid-sort-icon\" [ngClass]=\"getSortClass(column)\"></span>\r\n      }\r\n      }\r\n\r\n      <!-- Resize handle -->\r\n      @if (isColumnResizeable(column)) {\r\n      <span\r\n        class=\"md-cards-grid-resize-handle\"\r\n        (mousedown)=\"onResizeStart($event, column)\"\r\n      ></span>\r\n      }\r\n    </div>\r\n    }\r\n\r\n    <!-- Actions header cell -->\r\n    @if (showRowActions) {\r\n    <div class=\"md-cards-grid-header-cell md-cards-grid-actions-cell\">\r\n      <span class=\"md-cards-grid-header-cell-label\"></span>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n\r\n<!-- Body -->\r\n<div class=\"md-cards-grid-body\" [style.gap.px]=\"gap\">\r\n  <!-- Grouped rows -->\r\n  @if (_groupedRows) {\r\n    @for (group of _groupedRows; track trackByGroup($index, group)) {\r\n    <div class=\"md-cards-grid-group\">\r\n      <!-- Group header -->\r\n      <div class=\"md-cards-grid-group-header\">\r\n        @if (groupHeaderTemplate) {\r\n        <ng-template\r\n          [ngTemplateOutlet]=\"groupHeaderTemplate\"\r\n          [ngTemplateOutletContext]=\"{ group: group }\"\r\n        />\r\n        } @else {\r\n        <span class=\"md-cards-grid-group-title\">{{ group.key }}</span>\r\n        }\r\n      </div>\r\n\r\n      <!-- Group rows -->\r\n      <div class=\"md-cards-grid-group-rows\" [style.gap.px]=\"gap\">\r\n        @for (row of group.value; track trackByRow($index, row); let rowIndex = $index) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: group.key }\"\r\n        />\r\n        }\r\n      </div>\r\n    </div>\r\n    }\r\n  } @else {\r\n    <!-- Non-grouped rows -->\r\n    @for (row of _displayRows; track trackByRow($index, row); let rowIndex = $index) {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"rowTemplate; context: { row: row, rowIndex: rowIndex, group: null }\"\r\n    />\r\n    }\r\n  }\r\n</div>\r\n</div><!-- End scroll container -->\r\n\r\n<!-- Row template -->\r\n<ng-template #rowTemplate let-row=\"row\" let-rowIndex=\"rowIndex\" let-group=\"group\">\r\n  <div\r\n    class=\"md-cards-grid-card\"\r\n    [class.md-cards-grid-card-editing]=\"isEditing(row)\"\r\n    [class.md-cards-grid-card-fixed-height]=\"cardHeight !== 'auto'\"\r\n    [style.height]=\"cardHeight === 'auto' ? null : cardHeight + 'px'\"\r\n    role=\"row\"\r\n  >\r\n    @for (column of _internalColumns; track trackByColumn($index, column)) {\r\n    <div\r\n      class=\"md-cards-grid-cell\"\r\n      [style.width.px]=\"column.width\"\r\n      [style.min-width.px]=\"column.minWidth\"\r\n      [style.max-width.px]=\"column.maxWidth\"\r\n      [style.flex-grow]=\"column.flexGrow\"\r\n      role=\"cell\"\r\n    >\r\n      <!-- Edit mode -->\r\n      @if (isEditing(row) && column.editTemplate) {\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"column.editTemplate\"\r\n        [ngTemplateOutletContext]=\"{\r\n          row: getTemplateRow(row),\r\n          originalRow: row,\r\n          value: getCellValue(getTemplateRow(row), column),\r\n          column: column,\r\n          rowIndex: rowIndex,\r\n          saveFn: saveRow.bind(this),\r\n          cancelFn: cancelEdit.bind(this)\r\n        }\"\r\n      />\r\n      }\r\n      <!-- View mode with custom template -->\r\n      @else if (column.cellTemplate) {\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"column.cellTemplate\"\r\n        [ngTemplateOutletContext]=\"{\r\n          row: row,\r\n          value: getCellValue(row, column),\r\n          column: column,\r\n          rowIndex: rowIndex,\r\n          isEditing: isEditing(row),\r\n          group: group\r\n        }\"\r\n      />\r\n      }\r\n      <!-- Default view mode -->\r\n      @else {\r\n      <span class=\"md-cards-grid-cell-value\">{{ getCellValue(row, column) }}</span>\r\n      }\r\n    </div>\r\n    }\r\n\r\n    <!-- Row actions -->\r\n    @if (showRowActions) {\r\n    <div class=\"md-cards-grid-cell md-cards-grid-actions-cell\">\r\n      @if (rowActionsTemplate) {\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"rowActionsTemplate\"\r\n        [ngTemplateOutletContext]=\"{\r\n          row: row,\r\n          rowIndex: rowIndex,\r\n          isEditing: isEditing(row),\r\n          editFn: editRow.bind(this, row),\r\n          saveFn: saveRow.bind(this),\r\n          cancelFn: cancelEdit.bind(this)\r\n        }\"\r\n      />\r\n      } @else {\r\n      <!-- Default actions -->\r\n      @if (isEditing(row)) {\r\n      <button\r\n        type=\"button\"\r\n        class=\"md-cards-grid-action-btn md-cards-grid-action-save\"\r\n        (click)=\"saveRow()\"\r\n        title=\"Save\"\r\n      >\r\n        <span class=\"md-cards-grid-icon-save\"></span>\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"md-cards-grid-action-btn md-cards-grid-action-cancel\"\r\n        (click)=\"cancelEdit()\"\r\n        title=\"Cancel\"\r\n      >\r\n        <span class=\"md-cards-grid-icon-cancel\"></span>\r\n      </button>\r\n      } @else {\r\n      <button\r\n        type=\"button\"\r\n        class=\"md-cards-grid-action-btn md-cards-grid-action-edit\"\r\n        (click)=\"editRow(row)\"\r\n        title=\"Edit\"\r\n      >\r\n        <span class=\"md-cards-grid-icon-edit\"></span>\r\n      </button>\r\n      }\r\n      }\r\n    </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Footer / Pagination -->\r\n@if (showFooter && totalPages > 1) {\r\n<div\r\n  class=\"md-cards-grid-footer\"\r\n  [style.height.px]=\"footerHeight\"\r\n>\r\n  <div class=\"md-cards-grid-pager\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"md-cards-grid-pager-btn\"\r\n      [disabled]=\"offset === 0\"\r\n      (click)=\"setPage(0)\"\r\n      title=\"First page\"\r\n    >\r\n      <span class=\"md-cards-grid-icon-first\"></span>\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"md-cards-grid-pager-btn\"\r\n      [disabled]=\"offset === 0\"\r\n      (click)=\"setPage(offset - 1)\"\r\n      title=\"Previous page\"\r\n    >\r\n      <span class=\"md-cards-grid-icon-prev\"></span>\r\n    </button>\r\n\r\n    <span class=\"md-cards-grid-pager-info\">\r\n      {{ currentPage }} / {{ totalPages }}\r\n    </span>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"md-cards-grid-pager-btn\"\r\n      [disabled]=\"offset >= totalPages - 1\"\r\n      (click)=\"setPage(offset + 1)\"\r\n      title=\"Next page\"\r\n    >\r\n      <span class=\"md-cards-grid-icon-next\"></span>\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"md-cards-grid-pager-btn\"\r\n      [disabled]=\"offset >= totalPages - 1\"\r\n      (click)=\"setPage(totalPages - 1)\"\r\n      title=\"Last page\"\r\n    >\r\n      <span class=\"md-cards-grid-icon-last\"></span>\r\n    </button>\r\n  </div>\r\n</div>\r\n}\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-cards-grid{display:block;width:100%;font-family:Open Sans,Arial,sans-serif;font-size:13px;background:transparent;border:0;border-radius:0}.md-cards-grid *,.md-cards-grid *:before,.md-cards-grid *:after{box-sizing:border-box}.md-cards-grid-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden}.md-cards-grid-scroll-container::-webkit-scrollbar{height:6px}.md-cards-grid-scroll-container::-webkit-scrollbar-track{background:#f3f3f3;border-radius:3px}.md-cards-grid-scroll-container::-webkit-scrollbar-thumb{background:#929292;border-radius:3px}.md-cards-grid-scroll-container::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.md-cards-grid-shrink-mode .md-cards-grid-scroll-container{overflow-x:hidden}.md-cards-grid-shrink-mode .md-cards-grid-header-inner,.md-cards-grid-shrink-mode .md-cards-grid-card{min-width:0}.md-cards-grid-shrink-mode .md-cards-grid-header-cell,.md-cards-grid-shrink-mode .md-cards-grid-cell{flex-shrink:1}.md-cards-grid-header{display:block;background:transparent;margin:0;padding:0;border:0}.md-cards-grid-header-inner{display:flex;align-items:center;height:100%;min-width:fit-content}.md-cards-grid-header-cell{display:flex;align-items:center;flex-shrink:0;height:100%;padding:14px 16px;background:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:300;color:#4d4d4d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.md-cards-grid-header-cell:not(:first-child){border-left:2px solid #EAEAEA}.md-cards-grid-header-cell.sortable{cursor:pointer;transition:background-color .2s ease}.md-cards-grid-header-cell.sortable:hover{background:#f3f3f3}.md-cards-grid-header-cell.sortable:focus{outline:0;outline-offset:0}.md-cards-grid-header-cell.sort-active{color:#0185cf}.md-cards-grid-header-cell.resizeable{position:relative}.md-cards-grid-header-cell-label{flex:1;overflow:hidden;text-overflow:ellipsis}.md-cards-grid-sort-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;color:#929292;transition:color .2s ease}.md-cards-grid-sort-icon:before{font-family:datatable;font-size:12px}.md-cards-grid-sort-icon.md-cards-grid-sort-asc,.md-cards-grid-sort-icon.md-cards-grid-sort-desc{color:#6d5cae}.md-cards-grid-sort-icon.md-cards-grid-sort-asc:after,.md-cards-grid-sort-icon.md-cards-grid-sort-desc:after{content:\"\";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.md-cards-grid-sort-icon.md-cards-grid-sort-asc:after{border-bottom:5px solid currentColor}.md-cards-grid-sort-icon.md-cards-grid-sort-desc:after{border-top:5px solid currentColor}.md-cards-grid-resize-handle{position:absolute;top:0;right:-8px;bottom:0;width:10px;cursor:col-resize;z-index:1}.md-cards-grid-resize-handle:after{content:\"\";position:absolute;top:25%;right:2px;bottom:25%;width:3px;background:transparent;border-radius:1px;transition:background-color .2s ease}.md-cards-grid-resize-handle:hover:after{background:#6d5cae}.md-cards-grid-header-cell:last-of-type:not(.md-cards-grid-actions-cell) .md-cards-grid-resize-handle{right:0}.md-cards-grid-header-cell:has(+.md-cards-grid-actions-cell) .md-cards-grid-resize-handle{right:0}body.md-cards-grid-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.md-cards-grid-resizing *{cursor:col-resize!important}.md-cards-grid-body{display:flex;flex-direction:column;padding:12px 0 0;width:fit-content;min-width:fit-content;background:transparent}.md-cards-grid-group{margin-bottom:12px}.md-cards-grid-group:last-child{margin-bottom:0}.md-cards-grid-group-header{display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;background:#eaeaea;border-radius:0;font-size:13px;font-weight:600;color:#000}.md-cards-grid-group-title{flex:1}.md-cards-grid-group-rows{display:flex;flex-direction:column;width:fit-content;gap:5px}.md-cards-grid-card{display:inline-flex;align-items:stretch;width:fit-content;min-width:fit-content;background:#fff;border:0;border-radius:0;box-shadow:none;transition:all .2s ease}.md-cards-grid-card:hover{background:#fbfbfb;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a;border:0;box-shadow:none}.md-cards-grid-card.md-cards-grid-card-fixed-height,.md-cards-grid-card.md-cards-grid-card-fixed-height .md-cards-grid-cell{overflow:hidden}.md-cards-grid-card.md-cards-grid-card-fixed-height .md-cards-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-cards-grid-cell{display:flex;align-items:center;flex-shrink:0;padding:14px 16px;font-size:14px;color:#000;border:0;overflow:hidden;min-width:0}.md-cards-grid-cell:last-child{border-right:none}.md-cards-grid-cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4}.md-cards-grid-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:90px;width:auto!important;flex-grow:0!important;flex-shrink:0!important;padding:inherit;border:0}.md-cards-grid-header-cell.md-cards-grid-actions-cell{border-left:none;border-right:none}.md-cards-grid-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:4px;background:transparent;color:#4d4d4d;cursor:pointer;transition:all .2s ease}.md-cards-grid-action-btn:hover{transform:scale(1.1)}.md-cards-grid-action-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-cards-grid-action-btn:active{transform:scale(.95)}.md-cards-grid-action-edit{color:#6d5cae}.md-cards-grid-action-edit:hover{background:#e9e7f3;color:#564790}.md-cards-grid-action-save{color:#28b446}.md-cards-grid-action-save:hover{background:#dff4e3;color:#1f8a36}.md-cards-grid-action-cancel{color:#cf0106}.md-cards-grid-action-cancel:hover{background:#f8d9da;color:#9c0105}.md-cards-grid-icon-edit,.md-cards-grid-icon-save,.md-cards-grid-icon-cancel{display:inline-block;width:18px;height:18px;position:relative}.md-cards-grid-icon-edit:before,.md-cards-grid-icon-edit:after{content:\"\";position:absolute}.md-cards-grid-icon-edit:before{width:10px;height:10px;border:2px solid currentColor;border-radius:1px;transform:rotate(45deg);top:1px;left:1px}.md-cards-grid-icon-edit:after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid currentColor;bottom:0;left:0;transform:rotate(-45deg)}.md-cards-grid-icon-save:before{content:\"\";position:absolute;width:6px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:1px;left:5px}.md-cards-grid-icon-cancel:before,.md-cards-grid-icon-cancel:after{content:\"\";position:absolute;width:14px;height:2px;background:currentColor;top:50%;left:50%}.md-cards-grid-icon-cancel:before{transform:translate(-50%,-50%) rotate(45deg)}.md-cards-grid-icon-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}.md-cards-grid-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 0 0;background:transparent;border-top:0;font-size:12px;color:#4d4d4d}.md-cards-grid-pager{display:flex;align-items:center;gap:4px}.md-cards-grid-pager-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #EAEAEA;border-radius:4px;background:#fff;color:#4d4d4d;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.md-cards-grid-pager-btn:hover:not(:disabled){background:#f3f3f3;border-color:#929292}.md-cards-grid-pager-btn:disabled{opacity:.4;cursor:not-allowed}.md-cards-grid-pager-btn:focus{outline:2px solid #6d5cae;outline-offset:1px}.md-cards-grid-pager-info{padding:0 12px;font-weight:500}.md-cards-grid-icon-first,.md-cards-grid-icon-prev,.md-cards-grid-icon-next,.md-cards-grid-icon-last{display:inline-block;width:12px;height:12px;position:relative}.md-cards-grid-icon-first:before,.md-cards-grid-icon-prev:before,.md-cards-grid-icon-next:before,.md-cards-grid-icon-last:before{content:\"\";position:absolute;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;top:50%;left:50%}.md-cards-grid-icon-prev:before{transform:translate(-25%,-50%) rotate(135deg)}.md-cards-grid-icon-next:before{transform:translate(-75%,-50%) rotate(-45deg)}.md-cards-grid-icon-first:before{transform:translate(-10%,-50%) rotate(135deg)}.md-cards-grid-icon-first:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;left:2px;transform:translateY(-50%)}.md-cards-grid-icon-last:before{transform:translate(-90%,-50%) rotate(-45deg)}.md-cards-grid-icon-last:after{content:\"\";position:absolute;width:2px;height:10px;background:currentColor;top:50%;right:2px;transform:translateY(-50%)}@media (max-width: 767px){.md-cards-grid{font-size:12px}.md-cards-grid-header{display:none}.md-cards-grid-body{padding:8px}.md-cards-grid-card{flex-direction:column}.md-cards-grid-cell{padding:10px 12px;border-right:none;border-bottom:1px solid #EAEAEA}.md-cards-grid-cell:last-child{border-bottom:none}.md-cards-grid-actions-cell{border-left:none;border-top:1px solid #EAEAEA;justify-content:center;background:#f3f3f3}.md-cards-grid-footer{flex-direction:column;gap:10px;padding:12px}}.md-cards-grid.grey .md-cards-grid-header-cell,.md-cards-grid.grey .md-cards-grid-card{background:#f3f3f3}.md-cards-grid.grey .md-cards-grid-card:hover{background:#efefef}.md-cards-grid.grey .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}.md-cards-grid.zebra .md-cards-grid-card:nth-child(odd){background:#fff}.md-cards-grid.zebra .md-cards-grid-card:nth-child(2n){background:#f3f3f3}.md-cards-grid.zebra .md-cards-grid-card:hover{background:#e4e4e4}.md-cards-grid.zebra .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}.md-cards-grid.zebra .md-cards-grid-group-rows .md-cards-grid-card:nth-child(odd){background:#fff}.md-cards-grid.zebra .md-cards-grid-group-rows .md-cards-grid-card:nth-child(2n){background:#f3f3f3}.md-cards-grid.zebra .md-cards-grid-group-rows .md-cards-grid-card:hover{background:#e4e4e4}.md-cards-grid.zebra .md-cards-grid-group-rows .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}.md-cards-grid.zebra.grey .md-cards-grid-card:nth-child(odd){background:#f3f3f3}.md-cards-grid.zebra.grey .md-cards-grid-card:nth-child(2n){background:#efefef}.md-cards-grid.zebra.grey .md-cards-grid-card:hover{background:#d6d6d6}.md-cards-grid.zebra.grey .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}.md-cards-grid.zebra.grey .md-cards-grid-group-rows .md-cards-grid-card:nth-child(odd){background:#f3f3f3}.md-cards-grid.zebra.grey .md-cards-grid-group-rows .md-cards-grid-card:nth-child(2n){background:#efefef}.md-cards-grid.zebra.grey .md-cards-grid-group-rows .md-cards-grid-card:hover{background:#d6d6d6}.md-cards-grid.zebra.grey .md-cards-grid-group-rows .md-cards-grid-card.md-cards-grid-card-editing{background:#cf01061a}\n"] }]
+        }], propDecorators: { isShrinkMode: [{
+                type: HostBinding,
+                args: ['class.md-cards-grid-shrink-mode']
+            }], rows: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], groupRowsBy: [{
+                type: Input
+            }], groupHeaderTemplate: [{
+                type: Input
+            }], rowActionsTemplate: [{
+                type: Input
+            }], headerHeight: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], cardHeight: [{
+                type: Input
+            }], gap: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], defaultColumnWidth: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], showRowActions: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], overflowMode: [{
+                type: Input
+            }], enableColumnResize: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], defaultMinColumnWidth: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], defaultMaxColumnWidth: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], columnResize: [{
+                type: Output
+            }], sorts: [{
+                type: Input
+            }], sortType: [{
+                type: Input
+            }], externalSorting: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], enableClearingSortState: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], sortAscendingIcon: [{
+                type: Input
+            }], sortDescendingIcon: [{
+                type: Input
+            }], sortUnsetIcon: [{
+                type: Input
+            }], sort: [{
+                type: Output
+            }], limit: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], offset: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], count: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], externalPaging: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showFooter: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], footerHeight: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], page: [{
+                type: Output
+            }], editingRow: [{
+                type: Input
+            }], editingRowChange: [{
+                type: Output
+            }], rowEditStart: [{
+                type: Output
+            }], rowEditSave: [{
+                type: Output
+            }], rowEditCancel: [{
+                type: Output
+            }], _columnDirectives: [{
+                type: ContentChildren,
+                args: [MDCardsGridColumnDirective]
+            }] } });
+
+const DECLARATIONS = [
+    MDCardsGridComponent,
+    MDCardsGridColumnDirective,
+    MDCardsGridCellTemplateDirective,
+    MDCardsGridHeaderTemplateDirective,
+    MDCardsGridEditTemplateDirective,
+];
+class MDCardsGridModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridModule, imports: [CommonModule, MDCardsGridComponent,
+            MDCardsGridColumnDirective,
+            MDCardsGridCellTemplateDirective,
+            MDCardsGridHeaderTemplateDirective,
+            MDCardsGridEditTemplateDirective], exports: [MDCardsGridComponent,
+            MDCardsGridColumnDirective,
+            MDCardsGridCellTemplateDirective,
+            MDCardsGridHeaderTemplateDirective,
+            MDCardsGridEditTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridModule, imports: [CommonModule, MDCardsGridComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCardsGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ...DECLARATIONS,
+                    ],
+                    exports: DECLARATIONS,
+                }]
+        }] });
+
+// Components
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION, CARD_CONFIG, CardSimpleComponent, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, DIALOG_DATA, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DialogState, EXPANSION_PANEL_DEFAULT_OPTIONS, ErrorStateMatcher, ExpansionPanelActionRow, ExpansionPanelDescription, ExpansionPanelTitle, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, INK_BAR_POSITIONER, INK_BAR_POSITIONER_FACTORY, InkBar, MDAccordion, MDAutocomplete, MDAutocompleteModule, MDAutocompleteOrigin, MDAutocompleteSelectedEvent, MDAutocompleteTrigger, MDCard, MDCardActions, MDCardAvatar, MDCardContent, MDCardFooter, MDCardHeader, MDCardImage, MDCardLgImage, MDCardMdImage, MDCardModule, MDCardSmImage, MDCardSubtitle, MDCardTitle, MDCardTitleGroup, MDCardXlImage, MDCheckBox, MDCheckBoxModule, MDCheckboxChange, MDChip, MDChipAvatar, MDChipEdit, MDChipEditInput, MDChipGrid, MDChipGridChange, MDChipInput, MDChipListbox, MDChipListboxChange, MDChipOption, MDChipRemove, MDChipRow, MDChipSelectionChange, MDChipSet, MDChipTrailingIcon, MDChipsModule, MDCollapseModule, MDContextMenuTrigger, MDDialog, MDDialogActions, MDDialogClose, MDDialogContainer, MDDialogContent, MDDialogTitle, MDExpansionPanel, MDExpansionPanelContent, MDExpansionPanelHeader, MDHeaderCardComponent, MDHeaderCardModule, MDHeaderCardSetComponent, MDMenu, MDMenuContent, MDMenuItem, MDMenuModule, MDMenuTrigger, MDModalModule, MDOption, MDOptionGroup, MDOptionModule, MDOptionSelectionChange, MDPseudoCheckboxModule, MDRadioButton, MDRadioGroup, MDRadioModule, MDSelect, MDSelectModule, MDSelectTrigger, MDStep, MDStepContent, MDStepExecutorModule, MDStepFooter, MDStepHeader, MDStepLabel, MDStepper, MDStepperIcon, MDStepperNext, MDStepperPrevious, MDSwitch, MDSwitchModule, MDTab, MDTabBody, MDTabChangeEvent, MDTabContent, MDTabGroup, MDTabHeader, MDTabLabel, MDTabLabelWrapper, MDTabsModule, MD_AUTOCOMPLETE_DEFAULT_OPTIONS, MD_AUTOCOMPLETE_SCROLL_STRATEGY, MD_AUTOCOMPLETE_VALUE_ACCESSOR, MD_CHIP, MD_CHIPS_DEFAULT_OPTIONS, MD_CHIP_AVATAR, MD_CHIP_EDIT, MD_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR, MD_CHIP_REMOVE, MD_CHIP_TRAILING_ICON, MD_EXPANSION_PANEL, MD_MENU_CONTENT, MD_MENU_DEFAULT_OPTIONS, MD_MENU_PANEL, MD_MENU_SCROLL_STRATEGY, MD_OPTION_PARENT_COMPONENT, MD_RADIO_GROUP, MD_SELECT_TRIGGER, MD_TAB, MD_TAB_LABEL, MENU_PANEL_TOP_PADDING, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevDialogConfig, MefDevDialogRef, MefDevDropDownMenuModule, MefDevFilteredFieldModule, MefDevModalModule, MefDevOptionComponent, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSelectComponent, MefDevSelectModule, MefDevStepExecutorModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, MefdevDropdownMenuComponent, MefdevExecutorPageComponent, OptionPipe, PaginatedTabHeader, ProgressConfig, PseudoCheckbox, RADIO_GROUP_CONTROL_VALUE_ACCESSOR, RadioChange, RightFilterComponent, STEPPER_INTL_PROVIDER, STEPPER_INTL_PROVIDER_FACTORY, SelectChange, ShowOnDirtyErrorStateMatcher, SlideRightComponent, SlideUpComponent, StageComponent, StepExecutorComponent, StepperErrorStateMatcher, StepperIntl, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TabBodyPortal, TabChangeEvent, TablePageComponent, TransitionCheckState, _ErrorStateTracker, _closeDialogVia, _countGroupLabelsBeforeOption, _getOptionScrollPosition, components, getMDAutocompleteMissingPanelError, getMDSelectDynamicMultipleError, getMDSelectNonArrayValueError, getMDSelectNonFunctionValueError, mefDevCardComponents, mefDevCollapseModuleComponents };
+export { ACCORDION, CARD_CONFIG, CardSimpleComponent, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, DIALOG_DATA, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DialogState, EXPANSION_PANEL_DEFAULT_OPTIONS, ErrorStateMatcher, ExpansionPanelActionRow, ExpansionPanelDescription, ExpansionPanelTitle, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, INK_BAR_POSITIONER, INK_BAR_POSITIONER_FACTORY, InkBar, MDAccordion, MDAutocomplete, MDAutocompleteModule, MDAutocompleteOrigin, MDAutocompleteSelectedEvent, MDAutocompleteTrigger, MDCard, MDCardActions, MDCardAvatar, MDCardContent, MDCardFooter, MDCardHeader, MDCardImage, MDCardLgImage, MDCardMdImage, MDCardModule, MDCardSmImage, MDCardSubtitle, MDCardTitle, MDCardTitleGroup, MDCardXlImage, MDCardsGridCellTemplateDirective, MDCardsGridColumnDirective, MDCardsGridComponent, MDCardsGridEditTemplateDirective, MDCardsGridHeaderTemplateDirective, MDCardsGridModule, MDCheckBox, MDCheckBoxModule, MDCheckboxChange, MDChip, MDChipAvatar, MDChipEdit, MDChipEditInput, MDChipGrid, MDChipGridChange, MDChipInput, MDChipListbox, MDChipListboxChange, MDChipOption, MDChipRemove, MDChipRow, MDChipSelectionChange, MDChipSet, MDChipTrailingIcon, MDChipsModule, MDCollapseModule, MDContextMenuTrigger, MDDialog, MDDialogActions, MDDialogClose, MDDialogContainer, MDDialogContent, MDDialogTitle, MDExpansionPanel, MDExpansionPanelContent, MDExpansionPanelHeader, MDHeaderCardComponent, MDHeaderCardModule, MDHeaderCardSetComponent, MDMenu, MDMenuContent, MDMenuItem, MDMenuModule, MDMenuTrigger, MDModalModule, MDOption, MDOptionGroup, MDOptionModule, MDOptionSelectionChange, MDPseudoCheckboxModule, MDRadioButton, MDRadioGroup, MDRadioModule, MDSelect, MDSelectModule, MDSelectTrigger, MDStep, MDStepContent, MDStepExecutorModule, MDStepFooter, MDStepHeader, MDStepLabel, MDStepper, MDStepperIcon, MDStepperNext, MDStepperPrevious, MDSwitch, MDSwitchModule, MDTab, MDTabBody, MDTabChangeEvent, MDTabContent, MDTabGroup, MDTabHeader, MDTabLabel, MDTabLabelWrapper, MDTabsModule, MD_AUTOCOMPLETE_DEFAULT_OPTIONS, MD_AUTOCOMPLETE_SCROLL_STRATEGY, MD_AUTOCOMPLETE_VALUE_ACCESSOR, MD_CHIP, MD_CHIPS_DEFAULT_OPTIONS, MD_CHIP_AVATAR, MD_CHIP_EDIT, MD_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR, MD_CHIP_REMOVE, MD_CHIP_TRAILING_ICON, MD_EXPANSION_PANEL, MD_MENU_CONTENT, MD_MENU_DEFAULT_OPTIONS, MD_MENU_PANEL, MD_MENU_SCROLL_STRATEGY, MD_OPTION_PARENT_COMPONENT, MD_RADIO_GROUP, MD_SELECT_TRIGGER, MD_TAB, MD_TAB_LABEL, MENU_PANEL_TOP_PADDING, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevDialogConfig, MefDevDialogRef, MefDevDropDownMenuModule, MefDevFilteredFieldModule, MefDevModalModule, MefDevOptionComponent, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSelectComponent, MefDevSelectModule, MefDevStepExecutorModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, MefdevDropdownMenuComponent, MefdevExecutorPageComponent, OptionPipe, OverflowMode, PaginatedTabHeader, ProgressConfig, PseudoCheckbox, RADIO_GROUP_CONTROL_VALUE_ACCESSOR, RadioChange, RightFilterComponent, STEPPER_INTL_PROVIDER, STEPPER_INTL_PROVIDER_FACTORY, SelectChange, ShowOnDirtyErrorStateMatcher, SlideRightComponent, SlideUpComponent, SortDirection, SortType, StageComponent, StepExecutorComponent, StepperErrorStateMatcher, StepperIntl, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TabBodyPortal, TabChangeEvent, TablePageComponent, TransitionCheckState, _ErrorStateTracker, _closeDialogVia, _countGroupLabelsBeforeOption, _getOptionScrollPosition, components, deepClone, getMDAutocompleteMissingPanelError, getMDSelectDynamicMultipleError, getMDSelectNonArrayValueError, getMDSelectNonFunctionValueError, groupRowsByProperty, mefDevCardComponents, mefDevCollapseModuleComponents, sortRows };
 //# sourceMappingURL=natec-mef-dev-ui-kit.mjs.map