@gravionlabs/helix-core 22.0.0

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

@@ -0,0 +1,293 @@
+import { ToastPassThrough, ToastPositionType, ToastCloseEvent, ToastMessageTemplateContext, ToastHeadlessTemplateContext, ToastItemCloseEvent } from '@gravionlabs/helix-core/types/toast';
+export * from '@gravionlabs/helix-core/types/toast';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, NgZone } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@gravionlabs/helix-core/uix/motion';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { ToastMessageOptions, MessageService, 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 { Subscription } from 'rxjs';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * Toast is used to display messages in an overlay.
+ *
+ * [Live Demo](https://www.primeng.org/toast/)
+ *
+ * @module toaststyle
+ *
+ */
+declare enum ToastClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-toast",
+    /**
+     * Class name of the message element
+     */
+    message = "h-toast-message",
+    /**
+     * Class name of the message content element
+     */
+    messageContent = "h-toast-message-content",
+    /**
+     * Class name of the message icon element
+     */
+    messageIcon = "h-toast-message-icon",
+    /**
+     * Class name of the message text element
+     */
+    messageText = "h-toast-message-text",
+    /**
+     * Class name of the summary element
+     */
+    summary = "h-toast-summary",
+    /**
+     * Class name of the detail element
+     */
+    detail = "h-toast-detail",
+    /**
+     * Class name of the close button element
+     */
+    closeButton = "h-toast-close-button",
+    /**
+     * Class name of the close icon element
+     */
+    closeIcon = "h-toast-close-icon"
+}
+declare class ToastStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => string[];
+        message: ({ instance }: {
+            instance: any;
+        }) => {
+            'h-toast-message': boolean;
+            'h-toast-message-info': boolean;
+            'h-toast-message-warn': boolean;
+            'h-toast-message-error': boolean;
+            'h-toast-message-success': boolean;
+            'h-toast-message-secondary': boolean;
+            'h-toast-message-contrast': boolean;
+        };
+        messageContent: string;
+        messageIcon: ({ instance }: {
+            instance: any;
+        }) => {
+            [x: string]: boolean;
+            'h-toast-message-icon': boolean;
+        };
+        messageText: string;
+        summary: string;
+        detail: string;
+        closeButton: string;
+        closeIcon: ({ instance }: {
+            instance: any;
+        }) => {
+            [x: string]: boolean;
+            'h-toast-close-icon': boolean;
+        };
+    };
+    inlineStyles: {
+        root: ({ instance }: {
+            instance: any;
+        }) => {
+            position: string;
+            top: string | null;
+            right: string | false;
+            bottom: string | false;
+            left: string | null;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface ToastStyle extends BaseStyle {
+}
+
+declare class ToastItem extends BaseComponent<ToastPassThrough> {
+    private zone;
+    readonly message: _angular_core.InputSignal<ToastMessageOptions | null | undefined>;
+    readonly index: _angular_core.InputSignalWithTransform<number | null | undefined, unknown>;
+    readonly life: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly template: _angular_core.InputSignal<TemplateRef<ToastMessageTemplateContext> | undefined>;
+    readonly headlessTemplate: _angular_core.InputSignal<TemplateRef<ToastHeadlessTemplateContext> | undefined>;
+    readonly showTransformOptions: _angular_core.InputSignal<string | undefined>;
+    readonly hideTransformOptions: _angular_core.InputSignal<string | undefined>;
+    readonly showTransitionOptions: _angular_core.InputSignal<string | undefined>;
+    readonly hideTransitionOptions: _angular_core.InputSignal<string | undefined>;
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    clearAll: _angular_core.InputSignal<any>;
+    onAnimationStart: _angular_core.OutputEmitterRef<HTMLElement>;
+    onAnimationEnd: _angular_core.OutputEmitterRef<HTMLElement>;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterLeave(event: MotionEvent): void;
+    readonly onClose: _angular_core.OutputEmitterRef<ToastItemCloseEvent>;
+    _componentStyle: ToastStyle;
+    timeout: any;
+    visible: _angular_core.WritableSignal<boolean | undefined>;
+    private isDestroyed;
+    private isClosing;
+    constructor(zone: NgZone);
+    onAfterViewInit(): void;
+    initTimeout(): void;
+    clearTimeout(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onCloseIconClick: (event: Event) => void;
+    get closeAriaLabel(): string | undefined;
+    onDestroy(): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastItem, "h-toastItem", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "life": { "alias": "life"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "headlessTemplate": { "alias": "headlessTemplate"; "required": false; "isSignal": true; }; "showTransformOptions": { "alias": "showTransformOptions"; "required": false; "isSignal": true; }; "hideTransformOptions": { "alias": "hideTransformOptions"; "required": false; "isSignal": true; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; "isSignal": true; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "clearAll": { "alias": "clearAll"; "required": false; "isSignal": true; }; }, { "onAnimationStart": "onAnimationStart"; "onAnimationEnd": "onAnimationEnd"; "onClose": "onClose"; }, never, never, true, never>;
+}
+/**
+ * Toast is used to display messages in an overlay.
+ * @group Components
+ */
+declare class Toast extends BaseComponent<ToastPassThrough> {
+    componentName: string;
+    $pcToast: Toast | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Key of the message in case message is targeted to a specific toast component.
+     * @group Props
+     */
+    readonly key: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    readonly autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    readonly baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * The default time to display messages for in milliseconds.
+     * @group Props
+     */
+    readonly life: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Inline class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Position of the toast in viewport.
+     * @group Props
+     */
+    readonly position: _angular_core.ModelSignal<ToastPositionType>;
+    /**
+     * It does not add the new message if there is already a toast displayed with the same content
+     * @group Props
+     */
+    readonly preventOpenDuplicates: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Displays only once a message with the same content.
+     * @group Props
+     */
+    readonly preventDuplicates: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Transform options of the show animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    readonly showTransformOptions: _angular_core.InputSignal<string>;
+    /**
+     * Transform options of the hide animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    readonly hideTransformOptions: _angular_core.InputSignal<string>;
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    readonly showTransitionOptions: _angular_core.InputSignal<string>;
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    readonly hideTransitionOptions: _angular_core.InputSignal<string>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * Object literal to define styles per screen size.
+     * @group Props
+     */
+    readonly breakpoints: _angular_core.InputSignal<{
+        [key: string]: any;
+    } | undefined>;
+    /**
+     * Callback to invoke when a message is closed.
+     * @param {ToastCloseEvent} event - custom close event.
+     * @group Emits
+     */
+    readonly onClose: _angular_core.OutputEmitterRef<ToastCloseEvent>;
+    /**
+     * Custom message template.
+     * @param {ToastMessageTemplateContext} context - message context.
+     * @see {@link ToastMessageTemplateContext}
+     * @group Templates
+     */
+    readonly template: _angular_core.Signal<TemplateRef<ToastMessageTemplateContext> | undefined>;
+    /**
+     * Custom headless template.
+     * @param {ToastHeadlessTemplateContext} context - headless context.
+     * @see {@link ToastHeadlessTemplateContext}
+     * @group Templates
+     */
+    readonly headlessTemplate: _angular_core.Signal<TemplateRef<ToastHeadlessTemplateContext> | undefined>;
+    messageSubscription: Subscription | undefined;
+    clearSubscription: Subscription | undefined;
+    messages: ToastMessageOptions[] | null | undefined;
+    messagesArchieve: ToastMessageOptions[] | undefined;
+    messageService: MessageService;
+    _componentStyle: ToastStyle;
+    styleElement: any;
+    id: string;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    clearAllTrigger: _angular_core.WritableSignal<{} | null>;
+    constructor();
+    onInit(): void;
+    clearAll(): void;
+    _template: TemplateRef<ToastMessageTemplateContext> | undefined;
+    _headlessTemplate: TemplateRef<ToastHeadlessTemplateContext> | undefined;
+    onAfterContentInit(): void;
+    onAfterViewInit(): void;
+    add(messages: ToastMessageOptions[]): void;
+    canAdd(message: ToastMessageOptions): boolean;
+    containsMessage(collection: ToastMessageOptions[], message: ToastMessageOptions): boolean;
+    onMessageClose(event: ToastItemCloseEvent): void;
+    onAnimationStart(): void;
+    onAnimationEnd(): void;
+    createStyle(): void;
+    destroyStyle(): void;
+    onDestroy(): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Toast, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Toast, "h-toast", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "life": { "alias": "life"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOpenDuplicates": { "alias": "preventOpenDuplicates"; "required": false; "isSignal": true; }; "preventDuplicates": { "alias": "preventDuplicates"; "required": false; "isSignal": true; }; "showTransformOptions": { "alias": "showTransformOptions"; "required": false; "isSignal": true; }; "hideTransformOptions": { "alias": "hideTransformOptions"; "required": false; "isSignal": true; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; "isSignal": true; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; }, { "position": "positionChange"; "onClose": "onClose"; }, ["template", "headlessTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class ToastModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ToastModule, never, [typeof Toast, typeof i2.SharedModule], [typeof Toast, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ToastModule>;
+}
+
+export { Toast, ToastClasses, ToastItem, ToastModule, ToastStyle };

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

@@ -0,0 +1,203 @@
+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';
+
+/**
+ *
+ * ToggleButton is used to select a boolean value using a button.
+ *
+ * [Live Demo](https://www.primeng.org/togglebutton/)
+ *
+ * @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>;
+}
+interface ToggleButtonStyle extends BaseStyle {
+}
+
+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 { TOGGLEBUTTON_VALUE_ACCESSOR, ToggleButton, ToggleButtonClasses, ToggleButtonModule, ToggleButtonStyle };

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

@@ -0,0 +1,165 @@
+import { ToggleSwitchPassThrough, ToggleSwitchChangeEvent, ToggleSwitchHandleTemplateContext } from '@gravionlabs/helix-core/types/toggleswitch';
+export * from '@gravionlabs/helix-core/types/toggleswitch';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * ToggleSwitch is used to select a boolean value.
+ *
+ * [Live Demo](https://www.primeng.org/toggleswitch/)
+ *
+ * @module toggleswitchstyle
+ *
+ */
+declare enum ToggleSwitchClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-toggleswitch",
+    /**
+     * Class name of the input element
+     */
+    input = "h-toggleswitch-input",
+    /**
+     * Class name of the slider element
+     */
+    slider = "h-toggleswitch-slider"
+}
+declare class ToggleSwitchStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-toggleswitch h-component': boolean;
+            'h-toggleswitch-checked': any;
+            'h-disabled': any;
+            'h-invalid': any;
+        })[];
+        input: string;
+        slider: string;
+        handle: string;
+    };
+    inlineStyles: {
+        root: {
+            position: string;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleSwitchStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface ToggleSwitchStyle extends BaseStyle {
+}
+
+declare const TOGGLESWITCH_VALUE_ACCESSOR: any;
+/**
+ * ToggleSwitch is used to select a boolean value.
+ * @group Components
+ */
+declare class ToggleSwitch extends BaseEditableHolder<ToggleSwitchPassThrough> {
+    componentName: string;
+    $pcToggleSwitch: ToggleSwitch | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Identifier of the input element.
+     * @group Props
+     */
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that the component cannot be edited.
+     * @group Props
+     */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Value in checked state.
+     * @group Props
+     */
+    readonly trueValue: _angular_core.InputSignal<any>;
+    /**
+     * Value in unchecked state.
+     * @group Props
+     */
+    readonly falseValue: _angular_core.InputSignal<any>;
+    /**
+     * Used to define a string that autocomplete attribute the current element.
+     * @group Props
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size: _angular_core.InputSignal<"large" | "small" | 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>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    readonly autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Callback to invoke when the on value change.
+     * @param {ToggleSwitchChangeEvent} event - Custom change event.
+     * @group Emits
+     */
+    readonly onChange: _angular_core.OutputEmitterRef<ToggleSwitchChangeEvent>;
+    readonly input: _angular_core.Signal<ElementRef<any>>;
+    /**
+     * Custom handle template.
+     * @param {ToggleSwitchHandleTemplateContext} context - handle context.
+     * @see {@link ToggleSwitchHandleTemplateContext}
+     * @group Templates
+     */
+    readonly handleTemplate: _angular_core.Signal<TemplateRef<ToggleSwitchHandleTemplateContext> | undefined>;
+    _handleTemplate: TemplateRef<ToggleSwitchHandleTemplateContext> | undefined;
+    focused: boolean;
+    _componentStyle: ToggleSwitchStyle;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    onHostClick(event: MouseEvent): void;
+    onAfterContentInit(): void;
+    onClick(event: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    checked(): boolean;
+    /**
+     * @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<ToggleSwitch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleSwitch, "h-toggleswitch, h-toggleSwitch, h-toggle-switch", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "trueValue": { "alias": "trueValue"; "required": false; "isSignal": true; }; "falseValue": { "alias": "falseValue"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, ["handleTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class ToggleSwitchModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleSwitchModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ToggleSwitchModule, never, [typeof ToggleSwitch, typeof i2.SharedModule], [typeof ToggleSwitch, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ToggleSwitchModule>;
+}
+
+export { TOGGLESWITCH_VALUE_ACCESSOR, ToggleSwitch, ToggleSwitchClasses, ToggleSwitchModule, ToggleSwitchStyle };