primenglab 22.0.0-beta.1

package/types/primenglab-inputtags.d.ts

@@ -0,0 +1,315 @@
+import { InputTagsPassThrough, InputTagsAddEvent, InputTagsRemoveEvent, InputTagsCompleteEvent, InputTagsSelectEvent, InputTagsItemTemplateContext, InputTagsOptionTemplateContext, InputTagsGroupTemplateContext } from 'primenglab/types/inputtags';
+export * from 'primenglab/types/inputtags';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as _angular_forms from '@angular/forms';
+import { MotionOptions } from '@primeuix/motion';
+import * as i2 from 'primenglab/api';
+import { OverlayOptions } from 'primenglab/api';
+import { AutoComplete } from 'primenglab/autocomplete';
+import { BaseInput } from 'primenglab/baseinput';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { AppendTo } from 'primenglab/types/shared';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+
+/**
+ *
+ * InputTags is used to enter multiple tags.
+ *
+ * [Live Demo](https://www.primeng.org/inputtags)
+ *
+ * @module inputtagsstyle
+ *
+ */
+declare enum InputTagsClasses {
+    root = "p-inputtags",
+    item = "p-inputtags-item",
+    pcInputText = "p-inputtags-input"
+}
+declare class InputTagsStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: ({ instance }: any) => (string | {
+            'p-invalid': any;
+            'p-focus': any;
+            'p-inputwrapper-filled': any;
+            'p-inputwrapper-focus': any;
+            'p-inputtags-fluid': any;
+            'p-disabled': any;
+            'p-variant-filled': boolean;
+        })[];
+        item: ({ instance, i }: any) => (string | {
+            'p-focus': boolean;
+        })[];
+        pcChip: string;
+        pcInputText: string;
+    };
+    inlineStyles: {
+        root: {
+            position: string;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTagsStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<InputTagsStyle>;
+}
+interface InputTagsStyle extends BaseStyle {
+}
+
+declare const INPUTTAGS_VALUE_ACCESSOR: {
+    provide: InjectionToken<readonly _angular_forms.ControlValueAccessor[]>;
+    useExisting: _angular_core.Type<any>;
+    multi: boolean;
+};
+/**
+ * InputTags is used to enter multiple tags with optional typeahead suggestions.
+ * @group Components
+ */
+declare class InputTags extends BaseInput<InputTagsPassThrough> {
+    componentName: string;
+    $pcInputTags: InputTags | undefined;
+    bindDirectiveInstance: Bind;
+    /**
+     * Advisory information to display on input.
+     * @group Props
+     */
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Maximum number of tags allowed.
+     * @group Props
+     */
+    max: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Delimiter character or regex to split input into tags.
+     * @group Props
+     */
+    delimiter: _angular_core.InputSignal<string | RegExp | undefined>;
+    /**
+     * Whether to allow duplicate tags.
+     * @defaultValue false
+     * @group Props
+     */
+    allowDuplicate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to add a tag when the input loses focus.
+     * @defaultValue false
+     * @group Props
+     */
+    addOnBlur: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to add a tag on tab key press.
+     * @defaultValue false
+     * @group Props
+     */
+    addOnTab: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to add tags on paste event.
+     * @defaultValue false
+     * @group Props
+     */
+    addOnPaste: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Whether typeahead mode is active.
+     * @defaultValue false
+     * @group Props
+     */
+    typeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * An array of suggestions to display in the dropdown.
+     * @group Props
+     */
+    suggestions: _angular_core.InputSignal<any[]>;
+    /**
+     * Property name or getter function for option label.
+     * @group Props
+     */
+    optionLabel: _angular_core.InputSignal<string | ((item: any) => string) | undefined>;
+    /**
+     * Property name or getter function for option value.
+     * @group Props
+     */
+    optionValue: _angular_core.InputSignal<string | ((item: any) => any) | undefined>;
+    /**
+     * Property name or getter function for disabled state.
+     * @group Props
+     */
+    optionDisabled: _angular_core.InputSignal<string | ((item: any) => boolean) | undefined>;
+    /**
+     * Field name for option group label.
+     * @defaultValue 'label'
+     * @group Props
+     */
+    optionGroupLabel: _angular_core.InputSignal<string>;
+    /**
+     * Field name for option group children.
+     * @defaultValue 'items'
+     * @group Props
+     */
+    optionGroupChildren: _angular_core.InputSignal<string>;
+    /**
+     * Whether to display options as grouped.
+     * @defaultValue false
+     * @group Props
+     */
+    group: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Delay in ms between keystrokes before triggering search.
+     * @defaultValue 300
+     * @group Props
+     */
+    delay: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Minimum number of characters to initiate a search.
+     * @defaultValue 1
+     * @group Props
+     */
+    minQueryLength: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Whether to trigger search when input receives focus.
+     * @defaultValue false
+     * @group Props
+     */
+    completeOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Maximum height of the suggestions panel.
+     * @defaultValue '200px'
+     * @group Props
+     */
+    scrollHeight: _angular_core.InputSignal<string>;
+    /**
+     * Target element to attach the overlay.
+     * @defaultValue 'body'
+     * @group Props
+     */
+    appendTo: _angular_core.InputSignal<AppendTo>;
+    /**
+     * Configuration for the overlay element.
+     * @group Props
+     */
+    overlayOptions: _angular_core.InputSignal<OverlayOptions | undefined>;
+    /**
+     * Animation options for the overlay.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    /**
+     * Inline style of the overlay panel.
+     * @group Props
+     */
+    panelStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | undefined>;
+    /**
+     * CSS class of the overlay panel.
+     * @group Props
+     */
+    panelStyleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the input field.
+     * @group Props
+     */
+    inputStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | undefined>;
+    /**
+     * CSS class of the input field.
+     * @group Props
+     */
+    inputStyleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to auto-focus first option when overlay shows.
+     * @defaultValue false
+     * @group Props
+     */
+    autoOptionFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether hover focuses an option.
+     * @defaultValue true
+     * @group Props
+     */
+    focusOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    onAdd: _angular_core.OutputEmitterRef<InputTagsAddEvent>;
+    onRemove: _angular_core.OutputEmitterRef<InputTagsRemoveEvent>;
+    onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
+    onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
+    /**
+     * Callback to invoke to search for suggestions.
+     * @param {InputTagsCompleteEvent} event - Custom complete event.
+     * @group Emits
+     */
+    completeMethod: _angular_core.OutputEmitterRef<InputTagsCompleteEvent>;
+    /**
+     * Callback to invoke when a suggestion is selected.
+     * @param {InputTagsSelectEvent} event - Custom select event.
+     * @group Emits
+     */
+    onSelect: _angular_core.OutputEmitterRef<InputTagsSelectEvent>;
+    /**
+     * Callback to invoke when the overlay is shown.
+     * @group Emits
+     */
+    onShow: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Callback to invoke when the overlay is hidden.
+     * @group Emits
+     */
+    onHide: _angular_core.OutputEmitterRef<void>;
+    itemTemplate: _angular_core.Signal<TemplateRef<InputTagsItemTemplateContext> | undefined>;
+    removeIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    optionTemplate: _angular_core.Signal<TemplateRef<InputTagsOptionTemplateContext> | undefined>;
+    groupTemplate: _angular_core.Signal<TemplateRef<InputTagsGroupTemplateContext> | undefined>;
+    headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    autoCompleteRef: _angular_core.Signal<AutoComplete | undefined>;
+    focused: _angular_core.WritableSignal<boolean>;
+    focusedItemIndex: _angular_core.WritableSignal<number>;
+    _componentStyle: InputTagsStyle;
+    private _internalId;
+    $id: _angular_core.Signal<string>;
+    _placeholder: _angular_core.Signal<string | undefined>;
+    focusedItemId: _angular_core.Signal<string | null>;
+    $appendTo: _angular_core.Signal<AppendTo>;
+    $inputStyleClass: _angular_core.Signal<string>;
+    _removeItemBound: any;
+    private _pasteListener;
+    onAfterViewInit(): void;
+    onAfterViewChecked(): void;
+    onDestroy(): void;
+    writeControlValue(value: any, setModelValue?: (value: any) => void): void;
+    getItemLabel(item: any): string;
+    addItem(event: Event, value: string): void;
+    removeItem(event: Event, index: number): void;
+    onContainerClick(event: MouseEvent): void;
+    onContainerKeyDown(event: KeyboardEvent): void;
+    onAcSearch(event: any): void;
+    onAcSelect(event: any): void;
+    onAcKeyDown(event: KeyboardEvent): void;
+    onInputFocus(event: any): void;
+    onInputBlur(event: any): void;
+    private handleDelimiter;
+    private onArrowLeftInContainer;
+    private onArrowRightInContainer;
+    private onBackspaceInContainer;
+    private clearAcInput;
+    private focusAcInput;
+    private bindPasteListener;
+    private unbindPasteListener;
+    private onInputPaste;
+    private _updateModel;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTags, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputTags, "p-inputtags, p-input-tags", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "delimiter": { "alias": "delimiter"; "required": false; "isSignal": true; }; "allowDuplicate": { "alias": "allowDuplicate"; "required": false; "isSignal": true; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; "isSignal": true; }; "addOnTab": { "alias": "addOnTab"; "required": false; "isSignal": true; }; "addOnPaste": { "alias": "addOnPaste"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "typeahead": { "alias": "typeahead"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "minQueryLength": { "alias": "minQueryLength"; "required": false; "isSignal": true; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "panelStyle": { "alias": "panelStyle"; "required": false; "isSignal": true; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; "isSignal": true; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; "isSignal": true; }; }, { "onAdd": "onAdd"; "onRemove": "onRemove"; "onFocus": "onFocus"; "onBlur": "onBlur"; "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onShow": "onShow"; "onHide": "onHide"; }, ["itemTemplate", "removeIconTemplate", "optionTemplate", "groupTemplate", "headerTemplate", "footerTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputTagsModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTagsModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InputTagsModule, never, [typeof InputTags, typeof i2.SharedModule], [typeof InputTags, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InputTagsModule>;
+}
+
+export { INPUTTAGS_VALUE_ACCESSOR, InputTags, InputTagsClasses, InputTagsModule, InputTagsStyle };

package/types/primenglab-inputtext.d.ts

@@ -0,0 +1,112 @@
+import * as _angular_core from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { BaseModelHolder } from 'primenglab/basemodelholder';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { Fluid } from 'primenglab/fluid';
+import { InputTextPassThrough } from 'primenglab/types/inputtext';
+import { InputSize, InputVariant } from 'primenglab/types/shared';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+
+/**
+ *
+ * InputText renders a text field to enter data.
+ *
+ * [Live Demo](https://www.primeng.org/inputtext/)
+ *
+ * @module inputtextstyle
+ *
+ */
+declare enum InputTextClasses {
+    /**
+     * The class of root element
+     */
+    root = "p-inputtext"
+}
+declare class InputTextStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-filled': any;
+            'p-inputtext-sm': boolean;
+            'p-inputtext-lg': boolean;
+            'p-invalid': any;
+            'p-variant-filled': boolean;
+            'p-inputtext-fluid': any;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<InputTextStyle>;
+}
+interface InputTextStyle extends BaseStyle {
+}
+
+/**
+ * InputText directive is an extension to standard input element with theming.
+ * @group Components
+ */
+declare class InputText extends BaseModelHolder<InputTextPassThrough> {
+    componentName: string;
+    hostName: _angular_core.InputSignal<string>;
+    /**
+     * Used to pass attributes to DOM elements inside the InputText component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pInputTextPT: _angular_core.InputSignal<InputTextPassThrough>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pInputTextUnstyled: _angular_core.InputSignal<boolean | undefined>;
+    bindDirectiveInstance: Bind;
+    $pcInputText: InputText | undefined;
+    ngControl: NgControl | null;
+    pcFluid: Fluid | null;
+    /**
+     * Defines the size of the component.
+     * @group Props
+     */
+    pSize: _angular_core.InputSignal<InputSize | undefined>;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant: _angular_core.InputSignal<InputVariant | undefined>;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     * @group Props
+     */
+    invalid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    $variant: _angular_core.Signal<InputVariant | null>;
+    _componentStyle: InputTextStyle;
+    get hasFluid(): boolean;
+    dataP: _angular_core.Signal<string | undefined>;
+    constructor();
+    onAfterViewInit(): void;
+    onAfterViewChecked(): void;
+    onDoCheck(): void;
+    onInput(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputText, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputText, "[pInputText]", never, { "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "pInputTextPT": { "alias": "pInputTextPT"; "required": false; "isSignal": true; }; "pInputTextUnstyled": { "alias": "pInputTextUnstyled"; "required": false; "isSignal": true; }; "pSize": { "alias": "pSize"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputTextModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InputTextModule, never, [typeof InputText], [typeof InputText]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InputTextModule>;
+}
+
+export { InputText, InputTextClasses, InputTextModule, InputTextStyle };

package/types/primenglab-keyfilter.d.ts

@@ -0,0 +1,58 @@
+import * as i0 from '@angular/core';
+import { Provider, ElementRef } from '@angular/core';
+import { Validator, AbstractControl } from '@angular/forms';
+
+type KeyFilterPattern = 'pint' | 'int' | 'pnum' | 'money' | 'num' | 'hex' | 'email' | 'alpha' | 'alphanum';
+declare const KEYFILTER_VALIDATOR: Provider;
+/**
+ * KeyFilter Directive is a built-in feature of InputText to restrict user input based on a regular expression.
+ * @group Components
+ */
+declare class KeyFilter implements Validator {
+    /**
+     * When enabled, instead of blocking keys, input is validated internally to test against the regular expression.
+     * @group Props
+     */
+    pValidateOnly: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sets the pattern for key filtering.
+     * @group Props
+     */
+    pattern: i0.InputSignal<RegExp | KeyFilterPattern | null | undefined>;
+    /**
+     * Emits a value whenever the ngModel of the component changes.
+     * @param {(string | number)} modelValue - Custom model change event.
+     * @group Emits
+     */
+    ngModelChange: i0.OutputEmitterRef<string | number>;
+    regex: RegExp;
+    isAndroid: boolean;
+    lastValue: any;
+    private document;
+    private platformId;
+    el: ElementRef<any>;
+    constructor();
+    isNavKeyPress(e: KeyboardEvent): boolean;
+    isSpecialKey(e: KeyboardEvent): boolean | "" | undefined;
+    getKey(e: KeyboardEvent): any;
+    getCharCode(e: KeyboardEvent): number;
+    findDelta(value: string, prevValue: string): string;
+    isValidChar(c: string): boolean;
+    isValidString(str: string): boolean;
+    onInput(e: KeyboardEvent): void;
+    onKeyPress(e: KeyboardEvent): void;
+    onPaste(e: ClipboardEvent): void;
+    validate(_c: AbstractControl): {
+        [key: string]: any;
+    } | any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyFilter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyFilter, "[pKeyFilter]", never, { "pValidateOnly": { "alias": "pValidateOnly"; "required": false; "isSignal": true; }; "pattern": { "alias": "pKeyFilter"; "required": false; "isSignal": true; }; }, { "ngModelChange": "ngModelChange"; }, never, never, true, never>;
+}
+declare class KeyFilterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyFilterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KeyFilterModule, never, [typeof KeyFilter], [typeof KeyFilter]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KeyFilterModule>;
+}
+
+export { KEYFILTER_VALIDATOR, KeyFilter, KeyFilterModule };
+export type { KeyFilterPattern };