@gravionlabs/helix-core 22.1.2 → 22.1.3

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

@@ -1,13 +1,37 @@
-import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
-import { Router, ActivatedRoute } from '@angular/router';
-import * as i1 from '@gravionlabs/helix-core/api';
-import { MenuItem } from '@gravionlabs/helix-core/api';
-import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
-import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
-import { Subscription } from 'rxjs';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
+import * as i0 from "@angular/core";
+import { ElementRef } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import * as i1 from "@gravionlabs/helix-core/api";
+import { MenuItem } from "@gravionlabs/helix-core/api";
+import { BaseComponent } from "@gravionlabs/helix-core/basecomponent";
+import { Nullable } from "@gravionlabs/helix-core/ts-helpers";
+import { Subscription } from "rxjs";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export declare class StepsStyle extends BaseStyle {
+  name: string;
+  style: string;
+  classes: {
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-readonly': any;
+    })[];
+    list: string;
+    item: ({ instance, item, index }: {
+      instance: any;
+      item: any;
+      index: any;
+    }) => (string | {
+      'h-steps-item-active': any;
+      'h-disabled': any;
+    })[];
+    itemLink: string;
+    itemNumber: string;
+    itemLabel: string;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<StepsStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.
@@ -17,133 +41,137 @@ import { BaseStyle } from '@gravionlabs/helix-core/base';
  * @module stepsstyle
  *
  */
-declare enum StepsClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "h-steps",
-    /**
-     * Class name of the list element
-     */
-    list = "h-steps-list",
-    /**
-     * Class name of the item element
-     */
-    item = "h-steps-item",
-    /**
-     * Class name of the item link element
-     */
-    itemLink = "h-steps-item-link",
-    /**
-     * Class name of the item number element
-     */
-    itemNumber = "h-steps-item-number",
-    /**
-     * Class name of the item label element
-     */
-    itemLabel = "h-steps-item-label"
-}
-declare class StepsStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-readonly': any;
-        })[];
-        list: string;
-        item: ({ instance, item, index }: {
-            instance: any;
-            item: any;
-            index: any;
-        }) => (string | {
-            'h-steps-item-active': any;
-            'h-disabled': any;
-        })[];
-        itemLink: string;
-        itemNumber: string;
-        itemLabel: string;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepsStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+export declare enum StepsClasses {
+  /**
+   * Class name of the root element
+   */
+  root = "h-steps",
+  /**
+   * Class name of the list element
+   */
+  list = "h-steps-list",
+  /**
+   * Class name of the item element
+   */
+  item = "h-steps-item",
+  /**
+   * Class name of the item link element
+   */
+  itemLink = "h-steps-item-link",
+  /**
+   * Class name of the item number element
+   */
+  itemNumber = "h-steps-item-number",
+  /**
+   * Class name of the item label element
+   */
+  itemLabel = "h-steps-item-label"
 }
-interface StepsStyle extends BaseStyle {
-}
-
+export interface StepsStyle extends BaseStyle {}
 /**
  * Steps components is an indicator for the steps in a wizard workflow.
  * @group Components
  */
-declare class Steps extends BaseComponent {
-    componentName: string;
-    /**
-     * Index of the active item.
-     * @group Props
-     */
-    readonly activeIndex: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * An array of menu items.
-     * @group Props
-     */
-    readonly model: _angular_core.InputSignal<MenuItem[] | undefined>;
-    /**
-     * Whether the items are clickable or not.
-     * @group Props
-     */
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    readonly style: _angular_core.InputSignal<{
-        [klass: string]: any;
-    } | null | undefined>;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
-     * @group Props
-     */
-    readonly exact: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Callback to invoke when the new step is selected.
-     * @param {number} number - current index.
-     * @group Emits
-     */
-    readonly activeIndexChange: _angular_core.OutputEmitterRef<number>;
-    readonly listViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
-    router: Router;
-    route: ActivatedRoute;
-    _componentStyle: StepsStyle;
-    subscription: Subscription | undefined;
-    onInit(): void;
-    onItemClick(event: Event, item: MenuItem, i: number): void;
-    onItemKeydown(event: KeyboardEvent, item: MenuItem, i: number): void;
-    navigateToNextItem(target: any): void;
-    navigateToPrevItem(target: any): void;
-    navigateToFirstItem(target: any): void;
-    navigateToLastItem(target: any): void;
-    findNextItem(item: any): any;
-    findPrevItem(item: any): any;
-    findFirstItem(): Element | null;
-    findLastItem(): Element | null;
-    setFocusToMenuitem(target: any, focusableItem: any): void;
-    isClickableRouterLink(item: MenuItem): any;
-    isItemDisabled(item: MenuItem, index: number): boolean;
-    isActive(item: MenuItem, index: number): boolean;
-    getItemTabIndex(item: MenuItem, index: number): string;
-    onDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Steps, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Steps, "h-steps", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "exact": { "alias": "exact"; "required": false; "isSignal": true; }; }, { "activeIndexChange": "activeIndexChange"; }, never, never, true, never>;
-}
-declare class StepsModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepsModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<StepsModule, never, [typeof Steps, typeof i1.SharedModule], [typeof Steps, typeof i1.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<StepsModule>;
+export declare class Steps extends BaseComponent {
+  componentName: string;
+  /**
+   * Index of the active item.
+   * @group Props
+   */
+  readonly activeIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * An array of menu items.
+   * @group Props
+   */
+  readonly model: import("@angular/core").InputSignal<MenuItem[] | undefined>;
+  /**
+   * Whether the items are clickable or not.
+   * @group Props
+   */
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Inline style of the component.
+   * @group Props
+   */
+  readonly style: import("@angular/core").InputSignal<{
+    [klass: string]: any;
+  } | null | undefined>;
+  /**
+   * Style class of the component.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+   * @group Props
+   */
+  readonly exact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Callback to invoke when the new step is selected.
+   * @param {number} number - current index.
+   * @group Emits
+   */
+  readonly activeIndexChange: import("@angular/core").OutputEmitterRef<number>;
+  readonly listViewChild: import("@angular/core").Signal<Nullable<ElementRef<any>>>;
+  router: Router;
+  route: ActivatedRoute;
+  _componentStyle: StepsStyle;
+  subscription: Subscription | undefined;
+  onInit(): void;
+  onItemClick(event: Event, item: MenuItem, i: number): void;
+  onItemKeydown(event: KeyboardEvent, item: MenuItem, i: number): void;
+  navigateToNextItem(target: any): void;
+  navigateToPrevItem(target: any): void;
+  navigateToFirstItem(target: any): void;
+  navigateToLastItem(target: any): void;
+  findNextItem(item: any): any;
+  findPrevItem(item: any): any;
+  findFirstItem(): Element | null;
+  findLastItem(): Element | null;
+  setFocusToMenuitem(target: any, focusableItem: any): void;
+  isClickableRouterLink(item: MenuItem): any;
+  isItemDisabled(item: MenuItem, index: number): boolean;
+  isActive(item: MenuItem, index: number): boolean;
+  getItemTabIndex(item: MenuItem, index: number): string;
+  onDestroy(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Steps, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Steps, "h-steps", never, {
+    "activeIndex": {
+      "alias": "activeIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "model": {
+      "alias": "model";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "style": {
+      "alias": "style";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "exact": {
+      "alias": "exact";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "activeIndexChange": "activeIndexChange";
+  }, never, never, true, never>;
 }
-
-export { Steps, StepsClasses, StepsModule, StepsStyle };
+export declare class StepsModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<StepsModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<StepsModule, never, [typeof Steps, typeof i1.SharedModule], [typeof Steps, typeof i1.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<StepsModule>;
+}

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

@@ -1,112 +1,170 @@
-import * as _angular_core from '@angular/core';
-import { OnDestroy, ElementRef, Renderer2, NgZone } from '@angular/core';
-import { VoidListener } from '@gravionlabs/helix-core/ts-helpers';
-
+import * as i0 from "@angular/core";
+import { ElementRef, NgZone, OnDestroy, Renderer2 } from "@angular/core";
+import { VoidListener } from "@gravionlabs/helix-core/ts-helpers";
 /**
  * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
  * @group Components
  */
-declare class StyleClass implements OnDestroy {
-    el: ElementRef;
-    renderer: Renderer2;
-    private zone;
-    constructor(el: ElementRef, renderer: Renderer2, zone: NgZone);
-    /**
-     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
-     * @group Props
-     */
-    readonly selector: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class to add when item begins to get displayed.
-     * @group Props
-     */
-    readonly enterFromClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class to add during enter animation.
-     * @group Props
-     */
-    readonly enterActiveClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class to add when item begins to get displayed.
-     * @group Props
-     */
-    readonly enterToClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class to add when item begins to get hidden.
-     * @group Props
-     */
-    readonly leaveFromClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class to add during leave animation.
-     * @group Props
-     */
-    readonly leaveActiveClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class to add when leave animation is completed.
-     * @group Props
-     */
-    readonly leaveToClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Whether to trigger leave animation when outside of the element is clicked.
-     * @group Props
-     */
-    readonly hideOnOutsideClick: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Adds or removes a class when no enter-leave animation is required.
-     * @group Props
-     */
-    readonly toggleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Whether to trigger leave animation when escape key pressed.
-     * @group Props
-     */
-    readonly hideOnEscape: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Whether to trigger leave animation when the target element resized.
-     * @group Props
-     */
-    readonly hideOnResize: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Target element to listen resize. Valid values are "window", "document" or target element selector.
-     * @group Props
-     */
-    readonly resizeSelector: _angular_core.InputSignal<string | undefined>;
-    eventListener: VoidListener;
-    documentClickListener: VoidListener;
-    documentKeydownListener: VoidListener;
-    windowResizeListener: VoidListener;
-    resizeObserver: ResizeObserver | undefined;
-    target: HTMLElement | null | undefined;
-    enterListener: VoidListener;
-    leaveListener: VoidListener;
-    animating: boolean | undefined;
-    _enterClass: string | undefined;
-    _leaveClass: string | undefined;
-    _resizeTarget: any;
-    clickListener(): void;
-    toggle(): void;
-    enter(): void;
-    leave(): void;
-    bindDocumentClickListener(): void;
-    bindDocumentKeydownListener(): void;
-    isVisible(): boolean;
-    isOutsideClick(event: MouseEvent): boolean;
-    unbindDocumentClickListener(): void;
-    unbindDocumentKeydownListener(): void;
-    bindResizeListener(): void;
-    unbindResizeListener(): void;
-    bindWindowResizeListener(): void;
-    unbindWindowResizeListener(): void;
-    bindElementResizeListener(): void;
-    unbindElementResizeListener(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StyleClass, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StyleClass, "[hStyleClass]", never, { "selector": { "alias": "hStyleClass"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "enterToClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; "isSignal": true; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; "isSignal": true; }; "toggleClass": { "alias": "toggleClass"; "required": false; "isSignal": true; }; "hideOnEscape": { "alias": "hideOnEscape"; "required": false; "isSignal": true; }; "hideOnResize": { "alias": "hideOnResize"; "required": false; "isSignal": true; }; "resizeSelector": { "alias": "resizeSelector"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class StyleClass implements OnDestroy {
+  el: ElementRef;
+  renderer: Renderer2;
+  private zone;
+  constructor(el: ElementRef, renderer: Renderer2, zone: NgZone);
+  /**
+   * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
+   * @group Props
+   */
+  readonly selector: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class to add when item begins to get displayed.
+   * @group Props
+   */
+  readonly enterFromClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class to add during enter animation.
+   * @group Props
+   */
+  readonly enterActiveClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class to add when item begins to get displayed.
+   * @group Props
+   */
+  readonly enterToClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class to add when item begins to get hidden.
+   * @group Props
+   */
+  readonly leaveFromClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class to add during leave animation.
+   * @group Props
+   */
+  readonly leaveActiveClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class to add when leave animation is completed.
+   * @group Props
+   */
+  readonly leaveToClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Whether to trigger leave animation when outside of the element is clicked.
+   * @group Props
+   */
+  readonly hideOnOutsideClick: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Adds or removes a class when no enter-leave animation is required.
+   * @group Props
+   */
+  readonly toggleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Whether to trigger leave animation when escape key pressed.
+   * @group Props
+   */
+  readonly hideOnEscape: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Whether to trigger leave animation when the target element resized.
+   * @group Props
+   */
+  readonly hideOnResize: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Target element to listen resize. Valid values are "window", "document" or target element selector.
+   * @group Props
+   */
+  readonly resizeSelector: import("@angular/core").InputSignal<string | undefined>;
+  eventListener: VoidListener;
+  documentClickListener: VoidListener;
+  documentKeydownListener: VoidListener;
+  windowResizeListener: VoidListener;
+  resizeObserver: ResizeObserver | undefined;
+  target: HTMLElement | null | undefined;
+  enterListener: VoidListener;
+  leaveListener: VoidListener;
+  animating: boolean | undefined;
+  _enterClass: string | undefined;
+  _leaveClass: string | undefined;
+  _resizeTarget: any;
+  clickListener(): void;
+  toggle(): void;
+  enter(): void;
+  leave(): void;
+  bindDocumentClickListener(): void;
+  bindDocumentKeydownListener(): void;
+  isVisible(): boolean;
+  isOutsideClick(event: MouseEvent): boolean;
+  unbindDocumentClickListener(): void;
+  unbindDocumentKeydownListener(): void;
+  bindResizeListener(): void;
+  unbindResizeListener(): void;
+  bindWindowResizeListener(): void;
+  unbindWindowResizeListener(): void;
+  bindElementResizeListener(): void;
+  unbindElementResizeListener(): void;
+  ngOnDestroy(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StyleClass, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StyleClass, "[hStyleClass]", never, {
+    "selector": {
+      "alias": "hStyleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "enterFromClass": {
+      "alias": "enterFromClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "enterActiveClass": {
+      "alias": "enterActiveClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "enterToClass": {
+      "alias": "enterToClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "leaveFromClass": {
+      "alias": "leaveFromClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "leaveActiveClass": {
+      "alias": "leaveActiveClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "leaveToClass": {
+      "alias": "leaveToClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideOnOutsideClick": {
+      "alias": "hideOnOutsideClick";
+      "required": false;
+      "isSignal": true;
+    };
+    "toggleClass": {
+      "alias": "toggleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideOnEscape": {
+      "alias": "hideOnEscape";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideOnResize": {
+      "alias": "hideOnResize";
+      "required": false;
+      "isSignal": true;
+    };
+    "resizeSelector": {
+      "alias": "resizeSelector";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-declare class StyleClassModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StyleClassModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<StyleClassModule, never, [typeof StyleClass], [typeof StyleClass]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<StyleClassModule>;
-}
-
-export { StyleClass, StyleClassModule };
+export declare class StyleClassModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<StyleClassModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<StyleClassModule, never, [typeof StyleClass], [typeof StyleClass]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<StyleClassModule>;
+}