coer-elements 2.0.22 → 2.0.23

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 (47) hide show
  1. package/components/lib/coer-button/coer-button.component.d.ts +1 -1
  2. package/components/lib/coer-card/coer-card.component.d.ts +13 -0
  3. package/components/lib/coer-datebox/coer-datebox.component.d.ts +1 -1
  4. package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +1 -1
  5. package/components/lib/coer-numberbox/coer-numberbox.component.d.ts +1 -1
  6. package/components/lib/coer-secretbox/coer-secretbox.component.d.ts +1 -1
  7. package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
  8. package/components/lib/coer-textbox/coer-textbox.component.d.ts +1 -1
  9. package/components/lib/components.module.d.ts +41 -40
  10. package/components/public-api.d.ts +1 -0
  11. package/fesm2022/coer-elements-components.mjs +27 -1
  12. package/fesm2022/coer-elements-components.mjs.map +1 -1
  13. package/fesm2022/coer-elements-pages.mjs +2 -2
  14. package/fesm2022/coer-elements-pages.mjs.map +1 -1
  15. package/fesm2022/coer-elements-tools.mjs +38 -45
  16. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  17. package/fesm2022/coer-elements.mjs +2 -1
  18. package/fesm2022/coer-elements.mjs.map +1 -1
  19. package/fonts/consolas.ttf +0 -0
  20. package/fonts/montserrat.ttf +0 -0
  21. package/fonts/roboto-monospace.ttf +0 -0
  22. package/fonts/roboto.ttf +0 -0
  23. package/index.d.ts +1 -1
  24. package/package.json +4 -2
  25. package/styles/border.scss +30 -0
  26. package/styles/coer-elements.css +17430 -3609
  27. package/styles/colors.scss +28 -8
  28. package/styles/containers.scss +1 -1
  29. package/styles/font.scss +55 -5
  30. package/styles/icons.scss +34 -4
  31. package/styles/index.scss +3 -0
  32. package/styles/layout-flex-wrap.scss +32 -32
  33. package/styles/layout-grid.scss +12 -5
  34. package/styles/margin.scss +1 -1
  35. package/styles/padding.scss +1 -1
  36. package/styles/paragraph.scss +3 -0
  37. package/styles/position.scss +20 -4
  38. package/styles/width-height.scss +145 -0
  39. package/svg/bulb-light-idea-fill.svg +1 -1
  40. package/svg/css.svg +3 -0
  41. package/svg/developer.svg +3 -0
  42. package/svg/envelope.svg +3 -0
  43. package/svg/html.svg +3 -0
  44. package/svg/javascript.svg +3 -0
  45. package/svg/whatsapp.svg +3 -0
  46. package/tools/lib/page.tools.d.ts +12 -14
  47. package/tools/lib/section.tools.d.ts +0 -2
@@ -6,7 +6,7 @@ export declare class CoerButton implements OnInit, OnDestroy {
6
6
  private _tooltip;
7
7
  private _tooltipElement;
8
8
  id: import("@angular/core").InputSignal<string>;
9
- color: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "default" | "information" | "dark" | "light">;
9
+ color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark" | "light">;
10
10
  type: import("@angular/core").InputSignal<"filled" | "outline" | "icon" | "icon-outline" | "icon-no-border">;
11
11
  icon: import("@angular/core").InputSignal<string>;
12
12
  iconPosition: import("@angular/core").InputSignal<"left" | "right">;
@@ -0,0 +1,13 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class CoerCard {
3
+ protected IsNotOnlyWhiteSpace: (value: any) => boolean;
4
+ protected _id: string;
5
+ id: import("@angular/core").InputSignal<string>;
6
+ icon: import("@angular/core").InputSignal<string>;
7
+ name: import("@angular/core").InputSignal<string>;
8
+ title: import("@angular/core").InputSignal<string>;
9
+ phone: import("@angular/core").InputSignal<string>;
10
+ email: import("@angular/core").InputSignal<string>;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<CoerCard, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<CoerCard, "coer-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "phone": { "alias": "phone"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
13
+ }
@@ -17,7 +17,7 @@ export declare class CoerDateBox extends ControlValue implements OnInit {
17
17
  id: import("@angular/core").InputSignal<string>;
18
18
  label: import("@angular/core").InputSignal<string>;
19
19
  placeholder: import("@angular/core").InputSignal<string>;
20
- textPosition: import("@angular/core").InputSignal<"left" | "center" | "right">;
20
+ textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
21
21
  isInvalid: import("@angular/core").InputSignal<boolean>;
22
22
  isValid: import("@angular/core").InputSignal<boolean>;
23
23
  isLoading: import("@angular/core").InputSignal<boolean>;
@@ -13,7 +13,7 @@ export declare class CoerDropdown<T> extends ControlValue implements AfterViewIn
13
13
  set value(value: T | null | undefined);
14
14
  id: import("@angular/core").InputSignal<string>;
15
15
  label: import("@angular/core").InputSignal<string>;
16
- color: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "default" | "dark" | "light">;
16
+ color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "dark" | "light">;
17
17
  type: import("@angular/core").InputSignal<"filled" | "outline">;
18
18
  dataSource: import("@angular/core").InputSignal<T[]>;
19
19
  propDisplay: import("@angular/core").InputSignal<string>;
@@ -13,7 +13,7 @@ export declare class CoerNumberBox extends ControlValue implements AfterViewInit
13
13
  id: import("@angular/core").InputSignal<string>;
14
14
  label: import("@angular/core").InputSignal<string>;
15
15
  placeholder: import("@angular/core").InputSignal<string>;
16
- textPosition: import("@angular/core").InputSignal<"left" | "center" | "right">;
16
+ textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
17
17
  min: import("@angular/core").InputSignal<number>;
18
18
  max: import("@angular/core").InputSignal<number>;
19
19
  isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -12,7 +12,7 @@ export declare class CoerSecretBox extends ControlValue implements OnInit {
12
12
  id: import("@angular/core").InputSignal<string>;
13
13
  label: import("@angular/core").InputSignal<string>;
14
14
  placeholder: import("@angular/core").InputSignal<string>;
15
- textPosition: import("@angular/core").InputSignal<"left" | "center" | "right">;
15
+ textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
16
16
  minLength: import("@angular/core").InputSignal<string | number>;
17
17
  maxLength: import("@angular/core").InputSignal<string | number>;
18
18
  isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -10,7 +10,7 @@ export declare class CoerTextarea extends ControlValue implements OnInit {
10
10
  id: import("@angular/core").InputSignal<string>;
11
11
  label: import("@angular/core").InputSignal<string>;
12
12
  placeholder: import("@angular/core").InputSignal<string>;
13
- textPosition: import("@angular/core").InputSignal<"left" | "center" | "right">;
13
+ textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
14
14
  minLength: import("@angular/core").InputSignal<string | number>;
15
15
  maxLength: import("@angular/core").InputSignal<string | number>;
16
16
  isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -12,7 +12,7 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
12
12
  id: import("@angular/core").InputSignal<string>;
13
13
  label: import("@angular/core").InputSignal<string>;
14
14
  placeholder: import("@angular/core").InputSignal<string>;
15
- textPosition: import("@angular/core").InputSignal<"left" | "center" | "right">;
15
+ textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
16
16
  minLength: import("@angular/core").InputSignal<string | number>;
17
17
  maxLength: import("@angular/core").InputSignal<string | number>;
18
18
  isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -1,47 +1,48 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./coer-accordion/coer-accordion.component";
3
3
  import * as i2 from "./coer-button/coer-button.component";
4
- import * as i3 from "./coer-checkbox/coer-checkbox.component";
5
- import * as i4 from "./coer-datebox/coer-datebox.component";
6
- import * as i5 from "./coer-filebox/coer-filebox.component";
7
- import * as i6 from "./coer-form/coer-form.component";
8
- import * as i7 from "./coer-grid/coer-grid.component";
9
- import * as i8 from "./coer-list/coer-list.component";
10
- import * as i9 from "./coer-sidenav/coer-menu-option/coer-menu-option.component";
11
- import * as i10 from "./coer-modal/coer-modal.component";
12
- import * as i11 from "./coer-numberbox/coer-numberbox.component";
13
- import * as i12 from "./coer-secretbox/coer-secretbox.component";
14
- import * as i13 from "./coer-page-title/coer-page-title.component";
15
- import * as i14 from "./coer-sidenav/coer-sidenav.component";
16
- import * as i15 from "./coer-selectbox/coer-selectbox.component";
17
- import * as i16 from "./coer-dropdown/coer-dropdown.component";
18
- import * as i17 from "./coer-switch/coer-switch.component";
19
- import * as i18 from "./coer-tab/coer-tab.component";
20
- import * as i19 from "./coer-textarea/coer-textarea.component";
21
- import * as i20 from "./coer-textbox/coer-textbox.component";
22
- import * as i21 from "./coer-sidenav/coer-toolbar/coer-toolbar.component";
23
- import * as i22 from "./coer-sidenav/coer-tree-accordion/coer-tree-accordion.component";
24
- import * as i23 from "@angular/common";
25
- import * as i24 from "@angular/cdk/drag-drop";
26
- import * as i25 from "@angular/router";
27
- import * as i26 from "@angular/forms";
28
- import * as i27 from "@angular/material/button";
29
- import * as i28 from "@angular/material/checkbox";
30
- import * as i29 from "@angular/material/datepicker";
31
- import * as i30 from "@angular/material/sidenav";
32
- import * as i31 from "@angular/material/expansion";
33
- import * as i32 from "@angular/material/form-field";
34
- import * as i33 from "@angular/material/input";
35
- import * as i34 from "@angular/material/timepicker";
36
- import * as i35 from "@angular/material/list";
37
- import * as i36 from "@angular/material/core";
38
- import * as i37 from "@angular/material/slide-toggle";
39
- import * as i38 from "@angular/material/toolbar";
40
- import * as i39 from "@angular/material/tabs";
41
- import * as i40 from "coer-elements/directives";
42
- import * as i41 from "coer-elements/pipes";
4
+ import * as i3 from "./coer-card/coer-card.component";
5
+ import * as i4 from "./coer-checkbox/coer-checkbox.component";
6
+ import * as i5 from "./coer-datebox/coer-datebox.component";
7
+ import * as i6 from "./coer-filebox/coer-filebox.component";
8
+ import * as i7 from "./coer-form/coer-form.component";
9
+ import * as i8 from "./coer-grid/coer-grid.component";
10
+ import * as i9 from "./coer-list/coer-list.component";
11
+ import * as i10 from "./coer-sidenav/coer-menu-option/coer-menu-option.component";
12
+ import * as i11 from "./coer-modal/coer-modal.component";
13
+ import * as i12 from "./coer-numberbox/coer-numberbox.component";
14
+ import * as i13 from "./coer-secretbox/coer-secretbox.component";
15
+ import * as i14 from "./coer-page-title/coer-page-title.component";
16
+ import * as i15 from "./coer-sidenav/coer-sidenav.component";
17
+ import * as i16 from "./coer-selectbox/coer-selectbox.component";
18
+ import * as i17 from "./coer-dropdown/coer-dropdown.component";
19
+ import * as i18 from "./coer-switch/coer-switch.component";
20
+ import * as i19 from "./coer-tab/coer-tab.component";
21
+ import * as i20 from "./coer-textarea/coer-textarea.component";
22
+ import * as i21 from "./coer-textbox/coer-textbox.component";
23
+ import * as i22 from "./coer-sidenav/coer-toolbar/coer-toolbar.component";
24
+ import * as i23 from "./coer-sidenav/coer-tree-accordion/coer-tree-accordion.component";
25
+ import * as i24 from "@angular/common";
26
+ import * as i25 from "@angular/cdk/drag-drop";
27
+ import * as i26 from "@angular/router";
28
+ import * as i27 from "@angular/forms";
29
+ import * as i28 from "@angular/material/button";
30
+ import * as i29 from "@angular/material/checkbox";
31
+ import * as i30 from "@angular/material/datepicker";
32
+ import * as i31 from "@angular/material/sidenav";
33
+ import * as i32 from "@angular/material/expansion";
34
+ import * as i33 from "@angular/material/form-field";
35
+ import * as i34 from "@angular/material/input";
36
+ import * as i35 from "@angular/material/timepicker";
37
+ import * as i36 from "@angular/material/list";
38
+ import * as i37 from "@angular/material/core";
39
+ import * as i38 from "@angular/material/slide-toggle";
40
+ import * as i39 from "@angular/material/toolbar";
41
+ import * as i40 from "@angular/material/tabs";
42
+ import * as i41 from "coer-elements/directives";
43
+ import * as i42 from "coer-elements/pipes";
43
44
  export declare class ComponentsModule {
44
45
  static ɵfac: i0.ɵɵFactoryDeclaration<ComponentsModule, never>;
45
- static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, [typeof i1.CoerAccordion, typeof i2.CoerButton, typeof i3.CoerCheckbox, typeof i4.CoerDateBox, typeof i5.CoerFilebox, typeof i6.CoerForm, typeof i7.CoerGrid, typeof i8.CoerList, typeof i9.CoerMenuOption, typeof i10.CoerModal, typeof i11.CoerNumberBox, typeof i12.CoerSecretBox, typeof i13.CoerPageTitle, typeof i14.CoerSidenav, typeof i15.CoerSelectbox, typeof i16.CoerDropdown, typeof i17.CoerSwitch, typeof i18.CoerTab, typeof i19.CoerTextarea, typeof i20.CoerTextBox, typeof i21.CoerToolbar, typeof i22.CoerTreeAccordion], [typeof i23.CommonModule, typeof i24.CdkDrag, typeof i24.CdkDragHandle, typeof i24.CdkDragPlaceholder, typeof i24.CdkDropList, typeof i25.RouterModule, typeof i26.FormsModule, typeof i26.ReactiveFormsModule, typeof i27.MatButtonModule, typeof i28.MatCheckboxModule, typeof i29.MatDatepickerModule, typeof i30.MatDrawerContainer, typeof i30.MatDrawerContent, typeof i30.MatDrawer, typeof i31.MatExpansionModule, typeof i32.MatFormFieldModule, typeof i33.MatInputModule, typeof i34.MatTimepickerModule, typeof i35.MatListModule, typeof i36.MatNativeDateModule, typeof i37.MatSlideToggleModule, typeof i38.MatToolbarModule, typeof i39.MatTabsModule, typeof i40.DirectivesModule, typeof i41.PipesModule], [typeof i1.CoerAccordion, typeof i2.CoerButton, typeof i3.CoerCheckbox, typeof i4.CoerDateBox, typeof i5.CoerFilebox, typeof i6.CoerForm, typeof i7.CoerGrid, typeof i8.CoerList, typeof i10.CoerModal, typeof i11.CoerNumberBox, typeof i12.CoerSecretBox, typeof i13.CoerPageTitle, typeof i14.CoerSidenav, typeof i15.CoerSelectbox, typeof i16.CoerDropdown, typeof i17.CoerSwitch, typeof i18.CoerTab, typeof i19.CoerTextarea, typeof i20.CoerTextBox, typeof i21.CoerToolbar, typeof i22.CoerTreeAccordion]>;
46
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, [typeof i1.CoerAccordion, typeof i2.CoerButton, typeof i3.CoerCard, typeof i4.CoerCheckbox, typeof i5.CoerDateBox, typeof i6.CoerFilebox, typeof i7.CoerForm, typeof i8.CoerGrid, typeof i9.CoerList, typeof i10.CoerMenuOption, typeof i11.CoerModal, typeof i12.CoerNumberBox, typeof i13.CoerSecretBox, typeof i14.CoerPageTitle, typeof i15.CoerSidenav, typeof i16.CoerSelectbox, typeof i17.CoerDropdown, typeof i18.CoerSwitch, typeof i19.CoerTab, typeof i20.CoerTextarea, typeof i21.CoerTextBox, typeof i22.CoerToolbar, typeof i23.CoerTreeAccordion], [typeof i24.CommonModule, typeof i25.CdkDrag, typeof i25.CdkDragHandle, typeof i25.CdkDragPlaceholder, typeof i25.CdkDropList, typeof i26.RouterModule, typeof i27.FormsModule, typeof i27.ReactiveFormsModule, typeof i28.MatButtonModule, typeof i29.MatCheckboxModule, typeof i30.MatDatepickerModule, typeof i31.MatDrawerContainer, typeof i31.MatDrawerContent, typeof i31.MatDrawer, typeof i32.MatExpansionModule, typeof i33.MatFormFieldModule, typeof i34.MatInputModule, typeof i35.MatTimepickerModule, typeof i36.MatListModule, typeof i37.MatNativeDateModule, typeof i38.MatSlideToggleModule, typeof i39.MatToolbarModule, typeof i40.MatTabsModule, typeof i41.DirectivesModule, typeof i42.PipesModule], [typeof i1.CoerAccordion, typeof i2.CoerButton, typeof i3.CoerCard, typeof i4.CoerCheckbox, typeof i5.CoerDateBox, typeof i6.CoerFilebox, typeof i7.CoerForm, typeof i8.CoerGrid, typeof i9.CoerList, typeof i11.CoerModal, typeof i12.CoerNumberBox, typeof i13.CoerSecretBox, typeof i14.CoerPageTitle, typeof i15.CoerSidenav, typeof i16.CoerSelectbox, typeof i17.CoerDropdown, typeof i18.CoerSwitch, typeof i19.CoerTab, typeof i20.CoerTextarea, typeof i21.CoerTextBox, typeof i22.CoerToolbar, typeof i23.CoerTreeAccordion]>;
46
47
  static ɵinj: i0.ɵɵInjectorDeclaration<ComponentsModule>;
47
48
  }
@@ -1,6 +1,7 @@
1
1
  export * from './lib/components.module';
2
2
  export * from './lib/coer-accordion/coer-accordion.component';
3
3
  export * from './lib/coer-button/coer-button.component';
4
+ export * from './lib/coer-card/coer-card.component';
4
5
  export * from './lib/coer-checkbox/coer-checkbox.component';
5
6
  export * from './lib/coer-datebox/coer-datebox.component';
6
7
  export * from './lib/coer-filebox/coer-filebox.component';
@@ -253,6 +253,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
253
253
  type: Input
254
254
  }] } });
255
255
 
256
+ class CoerCard {
257
+ constructor() {
258
+ //Generic Tools
259
+ this.IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;
260
+ //Variables
261
+ this._id = Tools.GetGuid('coer-accordion');
262
+ //Inputs
263
+ this.id = input('');
264
+ this.icon = input('');
265
+ this.name = input('');
266
+ this.title = input('');
267
+ this.phone = input('');
268
+ this.email = input('');
269
+ }
270
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
271
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerCard, isStandalone: false, selector: "coer-card", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, phone: { classPropertyName: "phone", publicName: "phone", isSignal: true, isRequired: false, transformFunction: null }, email: { classPropertyName: "email", publicName: "email", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<figure class=\"coer-container width-min-content\">\r\n\r\n <div class=\"flex-wrap gap-0px\"> \r\n @if(IsNotOnlyWhiteSpace(name()) || IsNotOnlyWhiteSpace(title())) {\r\n <div class=\"flex-item-grow-300px flex-middle-left\">\r\n @if(IsNotOnlyWhiteSpace(icon())) {\r\n <i [class]=\"icon() + ' ' + 'font-size-39px'\"></i>\r\n }\r\n\r\n <div>\r\n @if(IsNotOnlyWhiteSpace(name())) {\r\n <p class=\"white-space-nowrap\"> {{ name() }} </p> \r\n }\r\n @if(title()) {\r\n <p class=\"white-space-nowrap\"> {{ title() }} </p>\r\n }\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (IsNotOnlyWhiteSpace(phone()) || IsNotOnlyWhiteSpace(email())) {\r\n <div class=\"flex-item-100 padding-top-5px\"></div>\r\n \r\n <div class=\"flex-item-100 padding-top-5px border-solid-top-2px\">\r\n <p class=\"flex-middle-left gap-20px\">\r\n @if(IsNotOnlyWhiteSpace(phone())) {\r\n <span class=\"flex-middle-left gap-5px\">\r\n <i class=\"coer-icon-whatsapp\"></i>\r\n <span> {{ phone() }} </span>\r\n </span>\r\n }\r\n\r\n @if(IsNotOnlyWhiteSpace(email())) {\r\n <span class=\"flex-middle-left gap-5px\">\r\n <i class=\"coer-icon-envelope\"></i>\r\n <span> {{ email() }} </span>\r\n </span>\r\n }\r\n </p>\r\n </div> \r\n }\r\n </div> \r\n</figure>" }); }
272
+ }
273
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerCard, decorators: [{
274
+ type: Component,
275
+ args: [{ selector: 'coer-card', standalone: false, template: "<figure class=\"coer-container width-min-content\">\r\n\r\n <div class=\"flex-wrap gap-0px\"> \r\n @if(IsNotOnlyWhiteSpace(name()) || IsNotOnlyWhiteSpace(title())) {\r\n <div class=\"flex-item-grow-300px flex-middle-left\">\r\n @if(IsNotOnlyWhiteSpace(icon())) {\r\n <i [class]=\"icon() + ' ' + 'font-size-39px'\"></i>\r\n }\r\n\r\n <div>\r\n @if(IsNotOnlyWhiteSpace(name())) {\r\n <p class=\"white-space-nowrap\"> {{ name() }} </p> \r\n }\r\n @if(title()) {\r\n <p class=\"white-space-nowrap\"> {{ title() }} </p>\r\n }\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (IsNotOnlyWhiteSpace(phone()) || IsNotOnlyWhiteSpace(email())) {\r\n <div class=\"flex-item-100 padding-top-5px\"></div>\r\n \r\n <div class=\"flex-item-100 padding-top-5px border-solid-top-2px\">\r\n <p class=\"flex-middle-left gap-20px\">\r\n @if(IsNotOnlyWhiteSpace(phone())) {\r\n <span class=\"flex-middle-left gap-5px\">\r\n <i class=\"coer-icon-whatsapp\"></i>\r\n <span> {{ phone() }} </span>\r\n </span>\r\n }\r\n\r\n @if(IsNotOnlyWhiteSpace(email())) {\r\n <span class=\"flex-middle-left gap-5px\">\r\n <i class=\"coer-icon-envelope\"></i>\r\n <span> {{ email() }} </span>\r\n </span>\r\n }\r\n </p>\r\n </div> \r\n }\r\n </div> \r\n</figure>" }]
276
+ }] });
277
+
256
278
  class CoerCheckbox extends ControlValue {
257
279
  constructor() {
258
280
  super(...arguments);
@@ -4068,6 +4090,7 @@ class ComponentsModule {
4068
4090
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
4069
4091
  static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: ComponentsModule, declarations: [CoerAccordion,
4070
4092
  CoerButton,
4093
+ CoerCard,
4071
4094
  CoerCheckbox,
4072
4095
  CoerDateBox,
4073
4096
  CoerFilebox,
@@ -4113,6 +4136,7 @@ class ComponentsModule {
4113
4136
  DirectivesModule,
4114
4137
  PipesModule], exports: [CoerAccordion,
4115
4138
  CoerButton,
4139
+ CoerCard,
4116
4140
  CoerCheckbox,
4117
4141
  CoerDateBox,
4118
4142
  CoerFilebox,
@@ -4187,6 +4211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
4187
4211
  declarations: [
4188
4212
  CoerAccordion,
4189
4213
  CoerButton,
4214
+ CoerCard,
4190
4215
  CoerCheckbox,
4191
4216
  CoerDateBox,
4192
4217
  CoerFilebox,
@@ -4211,6 +4236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
4211
4236
  exports: [
4212
4237
  CoerAccordion,
4213
4238
  CoerButton,
4239
+ CoerCard,
4214
4240
  CoerCheckbox,
4215
4241
  CoerDateBox,
4216
4242
  CoerFilebox,
@@ -4238,5 +4264,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
4238
4264
  * Generated bundle index. Do not edit.
4239
4265
  */
4240
4266
 
4241
- export { CoerAccordion, CoerButton, CoerCheckbox, CoerDateBox, CoerDropdown, CoerFilebox, CoerForm, CoerGrid, CoerList, CoerModal, CoerNumberBox, CoerPageTitle, CoerSecretBox, CoerSelectbox, CoerSidenav, CoerSwitch, CoerTab, CoerTextBox, CoerTextarea, CoerToolbar, CoerTreeAccordion, ComponentsModule };
4267
+ export { CoerAccordion, CoerButton, CoerCard, CoerCheckbox, CoerDateBox, CoerDropdown, CoerFilebox, CoerForm, CoerGrid, CoerList, CoerModal, CoerNumberBox, CoerPageTitle, CoerSecretBox, CoerSelectbox, CoerSidenav, CoerSwitch, CoerTab, CoerTextBox, CoerTextarea, CoerToolbar, CoerTreeAccordion, ComponentsModule };
4242
4268
  //# sourceMappingURL=coer-elements-components.mjs.map