coer-elements 2.0.83 → 2.0.85
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/lib/coer-datebox/coer-datebox.component.d.ts +1 -1
- package/components/lib/coer-grid/coer-grid-cell/coer-grid-cell.component.d.ts +2 -2
- package/components/lib/coer-modal/coer-modal.component.d.ts +1 -1
- package/components/lib/coer-numberbox/coer-numberbox.component.d.ts +1 -1
- package/components/lib/coer-secretbox/coer-secretbox.component.d.ts +1 -1
- package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
- package/components/lib/coer-textbox/coer-textbox.component.d.ts +1 -1
- package/fesm2022/coer-elements-components.mjs +20 -20
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-tools.mjs +6 -0
- package/fesm2022/coer-elements-tools.mjs.map +1 -1
- package/interfaces/lib/coer-grid/grid-column.interface.d.ts +6 -6
- package/package.json +1 -1
- package/tools/lib/tools.d.ts +2 -0
|
@@ -22,7 +22,7 @@ export declare class CoerDateBox extends ControlValue implements AfterViewInit,
|
|
|
22
22
|
value: import("@angular/core").InputSignal<string | Date | null | undefined>;
|
|
23
23
|
label: import("@angular/core").InputSignal<string>;
|
|
24
24
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
25
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
25
|
+
textPosition: import("@angular/core").InputSignal<"center" | "left" | "right">;
|
|
26
26
|
isWritable: import("@angular/core").InputSignal<boolean>;
|
|
27
27
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
28
28
|
isValid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -26,9 +26,9 @@ export declare class CoerGridCell<T> {
|
|
|
26
26
|
/** */
|
|
27
27
|
protected _GetCellValue: import("@angular/core").Signal<string>;
|
|
28
28
|
/** */
|
|
29
|
-
protected _GetTextAlignX: import("@angular/core").Signal<"
|
|
29
|
+
protected _GetTextAlignX: import("@angular/core").Signal<"flex-start" | "center" | "flex-end">;
|
|
30
30
|
/** */
|
|
31
|
-
protected _GetTextAlignY: import("@angular/core").Signal<"
|
|
31
|
+
protected _GetTextAlignY: import("@angular/core").Signal<"flex-start" | "center" | "flex-end">;
|
|
32
32
|
/** */
|
|
33
33
|
protected _GetTextBreak: import("@angular/core").Signal<"break-word" | "keep-all">;
|
|
34
34
|
/** */
|
|
@@ -16,7 +16,7 @@ export declare class CoerModal implements AfterViewInit {
|
|
|
16
16
|
width: import("@angular/core").InputSignal<"auto" | "small" | "full">;
|
|
17
17
|
height: import("@angular/core").InputSignal<string>;
|
|
18
18
|
maxHeight: import("@angular/core").InputSignal<string>;
|
|
19
|
-
verticalPosition: import("@angular/core").InputSignal<"top" | "
|
|
19
|
+
verticalPosition: import("@angular/core").InputSignal<"top" | "middle" | "bottom">;
|
|
20
20
|
onOpen: import("@angular/core").OutputEmitterRef<void>;
|
|
21
21
|
onClose: import("@angular/core").OutputEmitterRef<void>;
|
|
22
22
|
protected IsNull: (value: any) => boolean;
|
|
@@ -16,7 +16,7 @@ export declare class CoerNumberBox extends ControlValue implements AfterViewInit
|
|
|
16
16
|
value: import("@angular/core").InputSignal<string | number | null | undefined>;
|
|
17
17
|
label: import("@angular/core").InputSignal<string>;
|
|
18
18
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
19
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
19
|
+
textPosition: import("@angular/core").InputSignal<"center" | "left" | "right">;
|
|
20
20
|
min: import("@angular/core").InputSignal<number>;
|
|
21
21
|
max: import("@angular/core").InputSignal<number>;
|
|
22
22
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -17,7 +17,7 @@ export declare class CoerSecretBox extends ControlValue implements AfterViewInit
|
|
|
17
17
|
value: import("@angular/core").InputSignal<string | number | null | undefined>;
|
|
18
18
|
label: import("@angular/core").InputSignal<string>;
|
|
19
19
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
20
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
20
|
+
textPosition: import("@angular/core").InputSignal<"center" | "left" | "right">;
|
|
21
21
|
minLength: import("@angular/core").InputSignal<string | number>;
|
|
22
22
|
maxLength: import("@angular/core").InputSignal<string | number>;
|
|
23
23
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -12,7 +12,7 @@ export declare class CoerTextarea extends ControlValue implements AfterViewInit,
|
|
|
12
12
|
value: import("@angular/core").InputSignal<string | number | null | undefined>;
|
|
13
13
|
label: import("@angular/core").InputSignal<string>;
|
|
14
14
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
15
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
15
|
+
textPosition: import("@angular/core").InputSignal<"center" | "left" | "right">;
|
|
16
16
|
minLength: import("@angular/core").InputSignal<string | number>;
|
|
17
17
|
maxLength: import("@angular/core").InputSignal<string | number>;
|
|
18
18
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -16,7 +16,7 @@ export declare class CoerTextBox extends ControlValue implements AfterViewInit,
|
|
|
16
16
|
value: import("@angular/core").InputSignal<string | number | null | undefined>;
|
|
17
17
|
label: import("@angular/core").InputSignal<string>;
|
|
18
18
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
19
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
19
|
+
textPosition: import("@angular/core").InputSignal<"center" | "left" | "right">;
|
|
20
20
|
minLength: import("@angular/core").InputSignal<string | number>;
|
|
21
21
|
maxLength: import("@angular/core").InputSignal<string | number>;
|
|
22
22
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -845,12 +845,12 @@ class CoerFileboxImage {
|
|
|
845
845
|
this._isEnable = computed(() => {
|
|
846
846
|
return !this._isLoading()
|
|
847
847
|
&& !this.isDisabled()
|
|
848
|
+
&& !this.isReadonly()
|
|
848
849
|
&& !this.isInvisible();
|
|
849
850
|
});
|
|
850
851
|
//computed
|
|
851
852
|
this._showTrashButton = computed(() => {
|
|
852
|
-
return
|
|
853
|
-
&& this._isEnable()
|
|
853
|
+
return this._isEnable()
|
|
854
854
|
&& this.IsNotNull(this._image())
|
|
855
855
|
&& this.IsNotNull(this._image().value)
|
|
856
856
|
&& this.IsNotOnlyWhiteSpace(this._base64())
|
|
@@ -935,11 +935,11 @@ class CoerFileboxImage {
|
|
|
935
935
|
this._modal().Open();
|
|
936
936
|
}
|
|
937
937
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerFileboxImage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
938
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerFileboxImage, isStandalone: false, selector: "coer-filebox-image", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onDeleteImage: "onDeleteImage" }, viewQueries: [{ propertyName: "_input", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "_modal", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-filebox-image\"> \r\n <figure (click)=\"
|
|
938
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerFileboxImage, isStandalone: false, selector: "coer-filebox-image", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", 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 }, isInvisible: { classPropertyName: "isInvisible", publicName: "isInvisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onDeleteImage: "onDeleteImage" }, viewQueries: [{ propertyName: "_input", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "_modal", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-filebox-image\"> \r\n <figure (click)=\"_isEnable() ? _ClickImage(input) : null\" \r\n [ngClass]=\"{ \r\n 'cursor-pointer' : _isEnable(),\r\n 'dashed' : _figureDashed(),\r\n 'display-none' : isInvisible()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width' : _image()?.width || '40px',\r\n 'min-width' : _image()?.maxWidth || '40px',\r\n 'max-width' : _image()?.maxWidth || '',\r\n 'height' : _image()?.height || '40px',\r\n 'min-height' : _image()?.maxHeight || '40px',\r\n 'max-height' : _image()?.maxHeight || '',\r\n 'margin-top' : _image()?.marginTop || '0px',\r\n 'margin-right' : _image()?.marginRight || '0px',\r\n 'margin-bottom': _image()?.marginBottom || '0px',\r\n 'margin-left' : _image()?.marginLeft || '0px',\r\n }\"> \r\n \r\n <div class=\"img\" [ngStyle]=\"{ 'background-image': 'url(' + (_base64() | noImage:image()?.noImage || 'IMAGE') + ')' }\"></div>\r\n \r\n <input #input\r\n type=\"file\"\r\n [accept]=\"_accept\"\r\n (change)=\"_SelectImages($event)\"\r\n (cancel)=\"_isLoadingInner.set(false)\"\r\n [multiple]=\"multiple()\">\r\n \r\n @if(_showTrashButton() || _showExpandButton()) {\r\n <div class=\"icon-container\">\r\n @if(_showTrashButton()) {\r\n <i class=\"icon-trash-can icon-fill\" (click)=\"_DeleteImage($event)\"></i>\r\n }\r\n \r\n @if(_showExpandButton()) {\r\n <i class=\"icon-expand\" (click)=\"_ExpandImage($event)\"></i>\r\n }\r\n </div>\r\n } \r\n\r\n <!-- Loading / Empty -->\r\n @if(_isLoading()) {\r\n <div class=\"loading\">\r\n <div class=\"loading-content\">\r\n <i class=\"icon-circle-notch animation-spin text-primary\"></i> \r\n </div>\r\n </div> \r\n } \r\n </figure>\r\n \r\n <!-- Modal -->\r\n <coer-modal #modal [title]=\"_image()?.name || ''\" height=\"90vh\" width=\"full\">\r\n <div class=\"modal-image\" [ngStyle]=\"{ 'background-image': 'url(' + _base64() + ')' }\"></div>\r\n </coer-modal>\r\n</div> ", styles: ["div.coer-filebox-image figure{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:3px!important;overflow:hidden!important}div.coer-filebox-image figure div.img{width:100%!important;height:100%!important;min-width:inherit!important;min-height:inherit!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}div.coer-filebox-image figure div.icon-container{position:absolute;bottom:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px}div.coer-filebox-image figure div.icon-container i{color:var(--gray);font-size:20px;position:relative}div.coer-filebox-image figure div.icon-container i:hover{zoom:1.1}div.coer-filebox-image figure div.loading{position:absolute!important;inset:0!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:center!important}div.coer-filebox-image figure div.loading div.loading-content{display:inherit!important;justify-content:inherit!important;align-items:inherit!important;font-size:30px!important;color:var(--gray)!important}div.coer-filebox-image figure div.loading div.loading-content::selection,div.coer-filebox-image figure div.loading div.empty-data-content::selection{background-color:transparent!important}div.coer-filebox-image .dashed{border:1px dashed var(--gray)!important;background-color:transparent!important}div.coer-filebox-image div.modal-image{width:100%;height:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-size:contain;background-repeat:no-repeat;background-position:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoerModal, selector: "coer-modal", inputs: ["id", "title", "icon", "showCloseButton", "width", "height", "maxHeight", "verticalPosition"], outputs: ["onOpen", "onClose"] }, { kind: "pipe", type: i5.NoImagePipe, name: "noImage" }] }); }
|
|
939
939
|
}
|
|
940
940
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerFileboxImage, decorators: [{
|
|
941
941
|
type: Component,
|
|
942
|
-
args: [{ selector: 'coer-filebox-image', standalone: false, template: "<div class=\"coer-filebox-image\"> \r\n <figure (click)=\"
|
|
942
|
+
args: [{ selector: 'coer-filebox-image', standalone: false, template: "<div class=\"coer-filebox-image\"> \r\n <figure (click)=\"_isEnable() ? _ClickImage(input) : null\" \r\n [ngClass]=\"{ \r\n 'cursor-pointer' : _isEnable(),\r\n 'dashed' : _figureDashed(),\r\n 'display-none' : isInvisible()\r\n }\"\r\n [ngStyle]=\"{\r\n 'width' : _image()?.width || '40px',\r\n 'min-width' : _image()?.maxWidth || '40px',\r\n 'max-width' : _image()?.maxWidth || '',\r\n 'height' : _image()?.height || '40px',\r\n 'min-height' : _image()?.maxHeight || '40px',\r\n 'max-height' : _image()?.maxHeight || '',\r\n 'margin-top' : _image()?.marginTop || '0px',\r\n 'margin-right' : _image()?.marginRight || '0px',\r\n 'margin-bottom': _image()?.marginBottom || '0px',\r\n 'margin-left' : _image()?.marginLeft || '0px',\r\n }\"> \r\n \r\n <div class=\"img\" [ngStyle]=\"{ 'background-image': 'url(' + (_base64() | noImage:image()?.noImage || 'IMAGE') + ')' }\"></div>\r\n \r\n <input #input\r\n type=\"file\"\r\n [accept]=\"_accept\"\r\n (change)=\"_SelectImages($event)\"\r\n (cancel)=\"_isLoadingInner.set(false)\"\r\n [multiple]=\"multiple()\">\r\n \r\n @if(_showTrashButton() || _showExpandButton()) {\r\n <div class=\"icon-container\">\r\n @if(_showTrashButton()) {\r\n <i class=\"icon-trash-can icon-fill\" (click)=\"_DeleteImage($event)\"></i>\r\n }\r\n \r\n @if(_showExpandButton()) {\r\n <i class=\"icon-expand\" (click)=\"_ExpandImage($event)\"></i>\r\n }\r\n </div>\r\n } \r\n\r\n <!-- Loading / Empty -->\r\n @if(_isLoading()) {\r\n <div class=\"loading\">\r\n <div class=\"loading-content\">\r\n <i class=\"icon-circle-notch animation-spin text-primary\"></i> \r\n </div>\r\n </div> \r\n } \r\n </figure>\r\n \r\n <!-- Modal -->\r\n <coer-modal #modal [title]=\"_image()?.name || ''\" height=\"90vh\" width=\"full\">\r\n <div class=\"modal-image\" [ngStyle]=\"{ 'background-image': 'url(' + _base64() + ')' }\"></div>\r\n </coer-modal>\r\n</div> ", styles: ["div.coer-filebox-image figure{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:3px!important;overflow:hidden!important}div.coer-filebox-image figure div.img{width:100%!important;height:100%!important;min-width:inherit!important;min-height:inherit!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}div.coer-filebox-image figure div.icon-container{position:absolute;bottom:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px}div.coer-filebox-image figure div.icon-container i{color:var(--gray);font-size:20px;position:relative}div.coer-filebox-image figure div.icon-container i:hover{zoom:1.1}div.coer-filebox-image figure div.loading{position:absolute!important;inset:0!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:center!important}div.coer-filebox-image figure div.loading div.loading-content{display:inherit!important;justify-content:inherit!important;align-items:inherit!important;font-size:30px!important;color:var(--gray)!important}div.coer-filebox-image figure div.loading div.loading-content::selection,div.coer-filebox-image figure div.loading div.empty-data-content::selection{background-color:transparent!important}div.coer-filebox-image .dashed{border:1px dashed var(--gray)!important;background-color:transparent!important}div.coer-filebox-image div.modal-image{width:100%;height:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-size:contain;background-repeat:no-repeat;background-position:center}\n"] }]
|
|
943
943
|
}], ctorParameters: () => [] });
|
|
944
944
|
|
|
945
945
|
class CoerFilebox {
|
|
@@ -2491,7 +2491,7 @@ class CoerGridCell {
|
|
|
2491
2491
|
let value = this.row()[Strings.FirstCharToLower(this.header().property)];
|
|
2492
2492
|
//Template
|
|
2493
2493
|
if (Tools.IsNotNull(this.header().config?.template)) {
|
|
2494
|
-
if (
|
|
2494
|
+
if (Tools.IsString(this.header()?.config?.template)) {
|
|
2495
2495
|
value = this.header()?.config?.template;
|
|
2496
2496
|
}
|
|
2497
2497
|
else if (Tools.IsFunction(this.header()?.config?.template)) {
|
|
@@ -2605,7 +2605,7 @@ class CoerGridCell {
|
|
|
2605
2605
|
});
|
|
2606
2606
|
/** */
|
|
2607
2607
|
this._switchAttributes = () => {
|
|
2608
|
-
return
|
|
2608
|
+
return Tools.IsFunction(this.header()?.config?.coerSwitch)
|
|
2609
2609
|
? this.header()?.config?.coerSwitch({
|
|
2610
2610
|
indexRow: this.row().indexRow,
|
|
2611
2611
|
property: this.header()?.property,
|
|
@@ -2615,7 +2615,7 @@ class CoerGridCell {
|
|
|
2615
2615
|
};
|
|
2616
2616
|
/** */
|
|
2617
2617
|
this._textboxAttributes = () => {
|
|
2618
|
-
return
|
|
2618
|
+
return Tools.IsFunction(this.header()?.config?.coerTextbox)
|
|
2619
2619
|
? this.header()?.config?.coerTextbox({
|
|
2620
2620
|
indexRow: this.row().indexRow,
|
|
2621
2621
|
property: this.header()?.property,
|
|
@@ -2625,7 +2625,7 @@ class CoerGridCell {
|
|
|
2625
2625
|
};
|
|
2626
2626
|
/** */
|
|
2627
2627
|
this._numberboxAttributes = () => {
|
|
2628
|
-
return
|
|
2628
|
+
return Tools.IsFunction(this.header()?.config?.coerNumberbox)
|
|
2629
2629
|
? this.header()?.config?.coerNumberbox({
|
|
2630
2630
|
indexRow: this.row().indexRow,
|
|
2631
2631
|
property: this.header()?.property,
|
|
@@ -2635,7 +2635,7 @@ class CoerGridCell {
|
|
|
2635
2635
|
};
|
|
2636
2636
|
/** */
|
|
2637
2637
|
this._selectboxAttributes = () => {
|
|
2638
|
-
return
|
|
2638
|
+
return Tools.IsFunction(this.header()?.config?.coerSelectbox)
|
|
2639
2639
|
? this.header()?.config?.coerSelectbox({
|
|
2640
2640
|
indexRow: this.row().indexRow,
|
|
2641
2641
|
property: this.header()?.property,
|
|
@@ -2645,7 +2645,7 @@ class CoerGridCell {
|
|
|
2645
2645
|
};
|
|
2646
2646
|
/** */
|
|
2647
2647
|
this._dateboxAttributes = () => {
|
|
2648
|
-
return
|
|
2648
|
+
return Tools.IsFunction(this.header()?.config?.coerDatebox)
|
|
2649
2649
|
? this.header()?.config?.coerDatebox({
|
|
2650
2650
|
indexRow: this.row().indexRow,
|
|
2651
2651
|
property: this.header()?.property,
|
|
@@ -2656,20 +2656,20 @@ class CoerGridCell {
|
|
|
2656
2656
|
}
|
|
2657
2657
|
/** */
|
|
2658
2658
|
get input() {
|
|
2659
|
-
if (this.enableInputs()) {
|
|
2659
|
+
if (this.enableInputs() && Tools.IsNull(this.header().config?.template)) {
|
|
2660
2660
|
if (this._switchAttributes()?.showInput) {
|
|
2661
2661
|
return 'coer-switch';
|
|
2662
2662
|
}
|
|
2663
|
-
if (this._textboxAttributes()?.showInput) {
|
|
2663
|
+
else if (this._textboxAttributes()?.showInput) {
|
|
2664
2664
|
return 'coer-textbox';
|
|
2665
2665
|
}
|
|
2666
|
-
if (this._numberboxAttributes()?.showInput) {
|
|
2666
|
+
else if (this._numberboxAttributes()?.showInput) {
|
|
2667
2667
|
return 'coer-numberbox';
|
|
2668
2668
|
}
|
|
2669
|
-
if (this._selectboxAttributes()?.showInput) {
|
|
2669
|
+
else if (this._selectboxAttributes()?.showInput) {
|
|
2670
2670
|
return 'coer-selectbox';
|
|
2671
2671
|
}
|
|
2672
|
-
if (this._dateboxAttributes()?.showInput) {
|
|
2672
|
+
else if (this._dateboxAttributes()?.showInput) {
|
|
2673
2673
|
return 'coer-datebox';
|
|
2674
2674
|
}
|
|
2675
2675
|
}
|
|
@@ -2677,20 +2677,20 @@ class CoerGridCell {
|
|
|
2677
2677
|
}
|
|
2678
2678
|
/** */
|
|
2679
2679
|
get isInvalid() {
|
|
2680
|
-
if (this.enableInputs()) {
|
|
2680
|
+
if (this.enableInputs() && Tools.IsNull(this.header().config?.template)) {
|
|
2681
2681
|
if (this._switchAttributes()?.showInput) {
|
|
2682
2682
|
return this._switchAttributes()?.isInvalid || false;
|
|
2683
2683
|
}
|
|
2684
|
-
if (this._textboxAttributes()?.showInput) {
|
|
2684
|
+
else if (this._textboxAttributes()?.showInput) {
|
|
2685
2685
|
return this._textboxAttributes()?.isInvalid || false;
|
|
2686
2686
|
}
|
|
2687
|
-
if (this._numberboxAttributes()?.showInput) {
|
|
2687
|
+
else if (this._numberboxAttributes()?.showInput) {
|
|
2688
2688
|
return this._numberboxAttributes()?.isInvalid || false;
|
|
2689
2689
|
}
|
|
2690
|
-
if (this._selectboxAttributes()?.showInput) {
|
|
2690
|
+
else if (this._selectboxAttributes()?.showInput) {
|
|
2691
2691
|
return this._selectboxAttributes()?.isInvalid || false;
|
|
2692
2692
|
}
|
|
2693
|
-
if (this._dateboxAttributes()?.showInput) {
|
|
2693
|
+
else if (this._dateboxAttributes()?.showInput) {
|
|
2694
2694
|
return this._dateboxAttributes()?.isInvalid || false;
|
|
2695
2695
|
}
|
|
2696
2696
|
}
|