@wawjs/ngx-prime 22.0.0

package/types/wawjs-ngx-prime-chart.d.ts

@@ -0,0 +1,128 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { ChartPassThrough } from '@wawjs/ngx-prime/types/chart';
+import * as i2 from '@wawjs/ngx-prime/api';
+
+declare class ChartStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: string;
+    };
+    inlineStyles: {
+        root: ({ instance }: {
+            instance: any;
+        }) => {
+            display: string;
+            position: string;
+            width: any;
+            height: any;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ChartStyle>;
+}
+/**
+ *
+ * Chart groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.ngx-prime.org/chart/)
+ *
+ * @module chartstyle
+ *
+ */
+declare enum ChartClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-chart"
+}
+
+/**
+ * Chart groups a collection of contents in tabs.
+ * @group Components
+ */
+declare class UIChart extends BaseComponent<ChartPassThrough> {
+    el: ElementRef<any>;
+    private zone;
+    componentName: string;
+    $pcChart: UIChart | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Type of the chart.
+     * @group Props
+     */
+    type: _angular_core.InputSignal<"bar" | "line" | "scatter" | "bubble" | "pie" | "doughnut" | "polarArea" | "radar" | undefined>;
+    /**
+     * Array of per-chart plugins to customize the chart behaviour.
+     * @group Props
+     */
+    plugins: _angular_core.InputSignal<any[]>;
+    /**
+     * Width of the chart.
+     * @group Props
+     */
+    width: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Height of the chart.
+     * @group Props
+     */
+    height: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether the chart is redrawn on screen size change.
+     * @group Props
+     */
+    responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Used to define a string that autocomplete attribute the current element.
+     * @group Props
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Data to display.
+     * @group Props
+     */
+    data: _angular_core.InputSignal<any>;
+    /**
+     * Options to customize the chart.
+     * @group Props
+     */
+    options: _angular_core.InputSignal<any>;
+    /**
+     * Callback to execute when an element on chart is clicked.
+     * @group Emits
+     */
+    onDataSelect: _angular_core.OutputEmitterRef<any>;
+    isBrowser: boolean;
+    initialized: boolean | undefined;
+    chart: any;
+    _componentStyle: ChartStyle;
+    constructor();
+    onAfterViewInit(): void;
+    onCanvasClick(event: Event): void;
+    initChart(): void;
+    getCanvas(): any;
+    getBase64Image(): any;
+    generateLegend(): any;
+    refresh(): void;
+    reinit(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UIChart, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UIChart, "p-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "onDataSelect": "onDataSelect"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class ChartModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ChartModule, never, [typeof UIChart, typeof i2.SharedModule], [typeof UIChart, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ChartModule>;
+}
+
+export { ChartClasses, ChartModule, ChartStyle, UIChart };

package/types/wawjs-ngx-prime-checkbox.d.ts

@@ -0,0 +1,327 @@
+import { CheckboxPassThrough, CheckboxChangeEvent, CheckboxIconTemplateContext } from '@wawjs/ngx-prime/types/checkbox';
+export * from '@wawjs/ngx-prime/types/checkbox';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i3 from '@wawjs/ngx-prime/api';
+import { PrimeTemplate } from '@wawjs/ngx-prime/api';
+import { BaseEditableHolder } from '@wawjs/ngx-prime/baseeditableholder';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { Nullable } from '@wawjs/ngx-prime/ts-helpers';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
+
+declare class CheckboxStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-checkbox-checked p-highlight': any;
+            'p-disabled': any;
+            'p-invalid': any;
+            'p-variant-filled': boolean;
+            'p-checkbox-sm p-inputfield-sm': boolean;
+            'p-checkbox-lg p-inputfield-lg': boolean;
+        })[];
+        box: string;
+        input: string;
+        icon: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CheckboxStyle>;
+}
+/**
+ *
+ * Checkbox is an extension to standard checkbox element with theming.
+ *
+ * [Live Demo](https://www.ngx-prime.org/checkbox/)
+ *
+ * @module checkboxstyle
+ *
+ */
+declare enum CheckboxClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-checkbox",
+    /**
+     * Class name of the box element
+     */
+    box = "p-checkbox-box",
+    /**
+     * Class name of the input element
+     */
+    input = "p-checkbox-input",
+    /**
+     * Class name of the icon element
+     */
+    icon = "p-checkbox-icon"
+}
+
+/**
+ * Provides the themed visual container for a native checkbox.
+ *
+ * Use it only when a custom checkbox icon is required. For the usual case,
+ * use `<input type="checkbox" pCheckbox>` directly.
+ *
+ * @group Components
+ */
+declare class CheckboxContainerDirective extends BaseComponent<CheckboxPassThrough> {
+    componentName: string;
+    _componentStyle: CheckboxStyle;
+    private readonly bindDirectiveInstance;
+    readonly checkbox: _angular_core.Signal<CheckboxDirective | undefined>;
+    get checked(): boolean;
+    $disabled(): boolean;
+    invalid(): boolean;
+    $variant(): "filled" | "outlined" | null | undefined;
+    size(): "small" | "large" | undefined;
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxContainerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CheckboxContainerDirective, "label[pCheckboxContainer]", never, {}, {}, ["checkbox"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * Marks an element as the visual box of a `pCheckboxContainer`.
+ * Its content is the custom checked icon; an empty element receives the
+ * default checkmark from the checkbox theme.
+ *
+ * @group Components
+ */
+declare class CheckboxIconDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxIconDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CheckboxIconDirective, "[pCheckboxIcon]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Adds Prime styling and accessibility attributes to a native checkbox.
+ * Native form controls retain Angular's built-in checkbox value accessor.
+ *
+ * @group Components
+ */
+declare class CheckboxDirective extends BaseEditableHolder<CheckboxPassThrough> {
+    componentName: string;
+    private readonly element;
+    private readonly container;
+    _componentStyle: CheckboxStyle;
+    private readonly bindDirectiveInstance;
+    /** @deprecated Use the native `class` attribute instead. */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /** Compatibility input for the directive pass-through configuration. */
+    ptCheckbox: _angular_core.InputSignal<CheckboxPassThrough>;
+    /** Pass-through configuration for the native checkbox. */
+    pCheckboxPT: _angular_core.InputSignal<CheckboxPassThrough>;
+    /** Enables unstyled mode for this native checkbox. */
+    pCheckboxUnstyled: _angular_core.InputSignal<boolean | undefined>;
+    /** Allows a boolean value instead of an array of selected values. */
+    binary: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Value represented by this checkbox in an array model. */
+    value: _angular_core.InputSignal<unknown>;
+    /** Accessible label for the native checkbox. */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** IDs of elements that label the native checkbox. */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /** Index of the native input in tabbing order. */
+    tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /** Compatibility alias for the native input id. Prefer the native `id` attribute in new templates. */
+    inputId: _angular_core.InputSignal<string | undefined>;
+    /** Reflects the native checkbox indeterminate state. */
+    indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Prevents user changes while retaining the checkbox in the tab order. */
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Requests focus when the browser initializes the control. */
+    autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    trueValue: _angular_core.InputSignal<unknown>;
+    falseValue: _angular_core.InputSignal<unknown>;
+    variant: _angular_core.InputSignal<"filled" | "outlined" | undefined>;
+    size: _angular_core.InputSignal<"small" | "large" | undefined>;
+    $variant: _angular_core.Signal<"filled" | "outlined" | null>;
+    /** Emits the browser change with the native checked value. */
+    onChange: _angular_core.OutputEmitterRef<CheckboxChangeEvent>;
+    /** Emits when the native checkbox receives focus. */
+    onFocus: _angular_core.OutputEmitterRef<Event>;
+    /** Emits when the native checkbox loses focus. */
+    onBlur: _angular_core.OutputEmitterRef<Event>;
+    touch: _angular_core.OutputEmitterRef<void>;
+    onInputClick(event: MouseEvent): void;
+    onInputChange(event: Event): void;
+    onInputFocus(event: Event): void;
+    onInputBlur(event: Event): void;
+    get checked(): boolean;
+    get dataP(): string | undefined;
+    constructor();
+    onAfterViewChecked(): void;
+    focus(options?: FocusOptions): void;
+    get rootClass(): string | undefined;
+    writeControlValue(value: unknown, setModelValue: (value: unknown) => void): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CheckboxDirective, "input[type='checkbox'][pCheckbox]", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ptCheckbox": { "alias": "ptCheckbox"; "required": false; "isSignal": true; }; "pCheckboxPT": { "alias": "pCheckboxPT"; "required": false; "isSignal": true; }; "pCheckboxUnstyled": { "alias": "pCheckboxUnstyled"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "trueValue": { "alias": "trueValue"; "required": false; "isSignal": true; }; "falseValue": { "alias": "falseValue"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; "touch": "touch"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare const CHECKBOX_VALUE_ACCESSOR: any;
+/**
+ * Checkbox is an extension to standard checkbox element with theming.
+ *
+ * @deprecated Use a native `<input type="checkbox" pCheckbox>` instead. For
+ * custom visual icons, use `pCheckboxContainer` and `pCheckboxIcon`. This
+ * component remains available for compatibility and is planned for removal in v23.
+ * @group Components
+ */
+declare class Checkbox extends BaseEditableHolder<CheckboxPassThrough> {
+    componentName: string;
+    hostName: _angular_core.InputSignal<any>;
+    /**
+     * Value of the checkbox.
+     * @group Props
+     */
+    value: _angular_core.InputSignal<any>;
+    /**
+     * Allows to select a boolean value instead of multiple values.
+     * @group Props
+     */
+    binary: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Used to define a string that labels the input element.
+     * @group Props
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Identifier of the focus input to match a label defined for the component.
+     * @group Props
+     */
+    inputId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the input element.
+     * @group Props
+     */
+    inputStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the input element.
+     * @group Props
+     */
+    inputClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies input state as indeterminate.
+     * @group Props
+     */
+    indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Form control value.
+     * @group Props
+     */
+    formControl: _angular_core.InputSignal<FormControl<any> | undefined>;
+    /**
+     * Icon class of the checkbox icon.
+     * @group Props
+     */
+    checkboxIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that the component cannot be edited.
+     * @group Props
+     */
+    readonly: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Value in checked state.
+     * @group Props
+     */
+    trueValue: _angular_core.InputSignal<any>;
+    /**
+     * Value in unchecked state.
+     * @group Props
+     */
+    falseValue: _angular_core.InputSignal<any>;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant: _angular_core.InputSignal<"filled" | "outlined" | undefined>;
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size: _angular_core.InputSignal<"small" | "large" | undefined>;
+    /**
+     * Callback to invoke on value change.
+     * @param {CheckboxChangeEvent} event - Custom value change event.
+     * @group Emits
+     */
+    onChange: _angular_core.OutputEmitterRef<CheckboxChangeEvent>;
+    /**
+     * Callback to invoke when the receives focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Callback to invoke when the loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur: _angular_core.OutputEmitterRef<Event>;
+    readonly inputViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
+    get checked(): boolean;
+    _indeterminate: _angular_core.WritableSignal<any>;
+    /**
+     * Custom checkbox icon template.
+     * @group Templates
+     */
+    readonly checkboxIconTemplate: _angular_core.Signal<TemplateRef<CheckboxIconTemplateContext> | undefined>;
+    readonly templates: _angular_core.Signal<readonly PrimeTemplate[]>;
+    _checkboxIconTemplate: TemplateRef<CheckboxIconTemplateContext> | undefined;
+    focused: boolean;
+    _componentStyle: CheckboxStyle;
+    bindDirectiveInstance: Bind;
+    $pcCheckbox: Checkbox | undefined;
+    $variant: _angular_core.Signal<"filled" | "outlined" | null>;
+    constructor();
+    onAfterContentInit(): void;
+    onAfterViewChecked(): void;
+    updateModel(event: any): void;
+    handleChange(event: any): void;
+    onInputFocus(event: any): void;
+    onInputBlur(event: any): void;
+    focus(): 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: _angular_core.ɵɵFactoryDeclaration<Checkbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Checkbox, "p-checkbox, p-checkBox, p-check-box", never, { "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; "checkboxIcon": { "alias": "checkboxIcon"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "trueValue": { "alias": "trueValue"; "required": false; "isSignal": true; }; "falseValue": { "alias": "falseValue"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["checkboxIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class CheckboxModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CheckboxModule, never, [typeof Checkbox, typeof CheckboxContainerDirective, typeof CheckboxDirective, typeof CheckboxIconDirective, typeof i3.SharedModule], [typeof Checkbox, typeof CheckboxContainerDirective, typeof CheckboxDirective, typeof CheckboxIconDirective, typeof i3.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<CheckboxModule>;
+}
+
+export { CHECKBOX_VALUE_ACCESSOR, Checkbox, CheckboxClasses, CheckboxContainerDirective, CheckboxDirective, CheckboxIconDirective, CheckboxModule, CheckboxStyle };

package/types/wawjs-ngx-prime-chip.d.ts

@@ -0,0 +1,167 @@
+import { ChipPassThrough, ChipProps } from '@wawjs/ngx-prime/types/chip';
+export * from '@wawjs/ngx-prime/types/chip';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as i2 from '@wawjs/ngx-prime/api';
+import { PrimeTemplate } from '@wawjs/ngx-prime/api';
+import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import * as _wawjs_css_prime_styled from '@wawjs/css-prime-styled';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+declare class ChipStyle extends BaseStyle {
+    name: string;
+    style: _wawjs_css_prime_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        image: string;
+        icon: string;
+        label: string;
+        removeIcon: string;
+    };
+    inlineStyles: {
+        root: ({ instance }: {
+            instance: any;
+        }) => {
+            display: string | false;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ChipStyle>;
+}
+/**
+ *
+ * Chip represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.ngx-prime.org/chip)
+ *
+ * @module chipstyle
+ *
+ */
+declare enum ChipClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-chip",
+    /**
+     * Class name of the image element
+     */
+    image = "p-chip-image",
+    /**
+     * Class name of the icon element
+     */
+    icon = "p-chip-icon",
+    /**
+     * Class name of the label element
+     */
+    label = "p-chip-label",
+    /**
+     * Class name of the remove icon element
+     */
+    removeIcon = "p-chip-remove-icon"
+}
+
+/**
+ * Chip represents people using icons, labels and images.
+ * @group Components
+ */
+declare class Chip extends BaseComponent<ChipPassThrough> {
+    componentName: string;
+    $pcChip: Chip | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Defines the text to display.
+     * @group Props
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the icon to display.
+     * @group Props
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the image to display.
+     * @group Props
+     */
+    image: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Alt attribute of the image.
+     * @group Props
+     */
+    alt: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display a remove icon.
+     * @group Props
+     */
+    removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Icon of the remove element.
+     * @group Props
+     */
+    removeIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Callback to invoke when a chip is removed.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
+    onRemove: _angular_core.OutputEmitterRef<MouseEvent>;
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onImageError: _angular_core.OutputEmitterRef<Event>;
+    visible: boolean;
+    get removeAriaLabel(): any;
+    /**
+     * Used to pass all properties of the chipProps to the Chip component.
+     * @group Props
+     */
+    chipProps: _angular_core.InputSignal<ChipProps | undefined>;
+    readonly resolvedLabel: _angular_core.Signal<string | undefined>;
+    readonly resolvedIcon: _angular_core.Signal<string | undefined>;
+    readonly resolvedImage: _angular_core.Signal<string | undefined>;
+    readonly resolvedAlt: _angular_core.Signal<string | undefined>;
+    readonly resolvedStyleClass: _angular_core.Signal<string | undefined>;
+    readonly resolvedRemovable: _angular_core.Signal<boolean>;
+    readonly resolvedRemoveIcon: _angular_core.Signal<string | undefined>;
+    _componentStyle: ChipStyle;
+    /**
+     * Custom remove icon template.
+     * @group Templates
+     */
+    removeIconTemplate: TemplateRef<void> | undefined;
+    readonly templates: _angular_core.Signal<readonly PrimeTemplate[]>;
+    _removeIconTemplate: TemplateRef<void> | undefined;
+    onAfterContentInit(): void;
+    close(event: MouseEvent): void;
+    onKeydown(event: any): void;
+    imageError(event: Event): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Chip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Chip, "p-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeIcon": { "alias": "removeIcon"; "required": false; "isSignal": true; }; "chipProps": { "alias": "chipProps"; "required": false; "isSignal": true; }; }, { "onRemove": "onRemove"; "onImageError": "onImageError"; }, ["templates", "removeIconTemplate"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class ChipModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ChipModule, never, [typeof Chip, typeof i2.SharedModule], [typeof Chip, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ChipModule>;
+}
+
+export { Chip, ChipClasses, ChipModule, ChipStyle };

package/types/wawjs-ngx-prime-classnames.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+
+/**
+ * Represents the suitable value types of pClass directive.
+ * @group Types
+ */
+type PClassValue = string | number | boolean | undefined | null | {
+    [key: string]: boolean | undefined | null;
+} | any;
+/**
+ * PClass directive provides extends class binding functionality.
+ * Supports strings, arrays, objects, and mixed combinations.
+ * @group Components
+ */
+declare class ClassNames {
+    /**
+     * Class value(s) to be applied. Can be a string, array, object, or combination.
+     * @group Props
+     */
+    classNames: i0.InputSignal<any>;
+    classes: i0.Signal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassNames, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClassNames, "[pClass]", never, { "classNames": { "alias": "pClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class ClassNamesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClassNamesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClassNamesModule, never, [typeof ClassNames], [typeof ClassNames]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClassNamesModule>;
+}
+
+export { ClassNames, ClassNamesModule };
+export type { PClassValue };