@anguless/angulux 22.0.0-rc.0

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

@@ -0,0 +1,184 @@
+import { SelectButtonPassThrough, SelectButtonOptionClickEvent, SelectButtonChangeEvent, SelectButtonItemTemplateContext } from '@anguless/angulux/types/selectbutton';
+export * from '@anguless/angulux/types/selectbutton';
+import * as i0 from '@angular/core';
+import { AfterViewChecked, EventEmitter, TemplateRef, QueryList } from '@angular/core';
+import * as i2 from '@anguless/angulux/api';
+import { AglTemplate } from '@anguless/angulux/api';
+import { BaseEditableHolder } from '@anguless/angulux/baseeditableholder';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { BaseStyle } from '@anguless/angulux/base';
+
+/**
+ *
+ * SelectButton is used to choose single or multiple items from a list using buttons.
+ *
+ * @module selectbuttonstyle
+ *
+ */
+declare enum SelectButtonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-selectbutton"
+}
+declare class SelectButtonStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-invalid': any;
+            'p-selectbutton-fluid': any;
+        })[];
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectButtonStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SelectButtonStyle>;
+}
+interface SelectButtonStyle extends BaseStyle {
+}
+
+declare const SELECTBUTTON_VALUE_ACCESSOR: any;
+/**
+ * SelectButton is used to choose single or multiple items from a list using buttons.
+ * @group Components
+ */
+declare class SelectButton extends BaseEditableHolder<SelectButtonPassThrough> implements AfterViewChecked {
+    componentName: string;
+    /**
+     * An array of selectitems to display as the available options.
+     * @group Props
+     */
+    options: any[] | undefined;
+    /**
+     * Name of the label field of an option.
+     * @group Props
+     */
+    optionLabel: string | undefined;
+    /**
+     * Name of the value field of an option.
+     * @group Props
+     */
+    optionValue: string | undefined;
+    /**
+     * Name of the disabled field of an option.
+     * @group Props
+     */
+    optionDisabled: string | undefined;
+    /**
+     * Whether selection can be cleared.
+     * @group Props
+     */
+    get unselectable(): boolean;
+    private _unselectable;
+    set unselectable(value: boolean);
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number;
+    /**
+     * When specified, allows selecting multiple values.
+     * @group Props
+     */
+    multiple: boolean | undefined;
+    /**
+     * Whether selection can not be cleared.
+     * @group Props
+     */
+    allowEmpty: boolean;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * A property to uniquely identify a value in options.
+     * @group Props
+     */
+    dataKey: string | undefined;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size: i0.InputSignal<"large" | "small" | undefined>;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: i0.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Callback to invoke on input click.
+     * @param {SelectButtonOptionClickEvent} event - Custom click event.
+     * @group Emits
+     */
+    onOptionClick: EventEmitter<SelectButtonOptionClickEvent>;
+    /**
+     * Callback to invoke on selection change.
+     * @param {SelectButtonChangeEvent} event - Custom change event.
+     * @group Emits
+     */
+    onChange: EventEmitter<SelectButtonChangeEvent>;
+    /**
+     * Custom item template.
+     * @param {SelectButtonItemTemplateContext} context - item context.
+     * @see {@link SelectButtonItemTemplateContext}
+     * @group Templates
+     */
+    itemTemplate: TemplateRef<SelectButtonItemTemplateContext> | undefined;
+    _itemTemplate: TemplateRef<SelectButtonItemTemplateContext> | undefined;
+    get equalityKey(): string | null | undefined;
+    value: any;
+    focusedIndex: number;
+    _componentStyle: SelectButtonStyle;
+    $pcSelectButton: SelectButton | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    getAllowEmpty(): boolean;
+    getOptionLabel(option: any): any;
+    getOptionValue(option: any): any;
+    isOptionDisabled(option: any): any;
+    onOptionSelect(event: any, option: any, index: any): void;
+    changeTabIndexes(event: any, direction: any): void;
+    onFocus(event: Event, index: number): void;
+    onBlur(): void;
+    removeOption(option: any): void;
+    isSelected(option: any): boolean;
+    templates: QueryList<AglTemplate> | undefined;
+    onAfterContentInit(): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
+    get dataP(): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectButton, "agl-selectButton, agl-selectbutton, agl-select-button", never, { "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "unselectable": { "alias": "unselectable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onOptionClick": "onOptionClick"; "onChange": "onChange"; }, ["itemTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_unselectable: unknown;
+    static ngAcceptInputType_tabindex: unknown;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_allowEmpty: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+}
+declare class SelectButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectButtonModule, never, [typeof SelectButton, typeof i2.SharedModule], [typeof SelectButton, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectButtonModule>;
+}
+
+export { SELECTBUTTON_VALUE_ACCESSOR, SelectButton, SelectButtonClasses, SelectButtonModule, SelectButtonStyle };

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

@@ -0,0 +1,102 @@
+import { BaseComponent } from '@anguless/angulux/basecomponent';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { SkeletonPassThrough } from '@anguless/angulux/types/skeleton';
+import * as _anguless_angulux_styled from '@anguless/angulux-styled';
+import { BaseStyle } from '@anguless/angulux/base';
+import * as i0 from '@angular/core';
+import * as i2 from '@anguless/angulux/api';
+
+/**
+ *
+ * Skeleton is a placeholder to display instead of the actual content.
+ *
+ * @module skeletonstyle
+ *
+ */
+declare enum SkeletonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-skeleton"
+}
+declare class SkeletonStyle extends BaseStyle {
+    name: string;
+    style: _anguless_angulux_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-skeleton-circle': boolean;
+            'p-skeleton-animation-none': boolean;
+        })[];
+    };
+    inlineStyles: {
+        root: {
+            position: string;
+        };
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkeletonStyle>;
+}
+interface SkeletonStyle extends BaseStyle {
+}
+
+/**
+ * Skeleton is a placeholder to display instead of the actual content.
+ * @group Components
+ */
+declare class Skeleton extends BaseComponent<SkeletonPassThrough> {
+    componentName: string;
+    $pcSkeleton: Skeleton | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Shape of the element.
+     * @group Props
+     */
+    shape: string;
+    /**
+     * Type of the animation.
+     * @gruop Props
+     */
+    animation: string;
+    /**
+     * Border radius of the element, defaults to value from theme.
+     * @group Props
+     */
+    borderRadius: string | undefined;
+    /**
+     * Size of the skeleton.
+     * @group Props
+     */
+    size: string | undefined;
+    /**
+     * Width of the element.
+     * @group Props
+     */
+    width: string;
+    /**
+     * Height of the element.
+     * @group Props
+     */
+    height: string;
+    _componentStyle: SkeletonStyle;
+    get containerStyle(): any;
+    get dataP(): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Skeleton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Skeleton, "agl-skeleton", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class SkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkeletonModule, never, [typeof Skeleton, typeof i2.SharedModule], [typeof Skeleton, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonModule>;
+}
+
+export { Skeleton, SkeletonClasses, SkeletonModule, SkeletonStyle };

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

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