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
@@ -53,8 +53,6 @@ const colorsSIGNAL = signal({
53
53
  }
54
54
  });
55
55
 
56
- const componentContentSIGNAL = signal('');
57
-
58
56
  const isLoadingSIGNAL = signal(false);
59
57
 
60
58
  const isMenuOpenSIGNAL = signal(false);
@@ -69,5 +67,5 @@ const navigationSIGNAL = signal([]);
69
67
  * Generated bundle index. Do not edit.
70
68
  */
71
69
 
72
- export { breakpointSIGNAL, colorsSIGNAL, componentContentSIGNAL, isLoadingSIGNAL, isMenuOpenSIGNAL, isModalOpenSIGNAL, menuSelectedSIGNAL, navigationSIGNAL };
70
+ export { breakpointSIGNAL, colorsSIGNAL, isLoadingSIGNAL, isMenuOpenSIGNAL, isModalOpenSIGNAL, menuSelectedSIGNAL, navigationSIGNAL };
73
71
  //# sourceMappingURL=coer-elements-signals.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"coer-elements-signals.mjs","sources":["../../../projects/coer-elements/signals/lib/breakpoint.signal.ts","../../../projects/coer-elements/signals/lib/colors.signal.ts","../../../projects/coer-elements/signals/lib/component-content.signal.ts","../../../projects/coer-elements/signals/lib/is-loading.signal.ts","../../../projects/coer-elements/signals/lib/is-menu-open.signal.ts","../../../projects/coer-elements/signals/lib/is-modal-open.signal.ts","../../../projects/coer-elements/signals/lib/menu-selected.signal.ts","../../../projects/coer-elements/signals/lib/navigation.signal.ts","../../../projects/coer-elements/signals/coer-elements-signals.ts"],"sourcesContent":["import { computed, signal } from '@angular/core'; \r\n\r\n//computed\r\nconst BREAKPOINT = computed<'mv' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(() => {\r\n if (window.innerWidth < 500) return 'mv';\r\n else if (window.innerWidth >= 500 && window.innerWidth < 576) return 'xs'; \r\n else if (window.innerWidth >= 576 && window.innerWidth < 768) return 'sm';\r\n else if (window.innerWidth >= 768 && window.innerWidth < 992) return 'md';\r\n else if (window.innerWidth >= 992 && window.innerWidth < 1200) return 'lg';\r\n else if (window.innerWidth >= 1200 && window.innerWidth < 1400) return 'xl';\r\n else return 'xxl';\r\n});\r\n\r\nexport const breakpointSIGNAL = signal<'mv' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(BREAKPOINT()); ","import { signal } from '@angular/core'; \r\nimport { IColors } from 'coer-elements/interfaces';\r\n\r\nexport const colorsSIGNAL = signal<IColors>({\r\n fixedColors: {\r\n blue: '#0d6efd',\r\n gray: '#6c757d',\r\n green: '#198754',\r\n yellow: '#ffc107',\r\n red: '#dc3545',\r\n smoke: '#f5f5f5',\r\n black: '#252525',\r\n orange: '#fd6031',\r\n white: '#ffffff',\r\n purple: '#a615bc'\r\n },\r\n actionColors: {\r\n primary: '',\r\n secondary: '',\r\n success: '',\r\n warning: '',\r\n danger: '',\r\n navigation: '',\r\n information: ''\r\n },\r\n appColors: {\r\n breadcrumbs: '',\r\n background: '',\r\n containers: '',\r\n sidenav: '',\r\n sidenavText: '',\r\n sidenavActive: '',\r\n toolbar: '', \r\n toolbarText: ''\r\n }\r\n}); ","import { signal } from '@angular/core'; \r\nexport const componentContentSIGNAL = signal<string>('');","import { signal } from '@angular/core'; \r\nexport const isLoadingSIGNAL = signal<boolean>(false);","import { signal } from \"@angular/core\";\r\nexport const isMenuOpenSIGNAL = signal<boolean>(false);","import { signal } from \"@angular/core\";\r\nexport const isModalOpenSIGNAL = signal<boolean>(false); ","import { signal } from \"@angular/core\";\r\nimport { IMenuSelected } from \"coer-elements/interfaces\";\r\nexport const menuSelectedSIGNAL = signal<IMenuSelected | null>(null);","import { signal } from \"@angular/core\";\r\nimport { IMenu } from \"coer-elements/interfaces\";\r\nexport const navigationSIGNAL = signal<IMenu[]>([]);","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAEA;AACA,MAAM,UAAU,GAAG,QAAQ,CAAkD,MAAK;AAC9E,IAAA,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACnC,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI;AAAE,QAAA,OAAO,IAAI;SACrE,IAAI,MAAM,CAAC,UAAU,IAAI,IAAI,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI;AAAE,QAAA,OAAO,IAAI;;AACtE,QAAA,OAAO,KAAK;AACrB,CAAC,CAAC;MAEW,gBAAgB,GAAG,MAAM,CAAkD,UAAU,EAAE;;ACV7F,MAAM,YAAY,GAAG,MAAM,CAAU;AACxC,IAAA,WAAW,EAAE;AACT,QAAA,IAAI,EAAI,SAAS;AACjB,QAAA,IAAI,EAAI,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,GAAG,EAAK,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,YAAY,EAAE;AACV,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,SAAS,EAAI,EAAE;AACf,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,MAAM,EAAO,EAAE;AACf,QAAA,UAAU,EAAG,EAAE;AACf,QAAA,WAAW,EAAE;AAChB,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,WAAW,EAAI,EAAE;AACjB,QAAA,UAAU,EAAK,EAAE;AACjB,QAAA,UAAU,EAAK,EAAE;AACjB,QAAA,OAAO,EAAQ,EAAE;AACjB,QAAA,WAAW,EAAI,EAAE;AACjB,QAAA,aAAa,EAAE,EAAE;AACjB,QAAA,OAAO,EAAQ,EAAE;AACjB,QAAA,WAAW,EAAI;AAClB;AACJ,CAAA;;MClCY,sBAAsB,GAAG,MAAM,CAAS,EAAE;;MCA1C,eAAe,GAAG,MAAM,CAAU,KAAK;;MCAvC,gBAAgB,GAAG,MAAM,CAAU,KAAK;;MCAxC,iBAAiB,GAAG,MAAM,CAAU,KAAK;;MCCzC,kBAAkB,GAAG,MAAM,CAAuB,IAAI;;MCAtD,gBAAgB,GAAG,MAAM,CAAU,EAAE;;ACFlD;;AAEG;;;;"}
1
+ {"version":3,"file":"coer-elements-signals.mjs","sources":["../../../projects/coer-elements/signals/lib/breakpoint.signal.ts","../../../projects/coer-elements/signals/lib/colors.signal.ts","../../../projects/coer-elements/signals/lib/is-loading.signal.ts","../../../projects/coer-elements/signals/lib/is-menu-open.signal.ts","../../../projects/coer-elements/signals/lib/is-modal-open.signal.ts","../../../projects/coer-elements/signals/lib/menu-selected.signal.ts","../../../projects/coer-elements/signals/lib/navigation.signal.ts","../../../projects/coer-elements/signals/coer-elements-signals.ts"],"sourcesContent":["import { computed, signal } from '@angular/core'; \r\n\r\n//computed\r\nconst BREAKPOINT = computed<'mv' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(() => {\r\n if (window.innerWidth < 500) return 'mv';\r\n else if (window.innerWidth >= 500 && window.innerWidth < 576) return 'xs'; \r\n else if (window.innerWidth >= 576 && window.innerWidth < 768) return 'sm';\r\n else if (window.innerWidth >= 768 && window.innerWidth < 992) return 'md';\r\n else if (window.innerWidth >= 992 && window.innerWidth < 1200) return 'lg';\r\n else if (window.innerWidth >= 1200 && window.innerWidth < 1400) return 'xl';\r\n else return 'xxl';\r\n});\r\n\r\nexport const breakpointSIGNAL = signal<'mv' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>(BREAKPOINT()); ","import { signal } from '@angular/core'; \r\nimport { IColors } from 'coer-elements/interfaces';\r\n\r\nexport const colorsSIGNAL = signal<IColors>({\r\n fixedColors: {\r\n blue: '#0d6efd',\r\n gray: '#6c757d',\r\n green: '#198754',\r\n yellow: '#ffc107',\r\n red: '#dc3545',\r\n smoke: '#f5f5f5',\r\n black: '#252525',\r\n orange: '#fd6031',\r\n white: '#ffffff',\r\n purple: '#a615bc'\r\n },\r\n actionColors: {\r\n primary: '',\r\n secondary: '',\r\n success: '',\r\n warning: '',\r\n danger: '',\r\n navigation: '',\r\n information: ''\r\n },\r\n appColors: {\r\n breadcrumbs: '',\r\n background: '',\r\n containers: '',\r\n sidenav: '',\r\n sidenavText: '',\r\n sidenavActive: '',\r\n toolbar: '', \r\n toolbarText: ''\r\n }\r\n}); ","import { signal } from '@angular/core'; \r\nexport const isLoadingSIGNAL = signal<boolean>(false);","import { signal } from \"@angular/core\";\r\nexport const isMenuOpenSIGNAL = signal<boolean>(false);","import { signal } from \"@angular/core\";\r\nexport const isModalOpenSIGNAL = signal<boolean>(false); ","import { signal } from \"@angular/core\";\r\nimport { IMenuSelected } from \"coer-elements/interfaces\";\r\nexport const menuSelectedSIGNAL = signal<IMenuSelected | null>(null);","import { signal } from \"@angular/core\";\r\nimport { IMenu } from \"coer-elements/interfaces\";\r\nexport const navigationSIGNAL = signal<IMenu[]>([]);","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAEA;AACA,MAAM,UAAU,GAAG,QAAQ,CAAkD,MAAK;AAC9E,IAAA,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACnC,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG;AAAE,QAAA,OAAO,IAAI;SACpE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI;AAAE,QAAA,OAAO,IAAI;SACrE,IAAI,MAAM,CAAC,UAAU,IAAI,IAAI,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI;AAAE,QAAA,OAAO,IAAI;;AACtE,QAAA,OAAO,KAAK;AACrB,CAAC,CAAC;MAEW,gBAAgB,GAAG,MAAM,CAAkD,UAAU,EAAE;;ACV7F,MAAM,YAAY,GAAG,MAAM,CAAU;AACxC,IAAA,WAAW,EAAE;AACT,QAAA,IAAI,EAAI,SAAS;AACjB,QAAA,IAAI,EAAI,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,GAAG,EAAK,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,KAAK,EAAG,SAAS;AACjB,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,YAAY,EAAE;AACV,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,SAAS,EAAI,EAAE;AACf,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,OAAO,EAAM,EAAE;AACf,QAAA,MAAM,EAAO,EAAE;AACf,QAAA,UAAU,EAAG,EAAE;AACf,QAAA,WAAW,EAAE;AAChB,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,WAAW,EAAI,EAAE;AACjB,QAAA,UAAU,EAAK,EAAE;AACjB,QAAA,UAAU,EAAK,EAAE;AACjB,QAAA,OAAO,EAAQ,EAAE;AACjB,QAAA,WAAW,EAAI,EAAE;AACjB,QAAA,aAAa,EAAE,EAAE;AACjB,QAAA,OAAO,EAAQ,EAAE;AACjB,QAAA,WAAW,EAAI;AAClB;AACJ,CAAA;;MClCY,eAAe,GAAG,MAAM,CAAU,KAAK;;MCAvC,gBAAgB,GAAG,MAAM,CAAU,KAAK;;MCAxC,iBAAiB,GAAG,MAAM,CAAU,KAAK;;MCCzC,kBAAkB,GAAG,MAAM,CAAuB,IAAI;;MCAtD,gBAAgB,GAAG,MAAM,CAAU,EAAE;;ACFlD;;AAEG;;;;"}
@@ -23,9 +23,10 @@ class Numbers {
23
23
  }
24
24
  /** Return a string with numeric format */
25
25
  static GetNumericFormat(value, decimals = 0) {
26
- if (this.IsNotNumber(value)) {
26
+ if (typeof value === 'string')
27
+ value = Number(value);
28
+ if (this.IsNotNumber(value))
27
29
  return '0';
28
- }
29
30
  let valueInteger = '';
30
31
  let valueDecimal = '';
31
32
  value = value.toString().replaceAll(' ', '');
@@ -56,6 +57,10 @@ class Numbers {
56
57
  valueInteger = VALUE_INTEGER_ARRAY.reverse().join('');
57
58
  return `${valueInteger}${valueDecimal}`;
58
59
  }
60
+ /** Return a string with currency format */
61
+ static GetCurrencyFormat(value, symbol = '$', currency = '') {
62
+ return `${symbol}${this.GetNumericFormat(value, 2)}${currency.length > 0 ? ` ${currency}` : ''}`;
63
+ }
59
64
  }
60
65
 
61
66
  const reference_signal = signal({});
@@ -530,12 +535,12 @@ const GridTemplates = {
530
535
  },
531
536
  /** Enable switch by row, template for boolean property */
532
537
  coerSwitchTemplate: (item) => ({
533
- isInput: true,
538
+ showInput: true,
534
539
  tooltip: `${item.value ? 'Active' : 'Disabled'}`
535
540
  }),
536
541
  /** Enable textbox by row, template for text property */
537
542
  coerTextboxTemplate: (item) => ({
538
- isInput: true,
543
+ showInput: true,
539
544
  isInvalid: item.value.length <= 0
540
545
  }),
541
546
  /** Template for icons */