@gravionlabs/helix-core 22.1.2 → 22.1.3

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

@@ -1,43 +1,42 @@
-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>;
+import { PanelAfterToggleEvent, PanelBeforeToggleEvent, PanelHeaderIconsTemplateContext, PanelPassThrough } from "@gravionlabs/helix-core/types/panel";
+import * as i0 from "@angular/core";
+import { ElementRef, TemplateRef } from "@angular/core";
+import { MotionEvent, MotionOptions } 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";
+export * from "@gravionlabs/helix-core/types/panel";
+export 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: i0.ɵɵFactoryDeclaration<PanelStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 /**
  *
@@ -48,194 +47,255 @@ declare class PanelStyle extends BaseStyle {
  * @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"
+export 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 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: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines if content of panel can be expanded and collapsed.
+   * @group Props
+   */
+  readonly toggleable: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Header text of the panel.
+   * @group Props
+   */
+  readonly _header: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines the initial state of panel content, supports one or two-way binding as well.
+   * @group Props
+   */
+  readonly collapsed: import("@angular/core").ModelSignal<boolean | undefined>;
+  /**
+   * Style class of the component.
+   * @group Props
+   * @deprecated since v20.0.0, use `class` instead.
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Position of the icons.
+   * @group Props
+   */
+  readonly iconPos: import("@angular/core").InputSignal<"start" | "end" | "center">;
+  /**
+   * Specifies if header of panel cannot be displayed.
+   * @group Props
+   */
+  readonly showHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Specifies the toggler element to toggle the panel content.
+   * @group Props
+   */
+  readonly toggler: import("@angular/core").InputSignal<"header" | "icon">;
+  /**
+   * Transition options of the animation.
+   * @group Props
+   * @deprecated since v21.0.0, use `motionOptions` instead.
+   */
+  readonly transitionOptions: import("@angular/core").InputSignal<string>;
+  /**
+   * Used to pass all properties of the ButtonProps to the Button component.
+   * @group Props
+   */
+  readonly toggleButtonProps: import("@angular/core").InputSignal<any>;
+  /**
+   * The motion options.
+   * @group Props
+   */
+  motionOptions: import("@angular/core").InputSignal<MotionOptions | undefined>;
+  computedMotionOptions: import("@angular/core").Signal<MotionOptions>;
+  /**
+   * Callback to invoke before panel toggle.
+   * @param {PanelBeforeToggleEvent} event - Custom panel toggle event
+   * @group Emits
+   */
+  readonly onBeforeToggle: import("@angular/core").OutputEmitterRef<PanelBeforeToggleEvent>;
+  /**
+   * Callback to invoke after panel toggle.
+   * @param {PanelAfterToggleEvent} event - Custom panel toggle event
+   * @group Emits
+   */
+  readonly onAfterToggle: import("@angular/core").OutputEmitterRef<PanelAfterToggleEvent>;
+  readonly footerFacet: import("@angular/core").Signal<Footer | undefined>;
+  /**
+   * Defines template option for header.
+   * @group Templates
+   */
+  readonly headerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Defines template option for icons.
+   * @example
+   * ```html
+   * <ng-template #icons> </ng-template>
+   * ```
+   * @group Templates
+   */
+  readonly iconsTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Defines template option for content.
+   * @example
+   * ```html
+   * <ng-template #content> </ng-template>
+   * ```
+   * @group Templates
+   */
+  readonly contentTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Defines template option for footer.
+   * @example
+   * ```html
+   * <ng-template #footer> </ng-template>
+   * ```
+   * @group Templates
+   */
+  readonly footerTemplate: import("@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: import("@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: import("@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: import("@angular/core").Signal<readonly HelixTemplate[]>;
+  onAfterContentInit(): void;
+  get dataP(): string | undefined;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Panel, never>;
+  static ɵcmp: i0.ɵɵ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: {};
+  }]>;
 }
-
-export { Panel, PanelClasses, PanelModule, PanelStyle };
+export declare class PanelModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<PanelModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<PanelModule, never, [typeof Panel, typeof i2.SharedModule, typeof i1.BindModule], [typeof Panel, typeof i2.SharedModule, typeof i1.BindModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<PanelModule>;
+}