ng-tailwind 6.4.5 → 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/{ngt-base-ng-model.d.ts → ngt-control-value-accessor.d.ts} +14 -17
- package/components/forms/reactive/ngt-reactive-checkbox/ngt-reactive-checkbox.component.d.ts +54 -0
- package/components/forms/reactive/ngt-reactive-date/ngt-reactive-date.component.d.ts +94 -0
- package/components/forms/reactive/ngt-reactive-date/services/ngt-reactive-date-formatter.service.d.ts +12 -0
- package/components/forms/reactive/ngt-reactive-dropzone/ngt-reactive-dropzone.component.d.ts +110 -0
- package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-error.service.d.ts +14 -0
- package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-file.service.d.ts +24 -0
- package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-state.service.d.ts +17 -0
- package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-validation.service.d.ts +11 -0
- package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-viewer.service.d.ts +22 -0
- package/components/forms/reactive/ngt-reactive-form/ngt-reactive-form.component.d.ts +55 -0
- package/components/forms/reactive/ngt-reactive-input/ngt-reactive-input.component.d.ts +134 -0
- package/components/forms/reactive/ngt-reactive-input/services/ngt-reactive-input-loader.service.d.ts +8 -0
- package/components/forms/reactive/ngt-reactive-input/services/ngt-reactive-input-mask.service.d.ts +10 -0
- package/components/forms/reactive/ngt-reactive-input/services/ngt-reactive-input-validation.service.d.ts +43 -0
- package/components/forms/reactive/ngt-reactive-radio-button/ngt-reactive-radio-button-container/ngt-reactive-radio-button-container.component.d.ts +9 -0
- package/components/forms/reactive/ngt-reactive-radio-button/ngt-reactive-radio-button.component.d.ts +58 -0
- package/components/forms/reactive/ngt-reactive-select/ngt-reactive-select.component.d.ts +152 -0
- package/components/forms/reactive/ngt-reactive-select/ngt-reactive-select.directive.d.ts +20 -0
- package/components/forms/reactive/ngt-reactive-select/services/ngt-reactive-select-dropdown.service.d.ts +10 -0
- package/components/forms/reactive/ngt-reactive-select/services/ngt-reactive-select-items.service.d.ts +32 -0
- package/components/forms/reactive/ngt-reactive-select/services/ngt-reactive-select-search.service.d.ts +34 -0
- package/components/forms/reactive/ngt-reactive-select/services/ngt-reactive-select-state.service.d.ts +22 -0
- package/components/forms/reactive/ngt-reactive-select/services/ngt-reactive-select-tag-manager.service.d.ts +17 -0
- package/components/forms/reactive/ngt-reactive-select/services/ngt-reactive-select-validation.service.d.ts +16 -0
- package/components/forms/reactive/ngt-reactive-slider/ngt-reactive-slider.component.d.ts +44 -0
- package/components/forms/reactive/ngt-reactive-textarea/ngt-reactive-textarea.component.d.ts +76 -0
- package/components/forms/reactive/ngt-reactive-textarea/services/ngt-reactive-textarea-validation.service.d.ts +18 -0
- package/components/{ngt-checkbox → forms/template-driven/ngt-checkbox}/ngt-checkbox.component.d.ts +9 -9
- package/components/{ngt-checkbox → forms/template-driven/ngt-checkbox}/ngt-checkbox.module.d.ts +3 -3
- package/components/{ngt-date → forms/template-driven/ngt-date}/ngt-date.component.d.ts +9 -9
- package/components/{ngt-date → forms/template-driven/ngt-date}/ngt-date.module.d.ts +4 -4
- package/components/{ngt-dropzone → forms/template-driven/ngt-dropzone}/ngt-dropzone.component.d.ts +16 -12
- package/components/forms/template-driven/ngt-dropzone/ngt-dropzone.module.d.ts +16 -0
- package/components/{ngt-form → forms/template-driven/ngt-form}/ngt-form-validation-message/ngt-form-validation-message.component.d.ts +4 -4
- package/components/{ngt-form → forms/template-driven/ngt-form}/ngt-form.component.d.ts +2 -2
- package/components/{ngt-form → forms/template-driven/ngt-form}/ngt-form.module.d.ts +3 -3
- package/components/{ngt-input → forms/template-driven/ngt-input}/ngt-input.component.d.ts +12 -14
- package/components/{ngt-input → forms/template-driven/ngt-input}/ngt-input.module.d.ts +5 -5
- package/components/{ngt-multi-select → forms/template-driven/ngt-multi-select}/ngt-multi-select.component.d.ts +11 -11
- package/components/{ngt-multi-select → forms/template-driven/ngt-multi-select}/ngt-multi-select.module.d.ts +5 -5
- package/components/{ngt-radio-button → forms/template-driven/ngt-radio-button}/ngt-radio-button.component.d.ts +9 -9
- package/components/{ngt-radio-button → forms/template-driven/ngt-radio-button}/ngt-radio-button.module.d.ts +3 -3
- package/components/{ngt-select → forms/template-driven/ngt-select}/ngt-select.component.d.ts +11 -11
- package/components/{ngt-select → forms/template-driven/ngt-select}/ngt-select.module.d.ts +5 -5
- package/components/{ngt-slider → forms/template-driven/ngt-slider}/ngt-slider.component.d.ts +2 -2
- package/components/{ngt-slider → forms/template-driven/ngt-slider}/ngt-slider.module.d.ts +1 -1
- package/components/{ngt-textarea → forms/template-driven/ngt-textarea}/ngt-textarea.component.d.ts +8 -8
- package/components/{ngt-textarea → forms/template-driven/ngt-textarea}/ngt-textarea.module.d.ts +4 -4
- package/components/ngt-action/ngt-action.component.d.ts +5 -3
- package/components/ngt-button/ngt-button.component.d.ts +5 -3
- package/components/ngt-button/ngt-button.module.d.ts +1 -1
- package/components/ngt-datatable/ngt-datatable.component.d.ts +1 -1
- package/components/ngt-datatable/ngt-datatable.module.d.ts +2 -2
- package/components/ngt-datatable/ngt-td-check/ngt-td-check.component.d.ts +1 -1
- package/components/ngt-datatable/ngt-th/ngt-th.component.d.ts +1 -1
- package/components/ngt-datatable/ngt-th-check/ngt-th-check.component.d.ts +1 -1
- package/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.d.ts +6 -4
- package/components/ngt-dropdown/ngt-dropdown.component.d.ts +35 -24
- package/components/ngt-helper/ngt-helper.component.d.ts +24 -14
- package/components/ngt-modal/ngt-modal.component.d.ts +4 -2
- package/components/ngt-pagination/ngt-pagination.module.d.ts +1 -1
- package/components/ngt-popover/ngt-popover.module.d.ts +2 -2
- package/components/ngt-portlet/ngt-portlet.module.d.ts +2 -2
- package/components/ngt-section/ngt-section.component.d.ts +4 -2
- package/components/ngt-section/ngt-section.module.d.ts +2 -2
- package/components/ngt-validation/ngt-validation.component.d.ts +10 -4
- package/components/{ngt-dropzone → shared}/custom-dropzone-preview/custom-dropzone-preview.component.d.ts +7 -5
- package/components/shared/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.d.ts +31 -0
- package/components/shared/ngt-dropzone-view/ngt-dropzone-view.component.d.ts +38 -0
- package/fesm2022/ng-tailwind.mjs +6718 -3302
- package/fesm2022/ng-tailwind.mjs.map +1 -1
- package/helpers/routing/route.d.ts +2 -1
- package/helpers/validators/validation.helper.d.ts +24 -0
- package/package.json +3 -3
- package/public-api.d.ts +63 -45
- package/services/http/ngt-attachment-http.service.d.ts +1 -1
- package/services/validation/ngt-reactive-form-validation.service.d.ts +20 -0
- package/components/ngt-dropdown/ngt-dropdown.module.d.ts +0 -9
- package/components/ngt-dropzone/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.d.ts +0 -25
- package/components/ngt-dropzone/ngt-dropzone-view/ngt-dropzone-view.component.d.ts +0 -35
- package/components/ngt-dropzone/ngt-dropzone.module.d.ts +0 -17
- package/components/ngt-helper/ngt-helper.module.d.ts +0 -10
- /package/components/{ngt-radio-button → forms/template-driven/ngt-radio-button}/ngt-radio-button-container/ngt-radio-button-container.component.d.ts +0 -0
- /package/components/{ngt-select → forms/template-driven/ngt-select}/ngt-select.directive.d.ts +0 -0
- /package/{components/ngt-dropzone → meta}/ngt-dropzone.meta.d.ts +0 -0
package/components/forms/reactive/ngt-reactive-input/services/ngt-reactive-input-loader.service.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { WritableSignal } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NgtReactiveInputLoaderService {
|
|
4
|
+
shining: WritableSignal<boolean>;
|
|
5
|
+
loading: WritableSignal<boolean>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveInputLoaderService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveInputLoaderService>;
|
|
8
|
+
}
|
package/components/forms/reactive/ngt-reactive-input/services/ngt-reactive-input-mask.service.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ElementRef } from "@angular/core";
|
|
2
|
+
import { InputMaskEnum } from '../../../../../helpers/input-mask/input-mask.helper';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class NgtReactiveInputMaskService {
|
|
5
|
+
private appliedMask;
|
|
6
|
+
applyMask(mask: InputMaskEnum, inputElement: ElementRef, decimalMaskPrecision?: number, maxValue?: number, minValue?: number, validateMinValueOnMask?: boolean): void;
|
|
7
|
+
removeMask(value: string): string;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveInputMaskService, never>;
|
|
9
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveInputMaskService>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { AsyncValidatorFn, ValidatorFn } from "@angular/forms";
|
|
2
|
+
import { NgtHttpValidationService } from "../../../../../services/http/ngt-http-validation.service";
|
|
3
|
+
import { NgtReactiveInputLoaderService } from "./ngt-reactive-input-loader.service";
|
|
4
|
+
import { NgtReactiveFormValidationService } from "../../../../../services/validation/ngt-reactive-form-validation.service";
|
|
5
|
+
import { InputMaskEnum } from "../../../../../helpers/input-mask/input-mask.helper";
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export interface NgtReactInputValidationConfig {
|
|
8
|
+
type: string;
|
|
9
|
+
mask: InputMaskEnum;
|
|
10
|
+
match: string;
|
|
11
|
+
minValue: number;
|
|
12
|
+
maxValue: number;
|
|
13
|
+
minLength: number;
|
|
14
|
+
maxLength: number;
|
|
15
|
+
isRequired: boolean;
|
|
16
|
+
validatePassword: boolean;
|
|
17
|
+
passwordableId: string;
|
|
18
|
+
passwordPolicyId: string;
|
|
19
|
+
uniqueResource: any;
|
|
20
|
+
customSyncValidators?: ValidatorFn[];
|
|
21
|
+
customAsyncValidators?: AsyncValidatorFn[];
|
|
22
|
+
}
|
|
23
|
+
export declare class NgtReactiveInputValidationService {
|
|
24
|
+
private httpValidationService;
|
|
25
|
+
private reactiveFormValidationService;
|
|
26
|
+
private loaderService;
|
|
27
|
+
private emailValidatorTimeout;
|
|
28
|
+
private passwordValidatorTimeout;
|
|
29
|
+
private uniqueValidatorTimeout;
|
|
30
|
+
constructor(httpValidationService: NgtHttpValidationService, reactiveFormValidationService: NgtReactiveFormValidationService, loaderService: NgtReactiveInputLoaderService);
|
|
31
|
+
getSyncValidators(config: NgtReactInputValidationConfig): ValidatorFn[];
|
|
32
|
+
getAsyncValidators(config: NgtReactInputValidationConfig): AsyncValidatorFn[];
|
|
33
|
+
validatePhone(phone: string): Promise<any>;
|
|
34
|
+
clearTimeouts(): void;
|
|
35
|
+
private timeValidator;
|
|
36
|
+
private cnpjCpfValidator;
|
|
37
|
+
private validateCpfCnpj;
|
|
38
|
+
private uniqueValidator;
|
|
39
|
+
private emailValidator;
|
|
40
|
+
private passwordValidator;
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveInputValidationService, [{ optional: true; }, null, null]>;
|
|
42
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveInputValidationService>;
|
|
43
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { OutputEmitterRef } from '@angular/core';
|
|
2
|
+
import { NgtReactiveRadioButtonComponent } from '../ngt-reactive-radio-button.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class NgtReactiveRadioButtonContainerComponent {
|
|
5
|
+
readonly onActiveRadioButtonChange: OutputEmitterRef<NgtReactiveRadioButtonComponent>;
|
|
6
|
+
setActiveRadioButton(activeRadioButton: NgtReactiveRadioButtonComponent): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveRadioButtonContainerComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveRadioButtonContainerComponent, "[ngt-reactive-radio-button-container]", never, {}, { "onActiveRadioButtonChange": "onActiveRadioButtonChange"; }, never, ["*"], true, never>;
|
|
9
|
+
}
|
package/components/forms/reactive/ngt-reactive-radio-button/ngt-reactive-radio-button.component.d.ts
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, Injector, OnDestroy, Signal } from '@angular/core';
|
|
2
|
+
import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
|
|
3
|
+
import { NgtStylizableDirective } from '../../../../directives/ngt-stylizable/ngt-stylizable.directive';
|
|
4
|
+
import { NgtStylizableService } from '../../../../services/ngt-stylizable/ngt-stylizable.service';
|
|
5
|
+
import { NgtReactiveFormComponent } from '../ngt-reactive-form/ngt-reactive-form.component';
|
|
6
|
+
import { NgtSectionComponent } from '../../../ngt-section/ngt-section.component';
|
|
7
|
+
import { NgtReactiveRadioButtonContainerComponent } from './ngt-reactive-radio-button-container/ngt-reactive-radio-button-container.component';
|
|
8
|
+
import { NgtModalComponent } from '../../../ngt-modal/ngt-modal.component';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export declare class NgtReactiveRadioButtonComponent extends NgtControlValueAccessor implements AfterViewInit, OnDestroy {
|
|
11
|
+
private ngtStylizableDirective;
|
|
12
|
+
private ngtForm;
|
|
13
|
+
private ngtSection;
|
|
14
|
+
private ngtModal;
|
|
15
|
+
private container;
|
|
16
|
+
protected injector: Injector;
|
|
17
|
+
radioBtnElement: ElementRef;
|
|
18
|
+
/** Visual Inputs */
|
|
19
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
20
|
+
readonly shining: import("@angular/core").InputSignal<boolean>;
|
|
21
|
+
readonly selectedHexColor: import("@angular/core").InputSignal<string>;
|
|
22
|
+
readonly helpTitle: import("@angular/core").InputSignal<string>;
|
|
23
|
+
readonly helpTextColor: import("@angular/core").InputSignal<string>;
|
|
24
|
+
readonly helpText: import("@angular/core").InputSignal<string>;
|
|
25
|
+
readonly helperReverseYPosition: import("@angular/core").InputSignal<boolean>;
|
|
26
|
+
readonly helperAutoXReverse: import("@angular/core").InputSignal<boolean>;
|
|
27
|
+
/** Behavior Inputs */
|
|
28
|
+
readonly isSelectable: import("@angular/core").InputSignal<boolean>;
|
|
29
|
+
readonly isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
30
|
+
/** Computed Signals */
|
|
31
|
+
readonly isShining: Signal<boolean>;
|
|
32
|
+
readonly isDisabledByParent: Signal<boolean>;
|
|
33
|
+
readonly isDisabledState: Signal<boolean>;
|
|
34
|
+
readonly currentValue: Signal<any>;
|
|
35
|
+
readonly canInteract: Signal<boolean>;
|
|
36
|
+
readonly labelClasses: Signal<string>;
|
|
37
|
+
readonly radioStyle: Signal<string>;
|
|
38
|
+
readonly radioClasses: Signal<string>;
|
|
39
|
+
/** Internal Control */
|
|
40
|
+
ngtStyle: NgtStylizableService;
|
|
41
|
+
uuid: string;
|
|
42
|
+
private subscriptions;
|
|
43
|
+
constructor(ngtStylizableDirective: NgtStylizableDirective, ngtForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, container: NgtReactiveRadioButtonContainerComponent, injector: Injector);
|
|
44
|
+
ngAfterViewInit(): void;
|
|
45
|
+
ngOnDestroy(): void;
|
|
46
|
+
onNativeChange(): void;
|
|
47
|
+
change(value: boolean): void;
|
|
48
|
+
private setupSubscriptions;
|
|
49
|
+
private setupNgtStylizable;
|
|
50
|
+
private setNativeValue;
|
|
51
|
+
private getNativeValue;
|
|
52
|
+
private getLabelClasses;
|
|
53
|
+
private getRadioStyle;
|
|
54
|
+
private getRadioClasses;
|
|
55
|
+
private destroySubscritpions;
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveRadioButtonComponent, [{ optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, null]>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveRadioButtonComponent, "ngt-reactive-radio-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "shining": { "alias": "shining"; "required": false; "isSignal": true; }; "selectedHexColor": { "alias": "selectedHexColor"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "helpTextColor": { "alias": "helpTextColor"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helperReverseYPosition": { "alias": "helperReverseYPosition"; "required": false; "isSignal": true; }; "helperAutoXReverse": { "alias": "helperAutoXReverse"; "required": false; "isSignal": true; }; "isSelectable": { "alias": "isSelectable"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
58
|
+
}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { ChangeDetectorRef, Injector, OnDestroy, Signal, TemplateRef } from '@angular/core';
|
|
2
|
+
import { ValidatorFn } from '@angular/forms';
|
|
3
|
+
import { NgSelectComponent } from '@ng-select/ng-select';
|
|
4
|
+
import { Observable, Subject } from 'rxjs';
|
|
5
|
+
import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
|
|
6
|
+
import { NgtStylizableDirective } from '../../../../directives/ngt-stylizable/ngt-stylizable.directive';
|
|
7
|
+
import { NgtTranslateService } from '../../../../services/http/ngt-translate.service';
|
|
8
|
+
import { NgtStylizableService } from '../../../../services/ngt-stylizable/ngt-stylizable.service';
|
|
9
|
+
import { NgtReactiveFormComponent } from '../ngt-reactive-form/ngt-reactive-form.component';
|
|
10
|
+
import { NgtSectionComponent } from '../../../ngt-section/ngt-section.component';
|
|
11
|
+
import { NgtModalComponent } from '../../../ngt-modal/ngt-modal.component';
|
|
12
|
+
import { NgtReactiveSelectValidationService } from './services/ngt-reactive-select-validation.service';
|
|
13
|
+
import { NgtReactiveSelectSearchService } from './services/ngt-reactive-select-search.service';
|
|
14
|
+
import { NgtReactiveSelectDropdownService } from './services/ngt-reactive-select-dropdown.service';
|
|
15
|
+
import { NgtReactiveSelectStateService } from './services/ngt-reactive-select-state.service';
|
|
16
|
+
import { NgtReactiveSelectItemsService } from './services/ngt-reactive-select-items.service';
|
|
17
|
+
import { NgtReactiveSelectTagManagerService } from './services/ngt-reactive-select-tag-manager.service';
|
|
18
|
+
import * as i0 from "@angular/core";
|
|
19
|
+
export declare enum NgtReactSelectDropdownPanelHeight {
|
|
20
|
+
AUTO = "auto",
|
|
21
|
+
XS = "xs",
|
|
22
|
+
MD = "md",
|
|
23
|
+
SM = "sm",
|
|
24
|
+
LG = "lg",
|
|
25
|
+
XL = "xl"
|
|
26
|
+
}
|
|
27
|
+
export declare class NgtReactiveSelectComponent extends NgtControlValueAccessor implements OnDestroy {
|
|
28
|
+
ngtStylizableDirective: NgtStylizableDirective;
|
|
29
|
+
ngtTranslateService: NgtTranslateService;
|
|
30
|
+
private ngtReactForm;
|
|
31
|
+
private ngtSection;
|
|
32
|
+
private ngtModal;
|
|
33
|
+
private validationService;
|
|
34
|
+
private searchService;
|
|
35
|
+
private itemsService;
|
|
36
|
+
private dropdownService;
|
|
37
|
+
private tagManagerService;
|
|
38
|
+
private changeDetector;
|
|
39
|
+
protected injector: Injector;
|
|
40
|
+
stateService: NgtReactiveSelectStateService;
|
|
41
|
+
ngSelectComponent: NgSelectComponent;
|
|
42
|
+
ngtOptionTemplate: TemplateRef<any>;
|
|
43
|
+
ngtOptionSelectedTemplate: TemplateRef<any>;
|
|
44
|
+
ngtSelectHeaderTemplate: TemplateRef<any>;
|
|
45
|
+
/** Visual Inputs */
|
|
46
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
47
|
+
readonly labelIcon: import("@angular/core").InputSignal<string>;
|
|
48
|
+
readonly labelIconColor: import("@angular/core").InputSignal<string>;
|
|
49
|
+
readonly helpTitle: import("@angular/core").InputSignal<string>;
|
|
50
|
+
readonly helpText: import("@angular/core").InputSignal<string>;
|
|
51
|
+
readonly helpTextColor: import("@angular/core").InputSignal<string>;
|
|
52
|
+
readonly shining: import("@angular/core").InputSignal<boolean>;
|
|
53
|
+
readonly loading: import("@angular/core").InputSignal<boolean>;
|
|
54
|
+
readonly loadingText: import("@angular/core").InputSignal<string>;
|
|
55
|
+
readonly notFoundText: import("@angular/core").InputSignal<string>;
|
|
56
|
+
readonly dropdownPosition: import("@angular/core").InputSignal<string>;
|
|
57
|
+
readonly typeToSearchText: import("@angular/core").InputSignal<string>;
|
|
58
|
+
readonly clearAllTooltip: import("@angular/core").InputSignal<string>;
|
|
59
|
+
readonly placeholder: import("@angular/core").InputSignal<string>;
|
|
60
|
+
readonly createText: import("@angular/core").InputSignal<string>;
|
|
61
|
+
readonly labelForId: import("@angular/core").InputSignal<string>;
|
|
62
|
+
readonly dropdownPanelMinHeight: import("@angular/core").InputSignal<NgtReactSelectDropdownPanelHeight>;
|
|
63
|
+
readonly helperReverseYPosition: import("@angular/core").InputSignal<boolean>;
|
|
64
|
+
readonly helperAutoXReverse: import("@angular/core").InputSignal<boolean>;
|
|
65
|
+
/** Behavior Inputs */
|
|
66
|
+
readonly autoLoad: import("@angular/core").InputSignal<boolean>;
|
|
67
|
+
readonly allowCreate: import("@angular/core").InputSignal<boolean | Function | Promise<any>>;
|
|
68
|
+
readonly allowOriginalItemsUnselect: import("@angular/core").InputSignal<boolean>;
|
|
69
|
+
readonly isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
70
|
+
readonly isReadonly: import("@angular/core").InputSignal<boolean>;
|
|
71
|
+
readonly remoteResource: import("@angular/core").InputSignal<any>;
|
|
72
|
+
readonly hideSelected: import("@angular/core").InputSignal<boolean>;
|
|
73
|
+
readonly bindLabel: import("@angular/core").InputSignal<string>;
|
|
74
|
+
readonly bindValue: import("@angular/core").InputSignal<string>;
|
|
75
|
+
readonly items: import("@angular/core").InputSignal<any[] | Observable<any>>;
|
|
76
|
+
readonly inputAttrs: import("@angular/core").InputSignal<{
|
|
77
|
+
[key: string]: string;
|
|
78
|
+
}>;
|
|
79
|
+
readonly closeOnSelect: import("@angular/core").InputSignal<boolean>;
|
|
80
|
+
readonly clearable: import("@angular/core").InputSignal<boolean>;
|
|
81
|
+
readonly groupBy: import("@angular/core").InputSignal<string | Function>;
|
|
82
|
+
readonly multiple: import("@angular/core").InputSignal<boolean>;
|
|
83
|
+
readonly searchable: import("@angular/core").InputSignal<boolean>;
|
|
84
|
+
readonly clearSearchOnAdd: import("@angular/core").InputSignal<boolean>;
|
|
85
|
+
readonly virtualScroll: import("@angular/core").InputSignal<boolean>;
|
|
86
|
+
readonly tabIndex: import("@angular/core").InputSignal<number>;
|
|
87
|
+
readonly guessCompareWith: import("@angular/core").InputSignal<boolean>;
|
|
88
|
+
readonly compareWith: import("@angular/core").InputSignal<(a: any, b: any) => boolean>;
|
|
89
|
+
readonly autoSelectUniqueOption: import("@angular/core").InputSignal<boolean>;
|
|
90
|
+
readonly groupValue: import("@angular/core").InputSignal<(groupKey: string, cildren: any[]) => Object>;
|
|
91
|
+
readonly trackByFn: import("@angular/core").InputSignal<(item: any) => any>;
|
|
92
|
+
readonly sortSelectedItemsFn: import("@angular/core").InputSignal<(a: any, b: any) => any>;
|
|
93
|
+
readonly isAllowedToRemoveFn: import("@angular/core").InputSignal<(a: any) => boolean>;
|
|
94
|
+
/** Validation Inputs */
|
|
95
|
+
readonly maxSelectedItems: import("@angular/core").InputSignal<number>;
|
|
96
|
+
readonly isRequired: import("@angular/core").InputSignal<boolean>;
|
|
97
|
+
readonly customSyncValidators: import("@angular/core").InputSignal<ValidatorFn[]>;
|
|
98
|
+
/** Outputs */
|
|
99
|
+
readonly onLoadRemoteResource: import("@angular/core").OutputEmitterRef<any>;
|
|
100
|
+
readonly onSelectedItemRemove: import("@angular/core").OutputEmitterRef<any>;
|
|
101
|
+
readonly onClear: import("@angular/core").OutputEmitterRef<void>;
|
|
102
|
+
readonly onClose: import("@angular/core").OutputEmitterRef<void>;
|
|
103
|
+
/** Computed Signals */
|
|
104
|
+
readonly isShining: Signal<boolean>;
|
|
105
|
+
readonly isLoading: Signal<boolean>;
|
|
106
|
+
readonly isDisabledByParent: Signal<boolean>;
|
|
107
|
+
readonly isDisabledState: Signal<boolean>;
|
|
108
|
+
readonly isClearable: Signal<boolean>;
|
|
109
|
+
readonly shouldCloseOnSelect: Signal<boolean>;
|
|
110
|
+
readonly selectClasses: Signal<string>;
|
|
111
|
+
readonly typeaheadSubject: Signal<Subject<any>>;
|
|
112
|
+
/** Other Public Properties */
|
|
113
|
+
ngtStyle: NgtStylizableService;
|
|
114
|
+
/** Private Properties */
|
|
115
|
+
private nativeValue;
|
|
116
|
+
private subscriptions;
|
|
117
|
+
constructor(ngtStylizableDirective: NgtStylizableDirective, ngtTranslateService: NgtTranslateService, ngtReactForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, validationService: NgtReactiveSelectValidationService, searchService: NgtReactiveSelectSearchService, itemsService: NgtReactiveSelectItemsService, dropdownService: NgtReactiveSelectDropdownService, tagManagerService: NgtReactiveSelectTagManagerService, changeDetector: ChangeDetectorRef, injector: Injector, stateService: NgtReactiveSelectStateService);
|
|
118
|
+
ngAfterViewInit(): void;
|
|
119
|
+
ngOnDestroy(): void;
|
|
120
|
+
onOpen(): void;
|
|
121
|
+
onClearSelect(): void;
|
|
122
|
+
onRemoveSelectedItem(removedItem: any): void;
|
|
123
|
+
onScroll({ end }: {
|
|
124
|
+
end: number;
|
|
125
|
+
}): void;
|
|
126
|
+
onNativeChange(value: any): void;
|
|
127
|
+
change(value: any): void;
|
|
128
|
+
loadRemoteData(filters: any): void;
|
|
129
|
+
removeItem(event: Event, item: any): void;
|
|
130
|
+
refresh(): void;
|
|
131
|
+
reset(): void;
|
|
132
|
+
itemSearchFn(): (term: string, item: any) => any;
|
|
133
|
+
setFocus(): void;
|
|
134
|
+
getFilterInputValue(): string;
|
|
135
|
+
getCompareWith(): (a: any, b: any) => boolean;
|
|
136
|
+
hasSelectedValue(): string;
|
|
137
|
+
cantRemoveItem(itemValue: any): boolean;
|
|
138
|
+
private initNgSelectItems;
|
|
139
|
+
private setupValidators;
|
|
140
|
+
private setupNgtStylizable;
|
|
141
|
+
private registerEffects;
|
|
142
|
+
private calculateDropdownPosition;
|
|
143
|
+
private buildSelectClasses;
|
|
144
|
+
private sortSelectedItems;
|
|
145
|
+
private getElementTitle;
|
|
146
|
+
private hasChangesBetweenValues;
|
|
147
|
+
private hadPreviousSelection;
|
|
148
|
+
private canLoadItems;
|
|
149
|
+
private destroySubscriptions;
|
|
150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectComponent, [{ optional: true; self: true; }, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, null, null, null, null, null, null, null, null]>;
|
|
151
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveSelectComponent, "ngt-reactive-select", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "required": false; "isSignal": true; }; "labelIconColor": { "alias": "labelIconColor"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpTextColor": { "alias": "helpTextColor"; "required": false; "isSignal": true; }; "shining": { "alias": "shining"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "notFoundText": { "alias": "notFoundText"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; "isSignal": true; }; "clearAllTooltip": { "alias": "clearAllTooltip"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "createText": { "alias": "createText"; "required": false; "isSignal": true; }; "labelForId": { "alias": "labelForId"; "required": false; "isSignal": true; }; "dropdownPanelMinHeight": { "alias": "dropdownPanelMinHeight"; "required": false; "isSignal": true; }; "helperReverseYPosition": { "alias": "helperReverseYPosition"; "required": false; "isSignal": true; }; "helperAutoXReverse": { "alias": "helperAutoXReverse"; "required": false; "isSignal": true; }; "autoLoad": { "alias": "autoLoad"; "required": false; "isSignal": true; }; "allowCreate": { "alias": "allowCreate"; "required": false; "isSignal": true; }; "allowOriginalItemsUnselect": { "alias": "allowOriginalItemsUnselect"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "remoteResource": { "alias": "remoteResource"; "required": false; "isSignal": true; }; "hideSelected": { "alias": "hideSelected"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "guessCompareWith": { "alias": "guessCompareWith"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "autoSelectUniqueOption": { "alias": "autoSelectUniqueOption"; "required": false; "isSignal": true; }; "groupValue": { "alias": "groupValue"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; "sortSelectedItemsFn": { "alias": "sortSelectedItemsFn"; "required": false; "isSignal": true; }; "isAllowedToRemoveFn": { "alias": "isAllowedToRemoveFn"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "isRequired": { "alias": "isRequired"; "required": false; "isSignal": true; }; "customSyncValidators": { "alias": "customSyncValidators"; "required": false; "isSignal": true; }; }, { "onLoadRemoteResource": "onLoadRemoteResource"; "onSelectedItemRemove": "onSelectedItemRemove"; "onClear": "onClear"; "onClose": "onClose"; }, ["ngtOptionTemplate", "ngtOptionSelectedTemplate", "ngtSelectHeaderTemplate"], never, true, never>;
|
|
152
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NgtReactiveSelectOptionTemplate {
|
|
4
|
+
template: TemplateRef<any>;
|
|
5
|
+
constructor(template: TemplateRef<any>);
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectOptionTemplate, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgtReactiveSelectOptionTemplate, "[ngt-reactive-select-option]", never, {}, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
9
|
+
export declare class NgtReactiveSelectOptionSelectedTemplate {
|
|
10
|
+
template: TemplateRef<any>;
|
|
11
|
+
constructor(template: TemplateRef<any>);
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectOptionSelectedTemplate, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgtReactiveSelectOptionSelectedTemplate, "[ngt-reactive-select-option-selected]", never, {}, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
15
|
+
export declare class NgtReactiveSelectHeaderTemplate {
|
|
16
|
+
template: TemplateRef<any>;
|
|
17
|
+
constructor(template: TemplateRef<any>);
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectHeaderTemplate, never>;
|
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgtReactiveSelectHeaderTemplate, "[ngt-reactive-select-header]", never, {}, {}, never, never, true, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { NgSelectComponent } from "@ng-select/ng-select";
|
|
2
|
+
import { NgtReactiveSelectStateService } from "./ngt-reactive-select-state.service";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class NgtReactiveSelectDropdownService {
|
|
5
|
+
private stateService;
|
|
6
|
+
constructor(stateService: NgtReactiveSelectStateService);
|
|
7
|
+
calculateDropdownPosition(ngSelectComponent: NgSelectComponent, parentContainer: Element): Promise<void>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectDropdownService, never>;
|
|
9
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveSelectDropdownService>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { OutputEmitterRef } from "@angular/core";
|
|
2
|
+
import { Observable, Observer, Subject } from "rxjs";
|
|
3
|
+
import { NgtReactiveSelectSearchService } from "./ngt-reactive-select-search.service";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export interface NgtReactiveSelectItemsConfig {
|
|
6
|
+
remoteResource: any;
|
|
7
|
+
items: any[] | Observable<any>;
|
|
8
|
+
autoSelectUniqueOption: boolean;
|
|
9
|
+
guessCompareWith: boolean;
|
|
10
|
+
compareWith: (a: any, b: any) => boolean;
|
|
11
|
+
currentValue: any;
|
|
12
|
+
canLoadItems: boolean;
|
|
13
|
+
ngSearchObserver: Observer<any>;
|
|
14
|
+
onNativeChange: (value: any) => void;
|
|
15
|
+
onLoadRemoteResource: OutputEmitterRef<any>;
|
|
16
|
+
}
|
|
17
|
+
export declare class NgtReactiveSelectItemsService {
|
|
18
|
+
private searchService;
|
|
19
|
+
private originalItems;
|
|
20
|
+
private typeaheadSubject;
|
|
21
|
+
private ngSearchObserver;
|
|
22
|
+
constructor(searchService: NgtReactiveSelectSearchService);
|
|
23
|
+
initializeItems(config: NgtReactiveSelectItemsConfig): Observable<any>;
|
|
24
|
+
getNgSearchObserver(): Observer<any>;
|
|
25
|
+
getTypeaheadSubject(): Subject<string>;
|
|
26
|
+
sortSelectedItems(value: any, sortFn?: (a: any, b: any) => any): any;
|
|
27
|
+
setOriginalItems(items: any[]): void;
|
|
28
|
+
getOriginalItems(): any[];
|
|
29
|
+
hadPreviousSelection(item: any, compareWithFn: (a: any, b: any) => boolean): boolean;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectItemsService, never>;
|
|
31
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveSelectItemsService>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { OutputEmitterRef } from "@angular/core";
|
|
2
|
+
import { Observer } from "rxjs";
|
|
3
|
+
import { NgtHttpService } from "../../../../../services/http/ngt-http.service";
|
|
4
|
+
import { NgtReactiveSelectStateService } from "./ngt-reactive-select-state.service";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export interface NgtReactiveSelectSearchConfig {
|
|
7
|
+
remoteResource: any;
|
|
8
|
+
guessCompareWith: boolean;
|
|
9
|
+
compareWith: (a: any, b: any) => boolean;
|
|
10
|
+
autoSelectUniqueOption: boolean;
|
|
11
|
+
currentValue: any;
|
|
12
|
+
ngSearchObserver: Observer<any>;
|
|
13
|
+
onNativeChange: Function;
|
|
14
|
+
onLoadRemoteResource: OutputEmitterRef<any>;
|
|
15
|
+
}
|
|
16
|
+
export declare class NgtReactiveSelectSearchService {
|
|
17
|
+
private ngtHttp;
|
|
18
|
+
private stateService;
|
|
19
|
+
private readonly searchState;
|
|
20
|
+
private readonly originalPerPage;
|
|
21
|
+
private searchTimeout;
|
|
22
|
+
constructor(ngtHttp: NgtHttpService, stateService: NgtReactiveSelectStateService);
|
|
23
|
+
loadRemoteData(config: NgtReactiveSelectSearchConfig, filters?: any): void;
|
|
24
|
+
itemSearchFn(remoteResource: any, bindLabel: string): (term: string, item: any) => any;
|
|
25
|
+
handleScroll(end: number, searchCallback: () => void): void;
|
|
26
|
+
clearFilters(): void;
|
|
27
|
+
clearSearchTimeout(): void;
|
|
28
|
+
getCompareWithFn(): (a: any, b: any) => boolean;
|
|
29
|
+
private compareWithFn;
|
|
30
|
+
private bindCompareWithByResponse;
|
|
31
|
+
private canAutoSelectUniqueOption;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectSearchService, never>;
|
|
33
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveSelectSearchService>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { WritableSignal } from "@angular/core";
|
|
2
|
+
import { AbstractControl } from "@angular/forms";
|
|
3
|
+
import { Observable, Subject } from "rxjs";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class NgtReactiveSelectStateService {
|
|
6
|
+
readonly ngSelectItems: WritableSignal<Observable<any>>;
|
|
7
|
+
readonly typeaheadSubject: WritableSignal<Subject<string>>;
|
|
8
|
+
readonly formControlHasErrors: WritableSignal<boolean>;
|
|
9
|
+
readonly formControlIsDirty: WritableSignal<boolean>;
|
|
10
|
+
readonly wasClicked: WritableSignal<boolean>;
|
|
11
|
+
readonly hadFirstItemsLoad: WritableSignal<boolean>;
|
|
12
|
+
readonly loading: WritableSignal<boolean>;
|
|
13
|
+
readonly shining: WritableSignal<boolean>;
|
|
14
|
+
reset(): void;
|
|
15
|
+
updateFormControlState(control: AbstractControl): void;
|
|
16
|
+
setNgSelectItems(items: Observable<any>): void;
|
|
17
|
+
setTypeaheadSubject(subject: Subject<string>): void;
|
|
18
|
+
markAsClicked(): void;
|
|
19
|
+
markFirstItemsLoaded(): void;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectStateService, never>;
|
|
21
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveSelectStateService>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { NgSelectComponent } from "@ng-select/ng-select";
|
|
2
|
+
import { NgtReactiveSelectStateService } from "./ngt-reactive-select-state.service";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface NgtReactiveSelectAddTagConfig {
|
|
5
|
+
ngSelectComponent: NgSelectComponent;
|
|
6
|
+
bindLabel: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class NgtReactiveSelectTagManagerService {
|
|
9
|
+
private stateService;
|
|
10
|
+
constructor(stateService: NgtReactiveSelectStateService);
|
|
11
|
+
replaceShowAddTag(config: NgtReactiveSelectAddTagConfig): void;
|
|
12
|
+
private hasTermInFilteredItems;
|
|
13
|
+
private hasTermInSelectedItems;
|
|
14
|
+
private isColoquentResource;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectTagManagerService, never>;
|
|
16
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveSelectTagManagerService>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ValidatorFn } from "@angular/forms";
|
|
2
|
+
import { NgtReactiveFormValidationService } from "../../../../../services/validation/ngt-reactive-form-validation.service";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface NgtReactiveSelectValidationConfig {
|
|
5
|
+
isRequired: boolean;
|
|
6
|
+
multiple: boolean;
|
|
7
|
+
customSyncValidators?: ValidatorFn[];
|
|
8
|
+
}
|
|
9
|
+
export declare class NgtReactiveSelectValidationService {
|
|
10
|
+
private reactiveFormValidationService;
|
|
11
|
+
constructor(reactiveFormValidationService: NgtReactiveFormValidationService);
|
|
12
|
+
getSyncValidators(config: NgtReactiveSelectValidationConfig): ValidatorFn[];
|
|
13
|
+
private isRequiredValidator;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectValidationService, never>;
|
|
15
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveSelectValidationService>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, Injector, Signal } from '@angular/core';
|
|
2
|
+
import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
|
|
3
|
+
import { NgtReactiveFormComponent } from '../ngt-reactive-form/ngt-reactive-form.component';
|
|
4
|
+
import { NgtSectionComponent } from '../../../ngt-section/ngt-section.component';
|
|
5
|
+
import { NgtModalComponent } from '../../../ngt-modal/ngt-modal.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare enum NgtReactiveSliderColorSchemeEnum {
|
|
8
|
+
PRIMARY = "primary",
|
|
9
|
+
SUCCESS = "success",
|
|
10
|
+
WARNING = "warning",
|
|
11
|
+
DANGER = "danger"
|
|
12
|
+
}
|
|
13
|
+
export declare class NgtReactiveSliderComponent extends NgtControlValueAccessor implements AfterViewInit {
|
|
14
|
+
private ngtForm;
|
|
15
|
+
private ngtSection;
|
|
16
|
+
private ngtModal;
|
|
17
|
+
protected injector: Injector;
|
|
18
|
+
sliderElement: ElementRef;
|
|
19
|
+
/** Visual Inputs */
|
|
20
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
21
|
+
readonly shining: import("@angular/core").InputSignal<boolean>;
|
|
22
|
+
readonly showPercentageSymbol: import("@angular/core").InputSignal<boolean>;
|
|
23
|
+
readonly colorByValue: import("@angular/core").InputSignal<(value: number) => NgtReactiveSliderColorSchemeEnum>;
|
|
24
|
+
/** Behavior Inputs */
|
|
25
|
+
readonly isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
26
|
+
readonly min: import("@angular/core").InputSignal<number>;
|
|
27
|
+
readonly max: import("@angular/core").InputSignal<number>;
|
|
28
|
+
readonly step: import("@angular/core").InputSignal<number>;
|
|
29
|
+
/** Computed Signals */
|
|
30
|
+
readonly isShining: Signal<boolean>;
|
|
31
|
+
readonly isDisabledByParent: Signal<boolean>;
|
|
32
|
+
readonly isDisabledState: Signal<boolean>;
|
|
33
|
+
readonly sliderClasses: Signal<string>;
|
|
34
|
+
constructor(ngtForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, injector: Injector);
|
|
35
|
+
ngAfterViewInit(): void;
|
|
36
|
+
onNativeChange(): void;
|
|
37
|
+
change(value: number): void;
|
|
38
|
+
private setNativeValue;
|
|
39
|
+
private getNativeValue;
|
|
40
|
+
private getSliderClasses;
|
|
41
|
+
private hasChangesBetweenValues;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSliderComponent, [{ optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, null]>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveSliderComponent, "ngt-reactive-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "shining": { "alias": "shining"; "required": false; "isSignal": true; }; "showPercentageSymbol": { "alias": "showPercentageSymbol"; "required": false; "isSignal": true; }; "colorByValue": { "alias": "colorByValue"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "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; }; }, {}, never, ["*"], true, never>;
|
|
44
|
+
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, Injector, OnDestroy, Renderer2, Signal } from '@angular/core';
|
|
2
|
+
import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
|
|
3
|
+
import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
|
|
4
|
+
import { NgtStylizableDirective } from '../../../../directives/ngt-stylizable/ngt-stylizable.directive';
|
|
5
|
+
import { NgtTranslateService } from '../../../../services/http/ngt-translate.service';
|
|
6
|
+
import { NgtStylizableService } from '../../../../services/ngt-stylizable/ngt-stylizable.service';
|
|
7
|
+
import { NgtReactiveFormComponent } from '../ngt-reactive-form/ngt-reactive-form.component';
|
|
8
|
+
import { NgtSectionComponent } from '../../../ngt-section/ngt-section.component';
|
|
9
|
+
import { NgtModalComponent } from '../../../ngt-modal/ngt-modal.component';
|
|
10
|
+
import { NgtReactiveTextareaValidationService } from './services/ngt-reactive-textarea-validation.service';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
export declare class NgtReactiveTextareaComponent extends NgtControlValueAccessor implements AfterViewInit, OnDestroy {
|
|
13
|
+
private ngtStylizableDirective;
|
|
14
|
+
private ngtReactiveForm;
|
|
15
|
+
private ngtSection;
|
|
16
|
+
private ngtModal;
|
|
17
|
+
private translateService;
|
|
18
|
+
private validationService;
|
|
19
|
+
private renderer;
|
|
20
|
+
protected injector: Injector;
|
|
21
|
+
textareaElement: ElementRef;
|
|
22
|
+
/** Visual Inputs */
|
|
23
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
24
|
+
readonly placeholder: import("@angular/core").InputSignal<string>;
|
|
25
|
+
readonly rows: import("@angular/core").InputSignal<string>;
|
|
26
|
+
readonly helpTitle: import("@angular/core").InputSignal<string>;
|
|
27
|
+
readonly helpText: import("@angular/core").InputSignal<string>;
|
|
28
|
+
readonly helpTextColor: import("@angular/core").InputSignal<string>;
|
|
29
|
+
readonly showCharactersLength: import("@angular/core").InputSignal<boolean>;
|
|
30
|
+
readonly shining: import("@angular/core").InputSignal<boolean>;
|
|
31
|
+
/** Behavior Inputs */
|
|
32
|
+
readonly isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
33
|
+
readonly isReadonly: import("@angular/core").InputSignal<boolean>;
|
|
34
|
+
readonly focus: import("@angular/core").InputSignal<boolean>;
|
|
35
|
+
/** Validation Inputs */
|
|
36
|
+
readonly isRequired: import("@angular/core").InputSignal<boolean>;
|
|
37
|
+
readonly maxLength: import("@angular/core").InputSignal<number>;
|
|
38
|
+
readonly minLength: import("@angular/core").InputSignal<number>;
|
|
39
|
+
readonly customSyncValidators: import("@angular/core").InputSignal<ValidatorFn[]>;
|
|
40
|
+
readonly customAsyncValidators: import("@angular/core").InputSignal<AsyncValidatorFn[]>;
|
|
41
|
+
/** Computed Signals */
|
|
42
|
+
readonly isShining: Signal<boolean>;
|
|
43
|
+
readonly isDisabledByParent: Signal<boolean>;
|
|
44
|
+
readonly isDisabledState: Signal<boolean>;
|
|
45
|
+
readonly currentValue: Signal<string>;
|
|
46
|
+
readonly remainingCharacters: Signal<number>;
|
|
47
|
+
readonly textareaClasses: Signal<string>;
|
|
48
|
+
/** Internal Control */
|
|
49
|
+
ngtStyle: NgtStylizableService;
|
|
50
|
+
private readonly formControlHasErrors;
|
|
51
|
+
private readonly formControlIsDirty;
|
|
52
|
+
private subscriptions;
|
|
53
|
+
private listeners;
|
|
54
|
+
constructor(ngtStylizableDirective: NgtStylizableDirective, ngtReactiveForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, translateService: NgtTranslateService, validationService: NgtReactiveTextareaValidationService, renderer: Renderer2, injector: Injector);
|
|
55
|
+
ngAfterViewInit(): void;
|
|
56
|
+
ngOnDestroy(): void;
|
|
57
|
+
onNativeChange(): void;
|
|
58
|
+
change(value: string): void;
|
|
59
|
+
setFocus(): void;
|
|
60
|
+
clear(): void;
|
|
61
|
+
getTranslation(key: string): string;
|
|
62
|
+
private setupComponent;
|
|
63
|
+
private setupSubscriptions;
|
|
64
|
+
private registerEffects;
|
|
65
|
+
private setupValidators;
|
|
66
|
+
private setupNgtStylizable;
|
|
67
|
+
private setNativeValue;
|
|
68
|
+
private getNativeValue;
|
|
69
|
+
private hasChangesBetweenValues;
|
|
70
|
+
private getRemainingCharacters;
|
|
71
|
+
private getTextareaClasses;
|
|
72
|
+
private destroySubscriptions;
|
|
73
|
+
private destroyListeners;
|
|
74
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveTextareaComponent, [{ optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; }, null, null, null]>;
|
|
75
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveTextareaComponent, "ngt-reactive-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpTextColor": { "alias": "helpTextColor"; "required": false; "isSignal": true; }; "showCharactersLength": { "alias": "showCharactersLength"; "required": false; "isSignal": true; }; "shining": { "alias": "shining"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "focus": { "alias": "focus"; "required": false; "isSignal": true; }; "isRequired": { "alias": "isRequired"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "customSyncValidators": { "alias": "customSyncValidators"; "required": false; "isSignal": true; }; "customAsyncValidators": { "alias": "customAsyncValidators"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
76
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
|
|
2
|
+
import { NgtReactiveFormValidationService } from "../../../../../services/validation/ngt-reactive-form-validation.service";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface NgtReactiveTextareaValidationConfig {
|
|
5
|
+
isRequired?: boolean;
|
|
6
|
+
minLength?: number;
|
|
7
|
+
maxLength?: number;
|
|
8
|
+
customSyncValidators?: ValidatorFn[];
|
|
9
|
+
customAsyncValidators?: AsyncValidatorFn[];
|
|
10
|
+
}
|
|
11
|
+
export declare class NgtReactiveTextareaValidationService {
|
|
12
|
+
private reactiveFormValidationService;
|
|
13
|
+
constructor(reactiveFormValidationService: NgtReactiveFormValidationService);
|
|
14
|
+
getSyncValidators(config: NgtReactiveTextareaValidationConfig): ValidatorFn[];
|
|
15
|
+
getAsyncValidators(config: NgtReactiveTextareaValidationConfig): AsyncValidatorFn[];
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveTextareaValidationService, never>;
|
|
17
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveTextareaValidationService>;
|
|
18
|
+
}
|