cax-design-system 3.0.0 → 3.0.2

package/organizationchart/index.d.ts

@@ -1,5 +1,194 @@
+import * as rxjs from 'rxjs';
+import { Subscription } from 'rxjs';
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterContentInit, ElementRef, ChangeDetectorRef, EventEmitter, QueryList, OnDestroy } from '@angular/core';
+import * as i4 from 'cax-design-system/api';
+import { TreeNode, CaxTemplate } from 'cax-design-system/api';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import * as i1 from '@angular/common';
+import * as i2 from 'cax-design-system/icons/chevrondown';
+import * as i3 from 'cax-design-system/icons/chevronup';
+
 /**
- * Generated bundle index. Do not edit.
+ * Custom node select event.
+ * @see {@link OrganizationChart.onNodeSelect}
+ * @group Events
  */
-/// <amd-module name="cax-design-system/organizationchart" />
-export * from './public_api';
+interface OrganizationChartNodeSelectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Node instance.
+     */
+    node: TreeNode;
+}
+/**
+ * Custom node unselect event.
+ * @see {@link OrganizationChart.onNodeUnSelect}
+ * @extends {OrganizationChartNodeSelectEvent}
+ * @group Events
+ */
+interface OrganizationChartNodeUnSelectEvent extends OrganizationChartNodeSelectEvent {
+}
+/**
+ * Custom node expand event.
+ * @see {@link OrganizationChart.onNodeExpand}
+ * @extends {OrganizationChartNodeSelectEvent}
+ * @group Events
+ */
+interface OrganizationChartNodeExpandEvent extends OrganizationChartNodeSelectEvent {
+}
+/**
+ * Custom node collapse event.
+ * @see {@link OrganizationChart.onNodeCollapse}
+ * @extends {OrganizationChartNodeSelectEvent}
+ * @group Events
+ */
+interface OrganizationChartNodeCollapseEvent extends OrganizationChartNodeSelectEvent {
+}
+/**
+ * Defines valid templates in OrganizationChart.
+ * @group Templates
+ */
+interface OrganizationChartTemplates {
+    /**
+     * Custom toggler icon template.
+     * @param {Object} context - item data.
+     */
+    togglericon(context: {
+        /**
+         * Expanded state of the node.
+         */
+        $implicit: boolean;
+    }): TemplateRef<{
+        $implicit: boolean;
+    }>;
+}
+
+declare class OrganizationChartNode implements OnDestroy {
+    cd: ChangeDetectorRef;
+    node: TreeNode<any> | undefined;
+    root: boolean | undefined;
+    first: boolean | undefined;
+    last: boolean | undefined;
+    collapsible: boolean | undefined;
+    chart: OrganizationChart;
+    subscription: Subscription;
+    constructor(chart: OrganizationChart, cd: ChangeDetectorRef);
+    get leaf(): boolean | undefined;
+    get colspan(): number;
+    onNodeClick(event: Event, node: TreeNode): void;
+    toggleNode(event: Event, node: TreeNode): void;
+    isSelected(): boolean;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrganizationChartNode, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationChartNode, "[pOrganizationChartNode]", never, { "node": { "alias": "node"; "required": false; }; "root": { "alias": "root"; "required": false; }; "first": { "alias": "first"; "required": false; }; "last": { "alias": "last"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_root: unknown;
+    static ngAcceptInputType_first: unknown;
+    static ngAcceptInputType_last: unknown;
+    static ngAcceptInputType_collapsible: unknown;
+}
+/**
+ * OrganizationChart visualizes hierarchical organization data.
+ * @group Components
+ */
+declare class OrganizationChart implements AfterContentInit {
+    el: ElementRef;
+    cd: ChangeDetectorRef;
+    /**
+     * An array of nested TreeNodes.
+     * @group Props
+     */
+    value: TreeNode[] | undefined;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Defines the selection mode.
+     * @group Props
+     */
+    selectionMode: 'single' | 'multiple' | null | undefined;
+    /**
+     * Whether the nodes can be expanded or toggled.
+     * @group Props
+     */
+    collapsible: boolean | undefined;
+    /**
+     * Whether the space allocated by a node is preserved when hidden.
+     * @group Props
+     */
+    preserveSpace: boolean;
+    /**
+     * A single treenode instance or an array to refer to the selections.
+     * @group Props
+     */
+    get selection(): any;
+    set selection(val: any);
+    /**
+     * Callback to invoke on selection change.
+     * @param {*} any - selected value.
+     * @group Emits
+     */
+    selectionChange: EventEmitter<any>;
+    /**
+     * Callback to invoke when a node is selected.
+     * @param {OrganizationChartNodeSelectEvent} event - custom node select event.
+     * @group Emits
+     */
+    onNodeSelect: EventEmitter<OrganizationChartNodeSelectEvent>;
+    /**
+     * Callback to invoke when a node is unselected.
+     * @param {OrganizationChartNodeUnSelectEvent} event - custom node unselect event.
+     * @group Emits
+     */
+    onNodeUnselect: EventEmitter<OrganizationChartNodeUnSelectEvent>;
+    /**
+     * Callback to invoke when a node is expanded.
+     * @param {OrganizationChartNodeExpandEvent} event - custom node expand event.
+     * @group Emits
+     */
+    onNodeExpand: EventEmitter<OrganizationChartNodeExpandEvent>;
+    /**
+     * Callback to invoke when a node is collapsed.
+     * @param {OrganizationChartNodeCollapseEvent} event - custom node collapse event.
+     * @group Emits
+     */
+    onNodeCollapse: EventEmitter<OrganizationChartNodeCollapseEvent>;
+    templates: Nullable<QueryList<CaxTemplate>>;
+    templateMap: any;
+    togglerIconTemplate: Nullable<TemplateRef<any>>;
+    private selectionSource;
+    _selection: any;
+    initialized: Nullable<boolean>;
+    selectionSource$: rxjs.Observable<any>;
+    constructor(el: ElementRef, cd: ChangeDetectorRef);
+    get root(): TreeNode<any> | null;
+    ngAfterContentInit(): void;
+    getTemplateForNode(node: TreeNode): TemplateRef<any> | null;
+    onNodeClick(event: Event, node: TreeNode): void;
+    findIndexInSelection(node: TreeNode): number;
+    isSelected(node: TreeNode): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrganizationChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationChart, "p-organizationChart", never, { "value": { "alias": "value"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "preserveSpace": { "alias": "preserveSpace"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "selectionChange": "selectionChange"; "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; }, ["templates"], never, false, never>;
+    static ngAcceptInputType_collapsible: unknown;
+    static ngAcceptInputType_preserveSpace: unknown;
+}
+declare class OrganizationChartModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrganizationChartModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OrganizationChartModule, [typeof OrganizationChart, typeof OrganizationChartNode], [typeof i1.CommonModule, typeof i2.ChevronDownIcon, typeof i3.ChevronUpIcon, typeof i4.SharedModule], [typeof OrganizationChart, typeof i4.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OrganizationChartModule>;
+}
+
+export { OrganizationChart, OrganizationChartModule, OrganizationChartNode };
+export type { OrganizationChartNodeCollapseEvent, OrganizationChartNodeExpandEvent, OrganizationChartNodeSelectEvent, OrganizationChartNodeUnSelectEvent, OrganizationChartTemplates };

package/overlay/index.d.ts

@@ -1,5 +1,248 @@
+import * as i2 from 'cax-design-system/api';
+import { OverlayService, OverlayModeType, ResponsiveOverlayOptions, OverlayOptions, OverlayOnBeforeShowEvent, OverlayOnShowEvent, OverlayOnBeforeHideEvent, OverlayOnHideEvent, caxConfig } from 'cax-design-system/api';
+import { AnimationEvent } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { AfterContentInit, OnDestroy, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, QueryList, TemplateRef, NgZone } from '@angular/core';
+
+declare const OVERLAY_VALUE_ACCESSOR: any;
 /**
- * Generated bundle index. Do not edit.
+ * This API allows overlay components to be controlled from the caxConfig. In this way, all overlay components in the application can have the same behavior.
+ * @group Components
  */
-/// <amd-module name="cax-design-system/overlay" />
-export * from './public_api';
+declare class Overlay implements AfterContentInit, OnDestroy {
+    private document;
+    private platformId;
+    el: ElementRef;
+    renderer: Renderer2;
+    private config;
+    overlayService: OverlayService;
+    cd: ChangeDetectorRef;
+    private zone;
+    /**
+     * The visible property is an input that determines the visibility of the component.
+     * @defaultValue false
+     * @group Props
+     */
+    get visible(): boolean;
+    set visible(value: boolean);
+    /**
+     * The mode property is an input that determines the overlay mode type or string.
+     * @defaultValue null
+     * @group Props
+     */
+    get mode(): OverlayModeType | string;
+    set mode(value: OverlayModeType | string);
+    /**
+     * The style property is an input that determines the style object for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    get style(): {
+        [klass: string]: any;
+    } | null | undefined;
+    set style(value: {
+        [klass: string]: any;
+    } | null | undefined);
+    /**
+     * The styleClass property is an input that determines the CSS class(es) for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    get styleClass(): string;
+    set styleClass(value: string);
+    /**
+     * The contentStyle property is an input that determines the style object for the content of the component.
+     * @defaultValue null
+     * @group Props
+     */
+    get contentStyle(): {
+        [klass: string]: any;
+    } | null | undefined;
+    set contentStyle(value: {
+        [klass: string]: any;
+    } | null | undefined);
+    /**
+     * The contentStyleClass property is an input that determines the CSS class(es) for the content of the component.
+     * @defaultValue null
+     * @group Props
+     */
+    get contentStyleClass(): string;
+    set contentStyleClass(value: string);
+    /**
+     * The target property is an input that specifies the target element or selector for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    get target(): string | null | undefined;
+    set target(value: string | null | undefined);
+    /**
+     * Overlay can be mounted into its location, body or DOM element instance using this option.
+     * @defaultValue null
+     * @group Props
+     */
+    get appendTo(): 'body' | HTMLElement | undefined;
+    set appendTo(value: 'body' | HTMLElement | undefined);
+    /**
+     * The autoZIndex determines whether to automatically manage layering. Its default value is 'false'.
+     * @defaultValue false
+     * @group Props
+     */
+    get autoZIndex(): boolean;
+    set autoZIndex(value: boolean);
+    /**
+     * The baseZIndex is base zIndex value to use in layering.
+     * @defaultValue null
+     * @group Props
+     */
+    get baseZIndex(): number;
+    set baseZIndex(value: number);
+    /**
+     * Transition options of the show or hide animation.
+     * @defaultValue .12s cubic-bezier(0, 0, 0.2, 1)
+     * @group Props
+     */
+    get showTransitionOptions(): string;
+    set showTransitionOptions(value: string);
+    /**
+     * The hideTransitionOptions property is an input that determines the CSS transition options for hiding the component.
+     * @defaultValue .1s linear
+     * @group Props
+     */
+    get hideTransitionOptions(): string;
+    set hideTransitionOptions(value: string);
+    /**
+     * The listener property is an input that specifies the listener object for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    get listener(): any;
+    set listener(value: any);
+    /**
+     * It is the option used to determine in which mode it should appear according to the given media or breakpoint.
+     * @defaultValue null
+     * @group Props
+     */
+    get responsive(): ResponsiveOverlayOptions | undefined;
+    set responsive(val: ResponsiveOverlayOptions | undefined);
+    /**
+     * The options property is an input that specifies the overlay options for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    get options(): OverlayOptions | undefined;
+    set options(val: OverlayOptions | undefined);
+    /**
+     * This EventEmitter is used to notify changes in the visibility state of a component.
+     * @param {Boolean} boolean - Value of visibility as boolean.
+     * @group Emits
+     */
+    visibleChange: EventEmitter<boolean>;
+    /**
+     * Callback to invoke before the overlay is shown.
+     * @param {OverlayOnBeforeShowEvent} event - Custom overlay before show event.
+     * @group Emits
+     */
+    onBeforeShow: EventEmitter<OverlayOnBeforeShowEvent>;
+    /**
+     * Callback to invoke when the overlay is shown.
+     * @param {OverlayOnShowEvent} event - Custom overlay show event.
+     * @group Emits
+     */
+    onShow: EventEmitter<OverlayOnShowEvent>;
+    /**
+     * Callback to invoke before the overlay is hidden.
+     * @param {OverlayOnBeforeHideEvent} event - Custom overlay before hide event.
+     * @group Emits
+     */
+    onBeforeHide: EventEmitter<OverlayOnBeforeHideEvent>;
+    /**
+     * Callback to invoke when the overlay is hidden
+     * @param {OverlayOnHideEvent} event - Custom hide event.
+     * @group Emits
+     */
+    onHide: EventEmitter<OverlayOnHideEvent>;
+    /**
+     * Callback to invoke when the animation is started.
+     * @param {AnimationEvent} event - Animation event.
+     * @group Emits
+     */
+    onAnimationStart: EventEmitter<AnimationEvent>;
+    /**
+     * Callback to invoke when the animation is done.
+     * @param {AnimationEvent} event - Animation event.
+     * @group Emits
+     */
+    onAnimationDone: EventEmitter<AnimationEvent>;
+    templates: QueryList<any> | undefined;
+    overlayViewChild: ElementRef | undefined;
+    contentViewChild: ElementRef | undefined;
+    contentTemplate: TemplateRef<any> | undefined;
+    _visible: boolean;
+    _mode: OverlayModeType | string;
+    _style: {
+        [klass: string]: any;
+    } | null | undefined;
+    _styleClass: string | undefined;
+    _contentStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    _contentStyleClass: string | undefined;
+    _target: any;
+    _appendTo: 'body' | HTMLElement | undefined;
+    _autoZIndex: boolean | undefined;
+    _baseZIndex: number | undefined;
+    _showTransitionOptions: string | undefined;
+    _hideTransitionOptions: string | undefined;
+    _listener: any;
+    _responsive: ResponsiveOverlayOptions | undefined;
+    _options: OverlayOptions | undefined;
+    modalVisible: boolean;
+    isOverlayClicked: boolean;
+    isOverlayContentClicked: boolean;
+    scrollHandler: any;
+    documentClickListener: any;
+    documentResizeListener: any;
+    private documentKeyboardListener;
+    private window;
+    protected transformOptions: any;
+    get modal(): boolean;
+    get overlayMode(): string;
+    get overlayOptions(): OverlayOptions;
+    get overlayResponsiveOptions(): ResponsiveOverlayOptions;
+    get overlayResponsiveDirection(): i2.ResponsiveOverlayDirectionType;
+    get overlayEl(): any;
+    get contentEl(): any;
+    get targetEl(): any;
+    constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, config: caxConfig, overlayService: OverlayService, cd: ChangeDetectorRef, zone: NgZone);
+    ngAfterContentInit(): void;
+    show(overlay?: HTMLElement, isFocus?: boolean): void;
+    hide(overlay?: HTMLElement, isFocus?: boolean): void;
+    alignOverlay(): void;
+    onVisibleChange(visible: boolean): void;
+    onOverlayClick(): void;
+    onOverlayContentClick(event: MouseEvent): void;
+    onOverlayContentAnimationStart(event: AnimationEvent): void;
+    onOverlayContentAnimationDone(event: AnimationEvent): void;
+    handleEvents(name: string, params: any): void;
+    bindListeners(): void;
+    unbindListeners(): void;
+    bindScrollListener(): void;
+    unbindScrollListener(): void;
+    bindDocumentClickListener(): void;
+    unbindDocumentClickListener(): void;
+    bindDocumentResizeListener(): void;
+    unbindDocumentResizeListener(): void;
+    bindDocumentKeyboardListener(): void;
+    unbindDocumentKeyboardListener(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Overlay, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Overlay, "cax-overlay", never, { "visible": { "alias": "visible"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "target": { "alias": "target"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "listener": { "alias": "listener"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "visibleChange": "visibleChange"; "onBeforeShow": "onBeforeShow"; "onShow": "onShow"; "onBeforeHide": "onBeforeHide"; "onHide": "onHide"; "onAnimationStart": "onAnimationStart"; "onAnimationDone": "onAnimationDone"; }, ["templates"], ["*"], true, never>;
+}
+
+declare class OverlayModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OverlayModule, never, [typeof Overlay, typeof i2.SharedModule], [typeof Overlay, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OverlayModule>;
+}
+
+export { OVERLAY_VALUE_ACCESSOR, Overlay, OverlayModule };

package/overlaypanel/index.d.ts

@@ -1,5 +1,177 @@
+import { AnimationEvent } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { AfterContentInit, OnDestroy, ElementRef, Renderer2, ChangeDetectorRef, TemplateRef, EventEmitter, QueryList, NgZone } from '@angular/core';
+import * as i2 from 'cax-design-system/api';
+import { caxConfig, OverlayService, CaxTemplate } from 'cax-design-system/api';
+import { ConnectedOverlayScrollHandler } from 'cax-design-system/dom';
+import { Nullable, VoidListener } from 'cax-design-system/ts-helpers';
+import { Subscription } from 'rxjs';
+
 /**
- * Generated bundle index. Do not edit.
+ * OverlayPanel is a container component positioned as connected to its target.
+ * @group Components
  */
-/// <amd-module name="cax-design-system/overlaypanel" />
-export * from './public_api';
+declare class OverlayPanel implements AfterContentInit, OnDestroy {
+    private document;
+    private platformId;
+    el: ElementRef;
+    renderer: Renderer2;
+    cd: ChangeDetectorRef;
+    private zone;
+    config: caxConfig;
+    overlayService: OverlayService;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * Enables to hide the overlay when outside is clicked.
+     * @group Props
+     */
+    dismissable: boolean;
+    /**
+     * When enabled, displays a close icon at top right corner.
+     * @group Props
+     */
+    showCloseIcon: boolean | undefined;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     *  Target element to attach the panel, 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).
+     * @group Props
+     */
+    appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex: boolean;
+    /**
+     * Aria label of the close icon.
+     * @group Props
+     */
+    ariaCloseLabel: string | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex: number;
+    /**
+     * Variant of the panel, can be 'low', 'medium', or 'high'.
+     * @group Props
+     */
+    variant: 'low' | 'medium' | 'high';
+    /**
+     * When enabled, first button receives focus on show.
+     * @group Props
+     */
+    focusOnShow: boolean;
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     */
+    showTransitionOptions: string;
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     */
+    hideTransitionOptions: string;
+    /**
+     * Callback to invoke when an overlay becomes visible.
+     * @group Emits
+     */
+    onShow: EventEmitter<any>;
+    /**
+     * Callback to invoke when an overlay gets hidden.
+     * @group Emits
+     */
+    onHide: EventEmitter<any>;
+    templates: QueryList<CaxTemplate> | undefined;
+    container: Nullable<HTMLDivElement>;
+    overlayVisible: boolean;
+    render: boolean;
+    isOverlayAnimationInProgress: boolean;
+    selfClick: boolean;
+    documentClickListener: VoidListener;
+    target: any;
+    willHide: Nullable<boolean>;
+    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
+    documentResizeListener: VoidListener;
+    contentTemplate: Nullable<TemplateRef<any>>;
+    closeIconTemplate: Nullable<TemplateRef<any>>;
+    destroyCallback: Nullable<Function>;
+    overlayEventListener: Nullable<(event?: any) => void>;
+    overlaySubscription: Subscription | undefined;
+    constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, zone: NgZone, config: caxConfig, overlayService: OverlayService);
+    ngAfterContentInit(): void;
+    bindDocumentClickListener(): void;
+    unbindDocumentClickListener(): void;
+    /**
+     * Toggles the visibility of the panel.
+     * @param {Event} event - Browser event
+     * @param {Target} target - Target element.
+     * @group Method
+     */
+    toggle(event: any, target?: any): void;
+    /**
+     * Displays the panel.
+     * @param {Event} event - Browser event
+     * @param {Target} target - Target element.
+     * @group Method
+     */
+    show(event: any, target?: any): void;
+    onOverlayClick(event: MouseEvent): void;
+    onContentClick(event: MouseEvent): void;
+    hasTargetChanged(event: any, target: any): boolean;
+    appendContainer(): void;
+    restoreAppend(): void;
+    align(): void;
+    onAnimationStart(event: AnimationEvent): void;
+    onAnimationEnd(event: AnimationEvent): void;
+    focus(): void;
+    /**
+     * Hides the panel.
+     * @group Method
+     */
+    hide(): void;
+    onCloseClick(event: MouseEvent): void;
+    onEscapeKeydown(event: KeyboardEvent): void;
+    onWindowResize(): void;
+    bindDocumentResizeListener(): void;
+    unbindDocumentResizeListener(): void;
+    bindScrollListener(): void;
+    unbindScrollListener(): void;
+    onContainerDestroy(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayPanel, "cax-overlayPanel", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], ["*"], true, never>;
+    static ngAcceptInputType_dismissable: unknown;
+    static ngAcceptInputType_showCloseIcon: unknown;
+    static ngAcceptInputType_autoZIndex: unknown;
+    static ngAcceptInputType_baseZIndex: unknown;
+    static ngAcceptInputType_focusOnShow: unknown;
+}
+
+declare class OverlayPanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OverlayPanelModule, never, [typeof OverlayPanel, typeof i2.SharedModule], [typeof OverlayPanel, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OverlayPanelModule>;
+}
+
+export { OverlayPanel, OverlayPanelModule };