@anguless/angulux 22.0.0-rc.0

package/types/anguless-angulux-toast.d.ts

@@ -0,0 +1,301 @@
+import { ToastPassThrough, ToastPositionType, ToastCloseEvent, ToastMessageTemplateContext, ToastHeadlessTemplateContext, ToastItemCloseEvent } from '@anguless/angulux/types/toast';
+export * from '@anguless/angulux/types/toast';
+import * as i0 from '@angular/core';
+import { EventEmitter, TemplateRef, QueryList, NgZone } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@anguless/angulux-motion';
+import * as i2 from '@anguless/angulux/api';
+import { ToastMessageOptions, MessageService, AglTemplate } from '@anguless/angulux/api';
+import { BaseComponent } from '@anguless/angulux/basecomponent';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { Subscription } from 'rxjs';
+import * as _anguless_angulux_styled from '@anguless/angulux-styled';
+import { BaseStyle } from '@anguless/angulux/base';
+
+/**
+ *
+ * Toast is used to display messages in an overlay.
+ *
+ * @module toaststyle
+ *
+ */
+declare enum ToastClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-toast",
+    /**
+     * Class name of the message element
+     */
+    message = "p-toast-message",
+    /**
+     * Class name of the message content element
+     */
+    messageContent = "p-toast-message-content",
+    /**
+     * Class name of the message icon element
+     */
+    messageIcon = "p-toast-message-icon",
+    /**
+     * Class name of the message text element
+     */
+    messageText = "p-toast-message-text",
+    /**
+     * Class name of the summary element
+     */
+    summary = "p-toast-summary",
+    /**
+     * Class name of the detail element
+     */
+    detail = "p-toast-detail",
+    /**
+     * Class name of the close button element
+     */
+    closeButton = "p-toast-close-button",
+    /**
+     * Class name of the close icon element
+     */
+    closeIcon = "p-toast-close-icon"
+}
+declare class ToastStyle extends BaseStyle {
+    name: string;
+    style: _anguless_angulux_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => string[];
+        message: ({ instance }: {
+            instance: any;
+        }) => {
+            'p-toast-message': boolean;
+            'p-toast-message-info': boolean;
+            'p-toast-message-warn': boolean;
+            'p-toast-message-error': boolean;
+            'p-toast-message-success': boolean;
+            'p-toast-message-secondary': boolean;
+            'p-toast-message-contrast': boolean;
+        };
+        messageContent: string;
+        messageIcon: ({ instance }: {
+            instance: any;
+        }) => {
+            [x: string]: boolean;
+            'p-toast-message-icon': boolean;
+        };
+        messageText: string;
+        summary: string;
+        detail: string;
+        closeButton: string;
+        closeIcon: ({ instance }: {
+            instance: any;
+        }) => {
+            [x: string]: boolean;
+            'p-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: i0.ɵɵFactoryDeclaration<ToastStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastStyle>;
+}
+interface ToastStyle extends BaseStyle {
+}
+
+declare class ToastItem extends BaseComponent<ToastPassThrough> {
+    private zone;
+    message: ToastMessageOptions | null | undefined;
+    index: number | null | undefined;
+    life: number;
+    template: TemplateRef<ToastMessageTemplateContext> | undefined;
+    headlessTemplate: TemplateRef<ToastHeadlessTemplateContext> | undefined;
+    showTransformOptions: string | undefined;
+    hideTransformOptions: string | undefined;
+    showTransitionOptions: string | undefined;
+    hideTransitionOptions: string | undefined;
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    clearAll: i0.InputSignal<any>;
+    onAnimationStart: i0.OutputEmitterRef<HTMLElement>;
+    onAnimationEnd: i0.OutputEmitterRef<HTMLElement>;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterLeave(event: MotionEvent): void;
+    onClose: EventEmitter<ToastItemCloseEvent>;
+    _componentStyle: ToastStyle;
+    timeout: any;
+    visible: i0.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: i0.ɵɵFactoryDeclaration<ToastItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastItem, "agl-toastItem", never, { "message": { "alias": "message"; "required": false; }; "index": { "alias": "index"; "required": false; }; "life": { "alias": "life"; "required": false; }; "template": { "alias": "template"; "required": false; }; "headlessTemplate": { "alias": "headlessTemplate"; "required": false; }; "showTransformOptions": { "alias": "showTransformOptions"; "required": false; }; "hideTransformOptions": { "alias": "hideTransformOptions"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "clearAll": { "alias": "clearAll"; "required": false; "isSignal": true; }; }, { "onAnimationStart": "onAnimationStart"; "onAnimationEnd": "onAnimationEnd"; "onClose": "onClose"; }, never, never, true, never>;
+    static ngAcceptInputType_index: unknown;
+    static ngAcceptInputType_life: unknown;
+}
+/**
+ * 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
+     */
+    key: string | undefined;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex: boolean;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex: number;
+    /**
+     * The default time to display messages for in milliseconds.
+     * @group Props
+     */
+    life: number;
+    /**
+     * Inline class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Position of the toast in viewport.
+     * @group Props
+     */
+    get position(): ToastPositionType;
+    set position(value: ToastPositionType);
+    /**
+     * It does not add the new message if there is already a toast displayed with the same content
+     * @group Props
+     */
+    preventOpenDuplicates: boolean;
+    /**
+     * Displays only once a message with the same content.
+     * @group Props
+     */
+    preventDuplicates: boolean;
+    /**
+     * Transform options of the show animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    showTransformOptions: string;
+    /**
+     * Transform options of the hide animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    hideTransformOptions: string;
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    showTransitionOptions: string;
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    hideTransitionOptions: string;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
+    /**
+     * Object literal to define styles per screen size.
+     * @group Props
+     */
+    breakpoints: {
+        [key: string]: any;
+    } | undefined;
+    /**
+     * Callback to invoke when a message is closed.
+     * @param {ToastCloseEvent} event - custom close event.
+     * @group Emits
+     */
+    onClose: EventEmitter<ToastCloseEvent>;
+    /**
+     * Custom message template.
+     * @param {ToastMessageTemplateContext} context - message context.
+     * @see {@link ToastMessageTemplateContext}
+     * @group Templates
+     */
+    template: TemplateRef<ToastMessageTemplateContext> | undefined;
+    /**
+     * Custom headless template.
+     * @param {ToastHeadlessTemplateContext} context - headless context.
+     * @see {@link ToastHeadlessTemplateContext}
+     * @group Templates
+     */
+    headlessTemplate: TemplateRef<ToastHeadlessTemplateContext> | undefined;
+    messageSubscription: Subscription | undefined;
+    clearSubscription: Subscription | undefined;
+    messages: ToastMessageOptions[] | null | undefined;
+    messagesArchieve: ToastMessageOptions[] | undefined;
+    _position: ToastPositionType;
+    messageService: MessageService;
+    _componentStyle: ToastStyle;
+    styleElement: any;
+    id: string;
+    templates: QueryList<AglTemplate> | undefined;
+    clearAllTrigger: i0.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: i0.ɵɵFactoryDeclaration<Toast, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Toast, "agl-toast", never, { "key": { "alias": "key"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "life": { "alias": "life"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "position": { "alias": "position"; "required": false; }; "preventOpenDuplicates": { "alias": "preventOpenDuplicates"; "required": false; }; "preventDuplicates": { "alias": "preventDuplicates"; "required": false; }; "showTransformOptions": { "alias": "showTransformOptions"; "required": false; }; "hideTransformOptions": { "alias": "hideTransformOptions"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; }, { "onClose": "onClose"; }, ["template", "headlessTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_autoZIndex: unknown;
+    static ngAcceptInputType_baseZIndex: unknown;
+    static ngAcceptInputType_life: unknown;
+    static ngAcceptInputType_preventOpenDuplicates: unknown;
+    static ngAcceptInputType_preventDuplicates: unknown;
+}
+declare class ToastModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToastModule, never, [typeof Toast, typeof i2.SharedModule], [typeof Toast, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ToastModule>;
+}
+
+export { Toast, ToastClasses, ToastItem, ToastModule, ToastStyle };

package/types/anguless-angulux-togglebutton.d.ts

@@ -0,0 +1,203 @@
+import { ToggleButtonPassThrough, ToggleButtonChangeEvent, ToggleButtonIconTemplateContext, ToggleButtonContentTemplateContext } from '@anguless/angulux/types/togglebutton';
+export * from '@anguless/angulux/types/togglebutton';
+import { BaseStyle } from '@anguless/angulux/base';
+import * as i0 from '@angular/core';
+import { EventEmitter, TemplateRef, QueryList } from '@angular/core';
+import * as i3 from '@anguless/angulux/api';
+import { AglTemplate } from '@anguless/angulux/api';
+import { BaseEditableHolder } from '@anguless/angulux/baseeditableholder';
+import * as i2 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { Nullable } from '@anguless/angulux/ts-helpers';
+import * as i1 from '@anguless/angulux/ripple';
+
+/**
+ *
+ * ToggleButton is used to select a boolean value using a button.
+ *
+ * @module togglebuttonstyle
+ *
+ */
+declare enum ToggleButtonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-togglebutton",
+    /**
+     * Class name of the icon element
+     */
+    icon = "p-togglebutton-icon",
+    /**
+     * Class name of the left icon
+     */
+    iconLeft = "p-togglebutton-icon-left",
+    /**
+     * Class name of the right icon
+     */
+    iconRight = "p-togglebutton-icon-right",
+    /**
+     * Class name of the label element
+     */
+    label = "p-togglebutton-label"
+}
+declare class ToggleButtonStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-togglebutton-checked': any;
+            'p-invalid': any;
+            'p-disabled': any;
+            'p-togglebutton-sm p-inputfield-sm': boolean;
+            'p-togglebutton-lg p-inputfield-lg': boolean;
+            'p-togglebutton-fluid': any;
+        })[];
+        content: string;
+        icon: string;
+        iconLeft: string;
+        iconRight: string;
+        label: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToggleButtonStyle>;
+}
+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
+     */
+    onLabel: string;
+    /**
+     * Label for the off state.
+     * @group Props
+     */
+    offLabel: string;
+    /**
+     * Icon for the on state.
+     * @group Props
+     */
+    onIcon: string | undefined;
+    /**
+     * Icon for the off state.
+     * @group Props
+     */
+    offIcon: string | undefined;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * Style class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Identifier of the focus input to match a label defined for the component.
+     * @group Props
+     */
+    inputId: string | undefined;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
+    /**
+     * Position of the icon.
+     * @group Props
+     */
+    iconPos: 'left' | 'right';
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Defines the size of the component.
+     * @group Props
+     */
+    size: 'large' | 'small';
+    /**
+     * Whether selection can not be cleared.
+     * @group Props
+     */
+    allowEmpty: boolean | undefined;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: i0.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Callback to invoke on value change.
+     * @param {ToggleButtonChangeEvent} event - Custom change event.
+     * @group Emits
+     */
+    onChange: EventEmitter<ToggleButtonChangeEvent>;
+    /**
+     * Custom icon template.
+     * @param {ToggleButtonIconTemplateContext} context - icon context.
+     * @see {@link ToggleButtonIconTemplateContext}
+     * @group Templates
+     */
+    iconTemplate: Nullable<TemplateRef<ToggleButtonIconTemplateContext>>;
+    /**
+     * Custom content template.
+     * @param {ToggleButtonContentTemplateContext} context - content context.
+     * @see {@link ToggleButtonContentTemplateContext}
+     * @group Templates
+     */
+    contentTemplate: Nullable<TemplateRef<ToggleButtonContentTemplateContext>>;
+    templates: QueryList<AglTemplate>;
+    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, "agl-toggleButton, agl-togglebutton, agl-toggle-button", never, { "onLabel": { "alias": "onLabel"; "required": false; }; "offLabel": { "alias": "offLabel"; "required": false; }; "onIcon": { "alias": "onIcon"; "required": false; }; "offIcon": { "alias": "offIcon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "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: {}; }]>;
+    static ngAcceptInputType_tabindex: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+}
+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>;
+}
+
+export { TOGGLEBUTTON_VALUE_ACCESSOR, ToggleButton, ToggleButtonClasses, ToggleButtonModule, ToggleButtonStyle };

package/types/anguless-angulux-toggleswitch.d.ts

@@ -0,0 +1,166 @@
+import { ToggleSwitchPassThrough, ToggleSwitchChangeEvent, ToggleSwitchHandleTemplateContext } from '@anguless/angulux/types/toggleswitch';
+export * from '@anguless/angulux/types/toggleswitch';
+import * as i0 from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
+import * as i2 from '@anguless/angulux/api';
+import { AglTemplate } from '@anguless/angulux/api';
+import { BaseEditableHolder } from '@anguless/angulux/baseeditableholder';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { BaseStyle } from '@anguless/angulux/base';
+
+/**
+ *
+ * ToggleSwitch is used to select a boolean value.
+ *
+ * @module toggleswitchstyle
+ *
+ */
+declare enum ToggleSwitchClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-toggleswitch",
+    /**
+     * Class name of the input element
+     */
+    input = "p-toggleswitch-input",
+    /**
+     * Class name of the slider element
+     */
+    slider = "p-toggleswitch-slider"
+}
+declare class ToggleSwitchStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-toggleswitch p-component': boolean;
+            'p-toggleswitch-checked': any;
+            'p-disabled': any;
+            'p-invalid': any;
+        })[];
+        input: string;
+        slider: string;
+        handle: string;
+    };
+    inlineStyles: {
+        root: {
+            position: string;
+        };
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleSwitchStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToggleSwitchStyle>;
+}
+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
+     */
+    styleClass: string | undefined;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
+    /**
+     * Identifier of the input element.
+     * @group Props
+     */
+    inputId: string | undefined;
+    /**
+     * When present, it specifies that the component cannot be edited.
+     * @group Props
+     */
+    readonly: boolean | undefined;
+    /**
+     * Value in checked state.
+     * @group Props
+     */
+    trueValue: any;
+    /**
+     * Value in unchecked state.
+     * @group Props
+     */
+    falseValue: any;
+    /**
+     * Used to define a string that autocomplete attribute the current element.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size: i0.InputSignal<"large" | "small" | undefined>;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Callback to invoke when the on value change.
+     * @param {ToggleSwitchChangeEvent} event - Custom change event.
+     * @group Emits
+     */
+    onChange: EventEmitter<ToggleSwitchChangeEvent>;
+    input: ElementRef;
+    /**
+     * Custom handle template.
+     * @param {ToggleSwitchHandleTemplateContext} context - handle context.
+     * @see {@link ToggleSwitchHandleTemplateContext}
+     * @group Templates
+     */
+    handleTemplate: TemplateRef<ToggleSwitchHandleTemplateContext> | undefined;
+    _handleTemplate: TemplateRef<ToggleSwitchHandleTemplateContext> | undefined;
+    focused: boolean;
+    _componentStyle: ToggleSwitchStyle;
+    templates: QueryList<AglTemplate>;
+    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: i0.ɵɵFactoryDeclaration<ToggleSwitch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitch, "agl-toggleswitch, agl-toggleSwitch, agl-toggle-switch", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "trueValue": { "alias": "trueValue"; "required": false; }; "falseValue": { "alias": "falseValue"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onChange": "onChange"; }, ["handleTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_tabindex: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+}
+declare class ToggleSwitchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleSwitchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleSwitchModule, never, [typeof ToggleSwitch, typeof i2.SharedModule], [typeof ToggleSwitch, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ToggleSwitchModule>;
+}
+
+export { TOGGLESWITCH_VALUE_ACCESSOR, ToggleSwitch, ToggleSwitchClasses, ToggleSwitchModule, ToggleSwitchStyle };