primeng 18.0.0-beta.1 → 18.0.0-beta.3

package/tabs/tabs.d.ts

@@ -1,270 +1,64 @@
-import { AfterContentInit, AfterViewChecked, ElementRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
-import { BlockableUI, PrimeTemplate } from 'primeng/api';
-import { TabsChangeEvent, TabsCloseEvent } from './tabs.interface';
-import { Nullable } from 'primeng/ts-helpers';
-import { TabsStyle } from './style/tabsstyle';
 import { BaseComponent } from 'primeng/basecomponent';
+import { TabsStyle } from './style/tabsstyle';
 import * as i0 from "@angular/core";
-import * as i1 from "primeng/api";
+import * as i1 from "./tabpanels";
+import * as i2 from "./tabpanel";
+import * as i3 from "./tablist";
+import * as i4 from "./tab";
 /**
- * TabPanel is a helper component for Tabs component.
+ * Tabs facilitates seamless switching between different views.
  * @group Components
  */
-export declare class TabPanel extends BaseComponent implements AfterContentInit, OnDestroy {
-    /**
-     * Defines if tab can be removed.
-     * @group Props
-     */
-    closable: boolean | undefined;
-    /**
-     * Inline style of the tab header.
-     * @group Props
-     */
-    get headerStyle(): {
-        [klass: string]: any;
-    } | null | undefined;
-    set headerStyle(headerStyle: {
-        [klass: string]: any;
-    } | null | undefined);
-    /**
-     * Style class of the tab header.
-     * @group Props
-     */
-    get headerStyleClass(): string | undefined;
-    set headerStyleClass(headerStyleClass: string | undefined);
-    /**
-     * Whether a lazy loaded panel should avoid getting loaded again on reselection.
-     * @group Props
-     */
-    cache: boolean | undefined;
-    /**
-     * Advisory information to display in a tooltip on hover.
-     * @group Props
-     */
-    tooltip: string | undefined;
+export declare class Tabs extends BaseComponent {
     /**
-     * Position of the tooltip.
+     * Value of the active tab.
+     * @defaultValue undefined
      * @group Props
      */
-    tooltipPosition: 'top' | 'bottom' | 'left' | 'right' | undefined;
+    value: import("@angular/core").ModelSignal<string | number>;
     /**
-     * Type of CSS position.
-     * @group Props
-     */
-    tooltipPositionStyle: string | undefined;
-    /**
-     * Style class of the tooltip.
-     * @group Props
-     */
-    tooltipStyleClass: string | undefined;
-    /**
-     * Defines if tab is active.
+     * When specified, enables horizontal and/or vertical scrolling.
+     * @type boolean
      * @defaultValue false
      * @group Props
      */
-    get selected(): boolean;
-    set selected(val: boolean);
+    scrollable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
-     * When true, tab cannot be activated.
+     * When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css.
+     * @type boolean
      * @defaultValue false
      * @group Props
      */
-    get disabled(): boolean;
-    set disabled(disabled: boolean);
-    /**
-     * Title of the tabPanel.
-     * @group Props
-     */
-    get header(): string;
-    set header(header: string);
-    /**
-     * Left icon of the tabPanel.
-     * @group Props
-     * @deprecated since v15.4.2, use `lefticon` template instead.
-     */
-    get leftIcon(): string;
-    set leftIcon(leftIcon: string);
-    /**
-     * Left icon of the tabPanel.
-     * @group Props
-     * @deprecated since v15.4.2, use `righticon` template instead.
-     */
-    get rightIcon(): string | undefined;
-    set rightIcon(rightIcon: string | undefined);
-    templates: QueryList<PrimeTemplate> | undefined;
-    closed: boolean;
-    _headerStyle: {
-        [klass: string]: any;
-    } | null | undefined;
-    _headerStyleClass: string | undefined;
-    _selected: boolean | undefined;
-    _disabled: boolean | undefined;
-    _header: string;
-    _leftIcon: string;
-    _rightIcon: string | undefined;
-    loaded: boolean;
-    id: string | undefined;
-    contentTemplate: TemplateRef<any> | undefined;
-    headerTemplate: TemplateRef<any> | undefined;
-    leftIconTemplate: TemplateRef<any> | undefined;
-    rightIconTemplate: TemplateRef<any> | undefined;
-    closeIconTemplate: TemplateRef<any> | undefined;
-    tabs: Tabs;
-    _componentStyle: TabsStyle;
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanel, "p-tabpanel", never, { "closable": { "alias": "closable"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "header": { "alias": "header"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; }, {}, ["templates"], ["*"], true, never>;
-    static ngAcceptInputType_closable: unknown;
-    static ngAcceptInputType_cache: unknown;
-}
-/**
- * Tabs is a container component to group content with tabs.
- * @group Components
- */
-export declare class Tabs extends BaseComponent implements AfterContentInit, AfterViewChecked, OnDestroy, BlockableUI {
-    get hostClass(): string;
-    get hostStyle(): {
-        [klass: string]: any;
-    };
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    style: {
-        [klass: string]: any;
-    } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    styleClass: string | undefined;
-    /**
-     * Whether tab close is controlled at onClose event or not.
-     * @defaultValue false
-     * @group Props
-     */
-    controlClose: boolean | undefined;
-    /**
-     * When enabled displays buttons at each side of the tab headers to scroll the tab list.
-     * @defaultValue false
-     * @group Props
-     */
-    scrollable: boolean | undefined;
-    /**
-     * Index of the active tab to change selected tab programmatically.
-     * @group Props
-     */
-    get activeIndex(): number;
-    set activeIndex(val: number);
+    lazy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * When enabled, the focused tab is activated.
+     * @type boolean
+     * @defaultValue false
      * @group Props
      */
-    selectOnFocus: boolean;
-    /**
-     * Used to define a string aria label attribute the forward navigation button.
-     * @group Props
-     */
-    nextButtonAriaLabel: string | undefined;
-    /**
-     * Used to define a string aria label attribute the backward navigation button.
-     * @group Props
-     */
-    prevButtonAriaLabel: string | undefined;
+    selectOnFocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
-     * When activated, navigation buttons will automatically hide or show based on the available space within the container.
+     * Whether to display navigation buttons in container when scrollable is enabled.
+     * @type boolean
+     * @defaultValue true
      * @group Props
      */
-    autoHideButtons: boolean;
+    showNavigators: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
-     * Index of the element in tabbing order.
+     * Tabindex of the tab buttons.
+     * @type number
+     * @defaultValue 0
      * @group Props
      */
-    tabindex: number;
-    /**
-     * Callback to invoke on tab change.
-     * @param {TabsChangeEvent} event - Custom tab change event
-     * @group Emits
-     */
-    onChange: EventEmitter<TabsChangeEvent>;
-    /**
-     * Callback to invoke on tab close.
-     * @param {TabsCloseEvent} event - Custom tab close event
-     * @group Emits
-     */
-    onClose: EventEmitter<TabsCloseEvent>;
-    /**
-     * Callback to invoke on the active tab change.
-     * @param {number} index - New active index
-     * @group Emits
-     */
-    activeIndexChange: EventEmitter<number>;
-    content?: ElementRef<HTMLDivElement>;
-    navbar?: ElementRef<HTMLUListElement>;
-    prevBtn?: ElementRef;
-    nextBtn?: ElementRef;
-    inkbar?: ElementRef;
-    tabPanels: QueryList<TabPanel> | undefined;
-    templates: QueryList<PrimeTemplate> | undefined;
-    initialized: boolean | undefined;
-    tabs: TabPanel[];
-    _activeIndex: number;
-    preventActiveIndexPropagation: boolean;
-    tabChanged: boolean | undefined;
-    backwardIsDisabled: boolean;
-    forwardIsDisabled: boolean;
-    private tabChangesSubscription;
-    nextIconTemplate: TemplateRef<any> | undefined;
-    previousIconTemplate: TemplateRef<any> | undefined;
-    resizeObserver: Nullable<ResizeObserver>;
-    container: HTMLDivElement | undefined;
-    list: HTMLUListElement | undefined;
-    buttonVisible: boolean;
-    elementToObserve: ElementRef;
+    tabindex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    id: import("@angular/core").WritableSignal<string>;
     _componentStyle: TabsStyle;
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    bindResizeObserver(): void;
-    unbindResizeObserver(): void;
-    ngAfterViewChecked(): void;
-    ngOnDestroy(): void;
-    getTabHeaderActionId(tabId: any): string;
-    getTabContentId(tabId: any): string;
-    initTabs(): void;
-    onTabKeyDown(event: KeyboardEvent, tab: TabPanel): void;
-    onTabArrowLeftKey(event: KeyboardEvent): void;
-    onTabArrowRightKey(event: KeyboardEvent): void;
-    onTabHomeKey(event: KeyboardEvent): void;
-    onTabEndKey(event: KeyboardEvent): void;
-    changeFocusedTab(event: KeyboardEvent, element: any, index: number): void;
-    findNextHeaderAction(tabElement: any, selfCheck?: boolean): any;
-    findPrevHeaderAction(tabElement: any, selfCheck?: boolean): any;
-    findFirstHeaderAction(): any;
-    findLastHeaderAction(): any;
-    open(event: Event, tab: TabPanel): void;
-    close(event: Event, tab: TabPanel): void;
-    closeTab(tab: TabPanel): void;
-    findSelectedTab(): TabPanel | null;
-    findTabIndex(tab: TabPanel): number;
-    getBlockableElement(): HTMLElement;
-    updateInkBar(): void;
-    updateScrollBar(index: number): void;
-    updateButtonState(): void;
-    refreshButtonState(): void;
-    onScroll(event: Event): void;
-    getVisibleButtonWidths(): any;
-    navBackward(): void;
-    navForward(): void;
+    updateValue(newValue: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Tabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "p-tabs", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; }; "prevButtonAriaLabel": { "alias": "prevButtonAriaLabel"; "required": false; }; "autoHideButtons": { "alias": "autoHideButtons"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], true, never>;
-    static ngAcceptInputType_controlClose: unknown;
-    static ngAcceptInputType_scrollable: unknown;
-    static ngAcceptInputType_selectOnFocus: unknown;
-    static ngAcceptInputType_autoHideButtons: unknown;
-    static ngAcceptInputType_tabindex: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "p-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, never>;
 }
 export declare class TabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TabsModule, never, [typeof Tabs, typeof TabPanel], [typeof Tabs, typeof TabPanel, typeof i1.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TabsModule, never, [typeof Tabs, typeof i1.TabPanels, typeof i2.TabPanel, typeof i3.TabList, typeof i4.Tab], [typeof Tabs, typeof i1.TabPanels, typeof i2.TabPanel, typeof i3.TabList, typeof i4.Tab]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TabsModule>;
 }

package/tabview/public_api.d.ts

@@ -1,2 +1,3 @@
 export * from './tabview';
 export * from './tabview.interface';
+export * from './style/tabsstyle';

package/tabview/style/tabsstyle.d.ts

@@ -15,3 +15,52 @@ export declare class TabsStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TabsStyle>;
 }
+/**
+ *
+ * Tabs facilitates seamless switching between different views.
+ *
+ * [Live Demo](https://www.primeng.org/tabs/)
+ *
+ * @module tabsstyle
+ *
+ */
+export 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"
+}
+export interface TabsStyle extends BaseStyle {
+}

package/tag/public_api.d.ts

@@ -1,2 +1,3 @@
 export * from './tag';
 export * from './tag.interface';
+export * from './style/tagstyle';

package/tag/style/tagstyle.d.ts

@@ -23,3 +23,28 @@ export declare class TagStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<TagStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TagStyle>;
 }
+/**
+ *
+ * Tag component is used to categorize content.
+ *
+ * [Live Demo](https://www.primeng.org/tag)
+ *
+ * @module tagstyle
+ *
+ */
+export 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"
+}
+export interface TagStyle extends BaseStyle {
+}

package/terminal/public_api.d.ts

@@ -1,2 +1,3 @@
 export * from './terminal';
 export * from './terminalservice';
+export * from './style/terminalstyle';

package/terminal/style/terminalstyle.d.ts

@@ -19,3 +19,52 @@ export declare class TerminalStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<TerminalStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TerminalStyle>;
 }
+/**
+ *
+ * Terminal is a text based user interface.
+ *
+ * [Live Demo](https://www.primeng.org/terminal)
+ *
+ * @module terminalstyle
+ *
+ */
+export declare enum TerminalClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-terminal",
+    /**
+     * Class name of the welcome message element
+     */
+    welcomeMessage = "p-terminal-welcome-message",
+    /**
+     * Class name of the command list element
+     */
+    commandList = "p-terminal-command-list",
+    /**
+     * Class name of the command element
+     */
+    command = "p-terminal-command",
+    /**
+     * Class name of the command value element
+     */
+    commandValue = "p-terminal-command-value",
+    /**
+     * Class name of the command response element
+     */
+    commandResponse = "p-terminal-command-response",
+    /**
+     * Class name of the prompt element
+     */
+    prompt = "p-terminal-prompt",
+    /**
+     * Class name of the prompt label element
+     */
+    promptLabel = "p-terminal-prompt-label",
+    /**
+     * Class name of the prompt value element
+     */
+    promptValue = "p-terminal-prompt-value"
+}
+export interface TerminalStyle extends BaseStyle {
+}

package/textarea/public_api.d.ts

@@ -1 +1,2 @@
 export * from './textarea';
+export * from './style/textareastyle';

package/textarea/style/textareastyle.d.ts

@@ -20,3 +20,20 @@ export declare class TextareaStyle extends BaseStyle {
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaStyle, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TextareaStyle>;
 }
+/**
+ *
+ * Textarea is a multi-line text input element.
+ *
+ * [Live Demo](https://www.primeng.org/textarea/)
+ *
+ * @module textareastyle
+ *
+ */
+export declare enum TextareaClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-textarea"
+}
+export interface TextareaStyle extends BaseStyle {
+}

package/themes/aura/aura.d.ts

@@ -437,6 +437,7 @@ export declare const Aura: {
                     placeholderColor: string;
                     floatLabelColor: string;
                     floatLabelFocusColor: string;
+                    floatLabelActiveColor: string;
                     floatLabelInvalidColor: string;
                     iconColor: string;
                     shadow: string;
@@ -559,6 +560,7 @@ export declare const Aura: {
                     placeholderColor: string;
                     floatLabelColor: string;
                     floatLabelFocusColor: string;
+                    floatLabelActiveColor: string;
                     floatLabelInvalidColor: string;
                     iconColor: string;
                     shadow: string;
@@ -2282,8 +2284,36 @@ export declare const Aura: {
             root: {
                 color: string;
                 focusColor: string;
+                activeColor: string;
                 invalidColor: string;
                 transitionDuration: string;
+                positionX: string;
+                positionY: string;
+                fontWeight: string;
+                active: {
+                    fontSize: string;
+                    fontWeight: string;
+                };
+            };
+            over: {
+                active: {
+                    top: string;
+                };
+            };
+            in: {
+                input: {
+                    paddingTop: string;
+                };
+                active: {
+                    top: string;
+                };
+            };
+            on: {
+                borderRadius: string;
+                active: {
+                    background: string;
+                    padding: string;
+                };
             };
         };
         galleria: {
@@ -2699,6 +2729,21 @@ export declare const Aura: {
                 };
             };
         };
+        iftalabel: {
+            root: {
+                color: string;
+                focusColor: string;
+                invalidColor: string;
+                transitionDuration: string;
+                positionX: string;
+                top: string;
+                fontSize: string;
+                fontWeight: string;
+            };
+            input: {
+                paddingTop: string;
+            };
+        };
         knob: {
             root: {
                 transitionDuration: string;

package/themes/aura/floatlabel/index.d.ts

@@ -2,8 +2,36 @@ declare const _default: {
     root: {
         color: string;
         focusColor: string;
+        activeColor: string;
         invalidColor: string;
         transitionDuration: string;
+        positionX: string;
+        positionY: string;
+        fontWeight: string;
+        active: {
+            fontSize: string;
+            fontWeight: string;
+        };
+    };
+    over: {
+        active: {
+            top: string;
+        };
+    };
+    in: {
+        input: {
+            paddingTop: string;
+        };
+        active: {
+            top: string;
+        };
+    };
+    on: {
+        borderRadius: string;
+        active: {
+            background: string;
+            padding: string;
+        };
     };
 };
 export default _default;

package/themes/aura/iftalabel/index.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    root: {
+        color: string;
+        focusColor: string;
+        invalidColor: string;
+        transitionDuration: string;
+        positionX: string;
+        top: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    input: {
+        paddingTop: string;
+    };
+};
+export default _default;

package/themes/lara/floatlabel/index.d.ts

@@ -2,8 +2,34 @@ declare const _default: {
     root: {
         color: string;
         focusColor: string;
+        activeColor: string;
         invalidColor: string;
         transitionDuration: string;
+        positionX: string;
+        fontWeight: string;
+        focus: {
+            top: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+    };
+    in: {
+        input: {
+            paddingTop: string;
+        };
+        focus: {
+            top: string;
+        };
+    };
+    on: {
+        input: {
+            paddingTop: string;
+            paddingBottom: string;
+        };
+        focus: {
+            background: string;
+            padding: string;
+        };
     };
 };
 export default _default;

package/themes/lara/iftalabel/index.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    root: {
+        color: string;
+        focusColor: string;
+        invalidColor: string;
+        transitionDuration: string;
+        positionX: string;
+        top: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    input: {
+        paddingTop: string;
+    };
+};
+export default _default;