coer-elements 0.0.30 → 0.0.31

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 (33) hide show
  1. package/components/lib/coer-accordion/coer-accordion.component.d.ts +18 -0
  2. package/components/lib/coer-button/coer-button.component.d.ts +1 -1
  3. package/components/lib/coer-form/coer-form.component.d.ts +3 -1
  4. package/components/lib/coer-numberbox/coer-numberbox.component.d.ts +1 -1
  5. package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
  6. package/components/lib/coer-textbox/coer-textbox.component.d.ts +1 -1
  7. package/components/lib/components.module.d.ts +34 -33
  8. package/components/public-api.d.ts +1 -1
  9. package/esm2022/components/lib/coer-accordion/coer-accordion.component.mjs +53 -0
  10. package/esm2022/components/lib/coer-button/coer-button.component.mjs +11 -5
  11. package/esm2022/components/lib/coer-filebox/coer-filebox.component.mjs +1 -1
  12. package/esm2022/components/lib/coer-form/coer-form.component.mjs +9 -3
  13. package/esm2022/components/lib/coer-grid/coer-grid.component.mjs +3 -3
  14. package/esm2022/components/lib/coer-modal/coer-modal.component.mjs +1 -1
  15. package/esm2022/components/lib/components.module.mjs +8 -3
  16. package/esm2022/components/public-api.mjs +2 -2
  17. package/esm2022/tools/lib/coer-grid.templates.mjs +34 -0
  18. package/esm2022/tools/lib/page.class.mjs +7 -1
  19. package/esm2022/tools/lib/service.class.mjs +2 -2
  20. package/esm2022/tools/public-api.mjs +2 -1
  21. package/fesm2022/coer-elements-components.mjs +93 -58
  22. package/fesm2022/coer-elements-components.mjs.map +1 -1
  23. package/fesm2022/coer-elements-tools.mjs +41 -2
  24. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  25. package/package.json +1 -1
  26. package/styles/angular-material.scss +1 -0
  27. package/styles/bootstrap.scss +0 -6
  28. package/styles/coer-elements.css +27 -6
  29. package/styles/containers.scss +2 -0
  30. package/{components/lib/coer-grid → tools/lib}/coer-grid.templates.d.ts +2 -0
  31. package/tools/lib/page.class.d.ts +4 -0
  32. package/tools/public-api.d.ts +1 -0
  33. package/esm2022/components/lib/coer-grid/coer-grid.templates.mjs +0 -30
@@ -22,6 +22,26 @@ input[type=file] {
22
22
  }
23
23
 
24
24
  /********** COER styles **********/
25
+ mat-expansion-panel.coer-accordion {
26
+ overflow: visible !important;
27
+ }
28
+ mat-expansion-panel.coer-accordion mat-expansion-panel-header {
29
+ height: 35px !important;
30
+ background-color: whitesmoke !important;
31
+ padding-left: 12px !important;
32
+ }
33
+ mat-expansion-panel.coer-accordion mat-expansion-panel-header span {
34
+ font-size: 16px !important;
35
+ }
36
+ mat-expansion-panel.coer-accordion mat-expansion-panel-header mat-panel-title {
37
+ display: flex;
38
+ align-items: center;
39
+ gap: 5px;
40
+ }
41
+ mat-expansion-panel.coer-accordion div.mat-expansion-panel-body {
42
+ padding: 0px !important;
43
+ }
44
+
25
45
  mat-drawer-container {
26
46
  height: calc(100vh - 45px) !important;
27
47
  }
@@ -382,6 +402,7 @@ div.coer-button {
382
402
  }
383
403
  div.coer-button a {
384
404
  display: inline-block !important;
405
+ height: fit-content !important;
385
406
  }
386
407
  div.coer-button a.animate__disabled {
387
408
  animation-duration: 0s !important;
@@ -2156,12 +2177,6 @@ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc
2156
2177
  word-break: break-word;
2157
2178
  }
2158
2179
 
2159
- .invisible {
2160
- visibility: hidden !important;
2161
- width: 0px !important;
2162
- height: 0px !important;
2163
- }
2164
-
2165
2180
  header.coer-page-title {
2166
2181
  margin: 15px 30px 0px 30px;
2167
2182
  }
@@ -3204,6 +3219,8 @@ aside.toast-container > * {
3204
3219
  animation-duration: 1.5s;
3205
3220
  animation-iteration-count: 1;
3206
3221
  animation-fill-mode: both;
3222
+ position: relative;
3223
+ z-index: 1;
3207
3224
  }
3208
3225
 
3209
3226
  .coer-container-tab {
@@ -3216,6 +3233,8 @@ aside.toast-container > * {
3216
3233
  animation-duration: 1.5s;
3217
3234
  animation-iteration-count: 1;
3218
3235
  animation-fill-mode: both;
3236
+ position: relative;
3237
+ z-index: 1;
3219
3238
  padding: 0px;
3220
3239
  }
3221
3240
  .coer-container-tab .row {
@@ -3232,6 +3251,8 @@ aside.toast-container > * {
3232
3251
  animation-duration: 1.5s;
3233
3252
  animation-iteration-count: 1;
3234
3253
  animation-fill-mode: both;
3254
+ position: relative;
3255
+ z-index: 1;
3235
3256
  padding-bottom: 5px;
3236
3257
  }
3237
3258
 
@@ -13,6 +13,8 @@
13
13
  animation-duration: 1.5s;
14
14
  animation-iteration-count: 1;
15
15
  animation-fill-mode: both;
16
+ position: relative;
17
+ z-index: 1;
16
18
  }
17
19
 
18
20
  .coer-container {
@@ -6,4 +6,6 @@ export declare const GridTemplates: {
6
6
  coerSwitchTemplate: (item: IGridItem<any>) => IGridCoerSwitch;
7
7
  /** Template for text property */
8
8
  coerTextboxTemplate: (item: IGridItem<any>) => IGridCoerTextBox;
9
+ /** Template for text property */
10
+ coerIconTemplate: (icon: string, color?: string) => string;
9
11
  };
@@ -55,6 +55,10 @@ export declare class Page implements AfterViewInit, OnDestroy {
55
55
  protected ReloadPage(): void;
56
56
  /** */
57
57
  protected Log(value: any, log?: string | null): void;
58
+ protected isActiveTemplate: (item: import("coer-elements/interfaces").IGridItem<any>) => string;
59
+ protected coerSwitchTemplate: (item: import("coer-elements/interfaces").IGridItem<any>) => import("coer-elements/interfaces").IGridCoerSwitch;
60
+ protected coerTextboxTemplate: (item: import("coer-elements/interfaces").IGridItem<any>) => import("coer-elements/interfaces").IGridCoerTextBox;
61
+ protected coerIconTemplate: (icon: string, color?: string) => string;
58
62
  static ɵfac: i0.ɵɵFactoryDeclaration<Page, never>;
59
63
  static ɵcmp: i0.ɵɵComponentDeclaration<Page, "ng-component", never, {}, {}, never, never, false, never>;
60
64
  }
@@ -1,5 +1,6 @@
1
1
  export * from './lib/coer-alert/coer-alert.component';
2
2
  export * from './lib/breadcrumbs.class';
3
+ export * from './lib/coer-grid.templates';
3
4
  export * from './lib/colors.class';
4
5
  export * from './lib/control-value.class';
5
6
  export * from './lib/date-time.class';
@@ -1,30 +0,0 @@
1
- export const GridTemplates = {
2
- /** Template for boolean property */
3
- isActiveTemplate: (item) => {
4
- if (item.value) {
5
- return `
6
- <span class='text-green-bold'>
7
- <i class="fa-solid fa-circle-check"></i> Active
8
- </span>
9
- `;
10
- }
11
- else {
12
- return `
13
- <span class='text-gray-bold'>
14
- <i class="fa-solid fa-circle-minus"></i> Disabled
15
- </span>
16
- `;
17
- }
18
- },
19
- /** Template for boolean property */
20
- coerSwitchTemplate: (item) => ({
21
- isInput: true,
22
- tooltip: `${item.value ? 'Active' : 'Disabled'}`
23
- }),
24
- /** Template for text property */
25
- coerTextboxTemplate: (item) => ({
26
- isInput: true,
27
- isInvalid: item.value.length <= 0
28
- })
29
- };
30
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29lci1ncmlkLnRlbXBsYXRlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvZXItZWxlbWVudHMvY29tcG9uZW50cy9saWIvY29lci1ncmlkL2NvZXItZ3JpZC50ZW1wbGF0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHO0lBRXpCLG9DQUFvQztJQUNwQyxnQkFBZ0IsRUFBRSxDQUFDLElBQW9CLEVBQVUsRUFBRTtRQUMvQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNiLE9BQU87Ozs7YUFJTixDQUFDO1FBQ04sQ0FBQzthQUVJLENBQUM7WUFDRixPQUFPOzs7O2FBSU4sQ0FBQztRQUNOLENBQUM7SUFDTCxDQUFDO0lBRUQsb0NBQW9DO0lBQ3BDLGtCQUFrQixFQUFFLENBQUMsSUFBb0IsRUFBbUIsRUFBRSxDQUFDLENBQUM7UUFDNUQsT0FBTyxFQUFFLElBQUk7UUFDYixPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVcsRUFBRTtLQUNwRCxDQUFDO0lBR0YsaUNBQWlDO0lBQ2pDLG1CQUFtQixFQUFFLENBQUMsSUFBb0IsRUFBb0IsRUFBRSxDQUFDLENBQUM7UUFDOUQsT0FBTyxFQUFFLElBQUk7UUFDYixTQUFTLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksQ0FBQztLQUNwQyxDQUFDO0NBQ0wsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElHcmlkQ29lclN3aXRjaCwgSUdyaWRDb2VyVGV4dEJveCwgSUdyaWRJdGVtIH0gZnJvbSBcImNvZXItZWxlbWVudHMvaW50ZXJmYWNlc1wiO1xyXG5cclxuZXhwb3J0IGNvbnN0IEdyaWRUZW1wbGF0ZXMgPSB7XHJcblxyXG4gICAgLyoqIFRlbXBsYXRlIGZvciBib29sZWFuIHByb3BlcnR5ICovXHJcbiAgICBpc0FjdGl2ZVRlbXBsYXRlOiAoaXRlbTogSUdyaWRJdGVtPGFueT4pOiBzdHJpbmcgPT4ge1xyXG4gICAgICAgIGlmIChpdGVtLnZhbHVlKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBgXHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0ndGV4dC1ncmVlbi1ib2xkJz5cclxuICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWNpcmNsZS1jaGVja1wiPjwvaT4gQWN0aXZlXHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIGA7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgcmV0dXJuIGBcclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSd0ZXh0LWdyYXktYm9sZCc+XHJcbiAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBmYS1jaXJjbGUtbWludXNcIj48L2k+IERpc2FibGVkXHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIGA7XHJcbiAgICAgICAgfVxyXG4gICAgfSxcclxuXHJcbiAgICAvKiogVGVtcGxhdGUgZm9yIGJvb2xlYW4gcHJvcGVydHkgKi9cclxuICAgIGNvZXJTd2l0Y2hUZW1wbGF0ZTogKGl0ZW06IElHcmlkSXRlbTxhbnk+KTogSUdyaWRDb2VyU3dpdGNoID0+ICh7XHJcbiAgICAgICAgaXNJbnB1dDogdHJ1ZSxcclxuICAgICAgICB0b29sdGlwOiBgJHtpdGVtLnZhbHVlID8gJ0FjdGl2ZScgOiAnRGlzYWJsZWQnIH1gXHJcbiAgICB9KSxcclxuXHJcblxyXG4gICAgLyoqIFRlbXBsYXRlIGZvciB0ZXh0IHByb3BlcnR5ICovXHJcbiAgICBjb2VyVGV4dGJveFRlbXBsYXRlOiAoaXRlbTogSUdyaWRJdGVtPGFueT4pOiBJR3JpZENvZXJUZXh0Qm94ID0+ICh7XHJcbiAgICAgICAgaXNJbnB1dDogdHJ1ZSxcclxuICAgICAgICBpc0ludmFsaWQ6IGl0ZW0udmFsdWUubGVuZ3RoIDw9IDBcclxuICAgIH0pXHJcbn0iXX0=