coer-elements 2.0.57 → 2.0.58

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 (55) hide show
  1. package/components/lib/coer-button/coer-button.component.d.ts +2 -1
  2. package/components/lib/coer-datebox/coer-datebox.component.d.ts +0 -1
  3. package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +0 -1
  4. package/components/lib/coer-grid/coer-grid-body/coer-grid-body.component.d.ts +101 -0
  5. package/components/lib/coer-grid/coer-grid-cell/coer-grid-cell.component.d.ts +52 -0
  6. package/components/lib/coer-grid/coer-grid-footer/coer-grid-footer.component.d.ts +11 -0
  7. package/components/lib/coer-grid/coer-grid-header/coer-grid-header.component.d.ts +65 -0
  8. package/components/lib/coer-grid/coer-grid.component.d.ts +27 -32
  9. package/components/lib/coer-grid/coer-grid.extension.d.ts +52 -87
  10. package/components/lib/coer-modal/coer-modal.component.d.ts +1 -1
  11. package/components/lib/coer-switch/coer-switch.component.d.ts +5 -1
  12. package/components/lib/components.module.d.ts +40 -36
  13. package/fesm2022/coer-elements-components.mjs +1743 -1464
  14. package/fesm2022/coer-elements-components.mjs.map +1 -1
  15. package/fesm2022/coer-elements-interceptors.mjs +0 -1
  16. package/fesm2022/coer-elements-interceptors.mjs.map +1 -1
  17. package/fesm2022/coer-elements-interfaces.mjs.map +1 -1
  18. package/fesm2022/coer-elements-pages.mjs +2 -2
  19. package/fesm2022/coer-elements-pages.mjs.map +1 -1
  20. package/fesm2022/coer-elements-pipes.mjs.map +1 -1
  21. package/fesm2022/coer-elements-services.mjs +35 -6
  22. package/fesm2022/coer-elements-services.mjs.map +1 -1
  23. package/fesm2022/coer-elements-signals.mjs +1 -3
  24. package/fesm2022/coer-elements-signals.mjs.map +1 -1
  25. package/fesm2022/coer-elements-tools.mjs +9 -4
  26. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  27. package/interfaces/lib/coer-grid/grid-button-by-row.interface.d.ts +4 -4
  28. package/interfaces/lib/coer-grid/grid-coer-numberbox.interface.d.ts +1 -1
  29. package/interfaces/lib/coer-grid/grid-coer-selectbox.interface.d.ts +2 -1
  30. package/interfaces/lib/coer-grid/grid-coer-switch.interface.d.ts +1 -1
  31. package/interfaces/lib/coer-grid/grid-coer-textbox.interface.d.ts +1 -1
  32. package/interfaces/lib/coer-grid/grid-column.interface.d.ts +8 -4
  33. package/interfaces/lib/coer-grid/grid-footer.interface.d.ts +3 -0
  34. package/interfaces/lib/coer-grid/grid-header-button.interface.d.ts +1 -1
  35. package/interfaces/lib/coer-grid/grid-header-export-button.interface.d.ts +1 -1
  36. package/interfaces/lib/coer-grid/grid-header-import-button.interface.d.ts +1 -1
  37. package/interfaces/lib/coer-grid/grid-header.interface.d.ts +4 -2
  38. package/interfaces/lib/coer-grid/grid-import.interface.d.ts +1 -0
  39. package/interfaces/lib/coer-grid/grid-input.interface.d.ts +1 -0
  40. package/interfaces/lib/coer-grid/grid-keyup-enter.interface.d.ts +2 -2
  41. package/interfaces/lib/coer-grid/grid-search.interface.d.ts +1 -0
  42. package/interfaces/lib/option.interface.d.ts +1 -1
  43. package/interfaces/public-api.d.ts +1 -0
  44. package/package.json +1 -1
  45. package/pipes/lib/html.pipe.d.ts +2 -2
  46. package/services/lib/jwt.service.d.ts +4 -0
  47. package/signals/public-api.d.ts +0 -1
  48. package/styles/animations.scss +9 -0
  49. package/styles/coer-elements.css +1 -1
  50. package/styles/components.scss +54 -38
  51. package/styles/displays.scss +1 -1
  52. package/styles/paragraphs.scss +13 -0
  53. package/tools/lib/numbers.tools.d.ts +2 -0
  54. package/tools/lib/tools.d.ts +1 -1
  55. package/signals/lib/component-content.signal.d.ts +0 -1
@@ -1,9 +1,9 @@
1
1
  import { IGridItem } from "./grid-item.interface";
2
2
  export interface IGridButtonByRow<T> {
3
- showEditButton?: boolean | ((item: IGridItem<T>) => boolean);
4
3
  showDeleteButton?: boolean | ((item: IGridItem<T>) => boolean);
4
+ showEditButton?: boolean | ((item: IGridItem<T>) => boolean);
5
5
  showGoButton?: boolean | ((item: IGridItem<T>) => boolean);
6
- editButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
7
- deleteButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
8
- goButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
6
+ deleteButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation' | 'information' | 'dark';
7
+ editButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation' | 'information' | 'dark';
8
+ goButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation' | 'information' | 'dark';
9
9
  }
@@ -1,5 +1,5 @@
1
1
  export interface IGridCoerNumberBox {
2
- isInput: boolean;
2
+ showInput: boolean;
3
3
  isDisabled?: boolean;
4
4
  isValid?: boolean;
5
5
  isInvalid?: boolean;
@@ -1,9 +1,10 @@
1
1
  export interface IGridCoerSelectBox {
2
- isInput: boolean;
2
+ showInput: boolean;
3
3
  isDisabled?: boolean;
4
4
  isValid?: boolean;
5
5
  isInvalid?: boolean;
6
6
  placeholder?: string;
7
7
  propDisplay?: string;
8
8
  dataSource?: any[];
9
+ openOnFocus?: boolean;
9
10
  }
@@ -1,5 +1,5 @@
1
1
  export interface IGridCoerSwitch {
2
- isInput: boolean;
2
+ showInput: boolean;
3
3
  isDisabled?: boolean;
4
4
  tooltip?: string;
5
5
  tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';
@@ -1,5 +1,5 @@
1
1
  export interface IGridCoerTextBox {
2
- isInput: boolean;
2
+ showInput: boolean;
3
3
  isDisabled?: boolean;
4
4
  isValid?: boolean;
5
5
  isInvalid?: boolean;
@@ -7,12 +7,15 @@ export interface IGridColumn<T> {
7
7
  property: string;
8
8
  alias?: string;
9
9
  width?: string;
10
+ textBreak?: boolean;
10
11
  textAlign?: 'left' | 'center' | 'right';
11
- colorBlue?: boolean | ((item: IGridItem<T>) => boolean);
12
- colorGreen?: boolean | ((item: IGridItem<T>) => boolean);
13
- colorYellow?: boolean | ((item: IGridItem<T>) => boolean);
14
- colorRed?: boolean | ((item: IGridItem<T>) => boolean);
12
+ textBlue?: boolean | ((item: IGridItem<T>) => boolean);
13
+ textGreen?: boolean | ((item: IGridItem<T>) => boolean);
14
+ textOrange?: boolean | ((item: IGridItem<T>) => boolean);
15
+ textYellow?: boolean | ((item: IGridItem<T>) => boolean);
16
+ textRed?: boolean | ((item: IGridItem<T>) => boolean);
15
17
  typeNumber?: boolean | ((item: IGridItem<T>) => boolean);
18
+ typeCurrency?: boolean | ((item: IGridItem<T>) => boolean);
16
19
  typeDate?: boolean | ((item: IGridItem<T>) => boolean);
17
20
  typeDateTime?: boolean | ((item: IGridItem<T>) => boolean);
18
21
  toLocalZone?: boolean | ((item: IGridItem<T>) => boolean);
@@ -21,4 +24,5 @@ export interface IGridColumn<T> {
21
24
  coerTextbox?: ((item: IGridItem<T>) => IGridCoerTextBox);
22
25
  coerNumberbox?: ((item: IGridItem<T>) => IGridCoerNumberBox);
23
26
  coerSelectbox?: ((item: IGridItem<T>) => IGridCoerSelectBox);
27
+ coerDatebox?: ((item: IGridItem<T>) => IGridCoerTextBox);
24
28
  }
@@ -0,0 +1,3 @@
1
+ export interface IGridFooter {
2
+ show: boolean;
3
+ }
@@ -3,5 +3,5 @@ export interface IGridHeaderButton {
3
3
  path?: string | (string | number)[];
4
4
  tooltip?: string;
5
5
  isDisabled?: boolean;
6
- color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
6
+ color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation' | 'information' | 'dark' | 'light';
7
7
  }
@@ -8,5 +8,5 @@ export interface IGridHeaderExportButton {
8
8
  onlyRowFiltered?: boolean;
9
9
  onlySelectedItem?: boolean;
10
10
  preventDefault?: boolean;
11
- color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
11
+ color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation' | 'information' | 'dark' | 'light';
12
12
  }
@@ -5,5 +5,5 @@ export interface IGridHeaderImportButton {
5
5
  isDisabled?: boolean;
6
6
  preventDefault?: boolean;
7
7
  Autofill?: boolean;
8
- color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
8
+ color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation' | 'information' | 'dark' | 'light';
9
9
  }
@@ -1,5 +1,7 @@
1
- export interface IGridHeader {
1
+ import { IGridColumn } from "./grid-column.interface";
2
+ export interface IGridHeader<T> {
2
3
  indexColumn: number;
4
+ property: string;
3
5
  columnName: string;
4
- width: string;
6
+ config: IGridColumn<T> | undefined;
5
7
  }
@@ -1,4 +1,5 @@
1
1
  export interface IGridImport<T> {
2
2
  data: T[];
3
3
  file: File | null;
4
+ autofill: boolean;
4
5
  }
@@ -1,4 +1,5 @@
1
1
  export interface IGridInput<T> {
2
+ indexRow: number;
2
3
  property: string;
3
4
  row: T;
4
5
  value: any;
@@ -1,6 +1,6 @@
1
1
  export interface IGridKeyupEnter {
2
2
  id: string;
3
- input: 'coer-textbox-search' | 'coer-textbox' | 'coer-numberbox' | 'coer-selectbox';
4
- row: any;
3
+ input: 'coer-search' | 'coer-textbox' | 'coer-numberbox' | 'coer-selectbox';
4
+ row?: any;
5
5
  value: any;
6
6
  }
@@ -1,5 +1,6 @@
1
1
  export interface IGridSearch {
2
2
  show: boolean;
3
3
  ignore?: boolean;
4
+ isDisabled?: boolean;
4
5
  columns?: string[] | null;
5
6
  }
@@ -1,5 +1,5 @@
1
1
  export interface IOption {
2
- id: number;
2
+ id: number | string;
3
3
  option: any;
4
4
  description?: string;
5
5
  isActive?: boolean;
@@ -10,6 +10,7 @@ export * from './lib/coer-grid/grid-coer-switch.interface';
10
10
  export * from './lib/coer-grid/grid-coer-textbox.interface';
11
11
  export * from './lib/coer-grid/grid-column.interface';
12
12
  export * from './lib/coer-grid/grid-data-source.interface';
13
+ export * from './lib/coer-grid/grid-footer.interface';
13
14
  export * from './lib/coer-grid/grid-header-button.interface';
14
15
  export * from './lib/coer-grid/grid-header-export-button.interface';
15
16
  export * from './lib/coer-grid/grid-header-import-button.interface';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "coer-elements",
3
- "version": "2.0.57",
3
+ "version": "2.0.58",
4
4
  "author": "Christian Omar Escamilla Rodríguez",
5
5
  "keywords": [
6
6
  "Components",
@@ -1,10 +1,10 @@
1
1
  import { PipeTransform } from '@angular/core';
2
- import { DomSanitizer } from '@angular/platform-browser';
2
+ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class HtmlPipe implements PipeTransform {
5
5
  private sanitizer;
6
6
  constructor(sanitizer: DomSanitizer);
7
- transform(value: string): any;
7
+ transform(value: string): SafeHtml;
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<HtmlPipe, never>;
9
9
  static ɵpipe: i0.ɵɵPipeDeclaration<HtmlPipe, "html", false>;
10
10
  }
@@ -11,6 +11,10 @@ export declare class JWTService {
11
11
  /** */
12
12
  get isExpired(): boolean;
13
13
  /** */
14
+ get claims(): any;
15
+ /** */
16
+ get isValid(): boolean;
17
+ /** */
14
18
  UpdateJWT(jwt: string): void;
15
19
  static ɵfac: i0.ɵɵFactoryDeclaration<JWTService, never>;
16
20
  static ɵprov: i0.ɵɵInjectableDeclaration<JWTService>;
@@ -1,6 +1,5 @@
1
1
  export * from './lib/breakpoint.signal';
2
2
  export * from './lib/colors.signal';
3
- export * from './lib/component-content.signal';
4
3
  export * from './lib/is-loading.signal';
5
4
  export * from './lib/is-menu-open.signal';
6
5
  export * from './lib/is-modal-open.signal';
@@ -42,6 +42,15 @@
42
42
  animation-iteration-count: 1;
43
43
  }
44
44
 
45
+ .#{$breakpoint}animation-fade {
46
+ animation-name: __KeyOpacity50 !important;
47
+ animation-duration: 0.8s;
48
+ animation-timing-function: ease-in-out !important;
49
+ animation-iteration-count: infinite;
50
+ animation-direction: alternate !important;
51
+ animation-fill-mode: both !important;
52
+ }
53
+
45
54
  .#{$breakpoint}animation-spin {
46
55
  animation-name: __keyRotate360 !important;
47
56
  animation-iteration-count: infinite !important;