@raintonic/formaui 0.3.1 → 0.9.0

package/fesm2022/raintonic-formaui-components-tag.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"raintonic-formaui-components-tag.mjs","sources":["../../../lib/components/tag/tag.types.ts","../../../lib/components/tag/tag.intl.ts","../../../lib/components/tag/tag.component.ts","../../../lib/components/tag/tag.component.html","../../../lib/components/tag/raintonic-formaui-components-tag.ts"],"sourcesContent":["export type FuiTagVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';\r\nexport type FuiTagSize = 'sm' | 'md';\r\n\r\nexport const FUI_TAG_VARIANTS: readonly FuiTagVariant[] = [\r\n  'primary',\r\n  'secondary',\r\n  'success',\r\n  'warning',\r\n  'danger',\r\n  'info',\r\n] as const;\r\nexport const FUI_TAG_SIZES: readonly FuiTagSize[] = ['sm', 'md'] as const;\r\n\r\nexport interface FuiTagRemoveEvent {\r\n  tag: unknown;\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiTagIntl extends FuiIntlBase {\r\n  removeAriaLabel(label: string): string {\r\n    return `Remove ${label}`;\r\n  }\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ViewEncapsulation,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n  signal,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\nimport { FuiTagVariant, FuiTagSize, FUI_TAG_VARIANTS, FuiTagRemoveEvent } from './tag.types';\r\nimport { FuiTagIntl } from './tag.intl';\r\n\r\n@Component({\r\n  selector: 'fui-tag',\r\n  standalone: true,\r\n  imports: [FuiIconComponent],\r\n  templateUrl: './tag.component.html',\r\n  styleUrls: ['./tag.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-tag',\r\n    '[class]': 'computedClasses()',\r\n    '[class.fui-tag--selected]': '_selected()',\r\n    '[class.fui-tag--disabled]': 'disabled()',\r\n    '[attr.role]': 'selectable() ? \"option\" : null',\r\n    '[attr.aria-selected]': 'selectable() ? _selected() : null',\r\n    '[attr.aria-pressed]': 'selectable() ? _selected() : null',\r\n    '[attr.tabindex]': 'selectable() || removable() ? 0 : null',\r\n    '(click)': 'onClick()',\r\n    '(keydown.enter)': 'onClick()',\r\n    '(keydown.space)': 'onSpace($event)',\r\n  },\r\n})\r\nexport class FuiTagComponent {\r\n  readonly intl = inject(FuiTagIntl);\r\n  private readonly _cdr = inject(ChangeDetectorRef);\r\n\r\n  readonly label = input.required<string>();\r\n  readonly variant = input<FuiTagVariant, FuiTagVariant | string>('primary', {\r\n    transform: (v) => ((FUI_TAG_VARIANTS as readonly string[]).includes(v) ? (v as FuiTagVariant) : 'primary'),\r\n  });\r\n  readonly size = input<FuiTagSize>('md');\r\n  readonly icon = input<string | null>(null);\r\n  readonly removable = input(false);\r\n  readonly selectable = input(false);\r\n  readonly selected = input(false);\r\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  readonly removed = output<FuiTagRemoveEvent>();\r\n  readonly selectedChange = output<boolean>();\r\n\r\n  readonly _selected = signal(false);\r\n\r\n  readonly computedClasses = computed(() => {\r\n    return `fui-tag fui-tag--${this.variant()} fui-tag--${this.size()}`;\r\n  });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this._selected.set(this.selected());\r\n    });\r\n    this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => { this._cdr.markForCheck(); });\r\n  }\r\n\r\n  onClick(): void {\r\n    if (this.disabled()) return;\r\n    if (this.selectable()) {\r\n      this._selected.update((v) => !v);\r\n      this.selectedChange.emit(this._selected());\r\n    }\r\n  }\r\n\r\n  onSpace(event: Event): void {\r\n    event.preventDefault();\r\n    this.onClick();\r\n  }\r\n\r\n  onRemove(event: Event): void {\r\n    event.stopPropagation();\r\n    if (!this.disabled()) {\r\n      this.removed.emit({ tag: this });\r\n    }\r\n  }\r\n}\r\n","<span class=\"fui-tag__content\">\r\n  @if (icon()) {\r\n    <fui-icon class=\"fui-tag__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\r\n  }\r\n  <span class=\"fui-tag__label\">{{ label() }}</span>\r\n</span>\r\n\r\n@if (removable() && !disabled()) {\r\n  <button\r\n    class=\"fui-tag__remove\"\r\n    type=\"button\"\r\n    [attr.aria-label]=\"intl.removeAriaLabel(label())\"\r\n    (click)=\"onRemove($event)\"\r\n    (keydown.enter)=\"onRemove($event)\"\r\n  >\r\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\r\n  </button>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/styles/_fonts-entry.scss

@@ -1,3 +0,0 @@
-// Opt-in font entry point.
-// Import this file in your app's styles.scss to include self-hosted @font-face declarations.
-@use './partials/fonts';

package/types/raintonic-formaui-components-big-menu.d.ts

@@ -1,73 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { OnInit } from '@angular/core';
-import { FuiIntlBase } from '@raintonic/formaui/core';
-
-interface BigMenuItem {
-    id: string;
-    label: string;
-    icon: string;
-    children: BigMenuChild[];
-}
-interface BigMenuChild {
-    id: string;
-    label: string;
-    icon: string;
-    isActive?: boolean;
-    link?: string;
-    value?: string;
-    badge?: number;
-}
-
-declare class FuiBigMenuIntl extends FuiIntlBase {
-    rootAriaLabel: string;
-    categoriesAriaLabel: string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiBigMenuIntl, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FuiBigMenuIntl>;
-}
-
-/**
- * @component FuiBigMenuComponent
- * @selector fui-big-menu
- * @description A two-level navigation mega-menu. The primary column displays icon-based
- * main menu items; hovering over or selecting a main item reveals a secondary flyout
- * panel listing its children. Designed for application-level navigation alongside
- * `fui-toolbar` and `fui-sidebar`.
- *
- * @input menu - (required) Array of `BigMenuItem` objects defining the menu structure
- *
- * @output itemMenuClick - Emits `{ item: BigMenuChild; event: MouseEvent }` when a child item is clicked
- *
- * @cssvar --fui-big-menu-width - Width of the primary icon column (default: 90px)
- * @cssvar --fui-big-menu-bg - Background color of both menu panels
- * @cssvar --fui-big-menu-border-color - Border color between panels and edge
- * @cssvar --fui-big-menu-item-size - Width and height of primary menu item icons
- * @cssvar --fui-big-menu-item-border-radius - Border radius of primary item icons
- * @cssvar --fui-big-menu-secondary-width - Width of the secondary flyout panel (default: 228px)
- * @cssvar --fui-big-menu-secondary-item-height - Height of each child item row
- *
- * @example
- * <fui-big-menu [menu]="menuItems" (itemMenuClick)="onItemClick($event)"></fui-big-menu>
- */
-declare class FuiBigMenuComponent implements OnInit {
-    readonly intl: FuiBigMenuIntl;
-    private readonly _cdr;
-    menu: _angular_core.InputSignal<BigMenuItem[]>;
-    itemMenuClick: _angular_core.OutputEmitterRef<{
-        item: BigMenuChild;
-        event: MouseEvent;
-    }>;
-    selectedMainVoice: _angular_core.WritableSignal<BigMenuItem | null>;
-    selectedMainVoiceId: _angular_core.Signal<string | undefined>;
-    showSecondaryMenu: _angular_core.WritableSignal<boolean>;
-    constructor();
-    ngOnInit(): void;
-    selectMainVoice(voice: BigMenuItem): void;
-    onMouseOver(): void;
-    onMouseLeave(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiBigMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiBigMenuComponent, "fui-big-menu", never, { "menu": { "alias": "menu"; "required": true; "isSignal": true; }; }, { "itemMenuClick": "itemMenuClick"; }, never, ["[top-content]", "[bottom-content]"], true, never>;
-}
-
-export { FuiBigMenuComponent, FuiBigMenuIntl };
-export type { BigMenuChild, BigMenuItem };
-//# sourceMappingURL=raintonic-formaui-components-big-menu.d.ts.map

package/types/raintonic-formaui-components-big-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"raintonic-formaui-components-big-menu.d.ts","sources":["../../../lib/components/big-menu/big-menu-item.interface.ts","../../../lib/components/big-menu/big-menu.intl.ts","../../../lib/components/big-menu/big-menu.component.ts"],"mappings":";;;;UAAiB,WAAW;;;;cAIhB,YAAY;AACvB;UAEgB,YAAY;;;;;;;;AAQ5B;;ACZD,cACa,cAAe,SAAQ,WAAW;AAC7C;AACA;oDAFW,cAAc;wDAAd,cAAc;AAG1B;;ACAD;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACH,cAMa,mBAAoB,YAAW,MAAM;mBACnC,cAAA;AACb;AAEA,UAAI,aAAA,CAAA,WAAA,CAAA,WAAA;mBAES,aAAA,CAAA,gBAAA;cAAkB,YAAY;eAAS,UAAU;AAAM;AACpE,uBAAiB,aAAA,CAAA,cAAA,CAAA,WAAA;AACjB,yBAAmB,aAAA,CAAA,MAAA;AACnB,uBAAiB,aAAA,CAAA,cAAA;;AAMjB;AAIA,2BAAuB,WAAW;AAOlC;AAKA;oDA/BW,mBAAmB;sDAAnB,mBAAmB;AAkC/B;;;;","names":[]}

package/types/raintonic-formaui-components-menu.d.ts

@@ -1,403 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { OnDestroy, ElementRef, AfterViewInit } from '@angular/core';
-
-/**
- * Available menu positions relative to the trigger element
- */
-type FuiMenuPosition = 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'right-start' | 'right' | 'right-end';
-declare const RT_MENU_POSITIONS: readonly ["top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end", "left-start", "left", "left-end", "right-start", "right", "right-end"];
-/**
- * Available menu sizes
- */
-type FuiMenuSize = 'sm' | 'md' | 'lg';
-declare const RT_MENU_SIZES: readonly ["sm", "md", "lg"];
-/**
- * # FuiMenu Component
- *
- * A dropdown menu component that provides a list of options or actions.
- * Designed to work with external triggers using the fuiMenuTrigger directive.
- *
- * ## Features
- * - Multiple positioning options relative to trigger
- * - Keyboard navigation (Arrow keys, Enter, Escape)
- * - Click outside to close
- * - Full accessibility support (ARIA attributes, focus management)
- * - Customizable size variants
- * - Auto-positioning with collision detection
- * - Portal attachment to document body to avoid clipping issues
- *
- * ## Usage
- *
- * ### Basic Menu with External Trigger
- * ```html
- * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]="menu">
- *   Open Menu
- * </button>
- * <fui-menu #menu>
- *   <fui-menu-item>Option 1</fui-menu-item>
- *   <fui-menu-item>Option 2</fui-menu-item>
- * </fui-menu>
- * ```
- *
- * ### Menu with Custom Position
- * ```html
- * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]="menu">
- *   Open Menu
- * </button>
- * <fui-menu #menu position="top-start" size="lg">
- *   <fui-menu-item>Profile</fui-menu-item>
- *   <fui-menu-item variant="danger">Logout</fui-menu-item>
- * </fui-menu>
- * ```
- *
- * ### Menu without Portal (for special cases)
- * ```html
- * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]="menu">
- *   Open Menu
- * </button>
- * <fui-menu #menu [attachToBody]="false">
- *   <fui-menu-item>Option 1</fui-menu-item>
- *   <fui-menu-item>Option 2</fui-menu-item>
- * </fui-menu>
- * ```
- *
- * ### Menu with Data Passed from Trigger
- * ```html
- * <button fuiButton fuiMenuTrigger
- *         [fuiMenuTriggerFor]="dynamicMenu"
- *         [menuTriggerData]="{ user: currentUser, items: menuItems }">
- *   Open Menu
- * </button>
- * <fui-menu #dynamicMenu>
- *   <!-- Access data in component using menu.menuData() -->
- * </fui-menu>
- * ```
- *
- * ```typescript
- * @Component({
- *   template: `
- *     <fui-menu #menu>
- *       <fui-menu-item *ngFor="let item of menu.menuData()?.items">
- *         {{ item.label }}
- *       </fui-menu-item>
- *     </fui-menu>
- *   `
- * })
- * export class MyComponent { }
- * ```
- */
-declare class FuiMenuComponent implements OnDestroy {
-    /**
-     * Menu position relative to the trigger element
-     * @default 'bottom-start'
-     */
-    readonly position: _angular_core.InputSignal<FuiMenuPosition>;
-    /**
-     * Menu size variant
-     * @default 'md'
-     */
-    readonly size: _angular_core.InputSignal<FuiMenuSize>;
-    /**
-     * Whether the menu should close when clicking outside
-     * @default true
-     */
-    readonly closeOnClickOutside: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether the menu should close when pressing Escape
-     * @default true
-     */
-    readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether the menu is disabled
-     * @default false
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether to attach the menu panel to the document body to avoid clipping issues
-     * @default true
-     */
-    readonly attachToBody: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Emitted when the menu open state changes
-     */
-    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
-    /**
-     * Emitted when a menu item is selected
-     */
-    readonly itemSelected: _angular_core.OutputEmitterRef<Event>;
-    protected readonly _isOpen: _angular_core.WritableSignal<boolean>;
-    protected readonly _animationState: _angular_core.WritableSignal<"void" | "enter" | "leave">;
-    private readonly _triggerElement;
-    private readonly _menuData;
-    private _previousFocusedElement;
-    private _overlayRef;
-    private _overlaySubscriptions;
-    private _closeAnimationTimeout;
-    readonly computedClasses: _angular_core.Signal<string>;
-    private readonly _elementRef;
-    private readonly _overlayService;
-    private readonly _document;
-    private readonly _ngZone;
-    private _outsideClickSub?;
-    menuPanel?: ElementRef<HTMLElement>;
-    private readonly _menuItems;
-    constructor();
-    /**
-     * Whether the menu is currently open
-     */
-    isOpen(): boolean;
-    /**
-     * Opens the menu
-     */
-    open(): void;
-    /**
-     * Closes the menu
-     */
-    close(): void;
-    /**
-     * Toggles the menu open/closed state
-     */
-    toggle(): void;
-    /**
-     * Sets the trigger element for positioning (called by trigger directive)
-     */
-    setTriggerElement(element: HTMLElement): void;
-    /**
-     * Gets the menu data passed from the trigger
-     * Returns a signal containing the data
-     */
-    menuData(): unknown;
-    /**
-     * Sets the menu data (called by trigger directive)
-     * @param data The data to pass to the menu
-     */
-    setMenuData(data: unknown): void;
-    private _listenForOutsideClicks;
-    onDocumentKeydown(event: KeyboardEvent): void;
-    onMenuClick(event: Event): void;
-    ngOnDestroy(): void;
-    private _openMenu;
-    private _closeMenu;
-    private _createOverlay;
-    private _getPositionsForMenuPosition;
-    private _restoreFocus;
-    private _getMenuItems;
-    /** @internal Called by FuiMenuTriggerDirective */
-    _focusFirstItem(): void;
-    /** @internal Called by FuiMenuTriggerDirective */
-    _focusLastItem(): void;
-    private _focusNextItem;
-    private _focusPreviousItem;
-    /**
-     * Focuses a menu item and updates roving tabindex across all items.
-     */
-    private _focusItem;
-    /**
-     * Resets all items to tabindex="-1" when the menu closes.
-     */
-    private _resetRovingTabindex;
-    /**
-     * Updates roving tabindex: sets tabindex="0" on the target item
-     * and tabindex="-1" on all other items.
-     */
-    private _updateRovingTabindex;
-    private _disposeOverlay;
-    private _startCloseAnimation;
-    private _clearCloseTimeout;
-    /**
-     * Checks if this menu's overlay is the topmost (most recently opened) overlay.
-     * This ensures that only the topmost menu responds to keyboard events when
-     * multiple menus are open (e.g., nested menus).
-     */
-    private _isTopmostOverlay;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiMenuComponent, "fui-menu", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "attachToBody": { "alias": "attachToBody"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "itemSelected": "itemSelected"; }, ["_menuItems"], ["*"], true, never>;
-}
-
-/**
- * Available menu item variants
- */
-type MenuItemVariant = 'default' | 'danger';
-declare const MENU_ITEM_VARIANTS: readonly ["default", "danger"];
-/**
- * # FuiMenuItem Component
- *
- * A menu item component designed to be used within fui-menu.
- * Provides consistent styling and behavior for menu options.
- *
- * ## Features
- * - Default and danger variants
- * - Full accessibility support (ARIA attributes, keyboard navigation)
- * - Icon support with proper spacing
- * - Disabled state support
- * - Hover and focus states
- * - Keyboard activation (Enter and Space)
- *
- * ## Usage
- *
- * ### Basic Menu Item
- * ```html
- * <fui-menu-item>Profile</fui-menu-item>
- * ```
- *
- * ### Menu Item with Icon
- * ```html
- * <fui-menu-item>
- *   <fui-icon name="user" fuiPrefix></fui-icon>
- *   Profile
- * </fui-menu-item>
- * ```
- *
- * ### Danger Menu Item
- * ```html
- * <fui-menu-item variant="danger">
- *   <fui-icon name="trash" fuiPrefix></fui-icon>
- *   Delete Account
- * </fui-menu-item>
- * ```
- *
- * ### Disabled Menu Item
- * ```html
- * <fui-menu-item [disabled]="true">
- *   Unavailable Option
- * </fui-menu-item>
- * ```
- *
- * @example
- * ```typescript
- * import { FuiMenuItemComponent } from '@raintonic/formaui/components/menu';
- *
- * @Component({
- *   standalone: true,
- *   imports: [FuiMenuItemComponent],
- *   templateUrl: './my-component.component.html',
- *   styleUrl: './my-component.component.scss'
- * })
- * export class MyComponent {
- *   onItemClick(event: Event) {
- *     console.log('Menu item clicked:', event);
- *   }
- * }
- * ```
- */
-declare class FuiMenuItemComponent {
-    /**
-     * Menu item variant that determines the visual style
-     * @default 'default'
-     */
-    readonly variant: _angular_core.InputSignalWithTransform<MenuItemVariant, string>;
-    /**
-     * Whether the menu item is disabled
-     * @default false
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Emitted when the menu item is clicked or activated
-     */
-    readonly selected: _angular_core.OutputEmitterRef<Event>;
-    /**
-     * Internal tabindex for roving tabindex pattern.
-     * Managed by the parent FuiMenuComponent.
-     * @internal
-     */
-    readonly tabIndex: _angular_core.WritableSignal<string>;
-    readonly computedClasses: _angular_core.Signal<string>;
-    /** @internal */ readonly _elementRef: ElementRef<HTMLElement>;
-    private readonly _renderer;
-    onClick(event: Event): void;
-    onKeydown(event: KeyboardEvent): void;
-    /**
-     * Focuses the menu item
-     */
-    focus(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiMenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiMenuItemComponent, "fui-menu-item", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
-}
-
-/**
- * # fuiMenuTrigger Directive
- *
- * A directive that marks an element as a menu trigger, similar to Angular Material's matMenuTriggerFor.
- * This directive should be used in conjunction with FuiMenuComponent.
- *
- * ## Usage
- *
- * ### Basic Usage
- * ```html
- * <button fuiMenuTrigger [menuTriggerFor]="menu">Open Menu</button>
- * <fui-menu #menu>
- *   <fui-menu-item>Option 1</fui-menu-item>
- *   <fui-menu-item>Option 2</fui-menu-item>
- * </fui-menu>
- * ```
- *
- * ### With Menu Reference
- * ```html
- * <button fuiMenuTrigger [menuTriggerFor]="userMenu">
- *   <fui-icon name="user"></fui-icon>
- *   User Menu
- * </button>
- *
- * <fui-menu #userMenu position="bottom-end">
- *   <fui-menu-item>Profile</fui-menu-item>
- *   <fui-menu-item>Settings</fui-menu-item>
- *   <fui-menu-item variant="danger">Logout</fui-menu-item>
- * </fui-menu>
- * ```
- *
- * ### Passing Data to Menu
- * ```html
- * <button fuiMenuTrigger
- *         [menuTriggerFor]="dynamicMenu"
- *         [menuTriggerData]="{ user: currentUser, role: 'admin' }">
- *   Open Menu
- * </button>
- *
- * <fui-menu #dynamicMenu>
- *   <!-- Access menu data in your component via menu.menuData() -->
- * </fui-menu>
- * ```
- *
- * @example
- * ```typescript
- * import { FuiMenuTriggerDirective, FuiMenuComponent, FuiMenuItemComponent } from '@raintonic/formaui/components/menu';
- *
- * @Component({
- *   standalone: true,
- *   imports: [FuiMenuTriggerDirective, FuiMenuComponent, FuiMenuItemComponent],
- *   template: `
- *     <button fuiMenuTrigger [menuTriggerFor]="menu">Open Menu</button>
- *     <fui-menu #menu>
- *       <fui-menu-item>Option 1</fui-menu-item>
- *       <fui-menu-item>Option 2</fui-menu-item>
- *     </fui-menu>
- *   `
- * })
- * export class MyComponent { }
- * ```
- */
-declare class FuiMenuTriggerDirective implements AfterViewInit {
-    private readonly _elementRef;
-    /** The menu instance that this trigger should open */
-    readonly menuTriggerFor: _angular_core.InputSignal<FuiMenuComponent | null | undefined>;
-    /**
-     * Data to be passed to the menu.
-     * Can be accessed in the menu component or menu items.
-     * Similar to Angular Material's matMenuTriggerData.
-     */
-    readonly menuTriggerData: _angular_core.InputSignal<unknown>;
-    /** The menu instance that this trigger is associated with */
-    menu: FuiMenuComponent | null;
-    constructor();
-    ngAfterViewInit(): void;
-    onClick(event: Event): void;
-    onKeydown(event: KeyboardEvent): void;
-    /** Gets the trigger element */
-    getElement(): HTMLElement;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiMenuTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FuiMenuTriggerDirective, "[fuiMenuTrigger]", never, { "menuTriggerFor": { "alias": "menuTriggerFor"; "required": false; "isSignal": true; }; "menuTriggerData": { "alias": "menuTriggerData"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { FuiMenuComponent, FuiMenuItemComponent, FuiMenuTriggerDirective, MENU_ITEM_VARIANTS, RT_MENU_POSITIONS, RT_MENU_SIZES };
-export type { FuiMenuPosition, FuiMenuSize, MenuItemVariant };
-//# sourceMappingURL=raintonic-formaui-components-menu.d.ts.map

package/types/raintonic-formaui-components-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"raintonic-formaui-components-menu.d.ts","sources":["../../../lib/components/menu/menu.component.ts","../../../lib/components/menu/menu-item.component.ts","../../../lib/components/menu/menu-trigger.directive.ts"],"mappings":";;;AAuBA;;AAEG;AACG,KAAM,eAAe;AAc3B,cAAa,iBAAiB;AAe9B;;AAEG;AACG,KAAM,WAAW;AAEvB,cAAa,aAAa;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EG;AACH,cAWa,gBAAiB,YAAW,SAAS;AAChD;;;AAGG;uBACc,aAAA,CAAA,WAAA,CAAA,eAAA;AAEjB;;;AAGG;mBACU,aAAA,CAAA,WAAA,CAAA,WAAA;AAEb;;;AAGG;kCACyB,aAAA,CAAA,wBAAA;AAE5B;;;AAGG;4BACmB,aAAA,CAAA,wBAAA;AAEtB;;;AAGG;uBACc,aAAA,CAAA,wBAAA;AAEjB;;;AAGG;2BACkB,aAAA,CAAA,wBAAA;AAErB;;AAEG;yBACgB,aAAA,CAAA,gBAAA;AAEnB;;AAEG;2BACkB,aAAA,CAAA,gBAAA,CAAA,KAAA;AAGrB,gCAA0B,aAAA,CAAA,cAAA;AAC1B,wCAAkC,aAAA,CAAA,cAAA;AAClC;AACA;;;;;8BAOwB,aAAA,CAAA,MAAA;AAWxB;AACA;AACA;AACA;;AAI2C,gBAAY,UAAU,CAAC,WAAW;AAG7E;;AAqBA;;AAEG;AACH;AAIA;;AAEG;AACH;AAKA;;AAEG;AACH;AAIA;;AAEG;AACH;AAQA;;AAEG;AACH,+BAA2B,WAAW;AAItC;;;AAGG;AACH;AAIA;;;AAGG;AACH;AAKA;AA2BA,6BAAyB,aAAa;AAgCtC,uBAAmB,KAAK;AAYxB;AAOA;AAcA;AAcA;AA8DA;AAqEA;AAWA;;AAQA;;AAQA;AAOA;AAWA;AAWA;;AAEG;AACH;AAKA;;AAEG;AACH;AAOA;;;AAGG;AACH;AAWA;AAQA;AAcA;AAOA;;;;AAIG;AACH;oDArgBW,gBAAgB;sDAAhB,gBAAgB;AAihB5B;;ACxpBD;;AAEG;KACS,eAAe;AAE3B,cAAa,kBAAkB;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DG;AACH,cAaa,oBAAoB;AAC/B;;;AAGG;sBACa,aAAA,CAAA,wBAAA,CAAA,eAAA;AAIhB;;;AAGG;uBACc,aAAA,CAAA,wBAAA;AAEjB;;AAEG;uBACc,aAAA,CAAA,gBAAA,CAAA,KAAA;AAEjB;;;;AAIG;uBACc,aAAA,CAAA,cAAA;8BAGO,aAAA,CAAA,MAAA;2CAUe,UAAU,CAAC,WAAW;AAC7D;AAGA,mBAAe,KAAK;AAWpB,qBAAiB,aAAa;AAgB9B;;AAEG;AACH;oDAxEW,oBAAoB;sDAApB,oBAAoB;AA2EhC;;ACtKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DG;AACH,cAQa,uBAAwB,YAAW,aAAa;AAC3D;;6BAGuB,aAAA,CAAA,WAAA,CAAA,gBAAA;AAEvB;;;;AAIG;8BACqB,aAAA,CAAA,WAAA;;AAGxB,UAAM,gBAAgB;;AActB;AAWA,mBAAe,KAAK;AAkBpB,qBAAiB,aAAa;;AA6C9B,kBAAc,WAAW;oDAtGd,uBAAuB;sDAAvB,uBAAuB;AAyGnC;;;;","names":[]}