@gravionlabs/helix-core 22.1.2 → 22.1.3

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

@@ -1,16 +1,38 @@
-import { ToggleButtonPassThrough, ToggleButtonChangeEvent, ToggleButtonIconTemplateContext, ToggleButtonContentTemplateContext } from '@gravionlabs/helix-core/types/togglebutton';
-export * from '@gravionlabs/helix-core/types/togglebutton';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
-import * as i3 from '@gravionlabs/helix-core/api';
-import { HelixTemplate } from '@gravionlabs/helix-core/api';
-import { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';
-import * as i2 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
-import * as i1 from '@gravionlabs/helix-core/ripple';
-
+import { ToggleButtonChangeEvent, ToggleButtonContentTemplateContext, ToggleButtonIconTemplateContext, ToggleButtonPassThrough } from "@gravionlabs/helix-core/types/togglebutton";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+import * as i0 from "@angular/core";
+import { TemplateRef } from "@angular/core";
+import * as i3 from "@gravionlabs/helix-core/api";
+import { HelixTemplate } from "@gravionlabs/helix-core/api";
+import { BaseEditableHolder } from "@gravionlabs/helix-core/baseeditableholder";
+import * as i2 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { Nullable } from "@gravionlabs/helix-core/ts-helpers";
+import * as i1 from "@gravionlabs/helix-core/ripple";
+export * from "@gravionlabs/helix-core/types/togglebutton";
+export declare class ToggleButtonStyle extends BaseStyle {
+  name: string;
+  style: string;
+  classes: {
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-togglebutton-checked': any;
+      'h-invalid': any;
+      'h-disabled': any;
+      'h-togglebutton-sm h-inputfield-sm': boolean;
+      'h-togglebutton-lg h-inputfield-lg': boolean;
+      'h-togglebutton-fluid': any;
+    })[];
+    content: string;
+    icon: string;
+    iconLeft: string;
+    iconRight: string;
+    label: string;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * ToggleButton is used to select a boolean value using a button.
@@ -20,184 +42,238 @@ import * as i1 from '@gravionlabs/helix-core/ripple';
  * @module togglebuttonstyle
  *
  */
-declare enum ToggleButtonClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "h-togglebutton",
-    /**
-     * Class name of the icon element
-     */
-    icon = "h-togglebutton-icon",
-    /**
-     * Class name of the left icon
-     */
-    iconLeft = "h-togglebutton-icon-left",
-    /**
-     * Class name of the right icon
-     */
-    iconRight = "h-togglebutton-icon-right",
-    /**
-     * Class name of the label element
-     */
-    label = "h-togglebutton-label"
-}
-declare class ToggleButtonStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-togglebutton-checked': any;
-            'h-invalid': any;
-            'h-disabled': any;
-            'h-togglebutton-sm h-inputfield-sm': boolean;
-            'h-togglebutton-lg h-inputfield-lg': boolean;
-            'h-togglebutton-fluid': any;
-        })[];
-        content: string;
-        icon: string;
-        iconLeft: string;
-        iconRight: string;
-        label: string;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleButtonStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+export declare enum ToggleButtonClasses {
+  /**
+   * Class name of the root element
+   */
+  root = "h-togglebutton",
+  /**
+   * Class name of the icon element
+   */
+  icon = "h-togglebutton-icon",
+  /**
+   * Class name of the left icon
+   */
+  iconLeft = "h-togglebutton-icon-left",
+  /**
+   * Class name of the right icon
+   */
+  iconRight = "h-togglebutton-icon-right",
+  /**
+   * Class name of the label element
+   */
+  label = "h-togglebutton-label"
 }
-interface ToggleButtonStyle extends BaseStyle {
-}
-
-declare const TOGGLEBUTTON_VALUE_ACCESSOR: any;
+export interface ToggleButtonStyle extends BaseStyle {}
+export declare const TOGGLEBUTTON_VALUE_ACCESSOR: any;
 /**
  * ToggleButton is used to select a boolean value using a button.
  * @group Components
  */
-declare class ToggleButton extends BaseEditableHolder<ToggleButtonPassThrough> {
-    componentName: string;
-    $pcToggleButton: ToggleButton | undefined;
-    bindDirectiveInstance: Bind;
-    onAfterViewChecked(): void;
-    onKeyDown(event: KeyboardEvent): void;
-    toggle(event: Event): void;
-    /**
-     * Label for the on state.
-     * @group Props
-     */
-    readonly onLabel: _angular_core.InputSignal<string>;
-    /**
-     * Label for the off state.
-     * @group Props
-     */
-    readonly offLabel: _angular_core.InputSignal<string>;
-    /**
-     * Icon for the on state.
-     * @group Props
-     */
-    readonly onIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Icon for the off state.
-     * @group Props
-     */
-    readonly offIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class of the element.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    readonly iconPos: _angular_core.InputSignal<"left" | "right">;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    readonly autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Defines the size of the component.
-     * @group Props
-     */
-    readonly size: _angular_core.InputSignal<"small" | "large">;
-    /**
-     * Whether selection can not be cleared.
-     * @group Props
-     */
-    readonly allowEmpty: _angular_core.InputSignal<boolean | undefined>;
-    /**
-     * Spans 100% width of the container when enabled.
-     * @defaultValue undefined
-     * @group Props
-     */
-    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Callback to invoke on value change.
-     * @param {ToggleButtonChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    readonly onChange: _angular_core.OutputEmitterRef<ToggleButtonChangeEvent>;
-    /**
-     * Custom icon template.
-     * @param {ToggleButtonIconTemplateContext} context - icon context.
-     * @see {@link ToggleButtonIconTemplateContext}
-     * @group Templates
-     */
-    readonly iconTemplate: _angular_core.Signal<Nullable<TemplateRef<ToggleButtonIconTemplateContext>>>;
-    /**
-     * Custom content template.
-     * @param {ToggleButtonContentTemplateContext} context - content context.
-     * @see {@link ToggleButtonContentTemplateContext}
-     * @group Templates
-     */
-    readonly contentTemplate: _angular_core.Signal<Nullable<TemplateRef<ToggleButtonContentTemplateContext>>>;
-    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
-    checked: boolean;
-    onInit(): void;
-    _componentStyle: ToggleButtonStyle;
-    onBlur(): void;
-    get hasOnLabel(): boolean;
-    get hasOffLabel(): boolean;
-    get active(): boolean;
-    _iconTemplate: TemplateRef<ToggleButtonIconTemplateContext> | undefined;
-    _contentTemplate: TemplateRef<ToggleButtonContentTemplateContext> | undefined;
-    onAfterContentInit(): void;
-    /**
-     * @override
-     *
-     * @see {@link BaseEditableHolder.writeControlValue}
-     * Writes the value to the control.
-     */
-    writeControlValue(value: any, setModelValue: (value: any) => void): void;
-    get dataP(): string | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleButton, "h-toggleButton, h-togglebutton, h-toggle-button", never, { "onLabel": { "alias": "onLabel"; "required": false; "isSignal": true; }; "offLabel": { "alias": "offLabel"; "required": false; "isSignal": true; }; "onIcon": { "alias": "onIcon"; "required": false; "isSignal": true; }; "offIcon": { "alias": "offIcon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, ["iconTemplate", "contentTemplate", "templates"], never, true, [{ directive: typeof i1.Ripple; inputs: {}; outputs: {}; }, { directive: typeof i2.Bind; inputs: {}; outputs: {}; }]>;
-}
-declare class ToggleButtonModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleButtonModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ToggleButtonModule, never, [typeof ToggleButton, typeof i3.SharedModule], [typeof ToggleButton, typeof i3.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ToggleButtonModule>;
+export declare class ToggleButton extends BaseEditableHolder<ToggleButtonPassThrough> {
+  componentName: string;
+  $pcToggleButton: ToggleButton | undefined;
+  bindDirectiveInstance: Bind;
+  onAfterViewChecked(): void;
+  onKeyDown(event: KeyboardEvent): void;
+  toggle(event: Event): void;
+  /**
+   * Label for the on state.
+   * @group Props
+   */
+  readonly onLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Label for the off state.
+   * @group Props
+   */
+  readonly offLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Icon for the on state.
+   * @group Props
+   */
+  readonly onIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Icon for the off state.
+   * @group Props
+   */
+  readonly offIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Defines a string that labels the input for accessibility.
+   * @group Props
+   */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+   * @group Props
+   */
+  readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class of the element.
+   * @deprecated since v20.0.0, use `class` instead.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Identifier of the focus input to match a label defined for the component.
+   * @group Props
+   */
+  readonly inputId: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Index of the element in tabbing order.
+   * @group Props
+   */
+  readonly tabindex: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  /**
+   * Position of the icon.
+   * @group Props
+   */
+  readonly iconPos: import("@angular/core").InputSignal<"left" | "right">;
+  /**
+   * When present, it specifies that the component should automatically get focus on load.
+   * @group Props
+   */
+  readonly autofocus: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Defines the size of the component.
+   * @group Props
+   */
+  readonly size: import("@angular/core").InputSignal<"small" | "large">;
+  /**
+   * Whether selection can not be cleared.
+   * @group Props
+   */
+  readonly allowEmpty: import("@angular/core").InputSignal<boolean | undefined>;
+  /**
+   * Spans 100% width of the container when enabled.
+   * @defaultValue undefined
+   * @group Props
+   */
+  fluid: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Callback to invoke on value change.
+   * @param {ToggleButtonChangeEvent} event - Custom change event.
+   * @group Emits
+   */
+  readonly onChange: import("@angular/core").OutputEmitterRef<ToggleButtonChangeEvent>;
+  /**
+   * Custom icon template.
+   * @param {ToggleButtonIconTemplateContext} context - icon context.
+   * @see {@link ToggleButtonIconTemplateContext}
+   * @group Templates
+   */
+  readonly iconTemplate: import("@angular/core").Signal<Nullable<TemplateRef<ToggleButtonIconTemplateContext>>>;
+  /**
+   * Custom content template.
+   * @param {ToggleButtonContentTemplateContext} context - content context.
+   * @see {@link ToggleButtonContentTemplateContext}
+   * @group Templates
+   */
+  readonly contentTemplate: import("@angular/core").Signal<Nullable<TemplateRef<ToggleButtonContentTemplateContext>>>;
+  readonly templates: import("@angular/core").Signal<readonly HelixTemplate[]>;
+  checked: boolean;
+  onInit(): void;
+  _componentStyle: ToggleButtonStyle;
+  onBlur(): void;
+  get hasOnLabel(): boolean;
+  get hasOffLabel(): boolean;
+  get active(): boolean;
+  _iconTemplate: TemplateRef<ToggleButtonIconTemplateContext> | undefined;
+  _contentTemplate: TemplateRef<ToggleButtonContentTemplateContext> | undefined;
+  onAfterContentInit(): void;
+  /**
+   * @override
+   *
+   * @see {@link BaseEditableHolder.writeControlValue}
+   * Writes the value to the control.
+   */
+  writeControlValue(value: any, setModelValue: (value: any) => void): void;
+  get dataP(): string | undefined;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButton, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButton, "h-toggleButton, h-togglebutton, h-toggle-button", never, {
+    "onLabel": {
+      "alias": "onLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "offLabel": {
+      "alias": "offLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "onIcon": {
+      "alias": "onIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "offIcon": {
+      "alias": "offIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledBy": {
+      "alias": "ariaLabelledBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputId": {
+      "alias": "inputId";
+      "required": false;
+      "isSignal": true;
+    };
+    "tabindex": {
+      "alias": "tabindex";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconPos": {
+      "alias": "iconPos";
+      "required": false;
+      "isSignal": true;
+    };
+    "autofocus": {
+      "alias": "autofocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "allowEmpty": {
+      "alias": "allowEmpty";
+      "required": false;
+      "isSignal": true;
+    };
+    "fluid": {
+      "alias": "fluid";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "onChange": "onChange";
+  }, ["iconTemplate", "contentTemplate", "templates"], never, true, [{
+    directive: typeof i1.Ripple;
+    inputs: {};
+    outputs: {};
+  }, {
+    directive: typeof i2.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { TOGGLEBUTTON_VALUE_ACCESSOR, ToggleButton, ToggleButtonClasses, ToggleButtonModule, ToggleButtonStyle };
+export declare class ToggleButtonModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleButtonModule, never, [typeof ToggleButton, typeof i3.SharedModule], [typeof ToggleButton, typeof i3.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<ToggleButtonModule>;
+}