coer-elements 0.0.74 → 0.0.76
Sign up to get free protection for your applications and to get access to all the features.
- package/components/lib/coer-accordion/coer-accordion.component.d.ts +3 -1
- package/components/lib/coer-checkbox/coer-checkbox.component.d.ts +2 -2
- package/components/lib/coer-datebox/coer-datebox.component.d.ts +3 -3
- 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-sidenav/coer-sidenav.component.d.ts +8 -1
- package/components/lib/coer-sidenav/coer-tree-accordion/coer-tree-accordion.component.d.ts +8 -1
- package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
- package/components/lib/coer-textbox/coer-textbox.component.d.ts +3 -2
- package/fesm2022/coer-elements-components.mjs +79 -25
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-pages.mjs +81 -0
- package/fesm2022/coer-elements-pages.mjs.map +1 -0
- package/fesm2022/coer-elements-signals.mjs +3 -1
- package/fesm2022/coer-elements-signals.mjs.map +1 -1
- package/fesm2022/coer-elements-tools.mjs +6 -4
- package/fesm2022/coer-elements-tools.mjs.map +1 -1
- package/fesm2022/coer-elements.mjs +7 -1
- package/fesm2022/coer-elements.mjs.map +1 -1
- package/index.d.ts +5 -4
- package/interfaces/lib/coer-menu/menu.interface.d.ts +1 -0
- package/package.json +5 -1
- package/pages/index.d.ts +5 -0
- package/pages/lib/coer-menu/coer-menu.component.d.ts +12 -0
- package/pages/lib/home/home.component.d.ts +7 -0
- package/pages/lib/pages.module.d.ts +12 -0
- package/pages/public-api.d.ts +3 -0
- package/signals/lib/menu-selected.signal.d.ts +2 -0
- package/signals/public-api.d.ts +1 -0
- package/styles/animations.scss +11 -0
- package/styles/coer-elements.css +63 -9
- package/styles/containers.scss +24 -2
- package/styles/index.scss +1 -0
- package/styles/layout.scss +18 -1
- package/styles/position.scss +5 -0
@@ -6,6 +6,8 @@ export declare class CoerAccordion {
|
|
6
6
|
title: import("@angular/core").InputSignal<string>;
|
7
7
|
icon: import("@angular/core").InputSignal<string>;
|
8
8
|
expanded: import("@angular/core").InputSignal<boolean>;
|
9
|
+
onOpen: import("@angular/core").OutputEmitterRef<void>;
|
10
|
+
onClose: import("@angular/core").OutputEmitterRef<void>;
|
9
11
|
protected IsNotOnlyWhiteSpace: <T>(value: T | null | undefined) => boolean;
|
10
12
|
get isExpanded(): boolean;
|
11
13
|
get isCollapsed(): boolean;
|
@@ -14,5 +16,5 @@ export declare class CoerAccordion {
|
|
14
16
|
/** */
|
15
17
|
Close(): void;
|
16
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerAccordion, never>;
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerAccordion, "coer-accordion", never, { "id": { "alias": "id"; "required": false; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerAccordion, "coer-accordion", never, { "id": { "alias": "id"; "required": false; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, never, ["*"], false, never>;
|
18
20
|
}
|
@@ -9,8 +9,8 @@ export declare class CoerCheckbox extends ControlValue implements AfterViewInit
|
|
9
9
|
id: import("@angular/core").InputSignal<string>;
|
10
10
|
label: import("@angular/core").InputSignal<string>;
|
11
11
|
labelPosition: import("@angular/core").InputSignal<"before" | "after">;
|
12
|
-
isDisabled: import("@angular/core").InputSignal<boolean>;
|
13
12
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
13
|
+
isDisabled: import("@angular/core").InputSignal<boolean>;
|
14
14
|
isInvisible: import("@angular/core").InputSignal<boolean>;
|
15
15
|
ignoreModel: import("@angular/core").InputSignal<boolean>;
|
16
16
|
onChange: import("@angular/core").OutputEmitterRef<boolean>;
|
@@ -24,5 +24,5 @@ export declare class CoerCheckbox extends ControlValue implements AfterViewInit
|
|
24
24
|
/** */
|
25
25
|
Uncheck(): void;
|
26
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerCheckbox, never>;
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerCheckbox, "coer-checkbox", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerCheckbox, "coer-checkbox", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "ignoreModel": { "alias": "ignoreModel"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, never>;
|
28
28
|
}
|
@@ -19,7 +19,7 @@ export declare class CoerDateBox extends ControlValue implements OnInit {
|
|
19
19
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
20
20
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
21
21
|
isValid: import("@angular/core").InputSignal<boolean>;
|
22
|
-
textPosition: import("@angular/core").InputSignal<"left" | "
|
22
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
23
23
|
width: import("@angular/core").InputSignal<string>;
|
24
24
|
minWidth: import("@angular/core").InputSignal<string>;
|
25
25
|
maxWidth: import("@angular/core").InputSignal<string>;
|
@@ -42,9 +42,9 @@ export declare class CoerDateBox extends ControlValue implements OnInit {
|
|
42
42
|
private SetEvents;
|
43
43
|
/** */
|
44
44
|
Blur(): void;
|
45
|
-
|
45
|
+
/** */
|
46
46
|
Open(): Promise<void>;
|
47
|
-
|
47
|
+
/** */
|
48
48
|
Close(): void;
|
49
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerDateBox, never>;
|
50
50
|
static ɵcmp: i0.ɵɵComponentDeclaration<CoerDateBox, "coer-datebox", 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; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "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; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, never, never, false, never>;
|
@@ -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<"
|
16
|
+
width: import("@angular/core").InputSignal<"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;
|
@@ -11,6 +11,7 @@ export declare class CoerSidenav {
|
|
11
11
|
protected _isLoading: WritableSignal<boolean>;
|
12
12
|
protected sidenav: import("@angular/core").Signal<MatDrawer>;
|
13
13
|
protected menuList: import("@angular/core").Signal<readonly CoerTreeAccordion[]>;
|
14
|
+
onMenuSelected: import("@angular/core").OutputEmitterRef<IMenuSelected>;
|
14
15
|
protected get backdrop(): boolean;
|
15
16
|
protected get mode(): 'over' | 'push';
|
16
17
|
protected get showAsideMenu(): boolean;
|
@@ -28,15 +29,21 @@ export declare class CoerSidenav {
|
|
28
29
|
/** */
|
29
30
|
protected MenuSelected(selectedMenu: IMenuSelected): void;
|
30
31
|
/** */
|
32
|
+
protected ShowGridMenu(menuOption: IMenuOptionSelected, menu: IMenu): void;
|
33
|
+
/** */
|
31
34
|
protected IsMenu: (item: IMenu) => boolean;
|
32
35
|
/** */
|
36
|
+
protected IsGrid: (item: IMenu) => boolean;
|
37
|
+
/** */
|
33
38
|
protected GetIcon: (item: IMenu) => string;
|
34
39
|
/** */
|
40
|
+
protected GetGridIcon: (icon: string | null | undefined) => string;
|
41
|
+
/** */
|
35
42
|
protected SetIdentityClass: (label: String) => string;
|
36
43
|
/** */
|
37
44
|
private GetIdentityClass;
|
38
45
|
/** */
|
39
46
|
private BackButtonBrowser;
|
40
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerSidenav, never>;
|
41
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerSidenav, "coer-sidenav", never, {}, {}, never, ["*"], false, never>;
|
48
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerSidenav, "coer-sidenav", never, {}, { "onMenuSelected": "onMenuSelected"; }, never, ["*"], false, never>;
|
42
49
|
}
|
@@ -10,6 +10,7 @@ export declare class CoerTreeAccordion {
|
|
10
10
|
level: number;
|
11
11
|
item: IMenu;
|
12
12
|
tree: IMenu[];
|
13
|
+
showTree: boolean;
|
13
14
|
clickMenuOption: EventEmitter<IMenuOptionSelected>;
|
14
15
|
clickMenu: EventEmitter<IMenuSelected>;
|
15
16
|
protected get _tree(): IMenu[];
|
@@ -21,6 +22,10 @@ export declare class CoerTreeAccordion {
|
|
21
22
|
/** */
|
22
23
|
protected IsMenu: (item: IMenu) => boolean;
|
23
24
|
/** */
|
25
|
+
protected IsGrid: (item: IMenu) => boolean;
|
26
|
+
/** */
|
27
|
+
protected GetGridIcon: (icon: string | null | undefined) => string;
|
28
|
+
/** */
|
24
29
|
Close(): void;
|
25
30
|
/** */
|
26
31
|
Open(): void;
|
@@ -30,6 +35,8 @@ export declare class CoerTreeAccordion {
|
|
30
35
|
protected ClickMenuOption(menuOption: IMenuOptionSelected): void;
|
31
36
|
/** */
|
32
37
|
protected ClickMenu(menu: IMenuSelected): void;
|
38
|
+
/** */
|
39
|
+
protected ShowGridMenu(menuOption: IMenuOptionSelected, menu: IMenu): void;
|
33
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerTreeAccordion, never>;
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerTreeAccordion, "coer-tree-accordion", never, { "level": { "alias": "level"; "required": false; }; "item": { "alias": "item"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, { "clickMenuOption": "clickMenuOption"; "clickMenu": "clickMenu"; }, never, never, false, never>;
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerTreeAccordion, "coer-tree-accordion", never, { "level": { "alias": "level"; "required": false; }; "item": { "alias": "item"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; "showTree": { "alias": "showTree"; "required": false; }; }, { "clickMenuOption": "clickMenuOption"; "clickMenu": "clickMenu"; }, never, never, false, never>;
|
35
42
|
}
|
@@ -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;
|
@@ -28,10 +28,11 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
|
|
28
28
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
29
29
|
isValid: import("@angular/core").InputSignal<boolean>;
|
30
30
|
isDisabled: import("@angular/core").InputSignal<boolean>;
|
31
|
+
isInvisible: import("@angular/core").InputSignal<boolean>;
|
31
32
|
isReadonly: import("@angular/core").InputSignal<boolean>;
|
32
33
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
33
34
|
selectOnFocus: import("@angular/core").InputSignal<boolean>;
|
34
|
-
textPosition: import("@angular/core").InputSignal<"left" | "
|
35
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
35
36
|
onKeyupEnter: import("@angular/core").OutputEmitterRef<string | number>;
|
36
37
|
onInput: import("@angular/core").OutputEmitterRef<string | number>;
|
37
38
|
onClickClear: import("@angular/core").OutputEmitterRef<void>;
|
@@ -60,5 +61,5 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
|
|
60
61
|
/** */
|
61
62
|
protected ClickSearch(): void;
|
62
63
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoerTextBox, never>;
|
63
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CoerTextBox, "coer-textbox", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "button": { "alias": "button"; "required": false; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "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; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickButton": "onClickButton"; }, never, never, false, never>;
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CoerTextBox, "coer-textbox", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "button": { "alias": "button"; "required": false; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "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; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickButton": "onClickButton"; }, never, never, false, never>;
|
64
65
|
}
|