@anguless/angulux 22.0.0-rc.0

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

@@ -0,0 +1,358 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, QueryList, ElementRef } from '@angular/core';
+import { BaseComponent } from '@anguless/angulux/basecomponent';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { TabsPassThrough, TabPanelsPassThrough, TabPanelPassThrough, TabListPassThrough, TabPassThrough } from '@anguless/angulux/types/tabs';
+import * as _anguless_angulux_styled from '@anguless/angulux-styled';
+import { BaseStyle } from '@anguless/angulux/base';
+import { AglTemplate } from '@anguless/angulux/api';
+import * as i1$1 from '@anguless/angulux/ripple';
+
+/**
+ *
+ * Tabs facilitates seamless switching between different views.
+ *
+ * @module tabsstyle
+ *
+ */
+declare enum TabsClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-tabs",
+    /**
+     * Class name of the wrapper element
+     */
+    list = "p-tablist",
+    /**
+     * Class name of the content element
+     */
+    content = "p-tablist-content",
+    /**
+     * Class name of the tab list element
+     */
+    tablist = "p-tablist-tab-list",
+    /**
+     * Class name of the tab list element
+     */
+    tab = "p-tab",
+    /**
+     * Class name of the inkbar element
+     */
+    inkbar = "p-tablist-active-bar",
+    /**
+     * Class name of the navigation buttons
+     */
+    button = "p-tablist-nav-button",
+    /**
+     * Class name of the tab panels wrapper
+     */
+    tabpanels = "p-tabpanels",
+    /**
+     * Class name of the tab panel element
+     */
+    tabpanel = "p-tabs-panel"
+}
+declare class TabsStyle extends BaseStyle {
+    name: string;
+    style: _anguless_angulux_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-tabs-scrollable': any;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TabsStyle>;
+}
+interface TabsStyle extends BaseStyle {
+}
+
+/**
+ * Tabs facilitates seamless switching between different views.
+ * @group Components
+ */
+declare class Tabs extends BaseComponent<TabsPassThrough> {
+    componentName: string;
+    $pcTabs: Tabs | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Value of the active tab.
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: _angular_core.ModelSignal<string | number | undefined>;
+    /**
+     * When specified, enables horizontal and/or vertical scrolling.
+     * @type boolean
+     * @defaultValue false
+     * @group Props
+     */
+    scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When enabled, tabs are not rendered until activation.
+     * @type boolean
+     * @defaultValue false
+     * @group Props
+     */
+    lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When enabled, the focused tab is activated.
+     * @type boolean
+     * @defaultValue false
+     * @group Props
+     */
+    selectOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display navigation buttons in container when scrollable is enabled.
+     * @type boolean
+     * @defaultValue true
+     * @group Props
+     */
+    showNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Tabindex of the tab buttons.
+     * @type number
+     * @defaultValue 0
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    id: _angular_core.WritableSignal<string>;
+    _componentStyle: TabsStyle;
+    updateValue(newValue: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "agl-tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "showNavigators": { "alias": "showNavigators"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare class TabPanelsStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanelsStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TabPanelsStyle>;
+}
+interface TabPanelsStyle extends BaseStyle {
+}
+
+/**
+ * TabPanels is a helper component for Tabs component.
+ * @group Components
+ */
+declare class TabPanels extends BaseComponent<TabPanelsPassThrough> {
+    componentName: string;
+    $pcTabPanels: TabPanels | undefined;
+    bindDirectiveInstance: Bind;
+    _componentStyle: TabPanelsStyle;
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanels, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabPanels, "agl-tabpanels", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare class TabPanelStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-tabpanel-active': any;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanelStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TabPanelStyle>;
+}
+interface TabPanelStyle extends BaseStyle {
+}
+
+/**
+ * TabPanel is a helper component for Tabs component.
+ * @group Components
+ */
+declare class TabPanel extends BaseComponent<TabPanelPassThrough> {
+    componentName: string;
+    $pcTabPanel: TabPanel | undefined;
+    bindDirectiveInstance: Bind;
+    pcTabs: Tabs;
+    onAfterViewChecked(): void;
+    /**
+     * When enabled, tab is not rendered until activation.
+     * @type boolean
+     * @defaultValue false
+     * @group Props
+     */
+    lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Value of the active tab.
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: _angular_core.ModelSignal<string | number | undefined>;
+    /**
+     * Template for initializing complex content when lazy is enabled.
+     * @group Templates
+     */
+    content: _angular_core.Signal<unknown>;
+    id: _angular_core.Signal<string>;
+    ariaLabelledby: _angular_core.Signal<string>;
+    active: _angular_core.Signal<boolean>;
+    isLazyEnabled: _angular_core.Signal<boolean>;
+    private hasBeenRendered;
+    shouldRender: _angular_core.Signal<boolean>;
+    _componentStyle: TabPanelStyle;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabPanel, "agl-tabpanel", never, { "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["content"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare class TabListStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: string;
+        content: string;
+        tabList: string;
+        activeBar: string;
+        prevButton: string;
+        nextButton: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabListStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TabListStyle>;
+}
+interface TabListStyle extends BaseStyle {
+}
+
+/**
+ * TabList is a helper component for Tabs component.
+ * @group Components
+ */
+declare class TabList extends BaseComponent<TabListPassThrough> {
+    componentName: string;
+    $pcTabList: TabList | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * A template reference variable that represents the previous icon in a UI component.
+     * @type {TemplateRef<any> | undefined}
+     * @group Templates
+     */
+    prevIconTemplate: TemplateRef<any> | undefined;
+    /**
+     * A template reference variable that represents the next icon in a UI component.
+     * @type {TemplateRef<any> | undefined}
+     * @group Templates
+     */
+    nextIconTemplate: TemplateRef<any> | undefined;
+    templates: QueryList<AglTemplate> | undefined;
+    content: ElementRef<HTMLDivElement>;
+    prevButton: ElementRef<HTMLButtonElement>;
+    nextButton: ElementRef<HTMLButtonElement>;
+    inkbar: ElementRef<HTMLSpanElement>;
+    tabs: ElementRef<HTMLDivElement>;
+    pcTabs: any;
+    isPrevButtonEnabled: _angular_core.WritableSignal<boolean>;
+    isNextButtonEnabled: _angular_core.WritableSignal<boolean>;
+    resizeObserver: ResizeObserver;
+    showNavigators: _angular_core.Signal<any>;
+    tabindex: _angular_core.Signal<any>;
+    scrollable: _angular_core.Signal<any>;
+    _componentStyle: TabListStyle;
+    constructor();
+    get prevButtonAriaLabel(): string | undefined;
+    get nextButtonAriaLabel(): string | undefined;
+    onAfterViewInit(): void;
+    _prevIconTemplate: TemplateRef<any> | undefined;
+    _nextIconTemplate: TemplateRef<any> | undefined;
+    onAfterContentInit(): void;
+    onDestroy(): void;
+    onScroll(event: Event): void;
+    onPrevButtonClick(): void;
+    onNextButtonClick(): void;
+    updateButtonState(): void;
+    updateInkBar(): void;
+    getVisibleButtonWidths(): number;
+    bindResizeObserver(): void;
+    unbindResizeObserver(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabList, "agl-tablist", never, {}, {}, ["prevIconTemplate", "nextIconTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare class TabStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-tab-active': any;
+            'p-disabled': any;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TabStyle>;
+}
+interface TabStyle extends BaseStyle {
+}
+
+/**
+ * Defines valid properties in Tab component.
+ * @group Components
+ */
+declare class Tab extends BaseComponent<TabPassThrough> {
+    componentName: string;
+    $pcTab: Tab | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Value of tab.
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: _angular_core.ModelSignal<string | number | undefined>;
+    /**
+     * Whether the tab is disabled.
+     * @defaultValue false
+     * @group Props
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    pcTabs: any;
+    pcTabList: any;
+    el: ElementRef<any>;
+    _componentStyle: TabStyle;
+    ripple: _angular_core.Signal<boolean>;
+    id: _angular_core.Signal<string>;
+    ariaControls: _angular_core.Signal<string>;
+    active: _angular_core.Signal<boolean>;
+    tabindex: _angular_core.Signal<any>;
+    mutationObserver: MutationObserver | undefined;
+    onFocus(event: FocusEvent): void;
+    onClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onAfterViewInit(): void;
+    onArrowRightKey(event: any): void;
+    onArrowLeftKey(event: any): void;
+    onHomeKey(event: any): void;
+    onEndKey(event: any): void;
+    onPageDownKey(event: any): void;
+    onPageUpKey(event: any): void;
+    onEnterKey(event: any): void;
+    findNextTab(tabElement: any, selfCheck?: boolean): any;
+    findPrevTab(tabElement: any, selfCheck?: boolean): any;
+    findFirstTab(): any;
+    findLastTab(): any;
+    changeActiveValue(): void;
+    changeFocusedTab(event: any, element: any): void;
+    scrollInView(element: any): void;
+    bindMutationObserver(): void;
+    unbindMutationObserver(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tab, "agl-tab", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1$1.Ripple; inputs: {}; outputs: {}; }, { directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare class TabsModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TabsModule, never, [typeof Tabs, typeof TabPanels, typeof TabPanel, typeof TabList, typeof Tab, typeof i1.BindModule], [typeof Tabs, typeof TabPanels, typeof TabPanel, typeof TabList, typeof Tab, typeof i1.BindModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TabsModule>;
+}
+
+export { Tab, TabList, TabPanel, TabPanels, Tabs, TabsClasses, TabsModule, TabsStyle };

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

@@ -0,0 +1,113 @@
+import { TagPassThrough } from '@anguless/angulux/types/tag';
+export * from '@anguless/angulux/types/tag';
+import * as i0 from '@angular/core';
+import { AfterContentInit, TemplateRef, QueryList } from '@angular/core';
+import * as i2 from '@anguless/angulux/api';
+import { 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 * as _anguless_angulux_styled from '@anguless/angulux-styled';
+import { BaseStyle } from '@anguless/angulux/base';
+
+/**
+ *
+ * Tag component is used to categorize content.
+ *
+ * @module tagstyle
+ *
+ */
+declare enum TagClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-tag",
+    /**
+     * Class name of the icon element
+     */
+    icon = "p-tag-icon",
+    /**
+     * Class name of the label element
+     */
+    label = "p-tag-label"
+}
+declare class TagStyle extends BaseStyle {
+    name: string;
+    style: _anguless_angulux_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-tag-info': boolean;
+            'p-tag-success': boolean;
+            'p-tag-warn': boolean;
+            'p-tag-danger': boolean;
+            'p-tag-secondary': boolean;
+            'p-tag-contrast': boolean;
+            'p-tag-rounded': any;
+        })[];
+        icon: string;
+        label: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TagStyle>;
+}
+interface TagStyle extends BaseStyle {
+}
+
+/**
+ * Tag component is used to categorize content.
+ * @group Components
+ */
+declare class Tag extends BaseComponent<TagPassThrough> implements AfterContentInit {
+    componentName: string;
+    $pcTag: Tag | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Severity type of the tag.
+     * @group Props
+     */
+    severity: 'success' | 'secondary' | 'info' | 'warn' | 'danger' | 'contrast' | undefined | null;
+    /**
+     * Value to display inside the tag.
+     * @group Props
+     */
+    value: string | undefined;
+    /**
+     * Icon of the tag to display next to the value.
+     * @group Props
+     */
+    icon: string | undefined;
+    /**
+     * Whether the corners of the tag are rounded.
+     * @group Props
+     */
+    rounded: boolean | undefined;
+    /**
+     * Custom icon template.
+     * @group Templates
+     */
+    iconTemplate: TemplateRef<void> | undefined;
+    templates: QueryList<AglTemplate> | undefined;
+    _iconTemplate: TemplateRef<void> | undefined;
+    _componentStyle: TagStyle;
+    onAfterContentInit(): void;
+    get dataP(): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tag, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tag, "agl-tag", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, ["iconTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_rounded: unknown;
+}
+declare class TagModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TagModule, never, [typeof Tag, typeof i2.SharedModule], [typeof Tag, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TagModule>;
+}
+
+export { Tag, TagClasses, TagModule, TagStyle };

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

@@ -0,0 +1,125 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { BaseModelHolder } from '@anguless/angulux/basemodelholder';
+import * as i1 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { Fluid } from '@anguless/angulux/fluid';
+import { TextareaPassThrough } from '@anguless/angulux/types/textarea';
+import { Subscription } from 'rxjs';
+import { BaseStyle } from '@anguless/angulux/base';
+
+/**
+ *
+ * Textarea is a multi-line text input element.
+ *
+ * @module textareastyle
+ *
+ */
+declare enum TextareaClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-textarea"
+}
+declare class TextareaStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-filled': any;
+            'p-textarea-resizable ': any;
+            'p-variant-filled': boolean;
+            'p-textarea-fluid': any;
+            'p-inputfield-sm p-textarea-sm': boolean;
+            'p-textarea-lg p-inputfield-lg': boolean;
+            'p-invalid': any;
+        })[];
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TextareaStyle>;
+}
+interface TextareaStyle extends BaseStyle {
+}
+
+/**
+ * Textarea adds styling and autoResize functionality to standard textarea element.
+ * @group Components
+ */
+declare class Textarea extends BaseModelHolder<TextareaPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pcTextarea: Textarea | undefined;
+    /**
+     * Used to pass attributes to DOM elements inside the Textarea component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pTextareaPT: i0.InputSignal<TextareaPassThrough>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pTextareaUnstyled: i0.InputSignal<boolean | undefined>;
+    /**
+     * When present, textarea size changes as being typed.
+     * @group Props
+     */
+    autoResize: boolean | undefined;
+    /**
+     * Defines the size of the component.
+     * @group Props
+     */
+    aglSize: 'large' | 'small';
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant: i0.InputSignal<"filled" | "outlined" | undefined>;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: i0.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     * @group Props
+     */
+    invalid: i0.InputSignalWithTransform<boolean | undefined, unknown>;
+    $variant: i0.Signal<"filled" | "outlined" | null>;
+    /**
+     * Callback to invoke on textarea resize.
+     * @param {(Event | {})} event - Custom resize event.
+     * @group Emits
+     */
+    onResize: EventEmitter<Event | {}>;
+    ngControlSubscription: Subscription | undefined;
+    _componentStyle: TextareaStyle;
+    ngControl: NgControl | null;
+    pcFluid: Fluid | null;
+    get hasFluid(): boolean;
+    constructor();
+    onInit(): void;
+    onAfterViewInit(): void;
+    onAfterViewChecked(): void;
+    onInput(e: Event): void;
+    resize(event?: Event): void;
+    updateState(): void;
+    onDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Textarea, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Textarea, "[aglTextarea], [aglInputTextarea]", never, { "pTextareaPT": { "alias": "pTextareaPT"; "required": false; "isSignal": true; }; "pTextareaUnstyled": { "alias": "pTextareaUnstyled"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; }; "aglSize": { "alias": "aglSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "onResize": "onResize"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_autoResize: unknown;
+}
+declare class TextareaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TextareaModule, never, [typeof Textarea], [typeof Textarea]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TextareaModule>;
+}
+
+export { Textarea, TextareaClasses, TextareaModule, TextareaStyle };