@gravionlabs/helix-core 22.0.0

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

@@ -0,0 +1,351 @@
+import { PaginatorPassThrough, PaginatorTemplateContext, PaginatorDropdownItemTemplateContext, PaginatorState } from '@gravionlabs/helix-core/types/paginator';
+export * from '@gravionlabs/helix-core/types/paginator';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, SimpleChanges } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { HelixTemplate, SelectItem, Aria } 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 { SelectChangeEvent } from '@gravionlabs/helix-core/select';
+import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * Paginator is a generic component to display content in paged format.
+ *
+ * [Live Demo](https://www.primeng.org/paginator)
+ *
+ * @module paginatorstyle
+ *
+ */
+declare enum PaginatorClasses {
+    /**
+     * Class name of the paginator element
+     */
+    paginator = "h-paginator",
+    /**
+     * Class name of the content start element
+     */
+    contentStart = "h-paginator-content-start",
+    /**
+     * Class name of the content end element
+     */
+    contentEnd = "h-paginator-content-end",
+    /**
+     * Class name of the first element
+     */
+    first = "h-paginator-first",
+    /**
+     * Class name of the first icon element
+     */
+    firstIcon = "h-paginator-first-icon",
+    /**
+     * Class name of the prev element
+     */
+    prev = "h-paginator-prev",
+    /**
+     * Class name of the prev icon element
+     */
+    prevIcon = "h-paginator-prev-icon",
+    /**
+     * Class name of the next element
+     */
+    next = "h-paginator-next",
+    /**
+     * Class name of the next icon element
+     */
+    nextIcon = "h-paginator-next-icon",
+    /**
+     * Class name of the last element
+     */
+    last = "h-paginator-last",
+    /**
+     * Class name of the last icon element
+     */
+    lastIcon = "h-paginator-last-icon",
+    /**
+     * Class name of the pages element
+     */
+    pages = "h-paginator-pages",
+    /**
+     * Class name of the page element
+     */
+    page = "h-paginator-page",
+    /**
+     * Class name of the current element
+     */
+    current = "h-paginator-current",
+    /**
+     * Class name of the row per page dropdown element
+     */
+    pcRowPerPageDropdown = "h-paginator-rpp-dropdown",
+    /**
+     * Class name of the jump to page dropdown element
+     */
+    pcJumpToPageDropdown = "h-paginator-jtp-dropdown",
+    /**
+     * Class name of the jump to page input element
+     */
+    pcJumpToPageInput = "h-paginator-jtp-input"
+}
+declare class PaginatorStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        paginator: ({ instance }: {
+            instance: any;
+        }) => string[];
+        content: string;
+        contentStart: string;
+        contentEnd: string;
+        first: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        firstIcon: string;
+        prev: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        prevIcon: string;
+        next: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        nextIcon: string;
+        last: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        lastIcon: string;
+        pages: string;
+        page: ({ instance, pageLink }: {
+            instance: any;
+            pageLink: any;
+        }) => (string | {
+            'h-paginator-page-selected': boolean;
+        })[];
+        current: string;
+        pcRowPerPageDropdown: string;
+        pcJumpToPageDropdown: string;
+        pcJumpToPageInput: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface PaginatorStyle extends BaseStyle {
+}
+
+/**
+ * Paginator is a generic component to display content in paged format.
+ * @group Components
+ */
+declare class Paginator extends BaseComponent<PaginatorPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pcPaginator: Paginator | undefined;
+    onAfterViewChecked(): void;
+    /**
+     * Number of page links to display.
+     * @group Props
+     */
+    readonly pageLinkSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to show it even there is only one page.
+     * @group Props
+     */
+    readonly alwaysShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Target element to attach the dropdown 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).
+     * @deprecated since v20.0.0. Use `appendTo` instead.
+     * @group Props
+     */
+    readonly dropdownAppendTo: _angular_core.InputSignal<any>;
+    /**
+     * Template instance to inject into the left side of the paginator.
+     * @param {PaginatorTemplateContext} context - Paginator template context.
+     * @see {@link PaginatorTemplateContext}
+     * @group Props
+     */
+    readonly templateLeft: _angular_core.InputSignal<TemplateRef<PaginatorTemplateContext> | undefined>;
+    /**
+     * Template instance to inject into the right side of the paginator.
+     * @param {PaginatorTemplateContext} context - Paginator template context.
+     * @see {@link PaginatorTemplateContext}
+     * @group Props
+     */
+    readonly templateRight: _angular_core.InputSignal<TemplateRef<PaginatorTemplateContext> | undefined>;
+    /**
+     * Dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
+     * @group Props
+     */
+    readonly dropdownScrollHeight: _angular_core.InputSignal<string>;
+    /**
+     * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}
+     * @group Props
+     */
+    readonly currentPageReportTemplate: _angular_core.InputSignal<string>;
+    /**
+     * Whether to display current page report.
+     * @group Props
+     */
+    readonly showCurrentPageReport: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * When enabled, icons are displayed on paginator to go first and last page.
+     * @group Props
+     */
+    readonly showFirstLastIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Number of total records.
+     * @group Props
+     */
+    readonly totalRecords: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Data count to display per page.
+     * @group Props
+     */
+    readonly rows: _angular_core.ModelSignal<number>;
+    /**
+     * Array of integer/object values to display inside rows per page dropdown. A object that have 'showAll' key can be added to it to show all data. Exp; [10,20,30,{showAll:'All'}]
+     * @group Props
+     */
+    readonly rowsPerPageOptions: _angular_core.InputSignal<any[] | undefined>;
+    /**
+     * Whether to display a dropdown to navigate to any page.
+     * @group Props
+     */
+    readonly showJumpToPageDropdown: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Whether to display a input to navigate to any page.
+     * @group Props
+     */
+    readonly showJumpToPageInput: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Template instance to inject into the jump to page dropdown item inside in the paginator.
+     * @param {PaginatorDropdownItemTemplateContext} context - dropdown item context.
+     * @see {@link PaginatorDropdownItemTemplateContext}
+     * @group Props
+     */
+    readonly jumpToPageItemTemplate: _angular_core.InputSignal<TemplateRef<PaginatorDropdownItemTemplateContext> | undefined>;
+    /**
+     * Whether to show page links.
+     * @group Props
+     */
+    readonly showPageLinks: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Locale to be used in formatting.
+     * @group Props
+     */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Template instance to inject into the rows per page dropdown item inside in the paginator.
+     * @param {PaginatorDropdownItemTemplateContext} context - dropdown item context.
+     * @see {@link PaginatorDropdownItemTemplateContext}
+     * @group Props
+     */
+    readonly dropdownItemTemplate: _angular_core.InputSignal<TemplateRef<PaginatorDropdownItemTemplateContext> | undefined>;
+    /**
+     * Zero-relative number of the first row to be displayed.
+     * @group Props
+     */
+    readonly first: _angular_core.ModelSignal<number>;
+    /**
+     * 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 page changes, the event object contains information about the new state.
+     * @param {PaginatorState} event - Paginator state.
+     * @group Emits
+     */
+    readonly onPageChange: _angular_core.OutputEmitterRef<PaginatorState>;
+    /**
+     * Template for the dropdown icon.
+     * @group Templates
+     */
+    readonly dropdownIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
+    /**
+     * Template for the first page link icon.
+     * @group Templates
+     */
+    readonly firstPageLinkIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
+    /**
+     * Template for the previous page link icon.
+     * @group Templates
+     */
+    readonly previousPageLinkIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
+    /**
+     * Template for the last page link icon.
+     * @group Templates
+     */
+    readonly lastPageLinkIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
+    /**
+     * Template for the next page link icon.
+     * @group Templates
+     */
+    readonly nextPageLinkIconTemplate: _angular_core.Signal<Nullable<TemplateRef<void>>>;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    _dropdownIconTemplate: TemplateRef<void> | undefined;
+    _firstPageLinkIconTemplate: TemplateRef<void> | undefined;
+    _previousPageLinkIconTemplate: TemplateRef<void> | undefined;
+    _lastPageLinkIconTemplate: TemplateRef<void> | undefined;
+    _nextPageLinkIconTemplate: TemplateRef<void> | undefined;
+    pageLinks: number[] | undefined;
+    pageItems: SelectItem[] | undefined;
+    rowsPerPageItems: SelectItem[] | undefined;
+    paginatorState: any;
+    _page: number;
+    _componentStyle: PaginatorStyle;
+    $appendTo: _angular_core.Signal<any>;
+    get display(): string | null;
+    constructor();
+    onInit(): void;
+    onAfterContentInit(): void;
+    getAriaLabel(labelType: keyof Aria): string | undefined;
+    getPageAriaLabel(value: number): string | undefined;
+    getLocalization(digit: number): string;
+    onChanges(simpleChange: SimpleChanges): void;
+    updateRowsPerPageOptions(): void;
+    isFirstPage(): boolean;
+    isLastPage(): boolean;
+    getPageCount(): number;
+    calculatePageLinkBoundaries(): [number, number];
+    updatePageLinks(): void;
+    changePage(p: number): void;
+    updateFirst(): void;
+    getPage(): number;
+    changePageToFirst(event: Event): void;
+    changePageToPrev(event: Event): void;
+    changePageToNext(event: Event): void;
+    changePageToLast(event: Event): void;
+    onPageLinkClick(event: Event, page: number): void;
+    onRppChange(event: Event): void;
+    onPageDropdownChange(event: SelectChangeEvent): void;
+    updatePaginatorState(): void;
+    empty(): boolean;
+    currentPage(): number;
+    get currentPageReport(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Paginator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Paginator, "h-paginator", never, { "pageLinkSize": { "alias": "pageLinkSize"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; "isSignal": true; }; "dropdownAppendTo": { "alias": "dropdownAppendTo"; "required": false; "isSignal": true; }; "templateLeft": { "alias": "templateLeft"; "required": false; "isSignal": true; }; "templateRight": { "alias": "templateRight"; "required": false; "isSignal": true; }; "dropdownScrollHeight": { "alias": "dropdownScrollHeight"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showJumpToPageDropdown": { "alias": "showJumpToPageDropdown"; "required": false; "isSignal": true; }; "showJumpToPageInput": { "alias": "showJumpToPageInput"; "required": false; "isSignal": true; }; "jumpToPageItemTemplate": { "alias": "jumpToPageItemTemplate"; "required": false; "isSignal": true; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dropdownItemTemplate": { "alias": "dropdownItemTemplate"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "first": "firstChange"; "onPageChange": "onPageChange"; }, ["dropdownIconTemplate", "firstPageLinkIconTemplate", "previousPageLinkIconTemplate", "lastPageLinkIconTemplate", "nextPageLinkIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class PaginatorModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PaginatorModule, never, [typeof Paginator, typeof i2.SharedModule], [typeof Paginator, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<PaginatorModule>;
+}
+
+export { Paginator, PaginatorClasses, PaginatorModule, PaginatorStyle };

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

@@ -0,0 +1,241 @@
+import { PanelPassThrough, PanelBeforeToggleEvent, PanelAfterToggleEvent, PanelHeaderIconsTemplateContext } from '@gravionlabs/helix-core/types/panel';
+export * from '@gravionlabs/helix-core/types/panel';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@gravionlabs/helix-core/uix/motion';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { BlockableUI, Footer, 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 { BaseStyle } from '@gravionlabs/helix-core/base';
+
+declare class PanelStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-panel-toggleable': any;
+            'h-panel-expanded': any;
+            'h-panel-collapsed': any;
+        })[];
+        header: string;
+        title: string;
+        headerActions: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-panel-icons-start': boolean;
+            'h-panel-icons-end': boolean;
+            'h-panel-icons-center': boolean;
+        })[];
+        pcToggleButton: string;
+        contentContainer: string;
+        contentWrapper: string;
+        content: string;
+        footer: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PanelStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+/**
+ *
+ * Panel is a container with the optional content toggle feature.
+ *
+ * [Live Demo](https://www.primeng.org/panel/)
+ *
+ * @module panelstyle
+ *
+ */
+declare enum PanelClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-panel",
+    /**
+     * Class name of the header element
+     */
+    header = "h-panel-header",
+    /**
+     * Class name of the title element
+     */
+    title = "h-panel-title",
+    /**
+     * Class name of the header actions element
+     */
+    headerActions = "h-panel-header-actions",
+    /**
+     * Class name of the toggle button element
+     */
+    pcToggleButton = "h-panel-toggle-button",
+    /**
+     * Class name of the content container element
+     */
+    contentContainer = "h-panel-content-container",
+    /**
+     * Class name of the content wrapper element
+     */
+    contentWrapper = "h-panel-content-wrapper",
+    /**
+     * Class name of the content element
+     */
+    content = "h-panel-content",
+    /**
+     * Class name of the footer element
+     */
+    footer = "h-panel-footer"
+}
+
+/**
+ * Panel is a container with the optional content toggle feature.
+ * @group Components
+ */
+declare class Panel extends BaseComponent<PanelPassThrough> implements BlockableUI {
+    componentName: string;
+    $pcPanel: Panel | undefined;
+    _componentStyle: PanelStyle;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Id of the component.
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if content of panel can be expanded and collapsed.
+     * @group Props
+     */
+    readonly toggleable: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Header text of the panel.
+     * @group Props
+     */
+    readonly _header: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the initial state of panel content, supports one or two-way binding as well.
+     * @group Props
+     */
+    readonly collapsed: _angular_core.ModelSignal<boolean | undefined>;
+    /**
+     * Style class of the component.
+     * @group Props
+     * @deprecated since v20.0.0, use `class` instead.
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Position of the icons.
+     * @group Props
+     */
+    readonly iconPos: _angular_core.InputSignal<"start" | "end" | "center">;
+    /**
+     * Specifies if header of panel cannot be displayed.
+     * @group Props
+     */
+    readonly showHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Specifies the toggler element to toggle the panel content.
+     * @group Props
+     */
+    readonly toggler: _angular_core.InputSignal<"header" | "icon">;
+    /**
+     * Transition options of the animation.
+     * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
+     */
+    readonly transitionOptions: _angular_core.InputSignal<string>;
+    /**
+     * Used to pass all properties of the ButtonProps to the Button component.
+     * @group Props
+     */
+    readonly toggleButtonProps: _angular_core.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * Callback to invoke before panel toggle.
+     * @param {PanelBeforeToggleEvent} event - Custom panel toggle event
+     * @group Emits
+     */
+    readonly onBeforeToggle: _angular_core.OutputEmitterRef<PanelBeforeToggleEvent>;
+    /**
+     * Callback to invoke after panel toggle.
+     * @param {PanelAfterToggleEvent} event - Custom panel toggle event
+     * @group Emits
+     */
+    readonly onAfterToggle: _angular_core.OutputEmitterRef<PanelAfterToggleEvent>;
+    readonly footerFacet: _angular_core.Signal<Footer | undefined>;
+    /**
+     * Defines template option for header.
+     * @group Templates
+     */
+    readonly headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Defines template option for icons.
+     * @example
+     * ```html
+     * <ng-template #icons> </ng-template>
+     * ```
+     * @group Templates
+     */
+    readonly iconsTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Defines template option for content.
+     * @example
+     * ```html
+     * <ng-template #content> </ng-template>
+     * ```
+     * @group Templates
+     */
+    readonly contentTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Defines template option for footer.
+     * @example
+     * ```html
+     * <ng-template #footer> </ng-template>
+     * ```
+     * @group Templates
+     */
+    readonly footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Defines template option for headerIcon.
+     * @param {PanelHeaderIconsTemplateContext} context - context of the template.
+     * @example
+     * ```html
+     * <ng-template #headericons let-collapsed> </ng-template>
+     * ```
+     * @see {@link PanelHeaderIconsTemplateContext}
+     * @group Templates
+     */
+    readonly headerIconsTemplate: _angular_core.Signal<TemplateRef<PanelHeaderIconsTemplateContext> | undefined>;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _iconsTemplate: TemplateRef<void> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _headerIconsTemplate: TemplateRef<PanelHeaderIconsTemplateContext> | undefined;
+    readonly contentWrapperViewChild: _angular_core.Signal<ElementRef<any>>;
+    get buttonAriaLabel(): string | undefined;
+    onHeaderClick(event: MouseEvent): void;
+    onIconClick(event: MouseEvent): void;
+    toggle(event: MouseEvent): void;
+    expand(): void;
+    collapse(): void;
+    getBlockableElement(): HTMLElement;
+    updateTabIndex(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onToggleDone(event: MotionEvent): void;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    onAfterContentInit(): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Panel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Panel, "h-panel", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "_header": { "alias": "header"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "toggler": { "alias": "toggler"; "required": false; "isSignal": true; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; "isSignal": true; }; "toggleButtonProps": { "alias": "toggleButtonProps"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["footerFacet", "headerTemplate", "iconsTemplate", "contentTemplate", "footerTemplate", "headerIconsTemplate", "templates"], ["h-header", "*", "h-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class PanelModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PanelModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PanelModule, never, [typeof Panel, typeof i2.SharedModule, typeof i1.BindModule], [typeof Panel, typeof i2.SharedModule, typeof i1.BindModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<PanelModule>;
+}
+
+export { Panel, PanelClasses, PanelModule, PanelStyle };