coer-elements 0.0.134 → 0.0.135
Sign up to get free protection for your applications and to get access to all the features.
- package/components/lib/coer-datebox/coer-datebox.component.d.ts +1 -1
- package/components/lib/coer-filebox/coer-filebox.component.d.ts +3 -1
- package/components/lib/coer-grid/coer-grid.extension.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-selectbox/coer-selectbox.component.d.ts +3 -1
- package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
- package/components/lib/coer-textbox/coer-textbox.component.d.ts +16 -15
- package/fesm2022/coer-elements-components.mjs +147 -135
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-pages.mjs +4 -3
- package/fesm2022/coer-elements-pages.mjs.map +1 -1
- package/fesm2022/coer-elements-tools.mjs +6 -6
- package/fesm2022/coer-elements-tools.mjs.map +1 -1
- package/package.json +2 -2
- package/styles/coer-elements.css +4 -16
- package/styles/containers.scss +0 -18
- package/tools/lib/page.class.d.ts +1 -1
|
@@ -14,7 +14,7 @@ export declare class CoerDateBox extends ControlValue implements OnInit {
|
|
|
14
14
|
id: string;
|
|
15
15
|
label: import("@angular/core").InputSignal<string>;
|
|
16
16
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
17
|
-
textPosition: import("@angular/core").InputSignal<"left" | "
|
|
17
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
18
18
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
19
19
|
isValid: import("@angular/core").InputSignal<boolean>;
|
|
20
20
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
@@ -17,6 +17,8 @@ export declare class CoerFilebox {
|
|
|
17
17
|
multiple: import("@angular/core").InputSignal<boolean>;
|
|
18
18
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
19
19
|
isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
isReadonly: import("@angular/core").InputSignal<boolean>;
|
|
21
|
+
isInvisible: import("@angular/core").InputSignal<boolean>;
|
|
20
22
|
set image(value: IFileImage | null | undefined);
|
|
21
23
|
onSelected: import("@angular/core").OutputEmitterRef<IFile[]>;
|
|
22
24
|
onDeleteImage: import("@angular/core").OutputEmitterRef<void>;
|
|
@@ -30,5 +32,5 @@ export declare class CoerFilebox {
|
|
|
30
32
|
/** */
|
|
31
33
|
protected ExpandImage(event: any): void;
|
|
32
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerFilebox, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerFilebox, "coer-filebox", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; }; }, { "onSelected": "onSelected"; "onDeleteImage": "onDeleteImage"; }, never, never, false, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerFilebox, "coer-filebox", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "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; }; "image": { "alias": "image"; "required": false; }; }, { "onSelected": "onSelected"; "onDeleteImage": "onDeleteImage"; }, never, never, false, never>;
|
|
34
36
|
}
|
|
@@ -39,11 +39,11 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
|
|
|
39
39
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
40
40
|
isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
41
41
|
isReadonly: import("@angular/core").InputSignal<boolean>;
|
|
42
|
+
isInvisible: import("@angular/core").InputSignal<boolean>;
|
|
42
43
|
rowsByPage: import("@angular/core").InputSignal<number>;
|
|
43
44
|
groupBy: import("@angular/core").InputSignal<string>;
|
|
44
45
|
showColumnGrouped: import("@angular/core").InputSignal<boolean>;
|
|
45
46
|
rowsByGroup: import("@angular/core").InputSignal<number>;
|
|
46
|
-
isInvisible: import("@angular/core").InputSignal<boolean>;
|
|
47
47
|
showFooter: import("@angular/core").InputSignal<boolean>;
|
|
48
48
|
width: import("@angular/core").InputSignal<string>;
|
|
49
49
|
MinWidth: import("@angular/core").InputSignal<string>;
|
|
@@ -105,5 +105,5 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
|
|
|
105
105
|
/** */
|
|
106
106
|
protected ButtonByRow(property: 'showDeleteButton' | 'showEditButton' | 'showGoButton', data?: any): boolean;
|
|
107
107
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerGridExtension<any>, never>;
|
|
108
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "addButton": { "alias": "addButton"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "search": { "alias": "search"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "tooltipByRow": { "alias": "tooltipByRow"; "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; }; "
|
|
108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "addButton": { "alias": "addButton"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "search": { "alias": "search"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "tooltipByRow": { "alias": "tooltipByRow"; "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; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showColumnGrouped": { "alias": "showColumnGrouped"; "required": false; "isSignal": true; }; "rowsByGroup": { "alias": "rowsByGroup"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "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; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableRowFocus": { "alias": "enableRowFocus"; "required": false; "isSignal": true; }; }, { "onClickAdd": "onClickAdd"; "onClickImport": "onClickImport"; "onClickExport": "onClickExport"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickGoRow": "onClickGoRow"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onSelectboxChange": "onSelectboxChange"; "onCheckboxChange": "onCheckboxChange"; }, never, never, true, never>;
|
|
109
109
|
}
|
|
@@ -13,7 +13,7 @@ export declare class CoerModal implements OnInit {
|
|
|
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<"auto" | "
|
|
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
19
|
get isOpen(): boolean;
|
|
@@ -30,7 +30,7 @@ export declare class CoerNumberBox extends ControlValue implements OnInit {
|
|
|
30
30
|
isReadonly: import("@angular/core").InputSignal<boolean>;
|
|
31
31
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
32
32
|
selectOnFocus: import("@angular/core").InputSignal<boolean>;
|
|
33
|
-
textPosition: import("@angular/core").InputSignal<"left" | "
|
|
33
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
34
34
|
onKeyupEnter: import("@angular/core").OutputEmitterRef<string | number>;
|
|
35
35
|
onInput: import("@angular/core").OutputEmitterRef<string | number>;
|
|
36
36
|
ngOnInit(): void;
|
|
@@ -16,6 +16,7 @@ export declare class CoerSelectbox<T> extends ControlValue implements OnInit {
|
|
|
16
16
|
protected _textbox: HTMLInputElement;
|
|
17
17
|
protected _dropDownMenu: HTMLElement;
|
|
18
18
|
protected _container: HTMLElement;
|
|
19
|
+
protected _isReadyElement: boolean;
|
|
19
20
|
set value(value: T | null | undefined);
|
|
20
21
|
id: string;
|
|
21
22
|
label: import("@angular/core").InputSignal<string>;
|
|
@@ -37,10 +38,11 @@ export declare class CoerSelectbox<T> extends ControlValue implements OnInit {
|
|
|
37
38
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
38
39
|
onSelected: import("@angular/core").OutputEmitterRef<T>;
|
|
39
40
|
onUnselect: import("@angular/core").OutputEmitterRef<void>;
|
|
40
|
-
ngOnInit(): void
|
|
41
|
+
ngOnInit(): Promise<void>;
|
|
41
42
|
get value(): T | null | undefined;
|
|
42
43
|
protected get _displayed(): string;
|
|
43
44
|
protected get _placeholder(): string;
|
|
45
|
+
protected get _dropDownWidth(): string;
|
|
44
46
|
protected get _showCancel(): boolean;
|
|
45
47
|
protected get paddingRight(): string;
|
|
46
48
|
protected get widthIcons(): string;
|
|
@@ -28,7 +28,7 @@ export declare class CoerTextarea extends ControlValue implements OnInit {
|
|
|
28
28
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
29
29
|
showFooter: import("@angular/core").InputSignal<boolean>;
|
|
30
30
|
resize: import("@angular/core").InputSignal<boolean>;
|
|
31
|
-
textPosition: import("@angular/core").InputSignal<"left" | "
|
|
31
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
32
32
|
onInput: import("@angular/core").OutputEmitterRef<string | number>;
|
|
33
33
|
ngOnInit(): void;
|
|
34
34
|
get value(): string | number | null | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementRef, OnInit } from '@angular/core';
|
|
2
|
-
import { IBoxButton } from 'coer-elements/interfaces';
|
|
3
2
|
import { ControlValue } from 'coer-elements/tools';
|
|
3
|
+
import { IBoxButton } from 'coer-elements/interfaces';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class CoerTextBox extends ControlValue implements OnInit {
|
|
6
6
|
protected _value: string | number;
|
|
@@ -11,13 +11,21 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
|
|
|
11
11
|
private element;
|
|
12
12
|
set value(value: string | number | null | undefined);
|
|
13
13
|
id: string;
|
|
14
|
-
button: IBoxButton;
|
|
15
14
|
label: import("@angular/core").InputSignal<string>;
|
|
16
15
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
16
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
17
|
+
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
18
|
+
isValid: import("@angular/core").InputSignal<boolean>;
|
|
19
|
+
externalButton: IBoxButton;
|
|
20
|
+
selectOnFocus: import("@angular/core").InputSignal<boolean>;
|
|
21
|
+
showClearIcon: import("@angular/core").InputSignal<boolean>;
|
|
22
|
+
showSearchIcon: import("@angular/core").InputSignal<boolean>;
|
|
17
23
|
minLength: import("@angular/core").InputSignal<string | number>;
|
|
18
24
|
maxLength: import("@angular/core").InputSignal<string | number>;
|
|
19
|
-
|
|
20
|
-
|
|
25
|
+
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
26
|
+
isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
27
|
+
isReadonly: import("@angular/core").InputSignal<boolean>;
|
|
28
|
+
isInvisible: import("@angular/core").InputSignal<boolean>;
|
|
21
29
|
width: import("@angular/core").InputSignal<string>;
|
|
22
30
|
minWidth: import("@angular/core").InputSignal<string>;
|
|
23
31
|
maxWidth: import("@angular/core").InputSignal<string>;
|
|
@@ -25,25 +33,18 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
|
|
|
25
33
|
marginRight: import("@angular/core").InputSignal<string>;
|
|
26
34
|
marginBottom: import("@angular/core").InputSignal<string>;
|
|
27
35
|
marginLeft: import("@angular/core").InputSignal<string>;
|
|
28
|
-
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
29
|
-
isValid: import("@angular/core").InputSignal<boolean>;
|
|
30
|
-
isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
31
|
-
isInvisible: import("@angular/core").InputSignal<boolean>;
|
|
32
|
-
isReadonly: import("@angular/core").InputSignal<boolean>;
|
|
33
|
-
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
34
|
-
selectOnFocus: import("@angular/core").InputSignal<boolean>;
|
|
35
|
-
textPosition: import("@angular/core").InputSignal<"left" | "center" | "right">;
|
|
36
36
|
onKeyupEnter: import("@angular/core").OutputEmitterRef<string | number>;
|
|
37
37
|
onInput: import("@angular/core").OutputEmitterRef<string | number>;
|
|
38
38
|
onClickClear: import("@angular/core").OutputEmitterRef<void>;
|
|
39
|
-
|
|
39
|
+
onClickSearch: import("@angular/core").OutputEmitterRef<string | number>;
|
|
40
|
+
onClickExternalButton: import("@angular/core").OutputEmitterRef<void>;
|
|
40
41
|
ngOnInit(): void;
|
|
41
42
|
protected get _showSearchIcon(): boolean;
|
|
42
43
|
protected get _showClearIcon(): boolean;
|
|
43
44
|
protected get _showButtonLeft(): boolean;
|
|
44
45
|
protected get _showButtonRight(): boolean;
|
|
45
46
|
protected get _buttonIcon(): string;
|
|
46
|
-
protected get
|
|
47
|
+
protected get _isDisabledExternalButton(): boolean;
|
|
47
48
|
get value(): string | number | null | undefined;
|
|
48
49
|
protected _isEnable: import("@angular/core").Signal<boolean>;
|
|
49
50
|
protected floatLabel: import("@angular/core").Signal<"auto" | "always">;
|
|
@@ -61,5 +62,5 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
|
|
|
61
62
|
/** */
|
|
62
63
|
protected ClickSearch(): void;
|
|
63
64
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerTextBox, never>;
|
|
64
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerTextBox, "coer-textbox", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "
|
|
65
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerTextBox, "coer-textbox", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "externalButton": { "alias": "externalButton"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "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; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickSearch": "onClickSearch"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
|
|
65
66
|
}
|