ng-tailwind 7.0.4 → 7.0.5
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/components/forms/reactive/ngt-reactive-radio-button/ngt-reactive-radio-button.component.d.ts +3 -2
- package/components/forms/reactive/ngt-reactive-select/ngt-reactive-select.component.d.ts +16 -15
- package/components/forms/reactive/ngt-reactive-select/ngt-reactive-select.module.d.ts +8 -0
- package/fesm2022/ng-tailwind.mjs +62 -40
- package/fesm2022/ng-tailwind.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
package/components/forms/reactive/ngt-reactive-radio-button/ngt-reactive-radio-button.component.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ export declare class NgtReactiveRadioButtonComponent extends NgtControlValueAcce
|
|
|
25
25
|
readonly helperReverseYPosition: import("@angular/core").InputSignal<boolean>;
|
|
26
26
|
readonly helperAutoXReverse: import("@angular/core").InputSignal<boolean>;
|
|
27
27
|
/** Behavior Inputs */
|
|
28
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
28
29
|
readonly isSelectable: import("@angular/core").InputSignal<boolean>;
|
|
29
30
|
readonly isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
30
31
|
/** Outputs */
|
|
@@ -40,7 +41,7 @@ export declare class NgtReactiveRadioButtonComponent extends NgtControlValueAcce
|
|
|
40
41
|
readonly radioClasses: Signal<string>;
|
|
41
42
|
/** Internal Control */
|
|
42
43
|
ngtStyle: NgtStylizableService;
|
|
43
|
-
uuid
|
|
44
|
+
private uuid;
|
|
44
45
|
private subscriptions;
|
|
45
46
|
constructor(ngtStylizableDirective: NgtStylizableDirective, ngtForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, container: NgtReactiveRadioButtonContainerComponent, injector: Injector);
|
|
46
47
|
ngAfterViewInit(): void;
|
|
@@ -56,5 +57,5 @@ export declare class NgtReactiveRadioButtonComponent extends NgtControlValueAcce
|
|
|
56
57
|
private getRadioClasses;
|
|
57
58
|
private destroySubscritpions;
|
|
58
59
|
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]>;
|
|
59
|
-
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; }; }, { "onValueChange": "onValueChange"; }, never, never, true, never>;
|
|
60
|
+
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; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "isSelectable": { "alias": "isSelectable"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, { "onValueChange": "onValueChange"; }, never, never, true, never>;
|
|
60
61
|
}
|
|
@@ -63,38 +63,39 @@ export declare class NgtReactiveSelectComponent extends NgtControlValueAccessor
|
|
|
63
63
|
readonly helperReverseYPosition: import("@angular/core").InputSignal<boolean>;
|
|
64
64
|
readonly helperAutoXReverse: import("@angular/core").InputSignal<boolean>;
|
|
65
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
66
|
readonly remoteResource: import("@angular/core").InputSignal<any>;
|
|
72
|
-
readonly
|
|
67
|
+
readonly items: import("@angular/core").InputSignal<any[] | Observable<any>>;
|
|
73
68
|
readonly bindLabel: import("@angular/core").InputSignal<string>;
|
|
74
69
|
readonly bindValue: import("@angular/core").InputSignal<string>;
|
|
75
|
-
readonly items: import("@angular/core").InputSignal<any[] | Observable<any>>;
|
|
76
70
|
readonly inputAttrs: import("@angular/core").InputSignal<{
|
|
77
71
|
[key: string]: string;
|
|
78
72
|
}>;
|
|
73
|
+
readonly groupBy: import("@angular/core").InputSignal<string | Function>;
|
|
74
|
+
readonly tabIndex: import("@angular/core").InputSignal<number>;
|
|
75
|
+
readonly groupValue: import("@angular/core").InputSignal<(groupKey: string, cildren: any[]) => Object>;
|
|
76
|
+
readonly trackByFn: import("@angular/core").InputSignal<(item: any) => any>;
|
|
77
|
+
readonly isAllowedToRemoveFn: import("@angular/core").InputSignal<(a: any) => boolean>;
|
|
78
|
+
readonly sortSelectedItemsFn: import("@angular/core").InputSignal<(a: any, b: any) => any>;
|
|
79
|
+
readonly autoLoad: import("@angular/core").InputSignal<boolean>;
|
|
80
|
+
readonly allowCreate: import("@angular/core").InputSignal<boolean | Function | Promise<any>>;
|
|
81
|
+
readonly allowOriginalItemsUnselect: import("@angular/core").InputSignal<boolean>;
|
|
82
|
+
readonly isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
83
|
+
readonly isReadonly: import("@angular/core").InputSignal<boolean>;
|
|
84
|
+
readonly hideSelected: import("@angular/core").InputSignal<boolean>;
|
|
79
85
|
readonly closeOnSelect: import("@angular/core").InputSignal<boolean>;
|
|
80
86
|
readonly clearable: import("@angular/core").InputSignal<boolean>;
|
|
81
|
-
readonly groupBy: import("@angular/core").InputSignal<string | Function>;
|
|
82
87
|
readonly multiple: import("@angular/core").InputSignal<boolean>;
|
|
83
88
|
readonly searchable: import("@angular/core").InputSignal<boolean>;
|
|
84
89
|
readonly clearSearchOnAdd: import("@angular/core").InputSignal<boolean>;
|
|
85
90
|
readonly virtualScroll: import("@angular/core").InputSignal<boolean>;
|
|
86
|
-
readonly tabIndex: import("@angular/core").InputSignal<number>;
|
|
87
91
|
readonly guessCompareWith: import("@angular/core").InputSignal<boolean>;
|
|
88
92
|
readonly compareWith: import("@angular/core").InputSignal<(a: any, b: any) => boolean>;
|
|
89
93
|
readonly autoSelectUniqueOption: import("@angular/core").InputSignal<boolean>;
|
|
90
|
-
readonly
|
|
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
|
+
readonly valueAsArray: import("@angular/core").InputSignal<boolean>;
|
|
94
95
|
/** Validation Inputs */
|
|
95
96
|
readonly maxSelectedItems: import("@angular/core").InputSignal<number>;
|
|
96
|
-
readonly isRequired: import("@angular/core").InputSignal<boolean>;
|
|
97
97
|
readonly customSyncValidators: import("@angular/core").InputSignal<ValidatorFn[]>;
|
|
98
|
+
readonly isRequired: import("@angular/core").InputSignal<boolean>;
|
|
98
99
|
/** Outputs */
|
|
99
100
|
readonly onLoadRemoteResource: import("@angular/core").OutputEmitterRef<any>;
|
|
100
101
|
readonly onSelectedItemRemove: import("@angular/core").OutputEmitterRef<any>;
|
|
@@ -149,5 +150,5 @@ export declare class NgtReactiveSelectComponent extends NgtControlValueAccessor
|
|
|
149
150
|
private canLoadItems;
|
|
150
151
|
private destroySubscriptions;
|
|
151
152
|
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]>;
|
|
152
|
-
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; }; "
|
|
153
|
+
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; }; "remoteResource": { "alias": "remoteResource"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "groupValue": { "alias": "groupValue"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; "isAllowedToRemoveFn": { "alias": "isAllowedToRemoveFn"; "required": false; "isSignal": true; }; "sortSelectedItemsFn": { "alias": "sortSelectedItemsFn"; "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; }; "hideSelected": { "alias": "hideSelected"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "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; }; "guessCompareWith": { "alias": "guessCompareWith"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "autoSelectUniqueOption": { "alias": "autoSelectUniqueOption"; "required": false; "isSignal": true; }; "valueAsArray": { "alias": "valueAsArray"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "customSyncValidators": { "alias": "customSyncValidators"; "required": false; "isSignal": true; }; "isRequired": { "alias": "isRequired"; "required": false; "isSignal": true; }; }, { "onLoadRemoteResource": "onLoadRemoteResource"; "onSelectedItemRemove": "onSelectedItemRemove"; "onClear": "onClear"; "onClose": "onClose"; "onValueChange": "onValueChange"; }, ["ngtOptionTemplate", "ngtOptionSelectedTemplate", "ngtSelectHeaderTemplate"], never, true, never>;
|
|
153
154
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./ngt-reactive-select.component";
|
|
3
|
+
import * as i2 from "./ngt-reactive-select.directive";
|
|
4
|
+
export declare class NgtReactiveSelectModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveSelectModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NgtReactiveSelectModule, never, [typeof i1.NgtReactiveSelectComponent, typeof i2.NgtReactiveSelectOptionTemplate, typeof i2.NgtReactiveSelectOptionSelectedTemplate, typeof i2.NgtReactiveSelectHeaderTemplate], [typeof i1.NgtReactiveSelectComponent, typeof i2.NgtReactiveSelectOptionTemplate, typeof i2.NgtReactiveSelectOptionSelectedTemplate, typeof i2.NgtReactiveSelectHeaderTemplate]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NgtReactiveSelectModule>;
|
|
8
|
+
}
|
package/fesm2022/ng-tailwind.mjs
CHANGED
|
@@ -1925,7 +1925,7 @@ class NgtControlValueAccessor {
|
|
|
1925
1925
|
}
|
|
1926
1926
|
;
|
|
1927
1927
|
set value(v) {
|
|
1928
|
-
if (
|
|
1928
|
+
if (this.hasValueChanges(v, this._value())) {
|
|
1929
1929
|
this._value.set(v);
|
|
1930
1930
|
this.onChange(v);
|
|
1931
1931
|
if (!this.formControl) {
|
|
@@ -1936,7 +1936,7 @@ class NgtControlValueAccessor {
|
|
|
1936
1936
|
}
|
|
1937
1937
|
}
|
|
1938
1938
|
writeValue(value) {
|
|
1939
|
-
if (value == this.ignore || this.hasValueChanges(value, this._value())) {
|
|
1939
|
+
if (value == this.ignore || !this.hasValueChanges(value, this._value())) {
|
|
1940
1940
|
return;
|
|
1941
1941
|
}
|
|
1942
1942
|
this._value.set(value);
|
|
@@ -1977,13 +1977,7 @@ class NgtControlValueAccessor {
|
|
|
1977
1977
|
}
|
|
1978
1978
|
}
|
|
1979
1979
|
hasValueChanges(value1, value2) {
|
|
1980
|
-
|
|
1981
|
-
value1 = JSON.stringify(value1);
|
|
1982
|
-
}
|
|
1983
|
-
if (Array.isArray(value2)) {
|
|
1984
|
-
value2 = JSON.stringify(value2);
|
|
1985
|
-
}
|
|
1986
|
-
return value1 === value2;
|
|
1980
|
+
return JSON.stringify(value1) != JSON.stringify(value2);
|
|
1987
1981
|
}
|
|
1988
1982
|
}
|
|
1989
1983
|
function NgtValueAccessorProvider(component) {
|
|
@@ -9943,7 +9937,7 @@ class NgtReactiveTextareaComponent extends NgtControlValueAccessor {
|
|
|
9943
9937
|
return this.textareaElement.nativeElement.value;
|
|
9944
9938
|
}
|
|
9945
9939
|
hasChangesBetweenValues() {
|
|
9946
|
-
return this.getNativeValue()
|
|
9940
|
+
return this.getNativeValue() != this.value;
|
|
9947
9941
|
}
|
|
9948
9942
|
getRemainingCharacters() {
|
|
9949
9943
|
if (!this.showCharactersLength() || !this.maxLength()) {
|
|
@@ -9975,7 +9969,7 @@ class NgtReactiveTextareaComponent extends NgtControlValueAccessor {
|
|
|
9975
9969
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgtReactiveTextareaComponent, isStandalone: true, selector: "ngt-reactive-textarea", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, helpTitle: { classPropertyName: "helpTitle", publicName: "helpTitle", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helpTextColor: { classPropertyName: "helpTextColor", publicName: "helpTextColor", isSignal: true, isRequired: false, transformFunction: null }, showCharactersLength: { classPropertyName: "showCharactersLength", publicName: "showCharactersLength", isSignal: true, isRequired: false, transformFunction: null }, shining: { classPropertyName: "shining", publicName: "shining", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, focus: { classPropertyName: "focus", publicName: "focus", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, customSyncValidators: { classPropertyName: "customSyncValidators", publicName: "customSyncValidators", isSignal: true, isRequired: false, transformFunction: null }, customAsyncValidators: { classPropertyName: "customAsyncValidators", publicName: "customAsyncValidators", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [
|
|
9976
9970
|
NgtValueAccessorProvider(NgtReactiveTextareaComponent),
|
|
9977
9971
|
NgtReactiveTextareaValidationService,
|
|
9978
|
-
], viewQueries: [{ propertyName: "textareaElement", first: true, predicate: ["textareaElement"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if (label() && !isShining()) {\n <label class=\"flex mb-2 {{ ngtStyle.compile(['text', 'font', 'color.text']) }}\">\n <span class=\"truncate\" [title]=\"label()\">\n {{ label() }}:\n </span>\n\n @if (isRequired()) {\n <span class=\"text-red-500 font-bold text-md ml-1\">*</span>\n }\n\n @if (helpText()) {\n <ngt-helper [helpTitle]=\"helpTitle()\" [iconColor]=\"helpTextColor()\" class=\"ml-1\">\n {{ helpText() }}\n </ngt-helper>\n }\n </label>\n}\n\n<div [class]=\"isShining() ? 'hidden' : 'flex flex-col'\">\n <textarea [class]=\"textareaClasses()\" autocomplete=\"new-password\" [rows]=\"rows()\" [disabled]=\"isDisabledState()\"\n [readonly]=\"isReadonly()\" [placeholder]=\"placeholder()\" (input)=\"onNativeChange()\" (blur)=\"onTouched()\"\n #textareaElement
|
|
9972
|
+
], viewQueries: [{ propertyName: "textareaElement", first: true, predicate: ["textareaElement"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if (label() && !isShining()) {\n <label class=\"flex mb-2 {{ ngtStyle.compile(['text', 'font', 'color.text']) }}\">\n <span class=\"truncate\" [title]=\"label()\">\n {{ label() }}:\n </span>\n\n @if (isRequired()) {\n <span class=\"text-red-500 font-bold text-md ml-1\">*</span>\n }\n\n @if (helpText()) {\n <ngt-helper [helpTitle]=\"helpTitle()\" [iconColor]=\"helpTextColor()\" class=\"ml-1\">\n {{ helpText() }}\n </ngt-helper>\n }\n </label>\n}\n\n<div [class]=\"isShining() ? 'hidden' : 'flex flex-col'\">\n <textarea [class]=\"textareaClasses()\" autocomplete=\"new-password\" [rows]=\"rows()\" [disabled]=\"isDisabledState()\"\n [readonly]=\"isReadonly()\" [placeholder]=\"placeholder()\" (input)=\"onNativeChange()\" (blur)=\"onTouched()\"\n #textareaElement></textarea>\n\n @if (showCharactersLength() && remainingCharacters() !== null) {\n <p class=\"text-xxs mt-1\">\n {{ getTranslation('ngtTextAreaRemainingCharacters') }}:\n <span class=\"font-semibold\">{{ remainingCharacters() }}</span>\n </p>\n }\n</div>\n\n@if (isShining()) {\n <div class=\"flex\">\n <ngt-shining class=\"h-10 w-full\"></ngt-shining>\n </div>\n}\n\n<ng-content></ng-content>\n\n<ngt-validation [control]=\"formControl\" [minLength]=\"minLength()\"></ngt-validation>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NgtShiningModule }, { kind: "component", type: NgtShiningComponent, selector: "ngt-shining", inputs: ["shiningWidth"] }, { kind: "ngmodule", type: NgtValidationModule }, { kind: "component", type: NgtValidationComponent, selector: "ngt-validation", inputs: ["control", "container", "minValue", "minLength"] }, { kind: "component", type: NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9979
9973
|
}
|
|
9980
9974
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgtReactiveTextareaComponent, decorators: [{
|
|
9981
9975
|
type: Component,
|
|
@@ -9988,7 +9982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
9988
9982
|
NgtShiningModule,
|
|
9989
9983
|
NgtValidationModule,
|
|
9990
9984
|
NgtHelperComponent,
|
|
9991
|
-
], template: "@if (label() && !isShining()) {\n <label class=\"flex mb-2 {{ ngtStyle.compile(['text', 'font', 'color.text']) }}\">\n <span class=\"truncate\" [title]=\"label()\">\n {{ label() }}:\n </span>\n\n @if (isRequired()) {\n <span class=\"text-red-500 font-bold text-md ml-1\">*</span>\n }\n\n @if (helpText()) {\n <ngt-helper [helpTitle]=\"helpTitle()\" [iconColor]=\"helpTextColor()\" class=\"ml-1\">\n {{ helpText() }}\n </ngt-helper>\n }\n </label>\n}\n\n<div [class]=\"isShining() ? 'hidden' : 'flex flex-col'\">\n <textarea [class]=\"textareaClasses()\" autocomplete=\"new-password\" [rows]=\"rows()\" [disabled]=\"isDisabledState()\"\n [readonly]=\"isReadonly()\" [placeholder]=\"placeholder()\" (input)=\"onNativeChange()\" (blur)=\"onTouched()\"\n #textareaElement
|
|
9985
|
+
], template: "@if (label() && !isShining()) {\n <label class=\"flex mb-2 {{ ngtStyle.compile(['text', 'font', 'color.text']) }}\">\n <span class=\"truncate\" [title]=\"label()\">\n {{ label() }}:\n </span>\n\n @if (isRequired()) {\n <span class=\"text-red-500 font-bold text-md ml-1\">*</span>\n }\n\n @if (helpText()) {\n <ngt-helper [helpTitle]=\"helpTitle()\" [iconColor]=\"helpTextColor()\" class=\"ml-1\">\n {{ helpText() }}\n </ngt-helper>\n }\n </label>\n}\n\n<div [class]=\"isShining() ? 'hidden' : 'flex flex-col'\">\n <textarea [class]=\"textareaClasses()\" autocomplete=\"new-password\" [rows]=\"rows()\" [disabled]=\"isDisabledState()\"\n [readonly]=\"isReadonly()\" [placeholder]=\"placeholder()\" (input)=\"onNativeChange()\" (blur)=\"onTouched()\"\n #textareaElement></textarea>\n\n @if (showCharactersLength() && remainingCharacters() !== null) {\n <p class=\"text-xxs mt-1\">\n {{ getTranslation('ngtTextAreaRemainingCharacters') }}:\n <span class=\"font-semibold\">{{ remainingCharacters() }}</span>\n </p>\n }\n</div>\n\n@if (isShining()) {\n <div class=\"flex\">\n <ngt-shining class=\"h-10 w-full\"></ngt-shining>\n </div>\n}\n\n<ng-content></ng-content>\n\n<ngt-validation [control]=\"formControl\" [minLength]=\"minLength()\"></ngt-validation>" }]
|
|
9992
9986
|
}], ctorParameters: () => [{ type: NgtStylizableDirective, decorators: [{
|
|
9993
9987
|
type: Optional
|
|
9994
9988
|
}, {
|
|
@@ -10462,36 +10456,37 @@ class NgtReactiveSelectComponent extends NgtControlValueAccessor {
|
|
|
10462
10456
|
this.helperReverseYPosition = input(false);
|
|
10463
10457
|
this.helperAutoXReverse = input(true);
|
|
10464
10458
|
/** Behavior Inputs */
|
|
10459
|
+
this.remoteResource = input();
|
|
10460
|
+
this.items = input([]);
|
|
10461
|
+
this.bindLabel = input('name');
|
|
10462
|
+
this.bindValue = input();
|
|
10463
|
+
this.inputAttrs = input();
|
|
10464
|
+
this.groupBy = input(null);
|
|
10465
|
+
this.tabIndex = input();
|
|
10466
|
+
this.groupValue = input();
|
|
10467
|
+
this.trackByFn = input();
|
|
10468
|
+
this.isAllowedToRemoveFn = input();
|
|
10469
|
+
this.sortSelectedItemsFn = input();
|
|
10465
10470
|
this.autoLoad = input(false);
|
|
10466
10471
|
this.allowCreate = input(false);
|
|
10467
10472
|
this.allowOriginalItemsUnselect = input(true);
|
|
10468
10473
|
this.isDisabled = input(false);
|
|
10469
10474
|
this.isReadonly = input(false);
|
|
10470
|
-
this.remoteResource = input();
|
|
10471
10475
|
this.hideSelected = input(false);
|
|
10472
|
-
this.bindLabel = input('name');
|
|
10473
|
-
this.bindValue = input();
|
|
10474
|
-
this.items = input([]);
|
|
10475
|
-
this.inputAttrs = input();
|
|
10476
10476
|
this.closeOnSelect = input(true);
|
|
10477
10477
|
this.clearable = input(true);
|
|
10478
|
-
this.groupBy = input(null);
|
|
10479
10478
|
this.multiple = input(false);
|
|
10480
10479
|
this.searchable = input(true);
|
|
10481
10480
|
this.clearSearchOnAdd = input(true);
|
|
10482
10481
|
this.virtualScroll = input(true);
|
|
10483
|
-
this.tabIndex = input();
|
|
10484
10482
|
this.guessCompareWith = input(true);
|
|
10485
10483
|
this.compareWith = input((a, b) => a === b);
|
|
10486
10484
|
this.autoSelectUniqueOption = input(false);
|
|
10487
|
-
this.
|
|
10488
|
-
this.trackByFn = input();
|
|
10489
|
-
this.sortSelectedItemsFn = input();
|
|
10490
|
-
this.isAllowedToRemoveFn = input();
|
|
10485
|
+
this.valueAsArray = input(false);
|
|
10491
10486
|
/** Validation Inputs */
|
|
10492
10487
|
this.maxSelectedItems = input();
|
|
10493
|
-
this.isRequired = input(false);
|
|
10494
10488
|
this.customSyncValidators = input();
|
|
10489
|
+
this.isRequired = input(false);
|
|
10495
10490
|
/** Outputs */
|
|
10496
10491
|
this.onLoadRemoteResource = output();
|
|
10497
10492
|
this.onSelectedItemRemove = output();
|
|
@@ -10570,16 +10565,18 @@ class NgtReactiveSelectComponent extends NgtControlValueAccessor {
|
|
|
10570
10565
|
onNativeChange(value) {
|
|
10571
10566
|
if (this.hasChangesBetweenValues(this.value, value)) {
|
|
10572
10567
|
value = this.sortSelectedItems(value);
|
|
10568
|
+
if (this.valueAsArray() && !Array.isArray(value)) {
|
|
10569
|
+
value = [value];
|
|
10570
|
+
}
|
|
10573
10571
|
this.nativeValue = value;
|
|
10574
10572
|
this.value = value;
|
|
10575
10573
|
}
|
|
10576
10574
|
}
|
|
10577
10575
|
change(value) {
|
|
10578
|
-
if (this.formControl
|
|
10579
|
-
&& this.hasChangesBetweenValues(value, this.formControl.value)) {
|
|
10580
|
-
this.formControl.setValue(value);
|
|
10581
|
-
}
|
|
10582
10576
|
if (this.hasChangesBetweenValues(value, this.nativeValue)) {
|
|
10577
|
+
if (this.valueAsArray() && !Array.isArray(value)) {
|
|
10578
|
+
value = [value];
|
|
10579
|
+
}
|
|
10583
10580
|
this.nativeValue = this.sortSelectedItems(value);
|
|
10584
10581
|
this.changeDetector.detectChanges();
|
|
10585
10582
|
this.ngSelectComponent.writeValue(this.nativeValue);
|
|
@@ -10763,7 +10760,7 @@ class NgtReactiveSelectComponent extends NgtControlValueAccessor {
|
|
|
10763
10760
|
return this.ngSelectComponent.element.parentElement.parentElement.parentElement.title;
|
|
10764
10761
|
}
|
|
10765
10762
|
hasChangesBetweenValues(a, b) {
|
|
10766
|
-
return JSON.stringify(a) !== JSON.stringify(b);
|
|
10763
|
+
return JSON.stringify(a ?? null) !== JSON.stringify(b ?? null);
|
|
10767
10764
|
}
|
|
10768
10765
|
hadPreviousSelection(item) {
|
|
10769
10766
|
const compareWithFn = this.getCompareWith();
|
|
@@ -10777,7 +10774,7 @@ class NgtReactiveSelectComponent extends NgtControlValueAccessor {
|
|
|
10777
10774
|
this.subscriptions = [];
|
|
10778
10775
|
}
|
|
10779
10776
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgtReactiveSelectComponent, deps: [{ token: NgtStylizableDirective, optional: true, self: true }, { token: NgtTranslateService, optional: true }, { token: NgtReactiveFormComponent, optional: true, skipSelf: true }, { token: NgtSectionComponent, optional: true, skipSelf: true }, { token: NgtModalComponent, optional: true, skipSelf: true }, { token: NgtReactiveSelectValidationService }, { token: NgtReactiveSelectSearchService }, { token: NgtReactiveSelectItemsService }, { token: NgtReactiveSelectDropdownService }, { token: NgtReactiveSelectTagManagerService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: NgtReactiveSelectStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10780
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgtReactiveSelectComponent, isStandalone: true, selector: "ngt-reactive-select", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelIcon: { classPropertyName: "labelIcon", publicName: "labelIcon", isSignal: true, isRequired: false, transformFunction: null }, labelIconColor: { classPropertyName: "labelIconColor", publicName: "labelIconColor", isSignal: true, isRequired: false, transformFunction: null }, helpTitle: { classPropertyName: "helpTitle", publicName: "helpTitle", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helpTextColor: { classPropertyName: "helpTextColor", publicName: "helpTextColor", isSignal: true, isRequired: false, transformFunction: null }, shining: { classPropertyName: "shining", publicName: "shining", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, notFoundText: { classPropertyName: "notFoundText", publicName: "notFoundText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, typeToSearchText: { classPropertyName: "typeToSearchText", publicName: "typeToSearchText", isSignal: true, isRequired: false, transformFunction: null }, clearAllTooltip: { classPropertyName: "clearAllTooltip", publicName: "clearAllTooltip", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, createText: { classPropertyName: "createText", publicName: "createText", isSignal: true, isRequired: false, transformFunction: null }, labelForId: { classPropertyName: "labelForId", publicName: "labelForId", isSignal: true, isRequired: false, transformFunction: null }, dropdownPanelMinHeight: { classPropertyName: "dropdownPanelMinHeight", publicName: "dropdownPanelMinHeight", isSignal: true, isRequired: false, transformFunction: null }, helperReverseYPosition: { classPropertyName: "helperReverseYPosition", publicName: "helperReverseYPosition", isSignal: true, isRequired: false, transformFunction: null }, helperAutoXReverse: { classPropertyName: "helperAutoXReverse", publicName: "helperAutoXReverse", isSignal: true, isRequired: false, transformFunction: null },
|
|
10777
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgtReactiveSelectComponent, isStandalone: true, selector: "ngt-reactive-select", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelIcon: { classPropertyName: "labelIcon", publicName: "labelIcon", isSignal: true, isRequired: false, transformFunction: null }, labelIconColor: { classPropertyName: "labelIconColor", publicName: "labelIconColor", isSignal: true, isRequired: false, transformFunction: null }, helpTitle: { classPropertyName: "helpTitle", publicName: "helpTitle", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helpTextColor: { classPropertyName: "helpTextColor", publicName: "helpTextColor", isSignal: true, isRequired: false, transformFunction: null }, shining: { classPropertyName: "shining", publicName: "shining", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, notFoundText: { classPropertyName: "notFoundText", publicName: "notFoundText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, typeToSearchText: { classPropertyName: "typeToSearchText", publicName: "typeToSearchText", isSignal: true, isRequired: false, transformFunction: null }, clearAllTooltip: { classPropertyName: "clearAllTooltip", publicName: "clearAllTooltip", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, createText: { classPropertyName: "createText", publicName: "createText", isSignal: true, isRequired: false, transformFunction: null }, labelForId: { classPropertyName: "labelForId", publicName: "labelForId", isSignal: true, isRequired: false, transformFunction: null }, dropdownPanelMinHeight: { classPropertyName: "dropdownPanelMinHeight", publicName: "dropdownPanelMinHeight", isSignal: true, isRequired: false, transformFunction: null }, helperReverseYPosition: { classPropertyName: "helperReverseYPosition", publicName: "helperReverseYPosition", isSignal: true, isRequired: false, transformFunction: null }, helperAutoXReverse: { classPropertyName: "helperAutoXReverse", publicName: "helperAutoXReverse", isSignal: true, isRequired: false, transformFunction: null }, remoteResource: { classPropertyName: "remoteResource", publicName: "remoteResource", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, inputAttrs: { classPropertyName: "inputAttrs", publicName: "inputAttrs", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, groupValue: { classPropertyName: "groupValue", publicName: "groupValue", isSignal: true, isRequired: false, transformFunction: null }, trackByFn: { classPropertyName: "trackByFn", publicName: "trackByFn", isSignal: true, isRequired: false, transformFunction: null }, isAllowedToRemoveFn: { classPropertyName: "isAllowedToRemoveFn", publicName: "isAllowedToRemoveFn", isSignal: true, isRequired: false, transformFunction: null }, sortSelectedItemsFn: { classPropertyName: "sortSelectedItemsFn", publicName: "sortSelectedItemsFn", isSignal: true, isRequired: false, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, allowCreate: { classPropertyName: "allowCreate", publicName: "allowCreate", isSignal: true, isRequired: false, transformFunction: null }, allowOriginalItemsUnselect: { classPropertyName: "allowOriginalItemsUnselect", publicName: "allowOriginalItemsUnselect", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, hideSelected: { classPropertyName: "hideSelected", publicName: "hideSelected", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, clearSearchOnAdd: { classPropertyName: "clearSearchOnAdd", publicName: "clearSearchOnAdd", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, guessCompareWith: { classPropertyName: "guessCompareWith", publicName: "guessCompareWith", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, autoSelectUniqueOption: { classPropertyName: "autoSelectUniqueOption", publicName: "autoSelectUniqueOption", isSignal: true, isRequired: false, transformFunction: null }, valueAsArray: { classPropertyName: "valueAsArray", publicName: "valueAsArray", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, customSyncValidators: { classPropertyName: "customSyncValidators", publicName: "customSyncValidators", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLoadRemoteResource: "onLoadRemoteResource", onSelectedItemRemove: "onSelectedItemRemove", onClear: "onClear", onClose: "onClose", onValueChange: "onValueChange" }, providers: [
|
|
10781
10778
|
NgtValueAccessorProvider(NgtReactiveSelectComponent),
|
|
10782
10779
|
NgtReactiveSelectValidationService,
|
|
10783
10780
|
NgtReactiveSelectSearchService,
|
|
@@ -10842,6 +10839,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
10842
10839
|
args: [NgtReactiveSelectHeaderTemplate, { read: TemplateRef }]
|
|
10843
10840
|
}] } });
|
|
10844
10841
|
|
|
10842
|
+
class NgtReactiveSelectModule {
|
|
10843
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgtReactiveSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10844
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: NgtReactiveSelectModule, imports: [NgtReactiveSelectComponent,
|
|
10845
|
+
NgtReactiveSelectOptionTemplate,
|
|
10846
|
+
NgtReactiveSelectOptionSelectedTemplate,
|
|
10847
|
+
NgtReactiveSelectHeaderTemplate], exports: [NgtReactiveSelectComponent,
|
|
10848
|
+
NgtReactiveSelectOptionTemplate,
|
|
10849
|
+
NgtReactiveSelectOptionSelectedTemplate,
|
|
10850
|
+
NgtReactiveSelectHeaderTemplate] }); }
|
|
10851
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgtReactiveSelectModule, imports: [NgtReactiveSelectComponent] }); }
|
|
10852
|
+
}
|
|
10853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgtReactiveSelectModule, decorators: [{
|
|
10854
|
+
type: NgModule,
|
|
10855
|
+
args: [{
|
|
10856
|
+
imports: [
|
|
10857
|
+
NgtReactiveSelectComponent,
|
|
10858
|
+
NgtReactiveSelectOptionTemplate,
|
|
10859
|
+
NgtReactiveSelectOptionSelectedTemplate,
|
|
10860
|
+
NgtReactiveSelectHeaderTemplate,
|
|
10861
|
+
],
|
|
10862
|
+
exports: [
|
|
10863
|
+
NgtReactiveSelectComponent,
|
|
10864
|
+
NgtReactiveSelectOptionTemplate,
|
|
10865
|
+
NgtReactiveSelectOptionSelectedTemplate,
|
|
10866
|
+
NgtReactiveSelectHeaderTemplate,
|
|
10867
|
+
],
|
|
10868
|
+
}]
|
|
10869
|
+
}] });
|
|
10870
|
+
|
|
10845
10871
|
class NgtReactiveDateFormatterService {
|
|
10846
10872
|
formatToDisplay(value, enableTime, dateFormat, placeholder) {
|
|
10847
10873
|
if (!value) {
|
|
@@ -11280,7 +11306,6 @@ class NgtReactiveCheckboxComponent extends NgtControlValueAccessor {
|
|
|
11280
11306
|
this.formControl = this.getControl();
|
|
11281
11307
|
}
|
|
11282
11308
|
change(value) {
|
|
11283
|
-
this.onValueChange.emit(value);
|
|
11284
11309
|
if (this.hasChangeBetweenValues()) {
|
|
11285
11310
|
this.setNativeValue(value);
|
|
11286
11311
|
}
|
|
@@ -11288,7 +11313,7 @@ class NgtReactiveCheckboxComponent extends NgtControlValueAccessor {
|
|
|
11288
11313
|
onNativeChange() {
|
|
11289
11314
|
if (this.hasChangeBetweenValues()) {
|
|
11290
11315
|
this.value = this.getNativeValue();
|
|
11291
|
-
this.
|
|
11316
|
+
this.onValueChange.emit(this.value);
|
|
11292
11317
|
}
|
|
11293
11318
|
}
|
|
11294
11319
|
setupNgtStylizable() {
|
|
@@ -11414,6 +11439,7 @@ class NgtReactiveRadioButtonComponent extends NgtControlValueAccessor {
|
|
|
11414
11439
|
this.helperReverseYPosition = input(false);
|
|
11415
11440
|
this.helperAutoXReverse = input(true);
|
|
11416
11441
|
/** Behavior Inputs */
|
|
11442
|
+
this.id = input();
|
|
11417
11443
|
this.isSelectable = input(true);
|
|
11418
11444
|
this.isDisabled = input(false);
|
|
11419
11445
|
/** Outputs */
|
|
@@ -11526,7 +11552,7 @@ class NgtReactiveRadioButtonComponent extends NgtControlValueAccessor {
|
|
|
11526
11552
|
this.subscriptions = [];
|
|
11527
11553
|
}
|
|
11528
11554
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgtReactiveRadioButtonComponent, deps: [{ token: NgtStylizableDirective, optional: true, self: true }, { token: NgtReactiveFormComponent, optional: true, skipSelf: true }, { token: NgtSectionComponent, optional: true, skipSelf: true }, { token: NgtModalComponent, optional: true, skipSelf: true }, { token: NgtReactiveRadioButtonContainerComponent, optional: true, skipSelf: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11529
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgtReactiveRadioButtonComponent, isStandalone: true, selector: "ngt-reactive-radio-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, shining: { classPropertyName: "shining", publicName: "shining", isSignal: true, isRequired: false, transformFunction: null }, selectedHexColor: { classPropertyName: "selectedHexColor", publicName: "selectedHexColor", isSignal: true, isRequired: false, transformFunction: null }, helpTitle: { classPropertyName: "helpTitle", publicName: "helpTitle", isSignal: true, isRequired: false, transformFunction: null }, helpTextColor: { classPropertyName: "helpTextColor", publicName: "helpTextColor", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helperReverseYPosition: { classPropertyName: "helperReverseYPosition", publicName: "helperReverseYPosition", isSignal: true, isRequired: false, transformFunction: null }, helperAutoXReverse: { classPropertyName: "helperAutoXReverse", publicName: "helperAutoXReverse", isSignal: true, isRequired: false, transformFunction: null }, isSelectable: { classPropertyName: "isSelectable", publicName: "isSelectable", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [
|
|
11555
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgtReactiveRadioButtonComponent, isStandalone: true, selector: "ngt-reactive-radio-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, shining: { classPropertyName: "shining", publicName: "shining", isSignal: true, isRequired: false, transformFunction: null }, selectedHexColor: { classPropertyName: "selectedHexColor", publicName: "selectedHexColor", isSignal: true, isRequired: false, transformFunction: null }, helpTitle: { classPropertyName: "helpTitle", publicName: "helpTitle", isSignal: true, isRequired: false, transformFunction: null }, helpTextColor: { classPropertyName: "helpTextColor", publicName: "helpTextColor", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helperReverseYPosition: { classPropertyName: "helperReverseYPosition", publicName: "helperReverseYPosition", isSignal: true, isRequired: false, transformFunction: null }, helperAutoXReverse: { classPropertyName: "helperAutoXReverse", publicName: "helperAutoXReverse", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, isSelectable: { classPropertyName: "isSelectable", publicName: "isSelectable", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [
|
|
11530
11556
|
NgtValueAccessorProvider(NgtReactiveRadioButtonComponent),
|
|
11531
11557
|
], viewQueries: [{ propertyName: "radioBtnElement", first: true, predicate: ["radioBtnElement"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label [class]=\"labelClasses()\">\n <input class=\"hidden\" type=\"radio\" [disabled]='isDisabledState() || !isSelectable()' (change)=\"onNativeChange()\"\n #radioBtnElement>\n\n <div [class]=\"radioClasses()\" [style]=\"radioStyle()\">\n <div style=\"width: 14px; height: 14px;\">\n @if (currentValue()) {\n <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 29.107 29.107\">\n <path\n d=\"M14.554 0C6.561 0 0 6.562 0 14.552c0 7.996 6.561 14.555 14.554 14.555 7.996 0 14.553-6.559 14.553-14.555C29.106 6.562 22.55 0 14.554 0z\" />\n </svg>\n }\n </div>\n </div>\n\n @if (label() && !isShining()) {\n <span class=\"text-xs ml-2\" [class.line-through]='!isSelectable()'>\n {{ label() }}\n </span>\n }\n\n @if (helpText()) {\n <ngt-helper class=\"ml-1\" [helpTitle]=\"helpTitle()\" [iconColor]=\"helpTextColor()\"\n [autoXReverse]=\"helperAutoXReverse()\" [helperReverseYPosition]=\"helperReverseYPosition()\">\n {{ helpText() }}\n </ngt-helper>\n }\n</label>\n\n@if (isShining()) {\n <div class=\"flex\">\n <ngt-shining class=\"w-16 h-12\"></ngt-shining>\n </div>\n}", styles: ["label{margin-bottom:unset!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NgtShiningModule }, { kind: "component", type: NgtShiningComponent, selector: "ngt-shining", inputs: ["shiningWidth"] }, { kind: "ngmodule", type: NgtSvgModule }, { kind: "component", type: NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11532
11558
|
}
|
|
@@ -11943,6 +11969,7 @@ class NgtReactiveDropzoneComponent extends NgtControlValueAccessor {
|
|
|
11943
11969
|
if (this.hasChangesBetweenValues(this.value, this.stateService.nativeValue())) {
|
|
11944
11970
|
this.onTouched();
|
|
11945
11971
|
this.value = this.stateService.nativeValue();
|
|
11972
|
+
this.onValueChange.emit(value);
|
|
11946
11973
|
}
|
|
11947
11974
|
}
|
|
11948
11975
|
change(value) {
|
|
@@ -11951,11 +11978,6 @@ class NgtReactiveDropzoneComponent extends NgtControlValueAccessor {
|
|
|
11951
11978
|
if (this.hasChangesBetweenValues(this.value, this.stateService.nativeValue())) {
|
|
11952
11979
|
this.onNativeChange(value);
|
|
11953
11980
|
}
|
|
11954
|
-
if (this.formControl
|
|
11955
|
-
&& this.hasChangesBetweenValues(this.value, this.formControl.value)) {
|
|
11956
|
-
this.formControl.setValue(value);
|
|
11957
|
-
this.onValueChange.emit(value);
|
|
11958
|
-
}
|
|
11959
11981
|
if (this.stateService.componentReady()) {
|
|
11960
11982
|
this.loadFilePreview(value);
|
|
11961
11983
|
}
|
|
@@ -12062,7 +12084,7 @@ class NgtReactiveDropzoneComponent extends NgtControlValueAccessor {
|
|
|
12062
12084
|
}
|
|
12063
12085
|
}
|
|
12064
12086
|
hasChangesBetweenValues(a, b) {
|
|
12065
|
-
return JSON.stringify(a) !== JSON.stringify(b);
|
|
12087
|
+
return JSON.stringify(a ?? null) !== JSON.stringify(b ?? null);
|
|
12066
12088
|
}
|
|
12067
12089
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgtReactiveDropzoneComponent, deps: [{ token: NgtReactiveFormComponent, optional: true, skipSelf: true }, { token: NgtSectionComponent, optional: true, skipSelf: true }, { token: NgtModalComponent, optional: true, skipSelf: true }, { token: NgtReactiveDropzoneValidationService }, { token: NgtReactiveDropzoneFileService }, { token: NgtReactiveDropzoneErrorService }, { token: NgtReactiveDropzoneViewerService }, { token: NgtReactiveDropzoneStateService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12068
12090
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgtReactiveDropzoneComponent, isStandalone: true, selector: "ngt-reactive-dropzone", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, helpTextColor: { classPropertyName: "helpTextColor", publicName: "helpTextColor", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helpTitle: { classPropertyName: "helpTitle", publicName: "helpTitle", isSignal: true, isRequired: false, transformFunction: null }, resources: { classPropertyName: "resources", publicName: "resources", isSignal: true, isRequired: false, transformFunction: null }, multipleSelection: { classPropertyName: "multipleSelection", publicName: "multipleSelection", isSignal: true, isRequired: false, transformFunction: null }, itemsLimit: { classPropertyName: "itemsLimit", publicName: "itemsLimit", isSignal: true, isRequired: false, transformFunction: null }, showFileName: { classPropertyName: "showFileName", publicName: "showFileName", isSignal: true, isRequired: false, transformFunction: null }, disableClick: { classPropertyName: "disableClick", publicName: "disableClick", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, canDownloadFile: { classPropertyName: "canDownloadFile", publicName: "canDownloadFile", isSignal: true, isRequired: false, transformFunction: null }, verticalExpandable: { classPropertyName: "verticalExpandable", publicName: "verticalExpandable", isSignal: true, isRequired: false, transformFunction: null }, hideNgxDropzone: { classPropertyName: "hideNgxDropzone", publicName: "hideNgxDropzone", isSignal: true, isRequired: false, transformFunction: null }, acceptedFiles: { classPropertyName: "acceptedFiles", publicName: "acceptedFiles", isSignal: true, isRequired: false, transformFunction: null }, unacceptedFiles: { classPropertyName: "unacceptedFiles", publicName: "unacceptedFiles", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, previewType: { classPropertyName: "previewType", publicName: "previewType", isSignal: true, isRequired: false, transformFunction: null }, remoteResource: { classPropertyName: "remoteResource", publicName: "remoteResource", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, customSyncValidators: { classPropertyName: "customSyncValidators", publicName: "customSyncValidators", isSignal: true, isRequired: false, transformFunction: null }, customAsyncValidators: { classPropertyName: "customAsyncValidators", publicName: "customAsyncValidators", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFileSelected: "onFileSelected", onFileSelectError: "onFileSelectError", onFileUploadFail: "onFileUploadFail", onFileRemoved: "onFileRemoved", onFileUploadInit: "onFileUploadInit", onFileUploaded: "onFileUploaded", onFilePreviewLoaded: "onFilePreviewLoaded", onValueChange: "onValueChange" }, providers: [
|
|
@@ -12223,5 +12245,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
12223
12245
|
* Generated bundle index. Do not edit.
|
|
12224
12246
|
*/
|
|
12225
12247
|
|
|
12226
|
-
export { NgtAbilityValidationService, NgtActionComponent, NgtActionModule, NgtAttachmentHttpService, NgtButtonComponent, NgtButtonModule, NgtCheckboxComponent, NgtCheckboxMode, NgtCheckboxModule, NgtCheckedElement, NgtContentComponent, NgtContentModule, NgtContextMenuComponent, NgtContextMenuDirective, NgtContextMenuModule, NgtCustomFilter, NgtDatatableComponent, NgtDatatableModule, NgtDatatableParam, NgtDatatableSearchType, NgtDatatableType, NgtDateComponent, NgtDateLocale, NgtDateMode, NgtDateModule, NgtDropdownComponent, NgtDropdownContainerComponent, NgtDropdownOpenMethod, NgtDropzoneComponent, NgtDropzoneErrorType, NgtDropzoneFileTypeEnum, NgtDropzoneModule, NgtDropzonePreviewType, NgtFloatingButtonComponent, NgtFloatingButtonModule, NgtFloatingButtonType, NgtFormComponent, NgtFormModule, NgtFormState, NgtFormValidationMessageComponent, NgtHeaderNavComponent, NgtHeaderNavModule, NgtHelperComponent, NgtHttpFormService, NgtHttpResourceService, NgtHttpService, NgtHttpValidationService, NgtInputComponent, NgtInputModule, NgtModalBodyComponent, NgtModalComponent, NgtModalFooterComponent, NgtModalHeaderComponent, NgtModalModule, NgtMultiSelectComponent, NgtMultiSelectModule, NgtPaginationComponent, NgtPaginationModule, NgtPopoverComponent, NgtPopoverDirective, NgtPopoverModule, NgtPopoverOpenMethod, NgtPortletBodyComponent, NgtPortletComponent, NgtPortletFooterComponent, NgtPortletHeaderComponent, NgtPortletModule, NgtRadioButtonComponent, NgtRadioButtonContainerComponent, NgtRadioButtonModule, NgtReactFormState, NgtReactSelectDropdownPanelHeight, NgtReactiveCheckboxComponent, NgtReactiveCheckboxMode, NgtReactiveDateComponent, NgtReactiveDateLocale, NgtReactiveDateMode, NgtReactiveDropzoneComponent, NgtReactiveFormComponent, NgtReactiveInputComponent, NgtReactiveRadioButtonComponent, NgtReactiveRadioButtonContainerComponent, NgtReactiveSelectComponent, NgtReactiveSelectHeaderTemplate, NgtReactiveSelectOptionSelectedTemplate, NgtReactiveSelectOptionTemplate, NgtReactiveSliderColorSchemeEnum, NgtReactiveSliderComponent, NgtReactiveTextareaComponent, NgtSectionComponent, NgtSectionModule, NgtSelectComponent, NgtSelectDropdownPanelHeight, NgtSelectHeaderTmp, NgtSelectModule, NgtSelectOptionSelectedTmp, NgtSelectOptionTmp, NgtShiningComponent, NgtShiningModule, NgtShiningWidth, NgtSidenavComponent, NgtSidenavModule, NgtSliderColorSchemeEnum, NgtSliderComponent, NgtSliderModule, NgtStylizableDirective, NgtStylizableModule, NgtSvgComponent, NgtSvgModule, NgtTagComponent, NgtTagModule, NgtTbodyComponent, NgtTdCheckComponent, NgtTdComponent, NgtTextareaComponent, NgtTextareaModule, NgtThCheckComponent, NgtThComponent, NgtTheadComponent, NgtTrComponent, NgtTranslateService, Size, fadeDownAnimation, fadeUpAnimation, slideLeftToRightAnimation, slideRightToLeftAnimation };
|
|
12248
|
+
export { NgtAbilityValidationService, NgtActionComponent, NgtActionModule, NgtAttachmentHttpService, NgtButtonComponent, NgtButtonModule, NgtCheckboxComponent, NgtCheckboxMode, NgtCheckboxModule, NgtCheckedElement, NgtContentComponent, NgtContentModule, NgtContextMenuComponent, NgtContextMenuDirective, NgtContextMenuModule, NgtCustomFilter, NgtDatatableComponent, NgtDatatableModule, NgtDatatableParam, NgtDatatableSearchType, NgtDatatableType, NgtDateComponent, NgtDateLocale, NgtDateMode, NgtDateModule, NgtDropdownComponent, NgtDropdownContainerComponent, NgtDropdownOpenMethod, NgtDropzoneComponent, NgtDropzoneErrorType, NgtDropzoneFileTypeEnum, NgtDropzoneModule, NgtDropzonePreviewType, NgtFloatingButtonComponent, NgtFloatingButtonModule, NgtFloatingButtonType, NgtFormComponent, NgtFormModule, NgtFormState, NgtFormValidationMessageComponent, NgtHeaderNavComponent, NgtHeaderNavModule, NgtHelperComponent, NgtHttpFormService, NgtHttpResourceService, NgtHttpService, NgtHttpValidationService, NgtInputComponent, NgtInputModule, NgtModalBodyComponent, NgtModalComponent, NgtModalFooterComponent, NgtModalHeaderComponent, NgtModalModule, NgtMultiSelectComponent, NgtMultiSelectModule, NgtPaginationComponent, NgtPaginationModule, NgtPopoverComponent, NgtPopoverDirective, NgtPopoverModule, NgtPopoverOpenMethod, NgtPortletBodyComponent, NgtPortletComponent, NgtPortletFooterComponent, NgtPortletHeaderComponent, NgtPortletModule, NgtRadioButtonComponent, NgtRadioButtonContainerComponent, NgtRadioButtonModule, NgtReactFormState, NgtReactSelectDropdownPanelHeight, NgtReactiveCheckboxComponent, NgtReactiveCheckboxMode, NgtReactiveDateComponent, NgtReactiveDateLocale, NgtReactiveDateMode, NgtReactiveDropzoneComponent, NgtReactiveFormComponent, NgtReactiveInputComponent, NgtReactiveRadioButtonComponent, NgtReactiveRadioButtonContainerComponent, NgtReactiveSelectComponent, NgtReactiveSelectHeaderTemplate, NgtReactiveSelectModule, NgtReactiveSelectOptionSelectedTemplate, NgtReactiveSelectOptionTemplate, NgtReactiveSliderColorSchemeEnum, NgtReactiveSliderComponent, NgtReactiveTextareaComponent, NgtSectionComponent, NgtSectionModule, NgtSelectComponent, NgtSelectDropdownPanelHeight, NgtSelectHeaderTmp, NgtSelectModule, NgtSelectOptionSelectedTmp, NgtSelectOptionTmp, NgtShiningComponent, NgtShiningModule, NgtShiningWidth, NgtSidenavComponent, NgtSidenavModule, NgtSliderColorSchemeEnum, NgtSliderComponent, NgtSliderModule, NgtStylizableDirective, NgtStylizableModule, NgtSvgComponent, NgtSvgModule, NgtTagComponent, NgtTagModule, NgtTbodyComponent, NgtTdCheckComponent, NgtTdComponent, NgtTextareaComponent, NgtTextareaModule, NgtThCheckComponent, NgtThComponent, NgtTheadComponent, NgtTrComponent, NgtTranslateService, Size, fadeDownAnimation, fadeUpAnimation, slideLeftToRightAnimation, slideRightToLeftAnimation };
|
|
12227
12249
|
//# sourceMappingURL=ng-tailwind.mjs.map
|