@gravionlabs/helix-core 22.1.2 → 22.1.4

package/fesm2022/gravionlabs-helix-core-splitbutton.mjs

@@ -1,23 +1,22 @@
-export * from '@gravionlabs/helix-core/types/splitbutton';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, booleanAttribute, computed, numberAttribute, output, viewChild, contentChild, contentChildren, signal, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { uuid } from '@gravionlabs/helix-core/uix/utils';
-import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
-import { AutoFocus } from '@gravionlabs/helix-core/autofocus';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { ButtonDirective } from '@gravionlabs/helix-core/button';
-import { ChevronDownIcon } from '@gravionlabs/helix-core/icons';
-import { Ripple } from '@gravionlabs/helix-core/ripple';
-import { TieredMenu } from '@gravionlabs/helix-core/tieredmenu';
-import * as i3 from '@gravionlabs/helix-core/tooltip';
-import { TooltipModule } from '@gravionlabs/helix-core/tooltip';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, contentChildren, inject, input, numberAttribute, output, signal, viewChild } from "@angular/core";
+import { uuid } from "@gravionlabs/helix-core/uix/utils";
+import { HelixTemplate, SharedModule } from "@gravionlabs/helix-core/api";
+import { AutoFocus } from "@gravionlabs/helix-core/autofocus";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { ButtonDirective } from "@gravionlabs/helix-core/button";
+import { ChevronDownIcon } from "@gravionlabs/helix-core/icons";
+import { Ripple } from "@gravionlabs/helix-core/ripple";
+import { TieredMenu } from "@gravionlabs/helix-core/tieredmenu";
+import * as i3 from "@gravionlabs/helix-core/tooltip";
+import { TooltipModule } from "@gravionlabs/helix-core/tooltip";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/splitbutton";
+const style = `
     .h-splitbutton {
         display: inline-flex;
         position: relative;
@@ -67,363 +66,966 @@ const style = /*css*/ `
         box-shadow: dt('splitbutton.raised.shadow');
     }
 `;
-
 const classes = {
-    root: ({ instance }) => [
-        'h-splitbutton h-component',
-        {
-            'h-splitbutton-raised': instance.raised(),
-            'h-splitbutton-rounded': instance.rounded(),
-            'h-splitbutton-outlined': instance.outlined(),
-            'h-splitbutton-text': instance.text(),
-            [`h-splitbutton-${instance.size() === 'small' ? 'sm' : 'lg'}`]: instance.size()
-        }
-    ],
-    pcButton: 'h-splitbutton-button',
-    pcDropdown: 'h-splitbutton-dropdown h-button-icon-only'
+	root: ({ instance }) => ["h-splitbutton h-component", {
+		"h-splitbutton-raised": instance.raised(),
+		"h-splitbutton-rounded": instance.rounded(),
+		"h-splitbutton-outlined": instance.outlined(),
+		"h-splitbutton-text": instance.text(),
+		[`h-splitbutton-${instance.size() === "small" ? "sm" : "lg"}`]: instance.size()
+	}],
+	pcButton: "h-splitbutton-button",
+	pcDropdown: "h-splitbutton-dropdown h-button-icon-only"
+};
+var SplitButtonStyle = class SplitButtonStyle extends BaseStyle {
+	name = "splitbutton";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SplitButtonStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SplitButtonStyle
+	});
 };
-class SplitButtonStyle extends BaseStyle {
-    name = 'splitbutton';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SplitButtonStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SplitButtonStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SplitButtonStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * SplitButton groups a set of commands in an overlay with a default command.
- *
- * [Live Demo](https://www.primeng.org/splitbutton/)
- *
- * @module splitbuttonstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SplitButtonStyle,
+	decorators: [{ type: Injectable }]
+});
 var SplitButtonClasses;
-(function (SplitButtonClasses) {
-    /**
-     * Class name of the root element
-     */
-    SplitButtonClasses["root"] = "h-splitbutton";
-    /**
-     * Class name of the button element
-     */
-    SplitButtonClasses["pcButton"] = "h-splitbutton-button";
-    /**
-     * Class name of the dropdown element
-     */
-    SplitButtonClasses["pcDropdown"] = "h-splitbutton-dropdown";
+(function(SplitButtonClasses) {
+	SplitButtonClasses["root"] = "h-splitbutton";
+	SplitButtonClasses["pcButton"] = "h-splitbutton-button";
+	SplitButtonClasses["pcDropdown"] = "h-splitbutton-dropdown";
 })(SplitButtonClasses || (SplitButtonClasses = {}));
-
-const SPLITBUTTON_INSTANCE = new InjectionToken('SPLITBUTTON_INSTANCE');
-/**
- * SplitButton groups a set of commands in an overlay with a default command.
- * @group Components
- */
-class SplitButton extends BaseComponent {
-    componentName = 'SplitButton';
-    $pcSplitButton = inject(SPLITBUTTON_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * MenuModel instance to define the overlay items.
-     * @group Props
-     */
-    model = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "model" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines the style of the button.
-     * @group Props
-     */
-    severity = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "severity" }] : /* istanbul ignore next */ []));
-    /**
-     * Add a shadow to indicate elevation.
-     * @group Props
-     */
-    raised = input(false, { ...(ngDevMode ? { debugName: "raised" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Add a circular border radius to the button.
-     * @group Props
-     */
-    rounded = input(false, { ...(ngDevMode ? { debugName: "rounded" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Add a textual class to the button without a background initially.
-     * @group Props
-     */
-    text = input(false, { ...(ngDevMode ? { debugName: "text" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Add a border class without a background initially.
-     * @group Props
-     */
-    outlined = input(false, { ...(ngDevMode ? { debugName: "outlined" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Defines the size of the button.
-     * @group Props
-     */
-    size = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    /**
-     * Add a plain textual class to the button without a background initially.
-     * @group Props
-     */
-    plain = input(false, { ...(ngDevMode ? { debugName: "plain" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Name of the icon.
-     * @group Props
-     */
-    icon = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    iconPos = input('left', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconPos" }] : /* istanbul ignore next */ []));
-    /**
-     * Text of the button.
-     * @group Props
-     */
-    label = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
-    /**
-     * Tooltip for the main button.
-     * @group Props
-     */
-    tooltip = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
-    /**
-     * Tooltip options for the main button.
-     * @group Props
-     */
-    tooltipOptions = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "tooltipOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Class of the element.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Inline style of the overlay menu.
-     * @group Props
-     */
-    menuStyle = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "menuStyle" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the overlay menu.
-     * @group Props
-     */
-    menuStyleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "menuStyleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Name of the dropdown icon.
-     * @group Props
-     */
-    dropdownIcon = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dropdownIcon" }] : /* istanbul ignore next */ []));
-    /**
-     * 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 = input('body', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "appendTo" }] : /* istanbul ignore next */ []));
-    /**
-     * Indicates the direction of the element.
-     * @group Props
-     */
-    dir = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dir" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines a string that labels the expand button for accessibility.
-     * @group Props
-     */
-    expandAriaLabel = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "expandAriaLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     */
-    showTransitionOptions = input('.12s cubic-bezier(0, 0, 0.2, 1)', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showTransitionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     */
-    hideTransitionOptions = input('.1s linear', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hideTransitionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * The motion options.
-     * @group Props
-     */
-    motionOptions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
-    computedMotionOptions = computed(() => {
-        return {
-            ...this.ptm('motion'),
-            ...this.motionOptions()
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Button Props
-     */
-    buttonProps = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "buttonProps" }] : /* istanbul ignore next */ []));
-    /**
-     * Menu Button Props
-     */
-    menuButtonProps = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "menuButtonProps" }] : /* istanbul ignore next */ []));
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    autofocus = input(undefined, { ...(ngDevMode ? { debugName: "autofocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    tabindex = input(undefined, { ...(ngDevMode ? { debugName: "tabindex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    /**
-     * When present, it specifies that the menu button element should be disabled.
-     * @group Props
-     */
-    menuButtonDisabled = input(false, { ...(ngDevMode ? { debugName: "menuButtonDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    $menuButtonDisabled = computed(() => this.disabled() ?? this.menuButtonDisabled(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$menuButtonDisabled" }] : /* istanbul ignore next */ []));
-    /**
-     * When present, it specifies that the button element should be disabled.
-     * @group Props
-     */
-    buttonDisabled = input(false, { ...(ngDevMode ? { debugName: "buttonDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    $buttonDisabled = computed(() => this.disabled() ?? this.buttonDisabled(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$buttonDisabled" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke when default command button is clicked.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    onClick = output();
-    /**
-     * Callback to invoke when overlay menu is hidden.
-     * @group Emits
-     */
-    onMenuHide = output();
-    /**
-     * Callback to invoke when overlay menu is shown.
-     * @group Emits
-     */
-    onMenuShow = output();
-    /**
-     * Callback to invoke when dropdown button is clicked.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    onDropdownClick = output();
-    buttonViewChild = viewChild('defaultbtn', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonViewChild" }] : /* istanbul ignore next */ []));
-    menu = viewChild('menu', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []));
-    /**
-     * Custom content template.
-     * @group Templates
-     */
-    contentTemplate = contentChild('content', { ...(ngDevMode ? { debugName: "contentTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom dropdown icon template.
-     * @group Templates
-     **/
-    dropdownIconTemplate = contentChild('dropdownicon', { ...(ngDevMode ? { debugName: "dropdownIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    ariaId;
-    isExpanded = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
-    _componentStyle = inject(SplitButtonStyle);
-    _contentTemplate;
-    _dropdownIconTemplate;
-    $appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$appendTo" }] : /* istanbul ignore next */ []));
-    onInit() {
-        this.ariaId = uuid('pn_id_');
-    }
-    onAfterContentInit() {
-        this.templates()?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this._contentTemplate = item.template;
-                    break;
-                case 'dropdownicon':
-                    this._dropdownIconTemplate = item.template;
-                    break;
-                default:
-                    this._contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-    onDefaultButtonClick(event) {
-        this.onClick?.emit(event);
-        this.menu()?.hide();
-    }
-    onDropdownButtonClick(event) {
-        this.onDropdownClick.emit(event);
-        this.menu()?.toggle({ currentTarget: this.el?.nativeElement, relativeAlign: this.$appendTo() == 'self' });
-    }
-    onDropdownButtonKeydown(event) {
-        if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {
-            this.onDropdownButtonClick();
-            event.preventDefault();
-        }
-    }
-    onHide() {
-        this.isExpanded.set(false);
-        this.onMenuHide.emit(undefined);
-    }
-    onShow() {
-        this.isExpanded.set(true);
-        this.onMenuShow.emit(undefined);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SplitButton, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: SplitButton, isStandalone: true, selector: "h-splitbutton, h-splitButton, h-split-button", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipOptions: { classPropertyName: "tooltipOptions", publicName: "tooltipOptions", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, menuStyle: { classPropertyName: "menuStyle", publicName: "menuStyle", isSignal: true, isRequired: false, transformFunction: null }, menuStyleClass: { classPropertyName: "menuStyleClass", publicName: "menuStyleClass", isSignal: true, isRequired: false, transformFunction: null }, dropdownIcon: { classPropertyName: "dropdownIcon", publicName: "dropdownIcon", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, expandAriaLabel: { classPropertyName: "expandAriaLabel", publicName: "expandAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null }, buttonProps: { classPropertyName: "buttonProps", publicName: "buttonProps", isSignal: true, isRequired: false, transformFunction: null }, menuButtonProps: { classPropertyName: "menuButtonProps", publicName: "menuButtonProps", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, menuButtonDisabled: { classPropertyName: "menuButtonDisabled", publicName: "menuButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, buttonDisabled: { classPropertyName: "buttonDisabled", publicName: "buttonDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onMenuHide: "onMenuHide", onMenuShow: "onMenuShow", onDropdownClick: "onDropdownClick" }, host: { properties: { "class": "cn(cx('root'), styleClass())", "attr.data-h-severity": "severity()" } }, providers: [SplitButtonStyle, { provide: SPLITBUTTON_INSTANCE, useExisting: SplitButton }, { provide: PARENT_INSTANCE, useExisting: SplitButton }], queries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], isSignal: true }, { propertyName: "dropdownIconTemplate", first: true, predicate: ["dropdownicon"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], viewQueries: [{ propertyName: "buttonViewChild", first: true, predicate: ["defaultbtn"], descendants: true, isSignal: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "@if (contentTemplate() || _contentTemplate) {\n  <button\n    [class]=\"cx('pcButton')\"\n    type=\"button\"\n    hButton\n    hRipple\n    [severity]=\"severity()\"\n    [text]=\"text()\"\n    [outlined]=\"outlined()\"\n    [size]=\"size()\"\n    [icon]=\"icon()\"\n    [iconPos]=\"iconPos()\"\n    (click)=\"onDefaultButtonClick($event)\"\n    [disabled]=\"disabled()\"\n    [attr.tabindex]=\"tabindex()\"\n    [attr.aria-label]=\"buttonProps()?.['ariaLabel'] || label()\"\n    [hAutoFocus]=\"autofocus()\"\n    [hTooltip]=\"tooltip()\"\n    [pTooltipUnstyled]=\"unstyled()\"\n    [tooltipOptions]=\"tooltipOptions()\"\n    [pt]=\"ptm('pcButton')\"\n    [unstyled]=\"unstyled()\"\n    >\n    <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate\"></ng-container>\n  </button>\n} @else {\n  <button\n    #defaultbtn\n    [class]=\"cx('pcButton')\"\n    type=\"button\"\n    hButton\n    hRipple\n    [severity]=\"severity()\"\n    [text]=\"text()\"\n    [outlined]=\"outlined()\"\n    [size]=\"size()\"\n    [icon]=\"icon()\"\n    [iconPos]=\"iconPos()\"\n    [label]=\"label()\"\n    (click)=\"onDefaultButtonClick($event)\"\n    [disabled]=\"$buttonDisabled()\"\n    [attr.tabindex]=\"tabindex()\"\n    [attr.aria-label]=\"buttonProps()?.['ariaLabel']\"\n    [hAutoFocus]=\"autofocus()\"\n    [hTooltip]=\"tooltip()\"\n    [pTooltipUnstyled]=\"unstyled()\"\n    [tooltipOptions]=\"tooltipOptions()\"\n    [pt]=\"ptm('pcButton')\"\n    [unstyled]=\"unstyled()\"\n  ></button>\n}\n<button\n  type=\"button\"\n  hButton\n  hRipple\n  [size]=\"size()\"\n  [severity]=\"severity()\"\n  [text]=\"text()\"\n  [outlined]=\"outlined()\"\n  [class]=\"cx('pcDropdown')\"\n  (click)=\"onDropdownButtonClick($event)\"\n  (keydown)=\"onDropdownButtonKeydown($event)\"\n  [disabled]=\"$menuButtonDisabled()\"\n  [attr.aria-label]=\"menuButtonProps()?.['ariaLabel'] || expandAriaLabel()\"\n  [attr.aria-haspopup]=\"menuButtonProps()?.['ariaHasPopup'] || true\"\n  [attr.aria-expanded]=\"menuButtonProps()?.['ariaExpanded'] || isExpanded()\"\n  [attr.aria-controls]=\"menuButtonProps()?.['ariaControls'] || ariaId\"\n  [pt]=\"ptm('pcDropdown')\"\n  [unstyled]=\"unstyled()\"\n  >\n  @if (dropdownIcon()) {\n    <span [class]=\"dropdownIcon()\"></span>\n  }\n  @if (!dropdownIcon()) {\n    @if (!dropdownIconTemplate() && !_dropdownIconTemplate) {\n      <svg data-h-icon=\"chevron-down\" />\n    }\n    <ng-template *ngTemplateOutlet=\"dropdownIconTemplate() || _dropdownIconTemplate\"></ng-template>\n  }\n</button>\n<h-tieredmenu\n  [id]=\"ariaId\"\n  #menu\n  [popup]=\"true\"\n  [model]=\"model()\"\n  [style]=\"menuStyle()\"\n  [styleClass]=\"menuStyleClass()\"\n  [appendTo]=\"$appendTo()\"\n  [motionOptions]=\"computedMotionOptions()\"\n  (onHide)=\"onHide()\"\n  (onShow)=\"onShow()\"\n  [pt]=\"ptm('pcMenu')\"\n  [unstyled]=\"unstyled()\"\n></h-tieredmenu>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ButtonDirective, selector: "[hButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: TieredMenu, selector: "h-tieredMenu, h-tieredmenu, h-tiered-menu", inputs: ["model", "popup", "style", "styleClass", "breakpoint", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: AutoFocus, selector: "[hAutoFocus]", inputs: ["hAutoFocus"] }, { kind: "component", type: ChevronDownIcon, selector: "[data-h-icon=\"chevron-down\"]" }, { kind: "directive", type: Ripple, selector: "[hRipple]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[hTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "hTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SplitButton, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-splitbutton, h-splitButton, h-split-button', standalone: true, imports: [CommonModule, ButtonDirective, TieredMenu, AutoFocus, ChevronDownIcon, Ripple, TooltipModule, SharedModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [SplitButtonStyle, { provide: SPLITBUTTON_INSTANCE, useExisting: SplitButton }, { provide: PARENT_INSTANCE, useExisting: SplitButton }], encapsulation: ViewEncapsulation.None, host: {
-                        '[class]': "cn(cx('root'), styleClass())",
-                        '[attr.data-h-severity]': 'severity()'
-                    }, hostDirectives: [Bind], template: "@if (contentTemplate() || _contentTemplate) {\n  <button\n    [class]=\"cx('pcButton')\"\n    type=\"button\"\n    hButton\n    hRipple\n    [severity]=\"severity()\"\n    [text]=\"text()\"\n    [outlined]=\"outlined()\"\n    [size]=\"size()\"\n    [icon]=\"icon()\"\n    [iconPos]=\"iconPos()\"\n    (click)=\"onDefaultButtonClick($event)\"\n    [disabled]=\"disabled()\"\n    [attr.tabindex]=\"tabindex()\"\n    [attr.aria-label]=\"buttonProps()?.['ariaLabel'] || label()\"\n    [hAutoFocus]=\"autofocus()\"\n    [hTooltip]=\"tooltip()\"\n    [pTooltipUnstyled]=\"unstyled()\"\n    [tooltipOptions]=\"tooltipOptions()\"\n    [pt]=\"ptm('pcButton')\"\n    [unstyled]=\"unstyled()\"\n    >\n    <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate\"></ng-container>\n  </button>\n} @else {\n  <button\n    #defaultbtn\n    [class]=\"cx('pcButton')\"\n    type=\"button\"\n    hButton\n    hRipple\n    [severity]=\"severity()\"\n    [text]=\"text()\"\n    [outlined]=\"outlined()\"\n    [size]=\"size()\"\n    [icon]=\"icon()\"\n    [iconPos]=\"iconPos()\"\n    [label]=\"label()\"\n    (click)=\"onDefaultButtonClick($event)\"\n    [disabled]=\"$buttonDisabled()\"\n    [attr.tabindex]=\"tabindex()\"\n    [attr.aria-label]=\"buttonProps()?.['ariaLabel']\"\n    [hAutoFocus]=\"autofocus()\"\n    [hTooltip]=\"tooltip()\"\n    [pTooltipUnstyled]=\"unstyled()\"\n    [tooltipOptions]=\"tooltipOptions()\"\n    [pt]=\"ptm('pcButton')\"\n    [unstyled]=\"unstyled()\"\n  ></button>\n}\n<button\n  type=\"button\"\n  hButton\n  hRipple\n  [size]=\"size()\"\n  [severity]=\"severity()\"\n  [text]=\"text()\"\n  [outlined]=\"outlined()\"\n  [class]=\"cx('pcDropdown')\"\n  (click)=\"onDropdownButtonClick($event)\"\n  (keydown)=\"onDropdownButtonKeydown($event)\"\n  [disabled]=\"$menuButtonDisabled()\"\n  [attr.aria-label]=\"menuButtonProps()?.['ariaLabel'] || expandAriaLabel()\"\n  [attr.aria-haspopup]=\"menuButtonProps()?.['ariaHasPopup'] || true\"\n  [attr.aria-expanded]=\"menuButtonProps()?.['ariaExpanded'] || isExpanded()\"\n  [attr.aria-controls]=\"menuButtonProps()?.['ariaControls'] || ariaId\"\n  [pt]=\"ptm('pcDropdown')\"\n  [unstyled]=\"unstyled()\"\n  >\n  @if (dropdownIcon()) {\n    <span [class]=\"dropdownIcon()\"></span>\n  }\n  @if (!dropdownIcon()) {\n    @if (!dropdownIconTemplate() && !_dropdownIconTemplate) {\n      <svg data-h-icon=\"chevron-down\" />\n    }\n    <ng-template *ngTemplateOutlet=\"dropdownIconTemplate() || _dropdownIconTemplate\"></ng-template>\n  }\n</button>\n<h-tieredmenu\n  [id]=\"ariaId\"\n  #menu\n  [popup]=\"true\"\n  [model]=\"model()\"\n  [style]=\"menuStyle()\"\n  [styleClass]=\"menuStyleClass()\"\n  [appendTo]=\"$appendTo()\"\n  [motionOptions]=\"computedMotionOptions()\"\n  (onHide)=\"onHide()\"\n  (onShow)=\"onShow()\"\n  [pt]=\"ptm('pcMenu')\"\n  [unstyled]=\"unstyled()\"\n></h-tieredmenu>\n" }]
-        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], raised: [{ type: i0.Input, args: [{ isSignal: true, alias: "raised", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], plain: [{ type: i0.Input, args: [{ isSignal: true, alias: "plain", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconPos: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPos", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipOptions", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], menuStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuStyle", required: false }] }], menuStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuStyleClass", required: false }] }], dropdownIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownIcon", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], expandAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandAriaLabel", required: false }] }], showTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTransitionOptions", required: false }] }], hideTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTransitionOptions", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], buttonProps: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonProps", required: false }] }], menuButtonProps: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuButtonProps", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], menuButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuButtonDisabled", required: false }] }], buttonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonDisabled", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], onMenuHide: [{ type: i0.Output, args: ["onMenuHide"] }], onMenuShow: [{ type: i0.Output, args: ["onMenuShow"] }], onDropdownClick: [{ type: i0.Output, args: ["onDropdownClick"] }], buttonViewChild: [{ type: i0.ViewChild, args: ['defaultbtn', { isSignal: true }] }], menu: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], contentTemplate: [{ type: i0.ContentChild, args: ['content', { ...{ descendants: false }, isSignal: true }] }], dropdownIconTemplate: [{ type: i0.ContentChild, args: ['dropdownicon', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class SplitButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: SplitButtonModule, imports: [SplitButton, SharedModule], exports: [SplitButton, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SplitButtonModule, imports: [SplitButton, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SplitButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [SplitButton, SharedModule],
-                    exports: [SplitButton, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const SPLITBUTTON_INSTANCE = new InjectionToken("SPLITBUTTON_INSTANCE");
+var SplitButton = class SplitButton extends BaseComponent {
+	componentName = "SplitButton";
+	$pcSplitButton = inject(SPLITBUTTON_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	model = input(...ngDevMode ? [void 0, { debugName: "model" }] : 	/* istanbul ignore next */ []);
+	severity = input(...ngDevMode ? [void 0, { debugName: "severity" }] : 	/* istanbul ignore next */ []);
+	raised = input(false, {
+		...ngDevMode ? { debugName: "raised" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	rounded = input(false, {
+		...ngDevMode ? { debugName: "rounded" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	text = input(false, {
+		...ngDevMode ? { debugName: "text" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	outlined = input(false, {
+		...ngDevMode ? { debugName: "outlined" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	size = input(null, ...ngDevMode ? [{ debugName: "size" }] : 	/* istanbul ignore next */ []);
+	plain = input(false, {
+		...ngDevMode ? { debugName: "plain" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : 	/* istanbul ignore next */ []);
+	iconPos = input("left", ...ngDevMode ? [{ debugName: "iconPos" }] : 	/* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : 	/* istanbul ignore next */ []);
+	tooltip = input(...ngDevMode ? [void 0, { debugName: "tooltip" }] : 	/* istanbul ignore next */ []);
+	tooltipOptions = input(...ngDevMode ? [void 0, { debugName: "tooltipOptions" }] : 	/* istanbul ignore next */ []);
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	menuStyle = input(...ngDevMode ? [void 0, { debugName: "menuStyle" }] : 	/* istanbul ignore next */ []);
+	menuStyleClass = input(...ngDevMode ? [void 0, { debugName: "menuStyleClass" }] : 	/* istanbul ignore next */ []);
+	dropdownIcon = input(...ngDevMode ? [void 0, { debugName: "dropdownIcon" }] : 	/* istanbul ignore next */ []);
+	appendTo = input("body", ...ngDevMode ? [{ debugName: "appendTo" }] : 	/* istanbul ignore next */ []);
+	dir = input(...ngDevMode ? [void 0, { debugName: "dir" }] : 	/* istanbul ignore next */ []);
+	expandAriaLabel = input(...ngDevMode ? [void 0, { debugName: "expandAriaLabel" }] : 	/* istanbul ignore next */ []);
+	showTransitionOptions = input(".12s cubic-bezier(0, 0, 0.2, 1)", ...ngDevMode ? [{ debugName: "showTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	hideTransitionOptions = input(".1s linear", ...ngDevMode ? [{ debugName: "hideTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	motionOptions = input(void 0, ...ngDevMode ? [{ debugName: "motionOptions" }] : 	/* istanbul ignore next */ []);
+	computedMotionOptions = computed(() => {
+		return {
+			...this.ptm("motion"),
+			...this.motionOptions()
+		};
+	}, ...ngDevMode ? [{ debugName: "computedMotionOptions" }] : 	/* istanbul ignore next */ []);
+	buttonProps = input(...ngDevMode ? [void 0, { debugName: "buttonProps" }] : 	/* istanbul ignore next */ []);
+	menuButtonProps = input(...ngDevMode ? [void 0, { debugName: "menuButtonProps" }] : 	/* istanbul ignore next */ []);
+	autofocus = input(void 0, {
+		...ngDevMode ? { debugName: "autofocus" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(void 0, {
+		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	tabindex = input(void 0, {
+		...ngDevMode ? { debugName: "tabindex" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	menuButtonDisabled = input(false, {
+		...ngDevMode ? { debugName: "menuButtonDisabled" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	$menuButtonDisabled = computed(() => this.disabled() ?? this.menuButtonDisabled(), ...ngDevMode ? [{ debugName: "$menuButtonDisabled" }] : 	/* istanbul ignore next */ []);
+	buttonDisabled = input(false, {
+		...ngDevMode ? { debugName: "buttonDisabled" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	$buttonDisabled = computed(() => this.disabled() ?? this.buttonDisabled(), ...ngDevMode ? [{ debugName: "$buttonDisabled" }] : 	/* istanbul ignore next */ []);
+	onClick = output();
+	onMenuHide = output();
+	onMenuShow = output();
+	onDropdownClick = output();
+	buttonViewChild = viewChild("defaultbtn", ...ngDevMode ? [{ debugName: "buttonViewChild" }] : 	/* istanbul ignore next */ []);
+	menu = viewChild("menu", ...ngDevMode ? [{ debugName: "menu" }] : 	/* istanbul ignore next */ []);
+	contentTemplate = contentChild("content", {
+		...ngDevMode ? { debugName: "contentTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	dropdownIconTemplate = contentChild("dropdownicon", {
+		...ngDevMode ? { debugName: "dropdownIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	ariaId;
+	isExpanded = signal(false, ...ngDevMode ? [{ debugName: "isExpanded" }] : 	/* istanbul ignore next */ []);
+	_componentStyle = inject(SplitButtonStyle);
+	_contentTemplate;
+	_dropdownIconTemplate;
+	$appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), ...ngDevMode ? [{ debugName: "$appendTo" }] : 	/* istanbul ignore next */ []);
+	onInit() {
+		this.ariaId = uuid("pn_id_");
+	}
+	onAfterContentInit() {
+		this.templates()?.forEach((item) => {
+			switch (item.getType()) {
+				case "content":
+					this._contentTemplate = item.template;
+					break;
+				case "dropdownicon":
+					this._dropdownIconTemplate = item.template;
+					break;
+				default:
+					this._contentTemplate = item.template;
+					break;
+			}
+		});
+	}
+	onDefaultButtonClick(event) {
+		this.onClick?.emit(event);
+		this.menu()?.hide();
+	}
+	onDropdownButtonClick(event) {
+		this.onDropdownClick.emit(event);
+		this.menu()?.toggle({
+			currentTarget: this.el?.nativeElement,
+			relativeAlign: this.$appendTo() == "self"
+		});
+	}
+	onDropdownButtonKeydown(event) {
+		if (event.code === "ArrowDown" || event.code === "ArrowUp") {
+			this.onDropdownButtonClick();
+			event.preventDefault();
+		}
+	}
+	onHide() {
+		this.isExpanded.set(false);
+		this.onMenuHide.emit(void 0);
+	}
+	onShow() {
+		this.isExpanded.set(true);
+		this.onMenuShow.emit(void 0);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SplitButton,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: SplitButton,
+		isStandalone: true,
+		selector: "h-splitbutton, h-splitButton, h-split-button",
+		inputs: {
+			model: {
+				classPropertyName: "model",
+				publicName: "model",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			severity: {
+				classPropertyName: "severity",
+				publicName: "severity",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			raised: {
+				classPropertyName: "raised",
+				publicName: "raised",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rounded: {
+				classPropertyName: "rounded",
+				publicName: "rounded",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			text: {
+				classPropertyName: "text",
+				publicName: "text",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			outlined: {
+				classPropertyName: "outlined",
+				publicName: "outlined",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			plain: {
+				classPropertyName: "plain",
+				publicName: "plain",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			iconPos: {
+				classPropertyName: "iconPos",
+				publicName: "iconPos",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooltip: {
+				classPropertyName: "tooltip",
+				publicName: "tooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooltipOptions: {
+				classPropertyName: "tooltipOptions",
+				publicName: "tooltipOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			menuStyle: {
+				classPropertyName: "menuStyle",
+				publicName: "menuStyle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			menuStyleClass: {
+				classPropertyName: "menuStyleClass",
+				publicName: "menuStyleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dropdownIcon: {
+				classPropertyName: "dropdownIcon",
+				publicName: "dropdownIcon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			appendTo: {
+				classPropertyName: "appendTo",
+				publicName: "appendTo",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dir: {
+				classPropertyName: "dir",
+				publicName: "dir",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			expandAriaLabel: {
+				classPropertyName: "expandAriaLabel",
+				publicName: "expandAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showTransitionOptions: {
+				classPropertyName: "showTransitionOptions",
+				publicName: "showTransitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideTransitionOptions: {
+				classPropertyName: "hideTransitionOptions",
+				publicName: "hideTransitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			motionOptions: {
+				classPropertyName: "motionOptions",
+				publicName: "motionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			buttonProps: {
+				classPropertyName: "buttonProps",
+				publicName: "buttonProps",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			menuButtonProps: {
+				classPropertyName: "menuButtonProps",
+				publicName: "menuButtonProps",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autofocus: {
+				classPropertyName: "autofocus",
+				publicName: "autofocus",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tabindex: {
+				classPropertyName: "tabindex",
+				publicName: "tabindex",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			menuButtonDisabled: {
+				classPropertyName: "menuButtonDisabled",
+				publicName: "menuButtonDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			buttonDisabled: {
+				classPropertyName: "buttonDisabled",
+				publicName: "buttonDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			onClick: "onClick",
+			onMenuHide: "onMenuHide",
+			onMenuShow: "onMenuShow",
+			onDropdownClick: "onDropdownClick"
+		},
+		host: { properties: {
+			"class": "cn(cx('root'), styleClass())",
+			"attr.data-h-severity": "severity()"
+		} },
+		providers: [
+			SplitButtonStyle,
+			{
+				provide: SPLITBUTTON_INSTANCE,
+				useExisting: SplitButton
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: SplitButton
+			}
+		],
+		queries: [
+			{
+				propertyName: "contentTemplate",
+				first: true,
+				predicate: ["content"],
+				isSignal: true
+			},
+			{
+				propertyName: "dropdownIconTemplate",
+				first: true,
+				predicate: ["dropdownicon"],
+				isSignal: true
+			},
+			{
+				propertyName: "templates",
+				predicate: HelixTemplate,
+				isSignal: true
+			}
+		],
+		viewQueries: [{
+			propertyName: "buttonViewChild",
+			first: true,
+			predicate: ["defaultbtn"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "menu",
+			first: true,
+			predicate: ["menu"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "@if (contentTemplate() || _contentTemplate) {\n  <button\n    [class]=\"cx('pcButton')\"\n    type=\"button\"\n    hButton\n    hRipple\n    [severity]=\"severity()\"\n    [text]=\"text()\"\n    [outlined]=\"outlined()\"\n    [size]=\"size()\"\n    [icon]=\"icon()\"\n    [iconPos]=\"iconPos()\"\n    (click)=\"onDefaultButtonClick($event)\"\n    [disabled]=\"disabled()\"\n    [attr.tabindex]=\"tabindex()\"\n    [attr.aria-label]=\"buttonProps()?.['ariaLabel'] || label()\"\n    [hAutoFocus]=\"autofocus()\"\n    [hTooltip]=\"tooltip()\"\n    [pTooltipUnstyled]=\"unstyled()\"\n    [tooltipOptions]=\"tooltipOptions()\"\n    [pt]=\"ptm('pcButton')\"\n    [unstyled]=\"unstyled()\"\n    >\n    <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate\"></ng-container>\n  </button>\n} @else {\n  <button\n    #defaultbtn\n    [class]=\"cx('pcButton')\"\n    type=\"button\"\n    hButton\n    hRipple\n    [severity]=\"severity()\"\n    [text]=\"text()\"\n    [outlined]=\"outlined()\"\n    [size]=\"size()\"\n    [icon]=\"icon()\"\n    [iconPos]=\"iconPos()\"\n    [label]=\"label()\"\n    (click)=\"onDefaultButtonClick($event)\"\n    [disabled]=\"$buttonDisabled()\"\n    [attr.tabindex]=\"tabindex()\"\n    [attr.aria-label]=\"buttonProps()?.['ariaLabel']\"\n    [hAutoFocus]=\"autofocus()\"\n    [hTooltip]=\"tooltip()\"\n    [pTooltipUnstyled]=\"unstyled()\"\n    [tooltipOptions]=\"tooltipOptions()\"\n    [pt]=\"ptm('pcButton')\"\n    [unstyled]=\"unstyled()\"\n  ></button>\n}\n<button\n  type=\"button\"\n  hButton\n  hRipple\n  [size]=\"size()\"\n  [severity]=\"severity()\"\n  [text]=\"text()\"\n  [outlined]=\"outlined()\"\n  [class]=\"cx('pcDropdown')\"\n  (click)=\"onDropdownButtonClick($event)\"\n  (keydown)=\"onDropdownButtonKeydown($event)\"\n  [disabled]=\"$menuButtonDisabled()\"\n  [attr.aria-label]=\"menuButtonProps()?.['ariaLabel'] || expandAriaLabel()\"\n  [attr.aria-haspopup]=\"menuButtonProps()?.['ariaHasPopup'] || true\"\n  [attr.aria-expanded]=\"menuButtonProps()?.['ariaExpanded'] || isExpanded()\"\n  [attr.aria-controls]=\"menuButtonProps()?.['ariaControls'] || ariaId\"\n  [pt]=\"ptm('pcDropdown')\"\n  [unstyled]=\"unstyled()\"\n  >\n  @if (dropdownIcon()) {\n    <span [class]=\"dropdownIcon()\"></span>\n  }\n  @if (!dropdownIcon()) {\n    @if (!dropdownIconTemplate() && !_dropdownIconTemplate) {\n      <svg data-h-icon=\"chevron-down\" />\n    }\n    <ng-template *ngTemplateOutlet=\"dropdownIconTemplate() || _dropdownIconTemplate\"></ng-template>\n  }\n</button>\n<h-tieredmenu\n  [id]=\"ariaId\"\n  #menu\n  [popup]=\"true\"\n  [model]=\"model()\"\n  [style]=\"menuStyle()\"\n  [styleClass]=\"menuStyleClass()\"\n  [appendTo]=\"$appendTo()\"\n  [motionOptions]=\"computedMotionOptions()\"\n  (onHide)=\"onHide()\"\n  (onShow)=\"onShow()\"\n  [pt]=\"ptm('pcMenu')\"\n  [unstyled]=\"unstyled()\"\n></h-tieredmenu>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i2.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "directive",
+				type: ButtonDirective,
+				selector: "[hButton]",
+				inputs: [
+					"ptButtonDirective",
+					"pButtonPT",
+					"pButtonUnstyled",
+					"hostName",
+					"text",
+					"plain",
+					"raised",
+					"size",
+					"outlined",
+					"rounded",
+					"iconPos",
+					"loadingIcon",
+					"fluid",
+					"label",
+					"icon",
+					"loading",
+					"buttonProps",
+					"severity"
+				]
+			},
+			{
+				kind: "component",
+				type: TieredMenu,
+				selector: "h-tieredMenu, h-tieredmenu, h-tiered-menu",
+				inputs: [
+					"model",
+					"popup",
+					"style",
+					"styleClass",
+					"breakpoint",
+					"autoZIndex",
+					"baseZIndex",
+					"autoDisplay",
+					"showTransitionOptions",
+					"hideTransitionOptions",
+					"id",
+					"ariaLabel",
+					"ariaLabelledBy",
+					"disabled",
+					"tabindex",
+					"appendTo",
+					"motionOptions"
+				],
+				outputs: ["onShow", "onHide"]
+			},
+			{
+				kind: "directive",
+				type: AutoFocus,
+				selector: "[hAutoFocus]",
+				inputs: ["hAutoFocus"]
+			},
+			{
+				kind: "component",
+				type: ChevronDownIcon,
+				selector: "[data-h-icon=\"chevron-down\"]"
+			},
+			{
+				kind: "directive",
+				type: Ripple,
+				selector: "[hRipple]"
+			},
+			{
+				kind: "ngmodule",
+				type: TooltipModule
+			},
+			{
+				kind: "directive",
+				type: i3.Tooltip,
+				selector: "[hTooltip]",
+				inputs: [
+					"tooltipPosition",
+					"tooltipEvent",
+					"positionStyle",
+					"tooltipStyleClass",
+					"tooltipZIndex",
+					"escape",
+					"showDelay",
+					"hideDelay",
+					"life",
+					"positionTop",
+					"positionLeft",
+					"autoHide",
+					"fitContent",
+					"hideOnEscape",
+					"showOnEllipsis",
+					"hTooltip",
+					"tooltipDisabled",
+					"tooltipOptions",
+					"appendTo",
+					"ptTooltip",
+					"pTooltipPT",
+					"pTooltipUnstyled"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SplitButton,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-splitbutton, h-splitButton, h-split-button",
+			standalone: true,
+			imports: [
+				CommonModule,
+				ButtonDirective,
+				TieredMenu,
+				AutoFocus,
+				ChevronDownIcon,
+				Ripple,
+				TooltipModule,
+				SharedModule
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [
+				SplitButtonStyle,
+				{
+					provide: SPLITBUTTON_INSTANCE,
+					useExisting: SplitButton
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: SplitButton
+				}
+			],
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "cn(cx('root'), styleClass())",
+				"[attr.data-h-severity]": "severity()"
+			},
+			hostDirectives: [Bind],
+			template: "@if (contentTemplate() || _contentTemplate) {\n  <button\n    [class]=\"cx('pcButton')\"\n    type=\"button\"\n    hButton\n    hRipple\n    [severity]=\"severity()\"\n    [text]=\"text()\"\n    [outlined]=\"outlined()\"\n    [size]=\"size()\"\n    [icon]=\"icon()\"\n    [iconPos]=\"iconPos()\"\n    (click)=\"onDefaultButtonClick($event)\"\n    [disabled]=\"disabled()\"\n    [attr.tabindex]=\"tabindex()\"\n    [attr.aria-label]=\"buttonProps()?.['ariaLabel'] || label()\"\n    [hAutoFocus]=\"autofocus()\"\n    [hTooltip]=\"tooltip()\"\n    [pTooltipUnstyled]=\"unstyled()\"\n    [tooltipOptions]=\"tooltipOptions()\"\n    [pt]=\"ptm('pcButton')\"\n    [unstyled]=\"unstyled()\"\n    >\n    <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate\"></ng-container>\n  </button>\n} @else {\n  <button\n    #defaultbtn\n    [class]=\"cx('pcButton')\"\n    type=\"button\"\n    hButton\n    hRipple\n    [severity]=\"severity()\"\n    [text]=\"text()\"\n    [outlined]=\"outlined()\"\n    [size]=\"size()\"\n    [icon]=\"icon()\"\n    [iconPos]=\"iconPos()\"\n    [label]=\"label()\"\n    (click)=\"onDefaultButtonClick($event)\"\n    [disabled]=\"$buttonDisabled()\"\n    [attr.tabindex]=\"tabindex()\"\n    [attr.aria-label]=\"buttonProps()?.['ariaLabel']\"\n    [hAutoFocus]=\"autofocus()\"\n    [hTooltip]=\"tooltip()\"\n    [pTooltipUnstyled]=\"unstyled()\"\n    [tooltipOptions]=\"tooltipOptions()\"\n    [pt]=\"ptm('pcButton')\"\n    [unstyled]=\"unstyled()\"\n  ></button>\n}\n<button\n  type=\"button\"\n  hButton\n  hRipple\n  [size]=\"size()\"\n  [severity]=\"severity()\"\n  [text]=\"text()\"\n  [outlined]=\"outlined()\"\n  [class]=\"cx('pcDropdown')\"\n  (click)=\"onDropdownButtonClick($event)\"\n  (keydown)=\"onDropdownButtonKeydown($event)\"\n  [disabled]=\"$menuButtonDisabled()\"\n  [attr.aria-label]=\"menuButtonProps()?.['ariaLabel'] || expandAriaLabel()\"\n  [attr.aria-haspopup]=\"menuButtonProps()?.['ariaHasPopup'] || true\"\n  [attr.aria-expanded]=\"menuButtonProps()?.['ariaExpanded'] || isExpanded()\"\n  [attr.aria-controls]=\"menuButtonProps()?.['ariaControls'] || ariaId\"\n  [pt]=\"ptm('pcDropdown')\"\n  [unstyled]=\"unstyled()\"\n  >\n  @if (dropdownIcon()) {\n    <span [class]=\"dropdownIcon()\"></span>\n  }\n  @if (!dropdownIcon()) {\n    @if (!dropdownIconTemplate() && !_dropdownIconTemplate) {\n      <svg data-h-icon=\"chevron-down\" />\n    }\n    <ng-template *ngTemplateOutlet=\"dropdownIconTemplate() || _dropdownIconTemplate\"></ng-template>\n  }\n</button>\n<h-tieredmenu\n  [id]=\"ariaId\"\n  #menu\n  [popup]=\"true\"\n  [model]=\"model()\"\n  [style]=\"menuStyle()\"\n  [styleClass]=\"menuStyleClass()\"\n  [appendTo]=\"$appendTo()\"\n  [motionOptions]=\"computedMotionOptions()\"\n  (onHide)=\"onHide()\"\n  (onShow)=\"onShow()\"\n  [pt]=\"ptm('pcMenu')\"\n  [unstyled]=\"unstyled()\"\n></h-tieredmenu>\n"
+		}]
+	}],
+	propDecorators: {
+		model: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "model",
+				required: false
+			}]
+		}],
+		severity: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "severity",
+				required: false
+			}]
+		}],
+		raised: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "raised",
+				required: false
+			}]
+		}],
+		rounded: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rounded",
+				required: false
+			}]
+		}],
+		text: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "text",
+				required: false
+			}]
+		}],
+		outlined: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "outlined",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		plain: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "plain",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		iconPos: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconPos",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		tooltip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltip",
+				required: false
+			}]
+		}],
+		tooltipOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipOptions",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		menuStyle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menuStyle",
+				required: false
+			}]
+		}],
+		menuStyleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menuStyleClass",
+				required: false
+			}]
+		}],
+		dropdownIcon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dropdownIcon",
+				required: false
+			}]
+		}],
+		appendTo: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appendTo",
+				required: false
+			}]
+		}],
+		dir: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dir",
+				required: false
+			}]
+		}],
+		expandAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandAriaLabel",
+				required: false
+			}]
+		}],
+		showTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTransitionOptions",
+				required: false
+			}]
+		}],
+		hideTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideTransitionOptions",
+				required: false
+			}]
+		}],
+		motionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motionOptions",
+				required: false
+			}]
+		}],
+		buttonProps: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "buttonProps",
+				required: false
+			}]
+		}],
+		menuButtonProps: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menuButtonProps",
+				required: false
+			}]
+		}],
+		autofocus: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autofocus",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		tabindex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tabindex",
+				required: false
+			}]
+		}],
+		menuButtonDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menuButtonDisabled",
+				required: false
+			}]
+		}],
+		buttonDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "buttonDisabled",
+				required: false
+			}]
+		}],
+		onClick: [{
+			type: i0.Output,
+			args: ["onClick"]
+		}],
+		onMenuHide: [{
+			type: i0.Output,
+			args: ["onMenuHide"]
+		}],
+		onMenuShow: [{
+			type: i0.Output,
+			args: ["onMenuShow"]
+		}],
+		onDropdownClick: [{
+			type: i0.Output,
+			args: ["onDropdownClick"]
+		}],
+		buttonViewChild: [{
+			type: i0.ViewChild,
+			args: ["defaultbtn", { isSignal: true }]
+		}],
+		menu: [{
+			type: i0.ViewChild,
+			args: ["menu", { isSignal: true }]
+		}],
+		contentTemplate: [{
+			type: i0.ContentChild,
+			args: ["content", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		dropdownIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["dropdownicon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var SplitButtonModule = class SplitButtonModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SplitButtonModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SplitButtonModule,
+		imports: [SplitButton, SharedModule],
+		exports: [SplitButton, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SplitButtonModule,
+		imports: [
+			SplitButton,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SplitButtonModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [SplitButton, SharedModule],
+			exports: [SplitButton, SharedModule]
+		}]
+	}]
+});
 export { SplitButton, SplitButtonClasses, SplitButtonModule, SplitButtonStyle };
-//# sourceMappingURL=gravionlabs-helix-core-splitbutton.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-splitbutton.mjs.map