@wawjs/ngx-prime 22.0.0

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

@@ -0,0 +1,115 @@
+import * as _angular_core from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { BaseModelHolder } from '@wawjs/ngx-prime/basemodelholder';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { Fluid } from '@wawjs/ngx-prime/fluid';
+import { InputTextPassThrough } from '@wawjs/ngx-prime/types/inputtext';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+declare class InputTextStyle extends BaseStyle {
+    name: string;
+    style: string;
+    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>;
+}
+/**
+ *
+ * InputText renders a text field to enter data.
+ *
+ * [Live Demo](https://www.ngx-prime.org/inputtext/)
+ *
+ * @module inputtextstyle
+ *
+ */
+declare enum InputTextClasses {
+    /**
+     * The class of root element
+     */
+    root = "p-inputtext"
+}
+
+/**
+ * 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<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the InputText component.
+     * @defaultValue undefined
+     * @deprecated use pInputTextPT instead.
+     * @group Props
+     */
+    ptInputText: _angular_core.InputSignal<InputTextPassThrough>;
+    /**
+     * 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<"small" | "large" | undefined>;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant: _angular_core.InputSignal<"filled" | "outlined" | 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<"filled" | "outlined" | null>;
+    _componentStyle: InputTextStyle;
+    constructor();
+    onAfterViewInit(): void;
+    onAfterViewChecked(): void;
+    onDoCheck(): void;
+    onInput(): void;
+    get hasFluid(): boolean;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputText, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputText, "[pInputText]", never, { "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "ptInputText": { "alias": "ptInputText"; "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/wawjs-ngx-prime-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 {
+    private document;
+    private platformId;
+    el: ElementRef<any>;
+    /**
+     * 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;
+    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(): 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 };

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

@@ -0,0 +1,202 @@
+import * as _angular_core from '@angular/core';
+import { BaseEditableHolder } from '@wawjs/ngx-prime/baseeditableholder';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { VoidListener } from '@wawjs/ngx-prime/ts-helpers';
+import { KnobPassThrough } from '@wawjs/ngx-prime/types/knob';
+import * as _wawjs_css_prime_styled from '@wawjs/css-prime-styled';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+import * as i2 from '@wawjs/ngx-prime/api';
+
+declare class KnobStyle extends BaseStyle {
+    name: string;
+    style: _wawjs_css_prime_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        range: string;
+        value: string;
+        text: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KnobStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KnobStyle>;
+}
+/**
+ *
+ * Knob is a form component to define number inputs with a dial.
+ *
+ * [Live Demo](https://www.ngx-prime.org/knob/)
+ *
+ * @module knobstyle
+ *
+ */
+declare enum KnobClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-knob",
+    /**
+     * Class name of the range element
+     */
+    range = "p-knob-range",
+    /**
+     * Class name of the value element
+     */
+    value = "p-knob-value",
+    /**
+     * Class name of the text element
+     */
+    text = "p-knob-text"
+}
+
+declare const KNOB_VALUE_ACCESSOR: any;
+/**
+ * Knob is a form component to define number inputs with a dial.
+ * @group Components
+ */
+declare class Knob extends BaseEditableHolder<KnobPassThrough> {
+    componentName: string;
+    $pcKnob: Knob | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies one or more IDs in the DOM that labels the input field.
+     * @group Props
+     */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Background of the value.
+     * @group Props
+     */
+    valueColor: _angular_core.InputSignal<string>;
+    /**
+     * Background color of the range.
+     * @group Props
+     */
+    rangeColor: _angular_core.InputSignal<string>;
+    /**
+     * Color of the value text.
+     * @group Props
+     */
+    textColor: _angular_core.InputSignal<string>;
+    /**
+     * Template string of the value.
+     * @group Props
+     */
+    valueTemplate: _angular_core.InputSignal<string>;
+    /**
+     * Size of the component in pixels.
+     * @group Props
+     */
+    size: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Mininum boundary value.
+     * @group Props
+     */
+    min: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Maximum boundary value.
+     * @group Props
+     */
+    max: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Step factor to increment/decrement the value.
+     * @group Props
+     */
+    step: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Width of the knob stroke.
+     * @group Props
+     */
+    strokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Whether the show the value inside the knob.
+     * @group Props
+     */
+    showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When present, it specifies that the component value cannot be edited.
+     * @group Props
+     */
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Callback to invoke on value change.
+     * @param {number} value - New value.
+     * @group Emits
+     */
+    onChange: _angular_core.OutputEmitterRef<number>;
+    radius: number;
+    midX: number;
+    midY: number;
+    minRadians: number;
+    maxRadians: number;
+    value: _angular_core.WritableSignal<number>;
+    windowMouseMoveListener: VoidListener;
+    windowMouseUpListener: VoidListener;
+    windowTouchMoveListener: VoidListener;
+    windowTouchEndListener: VoidListener;
+    _componentStyle: KnobStyle;
+    mapRange(x: number, inMin: number, inMax: number, outMin: number, outMax: number): number;
+    onClick(event: MouseEvent): void;
+    updateValue(offsetX: number, offsetY: number): void;
+    updateModel(angle: number, start: number): void;
+    onMouseDown(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onTouchStart(event: TouchEvent): void;
+    onTouchEnd(event: TouchEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onTouchMove(event: Event): void;
+    updateModelValue(newValue: any): void;
+    onKeyDown(event: KeyboardEvent): void;
+    rangePath(): string;
+    valuePath(): string;
+    zeroRadians(): number;
+    valueRadians(): number;
+    minX(): number;
+    minY(): number;
+    maxX(): number;
+    maxY(): number;
+    zeroX(): number;
+    zeroY(): number;
+    valueX(): number;
+    valueY(): number;
+    largeArc(): 0 | 1;
+    sweep(): 0 | 1;
+    valueToDisplay(): string;
+    get _value(): number;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Knob, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Knob, "p-knob", never, { "styleClass": { "alias": "styleClass"; "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; }; "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "rangeColor": { "alias": "rangeColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class KnobModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KnobModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KnobModule, never, [typeof Knob, typeof i2.SharedModule], [typeof Knob, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KnobModule>;
+}
+
+export { KNOB_VALUE_ACCESSOR, Knob, KnobClasses, KnobModule, KnobStyle };