@wawjs/ngx-prime 22.0.0

package/fesm2022/wawjs-ngx-prime-splitbutton.mjs

@@ -0,0 +1,583 @@
+export * from '@wawjs/ngx-prime/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, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { uuid } from '@wawjs/css-prime-utils';
+import { PrimeTemplate, SharedModule } from '@wawjs/ngx-prime/api';
+import { AutoFocus } from '@wawjs/ngx-prime/autofocus';
+import { BaseComponent, PARENT_INSTANCE } from '@wawjs/ngx-prime/basecomponent';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { ButtonDirective } from '@wawjs/ngx-prime/button';
+import { ChevronDownIcon } from '@wawjs/ngx-prime/icons';
+import { Ripple } from '@wawjs/ngx-prime/ripple';
+import { TieredMenu } from '@wawjs/ngx-prime/tieredmenu';
+import * as i3 from '@wawjs/ngx-prime/tooltip';
+import { TooltipModule } from '@wawjs/ngx-prime/tooltip';
+import { style } from '@wawjs/css-prime-styles/splitbutton';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+const classes = {
+    root: ({ instance }) => [
+        'p-splitbutton p-component',
+        {
+            'p-splitbutton-raised': instance.raised(),
+            'p-splitbutton-rounded': instance.rounded(),
+            'p-splitbutton-outlined': instance.outlined(),
+            'p-splitbutton-text': instance.text(),
+            [`p-splitbutton-${instance.size() === 'small' ? 'sm' : 'lg'}`]: instance.size()
+        }
+    ],
+    pcButton: 'p-splitbutton-button',
+    pcDropdown: 'p-splitbutton-dropdown p-button-icon-only'
+};
+class SplitButtonStyle extends BaseStyle {
+    name = 'splitbutton';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SplitButtonStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SplitButtonStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SplitButtonStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * SplitButton groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.ngx-prime.org/splitbutton/)
+ *
+ * @module splitbuttonstyle
+ *
+ */
+var SplitButtonClasses;
+(function (SplitButtonClasses) {
+    /**
+     * Class name of the root element
+     */
+    SplitButtonClasses["root"] = "p-splitbutton";
+    /**
+     * Class name of the button element
+     */
+    SplitButtonClasses["pcButton"] = "p-splitbutton-button";
+    /**
+     * Class name of the dropdown element
+     */
+    SplitButtonClasses["pcDropdown"] = "p-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(() => ({
+        ...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 });
+    /**
+     * When present, it specifies that the button element should be disabled.
+     * @group Props
+     */
+    buttonDisabled = input(false, { ...(ngDevMode ? { debugName: "buttonDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * `disabled`, when explicitly set, overrides the per-button disabled flags.
+     */
+    $buttonDisabled = computed(() => this.disabled() ?? this.buttonDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$buttonDisabled" }] : /* istanbul ignore next */ []));
+    $menuButtonDisabled = computed(() => this.disabled() ?? this.menuButtonDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$menuButtonDisabled" }] : /* 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;
+    /**
+     * Custom dropdown icon template.
+     * @group Templates
+     **/
+    dropdownIconTemplate = contentChild('dropdownicon', { ...(ngDevMode ? { debugName: "dropdownIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    templates = contentChildren(PrimeTemplate, /* @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.2", ngImport: i0, type: SplitButton, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: SplitButton, isStandalone: true, selector: "p-splitbutton, p-splitButton, p-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-p-severity": "severity()" } }, providers: [SplitButtonStyle, { provide: SPLITBUTTON_INSTANCE, useExisting: SplitButton }, { provide: PARENT_INSTANCE, useExisting: SplitButton }], queries: [{ propertyName: "dropdownIconTemplate", first: true, predicate: ["dropdownicon"], isSignal: true }, { propertyName: "templates", predicate: PrimeTemplate, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }], 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) {
+            <button
+                [class]="cx('pcButton')"
+                type="button"
+                pButton
+                pRipple
+                [severity]="severity()"
+                [text]="text()"
+                [outlined]="outlined()"
+                [size]="size()"
+                [icon]="icon()"
+                [iconPos]="iconPos()"
+                (click)="onDefaultButtonClick($event)"
+                [disabled]="disabled()"
+                [attr.tabindex]="tabindex()"
+                [attr.aria-label]="buttonProps()?.['ariaLabel'] || label()"
+                [pAutoFocus]="autofocus()"
+                [pTooltip]="tooltip()"
+                [pTooltipUnstyled]="unstyled()"
+                [tooltipOptions]="tooltipOptions()"
+                [pt]="ptm('pcButton')"
+                [unstyled]="unstyled()"
+            >
+                <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+            </button>
+        } @else {
+            <button
+                #defaultbtn
+                [class]="cx('pcButton')"
+                type="button"
+                pButton
+                pRipple
+                [severity]="severity()"
+                [text]="text()"
+                [outlined]="outlined()"
+                [size]="size()"
+                [icon]="icon()"
+                [iconPos]="iconPos()"
+                [label]="label()"
+                (click)="onDefaultButtonClick($event)"
+                [disabled]="$buttonDisabled()"
+                [attr.tabindex]="tabindex()"
+                [attr.aria-label]="buttonProps()?.['ariaLabel']"
+                [pAutoFocus]="autofocus()"
+                [pTooltip]="tooltip()"
+                [pTooltipUnstyled]="unstyled()"
+                [tooltipOptions]="tooltipOptions()"
+                [pt]="ptm('pcButton')"
+                [unstyled]="unstyled()"
+            ></button>
+        }
+        <button
+            type="button"
+            pButton
+            pRipple
+            [size]="size()"
+            [severity]="severity()"
+            [text]="text()"
+            [outlined]="outlined()"
+            [class]="cx('pcDropdown')"
+            (click)="onDropdownButtonClick($event)"
+            (keydown)="onDropdownButtonKeydown($event)"
+            [disabled]="$menuButtonDisabled()"
+            [attr.aria-label]="menuButtonProps()?.['ariaLabel'] || expandAriaLabel()"
+            [attr.aria-haspopup]="menuButtonProps()?.['ariaHasPopup'] || true"
+            [attr.aria-expanded]="menuButtonProps()?.['ariaExpanded'] || isExpanded()"
+            [attr.aria-controls]="menuButtonProps()?.['ariaControls'] || ariaId"
+            [pt]="ptm('pcDropdown')"
+            [unstyled]="unstyled()"
+        >
+            @if (dropdownIcon()) {
+                <span [class]="dropdownIcon()"></span>
+            }
+            @if (!dropdownIcon()) {
+                @if (!dropdownIconTemplate() && !_dropdownIconTemplate) {
+                    <svg data-p-icon="chevron-down" />
+                }
+                <ng-template *ngTemplateOutlet="dropdownIconTemplate() || _dropdownIconTemplate"></ng-template>
+            }
+        </button>
+        <p-tieredmenu
+            [id]="ariaId"
+            #menu
+            [popup]="true"
+            [model]="model()"
+            [style]="menuStyle()"
+            [styleClass]="menuStyleClass()"
+            [appendTo]="$appendTo()"
+            [motionOptions]="computedMotionOptions()"
+            (onHide)="onHide()"
+            (onShow)="onShow()"
+            [pt]="ptm('pcMenu')"
+            [unstyled]="unstyled()"
+        ></p-tieredmenu>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: TieredMenu, selector: "p-tieredMenu, p-tieredmenu, p-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: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: ChevronDownIcon, selector: "[data-p-icon=\"chevron-down\"]" }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "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.2", ngImport: i0, type: SplitButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-splitbutton, p-splitButton, p-split-button',
+                    standalone: true,
+                    imports: [CommonModule, ButtonDirective, TieredMenu, AutoFocus, ChevronDownIcon, Ripple, TooltipModule, SharedModule],
+                    template: `
+        @if (contentTemplate || _contentTemplate) {
+            <button
+                [class]="cx('pcButton')"
+                type="button"
+                pButton
+                pRipple
+                [severity]="severity()"
+                [text]="text()"
+                [outlined]="outlined()"
+                [size]="size()"
+                [icon]="icon()"
+                [iconPos]="iconPos()"
+                (click)="onDefaultButtonClick($event)"
+                [disabled]="disabled()"
+                [attr.tabindex]="tabindex()"
+                [attr.aria-label]="buttonProps()?.['ariaLabel'] || label()"
+                [pAutoFocus]="autofocus()"
+                [pTooltip]="tooltip()"
+                [pTooltipUnstyled]="unstyled()"
+                [tooltipOptions]="tooltipOptions()"
+                [pt]="ptm('pcButton')"
+                [unstyled]="unstyled()"
+            >
+                <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+            </button>
+        } @else {
+            <button
+                #defaultbtn
+                [class]="cx('pcButton')"
+                type="button"
+                pButton
+                pRipple
+                [severity]="severity()"
+                [text]="text()"
+                [outlined]="outlined()"
+                [size]="size()"
+                [icon]="icon()"
+                [iconPos]="iconPos()"
+                [label]="label()"
+                (click)="onDefaultButtonClick($event)"
+                [disabled]="$buttonDisabled()"
+                [attr.tabindex]="tabindex()"
+                [attr.aria-label]="buttonProps()?.['ariaLabel']"
+                [pAutoFocus]="autofocus()"
+                [pTooltip]="tooltip()"
+                [pTooltipUnstyled]="unstyled()"
+                [tooltipOptions]="tooltipOptions()"
+                [pt]="ptm('pcButton')"
+                [unstyled]="unstyled()"
+            ></button>
+        }
+        <button
+            type="button"
+            pButton
+            pRipple
+            [size]="size()"
+            [severity]="severity()"
+            [text]="text()"
+            [outlined]="outlined()"
+            [class]="cx('pcDropdown')"
+            (click)="onDropdownButtonClick($event)"
+            (keydown)="onDropdownButtonKeydown($event)"
+            [disabled]="$menuButtonDisabled()"
+            [attr.aria-label]="menuButtonProps()?.['ariaLabel'] || expandAriaLabel()"
+            [attr.aria-haspopup]="menuButtonProps()?.['ariaHasPopup'] || true"
+            [attr.aria-expanded]="menuButtonProps()?.['ariaExpanded'] || isExpanded()"
+            [attr.aria-controls]="menuButtonProps()?.['ariaControls'] || ariaId"
+            [pt]="ptm('pcDropdown')"
+            [unstyled]="unstyled()"
+        >
+            @if (dropdownIcon()) {
+                <span [class]="dropdownIcon()"></span>
+            }
+            @if (!dropdownIcon()) {
+                @if (!dropdownIconTemplate() && !_dropdownIconTemplate) {
+                    <svg data-p-icon="chevron-down" />
+                }
+                <ng-template *ngTemplateOutlet="dropdownIconTemplate() || _dropdownIconTemplate"></ng-template>
+            }
+        </button>
+        <p-tieredmenu
+            [id]="ariaId"
+            #menu
+            [popup]="true"
+            [model]="model()"
+            [style]="menuStyle()"
+            [styleClass]="menuStyleClass()"
+            [appendTo]="$appendTo()"
+            [motionOptions]="computedMotionOptions()"
+            (onHide)="onHide()"
+            (onShow)="onShow()"
+            [pt]="ptm('pcMenu')"
+            [unstyled]="unstyled()"
+        ></p-tieredmenu>
+    `,
+                    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-p-severity]': 'severity()'
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], 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: ContentChild,
+                args: ['content', { descendants: false }]
+            }], dropdownIconTemplate: [{ type: i0.ContentChild, args: ['dropdownicon', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PrimeTemplate), { isSignal: true }] }] } });
+class SplitButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SplitButtonModule, imports: [SplitButton, SharedModule], exports: [SplitButton, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SplitButtonModule, imports: [SplitButton, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SplitButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SplitButton, SharedModule],
+                    exports: [SplitButton, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SplitButton, SplitButtonClasses, SplitButtonModule, SplitButtonStyle };
+//# sourceMappingURL=wawjs-ngx-prime-splitbutton.mjs.map