primenglab 22.0.0-beta.1

package/types/primenglab-tabs.d.ts

@@ -0,0 +1,356 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { TabsPassThrough, TabsScrollStrategy, TabPanelsPassThrough, TabPanelPassThrough, TabListPassThrough, TabPassThrough } from 'primenglab/types/tabs';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i1$1 from 'primenglab/ripple';
+
+/**
+ *
+ * Tabs facilitates seamless switching between different views.
+ *
+ * [Live Demo](https://www.primeng.org/tabs/)
+ *
+ * @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: _primeuix_styled.StyleType;
+    classes: {
+        root: string;
+    };
+    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>;
+    /**
+     * Scrolling is enabled by default. This property is no longer needed.
+     * @defaultValue false
+     * @group Props
+     * @deprecated Scrolling is now the default behavior. This property will be removed in a future version.
+     */
+    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>;
+    /**
+     * Defines the scrolling behavior when the active tab changes. Use 'nearest' to scroll only if the tab is not fully visible, 'center' to always center the active tab, or false to disable auto-scrolling.
+     * @defaultValue 'nearest'
+     * @group Props
+     */
+    scrollStrategy: _angular_core.InputSignal<TabsScrollStrategy>;
+    id: _angular_core.WritableSignal<string>;
+    _componentStyle: TabsStyle;
+    updateValue(newValue: string | number | undefined): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "scrollStrategy": { "alias": "scrollStrategy"; "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, "p-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, "p-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;
+        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: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /**
+     * A template reference variable that represents the next icon in a UI component.
+     * @type {TemplateRef<any> | undefined}
+     * @group Templates
+     */
+    nextIconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    content: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    prevButton: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    nextButton: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    inkbar: _angular_core.Signal<ElementRef<HTMLSpanElement> | undefined>;
+    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;
+    onDestroy(): void;
+    onScroll(event: Event): void;
+    onPrevButtonClick(): void;
+    onNextButtonClick(): void;
+    updateButtonState(): void;
+    updateInkBar(): void;
+    scrollToActiveTab(): void;
+    getVisibleButtonWidths(): number;
+    bindResizeObserver(): void;
+    unbindResizeObserver(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabList, "p-tablist", never, {}, {}, ["prevIconTemplate", "nextIconTemplate"], ["*"], 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: KeyboardEvent): void;
+    onArrowLeftKey(event: KeyboardEvent): void;
+    onHomeKey(event: KeyboardEvent): void;
+    onEndKey(event: KeyboardEvent): void;
+    onPageDownKey(event: KeyboardEvent): void;
+    onPageUpKey(event: KeyboardEvent): void;
+    onEnterKey(event: KeyboardEvent): void;
+    findNextTab(tabElement: Element | null, selfCheck?: boolean): Element | null;
+    findPrevTab(tabElement: Element | null, selfCheck?: boolean): Element | null;
+    findFirstTab(): Element | null;
+    findLastTab(): Element | null;
+    changeActiveValue(): void;
+    changeFocusedTab(element: Element | null): void;
+    scrollInView(element: Element | null): void;
+    bindMutationObserver(): void;
+    unbindMutationObserver(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tab, "p-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/primenglab-tag.d.ts

@@ -0,0 +1,104 @@
+import { TagPassThrough, TagSeverity } from 'primenglab/types/tag';
+export * from 'primenglab/types/tag';
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i2 from 'primenglab/api';
+
+/**
+ *
+ * Tag component is used to categorize content.
+ *
+ * [Live Demo](https://www.primeng.org/tag)
+ *
+ * @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: _primeuix_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> {
+    componentName: string;
+    $pcTag: Tag | undefined;
+    bindDirectiveInstance: Bind;
+    /**
+     * Severity type of the tag.
+     * @group Props
+     */
+    severity: i0.InputSignal<TagSeverity | null | undefined>;
+    /**
+     * Value to display inside the tag.
+     * @group Props
+     */
+    value: i0.InputSignal<string | undefined>;
+    /**
+     * Icon of the tag to display next to the value.
+     * @group Props
+     */
+    icon: i0.InputSignal<string | undefined>;
+    /**
+     * Whether the corners of the tag are rounded.
+     * @group Props
+     */
+    rounded: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Custom icon template.
+     * @group Templates
+     */
+    iconTemplate: i0.Signal<TemplateRef<void> | undefined>;
+    _componentStyle: TagStyle;
+    dataP: i0.Signal<string | undefined>;
+    onAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tag, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tag, "p-tag", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, ["iconTemplate"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+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/primenglab-terminal.d.ts

@@ -0,0 +1,137 @@
+import { TerminalPassThrough } from 'primenglab/types/terminal';
+export * from 'primenglab/types/terminal';
+import * as i0 from '@angular/core';
+import { AfterViewInit, AfterViewChecked, ElementRef } from '@angular/core';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as rxjs from 'rxjs';
+import * as i2 from 'primenglab/api';
+
+/**
+ *
+ * Terminal is a text based user interface.
+ *
+ * [Live Demo](https://www.primeng.org/terminal)
+ *
+ * @module terminalstyle
+ *
+ */
+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"
+}
+declare class TerminalStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: () => string[];
+        welcomeMessage: string;
+        commandList: string;
+        command: string;
+        commandValue: string;
+        commandResponse: string;
+        prompt: string;
+        promptLabel: string;
+        promptValue: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<TerminalStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TerminalStyle>;
+}
+interface TerminalStyle extends BaseStyle {
+}
+
+declare class TerminalService {
+    private commandSource;
+    private responseSource;
+    commandHandler: rxjs.Observable<string>;
+    responseHandler: rxjs.Observable<string>;
+    sendCommand(command: string): void;
+    sendResponse(response: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TerminalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TerminalService>;
+}
+
+/**
+ * Terminal is a text based user interface.
+ * @group Components
+ */
+declare class Terminal extends BaseComponent<TerminalPassThrough> implements AfterViewInit, AfterViewChecked {
+    componentName: string;
+    $pcTerminal: Terminal | undefined;
+    bindDirectiveInstance: Bind;
+    terminalService: TerminalService;
+    private destroyRef;
+    /**
+     * Initial text to display on terminal.
+     * @group Props
+     */
+    welcomeMessage: i0.InputSignal<string | undefined>;
+    /**
+     * Prompt text for each command.
+     * @group Props
+     */
+    prompt: i0.InputSignal<string | undefined>;
+    /**
+     * Response to display after a command.
+     * @group Props
+     */
+    response: i0.InputSignal<string | undefined>;
+    commands: any[];
+    command: string;
+    container: Element;
+    commandProcessed: boolean;
+    _componentStyle: TerminalStyle;
+    inputRef: i0.Signal<ElementRef<HTMLInputElement>>;
+    onHostClick(): void;
+    constructor();
+    onAfterViewInit(): void;
+    onAfterViewChecked(): void;
+    handleCommand(event: KeyboardEvent): void;
+    focus(element: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Terminal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Terminal, "p-terminal", never, { "welcomeMessage": { "alias": "welcomeMessage"; "required": false; "isSignal": true; }; "prompt": { "alias": "prompt"; "required": false; "isSignal": true; }; "response": { "alias": "response"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class TerminalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TerminalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TerminalModule, never, [typeof Terminal, typeof i2.SharedModule], [typeof Terminal, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TerminalModule>;
+}
+
+export { Terminal, TerminalClasses, TerminalModule, TerminalService, TerminalStyle };