@gravionlabs/helix-core 22.1.2 → 22.1.3

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

@@ -1,17 +1,62 @@
-import { DialogPassThrough } from '@gravionlabs/helix-core/types/dialog';
-export * from '@gravionlabs/helix-core/types/dialog';
-import * as _angular_core from '@angular/core';
-import { OnInit, AfterContentInit, OnDestroy, ElementRef, TemplateRef, NgZone } from '@angular/core';
-import { MotionOptions, MotionEvent } from '@gravionlabs/helix-core/uix/motion';
-import * as i2 from '@gravionlabs/helix-core/api';
-import { 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 { ButtonProps } from '@gravionlabs/helix-core/button';
-import { Nullable, VoidListener } from '@gravionlabs/helix-core/ts-helpers';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
+import { DialogPassThrough } from "@gravionlabs/helix-core/types/dialog";
+import * as i0 from "@angular/core";
+import { AfterContentInit, ElementRef, NgZone, OnDestroy, OnInit, TemplateRef } from "@angular/core";
+import { MotionEvent, MotionOptions } from "@gravionlabs/helix-core/uix/motion";
+import * as i2 from "@gravionlabs/helix-core/api";
+import { 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 { ButtonProps } from "@gravionlabs/helix-core/button";
+import { Nullable, VoidListener } from "@gravionlabs/helix-core/ts-helpers";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/dialog";
+export declare class DialogStyle extends BaseStyle {
+  name: string;
+  style: string;
+  classes: {
+    mask: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-overlay-mask': any;
+    })[];
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-dialog-maximized': any;
+    })[];
+    header: string;
+    title: string;
+    resizeHandle: string;
+    headerActions: string;
+    pcMaximizeButton: string;
+    pcCloseButton: string;
+    content: () => string[];
+    footer: string;
+  };
+  inlineStyles: {
+    mask: ({ instance }: {
+      instance: any;
+    }) => {
+      position: string;
+      height: string;
+      width: string;
+      left: number;
+      top: number;
+      display: string;
+      justifyContent: string;
+      alignItems: string;
+      pointerEvents: string;
+    };
+    root: {
+      display: string;
+      flexDirection: string;
+      pointerEvents: string;
+    };
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<DialogStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * Dialog is a container to display content in an overlay window.
@@ -21,510 +66,708 @@ import { BaseStyle } from '@gravionlabs/helix-core/base';
  * @module dialogstyle
  *
  */
-declare enum DialogClasses {
-    /**
-     * Class name of the mask element
-     */
-    mask = "h-dialog-mask",
-    /**
-     * Class name of the root element
-     */
-    root = "h-dialog",
-    /**
-     * Class name of the header element
-     */
-    header = "h-dialog-header",
-    /**
-     * Class name of the title element
-     */
-    title = "h-dialog-title",
-    /**
-     * Class name of the header actions element
-     */
-    headerActions = "h-dialog-header-actions",
-    /**
-     * Class name of the maximize button element
-     */
-    pcMaximizeButton = "h-dialog-maximize-button",
-    /**
-     * Class name of the close button element
-     */
-    pcCloseButton = "h-dialog-close-button",
-    /**
-     * Class name of the content element
-     */
-    content = "h-dialog-content",
-    /**
-     * Class name of the footer element
-     */
-    footer = "h-dialog-footer"
-}
-declare class DialogStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        mask: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-overlay-mask': any;
-        })[];
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-dialog-maximized': any;
-        })[];
-        header: string;
-        title: string;
-        resizeHandle: string;
-        headerActions: string;
-        pcMaximizeButton: string;
-        pcCloseButton: string;
-        content: () => string[];
-        footer: string;
-    };
-    inlineStyles: {
-        mask: ({ instance }: {
-            instance: any;
-        }) => {
-            position: string;
-            height: string;
-            width: string;
-            left: number;
-            top: number;
-            display: string;
-            justifyContent: string;
-            alignItems: string;
-            pointerEvents: string;
-        };
-        root: {
-            display: string;
-            flexDirection: string;
-            pointerEvents: string;
-        };
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+export declare enum DialogClasses {
+  /**
+   * Class name of the mask element
+   */
+  mask = "h-dialog-mask",
+  /**
+   * Class name of the root element
+   */
+  root = "h-dialog",
+  /**
+   * Class name of the header element
+   */
+  header = "h-dialog-header",
+  /**
+   * Class name of the title element
+   */
+  title = "h-dialog-title",
+  /**
+   * Class name of the header actions element
+   */
+  headerActions = "h-dialog-header-actions",
+  /**
+   * Class name of the maximize button element
+   */
+  pcMaximizeButton = "h-dialog-maximize-button",
+  /**
+   * Class name of the close button element
+   */
+  pcCloseButton = "h-dialog-close-button",
+  /**
+   * Class name of the content element
+   */
+  content = "h-dialog-content",
+  /**
+   * Class name of the footer element
+   */
+  footer = "h-dialog-footer"
 }
-interface DialogStyle extends BaseStyle {
-}
-
+export interface DialogStyle extends BaseStyle {}
 /**
  * Dialog is a container to display content in an overlay window.
  * @group Components
  */
-declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit, AfterContentInit, OnDestroy {
-    componentName: string;
-    readonly hostName: _angular_core.InputSignal<string>;
-    $pcDialog: Dialog | undefined;
-    bindDirectiveInstance: Bind;
-    onAfterViewChecked(): void;
-    /**
-     * Title text of the dialog.
-     * @group Props
-     */
-    readonly header: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Enables dragging to change the position using header.
-     * @group Props
-     */
-    readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Enables resizing of the content.
-     * @group Props
-     */
-    readonly resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Style of the content section.
-     * @group Props
-     */
-    readonly contentStyle: _angular_core.InputSignal<any>;
-    /**
-     * Style class of the content.
-     * @group Props
-     */
-    readonly contentStyleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Defines if background should be blocked when dialog is displayed.
-     * @group Props
-     */
-    readonly modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Specifies if pressing escape key should hide the dialog.
-     * @group Props
-     */
-    readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Specifies if clicking the modal background should hide the dialog.
-     * @group Props
-     */
-    readonly dismissableMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * When enabled dialog is displayed in RTL direction.
-     * @group Props
-     */
-    readonly rtl: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Adds a close icon to the header to hide the dialog.
-     * @group Props
-     */
-    readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Object literal to define widths per screen size.
-     * @group Props
-     */
-    readonly breakpoints: _angular_core.InputSignal<any>;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class of the mask.
-     * @group Props
-     */
-    readonly maskStyleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style of the mask.
-     * @group Props
-     */
-    readonly maskStyle: _angular_core.InputSignal<{
-        [klass: string]: any;
-    } | null | undefined>;
-    /**
-     * Whether to show the header or not.
-     * @group Props
-     */
-    readonly showHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether background scroll should be blocked when dialog is visible.
-     * @group Props
-     */
-    readonly blockScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    readonly autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    readonly baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Minimum value for the left coordinate of dialog in dragging.
-     * @group Props
-     */
-    readonly minX: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Minimum value for the top coordinate of dialog in dragging.
-     * @group Props
-     */
-    readonly minY: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * When enabled, first focusable element receives focus on show.
-     * @group Props
-     */
-    readonly focusOnShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether the dialog can be displayed full screen.
-     * @group Props
-     */
-    readonly maximizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Keeps dialog in the viewport.
-     * @group Props
-     */
-    readonly keepInViewport: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * When enabled, can only focus on elements inside the dialog.
-     * @group Props
-     */
-    readonly focusTrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Transition options of the animation.
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     * @group Props
-     */
-    readonly transitionOptions: _angular_core.InputSignal<string>;
-    /**
-     * The motion options for the mask.
-     * @group Props
-     */
-    maskMotionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
-    computedMaskMotionOptions: _angular_core.Signal<MotionOptions>;
-    /**
-     * The motion options.
-     * @group Props
-     */
-    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
-    computedMotionOptions: _angular_core.Signal<MotionOptions>;
-    /**
-     * Name of the close icon.
-     * @group Props
-     */
-    readonly closeIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Defines a string that labels the close button for accessibility.
-     * @group Props
-     */
-    readonly closeAriaLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Index of the close button in tabbing order.
-     * @group Props
-     */
-    readonly closeTabindex: _angular_core.InputSignal<string>;
-    /**
-     * Name of the minimize icon.
-     * @group Props
-     */
-    readonly minimizeIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Name of the maximize icon.
-     * @group Props
-     */
-    readonly maximizeIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Used to pass all properties of the ButtonProps to the Button component.
-     * @group Props
-     */
-    readonly closeButtonProps: _angular_core.InputSignal<ButtonProps>;
-    /**
-     * Used to pass all properties of the ButtonProps to the Button component.
-     * @group Props
-     */
-    readonly maximizeButtonProps: _angular_core.InputSignal<ButtonProps>;
-    /**
-     * Specifies the visibility of the dialog.
-     * @group Props
-     */
-    readonly visible: _angular_core.ModelSignal<boolean>;
-    _visibleEffect: _angular_core.EffectRef;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    readonly style: _angular_core.InputSignal<any>;
-    _styleEffect: _angular_core.EffectRef;
-    /**
-     * Position of the dialog.
-     * @group Props
-     */
-    readonly position: _angular_core.InputSignal<"left" | "topleft" | "bottomleft" | "right" | "topright" | "bottomright" | "center" | "top" | "bottom">;
-    /**
-     * Role attribute of html element.
-     * @group Emits
-     */
-    readonly role: _angular_core.InputSignal<string>;
-    /**
-     * 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>;
-    /**
-     * Callback to invoke when dialog is shown.
-     * @group Emits
-     */
-    readonly onShow: _angular_core.OutputEmitterRef<any>;
-    /**
-     * Callback to invoke when dialog is hidden.
-     * @group Emits
-     */
-    readonly onHide: _angular_core.OutputEmitterRef<any>;
-    /**
-     * Callback to invoke when dialog resizing is initiated.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    readonly onResizeInit: _angular_core.OutputEmitterRef<MouseEvent>;
-    /**
-     * Callback to invoke when dialog resizing is completed.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    readonly onResizeEnd: _angular_core.OutputEmitterRef<MouseEvent>;
-    /**
-     * Callback to invoke when dialog dragging is completed.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    readonly onDragEnd: _angular_core.OutputEmitterRef<DragEvent>;
-    /**
-     * Callback to invoke when dialog maximized or unmaximized.
-     * @group Emits
-     */
-    readonly onMaximize: _angular_core.OutputEmitterRef<any>;
-    readonly headerViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
-    readonly contentViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
-    readonly footerViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
-    /**
-     * Header template.
-     * @group Templates
-     */
-    readonly headerTemplate: _angular_core.InputSignal<TemplateRef<void> | undefined>;
-    /**
-     * Content template.
-     * @group Templates
-     */
-    readonly contentTemplate: _angular_core.InputSignal<TemplateRef<void> | undefined>;
-    /**
-     * Footer template.
-     * @group Templates
-     */
-    readonly footerTemplate: _angular_core.InputSignal<TemplateRef<void> | undefined>;
-    /**
-     * Close icon template.
-     * @group Templates
-     */
-    readonly closeIconTemplate: _angular_core.InputSignal<TemplateRef<void> | undefined>;
-    /**
-     * Maximize icon template.
-     * @group Templates
-     */
-    readonly maximizeIconTemplate: _angular_core.InputSignal<TemplateRef<void> | undefined>;
-    /**
-     * Minimize icon template.
-     * @group Templates
-     */
-    readonly minimizeIconTemplate: _angular_core.InputSignal<TemplateRef<void> | undefined>;
-    /**
-     * Headless template.
-     * @group Templates
-     */
-    readonly headlessTemplate: _angular_core.InputSignal<TemplateRef<void> | undefined>;
-    /**
-     * Custom header template.
-     * @group Templates
-     */
-    readonly _headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom content template.
-     * @group Templates
-     */
-    readonly _contentTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom footer template.
-     * @group Templates
-     */
-    readonly _footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom close icon template.
-     * @group Templates
-     */
-    readonly _closeiconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom maximize icon template.
-     * @group Templates
-     */
-    readonly _maximizeiconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom minimize icon template.
-     * @group Templates
-     */
-    readonly _minimizeiconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Custom headless template.
-     * @group Templates
-     */
-    readonly _headlessTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    $appendTo: _angular_core.Signal<any>;
-    renderMask: _angular_core.WritableSignal<boolean>;
-    renderDialog: _angular_core.WritableSignal<boolean>;
-    maskVisible: boolean | undefined;
-    container: _angular_core.WritableSignal<Nullable<HTMLElement>>;
-    wrapper: Nullable<HTMLElement>;
-    dragging: boolean | undefined;
-    ariaLabelledBy: string | null;
-    documentDragListener: VoidListener;
-    documentDragEndListener: VoidListener;
-    resizing: boolean | undefined;
-    documentResizeListener: VoidListener;
-    documentResizeEndListener: VoidListener;
-    documentEscapeListener: VoidListener;
-    maskClickListener: VoidListener;
-    lastPageX: number | undefined;
-    lastPageY: number | undefined;
-    preventVisibleChangePropagation: boolean | undefined;
-    maximized: boolean | undefined;
-    preMaximizeContentHeight: number | undefined;
-    preMaximizeContainerWidth: number | undefined;
-    preMaximizeContainerHeight: number | undefined;
-    preMaximizePageX: number | undefined;
-    preMaximizePageY: number | undefined;
-    id: string;
-    _style: any;
-    originalStyle: any;
-    transformOptions: any;
-    styleElement: any;
-    private window;
-    _componentStyle: DialogStyle;
-    headerT: TemplateRef<void> | undefined;
-    contentT: TemplateRef<void> | undefined;
-    footerT: TemplateRef<void> | undefined;
-    closeIconT: TemplateRef<void> | undefined;
-    maximizeIconT: TemplateRef<void> | undefined;
-    minimizeIconT: TemplateRef<void> | undefined;
-    headlessT: TemplateRef<void> | undefined;
-    private zIndexForLayering?;
-    get maximizeLabel(): string;
-    get minimizeLabel(): string;
-    zone: NgZone;
-    private overlayService;
-    get maskClass(): {
-        [x: string]: string | boolean | undefined;
-        'h-dialog-mask': boolean;
-        'h-overlay-mask': boolean;
-    };
-    onInit(): void;
-    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
-    onAfterContentInit(): void;
-    getAriaLabelledBy(): string | null;
-    parseDurationToMilliseconds(durationString: string): number | undefined;
-    _focus(focusParentElement?: HTMLElement): boolean;
-    focus(focusParentElement?: HTMLElement): void;
-    close(event: Event): void;
-    enableModality(): void;
-    disableModality(): void;
-    maximize(): void;
-    unbindMaskClickListener(): void;
-    moveOnTop(): void;
-    createStyle(): void;
-    initDrag(event: MouseEvent): void;
-    onDrag(event: MouseEvent): void;
-    endDrag(event: DragEvent): void;
-    resetPosition(): void;
-    center(): void;
-    initResize(event: MouseEvent): void;
-    onResize(event: MouseEvent): void;
-    resizeEnd(event: MouseEvent): void;
-    bindGlobalListeners(): void;
-    unbindGlobalListeners(): void;
-    bindDocumentDragListener(): void;
-    unbindDocumentDragListener(): void;
-    bindDocumentDragEndListener(): void;
-    unbindDocumentDragEndListener(): void;
-    bindDocumentResizeListeners(): void;
-    unbindDocumentResizeListeners(): void;
-    bindDocumentEscapeListener(): void;
-    unbindDocumentEscapeListener(): void;
-    appendContainer(): void;
-    restoreAppend(): void;
-    onBeforeEnter(event: MotionEvent): void;
-    onAfterEnter(): void;
-    onBeforeLeave(): void;
-    onAfterLeave(): void;
-    onMaskAfterLeave(): void;
-    onContainerDestroy(): void;
-    destroyStyle(): void;
-    onDestroy(): void;
-    get dataP(): string | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "h-dialog", never, { "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; "isSignal": true; }; "rtl": { "alias": "rtl"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "maskStyleClass": { "alias": "maskStyleClass"; "required": false; "isSignal": true; }; "maskStyle": { "alias": "maskStyle"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "minX": { "alias": "minX"; "required": false; "isSignal": true; }; "minY": { "alias": "minY"; "required": false; "isSignal": true; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; "isSignal": true; }; "maximizable": { "alias": "maximizable"; "required": false; "isSignal": true; }; "keepInViewport": { "alias": "keepInViewport"; "required": false; "isSignal": true; }; "focusTrap": { "alias": "focusTrap"; "required": false; "isSignal": true; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; "isSignal": true; }; "maskMotionOptions": { "alias": "maskMotionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "closeTabindex": { "alias": "closeTabindex"; "required": false; "isSignal": true; }; "minimizeIcon": { "alias": "minimizeIcon"; "required": false; "isSignal": true; }; "maximizeIcon": { "alias": "maximizeIcon"; "required": false; "isSignal": true; }; "closeButtonProps": { "alias": "closeButtonProps"; "required": false; "isSignal": true; }; "maximizeButtonProps": { "alias": "maximizeButtonProps"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "content"; "required": false; "isSignal": true; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "closeIconTemplate": { "alias": "closeIconTemplate"; "required": false; "isSignal": true; }; "maximizeIconTemplate": { "alias": "maximizeIconTemplate"; "required": false; "isSignal": true; }; "minimizeIconTemplate": { "alias": "minimizeIconTemplate"; "required": false; "isSignal": true; }; "headlessTemplate": { "alias": "headlessTemplate"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onShow": "onShow"; "onHide": "onHide"; "onResizeInit": "onResizeInit"; "onResizeEnd": "onResizeEnd"; "onDragEnd": "onDragEnd"; "onMaximize": "onMaximize"; }, ["_headerTemplate", "_contentTemplate", "_footerTemplate", "_closeiconTemplate", "_maximizeiconTemplate", "_minimizeiconTemplate", "_headlessTemplate", "templates"], ["*", "h-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
-}
-declare class DialogModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DialogModule, never, [typeof Dialog, typeof i2.SharedModule], [typeof Dialog, typeof i2.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DialogModule>;
+export declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit, AfterContentInit, OnDestroy {
+  componentName: string;
+  readonly hostName: import("@angular/core").InputSignal<string>;
+  $pcDialog: Dialog | undefined;
+  bindDirectiveInstance: Bind;
+  onAfterViewChecked(): void;
+  /**
+   * Title text of the dialog.
+   * @group Props
+   */
+  readonly header: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Enables dragging to change the position using header.
+   * @group Props
+   */
+  readonly draggable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Enables resizing of the content.
+   * @group Props
+   */
+  readonly resizable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Style of the content section.
+   * @group Props
+   */
+  readonly contentStyle: import("@angular/core").InputSignal<any>;
+  /**
+   * Style class of the content.
+   * @group Props
+   */
+  readonly contentStyleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines if background should be blocked when dialog is displayed.
+   * @group Props
+   */
+  readonly modal: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Specifies if pressing escape key should hide the dialog.
+   * @group Props
+   */
+  readonly closeOnEscape: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Specifies if clicking the modal background should hide the dialog.
+   * @group Props
+   */
+  readonly dismissableMask: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * When enabled dialog is displayed in RTL direction.
+   * @group Props
+   */
+  readonly rtl: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Adds a close icon to the header to hide the dialog.
+   * @group Props
+   */
+  readonly closable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Object literal to define widths per screen size.
+   * @group Props
+   */
+  readonly breakpoints: import("@angular/core").InputSignal<any>;
+  /**
+   * Style class of the component.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class of the mask.
+   * @group Props
+   */
+  readonly maskStyleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style of the mask.
+   * @group Props
+   */
+  readonly maskStyle: import("@angular/core").InputSignal<{
+    [klass: string]: any;
+  } | null | undefined>;
+  /**
+   * Whether to show the header or not.
+   * @group Props
+   */
+  readonly showHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether background scroll should be blocked when dialog is visible.
+   * @group Props
+   */
+  readonly blockScroll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether to automatically manage layering.
+   * @group Props
+   */
+  readonly autoZIndex: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Base zIndex value to use in layering.
+   * @group Props
+   */
+  readonly baseZIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Minimum value for the left coordinate of dialog in dragging.
+   * @group Props
+   */
+  readonly minX: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Minimum value for the top coordinate of dialog in dragging.
+   * @group Props
+   */
+  readonly minY: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * When enabled, first focusable element receives focus on show.
+   * @group Props
+   */
+  readonly focusOnShow: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether the dialog can be displayed full screen.
+   * @group Props
+   */
+  readonly maximizable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Keeps dialog in the viewport.
+   * @group Props
+   */
+  readonly keepInViewport: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * When enabled, can only focus on elements inside the dialog.
+   * @group Props
+   */
+  readonly focusTrap: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Transition options of the animation.
+   * @deprecated since v21.0.0. Use `motionOptions` instead.
+   * @group Props
+   */
+  readonly transitionOptions: import("@angular/core").InputSignal<string>;
+  /**
+   * The motion options for the mask.
+   * @group Props
+   */
+  maskMotionOptions: import("@angular/core").InputSignal<MotionOptions | undefined>;
+  computedMaskMotionOptions: import("@angular/core").Signal<MotionOptions>;
+  /**
+   * The motion options.
+   * @group Props
+   */
+  motionOptions: import("@angular/core").InputSignal<MotionOptions | undefined>;
+  computedMotionOptions: import("@angular/core").Signal<MotionOptions>;
+  /**
+   * Name of the close icon.
+   * @group Props
+   */
+  readonly closeIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines a string that labels the close button for accessibility.
+   * @group Props
+   */
+  readonly closeAriaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Index of the close button in tabbing order.
+   * @group Props
+   */
+  readonly closeTabindex: import("@angular/core").InputSignal<string>;
+  /**
+   * Name of the minimize icon.
+   * @group Props
+   */
+  readonly minimizeIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Name of the maximize icon.
+   * @group Props
+   */
+  readonly maximizeIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Used to pass all properties of the ButtonProps to the Button component.
+   * @group Props
+   */
+  readonly closeButtonProps: import("@angular/core").InputSignal<ButtonProps>;
+  /**
+   * Used to pass all properties of the ButtonProps to the Button component.
+   * @group Props
+   */
+  readonly maximizeButtonProps: import("@angular/core").InputSignal<ButtonProps>;
+  /**
+   * Specifies the visibility of the dialog.
+   * @group Props
+   */
+  readonly visible: import("@angular/core").ModelSignal<boolean>;
+  _visibleEffect: import("@angular/core").EffectRef;
+  /**
+   * Inline style of the component.
+   * @group Props
+   */
+  readonly style: import("@angular/core").InputSignal<any>;
+  _styleEffect: import("@angular/core").EffectRef;
+  /**
+   * Position of the dialog.
+   * @group Props
+   */
+  readonly position: import("@angular/core").InputSignal<"left" | "topleft" | "bottomleft" | "right" | "topright" | "bottomright" | "center" | "top" | "bottom">;
+  /**
+   * Role attribute of html element.
+   * @group Emits
+   */
+  readonly role: import("@angular/core").InputSignal<string>;
+  /**
+   * 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: import("@angular/core").InputSignal<any>;
+  /**
+   * Callback to invoke when dialog is shown.
+   * @group Emits
+   */
+  readonly onShow: import("@angular/core").OutputEmitterRef<any>;
+  /**
+   * Callback to invoke when dialog is hidden.
+   * @group Emits
+   */
+  readonly onHide: import("@angular/core").OutputEmitterRef<any>;
+  /**
+   * Callback to invoke when dialog resizing is initiated.
+   * @param {MouseEvent} event - Mouse event.
+   * @group Emits
+   */
+  readonly onResizeInit: import("@angular/core").OutputEmitterRef<MouseEvent>;
+  /**
+   * Callback to invoke when dialog resizing is completed.
+   * @param {MouseEvent} event - Mouse event.
+   * @group Emits
+   */
+  readonly onResizeEnd: import("@angular/core").OutputEmitterRef<MouseEvent>;
+  /**
+   * Callback to invoke when dialog dragging is completed.
+   * @param {DragEvent} event - Drag event.
+   * @group Emits
+   */
+  readonly onDragEnd: import("@angular/core").OutputEmitterRef<DragEvent>;
+  /**
+   * Callback to invoke when dialog maximized or unmaximized.
+   * @group Emits
+   */
+  readonly onMaximize: import("@angular/core").OutputEmitterRef<any>;
+  readonly headerViewChild: import("@angular/core").Signal<Nullable<ElementRef<any>>>;
+  readonly contentViewChild: import("@angular/core").Signal<Nullable<ElementRef<any>>>;
+  readonly footerViewChild: import("@angular/core").Signal<Nullable<ElementRef<any>>>;
+  /**
+   * Header template.
+   * @group Templates
+   */
+  readonly headerTemplate: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
+  /**
+   * Content template.
+   * @group Templates
+   */
+  readonly contentTemplate: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
+  /**
+   * Footer template.
+   * @group Templates
+   */
+  readonly footerTemplate: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
+  /**
+   * Close icon template.
+   * @group Templates
+   */
+  readonly closeIconTemplate: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
+  /**
+   * Maximize icon template.
+   * @group Templates
+   */
+  readonly maximizeIconTemplate: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
+  /**
+   * Minimize icon template.
+   * @group Templates
+   */
+  readonly minimizeIconTemplate: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
+  /**
+   * Headless template.
+   * @group Templates
+   */
+  readonly headlessTemplate: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
+  /**
+   * Custom header template.
+   * @group Templates
+   */
+  readonly _headerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom content template.
+   * @group Templates
+   */
+  readonly _contentTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom footer template.
+   * @group Templates
+   */
+  readonly _footerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom close icon template.
+   * @group Templates
+   */
+  readonly _closeiconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom maximize icon template.
+   * @group Templates
+   */
+  readonly _maximizeiconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom minimize icon template.
+   * @group Templates
+   */
+  readonly _minimizeiconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom headless template.
+   * @group Templates
+   */
+  readonly _headlessTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  $appendTo: import("@angular/core").Signal<any>;
+  renderMask: import("@angular/core").WritableSignal<boolean>;
+  renderDialog: import("@angular/core").WritableSignal<boolean>;
+  maskVisible: boolean | undefined;
+  container: import("@angular/core").WritableSignal<Nullable<HTMLElement>>;
+  wrapper: Nullable<HTMLElement>;
+  dragging: boolean | undefined;
+  ariaLabelledBy: string | null;
+  documentDragListener: VoidListener;
+  documentDragEndListener: VoidListener;
+  resizing: boolean | undefined;
+  documentResizeListener: VoidListener;
+  documentResizeEndListener: VoidListener;
+  documentEscapeListener: VoidListener;
+  maskClickListener: VoidListener;
+  lastPageX: number | undefined;
+  lastPageY: number | undefined;
+  preventVisibleChangePropagation: boolean | undefined;
+  maximized: boolean | undefined;
+  preMaximizeContentHeight: number | undefined;
+  preMaximizeContainerWidth: number | undefined;
+  preMaximizeContainerHeight: number | undefined;
+  preMaximizePageX: number | undefined;
+  preMaximizePageY: number | undefined;
+  id: string;
+  _style: any;
+  originalStyle: any;
+  transformOptions: any;
+  styleElement: any;
+  private window;
+  _componentStyle: DialogStyle;
+  headerT: TemplateRef<void> | undefined;
+  contentT: TemplateRef<void> | undefined;
+  footerT: TemplateRef<void> | undefined;
+  closeIconT: TemplateRef<void> | undefined;
+  maximizeIconT: TemplateRef<void> | undefined;
+  minimizeIconT: TemplateRef<void> | undefined;
+  headlessT: TemplateRef<void> | undefined;
+  private zIndexForLayering?;
+  get maximizeLabel(): string;
+  get minimizeLabel(): string;
+  zone: NgZone;
+  private overlayService;
+  get maskClass(): {
+    [x: string]: string | boolean | undefined;
+    'h-dialog-mask': boolean;
+    'h-overlay-mask': boolean;
+  };
+  onInit(): void;
+  readonly templates: import("@angular/core").Signal<readonly HelixTemplate[]>;
+  onAfterContentInit(): void;
+  getAriaLabelledBy(): string | null;
+  parseDurationToMilliseconds(durationString: string): number | undefined;
+  _focus(focusParentElement?: HTMLElement): boolean;
+  focus(focusParentElement?: HTMLElement): void;
+  close(event: Event): void;
+  enableModality(): void;
+  disableModality(): void;
+  maximize(): void;
+  unbindMaskClickListener(): void;
+  moveOnTop(): void;
+  createStyle(): void;
+  initDrag(event: MouseEvent): void;
+  onDrag(event: MouseEvent): void;
+  endDrag(event: DragEvent): void;
+  resetPosition(): void;
+  center(): void;
+  initResize(event: MouseEvent): void;
+  onResize(event: MouseEvent): void;
+  resizeEnd(event: MouseEvent): void;
+  bindGlobalListeners(): void;
+  unbindGlobalListeners(): void;
+  bindDocumentDragListener(): void;
+  unbindDocumentDragListener(): void;
+  bindDocumentDragEndListener(): void;
+  unbindDocumentDragEndListener(): void;
+  bindDocumentResizeListeners(): void;
+  unbindDocumentResizeListeners(): void;
+  bindDocumentEscapeListener(): void;
+  unbindDocumentEscapeListener(): void;
+  appendContainer(): void;
+  restoreAppend(): void;
+  onBeforeEnter(event: MotionEvent): void;
+  onAfterEnter(): void;
+  onBeforeLeave(): void;
+  onAfterLeave(): void;
+  onMaskAfterLeave(): void;
+  onContainerDestroy(): void;
+  destroyStyle(): void;
+  onDestroy(): void;
+  get dataP(): string | undefined;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Dialog, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Dialog, "h-dialog", never, {
+    "hostName": {
+      "alias": "hostName";
+      "required": false;
+      "isSignal": true;
+    };
+    "header": {
+      "alias": "header";
+      "required": false;
+      "isSignal": true;
+    };
+    "draggable": {
+      "alias": "draggable";
+      "required": false;
+      "isSignal": true;
+    };
+    "resizable": {
+      "alias": "resizable";
+      "required": false;
+      "isSignal": true;
+    };
+    "contentStyle": {
+      "alias": "contentStyle";
+      "required": false;
+      "isSignal": true;
+    };
+    "contentStyleClass": {
+      "alias": "contentStyleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "modal": {
+      "alias": "modal";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeOnEscape": {
+      "alias": "closeOnEscape";
+      "required": false;
+      "isSignal": true;
+    };
+    "dismissableMask": {
+      "alias": "dismissableMask";
+      "required": false;
+      "isSignal": true;
+    };
+    "rtl": {
+      "alias": "rtl";
+      "required": false;
+      "isSignal": true;
+    };
+    "closable": {
+      "alias": "closable";
+      "required": false;
+      "isSignal": true;
+    };
+    "breakpoints": {
+      "alias": "breakpoints";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "maskStyleClass": {
+      "alias": "maskStyleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "maskStyle": {
+      "alias": "maskStyle";
+      "required": false;
+      "isSignal": true;
+    };
+    "showHeader": {
+      "alias": "showHeader";
+      "required": false;
+      "isSignal": true;
+    };
+    "blockScroll": {
+      "alias": "blockScroll";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoZIndex": {
+      "alias": "autoZIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "baseZIndex": {
+      "alias": "baseZIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "minX": {
+      "alias": "minX";
+      "required": false;
+      "isSignal": true;
+    };
+    "minY": {
+      "alias": "minY";
+      "required": false;
+      "isSignal": true;
+    };
+    "focusOnShow": {
+      "alias": "focusOnShow";
+      "required": false;
+      "isSignal": true;
+    };
+    "maximizable": {
+      "alias": "maximizable";
+      "required": false;
+      "isSignal": true;
+    };
+    "keepInViewport": {
+      "alias": "keepInViewport";
+      "required": false;
+      "isSignal": true;
+    };
+    "focusTrap": {
+      "alias": "focusTrap";
+      "required": false;
+      "isSignal": true;
+    };
+    "transitionOptions": {
+      "alias": "transitionOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "maskMotionOptions": {
+      "alias": "maskMotionOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "motionOptions": {
+      "alias": "motionOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeIcon": {
+      "alias": "closeIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeAriaLabel": {
+      "alias": "closeAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeTabindex": {
+      "alias": "closeTabindex";
+      "required": false;
+      "isSignal": true;
+    };
+    "minimizeIcon": {
+      "alias": "minimizeIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "maximizeIcon": {
+      "alias": "maximizeIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeButtonProps": {
+      "alias": "closeButtonProps";
+      "required": false;
+      "isSignal": true;
+    };
+    "maximizeButtonProps": {
+      "alias": "maximizeButtonProps";
+      "required": false;
+      "isSignal": true;
+    };
+    "visible": {
+      "alias": "visible";
+      "required": false;
+      "isSignal": true;
+    };
+    "style": {
+      "alias": "style";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "role": {
+      "alias": "role";
+      "required": false;
+      "isSignal": true;
+    };
+    "appendTo": {
+      "alias": "appendTo";
+      "required": false;
+      "isSignal": true;
+    };
+    "headerTemplate": {
+      "alias": "content";
+      "required": false;
+      "isSignal": true;
+    };
+    "contentTemplate": {
+      "alias": "contentTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "footerTemplate": {
+      "alias": "footerTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeIconTemplate": {
+      "alias": "closeIconTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "maximizeIconTemplate": {
+      "alias": "maximizeIconTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "minimizeIconTemplate": {
+      "alias": "minimizeIconTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "headlessTemplate": {
+      "alias": "headlessTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "visible": "visibleChange";
+    "onShow": "onShow";
+    "onHide": "onHide";
+    "onResizeInit": "onResizeInit";
+    "onResizeEnd": "onResizeEnd";
+    "onDragEnd": "onDragEnd";
+    "onMaximize": "onMaximize";
+  }, ["_headerTemplate", "_contentTemplate", "_footerTemplate", "_closeiconTemplate", "_maximizeiconTemplate", "_minimizeiconTemplate", "_headlessTemplate", "templates"], ["*", "h-footer"], true, [{
+    directive: typeof i1.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { Dialog, DialogClasses, DialogModule, DialogStyle };
+export declare class DialogModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<DialogModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, never, [typeof Dialog, typeof i2.SharedModule], [typeof Dialog, typeof i2.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<DialogModule>;
+}