@anguless/angulux 22.0.0-rc.0

package/types/anguless-angulux-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/anguless-angulux-drawer.d.ts

@@ -0,0 +1,301 @@
+import { DrawerPassThrough } from '@anguless/angulux/types/drawer';
+export * from '@anguless/angulux/types/drawer';
+import * as _angular_core from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@anguless/angulux-motion';
+import * as i2 from '@anguless/angulux/api';
+import { AglTemplate } from '@anguless/angulux/api';
+import { BaseComponent } from '@anguless/angulux/basecomponent';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { ButtonProps } from '@anguless/angulux/button';
+import { Nullable, VoidListener } from '@anguless/angulux/ts-helpers';
+import { BaseStyle } from '@anguless/angulux/base';
+
+/**
+ *
+ * Drawer is a panel component displayed as an overlay at the edges of the screen.
+ *
+ * @module drawerstyle
+ *
+ */
+declare enum DrawerClasses {
+    /**
+     * Class name of the mask element
+     */
+    mask = "p-drawer-mask",
+    /**
+     * Class name of the root element
+     */
+    root = "p-drawer",
+    /**
+     * Class name of the header element
+     */
+    header = "p-drawer-header",
+    /**
+     * Class name of the title element
+     */
+    title = "p-drawer-title",
+    /**
+     * Class name of the close button element
+     */
+    pcCloseButton = "p-drawer-close-button",
+    /**
+     * Class name of the content element
+     */
+    content = "p-drawer-content"
+}
+declare class DrawerStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        mask: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            "p-overlay-mask p-overlay-mask-enter-active": any;
+            'p-drawer-full'?: undefined;
+        } | {
+            'p-drawer-full': any;
+            "p-overlay-mask p-overlay-mask-enter-active"?: undefined;
+        })[];
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-drawer-full': any;
+            'p-drawer-open': any;
+        })[];
+        header: string;
+        title: string;
+        pcCloseButton: string;
+        content: string;
+        footer: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DrawerStyle>;
+}
+interface DrawerStyle extends BaseStyle {
+}
+
+/**
+ * Sidebar is a panel component displayed as an overlay at the edges of the screen.
+ * @group Components
+ */
+declare class Drawer extends BaseComponent<DrawerPassThrough> {
+    componentName: string;
+    $pcDrawer: Drawer | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * 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>;
+    /**
+     * Whether to block scrolling of the document when drawer is active.
+     * @group Props
+     */
+    blockScroll: boolean;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Aria label of the close icon.
+     * @group Props
+     */
+    ariaCloseLabel: string | undefined;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex: boolean;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex: number;
+    /**
+     * Whether an overlay mask is displayed behind the drawer.
+     * @group Props
+     */
+    modal: boolean;
+    /**
+     * Used to pass all properties of the ButtonProps to the Button component.
+     * @group Props
+     */
+    closeButtonProps: ButtonProps;
+    /**
+     * Whether to dismiss drawer on click of the mask.
+     * @group Props
+     */
+    dismissible: boolean;
+    /**
+     * Whether to display the close icon.
+     * @group Props
+     * @deprecated use 'closable' instead.
+     */
+    showCloseIcon: boolean;
+    /**
+     * Specifies if pressing escape key should hide the drawer.
+     * @group Props
+     */
+    closeOnEscape: boolean;
+    /**
+     * Transition options of the animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    transitionOptions: string;
+    /**
+     * The visible property is an input that determines the visibility of the component.
+     * @defaultValue false
+     * @group Props
+     */
+    get visible(): boolean;
+    set visible(value: boolean);
+    /**
+     * Specifies the position of the drawer, valid values are "left", "right", "bottom" and "top".
+     * @defaultValue 'left'
+     * @group Props
+     */
+    position: _angular_core.InputSignal<"left" | "right" | "bottom" | "top" | "full">;
+    /**
+     * Adds a close icon to the header to hide the dialog.
+     * @defaultValue false
+     * @group Props
+     */
+    fullScreen: _angular_core.InputSignal<boolean>;
+    $enterAnimation: _angular_core.Signal<string>;
+    $leaveAnimation: _angular_core.Signal<string>;
+    /**
+     * Title content of the dialog.
+     * @group Props
+     */
+    header: string | undefined;
+    /**
+     * Style of the mask.
+     * @group Props
+     */
+    maskStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Whether to display close button.
+     * @group Props
+     * @defaultValue true
+     */
+    closable: boolean;
+    /**
+     * Callback to invoke when dialog is shown.
+     * @group Emits
+     */
+    onShow: EventEmitter<any>;
+    /**
+     * Callback to invoke when dialog is hidden.
+     * @group Emits
+     */
+    onHide: EventEmitter<any>;
+    /**
+     * Callback to invoke when dialog visibility is changed.
+     * @param {boolean} value - Visible value.
+     * @group Emits
+     */
+    visibleChange: EventEmitter<boolean>;
+    containerViewChild: ElementRef | undefined;
+    closeButtonViewChild: ElementRef | undefined;
+    initialized: boolean | undefined;
+    _visible: boolean | undefined;
+    _position: string;
+    _fullScreen: boolean;
+    modalVisible: boolean;
+    container: Nullable<HTMLDivElement>;
+    mask: Nullable<HTMLDivElement>;
+    maskClickListener: VoidListener;
+    documentEscapeListener: VoidListener;
+    animationEndListener: VoidListener;
+    _componentStyle: DrawerStyle;
+    onAfterViewInit(): void;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    headerTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    footerTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    contentTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom close icon template.
+     * @group Templates
+     */
+    closeIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom headless template to replace the entire drawer content.
+     * @group Templates
+     */
+    headlessTemplate: TemplateRef<void> | undefined;
+    $appendTo: _angular_core.Signal<any>;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _closeIconTemplate: TemplateRef<void> | undefined;
+    _headlessTemplate: TemplateRef<void> | undefined;
+    templates: QueryList<AglTemplate> | undefined;
+    onAfterContentInit(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    show(): void;
+    hide(emit?: boolean): void;
+    close(event: Event): void;
+    enableModality(): void;
+    getMaskStyle(): string;
+    disableModality(): void;
+    destroyModal(): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterLeave(): void;
+    appendContainer(): void;
+    bindDocumentEscapeListener(): void;
+    unbindDocumentEscapeListener(): void;
+    unbindMaskClickListener(): void;
+    unbindGlobalListeners(): void;
+    unbindAnimationEndListener(): void;
+    onDestroy(): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Drawer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Drawer, "agl-drawer", never, { "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeButtonProps": { "alias": "closeButtonProps"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; }, ["headerTemplate", "footerTemplate", "contentTemplate", "closeIconTemplate", "headlessTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_blockScroll: unknown;
+    static ngAcceptInputType_autoZIndex: unknown;
+    static ngAcceptInputType_baseZIndex: unknown;
+    static ngAcceptInputType_modal: unknown;
+    static ngAcceptInputType_dismissible: unknown;
+    static ngAcceptInputType_showCloseIcon: unknown;
+    static ngAcceptInputType_closeOnEscape: unknown;
+    static ngAcceptInputType_closable: unknown;
+}
+declare class DrawerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DrawerModule, never, [typeof Drawer, typeof i2.SharedModule], [typeof Drawer, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DrawerModule>;
+}
+
+export { Drawer, DrawerClasses, DrawerModule, DrawerStyle };