coer-elements 0.0.75 → 0.0.76

Sign up to get free protection for your applications and to get access to all the features.
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 +78 -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
  }