coer-elements 2.0.74 → 2.0.78
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 +6 -8
- package/components/lib/coer-grid/coer-grid-body/coer-grid-body.component.d.ts +5 -2
- package/components/lib/coer-grid/coer-grid.extension.d.ts +2 -1
- package/components/lib/coer-modal/coer-modal.component.d.ts +2 -2
- 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 +73 -41
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-pages.mjs +2 -2
- package/fesm2022/coer-elements-pages.mjs.map +1 -1
- package/fesm2022/coer-elements-tools.mjs +148 -39
- package/fesm2022/coer-elements-tools.mjs.map +1 -1
- package/interfaces/lib/coer-grid/grid-button-by-row.interface.d.ts +2 -0
- package/package.json +1 -2
- package/styles/coer-elements.css +1 -1
- package/styles/icons/icons-fill.scss +1 -0
- package/svg/fill/modal.fill.svg +4 -0
- package/tools/lib/date-time.tools.d.ts +44 -14
@@ -2,10 +2,9 @@ import { AfterViewInit, EffectRef, OnDestroy } from '@angular/core';
|
|
2
2
|
import { ControlValue } from 'coer-elements/tools';
|
3
3
|
import { MatDatepicker } from '@angular/material/datepicker';
|
4
4
|
import { IBoxButton } from 'coer-elements/interfaces';
|
5
|
-
import moment from 'moment';
|
6
5
|
import * as i0 from "@angular/core";
|
7
6
|
export declare class CoerDateBox extends ControlValue implements AfterViewInit, OnDestroy {
|
8
|
-
_value: string | Date |
|
7
|
+
_value: string | Date | null;
|
9
8
|
protected readonly _id: string;
|
10
9
|
protected readonly _datepicker: import("@angular/core").Signal<MatDatepicker<Date> | undefined>;
|
11
10
|
protected readonly _isLoading: import("@angular/core").WritableSignal<boolean>;
|
@@ -20,10 +19,10 @@ export declare class CoerDateBox extends ControlValue implements AfterViewInit,
|
|
20
19
|
protected _pickerButton: HTMLElement | null;
|
21
20
|
protected _input: HTMLElement | null;
|
22
21
|
id: import("@angular/core").InputSignal<string>;
|
23
|
-
value: import("@angular/core").InputSignal<string | null | undefined>;
|
22
|
+
value: import("@angular/core").InputSignal<string | Date | null | undefined>;
|
24
23
|
label: import("@angular/core").InputSignal<string>;
|
25
24
|
placeholder: import("@angular/core").InputSignal<string>;
|
26
|
-
textPosition: import("@angular/core").InputSignal<"left" | "
|
25
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
27
26
|
isWritable: import("@angular/core").InputSignal<boolean>;
|
28
27
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
29
28
|
isValid: import("@angular/core").InputSignal<boolean>;
|
@@ -41,7 +40,7 @@ export declare class CoerDateBox extends ControlValue implements AfterViewInit,
|
|
41
40
|
marginLeft: import("@angular/core").InputSignal<string>;
|
42
41
|
onOpen: import("@angular/core").OutputEmitterRef<void>;
|
43
42
|
onClose: import("@angular/core").OutputEmitterRef<void>;
|
44
|
-
onChangeValue: import("@angular/core").OutputEmitterRef<string | null>;
|
43
|
+
onChangeValue: import("@angular/core").OutputEmitterRef<string | Date | null>;
|
45
44
|
onClickExternalButton: import("@angular/core").OutputEmitterRef<void>;
|
46
45
|
constructor();
|
47
46
|
ngAfterViewInit(): void;
|
@@ -53,9 +52,8 @@ export declare class CoerDateBox extends ControlValue implements AfterViewInit,
|
|
53
52
|
protected get _showexternalButtonRight(): boolean;
|
54
53
|
protected get _externalButtonIcon(): string;
|
55
54
|
protected get _isDisabledExternalButton(): boolean;
|
56
|
-
|
57
|
-
|
58
|
-
writeValue(value: any): void;
|
55
|
+
protected get _valueDate(): Date | null;
|
56
|
+
SetValue(value: string | Date | null | undefined): void;
|
59
57
|
/** */
|
60
58
|
protected Focus(open?: boolean, delay?: number): void;
|
61
59
|
/** */
|
@@ -38,6 +38,7 @@ export declare class CoerGridBody<T> {
|
|
38
38
|
protected onCheckboxChange: import("@angular/core").OutputEmitterRef<IGridInputCheckbox<T>>;
|
39
39
|
protected onClickDeleteRow: import("@angular/core").OutputEmitterRef<T>;
|
40
40
|
protected onClickEditRow: import("@angular/core").OutputEmitterRef<T>;
|
41
|
+
protected onClickModalRow: import("@angular/core").OutputEmitterRef<T>;
|
41
42
|
protected onClickGoRow: import("@angular/core").OutputEmitterRef<T>;
|
42
43
|
protected onSwitchChange: import("@angular/core").OutputEmitterRef<IGridInput<T>>;
|
43
44
|
protected onTextboxChange: import("@angular/core").OutputEmitterRef<IGridInput<T>>;
|
@@ -70,12 +71,14 @@ export declare class CoerGridBody<T> {
|
|
70
71
|
/** */
|
71
72
|
RefreshCheck(): Promise<void>;
|
72
73
|
/** */
|
73
|
-
protected _ShowButtonByRow(property: 'showDeleteButton' | 'showEditButton' | 'showGoButton', data?: any): boolean;
|
74
|
+
protected _ShowButtonByRow(property: 'showDeleteButton' | 'showEditButton' | 'showModalButton' | 'showGoButton', data?: any): boolean;
|
74
75
|
/** */
|
75
76
|
protected _ButtonByRowColorDelete: import("@angular/core").Signal<"primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark">;
|
76
77
|
/** */
|
77
78
|
protected _ButtonByRowColorEdit: import("@angular/core").Signal<"primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark">;
|
78
79
|
/** */
|
80
|
+
protected _ButtonByRowColorModal: import("@angular/core").Signal<"primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark">;
|
81
|
+
/** */
|
79
82
|
protected _ButtonByRowColorGo: import("@angular/core").Signal<"primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark">;
|
80
83
|
/** */
|
81
84
|
protected _GetTooltip: (prefix: string, row: any, suffix?: string) => string;
|
@@ -98,5 +101,5 @@ export declare class CoerGridBody<T> {
|
|
98
101
|
/** */
|
99
102
|
FocusRow(callback: (row: T) => boolean): void;
|
100
103
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerGridBody<any>, never>;
|
101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridBody<any>, "coer-grid-body", never, { "GetIdCalculated": { "alias": "GetIdCalculated"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "dataSourceSelected": { "alias": "dataSourceSelected"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchInner": { "alias": "searchInner"; "required": false; "isSignal": true; }; "checkbox": { "alias": "checkbox"; "required": false; "isSignal": true; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; "isSignal": true; }; "isLoadingInner": { "alias": "isLoadingInner"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "isEnabled": { "alias": "isEnabled"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableFocusNext": { "alias": "enableFocusNext"; "required": false; "isSignal": true; }; "enableFocusRow": { "alias": "enableFocusRow"; "required": false; "isSignal": true; }; "enableHoverRow": { "alias": "enableHoverRow"; "required": false; "isSignal": true; }; "isStriped": { "alias": "isStriped"; "required": false; "isSignal": true; }; "tooltipByRow": { "alias": "tooltipByRow"; "required": false; "isSignal": true; }; }, { "onValueChange": "onValueChange"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onInnerLoadingChange": "onInnerLoadingChange"; "onCheckboxChange": "onCheckboxChange"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickGoRow": "onClickGoRow"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onNumberboxChange": "onNumberboxChange"; "onSelectboxChange": "onSelectboxChange"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; }, never, never, false, never>;
|
104
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridBody<any>, "coer-grid-body", never, { "GetIdCalculated": { "alias": "GetIdCalculated"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "dataSourceSelected": { "alias": "dataSourceSelected"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchInner": { "alias": "searchInner"; "required": false; "isSignal": true; }; "checkbox": { "alias": "checkbox"; "required": false; "isSignal": true; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; "isSignal": true; }; "isLoadingInner": { "alias": "isLoadingInner"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "isEnabled": { "alias": "isEnabled"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableFocusNext": { "alias": "enableFocusNext"; "required": false; "isSignal": true; }; "enableFocusRow": { "alias": "enableFocusRow"; "required": false; "isSignal": true; }; "enableHoverRow": { "alias": "enableHoverRow"; "required": false; "isSignal": true; }; "isStriped": { "alias": "isStriped"; "required": false; "isSignal": true; }; "tooltipByRow": { "alias": "tooltipByRow"; "required": false; "isSignal": true; }; }, { "onValueChange": "onValueChange"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onInnerLoadingChange": "onInnerLoadingChange"; "onCheckboxChange": "onCheckboxChange"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickModalRow": "onClickModalRow"; "onClickGoRow": "onClickGoRow"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onNumberboxChange": "onNumberboxChange"; "onSelectboxChange": "onSelectboxChange"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; }, never, never, false, never>;
|
102
105
|
}
|
@@ -53,6 +53,7 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
|
|
53
53
|
protected onCheckboxChange: import("@angular/core").OutputEmitterRef<IGridInputCheckbox<T>>;
|
54
54
|
protected onClickDeleteRow: import("@angular/core").OutputEmitterRef<T>;
|
55
55
|
protected onClickEditRow: import("@angular/core").OutputEmitterRef<T>;
|
56
|
+
protected onClickModalRow: import("@angular/core").OutputEmitterRef<T>;
|
56
57
|
protected onClickGoRow: import("@angular/core").OutputEmitterRef<T>;
|
57
58
|
protected onKeyupEnter: import("@angular/core").OutputEmitterRef<IGridKeyupEnter>;
|
58
59
|
protected onKeyupEnterLast: import("@angular/core").OutputEmitterRef<IGridKeyupEnter>;
|
@@ -82,5 +83,5 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
|
|
82
83
|
protected _buildRow<T>(data: any): T;
|
83
84
|
protected get _height(): string;
|
84
85
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerGridExtension<any>, never>;
|
85
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "saveButton": { "alias": "saveButton"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "tooltipByRow": { "alias": "tooltipByRow"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableFocusNext": { "alias": "enableFocusNext"; "required": false; "isSignal": true; }; "enableFocusRow": { "alias": "enableFocusRow"; "required": false; "isSignal": true; }; "enableHoverRow": { "alias": "enableHoverRow"; "required": false; "isSignal": true; }; "isStriped": { "alias": "isStriped"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "MinWidth": { "alias": "MinWidth"; "required": false; "isSignal": true; }; "MaxWidth": { "alias": "MaxWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; }, { "onClickExport": "onClickExport"; "onClickImport": "onClickImport"; "onClickAdd": "onClickAdd"; "onClickSave": "onClickSave"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onCheckboxChange": "onCheckboxChange"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickGoRow": "onClickGoRow"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onNumberboxChange": "onNumberboxChange"; "onSelectboxChange": "onSelectboxChange"; }, never, never, true, never>;
|
86
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "saveButton": { "alias": "saveButton"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "tooltipByRow": { "alias": "tooltipByRow"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableFocusNext": { "alias": "enableFocusNext"; "required": false; "isSignal": true; }; "enableFocusRow": { "alias": "enableFocusRow"; "required": false; "isSignal": true; }; "enableHoverRow": { "alias": "enableHoverRow"; "required": false; "isSignal": true; }; "isStriped": { "alias": "isStriped"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "MinWidth": { "alias": "MinWidth"; "required": false; "isSignal": true; }; "MaxWidth": { "alias": "MaxWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; }, { "onClickExport": "onClickExport"; "onClickImport": "onClickImport"; "onClickAdd": "onClickAdd"; "onClickSave": "onClickSave"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onCheckboxChange": "onCheckboxChange"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickModalRow": "onClickModalRow"; "onClickGoRow": "onClickGoRow"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onNumberboxChange": "onNumberboxChange"; "onSelectboxChange": "onSelectboxChange"; }, never, never, true, never>;
|
86
87
|
}
|
@@ -13,10 +13,10 @@ export declare class CoerModal implements AfterViewInit {
|
|
13
13
|
title: import("@angular/core").InputSignal<string>;
|
14
14
|
icon: import("@angular/core").InputSignal<string>;
|
15
15
|
showCloseButton: import("@angular/core").InputSignal<boolean>;
|
16
|
-
width: import("@angular/core").InputSignal<"
|
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" | "bottom" | "middle">;
|
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<"left" | "
|
19
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
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<"left" | "
|
20
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
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<"left" | "
|
15
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
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<"left" | "
|
19
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
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>;
|