@kato-lee/components 1.1.3 → 2.0.0

package/fields/index.d.ts

@@ -1,15 +1,464 @@
-export * from './error/error-equals.pipe';
-export * from './error/component';
-export * from './error/error.msg.pipe';
-export * from './common';
-export * from './module';
-export * from './validators';
-export * from './select/component';
-export * from './date/component';
-export * from './autocomplete/component';
-export * from './general/component';
-export * from './money/component';
-export * from './text-area/component';
-export * from './date-range/component';
-export * from './number/component';
-export * from './remote-autocomplete/component';
+import * as i0 from '@angular/core';
+import { PipeTransform, ElementRef, OnInit, OnDestroy, EventEmitter, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import * as _angular_forms from '@angular/forms';
+import { FormControl, ValidationErrors, ControlValueAccessor, NgControl, FormGroupDirective, Validators } from '@angular/forms';
+import { MatFormFieldAppearance, FloatLabelType } from '@kato-lee/material/form-field';
+import * as i11 from '@kato-lee/material/core';
+import { ThemePalette, MatOptionSelectionChange } from '@kato-lee/material/core';
+import { Observable } from 'rxjs';
+import * as i10 from '@kato-lee/material/autocomplete';
+import { TakToast } from '@kato-lee/components/toast';
+import { HttpClient } from '@angular/common/http';
+
+declare class TakErrorEqualsPipe implements PipeTransform {
+    transform(errors: any, error: any, args?: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakErrorEqualsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TakErrorEqualsPipe, "errorEquals", true>;
+}
+
+declare class TakErrorComponent {
+    error: ElementRef | undefined;
+    control: FormControl;
+    start: FormControl;
+    end: FormControl;
+    isDateField: boolean;
+    isNumberField: boolean;
+    marginTop: number;
+    hasPatternError: boolean;
+    get required(): ValidationErrors;
+    get pattern(): ValidationErrors;
+    get max(): any;
+    get min(): any;
+    get maxlength(): any;
+    get minlength(): any;
+    get email(): ValidationErrors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakErrorComponent, "tak-error", never, { "control": { "alias": "control"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "isDateField": { "alias": "isDateField"; "required": false; }; "isNumberField": { "alias": "isNumberField"; "required": false; }; "marginTop": { "alias": "marginTop"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class TakErrorMsgPipe implements PipeTransform {
+    transform(parameter: string, aditionalValue?: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakErrorMsgPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TakErrorMsgPipe, "errorMsg", true>;
+}
+
+declare const TAK_DEFAULT_APPEARANCE_FORM: MatFormFieldAppearance;
+type TakGeneralFieldType = 'text' | 'password' | 'filter';
+type TakAutocompleteFieldType = 'off' | 'on';
+declare const TAK_PRESS_ESC_KEY: KeyboardEvent;
+declare const TAK_PTRN_EMAIL = "^[^@]+@[^@]+.[a-zA-Z]{2,}$";
+declare const TAK_PTRN_NUMRC: RegExp;
+declare const TAK_PTRN_NONSP: RegExp;
+
+declare class TakSelectFieldComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    private _ngControl;
+    private _formGroupDirective;
+    private _cd;
+    autocomplete: TakAutocompleteFieldType;
+    appearance: MatFormFieldAppearance;
+    color: ThemePalette;
+    suggestions: any[];
+    disabled: boolean;
+    type: 'menu' | 'select';
+    tooltip: string;
+    icon: string;
+    option: string;
+    extraInfo: string;
+    hasDefaultValue: boolean;
+    onSelect: EventEmitter<any>;
+    onChangeFn: (_: any) => void;
+    onTouchFn: (_: any) => void;
+    isInvalid: boolean;
+    isSubmitted: boolean;
+    private _unsubscribe$;
+    constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(event: any): void;
+    emit(el: MatOptionSelectionChange): void;
+    justEmit(el: any): void;
+    onFocusOut(): void;
+    private _onValidate;
+    ngOnDestroy(): void;
+    get control(): FormControl;
+    get directive(): FormGroupDirective;
+    get isDisabled(): boolean | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakSelectFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakSelectFieldComponent, "tak-select-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "option": { "alias": "option"; "required": false; }; "extraInfo": { "alias": "extraInfo"; "required": false; }; "hasDefaultValue": { "alias": "hasDefaultValue"; "required": false; }; }, { "onSelect": "onSelect"; }, never, ["*"], true, never>;
+}
+
+declare class TakDateFieldComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+    private _ngControl;
+    private _formGroupDirective;
+    private _cd;
+    private _unsubscribe$;
+    appearance: MatFormFieldAppearance;
+    autocomplete: TakAutocompleteFieldType;
+    color: ThemePalette;
+    placeholder: string;
+    notInput: boolean;
+    minDate: Date | string;
+    maxDate: Date | string;
+    disabled: boolean;
+    onChangeFn: (_: any) => void;
+    onTouchFn: (_: any) => void;
+    private _isSubmitted;
+    private _isInvalid;
+    private _required;
+    private _value;
+    constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(event: any): void;
+    onFocusout(): void;
+    onCloseDatePicker(): void;
+    private _onValidate;
+    ngOnDestroy(): void;
+    get control(): FormControl;
+    get directive(): FormGroupDirective;
+    get isDisabled(): boolean | null;
+    get isSubmitted(): boolean;
+    get isInvalid(): boolean;
+    get required(): boolean;
+    get value(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakDateFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakDateFieldComponent, "tak-date-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "notInput": { "alias": "notInput"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TakAutocompleteFieldComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    private _ngControl;
+    private _formGroupDirective;
+    private _cd;
+    private _unsubscribe$;
+    option: string;
+    extraInfo: string;
+    autocomplete: TakAutocompleteFieldType;
+    appearance: MatFormFieldAppearance;
+    color: ThemePalette;
+    hasClearButton: boolean;
+    suggestions: any[];
+    disabled: boolean;
+    hasTitle: boolean;
+    isLoading: boolean;
+    isRemoteSearch: boolean;
+    debounceTimeForRemoteSearch: number;
+    onSelect: EventEmitter<any>;
+    onSearch: EventEmitter<any>;
+    onChangeFn: (_: any) => void;
+    onTouchFn: (_: any) => void;
+    private _isSubmitted;
+    private _isInvalid;
+    private _required;
+    private _value;
+    private _filteredOptions;
+    private _notSuggestions;
+    private _lastValue;
+    constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    private _filter;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(event: any): void;
+    private _setValue;
+    emit(el: MatOptionSelectionChange): void;
+    emitWithClick(suggestionOption: any): void;
+    onFocusout(): void;
+    setValue(value: any): void;
+    onUpdateSuggestions(suggestions: any[]): void;
+    private _onValidate;
+    onFocus(): void;
+    onClearControl(): void;
+    ngOnDestroy(): void;
+    get control(): FormControl;
+    get directive(): FormGroupDirective;
+    get isDisabled(): boolean | null;
+    get isSubmitted(): boolean;
+    get isInvalid(): boolean;
+    get required(): boolean;
+    get value(): string;
+    get filteredOptions(): Observable<any>;
+    get notSuggestions(): boolean;
+    get lastValue(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakAutocompleteFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakAutocompleteFieldComponent, "tak-autocomplete-field", never, { "option": { "alias": "option"; "required": false; }; "extraInfo": { "alias": "extraInfo"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "hasClearButton": { "alias": "hasClearButton"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isRemoteSearch": { "alias": "isRemoteSearch"; "required": false; }; "debounceTimeForRemoteSearch": { "alias": "debounceTimeForRemoteSearch"; "required": false; }; }, { "onSelect": "onSelect"; "onSearch": "onSearch"; }, never, ["*"], true, never>;
+}
+
+declare class TakDateRangeFieldComponent implements OnInit {
+    autocomplete: TakAutocompleteFieldType;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    appearance: MatFormFieldAppearance;
+    color: ThemePalette;
+    start: FormControl;
+    end: FormControl;
+    notInput: boolean;
+    disabled: boolean;
+    private _required;
+    ngOnInit(): void;
+    get required(): boolean;
+    get isDisabled(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakDateRangeFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakDateRangeFieldComponent, "tak-date-range-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "notInput": { "alias": "notInput"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TakGeneralFieldComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    private _ngControl;
+    private _formGroupDirective;
+    private _cd;
+    autocomplete: 'off' | 'on';
+    appearance: MatFormFieldAppearance;
+    type: TakGeneralFieldType;
+    floatLabel: FloatLabelType;
+    color: ThemePalette;
+    actionIcon: string;
+    defaultFilterStyle: boolean;
+    hasActionButton: boolean;
+    hasClearButton: boolean;
+    countCaracters: boolean;
+    placeholder: string;
+    maxLength: number;
+    minLength: number;
+    disabled: boolean;
+    onExecuteAction: EventEmitter<any>;
+    onKeyUp: EventEmitter<any>;
+    onChangeFn: (_: any) => void;
+    onTouchFn: (_: any) => void;
+    private _isSubmitted;
+    private _isInvalid;
+    private _required;
+    private _value;
+    private _subscription;
+    private _decrypted;
+    constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(event: any): void;
+    showPassword(): void;
+    onFocusOut(): void;
+    private _onValidate;
+    onClearControl(): void;
+    ngOnDestroy(): void;
+    get control(): FormControl;
+    get directive(): FormGroupDirective;
+    get decrypted(): boolean;
+    get isDisabled(): boolean | null;
+    get isSubmitted(): boolean;
+    get isInvalid(): boolean;
+    get required(): boolean;
+    get value(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakGeneralFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakGeneralFieldComponent, "tak-general-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "type": { "alias": "type"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "defaultFilterStyle": { "alias": "defaultFilterStyle"; "required": false; }; "hasActionButton": { "alias": "hasActionButton"; "required": false; }; "hasClearButton": { "alias": "hasClearButton"; "required": false; }; "countCaracters": { "alias": "countCaracters"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onExecuteAction": "onExecuteAction"; "onKeyUp": "onKeyUp"; }, never, ["*"], true, never>;
+}
+
+declare class TakMoneyFieldComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    private _ngControl;
+    private _formGroupDirective;
+    private _cd;
+    autocomplete: 'off' | 'on';
+    appearance: MatFormFieldAppearance;
+    floatLabel: FloatLabelType;
+    color: ThemePalette;
+    actionIcon: string;
+    defaultFilterStyle: boolean;
+    hasActionButton: boolean;
+    hasClearButton: boolean;
+    countCaracters: boolean;
+    placeholder: string;
+    maxLength: number;
+    minLength: number;
+    disabled: boolean;
+    onExecuteAction: EventEmitter<any>;
+    onKeyUp: EventEmitter<any>;
+    onChangeFn: (_: any) => void;
+    onTouchFn: (_: any) => void;
+    private _isSubmitted;
+    private _isInvalid;
+    private _required;
+    private _value;
+    private _subscription;
+    constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(event: any): void;
+    private _addCurrencyMask;
+    onFocusOut(): void;
+    private _onValidate;
+    onKeyDown(event: any): boolean;
+    onClearControl(): void;
+    ngOnDestroy(): void;
+    get control(): FormControl;
+    get directive(): FormGroupDirective;
+    get isDisabled(): boolean | null;
+    get isSubmitted(): boolean;
+    get isInvalid(): boolean;
+    get required(): boolean;
+    get value(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakMoneyFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakMoneyFieldComponent, "tak-money-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "defaultFilterStyle": { "alias": "defaultFilterStyle"; "required": false; }; "hasActionButton": { "alias": "hasActionButton"; "required": false; }; "hasClearButton": { "alias": "hasClearButton"; "required": false; }; "countCaracters": { "alias": "countCaracters"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onExecuteAction": "onExecuteAction"; "onKeyUp": "onKeyUp"; }, never, ["*"], true, never>;
+}
+
+declare class TakTextareaComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    private _ngControl;
+    private _formGroupDirective;
+    private _cd;
+    autocomplete: 'off' | 'on';
+    appearance: MatFormFieldAppearance;
+    floatLabel: FloatLabelType;
+    color: ThemePalette;
+    actionIcon: string;
+    defaultFilterStyle: boolean;
+    hasActionButton: boolean;
+    hasClearButton: boolean;
+    countCaracters: boolean;
+    isTextArea: boolean;
+    placeholder: string;
+    heightInPx: number;
+    minLength: number;
+    maxLength: number;
+    disabled: boolean;
+    onExecuteAction: EventEmitter<any>;
+    onKeyUp: EventEmitter<any>;
+    onChangeFn: (_: any) => void;
+    onTouchFn: (_: any) => void;
+    _isSubmitted: boolean;
+    _isInvalid: boolean;
+    _required: boolean;
+    _value: string;
+    private _subscription;
+    private _decrypted;
+    constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(event: any): void;
+    onFocusOut(): void;
+    private _onValidate;
+    onClearControl(): void;
+    ngOnDestroy(): void;
+    get control(): FormControl;
+    get directive(): FormGroupDirective;
+    get decrypted(): boolean;
+    get isDisabled(): boolean | null;
+    get isSubmitted(): boolean;
+    get isInvalid(): boolean;
+    get required(): boolean;
+    get value(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakTextareaComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakTextareaComponent, "tak-textarea", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "defaultFilterStyle": { "alias": "defaultFilterStyle"; "required": false; }; "hasActionButton": { "alias": "hasActionButton"; "required": false; }; "hasClearButton": { "alias": "hasClearButton"; "required": false; }; "countCaracters": { "alias": "countCaracters"; "required": false; }; "isTextArea": { "alias": "isTextArea"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "heightInPx": { "alias": "heightInPx"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onExecuteAction": "onExecuteAction"; "onKeyUp": "onKeyUp"; }, never, ["*"], true, never>;
+}
+
+declare class TakNumberFieldComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    private _ngControl;
+    private _formGroupDirective;
+    private _cd;
+    autocomplete: 'off' | 'on';
+    appearance: MatFormFieldAppearance;
+    floatLabel: FloatLabelType;
+    color: ThemePalette;
+    actionIcon: string;
+    hasActionButton: boolean;
+    hasClearButton: boolean;
+    countCaracters: boolean;
+    placeholder: string;
+    min: number;
+    max: number;
+    minLength: number;
+    maxLength: number;
+    disabled: boolean;
+    onExecuteAction: EventEmitter<any>;
+    onKeyUp: EventEmitter<any>;
+    onChangeFn: (_: any) => void;
+    onTouchFn: (_: any) => void;
+    private _isSubmitted;
+    private _isInvalid;
+    private _required;
+    private _value;
+    private _subscription;
+    constructor(_ngControl: NgControl, _formGroupDirective: FormGroupDirective, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(event: any): void;
+    onFocusOut(): void;
+    private _onValidate;
+    onClearControl(): void;
+    ngOnDestroy(): void;
+    get control(): FormControl;
+    get directive(): FormGroupDirective;
+    get isDisabled(): boolean | null;
+    get isSubmitted(): boolean;
+    get isInvalid(): boolean;
+    get required(): boolean;
+    get value(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakNumberFieldComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakNumberFieldComponent, "tak-number-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "hasActionButton": { "alias": "hasActionButton"; "required": false; }; "hasClearButton": { "alias": "hasClearButton"; "required": false; }; "countCaracters": { "alias": "countCaracters"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onExecuteAction": "onExecuteAction"; "onKeyUp": "onKeyUp"; }, never, ["*"], true, never>;
+}
+
+declare class TakRemoteAutocompleteFieldComponent implements OnInit, OnDestroy {
+    private _http;
+    private _cd;
+    private _toast;
+    remoteUrl: string;
+    params: any;
+    option: string;
+    extraInfo: string;
+    justOneLoad: boolean;
+    onSelect: EventEmitter<any>;
+    suggestions: any[];
+    autocomplete: FormControl<any>;
+    private _isLoading;
+    isValueSelected: boolean;
+    private _unsubscribe$;
+    private _isLoadingItem;
+    private _isRequired;
+    private _filteredOptions;
+    private _value;
+    private _notSuggestions;
+    wasLoaded: boolean;
+    constructor(_http: HttpClient, _cd: ChangeDetectorRef, _toast: TakToast);
+    ngOnInit(): Promise<any>;
+    private _filter;
+    refresh(): Promise<void>;
+    reset(): void;
+    emit(el: any, option: any): void;
+    ngOnDestroy(): void;
+    get isLoading(): boolean;
+    get isRequired(): boolean;
+    get isLoadingItem(): boolean;
+    get filteredOptions(): Observable<any>;
+    get value(): string;
+    get notSuggestions(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakRemoteAutocompleteFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakRemoteAutocompleteFieldComponent, "tak-remote-autocomplete-field", never, { "remoteUrl": { "alias": "remoteUrl"; "required": false; }; "params": { "alias": "params"; "required": false; }; "option": { "alias": "option"; "required": false; }; "extraInfo": { "alias": "extraInfo"; "required": false; }; "justOneLoad": { "alias": "justOneLoad"; "required": false; }; }, { "onSelect": "onSelect"; }, never, ["*"], true, never>;
+}
+
+/** @deprecated Use standalone */
+declare class TakFieldsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakFieldsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakFieldsModule, never, [typeof TakSelectFieldComponent, typeof TakDateFieldComponent, typeof TakAutocompleteFieldComponent, typeof TakDateRangeFieldComponent, typeof TakGeneralFieldComponent, typeof TakMoneyFieldComponent, typeof TakTextareaComponent, typeof TakNumberFieldComponent, typeof _angular_forms.ReactiveFormsModule, typeof i10.MatAutocompleteModule, typeof _angular_forms.FormsModule, typeof i11.MatNativeDateModule, typeof TakRemoteAutocompleteFieldComponent], [typeof _angular_forms.ReactiveFormsModule, typeof i10.MatAutocompleteModule, typeof _angular_forms.FormsModule, typeof i11.MatNativeDateModule, typeof TakRemoteAutocompleteFieldComponent, typeof TakSelectFieldComponent, typeof TakDateFieldComponent, typeof TakAutocompleteFieldComponent, typeof TakDateRangeFieldComponent, typeof TakGeneralFieldComponent, typeof TakMoneyFieldComponent, typeof TakTextareaComponent, typeof TakNumberFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakFieldsModule>;
+}
+
+declare const required: typeof Validators.required;
+declare const max: (max: number) => _angular_forms.ValidatorFn;
+declare const min: (min: number) => _angular_forms.ValidatorFn;
+declare const maxLength: (maxLength: number) => _angular_forms.ValidatorFn;
+declare const minLength: (minLength: number) => _angular_forms.ValidatorFn;
+declare const withOutSpaces: _angular_forms.ValidatorFn;
+declare const onlyNumber: _angular_forms.ValidatorFn;
+declare const email: _angular_forms.ValidatorFn;
+
+export { TAK_DEFAULT_APPEARANCE_FORM, TAK_PRESS_ESC_KEY, TAK_PTRN_EMAIL, TAK_PTRN_NONSP, TAK_PTRN_NUMRC, TakAutocompleteFieldComponent, TakDateFieldComponent, TakDateRangeFieldComponent, TakErrorComponent, TakErrorEqualsPipe, TakErrorMsgPipe, TakFieldsModule, TakGeneralFieldComponent, TakMoneyFieldComponent, TakNumberFieldComponent, TakRemoteAutocompleteFieldComponent, TakSelectFieldComponent, TakTextareaComponent, email, max, maxLength, min, minLength, onlyNumber, required, withOutSpaces };
+export type { TakAutocompleteFieldType, TakGeneralFieldType };

package/fields/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-fields.mjs"
+}

package/index.d.ts

@@ -1 +1,2 @@
-export {};
+
+export { };

package/modal/index.d.ts

@@ -1,4 +1,66 @@
-export * from './config';
-export * from './component';
-export * from './module';
-export * from './service';
+import { MatDialogConfig, MatDialogRef, MatDialog } from '@kato-lee/material/dialog';
+import * as i0 from '@angular/core';
+import { OnInit, ElementRef } from '@angular/core';
+import { Observable } from 'rxjs';
+
+type TakModalType = 'confirm' | 'alert';
+interface TakModalConfig {
+    confirmButton?: string;
+    deniedButton?: string;
+    okButton?: string;
+    hasTopCloseButton?: boolean;
+    dialogOptions?: MatDialogConfig;
+    textAlign?: 'left' | 'right' | 'center' | 'justify';
+}
+
+declare class TakModalComponent implements OnInit {
+    private _dialogRef;
+    data: {
+        content: string;
+        title: string;
+        options?: TakModalConfig;
+        type: TakModalType;
+    };
+    private _isAlert;
+    private _confirmButton;
+    private _deniedButton;
+    private _okButton;
+    private _hasTopCloseButton;
+    constructor(href: ElementRef, _dialogRef: MatDialogRef<TakModalComponent>, data: {
+        content: string;
+        title: string;
+        options?: TakModalConfig;
+        type: TakModalType;
+    });
+    ngOnInit(): void;
+    onConfirm(): void;
+    onClose(): void;
+    onCloseFromButton(): void;
+    get isAlert(): boolean;
+    get confirmButton(): string;
+    get deniedButton(): string;
+    get okButton(): string;
+    get hasTopCloseButton(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakModalComponent, "tak-modal", never, {}, {}, never, never, true, never>;
+}
+
+/** @deprecated Use standalone */
+declare class TakModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakModalModule, never, [typeof TakModalComponent], [typeof TakModalComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakModalModule>;
+}
+
+declare class TakModal {
+    private dialog;
+    constructor(dialog: MatDialog);
+    alert(content: string, title?: string, options?: TakModalConfig): Observable<boolean>;
+    confirm(content: string, title?: string, options?: TakModalConfig): Observable<boolean>;
+    private _generateDialog;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakModal, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TakModal>;
+}
+
+export { TakModal, TakModalComponent, TakModalModule };
+export type { TakModalConfig, TakModalType };

package/modal/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-modal.mjs"
+}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@kato-lee/components",
-  "version": "1.1.3",
-  "dependencies": {
-    "@kato-lee/cdk": "^14.2.7",
-    "@kato-lee/material": "^14.2.7"
+  "version": "2.0.0",
+  "peerDependencies": {
+    "@kato-lee/cdk": "^20.2.14",
+    "@kato-lee/material": "^20.2.14"
   },
   "sideEffects": false,
   "module": "fesm2022/kato-lee-components.mjs",
@@ -14,62 +14,42 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/kato-lee-components.mjs",
-      "esm": "./esm2022/kato-lee-components.mjs",
       "default": "./fesm2022/kato-lee-components.mjs"
     },
     "./box-form": {
       "types": "./box-form/index.d.ts",
-      "esm2022": "./esm2022/box-form/kato-lee-components-box-form.mjs",
-      "esm": "./esm2022/box-form/kato-lee-components-box-form.mjs",
       "default": "./fesm2022/kato-lee-components-box-form.mjs"
     },
     "./capsule": {
       "types": "./capsule/index.d.ts",
-      "esm2022": "./esm2022/capsule/kato-lee-components-capsule.mjs",
-      "esm": "./esm2022/capsule/kato-lee-components-capsule.mjs",
       "default": "./fesm2022/kato-lee-components-capsule.mjs"
     },
     "./cards": {
       "types": "./cards/index.d.ts",
-      "esm2022": "./esm2022/cards/kato-lee-components-cards.mjs",
-      "esm": "./esm2022/cards/kato-lee-components-cards.mjs",
       "default": "./fesm2022/kato-lee-components-cards.mjs"
     },
     "./dialogs": {
       "types": "./dialogs/index.d.ts",
-      "esm2022": "./esm2022/dialogs/kato-lee-components-dialogs.mjs",
-      "esm": "./esm2022/dialogs/kato-lee-components-dialogs.mjs",
       "default": "./fesm2022/kato-lee-components-dialogs.mjs"
     },
     "./fields": {
       "types": "./fields/index.d.ts",
-      "esm2022": "./esm2022/fields/kato-lee-components-fields.mjs",
-      "esm": "./esm2022/fields/kato-lee-components-fields.mjs",
       "default": "./fesm2022/kato-lee-components-fields.mjs"
     },
     "./modal": {
       "types": "./modal/index.d.ts",
-      "esm2022": "./esm2022/modal/kato-lee-components-modal.mjs",
-      "esm": "./esm2022/modal/kato-lee-components-modal.mjs",
       "default": "./fesm2022/kato-lee-components-modal.mjs"
     },
     "./pretty-box": {
       "types": "./pretty-box/index.d.ts",
-      "esm2022": "./esm2022/pretty-box/kato-lee-components-pretty-box.mjs",
-      "esm": "./esm2022/pretty-box/kato-lee-components-pretty-box.mjs",
       "default": "./fesm2022/kato-lee-components-pretty-box.mjs"
     },
     "./tables": {
       "types": "./tables/index.d.ts",
-      "esm2022": "./esm2022/tables/kato-lee-components-tables.mjs",
-      "esm": "./esm2022/tables/kato-lee-components-tables.mjs",
       "default": "./fesm2022/kato-lee-components-tables.mjs"
     },
     "./toast": {
       "types": "./toast/index.d.ts",
-      "esm2022": "./esm2022/toast/kato-lee-components-toast.mjs",
-      "esm": "./esm2022/toast/kato-lee-components-toast.mjs",
       "default": "./fesm2022/kato-lee-components-toast.mjs"
     }
   }