@gravionlabs/helix-core 22.0.0

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

@@ -0,0 +1,408 @@
+import { SpeedDialPassThrough, SpeedDialButtonTemplateContext, SpeedDialItemTemplateContext } from '@gravionlabs/helix-core/types/speeddial';
+export * from '@gravionlabs/helix-core/types/speeddial';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { MenuItem, TooltipOptions, 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 { ButtonProps } from '@gravionlabs/helix-core/button';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * When pressed, a floating action button can display multiple primary actions that can be performed on a page.
+ *
+ * [Live Demo](https://www.primeng.org/speeddial/)
+ *
+ * @module speeddialstyle
+ *
+ */
+declare enum SpeedDialClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-speeddial",
+    /**
+     * Class name of the button element
+     */
+    pcButton = "h-speeddial-button",
+    /**
+     * Class name of the list element
+     */
+    list = "h-speeddial-list",
+    /**
+     * Class name of the item element
+     */
+    item = "h-speeddial-item",
+    /**
+     * Class name of the action element
+     */
+    pcAction = "h-speeddial-action",
+    /**
+     * Class name of the action icon element
+     */
+    actionIcon = "h-speeddial-action-icon",
+    /**
+     * Class name of the mask element
+     */
+    mask = "h-speeddial-mask"
+}
+declare class SpeedDialStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            [x: string]: any;
+            'h-speeddial-open': any;
+            'h-disabled': any;
+        })[];
+        pcButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-speeddial-rotate': any;
+        })[];
+        list: string;
+        item: ({ instance, item, i }: {
+            instance: any;
+            item: any;
+            i: any;
+        }) => (string | {
+            'h-hidden': boolean;
+            'h-focus': boolean;
+        })[];
+        pcAction: string;
+        actionIcon: string;
+        mask: string;
+    };
+    inlineStyles: {
+        root: ({ instance }: {
+            instance: any;
+        }) => {
+            alignItems: string | false;
+            justifyContent: string | false;
+            flexDirection: string | null;
+        };
+        list: ({ instance }: {
+            instance: any;
+        }) => {
+            flexDirection: string | null;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpeedDialStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface SpeedDialStyle extends BaseStyle {
+}
+
+/**
+ * When pressed, a floating action button can display multiple primary actions that can be performed on a page.
+ * @group Components
+ */
+declare class SpeedDial extends BaseComponent<SpeedDialPassThrough> {
+    componentName: string;
+    $pcSpeedDial: SpeedDial | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * List of items id.
+     * @group Props
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    private readonly autoId;
+    readonly $id: _angular_core.Signal<string>;
+    /**
+     * MenuModel instance to define the action items.
+     * @group Props
+     */
+    readonly model: _angular_core.InputSignal<MenuItem[] | null>;
+    /**
+     * Specifies the visibility of the overlay.
+     * @defaultValue false
+     * @group Props
+     */
+    readonly visible: _angular_core.ModelSignal<boolean>;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    readonly style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the element.
+     * @group Props
+     */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies the opening direction of actions.
+     * @gruop Props
+     */
+    readonly direction: _angular_core.InputSignal<"up" | "down" | "left" | "right" | "up-left" | "up-right" | "down-left" | "down-right" | undefined>;
+    /**
+     * Transition delay step for each action item.
+     * @group Props
+     */
+    readonly transitionDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Specifies the opening type of actions.
+     * @group Props
+     */
+    readonly type: _angular_core.InputSignal<"circle" | "linear" | "semi-circle" | "quarter-circle" | undefined>;
+    /**
+     * Radius for *circle types.
+     * @group Props
+     */
+    readonly radius: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Whether to show a mask element behind the speeddial.
+     * @group Props
+     */
+    readonly mask: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the component is disabled.
+     * @group Props
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the actions close when clicked outside.
+     * @group Props
+     */
+    readonly hideOnClickOutside: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Inline style of the button element.
+     * @group Props
+     */
+    readonly buttonStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the button element.
+     * @group Props
+     */
+    readonly buttonClassName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the mask element.
+     * @group Props
+     */
+    readonly maskStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the mask element.
+     * @group Props
+     */
+    readonly maskClassName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Show icon of the button element.
+     * @group Props
+     */
+    readonly showIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Hide icon of the button element.
+     * @group Props
+     */
+    readonly hideIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defined to rotate showIcon when hideIcon is not present.
+     * @group Props
+     */
+    readonly rotateAnimation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines a string value that labels an interactive element.
+     * @group Props
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Identifier of the underlying input element.
+     * @group Props
+     */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to display the tooltip on items. The modifiers of Tooltip can be used like an object in it. Valid keys are 'event' and 'position'.
+     * @group Props
+     */
+    readonly tooltipOptions: _angular_core.InputSignal<TooltipOptions>;
+    /**
+     * Used to pass all properties of the ButtonProps to the Button component.
+     * @group Props
+     */
+    readonly buttonProps: _angular_core.InputSignal<ButtonProps>;
+    /**
+     * Fired when the visibility of element changed.
+     * @param {boolean} boolean - Visibility value.
+     * @group Emits
+     */
+    readonly onVisibleChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Fired when the button element clicked.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
+    readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    /**
+     * Fired when the actions are visible.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    readonly onShow: _angular_core.OutputEmitterRef<Event | undefined>;
+    /**
+     * Fired when the actions are hidden.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    readonly onHide: _angular_core.OutputEmitterRef<Event | undefined>;
+    readonly container: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly list: _angular_core.Signal<ElementRef<any> | undefined>;
+    /**
+     * Custom button template.
+     * @param {SpeedDialButtonTemplateContext} context - button context.
+     * @see {@link SpeedDialButtonTemplateContext}
+     * @group Templates
+     */
+    readonly buttonTemplate: _angular_core.Signal<TemplateRef<SpeedDialButtonTemplateContext> | undefined>;
+    /**
+     * Custom item template.
+     * @param {SpeedDialItemTemplateContext} context - item context.
+     * @see {@link SpeedDialItemTemplateContext}
+     * @group Templates
+     */
+    readonly itemTemplate: _angular_core.Signal<TemplateRef<SpeedDialItemTemplateContext> | undefined>;
+    /**
+     * Custom icon template.
+     * @group Templates
+     */
+    readonly iconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    _buttonTemplate: TemplateRef<SpeedDialButtonTemplateContext> | undefined;
+    _itemTemplate: TemplateRef<SpeedDialItemTemplateContext> | undefined;
+    _iconTemplate: TemplateRef<void> | undefined;
+    isItemClicked: boolean;
+    documentClickListener: any;
+    focusedOptionIndex: _angular_core.WritableSignal<any>;
+    focused: boolean;
+    _componentStyle: SpeedDialStyle;
+    constructor();
+    get focusedOptionId(): any;
+    getTooltipOptions(item: MenuItem): {
+        tooltipLabel: string | undefined;
+        disabled: boolean;
+        tooltipPosition?: "right" | "left" | "top" | "bottom";
+        tooltipEvent?: "hover" | "focus" | "both";
+        appendTo?: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
+        positionStyle?: string;
+        tooltipStyleClass?: string;
+        tooltipZIndex?: string;
+        escape?: boolean;
+        positionTop?: number;
+        positionLeft?: number;
+        showDelay?: number;
+        hideDelay?: number;
+        life?: number;
+        id?: string;
+    };
+    getPTOptions(id: string, key: string): any;
+    isItemActive(id: string): boolean;
+    onInit(): void;
+    onAfterViewInit(): void;
+    onAfterContentInit(): void;
+    show(): void;
+    hide(): void;
+    onButtonClick(event: MouseEvent): void;
+    onItemClick(e: Event, item: MenuItem): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onFocus(event: any): void;
+    onBlur(event: any): void;
+    onArrowUp(event: any): void;
+    onArrowDown(event: any): void;
+    onArrowLeft(event: any): void;
+    onArrowRight(event: any): void;
+    onEndKey(event: any): void;
+    onHomeKey(event: any): void;
+    onEnterKey(event: any): void;
+    onEscapeKey(event: KeyboardEvent): void;
+    onTogglerKeydown(event: KeyboardEvent): void;
+    onTogglerArrowUp(event: any): void;
+    onTogglerArrowDown(event: any): void;
+    navigateNextItem(event: any): void;
+    navigatePrevItem(event: any): void;
+    findPrevOptionIndex(index: any): number;
+    findNextOptionIndex(index: any): number;
+    changeFocusedOptionIndex(index: any): void;
+    calculatePointStyle(index: number): {
+        left: string;
+        top: string;
+        bottom?: undefined;
+        right?: undefined;
+    } | {
+        left: string;
+        bottom: string;
+        top?: undefined;
+        right?: undefined;
+    } | {
+        right: string;
+        top: string;
+        left?: undefined;
+        bottom?: undefined;
+    } | {
+        right: string;
+        bottom: string;
+        left?: undefined;
+        top?: undefined;
+    } | {
+        left?: undefined;
+        top?: undefined;
+        bottom?: undefined;
+        right?: undefined;
+    };
+    calculateTransitionDelay(index: number): number;
+    get buttonIconClass(): string | undefined;
+    getItemStyle(index: number): {
+        left: string;
+        top: string;
+        bottom?: undefined;
+        right?: undefined;
+        transitionDelay: string;
+    } | {
+        left: string;
+        bottom: string;
+        top?: undefined;
+        right?: undefined;
+        transitionDelay: string;
+    } | {
+        right: string;
+        top: string;
+        left?: undefined;
+        bottom?: undefined;
+        transitionDelay: string;
+    } | {
+        right: string;
+        bottom: string;
+        left?: undefined;
+        top?: undefined;
+        transitionDelay: string;
+    } | {
+        left?: undefined;
+        top?: undefined;
+        bottom?: undefined;
+        right?: undefined;
+        transitionDelay: string;
+    };
+    isClickableRouterLink(item: MenuItem): any;
+    isOutsideClicked(event: Event): boolean | undefined;
+    bindDocumentClickListener(): void;
+    unbindDocumentClickListener(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpeedDial, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpeedDial, "h-speeddial, h-speedDial, h-speed-dial", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "transitionDelay": { "alias": "transitionDelay"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideOnClickOutside": { "alias": "hideOnClickOutside"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "buttonClassName": { "alias": "buttonClassName"; "required": false; "isSignal": true; }; "maskStyle": { "alias": "maskStyle"; "required": false; "isSignal": true; }; "maskClassName": { "alias": "maskClassName"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "hideIcon": { "alias": "hideIcon"; "required": false; "isSignal": true; }; "rotateAnimation": { "alias": "rotateAnimation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; "isSignal": true; }; "buttonProps": { "alias": "buttonProps"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onVisibleChange": "onVisibleChange"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; }, ["buttonTemplate", "itemTemplate", "iconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class SpeedDialModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpeedDialModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SpeedDialModule, never, [typeof SpeedDial, typeof i2.SharedModule], [typeof SpeedDial, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SpeedDialModule>;
+}
+
+export { SpeedDial, SpeedDialClasses, SpeedDialModule, SpeedDialStyle };

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

@@ -0,0 +1,283 @@
+import { SplitButtonPassThrough, ButtonProps, MenuButtonProps } from '@gravionlabs/helix-core/types/splitbutton';
+export * from '@gravionlabs/helix-core/types/splitbutton';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { MotionOptions } from '@gravionlabs/helix-core/uix/motion';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { MenuItem, TooltipOptions, 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 { TieredMenu } from '@gravionlabs/helix-core/tieredmenu';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * SplitButton groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.primeng.org/splitbutton/)
+ *
+ * @module splitbuttonstyle
+ *
+ */
+declare enum SplitButtonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-splitbutton",
+    /**
+     * Class name of the button element
+     */
+    pcButton = "h-splitbutton-button",
+    /**
+     * Class name of the dropdown element
+     */
+    pcDropdown = "h-splitbutton-dropdown"
+}
+declare class SplitButtonStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            [x: string]: any;
+            'h-splitbutton-raised': any;
+            'h-splitbutton-rounded': any;
+            'h-splitbutton-outlined': any;
+            'h-splitbutton-text': any;
+        })[];
+        pcButton: string;
+        pcDropdown: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface SplitButtonStyle extends BaseStyle {
+}
+
+type SplitButtonIconPosition = 'left' | 'right';
+/**
+ * SplitButton groups a set of commands in an overlay with a default command.
+ * @group Components
+ */
+declare class SplitButton extends BaseComponent<SplitButtonPassThrough> {
+    componentName: string;
+    $pcSplitButton: SplitButton | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * MenuModel instance to define the overlay items.
+     * @group Props
+     */
+    readonly model: _angular_core.InputSignal<MenuItem[] | undefined>;
+    /**
+     * Defines the style of the button.
+     * @group Props
+     */
+    readonly severity: _angular_core.InputSignal<"success" | "info" | "warn" | "danger" | "help" | "primary" | "secondary" | "contrast" | null | undefined>;
+    /**
+     * Add a shadow to indicate elevation.
+     * @group Props
+     */
+    readonly raised: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a circular border radius to the button.
+     * @group Props
+     */
+    readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a textual class to the button without a background initially.
+     * @group Props
+     */
+    readonly text: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a border class without a background initially.
+     * @group Props
+     */
+    readonly outlined: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the size of the button.
+     * @group Props
+     */
+    readonly size: _angular_core.InputSignal<"small" | "large" | null | undefined>;
+    /**
+     * Add a plain textual class to the button without a background initially.
+     * @group Props
+     */
+    readonly plain: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Name of the icon.
+     * @group Props
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Position of the icon.
+     * @group Props
+     */
+    readonly iconPos: _angular_core.InputSignal<SplitButtonIconPosition>;
+    /**
+     * Text of the button.
+     * @group Props
+     */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Tooltip for the main button.
+     * @group Props
+     */
+    readonly tooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Tooltip options for the main button.
+     * @group Props
+     */
+    readonly tooltipOptions: _angular_core.InputSignal<TooltipOptions | undefined>;
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the overlay menu.
+     * @group Props
+     */
+    readonly menuStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the overlay menu.
+     * @group Props
+     */
+    readonly menuStyleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Name of the dropdown icon.
+     * @group Props
+     */
+    readonly dropdownIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @defaultValue 'body'
+     * @group Props
+     */
+    appendTo: _angular_core.InputSignal<any>;
+    /**
+     * Indicates the direction of the element.
+     * @group Props
+     */
+    readonly dir: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the expand button for accessibility.
+     * @group Props
+     */
+    readonly expandAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * 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>;
+    /**
+     * Button Props
+     */
+    readonly buttonProps: _angular_core.InputSignal<ButtonProps | undefined>;
+    /**
+     * Menu Button Props
+     */
+    readonly menuButtonProps: _angular_core.InputSignal<MenuButtonProps | undefined>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    readonly autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * When present, it specifies that the menu button element should be disabled.
+     * @group Props
+     */
+    readonly menuButtonDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly $menuButtonDisabled: _angular_core.Signal<boolean>;
+    /**
+     * When present, it specifies that the button element should be disabled.
+     * @group Props
+     */
+    readonly buttonDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly $buttonDisabled: _angular_core.Signal<boolean>;
+    /**
+     * Callback to invoke when default command button is clicked.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
+    readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    /**
+     * Callback to invoke when overlay menu is hidden.
+     * @group Emits
+     */
+    readonly onMenuHide: _angular_core.OutputEmitterRef<any>;
+    /**
+     * Callback to invoke when overlay menu is shown.
+     * @group Emits
+     */
+    readonly onMenuShow: _angular_core.OutputEmitterRef<any>;
+    /**
+     * Callback to invoke when dropdown button is clicked.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
+    readonly onDropdownClick: _angular_core.OutputEmitterRef<MouseEvent | undefined>;
+    readonly buttonViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly menu: _angular_core.Signal<TieredMenu | undefined>;
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    readonly contentTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom dropdown icon template.
+     * @group Templates
+     **/
+    readonly dropdownIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    ariaId: string | undefined;
+    isExpanded: _angular_core.WritableSignal<boolean>;
+    _componentStyle: SplitButtonStyle;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _dropdownIconTemplate: TemplateRef<void> | undefined;
+    $appendTo: _angular_core.Signal<any>;
+    onInit(): void;
+    onAfterContentInit(): void;
+    onDefaultButtonClick(event: MouseEvent): void;
+    onDropdownButtonClick(event?: MouseEvent): void;
+    onDropdownButtonKeydown(event: KeyboardEvent): void;
+    onHide(): void;
+    onShow(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButton, "h-splitbutton, h-splitButton, h-split-button", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "menuStyle": { "alias": "menuStyle"; "required": false; "isSignal": true; }; "menuStyleClass": { "alias": "menuStyleClass"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "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; }; "buttonProps": { "alias": "buttonProps"; "required": false; "isSignal": true; }; "menuButtonProps": { "alias": "menuButtonProps"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "menuButtonDisabled": { "alias": "menuButtonDisabled"; "required": false; "isSignal": true; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onMenuHide": "onMenuHide"; "onMenuShow": "onMenuShow"; "onDropdownClick": "onDropdownClick"; }, ["contentTemplate", "dropdownIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class SplitButtonModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SplitButtonModule, never, [typeof SplitButton, typeof i2.SharedModule], [typeof SplitButton, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SplitButtonModule>;
+}
+
+export { SplitButton, SplitButtonClasses, SplitButtonModule, SplitButtonStyle };