@gravionlabs/helix-core 22.0.0

package/types/gravionlabs-helix-core-dock.d.ts

@@ -0,0 +1,196 @@
+import { DockPassThrough, DockItemTemplateContext } from '@gravionlabs/helix-core/types/dock';
+export * from '@gravionlabs/helix-core/types/dock';
+import * as _angular_core from '@angular/core';
+import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { MenuItem, HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * Dock is a navigation component consisting of menuitems.
+ *
+ * [Live Demo](https://www.primeng.org/dock/)
+ *
+ * @module dockstyle
+ *
+ */
+declare enum DockClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-dock",
+    /**
+     * Class name of the list container element
+     */
+    listContainer = "h-dock-list-container",
+    /**
+     * Class name of the list element
+     */
+    list = "h-dock-list",
+    /**
+     * Class name of the item element
+     */
+    item = "h-dock-item",
+    /**
+     * Class name of the item content element
+     */
+    itemContent = "h-dock-item-content",
+    /**
+     * Class name of the item link element
+     */
+    itemLink = "h-dock-item-link",
+    /**
+     * Class name of the item icon element
+     */
+    itemIcon = "h-dock-item-icon"
+}
+declare class DockStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-dock-mobile': any;
+        })[];
+        listContainer: string;
+        list: string;
+        item: ({ instance, item, id }: {
+            instance: any;
+            item: any;
+            id: any;
+        }) => (string | {
+            'h-focus': any;
+            'h-disabled': any;
+        })[];
+        itemContent: string;
+        itemLink: string;
+        itemIcon: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DockStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface DockStyle extends BaseStyle {
+}
+
+/**
+ * Dock is a navigation component consisting of menuitems.
+ * @group Components
+ */
+declare class Dock extends BaseComponent<DockPassThrough> {
+    cd: ChangeDetectorRef;
+    componentName: string;
+    /**
+     * Current id state as a string.
+     * @group Props
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    private readonly autoId;
+    readonly $id: _angular_core.Signal<string>;
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * MenuModel instance to define the action items.
+     * @group Props
+     */
+    readonly model: _angular_core.InputSignal<MenuItem[] | null | undefined>;
+    /**
+     * Position of element.
+     * @group Props
+     */
+    readonly position: _angular_core.InputSignal<"bottom" | "top" | "left" | "right">;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The breakpoint to define the maximum width boundary.
+     * @defaultValue 960px
+     * @group Props
+     */
+    readonly breakpoint: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the dropdown button for accessibility.
+     * @group Props
+     */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Callback to execute when button is focused.
+     * @param {FocusEvent} event - Focus event.
+     * @group Emits
+     */
+    readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {FocusEvent} event - Focus event.
+     * @group Emits
+     */
+    readonly onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
+    readonly listViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
+    currentIndex: number;
+    tabindex: number;
+    focused: boolean;
+    focusedOptionIndex: string | number;
+    _componentStyle: DockStyle;
+    bindDirectiveInstance: Bind;
+    $pcDock: Dock | undefined;
+    matchMediaListener: any;
+    query: any;
+    queryMatches: _angular_core.WritableSignal<boolean>;
+    mobileActive: _angular_core.WritableSignal<boolean>;
+    get focusedOptionId(): string | null;
+    constructor(cd: ChangeDetectorRef);
+    onInit(): void;
+    onDestroy(): void;
+    /**
+     * Custom item template.
+     * @param {DockItemTemplateContext} context - item template context.
+     * @group Templates
+     */
+    readonly itemTemplate: _angular_core.Signal<TemplateRef<DockItemTemplateContext> | undefined>;
+    _itemTemplate: TemplateRef<DockItemTemplateContext> | undefined;
+    getItemId(item: any, index: any): any;
+    getItemProp(processedItem: any, name: any): any;
+    disabled(item: any): any;
+    isItemActive(id: any): boolean;
+    onListMouseLeave(): void;
+    onItemMouseEnter(index: number): void;
+    onItemClick(e: Event, item: MenuItem): void;
+    onListFocus(event: any): void;
+    onListBlur(event: any): void;
+    onListKeyDown(event: any): void;
+    onArrowDownKey(): void;
+    onArrowUpKey(): void;
+    onHomeKey(): void;
+    onEndKey(): void;
+    onSpaceKey(): void;
+    findNextOptionIndex(index: any): number;
+    changeFocusedOptionIndex(index: any): void;
+    findPrevOptionIndex(index: any): number;
+    isClickableRouterLink(item: any): boolean;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    onAfterContentInit(): void;
+    onAfterViewChecked(): void;
+    getPTOptions(item: MenuItem, index: number, key: string): any;
+    bindMatchMediaListener(): void;
+    unbindMatchMediaListener(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dock, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dock, "h-dock", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["itemTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class DockModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DockModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DockModule, never, [typeof Dock, typeof i2.SharedModule], [typeof Dock, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DockModule>;
+}
+
+export { Dock, DockClasses, DockModule, DockStyle };

package/types/gravionlabs-helix-core-dom.d.ts

@@ -0,0 +1,109 @@
+/**
+ * @dynamic is for runtime initializing DomHandler.browser
+ *
+ * If delete below comment, we can see this error message:
+ *  Metadata collected contains an error that will be reported at runtime:
+ *  Only initialized variables and constants can be referenced
+ *  because the value of this variable is needed by the template compiler.
+ */
+declare class DomHandler {
+    static zindex: number;
+    private static calculatedScrollbarWidth;
+    private static calculatedScrollbarHeight;
+    private static browser;
+    static addClass(element: any, className: string): void;
+    static addMultipleClasses(element: any, className: string): void;
+    static removeClass(element: any, className: string): void;
+    static removeMultipleClasses(element: any, classNames: any): void;
+    static hasClass(element: any, className: string): boolean;
+    static siblings(element: any): any;
+    static find(element: any, selector: string): any[];
+    static findSingle(element: any, selector: string): any;
+    static index(element: any): number;
+    static indexWithinGroup(element: any, attributeName: string): number;
+    static appendOverlay(overlay: any, target: any, appendTo?: any): void;
+    static alignOverlay(overlay: any, target: any, appendTo?: any, calculateMinWidth?: boolean): void;
+    static relativePosition(element: any, target: any, gutter?: boolean): void;
+    static absolutePosition(element: any, target: any, gutter?: boolean): void;
+    static getParents(element: any, parents?: any): any;
+    static getScrollableParents(element: any): any[];
+    static getHiddenElementOuterHeight(element: any): number;
+    static getHiddenElementOuterWidth(element: any): number;
+    static getHiddenElementDimensions(element: any): any;
+    static scrollInView(container: any, item: any): void;
+    static fadeIn(element: any, duration: number): void;
+    static fadeOut(element: any, ms: any): void;
+    static getWindowScrollTop(): number;
+    static getWindowScrollLeft(): number;
+    static matches(element: any, selector: string): boolean;
+    static getOuterWidth(el: any, margin?: any): any;
+    static getHorizontalPadding(el: any): number;
+    static getHorizontalMargin(el: any): number;
+    static innerWidth(el: any): any;
+    static width(el: any): any;
+    static getInnerHeight(el: any): any;
+    static getOuterHeight(el: any, margin?: any): any;
+    static getHeight(el: any): number;
+    static getWidth(el: any): number;
+    static getViewport(): any;
+    static getOffset(el: any): {
+        top: any;
+        left: any;
+    };
+    static replaceElementWith(element: any, replacementElement: any): any;
+    static getUserAgent(): string | undefined;
+    static isIE(): boolean;
+    static isIOS(): boolean;
+    static isAndroid(): boolean;
+    static isTouchDevice(): boolean;
+    static appendChild(element: any, target: any): void;
+    static removeChild(element: any, target: any): void;
+    static removeElement(element: Element): void;
+    static isElement(obj: any): any;
+    static calculateScrollbarWidth(el?: HTMLElement): number;
+    static calculateScrollbarHeight(): number;
+    static invokeElementMethod(element: any, methodName: string, args?: any[]): void;
+    static clearSelection(): void;
+    static getBrowser(): any;
+    static resolveUserAgent(): {
+        browser: string;
+        version: string;
+    };
+    static isInteger(value: any): boolean;
+    static isHidden(element: HTMLElement): boolean;
+    static isVisible(element: HTMLElement): boolean;
+    static isExist(element: HTMLElement): false | "" | ParentNode | null;
+    static focus(element: HTMLElement, options?: FocusOptions): void;
+    static getFocusableSelectorString(selector?: string): string;
+    static getFocusableElements(element: any, selector?: string): any[];
+    static getFocusableElement(element: any, selector?: string): any | null;
+    static getFirstFocusableElement(element: any, selector?: string): any;
+    static getLastFocusableElement(element: any, selector: any): any;
+    static getNextFocusableElement(element: HTMLElement, reverse?: boolean): any;
+    static generateZIndex(): number;
+    static getSelection(): any;
+    static getTargetElement(target: any, el?: HTMLElement): any;
+    static isClient(): boolean;
+    static getAttribute(element: any, name: any): any;
+    static calculateBodyScrollbarWidth(): number;
+    static blockBodyScroll(className?: string): void;
+    static unblockBodyScroll(className?: string): void;
+    static createElement(type: any, attributes?: {}, ...children: any[]): any;
+    static setAttribute(element: any, attribute: string | undefined, value: any): void;
+    static setAttributes(element: any, attributes?: {}): void;
+    static isFocusableElement(element: any, selector?: string): any;
+}
+declare function blockBodyScroll(): void;
+declare function unblockBodyScroll(): void;
+
+declare class ConnectedOverlayScrollHandler {
+    element: any;
+    listener: any;
+    scrollableParents: any;
+    constructor(element: any, listener?: any);
+    bindScrollListener(): void;
+    unbindScrollListener(): void;
+    destroy(): void;
+}
+
+export { ConnectedOverlayScrollHandler, DomHandler, blockBodyScroll, unblockBodyScroll };

package/types/gravionlabs-helix-core-dragdrop.d.ts

@@ -0,0 +1,117 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef, NgZone, Renderer2 } from '@angular/core';
+import { VoidListener } from '@gravionlabs/helix-core/ts-helpers';
+
+/**
+ * hDraggable directive apply draggable behavior to any element.
+ * @group Components
+ */
+declare class Draggable implements AfterViewInit, OnDestroy {
+    el: ElementRef;
+    zone: NgZone;
+    private renderer;
+    readonly scope: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the cursor style.
+     * @group Props
+     */
+    readonly dragEffect: _angular_core.InputSignal<"none" | "copy" | "copyLink" | "copyMove" | "link" | "linkMove" | "move" | "all" | "uninitialized" | undefined>;
+    /**
+     * Selector to define the drag handle, by default anywhere on the target element is a drag handle to start dragging.
+     * @group Props
+     */
+    readonly dragHandle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Callback to invoke when drag begins.
+     * @param {DragEvent} event - Drag event.
+     * @group Emits
+     */
+    readonly onDragStart: _angular_core.OutputEmitterRef<DragEvent>;
+    /**
+     * Callback to invoke when drag ends.
+     * @param {DragEvent} event - Drag event.
+     * @group Emits
+     */
+    readonly onDragEnd: _angular_core.OutputEmitterRef<DragEvent>;
+    /**
+     * Callback to invoke on dragging.
+     * @param {DragEvent} event - Drag event.
+     * @group Emits
+     */
+    readonly onDrag: _angular_core.OutputEmitterRef<DragEvent>;
+    handle: any;
+    dragListener: VoidListener;
+    mouseDownListener: VoidListener;
+    mouseUpListener: VoidListener;
+    constructor(el: ElementRef, zone: NgZone, renderer: Renderer2);
+    readonly pDraggableDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    ngAfterViewInit(): void;
+    bindDragListener(): void;
+    unbindDragListener(): void;
+    bindMouseListeners(): void;
+    unbindMouseListeners(): void;
+    drag(event: DragEvent): void;
+    dragStart(event: DragEvent): void;
+    dragEnd(event: DragEvent): void;
+    mousedown(event: MouseEvent): void;
+    mouseup(event: MouseEvent): void;
+    allowDrag(): boolean;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Draggable, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Draggable, "[hDraggable]", never, { "scope": { "alias": "hDraggable"; "required": false; "isSignal": true; }; "dragEffect": { "alias": "dragEffect"; "required": false; "isSignal": true; }; "dragHandle": { "alias": "dragHandle"; "required": false; "isSignal": true; }; "pDraggableDisabled": { "alias": "pDraggableDisabled"; "required": false; "isSignal": true; }; }, { "onDragStart": "onDragStart"; "onDragEnd": "onDragEnd"; "onDrag": "onDrag"; }, never, never, true, never>;
+}
+/**
+ * hDroppable directive apply droppable behavior to any element.
+ * @group Components
+ */
+declare class Droppable implements AfterViewInit, OnDestroy {
+    el: ElementRef;
+    zone: NgZone;
+    private renderer;
+    readonly scope: _angular_core.InputSignal<string | string[] | undefined>;
+    /**
+     * Whether the element is droppable, useful for conditional cases.
+     * @group Props
+     */
+    readonly pDroppableDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor(el: ElementRef, zone: NgZone, renderer: Renderer2);
+    /**
+     * Defines the cursor style, valid values are none, copy, move, link, copyMove, copyLink, linkMove and all.
+     * @group Props
+     */
+    readonly dropEffect: _angular_core.InputSignal<"none" | "copy" | "link" | "move" | undefined>;
+    /**
+     * Callback to invoke when a draggable enters drop area.
+     * @group Emits
+     */
+    readonly onDragEnter: _angular_core.OutputEmitterRef<DragEvent>;
+    /**
+     * Callback to invoke when a draggable leave drop area.
+     * @group Emits
+     */
+    readonly onDragLeave: _angular_core.OutputEmitterRef<DragEvent>;
+    /**
+     * Callback to invoke when a draggable is dropped onto drop area.
+     * @group Emits
+     */
+    readonly onDrop: _angular_core.OutputEmitterRef<DragEvent>;
+    dragOverListener: VoidListener;
+    ngAfterViewInit(): void;
+    bindDragOverListener(): void;
+    unbindDragOverListener(): void;
+    dragOver(event: DragEvent): void;
+    drop(event: DragEvent): void;
+    dragEnter(event: DragEvent): void;
+    dragLeave(event: DragEvent): void;
+    allowDrop(event: DragEvent): boolean;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Droppable, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Droppable, "[hDroppable]", never, { "scope": { "alias": "hDroppable"; "required": false; "isSignal": true; }; "pDroppableDisabled": { "alias": "pDroppableDisabled"; "required": false; "isSignal": true; }; "dropEffect": { "alias": "dropEffect"; "required": false; "isSignal": true; }; }, { "onDragEnter": "onDragEnter"; "onDragLeave": "onDragLeave"; "onDrop": "onDrop"; }, never, never, true, never>;
+}
+declare class DragDropModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DragDropModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DragDropModule, never, [typeof Draggable, typeof Droppable], [typeof Draggable, typeof Droppable]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DragDropModule>;
+}
+
+export { DragDropModule, Draggable, Droppable };