coer-elements 0.0.74 → 0.0.76

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.
Files changed (35) hide show
  1. package/components/lib/coer-accordion/coer-accordion.component.d.ts +3 -1
  2. package/components/lib/coer-checkbox/coer-checkbox.component.d.ts +2 -2
  3. package/components/lib/coer-datebox/coer-datebox.component.d.ts +3 -3
  4. package/components/lib/coer-modal/coer-modal.component.d.ts +1 -1
  5. package/components/lib/coer-numberbox/coer-numberbox.component.d.ts +1 -1
  6. package/components/lib/coer-sidenav/coer-sidenav.component.d.ts +8 -1
  7. package/components/lib/coer-sidenav/coer-tree-accordion/coer-tree-accordion.component.d.ts +8 -1
  8. package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
  9. package/components/lib/coer-textbox/coer-textbox.component.d.ts +3 -2
  10. package/fesm2022/coer-elements-components.mjs +79 -25
  11. package/fesm2022/coer-elements-components.mjs.map +1 -1
  12. package/fesm2022/coer-elements-pages.mjs +81 -0
  13. package/fesm2022/coer-elements-pages.mjs.map +1 -0
  14. package/fesm2022/coer-elements-signals.mjs +3 -1
  15. package/fesm2022/coer-elements-signals.mjs.map +1 -1
  16. package/fesm2022/coer-elements-tools.mjs +6 -4
  17. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  18. package/fesm2022/coer-elements.mjs +7 -1
  19. package/fesm2022/coer-elements.mjs.map +1 -1
  20. package/index.d.ts +5 -4
  21. package/interfaces/lib/coer-menu/menu.interface.d.ts +1 -0
  22. package/package.json +5 -1
  23. package/pages/index.d.ts +5 -0
  24. package/pages/lib/coer-menu/coer-menu.component.d.ts +12 -0
  25. package/pages/lib/home/home.component.d.ts +7 -0
  26. package/pages/lib/pages.module.d.ts +12 -0
  27. package/pages/public-api.d.ts +3 -0
  28. package/signals/lib/menu-selected.signal.d.ts +2 -0
  29. package/signals/public-api.d.ts +1 -0
  30. package/styles/animations.scss +11 -0
  31. package/styles/coer-elements.css +63 -9
  32. package/styles/containers.scss +24 -2
  33. package/styles/index.scss +1 -0
  34. package/styles/layout.scss +18 -1
  35. 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; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "ignoreModel": { "alias": "ignoreModel"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, 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; }; "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" | "center" | "right">;
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<"full" | "small">;
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" | "center" | "right">;
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" | "center" | "right">;
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" | "center" | "right">;
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
  }