@wawjs/ngx-prime 22.0.0

package/types/wawjs-ngx-prime-contextmenu.d.ts

@@ -0,0 +1,368 @@
+import { ContextMenuPassThrough, ContextMenuItemTemplateContext, ContextMenuSubmenuIconTemplateContext } from '@wawjs/ngx-prime/types/contextmenu';
+export * from '@wawjs/ngx-prime/types/contextmenu';
+import * as _angular_core from '@angular/core';
+import { AfterViewChecked, ElementRef, Renderer2, TemplateRef } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@wawjs/css-prime-motion';
+import * as i1 from '@wawjs/ngx-prime/api';
+import { OverlayService, MenuItem, PrimeTemplate } from '@wawjs/ngx-prime/api';
+import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
+import { VoidListener } from '@wawjs/ngx-prime/ts-helpers';
+import * as _wawjs_css_prime_styled from '@wawjs/css-prime-styled';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+declare class ContextMenuStyle extends BaseStyle {
+    name: string;
+    style: _wawjs_css_prime_styled.StyleType;
+    classes: {
+        root: () => string[];
+        rootList: string;
+        item: ({ instance, processedItem }: {
+            instance: any;
+            processedItem: any;
+        }) => (string | {
+            'p-contextmenu-item-active': any;
+            'p-focus': any;
+            'p-disabled': any;
+            'p-contextmenu-mobile': any;
+        })[];
+        itemContent: string;
+        itemLink: string;
+        itemIcon: string;
+        itemLabel: string;
+        submenuIcon: string;
+        submenu: string;
+        separator: string;
+    };
+    inlineStyles: {
+        root: {
+            position: string;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ContextMenuStyle>;
+}
+/**
+ *
+ * ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu.
+ * Refer to documentation of the individual documentation of the with context menu support.
+ *
+ * [Live Demo](https://www.ngx-prime.org/contextmenu/)
+ *
+ * @module contextmenustyle
+ *
+ */
+declare enum ContextMenuClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-contextmenu",
+    /**
+     * Class name of the root list element
+     */
+    rootList = "p-contextmenu-root-list",
+    /**
+     * Class name of the item element
+     */
+    item = "p-contextmenu-item",
+    /**
+     * Class name of the item content element
+     */
+    itemContent = "p-contextmenu-item-content",
+    /**
+     * Class name of the item link element
+     */
+    itemLink = "p-contextmenu-item-link",
+    /**
+     * Class name of the item icon element
+     */
+    itemIcon = "p-contextmenu-item-icon",
+    /**
+     * Class name of the item label element
+     */
+    itemLabel = "p-contextmenu-item-label",
+    /**
+     * Class name of the submenu icon element
+     */
+    submenuIcon = "p-contextmenu-submenu-icon",
+    /**
+     * Class name of the submenu element
+     */
+    submenu = "p-contextmenu-submenu",
+    /**
+     * Class name of the separator element
+     */
+    separator = "p-contextmenu-separator"
+}
+
+declare class ContextMenuSub extends BaseComponent<ContextMenuPassThrough> implements AfterViewChecked {
+    el: ElementRef<any>;
+    renderer: Renderer2;
+    contextMenu: ContextMenu;
+    visible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    items: _angular_core.InputSignal<any[] | undefined>;
+    itemTemplate: _angular_core.InputSignal<TemplateRef<ContextMenuItemTemplateContext> | undefined>;
+    root: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    popup: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    menuId: _angular_core.InputSignal<string | undefined>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    level: _angular_core.InputSignalWithTransform<number, unknown>;
+    focusedItemId: _angular_core.InputSignal<string | undefined>;
+    activeItemPath: _angular_core.InputSignal<any[] | undefined>;
+    motionOptions: _angular_core.InputSignal<MotionOptions[] | undefined>;
+    tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    itemClick: _angular_core.OutputEmitterRef<any>;
+    itemMouseEnter: _angular_core.OutputEmitterRef<any>;
+    menuFocus: _angular_core.OutputEmitterRef<any>;
+    menuBlur: _angular_core.OutputEmitterRef<any>;
+    menuKeydown: _angular_core.OutputEmitterRef<any>;
+    readonly sublistViewChild: _angular_core.Signal<ElementRef<any>>;
+    render: _angular_core.WritableSignal<boolean>;
+    hostName: string;
+    _componentStyle: ContextMenuStyle;
+    $pcContextMenu: ContextMenu | undefined;
+    $pcContextMenuSub: ContextMenuSub | undefined;
+    constructor();
+    getItemProp(processedItem: any, name: string, params?: any | null): any;
+    getItemId(processedItem: any): string;
+    getItemKey(processedItem: any): string;
+    getItemLabel(processedItem: any): string;
+    getAriaSetSize(): number | undefined;
+    getAriaPosInset(index: number): number;
+    isItemVisible(processedItem: any): boolean;
+    isItemActive(processedItem: any): boolean | undefined;
+    isItemDisabled(processedItem: any): boolean | undefined;
+    isItemFocused(processedItem: any): boolean;
+    isItemGroup(processedItem: any): boolean;
+    onItemMouseEnter(param: any): void;
+    onItemClick(event: any, processedItem: any): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterLeave(): void;
+    _ptm(section: string, options?: any): any;
+    getPTOptions(processedItem: any, index: number, key: string): any;
+    position(sublist: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuSub, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenuSub, "p-contextMenuSub, p-contextmenu-sub", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "root": { "alias": "root"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; "isSignal": true; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, true, never>;
+}
+/**
+ * ContextMenu displays an overlay menu on right click of its target. Note that components like Table has special integration with ContextMenu.
+ * @group Components
+ */
+declare class ContextMenu extends BaseComponent<ContextMenuPassThrough> {
+    overlayService: OverlayService;
+    componentName: string;
+    /**
+     * An array of menuitems.
+     * @group Props
+     */
+    model: _angular_core.InputSignal<MenuItem[] | undefined>;
+    /**
+     * Event for which the menu must be displayed.
+     * @group Props
+     */
+    triggerEvent: _angular_core.InputSignal<string>;
+    /**
+     * Local template variable name of the element to attach the context menu.
+     * @group Props
+     */
+    target: _angular_core.InputSignal<string | HTMLElement | null | undefined>;
+    private _target;
+    /**
+     * Attaches the menu to document instead of a particular item.
+     * @group Props
+     */
+    global: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Current id state as a string.
+     * @group Props
+     */
+    id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The breakpoint to define the maximum width boundary.
+     * @group Props
+     */
+    breakpoint: _angular_core.InputSignal<string>;
+    /**
+     * Defines a string value that labels an interactive element.
+     * @group Props
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Identifier of the underlying input element.
+     * @group Props
+     */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Press delay in touch devices as miliseconds.
+     * @group Props
+     */
+    pressDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @defaultValue 'self'
+     * @group Props
+     */
+    appendTo: _angular_core.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * Callback to invoke when overlay menu is shown.
+     * @group Emits
+     */
+    onShow: _angular_core.OutputEmitterRef<null>;
+    /**
+     * Callback to invoke when overlay menu is hidden.
+     * @group Emits
+     */
+    onHide: _angular_core.OutputEmitterRef<null>;
+    rootmenu: ContextMenuSub | undefined;
+    container: HTMLElement | null | undefined;
+    handleSubmenuAfterLeave: (() => void) | null;
+    outsideClickListener: VoidListener;
+    resizeListener: VoidListener;
+    triggerEventListener: VoidListener;
+    documentClickListener: VoidListener;
+    documentTriggerListener: VoidListener;
+    touchEndListener: VoidListener;
+    pageX: number;
+    pageY: number;
+    visible: _angular_core.WritableSignal<boolean>;
+    render: _angular_core.WritableSignal<boolean>;
+    focused: boolean;
+    activeItemPath: _angular_core.WritableSignal<any>;
+    focusedItemInfo: _angular_core.WritableSignal<any>;
+    submenuVisible: _angular_core.WritableSignal<boolean>;
+    $appendTo: _angular_core.Signal<any>;
+    searchValue: string;
+    searchTimeout: any;
+    _processedItems: any[];
+    pressTimer: any;
+    hideCallback: any;
+    private matchMediaListener;
+    private query;
+    queryMatches: _angular_core.WritableSignal<boolean>;
+    _componentStyle: ContextMenuStyle;
+    private _generatedId;
+    get resolvedId(): string;
+    get visibleItems(): any;
+    get processedItems(): any[];
+    get focusedItemId(): any;
+    constructor();
+    onInit(): void;
+    isMobile(): boolean;
+    bindTriggerEventListener(): void;
+    bindGlobalListeners(): void;
+    /**
+     * Custom item template.
+     * @group Templates
+     */
+    readonly itemTemplate: _angular_core.Signal<TemplateRef<ContextMenuItemTemplateContext> | undefined>;
+    /**
+     * Custom submenu icon template.
+     * @group Templates
+     */
+    readonly submenuIconTemplate: _angular_core.Signal<TemplateRef<ContextMenuSubmenuIconTemplateContext> | undefined>;
+    readonly templates: _angular_core.Signal<readonly PrimeTemplate[]>;
+    _submenuIconTemplate: TemplateRef<ContextMenuSubmenuIconTemplateContext> | undefined;
+    _itemTemplate: TemplateRef<ContextMenuItemTemplateContext> | undefined;
+    onAfterContentInit(): void;
+    getPTOptions(key: string, item: any, index: number): any;
+    isItemFocused(itemInfo: any): boolean;
+    createProcessedItems(items: any, level?: number, parent?: any, parentKey?: any): any[];
+    bindMatchMediaListener(): void;
+    unbindMatchMediaListener(): void;
+    getItemProp(item: any, name: string): any;
+    getProccessedItemLabel(processedItem: any): any;
+    getItemLabel(item: any): any;
+    isProcessedItemGroup(processedItem: any): boolean;
+    isSelected(processedItem: any): boolean;
+    isValidSelectedItem(processedItem: any): boolean;
+    isValidItem(processedItem: any): boolean;
+    isItemDisabled(item: any): boolean;
+    isItemSeparator(item: any): boolean;
+    isItemMatched(processedItem: any): boolean;
+    isProccessedItemGroup(processedItem: any): boolean;
+    onItemClick(event: any): void;
+    onItemMouseEnter(event: any): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onArrowDownKey(event: KeyboardEvent): void;
+    onArrowRightKey(event: KeyboardEvent): void;
+    onArrowUpKey(event: KeyboardEvent): void;
+    onArrowLeftKey(event: KeyboardEvent): void;
+    onHomeKey(event: KeyboardEvent): void;
+    onEndKey(event: KeyboardEvent): void;
+    onSpaceKey(event: KeyboardEvent): void;
+    onEscapeKey(event: KeyboardEvent): void;
+    onTabKey(event: KeyboardEvent): void;
+    onEnterKey(event: KeyboardEvent): void;
+    onItemChange(event: any, type?: string | undefined): void;
+    onMenuFocus(): void;
+    onMenuBlur(): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterEnter(): void;
+    onAfterLeave(): void;
+    appendOverlay(): void;
+    restoreOverlayAppend(): void;
+    moveOnTop(): void;
+    onOverlayHide(): void;
+    onTouchStart(event: MouseEvent): void;
+    onTouchEnd(): void;
+    hide(): void;
+    toggle(event?: any): void;
+    show(event: any): void;
+    position(): void;
+    searchItems(event: any, char: string): boolean;
+    findVisibleItem(index: any): any;
+    findLastFocusedItemIndex(): any;
+    findLastItemIndex(): number;
+    findPrevItemIndex(index: number): number;
+    findNextItemIndex(index: number): any;
+    findFirstFocusedItemIndex(): any;
+    findFirstItemIndex(): any;
+    findSelectedItemIndex(): any;
+    changeFocusedItemIndex(event: any, index: number): void;
+    scrollInView(index?: number): void;
+    bindResizeListener(): void;
+    isOutsideClicked(event: Event): boolean;
+    unbindResizeListener(): void;
+    unbindGlobalListeners(): void;
+    unbindTriggerEventListener(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenu, "p-contextMenu, p-contextmenu, p-context-menu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "global": { "alias": "global"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "pressDelay": { "alias": "pressDelay"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["itemTemplate", "submenuIconTemplate", "templates"], never, true, never>;
+}
+declare class ContextMenuModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ContextMenuModule, never, [typeof ContextMenu, typeof i1.SharedModule], [typeof ContextMenu, typeof i1.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ContextMenuModule>;
+}
+
+export { ContextMenu, ContextMenuClasses, ContextMenuModule, ContextMenuStyle, ContextMenuSub };