coer-elements 0.0.30 → 0.0.31

Sign up to get free protection for your applications and to get access to all the features.
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=