coer-elements 2.0.57 → 2.0.59

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 (58) hide show
  1. package/components/lib/coer-button/coer-button.component.d.ts +2 -1
  2. package/components/lib/coer-checkbox/coer-checkbox.component.d.ts +1 -1
  3. package/components/lib/coer-datebox/coer-datebox.component.d.ts +0 -1
  4. package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +1 -2
  5. package/components/lib/coer-grid/coer-grid-body/coer-grid-body.component.d.ts +102 -0
  6. package/components/lib/coer-grid/coer-grid-cell/coer-grid-cell.component.d.ts +52 -0
  7. package/components/lib/coer-grid/coer-grid-footer/coer-grid-footer.component.d.ts +15 -0
  8. package/components/lib/coer-grid/coer-grid-header/coer-grid-header.component.d.ts +71 -0
  9. package/components/lib/coer-grid/coer-grid.component.d.ts +27 -32
  10. package/components/lib/coer-grid/coer-grid.extension.d.ts +56 -87
  11. package/components/lib/coer-modal/coer-modal.component.d.ts +1 -1
  12. package/components/lib/coer-switch/coer-switch.component.d.ts +6 -2
  13. package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
  14. package/components/lib/components.module.d.ts +40 -36
  15. package/fesm2022/coer-elements-components.mjs +1822 -1470
  16. package/fesm2022/coer-elements-components.mjs.map +1 -1
  17. package/fesm2022/coer-elements-interceptors.mjs +0 -1
  18. package/fesm2022/coer-elements-interceptors.mjs.map +1 -1
  19. package/fesm2022/coer-elements-interfaces.mjs.map +1 -1
  20. package/fesm2022/coer-elements-pages.mjs +2 -2
  21. package/fesm2022/coer-elements-pages.mjs.map +1 -1
  22. package/fesm2022/coer-elements-pipes.mjs.map +1 -1
  23. package/fesm2022/coer-elements-services.mjs +35 -6
  24. package/fesm2022/coer-elements-services.mjs.map +1 -1
  25. package/fesm2022/coer-elements-signals.mjs +1 -3
  26. package/fesm2022/coer-elements-signals.mjs.map +1 -1
  27. package/fesm2022/coer-elements-tools.mjs +41 -4
  28. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  29. package/interfaces/lib/coer-grid/grid-button-by-row.interface.d.ts +4 -4
  30. package/interfaces/lib/coer-grid/grid-coer-numberbox.interface.d.ts +1 -1
  31. package/interfaces/lib/coer-grid/grid-coer-selectbox.interface.d.ts +2 -1
  32. package/interfaces/lib/coer-grid/grid-coer-switch.interface.d.ts +1 -1
  33. package/interfaces/lib/coer-grid/grid-coer-textbox.interface.d.ts +1 -1
  34. package/interfaces/lib/coer-grid/grid-column.interface.d.ts +8 -4
  35. package/interfaces/lib/coer-grid/grid-footer.interface.d.ts +3 -0
  36. package/interfaces/lib/coer-grid/grid-header-button.interface.d.ts +1 -1
  37. package/interfaces/lib/coer-grid/grid-header-export-button.interface.d.ts +1 -1
  38. package/interfaces/lib/coer-grid/grid-header-import-button.interface.d.ts +1 -1
  39. package/interfaces/lib/coer-grid/grid-header.interface.d.ts +4 -2
  40. package/interfaces/lib/coer-grid/grid-import.interface.d.ts +1 -0
  41. package/interfaces/lib/coer-grid/grid-input.interface.d.ts +1 -0
  42. package/interfaces/lib/coer-grid/grid-keyup-enter.interface.d.ts +2 -2
  43. package/interfaces/lib/coer-grid/grid-search.interface.d.ts +1 -0
  44. package/interfaces/lib/option.interface.d.ts +1 -1
  45. package/interfaces/public-api.d.ts +1 -0
  46. package/package.json +1 -1
  47. package/pipes/lib/html.pipe.d.ts +2 -2
  48. package/services/lib/jwt.service.d.ts +4 -0
  49. package/signals/public-api.d.ts +0 -1
  50. package/styles/animations.scss +9 -0
  51. package/styles/coer-elements.css +1 -1
  52. package/styles/components.scss +54 -38
  53. package/styles/displays.scss +1 -1
  54. package/styles/paragraphs.scss +13 -0
  55. package/tools/lib/html-elements.tools.d.ts +10 -0
  56. package/tools/lib/numbers.tools.d.ts +2 -0
  57. package/tools/lib/tools.d.ts +1 -1
  58. 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.59",
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;