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.
- package/components/lib/coer-button/coer-button.component.d.ts +2 -1
- package/components/lib/coer-checkbox/coer-checkbox.component.d.ts +1 -1
- package/components/lib/coer-datebox/coer-datebox.component.d.ts +0 -1
- package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +1 -2
- package/components/lib/coer-grid/coer-grid-body/coer-grid-body.component.d.ts +102 -0
- package/components/lib/coer-grid/coer-grid-cell/coer-grid-cell.component.d.ts +52 -0
- package/components/lib/coer-grid/coer-grid-footer/coer-grid-footer.component.d.ts +15 -0
- package/components/lib/coer-grid/coer-grid-header/coer-grid-header.component.d.ts +71 -0
- package/components/lib/coer-grid/coer-grid.component.d.ts +27 -32
- package/components/lib/coer-grid/coer-grid.extension.d.ts +56 -87
- package/components/lib/coer-modal/coer-modal.component.d.ts +1 -1
- package/components/lib/coer-switch/coer-switch.component.d.ts +6 -2
- package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
- package/components/lib/components.module.d.ts +40 -36
- package/fesm2022/coer-elements-components.mjs +1822 -1470
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-interceptors.mjs +0 -1
- package/fesm2022/coer-elements-interceptors.mjs.map +1 -1
- package/fesm2022/coer-elements-interfaces.mjs.map +1 -1
- package/fesm2022/coer-elements-pages.mjs +2 -2
- package/fesm2022/coer-elements-pages.mjs.map +1 -1
- package/fesm2022/coer-elements-pipes.mjs.map +1 -1
- package/fesm2022/coer-elements-services.mjs +35 -6
- package/fesm2022/coer-elements-services.mjs.map +1 -1
- package/fesm2022/coer-elements-signals.mjs +1 -3
- package/fesm2022/coer-elements-signals.mjs.map +1 -1
- package/fesm2022/coer-elements-tools.mjs +41 -4
- package/fesm2022/coer-elements-tools.mjs.map +1 -1
- package/interfaces/lib/coer-grid/grid-button-by-row.interface.d.ts +4 -4
- package/interfaces/lib/coer-grid/grid-coer-numberbox.interface.d.ts +1 -1
- package/interfaces/lib/coer-grid/grid-coer-selectbox.interface.d.ts +2 -1
- package/interfaces/lib/coer-grid/grid-coer-switch.interface.d.ts +1 -1
- package/interfaces/lib/coer-grid/grid-coer-textbox.interface.d.ts +1 -1
- package/interfaces/lib/coer-grid/grid-column.interface.d.ts +8 -4
- package/interfaces/lib/coer-grid/grid-footer.interface.d.ts +3 -0
- package/interfaces/lib/coer-grid/grid-header-button.interface.d.ts +1 -1
- package/interfaces/lib/coer-grid/grid-header-export-button.interface.d.ts +1 -1
- package/interfaces/lib/coer-grid/grid-header-import-button.interface.d.ts +1 -1
- package/interfaces/lib/coer-grid/grid-header.interface.d.ts +4 -2
- package/interfaces/lib/coer-grid/grid-import.interface.d.ts +1 -0
- package/interfaces/lib/coer-grid/grid-input.interface.d.ts +1 -0
- package/interfaces/lib/coer-grid/grid-keyup-enter.interface.d.ts +2 -2
- package/interfaces/lib/coer-grid/grid-search.interface.d.ts +1 -0
- package/interfaces/lib/option.interface.d.ts +1 -1
- package/interfaces/public-api.d.ts +1 -0
- package/package.json +1 -1
- package/pipes/lib/html.pipe.d.ts +2 -2
- package/services/lib/jwt.service.d.ts +4 -0
- package/signals/public-api.d.ts +0 -1
- package/styles/animations.scss +9 -0
- package/styles/coer-elements.css +1 -1
- package/styles/components.scss +54 -38
- package/styles/displays.scss +1 -1
- package/styles/paragraphs.scss +13 -0
- package/tools/lib/html-elements.tools.d.ts +10 -0
- package/tools/lib/numbers.tools.d.ts +2 -0
- package/tools/lib/tools.d.ts +1 -1
- 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,
|
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/
|
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 (
|
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
|
-
|
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
|
-
|
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
|
|