@ethlete/cdk 3.14.0 → 3.15.0

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/esm2022/lib/components/forms/components/checkbox/components/checkbox-field/checkbox-field.component.mjs +11 -20
  3. package/esm2022/lib/components/forms/components/radio/components/radio-field/radio-field.component.mjs +10 -18
  4. package/fesm2022/ethlete-cdk.mjs +19 -36
  5. package/fesm2022/ethlete-cdk.mjs.map +1 -1
  6. package/lib/components/forms/components/checkbox/components/checkbox-field/checkbox-field.component.d.ts +1 -1
  7. package/lib/components/forms/components/radio/components/radio-field/radio-field.component.d.ts +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @ethlete/cdk
2
2
 
3
+ ## 3.15.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`a0f57eef`](https://github.com/ethlete-io/ethdk/commit/a0f57eef974a363df34d88bd18c4d7692d0a0446) Thanks [@TomTomB](https://github.com/TomTomB)! - Add alternate selectors for radio card field and checkbox card field to display them as cards
8
+
3
9
  ## 3.14.0
4
10
 
5
11
  ### Minor Changes
package/esm2022/lib/components/forms/components/checkbox/components/checkbox-field/checkbox-field.component.mjs CHANGED
@@ -14,32 +14,25 @@ export class CheckboxFieldComponent {
14
14
  this.inputState = inject(InputStateService);
15
15
  }
16
16
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: CheckboxFieldComponent, isStandalone: true, selector: "et-checkbox-field", host: { classAttribute: "et-form-field et-checkbox-field" }, hostDirectives: [{ directive: i1.StaticFormFieldDirective }, { directive: i2.WriteableInputDirective }, { directive: i0.forwardRef(function () { return i3.DynamicFormFieldDirective; }), inputs: ["hideErrorMessage", "hideErrorMessage"] }, { directive: i4.CheckboxFieldDirective }], ngImport: i0, template: `
17
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: CheckboxFieldComponent, isStandalone: true, selector: "et-checkbox-field, et-checkbox-card-field", host: { classAttribute: "et-form-field et-checkbox-field" }, hostDirectives: [{ directive: i1.StaticFormFieldDirective }, { directive: i2.WriteableInputDirective }, { directive: i0.forwardRef(function () { return i3.DynamicFormFieldDirective; }), inputs: ["hideErrorMessage", "hideErrorMessage"] }, { directive: i4.CheckboxFieldDirective }], ngImport: i0, template: `
18
18
  <div class="et-checkbox-field-container">
19
- <ng-content select="et-checkbox" />
20
- <ng-content select="et-label" />
19
+ <ng-content />
20
+ <ng-content />
21
21
  </div>
22
22
  <et-error [errors]="inputState.errors$ | async" />
23
- `, isInline: true, dependencies: [{ kind: "component", type: ErrorComponent, selector: "et-error", inputs: ["errors"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
23
+ `, isInline: true, styles: ["et-checkbox-card-field .et-checkbox-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-checkbox-card-field .et-checkbox-field-container .et-checkbox-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-checkbox-card-field .et-checkbox-field-container .et-checkbox{position:static;pointer-events:none}\n"], dependencies: [{ kind: "component", type: ErrorComponent, selector: "et-error", inputs: ["errors"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
24
24
  }
25
25
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
26
26
  type: Component,
27
- args: [{
28
- selector: 'et-checkbox-field',
29
- template: `
27
+ args: [{ selector: 'et-checkbox-field, et-checkbox-card-field', template: `
30
28
  <div class="et-checkbox-field-container">
31
- <ng-content select="et-checkbox" />
32
- <ng-content select="et-label" />
29
+ <ng-content />
30
+ <ng-content />
33
31
  </div>
34
32
  <et-error [errors]="inputState.errors$ | async" />
35
- `,
36
- standalone: true,
37
- changeDetection: ChangeDetectionStrategy.OnPush,
38
- encapsulation: ViewEncapsulation.None,
39
- host: {
33
+ `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
40
34
  class: 'et-form-field et-checkbox-field',
41
- },
42
- hostDirectives: [
35
+ }, hostDirectives: [
43
36
  StaticFormFieldDirective,
44
37
  WriteableInputDirective,
45
38
  {
@@ -47,8 +40,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
47
40
  inputs: ['hideErrorMessage'],
48
41
  },
49
42
  CheckboxFieldDirective,
50
- ],
51
- imports: [ErrorComponent, AsyncPipe],
52
- }]
43
+ ], imports: [ErrorComponent, AsyncPipe], styles: ["et-checkbox-card-field .et-checkbox-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-checkbox-card-field .et-checkbox-field-container .et-checkbox-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-checkbox-card-field .et-checkbox-field-container .et-checkbox{position:static;pointer-events:none}\n"] }]
53
44
  }] });
54
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvY2hlY2tib3gvY29tcG9uZW50cy9jaGVja2JveC1maWVsZC9jaGVja2JveC1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBUSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoSCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsd0JBQXdCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0SCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7OztBQTRCMUQsTUFBTSxPQUFPLHNCQUFzQjtJQTFCbkM7UUEyQnFCLGVBQVUsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUMzRDs4R0FGWSxzQkFBc0I7a0dBQXRCLHNCQUFzQixtYUF4QnZCOzs7Ozs7R0FNVCw0REFnQlMsY0FBYyxvRUFBRSxTQUFTOzsyRkFFeEIsc0JBQXNCO2tCQTFCbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixRQUFRLEVBQUU7Ozs7OztHQU1UO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsaUNBQWlDO3FCQUN6QztvQkFDRCxjQUFjLEVBQUU7d0JBQ2Qsd0JBQXdCO3dCQUN4Qix1QkFBdUI7d0JBQ3ZCOzRCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMseUJBQXlCLENBQW9DOzRCQUN6RixNQUFNLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzt5QkFDN0I7d0JBQ0Qsc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxjQUFjLEVBQUUsU0FBUyxDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzeW5jUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBpbmplY3QsIFR5cGUsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEeW5hbWljRm9ybUZpZWxkRGlyZWN0aXZlLCBTdGF0aWNGb3JtRmllbGREaXJlY3RpdmUsIFdyaXRlYWJsZUlucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBJbnB1dFN0YXRlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzJztcbmltcG9ydCB7IEVycm9yQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZXJyb3InO1xuaW1wb3J0IHsgQ2hlY2tib3hGaWVsZERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdldC1jaGVja2JveC1maWVsZCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImV0LWNoZWNrYm94LWZpZWxkLWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXQtY2hlY2tib3hcIiAvPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXQtbGFiZWxcIiAvPlxuICAgIDwvZGl2PlxuICAgIDxldC1lcnJvciBbZXJyb3JzXT1cImlucHV0U3RhdGUuZXJyb3JzJCB8IGFzeW5jXCIgLz5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2V0LWZvcm0tZmllbGQgZXQtY2hlY2tib3gtZmllbGQnLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIFN0YXRpY0Zvcm1GaWVsZERpcmVjdGl2ZSxcbiAgICBXcml0ZWFibGVJbnB1dERpcmVjdGl2ZSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IGZvcndhcmRSZWYoKCkgPT4gRHluYW1pY0Zvcm1GaWVsZERpcmVjdGl2ZSkgYXMgVHlwZTxEeW5hbWljRm9ybUZpZWxkRGlyZWN0aXZlPixcbiAgICAgIGlucHV0czogWydoaWRlRXJyb3JNZXNzYWdlJ10sXG4gICAgfSxcbiAgICBDaGVja2JveEZpZWxkRGlyZWN0aXZlLFxuICBdLFxuICBpbXBvcnRzOiBbRXJyb3JDb21wb25lbnQsIEFzeW5jUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94RmllbGRDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgaW5wdXRTdGF0ZSA9IGluamVjdChJbnB1dFN0YXRlU2VydmljZSk7XG59XG4iXX0=
45
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvY2hlY2tib3gvY29tcG9uZW50cy9jaGVja2JveC1maWVsZC9jaGVja2JveC1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBUSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoSCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsd0JBQXdCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0SCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7OztBQTZCMUQsTUFBTSxPQUFPLHNCQUFzQjtJQTNCbkM7UUE0QnFCLGVBQVUsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUMzRDs4R0FGWSxzQkFBc0I7a0dBQXRCLHNCQUFzQiwyYkF6QnZCOzs7Ozs7R0FNVCx5aUJBaUJTLGNBQWMsb0VBQUUsU0FBUzs7MkZBRXhCLHNCQUFzQjtrQkEzQmxDLFNBQVM7K0JBQ0UsMkNBQTJDLFlBQzNDOzs7Ozs7R0FNVCxjQUVXLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSixLQUFLLEVBQUUsaUNBQWlDO3FCQUN6QyxrQkFDZTt3QkFDZCx3QkFBd0I7d0JBQ3hCLHVCQUF1Qjt3QkFDdkI7NEJBQ0UsU0FBUyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBb0M7NEJBQ3pGLE1BQU0sRUFBRSxDQUFDLGtCQUFrQixDQUFDO3lCQUM3Qjt3QkFDRCxzQkFBc0I7cUJBQ3ZCLFdBQ1EsQ0FBQyxjQUFjLEVBQUUsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIGluamVjdCwgVHlwZSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IER5bmFtaWNGb3JtRmllbGREaXJlY3RpdmUsIFN0YXRpY0Zvcm1GaWVsZERpcmVjdGl2ZSwgV3JpdGVhYmxlSW5wdXREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IElucHV0U3RhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgRXJyb3JDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9lcnJvcic7XG5pbXBvcnQgeyBDaGVja2JveEZpZWxkRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V0LWNoZWNrYm94LWZpZWxkLCBldC1jaGVja2JveC1jYXJkLWZpZWxkJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZXQtY2hlY2tib3gtZmllbGQtY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L2Rpdj5cbiAgICA8ZXQtZXJyb3IgW2Vycm9yc109XCJpbnB1dFN0YXRlLmVycm9ycyQgfCBhc3luY1wiIC8+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdldC1mb3JtLWZpZWxkIGV0LWNoZWNrYm94LWZpZWxkJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICBTdGF0aWNGb3JtRmllbGREaXJlY3RpdmUsXG4gICAgV3JpdGVhYmxlSW5wdXREaXJlY3RpdmUsXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBmb3J3YXJkUmVmKCgpID0+IER5bmFtaWNGb3JtRmllbGREaXJlY3RpdmUpIGFzIFR5cGU8RHluYW1pY0Zvcm1GaWVsZERpcmVjdGl2ZT4sXG4gICAgICBpbnB1dHM6IFsnaGlkZUVycm9yTWVzc2FnZSddLFxuICAgIH0sXG4gICAgQ2hlY2tib3hGaWVsZERpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW0Vycm9yQ29tcG9uZW50LCBBc3luY1BpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveEZpZWxkQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGlucHV0U3RhdGUgPSBpbmplY3QoSW5wdXRTdGF0ZVNlcnZpY2UpO1xufVxuIl19
package/esm2022/lib/components/forms/components/radio/components/radio-field/radio-field.component.mjs CHANGED
@@ -6,30 +6,22 @@ import * as i1 from "../../../../directives/static-form-field/static-form-field.
6
6
  import * as i2 from "../../directives/radio-field/radio-field.directive";
7
7
  export class RadioFieldComponent {
8
8
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RadioFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: RadioFieldComponent, isStandalone: true, selector: "et-radio-field", host: { classAttribute: "et-form-field et-radio-field" }, hostDirectives: [{ directive: i1.StaticFormFieldDirective }, { directive: i2.RadioFieldDirective }], ngImport: i0, template: `
9
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: RadioFieldComponent, isStandalone: true, selector: "et-radio-field, et-radio-card-field", host: { classAttribute: "et-form-field et-radio-field" }, hostDirectives: [{ directive: i1.StaticFormFieldDirective }, { directive: i2.RadioFieldDirective }], ngImport: i0, template: `
10
10
  <div class="et-radio-field-container">
11
- <ng-content select="et-radio" />
12
- <ng-content select="et-label" />
11
+ <ng-content />
12
+ <ng-content />
13
13
  </div>
14
- `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
14
+ `, isInline: true, styles: ["et-radio-card-field .et-radio-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-radio-card-field .et-radio-field-container .et-radio-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-radio-card-field .et-radio-field-container .et-radio{position:static;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
15
15
  }
16
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RadioFieldComponent, decorators: [{
17
17
  type: Component,
18
- args: [{
19
- selector: 'et-radio-field',
20
- template: `
18
+ args: [{ selector: 'et-radio-field, et-radio-card-field', template: `
21
19
  <div class="et-radio-field-container">
22
- <ng-content select="et-radio" />
23
- <ng-content select="et-label" />
20
+ <ng-content />
21
+ <ng-content />
24
22
  </div>
25
- `,
26
- standalone: true,
27
- changeDetection: ChangeDetectionStrategy.OnPush,
28
- encapsulation: ViewEncapsulation.None,
29
- host: {
23
+ `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
30
24
  class: 'et-form-field et-radio-field',
31
- },
32
- hostDirectives: [StaticFormFieldDirective, RadioFieldDirective],
33
- }]
25
+ }, hostDirectives: [StaticFormFieldDirective, RadioFieldDirective], styles: ["et-radio-card-field .et-radio-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-radio-card-field .et-radio-field-container .et-radio-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-radio-card-field .et-radio-field-container .et-radio{position:static;pointer-events:none}\n"] }]
34
26
  }] });
35
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvcmFkaW8vY29tcG9uZW50cy9yYWRpby1maWVsZC9yYWRpby1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWtCdkQsTUFBTSxPQUFPLG1CQUFtQjs4R0FBbkIsbUJBQW1CO2tHQUFuQixtQkFBbUIseU9BZHBCOzs7OztHQUtUOzsyRkFTVSxtQkFBbUI7a0JBaEIvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7R0FLVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLDhCQUE4QjtxQkFDdEM7b0JBQ0QsY0FBYyxFQUFFLENBQUMsd0JBQXdCLEVBQUUsbUJBQW1CLENBQUM7aUJBQ2hFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0YXRpY0Zvcm1GaWVsZERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgUmFkaW9GaWVsZERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdldC1yYWRpby1maWVsZCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImV0LXJhZGlvLWZpZWxkLWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXQtcmFkaW9cIiAvPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXQtbGFiZWxcIiAvPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZXQtZm9ybS1maWVsZCBldC1yYWRpby1maWVsZCcsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbU3RhdGljRm9ybUZpZWxkRGlyZWN0aXZlLCBSYWRpb0ZpZWxkRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9GaWVsZENvbXBvbmVudCB7fVxuIl19
27
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvcmFkaW8vY29tcG9uZW50cy9yYWRpby1maWVsZC9yYWRpby1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQW1CdkQsTUFBTSxPQUFPLG1CQUFtQjs4R0FBbkIsbUJBQW1CO2tHQUFuQixtQkFBbUIsOFBBZnBCOzs7OztHQUtUOzsyRkFVVSxtQkFBbUI7a0JBakIvQixTQUFTOytCQUNFLHFDQUFxQyxZQUNyQzs7Ozs7R0FLVCxjQUVXLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSixLQUFLLEVBQUUsOEJBQThCO3FCQUN0QyxrQkFDZSxDQUFDLHdCQUF3QixFQUFFLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0YXRpY0Zvcm1GaWVsZERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgUmFkaW9GaWVsZERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdldC1yYWRpby1maWVsZCwgZXQtcmFkaW8tY2FyZC1maWVsZCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImV0LXJhZGlvLWZpZWxkLWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdldC1mb3JtLWZpZWxkIGV0LXJhZGlvLWZpZWxkJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTdGF0aWNGb3JtRmllbGREaXJlY3RpdmUsIFJhZGlvRmllbGREaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb0ZpZWxkQ29tcG9uZW50IHt9XG4iXX0=
package/fesm2022/ethlete-cdk.mjs CHANGED
@@ -6711,32 +6711,25 @@ class CheckboxFieldComponent {
6711
6711
  this.inputState = inject(InputStateService);
6712
6712
  }
6713
6713
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6714
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: CheckboxFieldComponent, isStandalone: true, selector: "et-checkbox-field", host: { classAttribute: "et-form-field et-checkbox-field" }, hostDirectives: [{ directive: StaticFormFieldDirective }, { directive: WriteableInputDirective }, { directive: i0.forwardRef(function () { return DynamicFormFieldDirective; }), inputs: ["hideErrorMessage", "hideErrorMessage"] }, { directive: CheckboxFieldDirective }], ngImport: i0, template: `
6714
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: CheckboxFieldComponent, isStandalone: true, selector: "et-checkbox-field, et-checkbox-card-field", host: { classAttribute: "et-form-field et-checkbox-field" }, hostDirectives: [{ directive: StaticFormFieldDirective }, { directive: WriteableInputDirective }, { directive: i0.forwardRef(function () { return DynamicFormFieldDirective; }), inputs: ["hideErrorMessage", "hideErrorMessage"] }, { directive: CheckboxFieldDirective }], ngImport: i0, template: `
6715
6715
  <div class="et-checkbox-field-container">
6716
- <ng-content select="et-checkbox" />
6717
- <ng-content select="et-label" />
6716
+ <ng-content />
6717
+ <ng-content />
6718
6718
  </div>
6719
6719
  <et-error [errors]="inputState.errors$ | async" />
6720
- `, isInline: true, dependencies: [{ kind: "component", type: ErrorComponent, selector: "et-error", inputs: ["errors"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
6720
+ `, isInline: true, styles: ["et-checkbox-card-field .et-checkbox-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-checkbox-card-field .et-checkbox-field-container .et-checkbox-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-checkbox-card-field .et-checkbox-field-container .et-checkbox{position:static;pointer-events:none}\n"], dependencies: [{ kind: "component", type: ErrorComponent, selector: "et-error", inputs: ["errors"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
6721
6721
  }
6722
6722
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
6723
6723
  type: Component,
6724
- args: [{
6725
- selector: 'et-checkbox-field',
6726
- template: `
6724
+ args: [{ selector: 'et-checkbox-field, et-checkbox-card-field', template: `
6727
6725
  <div class="et-checkbox-field-container">
6728
- <ng-content select="et-checkbox" />
6729
- <ng-content select="et-label" />
6726
+ <ng-content />
6727
+ <ng-content />
6730
6728
  </div>
6731
6729
  <et-error [errors]="inputState.errors$ | async" />
6732
- `,
6733
- standalone: true,
6734
- changeDetection: ChangeDetectionStrategy.OnPush,
6735
- encapsulation: ViewEncapsulation.None,
6736
- host: {
6730
+ `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
6737
6731
  class: 'et-form-field et-checkbox-field',
6738
- },
6739
- hostDirectives: [
6732
+ }, hostDirectives: [
6740
6733
  StaticFormFieldDirective,
6741
6734
  WriteableInputDirective,
6742
6735
  {
@@ -6744,9 +6737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
6744
6737
  inputs: ['hideErrorMessage'],
6745
6738
  },
6746
6739
  CheckboxFieldDirective,
6747
- ],
6748
- imports: [ErrorComponent, AsyncPipe],
6749
- }]
6740
+ ], imports: [ErrorComponent, AsyncPipe], styles: ["et-checkbox-card-field .et-checkbox-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-checkbox-card-field .et-checkbox-field-container .et-checkbox-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-checkbox-card-field .et-checkbox-field-container .et-checkbox{position:static;pointer-events:none}\n"] }]
6750
6741
  }] });
6751
6742
 
6752
6743
  class CheckboxGroupComponent {
@@ -7567,31 +7558,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
7567
7558
 
7568
7559
  class RadioFieldComponent {
7569
7560
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RadioFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7570
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: RadioFieldComponent, isStandalone: true, selector: "et-radio-field", host: { classAttribute: "et-form-field et-radio-field" }, hostDirectives: [{ directive: StaticFormFieldDirective }, { directive: RadioFieldDirective }], ngImport: i0, template: `
7561
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: RadioFieldComponent, isStandalone: true, selector: "et-radio-field, et-radio-card-field", host: { classAttribute: "et-form-field et-radio-field" }, hostDirectives: [{ directive: StaticFormFieldDirective }, { directive: RadioFieldDirective }], ngImport: i0, template: `
7571
7562
  <div class="et-radio-field-container">
7572
- <ng-content select="et-radio" />
7573
- <ng-content select="et-label" />
7563
+ <ng-content />
7564
+ <ng-content />
7574
7565
  </div>
7575
- `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
7566
+ `, isInline: true, styles: ["et-radio-card-field .et-radio-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-radio-card-field .et-radio-field-container .et-radio-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-radio-card-field .et-radio-field-container .et-radio{position:static;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
7576
7567
  }
7577
7568
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: RadioFieldComponent, decorators: [{
7578
7569
  type: Component,
7579
- args: [{
7580
- selector: 'et-radio-field',
7581
- template: `
7570
+ args: [{ selector: 'et-radio-field, et-radio-card-field', template: `
7582
7571
  <div class="et-radio-field-container">
7583
- <ng-content select="et-radio" />
7584
- <ng-content select="et-label" />
7572
+ <ng-content />
7573
+ <ng-content />
7585
7574
  </div>
7586
- `,
7587
- standalone: true,
7588
- changeDetection: ChangeDetectionStrategy.OnPush,
7589
- encapsulation: ViewEncapsulation.None,
7590
- host: {
7575
+ `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
7591
7576
  class: 'et-form-field et-radio-field',
7592
- },
7593
- hostDirectives: [StaticFormFieldDirective, RadioFieldDirective],
7594
- }]
7577
+ }, hostDirectives: [StaticFormFieldDirective, RadioFieldDirective], styles: ["et-radio-card-field .et-radio-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-radio-card-field .et-radio-field-container .et-radio-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-radio-card-field .et-radio-field-container .et-radio{position:static;pointer-events:none}\n"] }]
7595
7578
  }] });
7596
7579
 
7597
7580
  class RadioGroupComponent {