@alaarab/ogrid-angular-material 2.0.6 → 2.0.7

package/dist/esm/column-header-menu/column-header-menu.component.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { Component, input, viewChild, ChangeDetectionStrategy } from '@angular/core';
 import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -15,65 +15,44 @@ import { COLUMN_HEADER_MENU_ITEMS } from '@alaarab/ogrid-core';
  */
 let ColumnHeaderMenuComponent = class ColumnHeaderMenuComponent {
     constructor() {
-        this.canPinLeft = true;
-        this.canPinRight = true;
-        this.canUnpin = false;
-        this.pinLeft = new EventEmitter();
-        this.pinRight = new EventEmitter();
-        this.unpin = new EventEmitter();
+        this.columnId = input.required();
+        this.canPinLeft = input(true);
+        this.canPinRight = input(true);
+        this.canUnpin = input(false);
+        this.onPinLeft = input(undefined);
+        this.onPinRight = input(undefined);
+        this.onUnpin = input(undefined);
+        this.menuTrigger = viewChild(MatMenuTrigger);
         this.menuItems = COLUMN_HEADER_MENU_ITEMS;
     }
     handlePinLeft() {
-        if (this.canPinLeft) {
-            this.pinLeft.emit();
+        if (this.canPinLeft()) {
+            this.onPinLeft()?.();
         }
     }
     handlePinRight() {
-        if (this.canPinRight) {
-            this.pinRight.emit();
+        if (this.canPinRight()) {
+            this.onPinRight()?.();
         }
     }
     handleUnpin() {
-        if (this.canUnpin) {
-            this.unpin.emit();
+        if (this.canUnpin()) {
+            this.onUnpin()?.();
         }
     }
 };
-__decorate([
-    Input()
-], ColumnHeaderMenuComponent.prototype, "columnId", void 0);
-__decorate([
-    Input()
-], ColumnHeaderMenuComponent.prototype, "canPinLeft", void 0);
-__decorate([
-    Input()
-], ColumnHeaderMenuComponent.prototype, "canPinRight", void 0);
-__decorate([
-    Input()
-], ColumnHeaderMenuComponent.prototype, "canUnpin", void 0);
-__decorate([
-    Output()
-], ColumnHeaderMenuComponent.prototype, "pinLeft", void 0);
-__decorate([
-    Output()
-], ColumnHeaderMenuComponent.prototype, "pinRight", void 0);
-__decorate([
-    Output()
-], ColumnHeaderMenuComponent.prototype, "unpin", void 0);
-__decorate([
-    ViewChild(MatMenuTrigger)
-], ColumnHeaderMenuComponent.prototype, "menuTrigger", void 0);
 ColumnHeaderMenuComponent = __decorate([
     Component({
         selector: 'column-header-menu',
         standalone: true,
         imports: [MatMenuModule, MatButtonModule, MatIconModule],
+        changeDetection: ChangeDetectionStrategy.OnPush,
         template: `
     <button
       mat-icon-button
       [matMenuTriggerFor]="menu"
       class="column-header-menu-trigger"
-      [attr.aria-label]="'Column options for ' + columnId"
+      [attr.aria-label]="'Column options for ' + columnId()"
     >
       <mat-icon>more_vert</mat-icon>
     </button>
@@ -81,21 +60,21 @@ ColumnHeaderMenuComponent = __decorate([
     <mat-menu #menu="matMenu">
       <button
         mat-menu-item
-        [disabled]="!canPinLeft"
+        [disabled]="!canPinLeft()"
         (click)="handlePinLeft()"
       >
         {{ menuItems[0].label }}
       </button>
       <button
         mat-menu-item
-        [disabled]="!canPinRight"
+        [disabled]="!canPinRight()"
         (click)="handlePinRight()"
       >
         {{ menuItems[1].label }}
       </button>
       <button
         mat-menu-item
-        [disabled]="!canUnpin"
+        [disabled]="!canUnpin()"
         (click)="handleUnpin()"
       >
         {{ menuItems[2].label }}

package/dist/types/column-header-menu/column-header-menu.component.d.ts

@@ -1,18 +1,17 @@
-import { EventEmitter } from '@angular/core';
 import { MatMenuTrigger } from '@angular/material/menu';
 /**
  * Column header dropdown menu for pin/unpin actions.
  * Uses Angular Material MatMenu.
  */
 export declare class ColumnHeaderMenuComponent {
-    columnId: string;
-    canPinLeft: boolean;
-    canPinRight: boolean;
-    canUnpin: boolean;
-    pinLeft: EventEmitter<void>;
-    pinRight: EventEmitter<void>;
-    unpin: EventEmitter<void>;
-    menuTrigger?: MatMenuTrigger;
+    readonly columnId: import("@angular/core").InputSignal<string>;
+    readonly canPinLeft: import("@angular/core").InputSignal<boolean>;
+    readonly canPinRight: import("@angular/core").InputSignal<boolean>;
+    readonly canUnpin: import("@angular/core").InputSignal<boolean>;
+    readonly onPinLeft: import("@angular/core").InputSignal<(() => void) | undefined>;
+    readonly onPinRight: import("@angular/core").InputSignal<(() => void) | undefined>;
+    readonly onUnpin: import("@angular/core").InputSignal<(() => void) | undefined>;
+    readonly menuTrigger: import("@angular/core").Signal<MatMenuTrigger | undefined>;
     readonly menuItems: import("@alaarab/ogrid-core").IColumnHeaderMenuItem[];
     handlePinLeft(): void;
     handlePinRight(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-angular-material",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "OGrid Angular Material – MatTable-based data grid with sorting, filtering, pagination, column chooser, and CSV export.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -22,7 +22,7 @@
   "files": ["dist", "README.md", "LICENSE"],
   "engines": { "node": ">=18" },
   "dependencies": {
-    "@alaarab/ogrid-angular": "2.0.6"
+    "@alaarab/ogrid-angular": "2.0.7"
   },
   "peerDependencies": {
     "@angular/core": "^21.0.0",