@ifsworld/granite-components 16.0.0 → 16.1.0-beta.2

package/index.d.ts

@@ -17,6 +17,7 @@ export * from './lib/menu/divider.directive';
 export * from './lib/menu/title.directive';
 export * from './lib/menu/menu-touch-close.component';
 export * from './lib/menu/menu-touch-title.component';
+export * from './lib/menu/menu-custom-template.directive';
 export * from './lib/icon/icon.module';
 export * from './lib/icon/icon.component';
 export * from './lib/toggle-switch/toggle-switch.module';

package/lib/menu/menu-base.d.ts

@@ -7,6 +7,8 @@ import { ClientInputInterface, ClientOutputInterface } from '../core/client-envi
 import { GraniteMenuItemComponent } from './menu-item.component';
 import { ClosedEventType, OpenedEventType, GraniteMenuPanelInterface } from './menu-panel';
 import { MenuPositionX, MenuPositionY } from './menu-positions';
+import { GraniteMenuCustomTemplateDirective } from './menu-custom-template.directive';
+import { ConnectedPosition } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 /** Menu panel animation states */
 type TransformMenuStates = 'void' | 'enter' | 'enter-from-below' | 'below-with-delay' | 'below' | 'pan' | 'hide' | 'pan-hidden';
@@ -31,6 +33,13 @@ export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy,
     /** Position of the menu in the Y axis. */
     get yPosition(): MenuPositionY;
     set yPosition(value: MenuPositionY);
+    /**
+     * Custom position configuration for the overlay.
+     * When provided, this overrides the default positioning logic based on
+     * xPosition and yPosition. Uses Angular CDK ConnectedPosition format.
+     * If empty or not provided, falls back to default positioning behavior.
+     */
+    cdkConnectedOverlayPosition: ConnectedPosition[];
     /** Optional touch menu panel title */
     title: string;
     /**
@@ -61,6 +70,11 @@ export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy,
      * Event emitted when the menu is opened
      */
     readonly opened: EventEmitter<OpenedEventType>;
+    /**
+     * Reference to the custom template directive if present
+     */
+    customTemplate: GraniteMenuCustomTemplateDirective;
+    preventParentClose: boolean;
     /**
      * Used for locating the panel in tests and setting the aria-control attribute
      * for the menu trigger.
@@ -173,7 +187,7 @@ export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy,
      * Handle click on the menu by emitting on the `closed` emitter
      * with a `click` reason
      */
-    _handleClick(): void;
+    _handleClick(event?: Event): void;
     /**
      * Handle click on the close button by emitting on the `closed` emitter
      * without any particular reason
@@ -200,6 +214,6 @@ export declare class _MenuBaseComponent implements AfterContentInit, OnDestroy,
      */
     private _updateDirectDescendants;
     static ɵfac: i0.ɵɵFactoryDeclaration<_MenuBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MenuBaseComponent, never, never, { "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "title": { "alias": "title"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "openOnHover": { "alias": "openOnHover"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "touchStyles": { "alias": "touchStyles"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, ["_allItems"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_MenuBaseComponent, never, never, { "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "cdkConnectedOverlayPosition": { "alias": "cdkConnectedOverlayPosition"; "required": false; }; "title": { "alias": "title"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "openOnHover": { "alias": "openOnHover"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "touchStyles": { "alias": "touchStyles"; "required": false; }; "preventParentClose": { "alias": "preventParentClose"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, ["customTemplate", "_allItems"], never, true, never>;
 }
 export {};

package/lib/menu/menu-custom-template.directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive to mark an element as a custom template area within a menu.
+ * This allows inserting custom content (dropdowns, inputs, etc.) anywhere
+ * within the menu, maintaining the natural DOM order.
+ */
+export declare class GraniteMenuCustomTemplateDirective {
+    private _elementRef;
+    constructor(_elementRef: ElementRef<HTMLElement>);
+    _handleEvent(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuCustomTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteMenuCustomTemplateDirective, "[graniteMenuCustomTemplate]", ["graniteMenuCustomTemplate"], {}, {}, never, never, false, never>;
+}

package/lib/menu/menu-errors.d.ts

@@ -12,13 +12,13 @@
 export declare function throwGraniteMenuMissingError(): void;
 /**
  * Throws an exception for the case when menu's x-position value isn't valid.
- * In other words, it doesn't match 'before' or 'after'.
+ * In other words, it doesn't match 'before', 'after', or 'center'.
  * @docs-private
  */
 export declare function throwGraniteMenuInvalidPositionX(): void;
 /**
  * Throws an exception for the case when menu's y-position value isn't valid.
- * In other words, it doesn't match 'above' or 'below'.
+ * In other words, it doesn't match 'above', 'below', or 'center'.
  * @docs-private
  */
 export declare function throwGraniteMenuInvalidPositionY(): void;

package/lib/menu/menu-positions.d.ts

@@ -5,5 +5,5 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-export type MenuPositionX = 'before' | 'after';
-export type MenuPositionY = 'above' | 'below';
+export type MenuPositionX = 'before' | 'after' | 'center';
+export type MenuPositionY = 'above' | 'below' | 'center';

package/lib/menu/menu.module.d.ts

@@ -6,12 +6,13 @@ import * as i4 from "./menu-touch-close.component";
 import * as i5 from "./menu-touch-title.component";
 import * as i6 from "./divider.directive";
 import * as i7 from "./title.directive";
-import * as i8 from "@angular/common";
-import * as i9 from "@angular/cdk/overlay";
-import * as i10 from "@angular/cdk/portal";
-import * as i11 from "../icon/icon.module";
+import * as i8 from "./menu-custom-template.directive";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/cdk/overlay";
+import * as i11 from "@angular/cdk/portal";
+import * as i12 from "../icon/icon.module";
 export declare class GraniteMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteMenuModule, [typeof i1.GraniteMenuComponent, typeof i2.GraniteMenuItemComponent, typeof i3.GraniteMenuTriggerForDirective, typeof i4.GraniteMenuTouchCloseComponent, typeof i5.GraniteMenuTouchTitleItemComponent, typeof i6.GraniteDividerDirective, typeof i7.GraniteTitleDirective], [typeof i8.CommonModule, typeof i9.OverlayModule, typeof i10.PortalModule, typeof i11.GraniteIconModule], [typeof i1.GraniteMenuComponent, typeof i2.GraniteMenuItemComponent, typeof i3.GraniteMenuTriggerForDirective, typeof i4.GraniteMenuTouchCloseComponent, typeof i5.GraniteMenuTouchTitleItemComponent, typeof i6.GraniteDividerDirective, typeof i7.GraniteTitleDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteMenuModule, [typeof i1.GraniteMenuComponent, typeof i2.GraniteMenuItemComponent, typeof i3.GraniteMenuTriggerForDirective, typeof i4.GraniteMenuTouchCloseComponent, typeof i5.GraniteMenuTouchTitleItemComponent, typeof i6.GraniteDividerDirective, typeof i7.GraniteTitleDirective, typeof i8.GraniteMenuCustomTemplateDirective], [typeof i9.CommonModule, typeof i10.OverlayModule, typeof i11.PortalModule, typeof i12.GraniteIconModule], [typeof i1.GraniteMenuComponent, typeof i2.GraniteMenuItemComponent, typeof i3.GraniteMenuTriggerForDirective, typeof i4.GraniteMenuTouchCloseComponent, typeof i5.GraniteMenuTouchTitleItemComponent, typeof i6.GraniteDividerDirective, typeof i7.GraniteTitleDirective, typeof i8.GraniteMenuCustomTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GraniteMenuModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "16.0.0",
+  "version": "16.1.0-beta.2",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@angular/cdk": ">=19.2.3",