ngx-kit 6.0.0 → 6.0.2

package/types/ngx-kit-form-field.d.ts

@@ -1,31 +1,69 @@
-import * as _angular_core from '@angular/core';
-
-type NgxFormFieldType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'textarea';
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, InjectionToken } from '@angular/core';
+import * as ngx_kit_form_field from 'ngx-kit/form-field';
 
 declare class NgxFormField {
-    readonly value: _angular_core.ModelSignal<string | number>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly type: _angular_core.InputSignal<NgxFormFieldType>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly required: _angular_core.InputSignal<boolean>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly readonly: _angular_core.InputSignal<boolean>;
-    readonly float: _angular_core.InputSignal<boolean>;
-    readonly name: _angular_core.InputSignal<string | null>;
-    readonly autocomplete: _angular_core.InputSignal<string | null>;
-    readonly rows: _angular_core.InputSignal<number>;
-    readonly hint: _angular_core.InputSignal<string>;
-    readonly errorMessages: _angular_core.InputSignal<string[]>;
-    readonly dir: _angular_core.InputSignal<"" | "ltr" | "rtl">;
-    readonly id: _angular_core.InputSignal<string>;
-    readonly focused: _angular_core.OutputEmitterRef<void>;
-    readonly blurred: _angular_core.OutputEmitterRef<void>;
-    readonly hasValue: _angular_core.Signal<boolean>;
-    onInput(event: Event): void;
-    onFocus(): void;
-    onBlur(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxFormField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxFormField, "ngx-form-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "float": { "alias": "float"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
+    protected readonly ref: ngx_kit_form_field.MgxFormFieldRef;
+    readonly label: i0.InputSignal<string>;
+    /**
+     * Forces the label to float even when the control is empty.
+     * Similar to Material's floatLabel behavior.
+     */
+    readonly float: i0.InputSignal<boolean>;
+    /**
+     * Explicit state overrides are useful when the projected control
+     * is managed by Angular Forms.
+     */
+    readonly invalid: i0.InputSignal<boolean>;
+    readonly required: i0.InputSignal<boolean>;
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly readonly: i0.InputSignal<boolean>;
+    readonly hintVisible: i0.Signal<boolean>;
+    readonly errorVisible: i0.Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxFormField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxFormField, "ngx-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "float": { "alias": "float"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, ["[ngxPrefix],ngx-prefix", "[ngxInput],ngx-input", "[ngxSuffix],ngx-suffix", "[ngxHint],ngx-hint", "[ngxError],ngx-error"], true, never>;
+}
+
+declare class NgxInput implements AfterViewInit {
+    private readonly el;
+    private readonly ref;
+    readonly hasValue: i0.WritableSignal<boolean>;
+    ngAfterViewInit(): void;
+    protected onInput(): void;
+    protected onChange(): void;
+    protected onBlur(): void;
+    private syncValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxInput, "[ngxInput],ngx-input", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgxError {
+    readonly el: ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxError, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxError, "[ngxError],ngx-error", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgxHint {
+    readonly el: ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxHint, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxHint, "[ngxHint],ngx-hint", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgxPrefix {
+    readonly el: ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxPrefix, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxPrefix, "[ngxPrefix],ngx-prefix", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgxSuffix {
+    readonly el: ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxSuffix, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxSuffix, "[ngxSuffix],ngx-suffix", never, {}, {}, never, never, true, never>;
+}
+
+declare const MX_FORM_FIELD: InjectionToken<MgxFormFieldRef>;
+declare class MgxFormFieldRef {
+    readonly value: i0.WritableSignal<string>;
 }
 
-export { NgxFormField };
+export { MX_FORM_FIELD, MgxFormFieldRef, NgxError, NgxFormField, NgxHint, NgxInput, NgxPrefix, NgxSuffix };

package/types/ngx-kit-image-editor.d.ts

@@ -65,7 +65,7 @@ type Corner = 'nw' | 'ne' | 'sw' | 'se';
  * save()، رندر نهایی از روی تصویر اصلیِ کامل انجام می‌شه.
  */
 declare class NgxImageEditorComponent {
-    source: _angular_core.InputSignal<string | Blob | File | null>;
+    source: _angular_core.InputSignal<string | File | Blob | null>;
     /** قفل نسبتِ کراپ (مثلاً ۱ برای آواتار مربعی)؛ undefined یعنی آزاد */
     aspectRatio: _angular_core.InputSignal<number | undefined>;
     outputMaxWidth: _angular_core.InputSignal<number | undefined>;

package/types/ngx-kit-time-picker.d.ts

@@ -1,25 +1,16 @@
+import * as ngx_kit_time_picker from 'ngx-kit/time-picker';
 import * as _angular_core from '@angular/core';
-import { OnInit, ElementRef } from '@angular/core';
+import { OnInit, ElementRef, InjectionToken, Provider } from '@angular/core';
 import { BrowserService } from 'ngx-kit/shared';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 
-declare class NgxTimePickerConfig {
-    cancelButtonText: string;
-    confirmButtonText: string;
-    amText: string;
-    pmText: string;
-    format: '12' | '24';
-    minuteStep: number;
-    autoSwitchToMinute: boolean;
-}
-
 declare type NgxTimePickerMode = 'hour' | 'minute';
 
 declare class NgxInputTimePickerComponent implements ControlValueAccessor, Validator, OnInit {
     protected readonly browserService: BrowserService;
     readonly change: _angular_core.OutputEmitterRef<string | null>;
     readonly cancel: _angular_core.OutputEmitterRef<void>;
-    protected readonly config: NgxTimePickerConfig;
+    protected readonly config: ngx_kit_time_picker.NgxTimePickerConfig;
     isDisabled: boolean;
     /**
      * Time value.
@@ -32,7 +23,6 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
      * 12h or 24h.
      */
     readonly format: _angular_core.InputSignal<"12" | "24">;
-    readonly amOrPm: _angular_core.ModelSignal<"AM" | "PM" | undefined>;
     /**
      * Minute step.
      */
@@ -53,6 +43,7 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
         minute: number;
     }>;
     readonly displayHour: _angular_core.Signal<number>;
+    readonly isPm: _angular_core.Signal<boolean>;
     readonly displayMinute: _angular_core.Signal<number>;
     readonly hourNumbers: _angular_core.Signal<number[]>;
     readonly minuteNumbers: _angular_core.Signal<number[]>;
@@ -60,11 +51,12 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
     readonly minuteAngle: _angular_core.Signal<number>;
     readonly currentAngle: _angular_core.Signal<number>;
     readonly handLength: _angular_core.Signal<58 | 86>;
-    readonly handEnd: _angular_core.Signal<{
+    readonly hourRadius: _angular_core.Signal<58 | 94>;
+    readonly selectedPosition: _angular_core.Signal<{
         x: number;
         y: number;
     }>;
-    readonly selectedPosition: _angular_core.Signal<{
+    readonly handEnd: _angular_core.Signal<{
         x: number;
         y: number;
     }>;
@@ -86,11 +78,9 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
     selectMinute(minute: number): void;
     setMode(mode: NgxTimePickerMode): void;
     private updateFromPointer;
-    private updateHourFromAngle;
-    private updateMinuteFromAngle;
+    private updateHourFromPointer;
+    private updateMinuteFromPointer;
     private setTime;
-    isSelectedHour(hour: number): boolean;
-    isSelectedMinute(minute: number): boolean;
     formatHour(hour: number): string;
     formatMinute(minute: number): string;
     numberPosition(index: number, total: number, radius?: number): {
@@ -105,20 +95,20 @@ declare class NgxInputTimePickerComponent implements ControlValueAccessor, Valid
         x: number;
         y: number;
     };
+    togglePmAm(val: 'AM' | 'PM'): void;
     ok(): void;
     close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInputTimePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxInputTimePickerComponent, "ngx-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "amOrPm": { "alias": "amOrPm"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autoSwitchToMinute": { "alias": "autoSwitchToMinute"; "required": false; "isSignal": true; }; }, { "change": "change"; "cancel": "cancel"; "value": "valueChange"; "amOrPm": "amOrPmChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxInputTimePickerComponent, "ngx-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autoSwitchToMinute": { "alias": "autoSwitchToMinute"; "required": false; "isSignal": true; }; }, { "change": "change"; "cancel": "cancel"; "value": "valueChange"; }, never, never, true, never>;
 }
 
 declare class NgxInputTimePicker implements ControlValueAccessor, Validator {
     private el;
-    protected readonly config: NgxTimePickerConfig;
+    protected readonly config: ngx_kit_time_picker.NgxTimePickerConfig;
     openOnCLick: _angular_core.InputSignal<boolean>;
     readonly change: _angular_core.OutputEmitterRef<string | null>;
     protected readonly value: _angular_core.WritableSignal<string>;
     readonly format: _angular_core.InputSignal<"12" | "24">;
-    readonly amOrPm: _angular_core.ModelSignal<"AM" | "PM" | undefined>;
     private pickerRef?;
     protected _onChange: (value: string | null | undefined) => void;
     protected _onTouched: () => void;
@@ -143,8 +133,22 @@ declare class NgxInputTimePicker implements ControlValueAccessor, Validator {
     validate(control: AbstractControl): ValidationErrors | null;
     protected _formatValue(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInputTimePicker, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInputTimePicker, "[ngxInputTimePicker]", ["ngxInputTimePicker"], { "openOnCLick": { "alias": "openOnCLick"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "amOrPm": { "alias": "amOrPm"; "required": false; "isSignal": true; }; }, { "change": "change"; "amOrPm": "amOrPmChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxInputTimePicker, "[ngxInputTimePicker]", ["ngxInputTimePicker"], { "openOnCLick": { "alias": "openOnCLick"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+declare class NgxTimePickerConfig {
+    cancelButtonText: string;
+    confirmButtonText: string;
+    amText: string;
+    pmText: string;
+    format: '12' | '24';
+    minuteStep: number;
+    autoSwitchToMinute: boolean;
 }
+declare const DEFAULT_TIME_PICKER_CONFIG: NgxTimePickerConfig;
+declare const NGX_TIME_PICKER_CONFIG: InjectionToken<NgxTimePickerConfig>;
+
+declare function provideTimePicker(config: Partial<NgxTimePickerConfig>): Provider[];
 
-export { NgxInputTimePicker, NgxInputTimePickerComponent };
+export { DEFAULT_TIME_PICKER_CONFIG, NGX_TIME_PICKER_CONFIG, NgxInputTimePicker, NgxInputTimePickerComponent, NgxTimePickerConfig, provideTimePicker };
 export type { NgxTimePickerMode };