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
@@ -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 */
@@ -748,6 +753,13 @@ class HTMLElements {
748
753
  }
749
754
  }; }
750
755
  /** */
756
+ static { this.GetOffsetTop = (element) => {
757
+ const HTML_ELEMENT = (typeof element === 'string') ? this.GetElement(element) : element;
758
+ return (HTML_ELEMENT)
759
+ ? HTML_ELEMENT.offsetTop
760
+ : 0;
761
+ }; }
762
+ /** */
751
763
  static { this.GetCssValue = (element, style) => {
752
764
  const HTML_ELEMENT = (typeof element === 'string') ? this.GetElement(element) : element;
753
765
  return (HTML_ELEMENT)
@@ -840,6 +852,31 @@ class HTMLElements {
840
852
  }
841
853
  return false;
842
854
  }; }
855
+ /** */
856
+ static { this.HasChildren = (element) => {
857
+ return this.GetChildren(element).length > 0;
858
+ }; }
859
+ /** */
860
+ static { this.GetChildren = (element) => {
861
+ const HTML_ELEMENT = (typeof element === 'string') ? this.GetElement(element) : element;
862
+ return (HTML_ELEMENT)
863
+ ? Array.from(HTML_ELEMENT?.children)
864
+ : [];
865
+ }; }
866
+ /** */
867
+ static { this.GetFather = (element) => {
868
+ const HTML_ELEMENT = (typeof element === 'string') ? this.GetElement(element) : element;
869
+ return (HTML_ELEMENT)
870
+ ? HTML_ELEMENT.parentElement
871
+ : null;
872
+ }; }
873
+ /** */
874
+ static { this.GetGrandfather = (element) => {
875
+ const HTML_ELEMENT = (typeof element === 'string') ? this.GetElement(element) : element;
876
+ return (HTML_ELEMENT)
877
+ ? HTML_ELEMENT.parentElement?.parentElement || null
878
+ : null;
879
+ }; }
843
880
  }
844
881
  ;
845
882