495 lines
45 KiB
JavaScript
495 lines
45 KiB
JavaScript
|
import { CommonModule } from '@angular/common';
|
||
|
|
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, ViewChild, ViewEncapsulation, booleanAttribute, numberAttribute, signal } from '@angular/core';
|
||
|
|
import { PrimeTemplate } from 'primeng/api';
|
||
|
|
import { ButtonModule } from 'primeng/button';
|
||
|
|
import { ChevronDownIcon } from 'primeng/icons/chevrondown';
|
||
|
|
import { TieredMenuModule } from 'primeng/tieredmenu';
|
||
|
|
import { UniqueComponentId } from 'primeng/utils';
|
||
|
|
import { AutoFocusModule } from 'primeng/autofocus';
|
||
|
|
import * as i0 from "@angular/core";
|
||
|
|
import * as i1 from "@angular/common";
|
||
|
|
import * as i2 from "primeng/button";
|
||
|
|
import * as i3 from "primeng/tieredmenu";
|
||
|
|
import * as i4 from "primeng/autofocus";
|
||
|
|
/**
|
||
|
|
* SplitButton groups a set of commands in an overlay with a default command.
|
||
|
|
* @group Components
|
||
|
|
*/
|
||
|
|
export class SplitButton {
|
||
|
|
/**
|
||
|
|
* MenuModel instance to define the overlay items.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
model;
|
||
|
|
/**
|
||
|
|
* Defines the style of the button.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
severity;
|
||
|
|
/**
|
||
|
|
* Add a shadow to indicate elevation.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
raised = false;
|
||
|
|
/**
|
||
|
|
* Add a circular border radius to the button.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
rounded = false;
|
||
|
|
/**
|
||
|
|
* Add a textual class to the button without a background initially.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
text = false;
|
||
|
|
/**
|
||
|
|
* Add a border class without a background initially.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
outlined = false;
|
||
|
|
/**
|
||
|
|
* Defines the size of the button.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
size = null;
|
||
|
|
/**
|
||
|
|
* Add a plain textual class to the button without a background initially.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
plain = false;
|
||
|
|
/**
|
||
|
|
* Name of the icon.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
icon;
|
||
|
|
/**
|
||
|
|
* Position of the icon.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
iconPos = 'left';
|
||
|
|
/**
|
||
|
|
* Text of the button.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
label;
|
||
|
|
/**
|
||
|
|
* Inline style of the element.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
style;
|
||
|
|
/**
|
||
|
|
* Class of the element.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
styleClass;
|
||
|
|
/**
|
||
|
|
* Inline style of the overlay menu.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
menuStyle;
|
||
|
|
/**
|
||
|
|
* Style class of the overlay menu.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
menuStyleClass;
|
||
|
|
/**
|
||
|
|
* When present, it specifies that the element should be disabled.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
tabindex;
|
||
|
|
/**
|
||
|
|
* 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).
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
appendTo;
|
||
|
|
/**
|
||
|
|
* Indicates the direction of the element.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
dir;
|
||
|
|
/**
|
||
|
|
* Defines a string that labels the expand button for accessibility.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
expandAriaLabel;
|
||
|
|
/**
|
||
|
|
* Transition options of the show animation.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
showTransitionOptions = '.12s cubic-bezier(0, 0, 0.2, 1)';
|
||
|
|
/**
|
||
|
|
* Transition options of the hide animation.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
hideTransitionOptions = '.1s linear';
|
||
|
|
/**
|
||
|
|
* Button Props
|
||
|
|
*/
|
||
|
|
buttonProps;
|
||
|
|
/**
|
||
|
|
* Menu Button Props
|
||
|
|
*/
|
||
|
|
menuButtonProps;
|
||
|
|
/**
|
||
|
|
* When present, it specifies that the component should automatically get focus on load.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
autofocus;
|
||
|
|
/**
|
||
|
|
* Callback to invoke when default command button is clicked.
|
||
|
|
* @param {MouseEvent} event - Mouse event.
|
||
|
|
* @group Emits
|
||
|
|
*/
|
||
|
|
onClick = new EventEmitter();
|
||
|
|
/**
|
||
|
|
* Callback to invoke when dropdown button is clicked.
|
||
|
|
* @param {MouseEvent} event - Mouse event.
|
||
|
|
* @group Emits
|
||
|
|
*/
|
||
|
|
_disabled;
|
||
|
|
set disabled(v) {
|
||
|
|
this._disabled = v;
|
||
|
|
this._buttonDisabled = v;
|
||
|
|
this.menuButtonDisabled = v;
|
||
|
|
}
|
||
|
|
get disabled() {
|
||
|
|
return this._disabled;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Index of the element in tabbing order.
|
||
|
|
* @group Prop
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* When present, it specifies that the menu button element should be disabled.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
_menuButtonDisabled;
|
||
|
|
set menuButtonDisabled(v) {
|
||
|
|
if (this.disabled) {
|
||
|
|
this._menuButtonDisabled = this.disabled;
|
||
|
|
}
|
||
|
|
else
|
||
|
|
this._menuButtonDisabled = v;
|
||
|
|
}
|
||
|
|
get menuButtonDisabled() {
|
||
|
|
return this._menuButtonDisabled;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* When present, it specifies that the button element should be disabled.
|
||
|
|
* @group Props
|
||
|
|
*/
|
||
|
|
_buttonDisabled;
|
||
|
|
set buttonDisabled(v) {
|
||
|
|
if (this.disabled) {
|
||
|
|
this.buttonDisabled = this.disabled;
|
||
|
|
}
|
||
|
|
else
|
||
|
|
this._buttonDisabled = v;
|
||
|
|
}
|
||
|
|
get buttonDisabled() {
|
||
|
|
return this._buttonDisabled;
|
||
|
|
}
|
||
|
|
onDropdownClick = new EventEmitter();
|
||
|
|
containerViewChild;
|
||
|
|
buttonViewChild;
|
||
|
|
menu;
|
||
|
|
templates;
|
||
|
|
contentTemplate;
|
||
|
|
dropdownIconTemplate;
|
||
|
|
ariaId;
|
||
|
|
isExpanded = signal(false);
|
||
|
|
ngOnInit() {
|
||
|
|
this.ariaId = UniqueComponentId();
|
||
|
|
}
|
||
|
|
ngAfterContentInit() {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
get containerClass() {
|
||
|
|
const cls = {
|
||
|
|
'p-splitbutton p-component': true,
|
||
|
|
'p-button-raised': this.raised,
|
||
|
|
'p-button-rounded': this.rounded,
|
||
|
|
'p-button-outlined': this.outlined,
|
||
|
|
'p-button-text': this.text,
|
||
|
|
[`p-button-${this.size === 'small' ? 'sm' : 'lg'}`]: this.size
|
||
|
|
};
|
||
|
|
return { ...cls };
|
||
|
|
}
|
||
|
|
onDefaultButtonClick(event) {
|
||
|
|
this.onClick.emit(event);
|
||
|
|
this.menu.hide();
|
||
|
|
}
|
||
|
|
onDropdownButtonClick(event) {
|
||
|
|
this.onDropdownClick.emit(event);
|
||
|
|
this.menu?.toggle({ currentTarget: this.containerViewChild?.nativeElement, relativeAlign: this.appendTo == null });
|
||
|
|
this.isExpanded.set(this.menu.visible);
|
||
|
|
}
|
||
|
|
onDropdownButtonKeydown(event) {
|
||
|
|
if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {
|
||
|
|
this.onDropdownButtonClick();
|
||
|
|
event.preventDefault();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
||
|
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: SplitButton, selector: "p-splitButton", inputs: { model: "model", severity: "severity", raised: ["raised", "raised", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], text: ["text", "text", booleanAttribute], outlined: ["outlined", "outlined", booleanAttribute], size: "size", plain: ["plain", "plain", booleanAttribute], icon: "icon", iconPos: "iconPos", label: "label", style: "style", styleClass: "styleClass", menuStyle: "menuStyle", menuStyleClass: "menuStyleClass", tabindex: ["tabindex", "tabindex", numberAttribute], appendTo: "appendTo", dir: "dir", expandAriaLabel: "expandAriaLabel", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", buttonProps: "buttonProps", menuButtonProps: "menuButtonProps", autofocus: ["autofocus", "autofocus", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], menuButtonDisabled: "menuButtonDisabled", buttonDisabled: "buttonDisabled" }, outputs: { onClick: "onClick", onDropdownClick: "onDropdownClick" }, host: { classAttribute: "p-element" }, queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }, { propertyName: "buttonViewChild", first: true, predicate: ["defaultbtn"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], ngImport: i0, template: `
|
||
|
|
<div #container [ngClass]="containerClass" [class]="styleClass" [ngStyle]="style">
|
||
|
|
<ng-container *ngIf="contentTemplate; else defaultButton">
|
||
|
|
<button
|
||
|
|
class="p-splitbutton-defaultbutton"
|
||
|
|
type="button"
|
||
|
|
pButton
|
||
|
|
[severity]="severity"
|
||
|
|
[text]="text"
|
||
|
|
[outlined]="outlined"
|
||
|
|
[size]="size"
|
||
|
|
[icon]="icon"
|
||
|
|
[iconPos]="iconPos"
|
||
|
|
(click)="onDefaultButtonClick($event)"
|
||
|
|
[disabled]="disabled"
|
||
|
|
[attr.tabindex]="tabindex"
|
||
|
|
[ariaLabel]="buttonProps?.['ariaLabel'] || label"
|
||
|
|
pAutoFocus
|
||
|
|
[autofocus]="autofocus"
|
||
|
|
>
|
||
|
|
<ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
|
||
|
|
</button>
|
||
|
|
</ng-container>
|
||
|
|
<ng-template #defaultButton>
|
||
|
|
<button
|
||
|
|
#defaultbtn
|
||
|
|
class="p-splitbutton-defaultbutton"
|
||
|
|
type="button"
|
||
|
|
pButton
|
||
|
|
[severity]="severity"
|
||
|
|
[text]="text"
|
||
|
|
[outlined]="outlined"
|
||
|
|
[size]="size"
|
||
|
|
[icon]="icon"
|
||
|
|
[iconPos]="iconPos"
|
||
|
|
[label]="label"
|
||
|
|
(click)="onDefaultButtonClick($event)"
|
||
|
|
[disabled]="buttonDisabled"
|
||
|
|
[attr.tabindex]="tabindex"
|
||
|
|
[ariaLabel]="buttonProps?.['ariaLabel']"
|
||
|
|
pAutoFocus
|
||
|
|
[autofocus]="autofocus"
|
||
|
|
></button>
|
||
|
|
</ng-template>
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
pButton
|
||
|
|
[size]="size"
|
||
|
|
[severity]="severity"
|
||
|
|
[text]="text"
|
||
|
|
[outlined]="outlined"
|
||
|
|
class="p-splitbutton-menubutton p-button-icon-only"
|
||
|
|
(click)="onDropdownButtonClick($event)"
|
||
|
|
(keydown)="onDropdownButtonKeydown($event)"
|
||
|
|
[disabled]="menuButtonDisabled"
|
||
|
|
[ariaLabel]="menuButtonProps?.['ariaLabel'] || expandAriaLabel"
|
||
|
|
[attr.aria-haspopup]="menuButtonProps?.['ariaHasPopup'] || true"
|
||
|
|
[attr.aria-expanded]="menuButtonProps?.['ariaExpanded'] || isExpanded()"
|
||
|
|
[attr.aria-controls]="menuButtonProps?.['ariaControls'] || ariaId"
|
||
|
|
>
|
||
|
|
<ChevronDownIcon *ngIf="!dropdownIconTemplate" />
|
||
|
|
<ng-template *ngTemplateOutlet="dropdownIconTemplate"></ng-template>
|
||
|
|
</button>
|
||
|
|
<p-tieredMenu
|
||
|
|
[id]="ariaId"
|
||
|
|
#menu
|
||
|
|
[popup]="true"
|
||
|
|
[model]="model"
|
||
|
|
[style]="menuStyle"
|
||
|
|
[styleClass]="menuStyleClass"
|
||
|
|
[appendTo]="appendTo"
|
||
|
|
[showTransitionOptions]="showTransitionOptions"
|
||
|
|
[hideTransitionOptions]="hideTransitionOptions"
|
||
|
|
></p-tieredMenu>
|
||
|
|
</div>
|
||
|
|
`, isInline: true, styles: ["@layer primeng{.p-splitbutton{display:inline-flex;position:relative}.p-splitbutton .p-splitbutton-defaultbutton,.p-splitbutton.p-button-rounded>.p-splitbutton-defaultbutton.p-button,.p-splitbutton.p-button-outlined>.p-splitbutton-defaultbutton.p-button{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.p-splitbutton-menubutton,.p-splitbutton.p-button-rounded>.p-splitbutton-menubutton.p-button,.p-splitbutton.p-button-outlined>.p-splitbutton-menubutton.p-button{display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0}.p-splitbutton .p-menu{min-width:100%}.p-fluid .p-splitbutton{display:flex}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(() => i2.ButtonDirective), selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i0.forwardRef(() => i3.TieredMenu), selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i0.forwardRef(() => i4.AutoFocus), selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "component", type: i0.forwardRef(() => ChevronDownIcon), selector: "ChevronDownIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
||
|
|
}
|
||
|
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SplitButton, decorators: [{
|
||
|
|
type: Component,
|
||
|
|
args: [{ selector: 'p-splitButton', template: `
|
||
|
|
<div #container [ngClass]="containerClass" [class]="styleClass" [ngStyle]="style">
|
||
|
|
<ng-container *ngIf="contentTemplate; else defaultButton">
|
||
|
|
<button
|
||
|
|
class="p-splitbutton-defaultbutton"
|
||
|
|
type="button"
|
||
|
|
pButton
|
||
|
|
[severity]="severity"
|
||
|
|
[text]="text"
|
||
|
|
[outlined]="outlined"
|
||
|
|
[size]="size"
|
||
|
|
[icon]="icon"
|
||
|
|
[iconPos]="iconPos"
|
||
|
|
(click)="onDefaultButtonClick($event)"
|
||
|
|
[disabled]="disabled"
|
||
|
|
[attr.tabindex]="tabindex"
|
||
|
|
[ariaLabel]="buttonProps?.['ariaLabel'] || label"
|
||
|
|
pAutoFocus
|
||
|
|
[autofocus]="autofocus"
|
||
|
|
>
|
||
|
|
<ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
|
||
|
|
</button>
|
||
|
|
</ng-container>
|
||
|
|
<ng-template #defaultButton>
|
||
|
|
<button
|
||
|
|
#defaultbtn
|
||
|
|
class="p-splitbutton-defaultbutton"
|
||
|
|
type="button"
|
||
|
|
pButton
|
||
|
|
[severity]="severity"
|
||
|
|
[text]="text"
|
||
|
|
[outlined]="outlined"
|
||
|
|
[size]="size"
|
||
|
|
[icon]="icon"
|
||
|
|
[iconPos]="iconPos"
|
||
|
|
[label]="label"
|
||
|
|
(click)="onDefaultButtonClick($event)"
|
||
|
|
[disabled]="buttonDisabled"
|
||
|
|
[attr.tabindex]="tabindex"
|
||
|
|
[ariaLabel]="buttonProps?.['ariaLabel']"
|
||
|
|
pAutoFocus
|
||
|
|
[autofocus]="autofocus"
|
||
|
|
></button>
|
||
|
|
</ng-template>
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
pButton
|
||
|
|
[size]="size"
|
||
|
|
[severity]="severity"
|
||
|
|
[text]="text"
|
||
|
|
[outlined]="outlined"
|
||
|
|
class="p-splitbutton-menubutton p-button-icon-only"
|
||
|
|
(click)="onDropdownButtonClick($event)"
|
||
|
|
(keydown)="onDropdownButtonKeydown($event)"
|
||
|
|
[disabled]="menuButtonDisabled"
|
||
|
|
[ariaLabel]="menuButtonProps?.['ariaLabel'] || expandAriaLabel"
|
||
|
|
[attr.aria-haspopup]="menuButtonProps?.['ariaHasPopup'] || true"
|
||
|
|
[attr.aria-expanded]="menuButtonProps?.['ariaExpanded'] || isExpanded()"
|
||
|
|
[attr.aria-controls]="menuButtonProps?.['ariaControls'] || ariaId"
|
||
|
|
>
|
||
|
|
<ChevronDownIcon *ngIf="!dropdownIconTemplate" />
|
||
|
|
<ng-template *ngTemplateOutlet="dropdownIconTemplate"></ng-template>
|
||
|
|
</button>
|
||
|
|
<p-tieredMenu
|
||
|
|
[id]="ariaId"
|
||
|
|
#menu
|
||
|
|
[popup]="true"
|
||
|
|
[model]="model"
|
||
|
|
[style]="menuStyle"
|
||
|
|
[styleClass]="menuStyleClass"
|
||
|
|
[appendTo]="appendTo"
|
||
|
|
[showTransitionOptions]="showTransitionOptions"
|
||
|
|
[hideTransitionOptions]="hideTransitionOptions"
|
||
|
|
></p-tieredMenu>
|
||
|
|
</div>
|
||
|
|
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
||
|
|
class: 'p-element'
|
||
|
|
}, styles: ["@layer primeng{.p-splitbutton{display:inline-flex;position:relative}.p-splitbutton .p-splitbutton-defaultbutton,.p-splitbutton.p-button-rounded>.p-splitbutton-defaultbutton.p-button,.p-splitbutton.p-button-outlined>.p-splitbutton-defaultbutton.p-button{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.p-splitbutton-menubutton,.p-splitbutton.p-button-rounded>.p-splitbutton-menubutton.p-button,.p-splitbutton.p-button-outlined>.p-splitbutton-menubutton.p-button{display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0}.p-splitbutton .p-menu{min-width:100%}.p-fluid .p-splitbutton{display:flex}}\n"] }]
|
||
|
|
}], propDecorators: { model: [{
|
||
|
|
type: Input
|
||
|
|
}], severity: [{
|
||
|
|
type: Input
|
||
|
|
}], raised: [{
|
||
|
|
type: Input,
|
||
|
|
args: [{ transform: booleanAttribute }]
|
||
|
|
}], rounded: [{
|
||
|
|
type: Input,
|
||
|
|
args: [{ transform: booleanAttribute }]
|
||
|
|
}], text: [{
|
||
|
|
type: Input,
|
||
|
|
args: [{ transform: booleanAttribute }]
|
||
|
|
}], outlined: [{
|
||
|
|
type: Input,
|
||
|
|
args: [{ transform: booleanAttribute }]
|
||
|
|
}], size: [{
|
||
|
|
type: Input
|
||
|
|
}], plain: [{
|
||
|
|
type: Input,
|
||
|
|
args: [{ transform: booleanAttribute }]
|
||
|
|
}], icon: [{
|
||
|
|
type: Input
|
||
|
|
}], iconPos: [{
|
||
|
|
type: Input
|
||
|
|
}], label: [{
|
||
|
|
type: Input
|
||
|
|
}], style: [{
|
||
|
|
type: Input
|
||
|
|
}], styleClass: [{
|
||
|
|
type: Input
|
||
|
|
}], menuStyle: [{
|
||
|
|
type: Input
|
||
|
|
}], menuStyleClass: [{
|
||
|
|
type: Input
|
||
|
|
}], tabindex: [{
|
||
|
|
type: Input,
|
||
|
|
args: [{ transform: numberAttribute }]
|
||
|
|
}], appendTo: [{
|
||
|
|
type: Input
|
||
|
|
}], dir: [{
|
||
|
|
type: Input
|
||
|
|
}], expandAriaLabel: [{
|
||
|
|
type: Input
|
||
|
|
}], showTransitionOptions: [{
|
||
|
|
type: Input
|
||
|
|
}], hideTransitionOptions: [{
|
||
|
|
type: Input
|
||
|
|
}], buttonProps: [{
|
||
|
|
type: Input
|
||
|
|
}], menuButtonProps: [{
|
||
|
|
type: Input
|
||
|
|
}], autofocus: [{
|
||
|
|
type: Input,
|
||
|
|
args: [{ transform: booleanAttribute }]
|
||
|
|
}], onClick: [{
|
||
|
|
type: Output
|
||
|
|
}], disabled: [{
|
||
|
|
type: Input,
|
||
|
|
args: [{ transform: booleanAttribute }]
|
||
|
|
}], menuButtonDisabled: [{
|
||
|
|
type: Input,
|
||
|
|
args: ['menuButtonDisabled']
|
||
|
|
}], buttonDisabled: [{
|
||
|
|
type: Input
|
||
|
|
}], onDropdownClick: [{
|
||
|
|
type: Output
|
||
|
|
}], containerViewChild: [{
|
||
|
|
type: ViewChild,
|
||
|
|
args: ['container']
|
||
|
|
}], buttonViewChild: [{
|
||
|
|
type: ViewChild,
|
||
|
|
args: ['defaultbtn']
|
||
|
|
}], menu: [{
|
||
|
|
type: ViewChild,
|
||
|
|
args: ['menu']
|
||
|
|
}], templates: [{
|
||
|
|
type: ContentChildren,
|
||
|
|
args: [PrimeTemplate]
|
||
|
|
}] } });
|
||
|
|
export class SplitButtonModule {
|
||
|
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
||
|
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: SplitButtonModule, declarations: [SplitButton], imports: [CommonModule, ButtonModule, TieredMenuModule, AutoFocusModule, ChevronDownIcon], exports: [SplitButton, ButtonModule, TieredMenuModule] });
|
||
|
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SplitButtonModule, imports: [CommonModule, ButtonModule, TieredMenuModule, AutoFocusModule, ChevronDownIcon, ButtonModule, TieredMenuModule] });
|
||
|
|
}
|
||
|
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SplitButtonModule, decorators: [{
|
||
|
|
type: NgModule,
|
||
|
|
args: [{
|
||
|
|
imports: [CommonModule, ButtonModule, TieredMenuModule, AutoFocusModule, ChevronDownIcon],
|
||
|
|
exports: [SplitButton, ButtonModule, TieredMenuModule],
|
||
|
|
declarations: [SplitButton]
|
||
|
|
}]
|
||
|
|
}] });
|
||
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXRidXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvc3BsaXRidXR0b24vc3BsaXRidXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBMEIsU0FBUyxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeE8sT0FBTyxFQUFZLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBYyxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7OztBQUtwRDs7O0dBR0c7QUFzRkgsTUFBTSxPQUFPLFdBQVc7SUFDcEI7OztPQUdHO0lBQ00sS0FBSyxDQUF5QjtJQUN2Qzs7O09BR0c7SUFDTSxRQUFRLENBQStHO0lBQ2hJOzs7T0FHRztJQUNxQyxNQUFNLEdBQVksS0FBSyxDQUFDO0lBQ2hFOzs7T0FHRztJQUNxQyxPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ2pFOzs7T0FHRztJQUNxQyxJQUFJLEdBQVksS0FBSyxDQUFDO0lBQzlEOzs7T0FHRztJQUNxQyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBQ2xFOzs7T0FHRztJQUNNLElBQUksR0FBeUMsSUFBSSxDQUFDO0lBQzNEOzs7T0FHRztJQUNxQyxLQUFLLEdBQVksS0FBSyxDQUFDO0lBQy9EOzs7T0FHRztJQUNNLElBQUksQ0FBcUI7SUFDbEM7OztPQUdHO0lBQ00sT0FBTyxHQUE0QixNQUFNLENBQUM7SUFDbkQ7OztPQUdHO0lBQ00sS0FBSyxDQUFxQjtJQUNuQzs7O09BR0c7SUFDTSxLQUFLLENBQThDO0lBQzVEOzs7T0FHRztJQUNNLFVBQVUsQ0FBcUI7SUFDeEM7OztPQUdHO0lBQ00sU0FBUyxDQUE4QztJQUNoRTs7O09BR0c7SUFDTSxjQUFjLENBQXFCO0lBQzVDOzs7T0FHRztJQUNvQyxRQUFRLENBQXFCO0lBQ3BFOzs7T0FHRztJQUNNLFFBQVEsQ0FBZ0Y7SUFDakc7OztPQUdHO0lBQ00sR0FBRyxDQUFxQjtJQUNqQzs7O09BR0c7SUFDTSxlQUFlLENBQXFCO0lBQzdDOzs7T0FHRztJQUNNLHFCQUFxQixHQUFXLGlDQUFpQyxDQUFDO0lBQzNFOzs7T0FHRztJQUNNLHFCQUFxQixHQUFXLFlBQVksQ0FBQztJQUN0RDs7T0FFRztJQUNNLFdBQVcsQ0FBMEI7SUFDOUM7O09BRUc7SUFDTSxlQUFlLENBQThCO0lBQ3REOzs7T0FHRztJQUNxQyxTQUFTLENBQXNCO0lBQ3ZFOzs7O09BSUc7SUFDTyxPQUFPLEdBQTZCLElBQUksWUFBWSxFQUFjLENBQUM7SUFDN0U7Ozs7T0FJRztJQUNLLFNBQVMsQ0FBc0I7SUFDdkMsSUFBNEMsUUFBUSxDQUFDLENBQXNCO1FBQ3ZFLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUNELElBQVcsUUFBUTtRQUNmLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUMxQixDQUFDO0lBQ0Q7OztPQUdHO0lBRUg7OztPQUdHO0lBQ0ssbUJBQW1CLENBQXNCO0lBQ2pELElBQWlDLGtCQUFrQixDQUFDLENBQXNCO1FBQ3RFLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1NBQzVDOztZQUFNLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUNELElBQVcsa0JBQWtCO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLG1CQUFtQixDQUFDO0lBQ3BDLENBQUM7SUFDRDs7O09BR0c7SUFDSyxlQUFlLENBQXNCO0lBQzdDLElBQWEsY0FBYyxDQUFDLENBQXNCO1FBQzlDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztTQUN2Qzs7WUFBTSxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBQ0QsSUFBVyxjQUFjO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNoQyxDQUFDO0lBRVMsZUFBZSxHQUE2QixJQUFJLFlBQVksRUFBYyxDQUFDO0lBRTdELGtCQUFrQixDQUF5QjtJQUUxQyxlQUFlLENBQXlCO0lBRTlDLElBQUksQ0FBeUI7SUFFaEIsU0FBUyxDQUF1QztJQUVoRixlQUFlLENBQStCO0lBRTlDLG9CQUFvQixDQUErQjtJQUVuRCxNQUFNLENBQXFCO0lBRTNCLFVBQVUsR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUM7SUFFcEMsUUFBUTtRQUNKLElBQUksQ0FBQyxNQUFNLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUM3QixRQUFRLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRTtnQkFDcEIsS0FBSyxTQUFTO29CQUNWLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztvQkFDckMsTUFBTTtnQkFFVixLQUFLLGNBQWM7b0JBQ2YsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7b0JBQzFDLE1BQU07Z0JBRVY7b0JBQ0ksSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO29CQUNyQyxNQUFNO2FBQ2I7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDZCxNQUFNLEdBQUcsR0FBRztZQUNSLDJCQUEyQixFQUFFLElBQUk7WUFDakMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLE1BQU07WUFDOUIsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDaEMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDbEMsZUFBZSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQzFCL
|