valtech-components 2.0.240 → 2.0.242

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 (4) hide show
  1. package/esm2022/lib/components/molecules/layered-card/layered-card.component.mjs +19 -21
  2. package/fesm2022/valtech-components.mjs +18 -20
  3. package/fesm2022/valtech-components.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/lib/components/molecules/layered-card/layered-card.component.mjs CHANGED
@@ -30,20 +30,19 @@ export class LayeredCardComponent {
30
30
  minHeight: props.withMin ? '340px' : 'auto',
31
31
  }"
32
32
  >
33
- <section>
34
- @if (props.mode === 'poster') {
35
- <img class="poster-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
36
- }
37
- <val-title-block [props]="props.content" />
38
- </section>
39
-
33
+ @if (props.mode === 'poster') {
34
+ <img class="poster-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
35
+ }
40
36
  @if (props.mode === 'layered') {
41
37
  <img class="layer-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
42
38
  }
43
39
 
44
- @if (props.actions) {
45
- <val-button-group style="margin-top: 16px;" [props]="props.actions" />
46
- }
40
+ <section>
41
+ <val-title-block [props]="props.content" />
42
+ @if (props.actions) {
43
+ <val-button-group style="margin-top: 16px;" [props]="props.actions" />
44
+ }
45
+ </section>
47
46
  </div>
48
47
  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143,73,248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255,255,255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.fun-card{z-index:0;position:relative;cursor:pointer;background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));display:flex;border-radius:1.5rem;align-items:start;padding:1rem;justify-content:space-between;box-shadow:0 .25rem .75rem #12195412}@media (prefers-color-scheme: dark){.fun-card{border:.0625rem solid var(--ion-color-medium)}}.fun-card.layered{flex-direction:column}.fun-card.poster{flex-direction:row}.fun-card.hoverable{transition:transform .3s ease,box-shadow .3s ease}.fun-card.hoverable:hover{transform:scale(1.01);box-shadow:.1875rem .625rem .5rem #1219541a}.fun-card.big-space{padding:2.625rem}.layer-image{z-index:-1;right:3%;bottom:2%;position:absolute;max-height:100%;max-width:40%;padding:.5rem}.layer-imagewith-opacity{opacity:.1}@media (prefers-color-scheme: dark){.layer-image.dark{opacity:.2;filter:invert(1)}}.poster-image{max-height:100%;max-width:30%;padding:.5rem}.poster-imagewith-opacity{opacity:.1}@media (prefers-color-scheme: dark){.poster-image.dark{opacity:.2;filter:invert(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }] }); }
49
48
  }
@@ -62,23 +61,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
62
61
  minHeight: props.withMin ? '340px' : 'auto',
63
62
  }"
64
63
  >
65
- <section>
66
- @if (props.mode === 'poster') {
67
- <img class="poster-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
68
- }
69
- <val-title-block [props]="props.content" />
70
- </section>
71
-
64
+ @if (props.mode === 'poster') {
65
+ <img class="poster-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
66
+ }
72
67
  @if (props.mode === 'layered') {
73
68
  <img class="layer-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
74
69
  }
75
70
 
76
- @if (props.actions) {
77
- <val-button-group style="margin-top: 16px;" [props]="props.actions" />
78
- }
71
+ <section>
72
+ <val-title-block [props]="props.content" />
73
+ @if (props.actions) {
74
+ <val-button-group style="margin-top: 16px;" [props]="props.actions" />
75
+ }
76
+ </section>
79
77
  </div>
80
78
  `, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143,73,248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255,255,255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.fun-card{z-index:0;position:relative;cursor:pointer;background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));display:flex;border-radius:1.5rem;align-items:start;padding:1rem;justify-content:space-between;box-shadow:0 .25rem .75rem #12195412}@media (prefers-color-scheme: dark){.fun-card{border:.0625rem solid var(--ion-color-medium)}}.fun-card.layered{flex-direction:column}.fun-card.poster{flex-direction:row}.fun-card.hoverable{transition:transform .3s ease,box-shadow .3s ease}.fun-card.hoverable:hover{transform:scale(1.01);box-shadow:.1875rem .625rem .5rem #1219541a}.fun-card.big-space{padding:2.625rem}.layer-image{z-index:-1;right:3%;bottom:2%;position:absolute;max-height:100%;max-width:40%;padding:.5rem}.layer-imagewith-opacity{opacity:.1}@media (prefers-color-scheme: dark){.layer-image.dark{opacity:.2;filter:invert(1)}}.poster-image{max-height:100%;max-width:30%;padding:.5rem}.poster-imagewith-opacity{opacity:.1}@media (prefers-color-scheme: dark){.poster-image.dark{opacity:.2;filter:invert(1)}}\n"] }]
81
79
  }], propDecorators: { props: [{
82
80
  type: Input
83
81
  }] } });
84
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5ZXJlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2xheWVyZWQtY2FyZC9sYXllcmVkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBc0MzRSxNQUFNLE9BQU8sb0JBQW9CO0lBbkNqQztRQW9DRSxVQUFLLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO0tBVzlCO0lBTkMsS0FBSyxDQUFDLFVBQVU7UUFDZCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDaEIsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBQ0QsT0FBTyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDbEMsQ0FBQzsrR0FYVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixvR0EvQnJCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJULGk4R0E3QlMsWUFBWSxvSEFBRSxvQkFBb0Isc0dBQUUsbUJBQW1COzs0RkFnQ3RELG9CQUFvQjtrQkFuQ2hDLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxtQkFBbUIsQ0FBQyxZQUN4RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVDs4QkFPRCxLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy90aGVtZS5zZXJ2aWNlJztcbmltcG9ydCB7IHJlc29sdmVDb2xvciB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC91dGlscy9zdHlsZXMnO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUaXRsZUJsb2NrQ29tcG9uZW50IH0gZnJvbSAnLi4vdGl0bGUtYmxvY2svdGl0bGUtYmxvY2suY29tcG9uZW50JztcbmltcG9ydCB7IExheWVyZWRDYXJkTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGF5ZXJlZC1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uR3JvdXBDb21wb25lbnQsIFRpdGxlQmxvY2tDb21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiZnVuLWNhcmRcIlxuICAgICAgW2NsYXNzLmJpZy1zcGFjZV09XCJwcm9wcy5iaWdTcGFjZVwiXG4gICAgICBbY2xhc3MuaG92ZXJhYmxlXT1cInByb3BzLmhvdmVyYWJsZVwiXG4gICAgICBbY2xhc3Mud2l0aC1vcGFjaXR5XT1cInByb3BzLndpdGhPcGFjaXR5XCJcbiAgICAgIFtjbGFzcy5sYXllcmVkXT1cInByb3BzLm1vZGUgPT09ICdsYXllcmVkJ1wiXG4gICAgICBbY2xhc3MucG9zdGVyXT1cInByb3BzLm1vZGUgPT09ICdwb3N0ZXInXCJcbiAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuSXNEYXJrID8gJ3ZhcigtLWlvbi1iYWNrZ3JvdW5kLWNvbG9yKScgOiBjb2xvcihwcm9wcy5iYWNrZ3JvdW5kKSxcbiAgICAgICAgbWluSGVpZ2h0OiBwcm9wcy53aXRoTWluID8gJzM0MHB4JyA6ICdhdXRvJyxcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxzZWN0aW9uPlxuICAgICAgICBAaWYgKHByb3BzLm1vZGUgPT09ICdwb3N0ZXInKSB7XG4gICAgICAgICAgPGltZyBjbGFzcz1cInBvc3Rlci1pbWFnZVwiIFtjbGFzcy5kYXJrXT1cInByb3BzLmRhcmtcIiBhbHQ9XCJpbWFnZVwiIFtzcmNdPVwicHJvcHMuaW1hZ2VcIiAvPlxuICAgICAgICB9XG4gICAgICAgIDx2YWwtdGl0bGUtYmxvY2sgW3Byb3BzXT1cInByb3BzLmNvbnRlbnRcIiAvPlxuICAgICAgPC9zZWN0aW9uPlxuXG4gICAgICBAaWYgKHByb3BzLm1vZGUgPT09ICdsYXllcmVkJykge1xuICAgICAgICA8aW1nIGNsYXNzPVwibGF5ZXItaW1hZ2VcIiBbY2xhc3MuZGFya109XCJwcm9wcy5kYXJrXCIgYWx0PVwiaW1hZ2VcIiBbc3JjXT1cInByb3BzLmltYWdlXCIgLz5cbiAgICAgIH1cblxuICAgICAgQGlmIChwcm9wcy5hY3Rpb25zKSB7XG4gICAgICAgIDx2YWwtYnV0dG9uLWdyb3VwIHN0eWxlPVwibWFyZ2luLXRvcDogMTZweDtcIiBbcHJvcHNdPVwicHJvcHMuYWN0aW9uc1wiIC8+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9sYXllcmVkLWNhcmQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBMYXllcmVkQ2FyZENvbXBvbmVudCB7XG4gIHRoZW1lID0gaW5qZWN0KFRoZW1lU2VydmljZSk7XG5cbiAgQElucHV0KClcbiAgcHJvcHM6IExheWVyZWRDYXJkTWV0YWRhdGE7XG5cbiAgY29sb3IoYmFja2dyb3VuZCkge1xuICAgIGlmICghYmFja2dyb3VuZCkge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgICByZXR1cm4gcmVzb2x2ZUNvbG9yKGJhY2tncm91bmQpO1xuICB9XG59XG4iXX0=
82
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5ZXJlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2xheWVyZWQtY2FyZC9sYXllcmVkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBcUMzRSxNQUFNLE9BQU8sb0JBQW9CO0lBbENqQztRQW1DRSxVQUFLLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO0tBVzlCO0lBTkMsS0FBSyxDQUFDLFVBQVU7UUFDZCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDaEIsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBQ0QsT0FBTyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDbEMsQ0FBQzsrR0FYVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixvR0E5QnJCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsaThHQTVCUyxZQUFZLG9IQUFFLG9CQUFvQixzR0FBRSxtQkFBbUI7OzRGQStCdEQsb0JBQW9CO2tCQWxDaEMsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFFLG1CQUFtQixDQUFDLFlBQ3hEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQ7OEJBT0QsS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdGhlbWUuc2VydmljZSc7XG5pbXBvcnQgeyByZXNvbHZlQ29sb3IgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvc3R5bGVzJztcbmltcG9ydCB7IEJ1dHRvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uLWdyb3VwL2J1dHRvbi1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGl0bGVCbG9ja0NvbXBvbmVudCB9IGZyb20gJy4uL3RpdGxlLWJsb2NrL3RpdGxlLWJsb2NrLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXllcmVkQ2FyZE1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xheWVyZWQtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkdyb3VwQ29tcG9uZW50LCBUaXRsZUJsb2NrQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImZ1bi1jYXJkXCJcbiAgICAgIFtjbGFzcy5iaWctc3BhY2VdPVwicHJvcHMuYmlnU3BhY2VcIlxuICAgICAgW2NsYXNzLmhvdmVyYWJsZV09XCJwcm9wcy5ob3ZlcmFibGVcIlxuICAgICAgW2NsYXNzLndpdGgtb3BhY2l0eV09XCJwcm9wcy53aXRoT3BhY2l0eVwiXG4gICAgICBbY2xhc3MubGF5ZXJlZF09XCJwcm9wcy5tb2RlID09PSAnbGF5ZXJlZCdcIlxuICAgICAgW2NsYXNzLnBvc3Rlcl09XCJwcm9wcy5tb2RlID09PSAncG9zdGVyJ1wiXG4gICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLklzRGFyayA/ICd2YXIoLS1pb24tYmFja2dyb3VuZC1jb2xvciknIDogY29sb3IocHJvcHMuYmFja2dyb3VuZCksXG4gICAgICAgIG1pbkhlaWdodDogcHJvcHMud2l0aE1pbiA/ICczNDBweCcgOiAnYXV0bycsXG4gICAgICB9XCJcbiAgICA+XG4gICAgICBAaWYgKHByb3BzLm1vZGUgPT09ICdwb3N0ZXInKSB7XG4gICAgICAgIDxpbWcgY2xhc3M9XCJwb3N0ZXItaW1hZ2VcIiBbY2xhc3MuZGFya109XCJwcm9wcy5kYXJrXCIgYWx0PVwiaW1hZ2VcIiBbc3JjXT1cInByb3BzLmltYWdlXCIgLz5cbiAgICAgIH1cbiAgICAgIEBpZiAocHJvcHMubW9kZSA9PT0gJ2xheWVyZWQnKSB7XG4gICAgICAgIDxpbWcgY2xhc3M9XCJsYXllci1pbWFnZVwiIFtjbGFzcy5kYXJrXT1cInByb3BzLmRhcmtcIiBhbHQ9XCJpbWFnZVwiIFtzcmNdPVwicHJvcHMuaW1hZ2VcIiAvPlxuICAgICAgfVxuXG4gICAgICA8c2VjdGlvbj5cbiAgICAgICAgPHZhbC10aXRsZS1ibG9jayBbcHJvcHNdPVwicHJvcHMuY29udGVudFwiIC8+XG4gICAgICAgIEBpZiAocHJvcHMuYWN0aW9ucykge1xuICAgICAgICAgIDx2YWwtYnV0dG9uLWdyb3VwIHN0eWxlPVwibWFyZ2luLXRvcDogMTZweDtcIiBbcHJvcHNdPVwicHJvcHMuYWN0aW9uc1wiIC8+XG4gICAgICAgIH1cbiAgICAgIDwvc2VjdGlvbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL2xheWVyZWQtY2FyZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIExheWVyZWRDYXJkQ29tcG9uZW50IHtcbiAgdGhlbWUgPSBpbmplY3QoVGhlbWVTZXJ2aWNlKTtcblxuICBASW5wdXQoKVxuICBwcm9wczogTGF5ZXJlZENhcmRNZXRhZGF0YTtcblxuICBjb2xvcihiYWNrZ3JvdW5kKSB7XG4gICAgaWYgKCFiYWNrZ3JvdW5kKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIHJldHVybiByZXNvbHZlQ29sb3IoYmFja2dyb3VuZCk7XG4gIH1cbn1cbiJdfQ==
package/fesm2022/valtech-components.mjs CHANGED
@@ -3307,20 +3307,19 @@ class LayeredCardComponent {
3307
3307
  minHeight: props.withMin ? '340px' : 'auto',
3308
3308
  }"
3309
3309
  >
3310
- <section>
3311
- @if (props.mode === 'poster') {
3312
- <img class="poster-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
3313
- }
3314
- <val-title-block [props]="props.content" />
3315
- </section>
3316
-
3310
+ @if (props.mode === 'poster') {
3311
+ <img class="poster-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
3312
+ }
3317
3313
  @if (props.mode === 'layered') {
3318
3314
  <img class="layer-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
3319
3315
  }
3320
3316
 
3321
- @if (props.actions) {
3322
- <val-button-group style="margin-top: 16px;" [props]="props.actions" />
3323
- }
3317
+ <section>
3318
+ <val-title-block [props]="props.content" />
3319
+ @if (props.actions) {
3320
+ <val-button-group style="margin-top: 16px;" [props]="props.actions" />
3321
+ }
3322
+ </section>
3324
3323
  </div>
3325
3324
  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143,73,248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255,255,255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.fun-card{z-index:0;position:relative;cursor:pointer;background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));display:flex;border-radius:1.5rem;align-items:start;padding:1rem;justify-content:space-between;box-shadow:0 .25rem .75rem #12195412}@media (prefers-color-scheme: dark){.fun-card{border:.0625rem solid var(--ion-color-medium)}}.fun-card.layered{flex-direction:column}.fun-card.poster{flex-direction:row}.fun-card.hoverable{transition:transform .3s ease,box-shadow .3s ease}.fun-card.hoverable:hover{transform:scale(1.01);box-shadow:.1875rem .625rem .5rem #1219541a}.fun-card.big-space{padding:2.625rem}.layer-image{z-index:-1;right:3%;bottom:2%;position:absolute;max-height:100%;max-width:40%;padding:.5rem}.layer-imagewith-opacity{opacity:.1}@media (prefers-color-scheme: dark){.layer-image.dark{opacity:.2;filter:invert(1)}}.poster-image{max-height:100%;max-width:30%;padding:.5rem}.poster-imagewith-opacity{opacity:.1}@media (prefers-color-scheme: dark){.poster-image.dark{opacity:.2;filter:invert(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }] }); }
3326
3325
  }
@@ -3339,20 +3338,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
3339
3338
  minHeight: props.withMin ? '340px' : 'auto',
3340
3339
  }"
3341
3340
  >
3342
- <section>
3343
- @if (props.mode === 'poster') {
3344
- <img class="poster-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
3345
- }
3346
- <val-title-block [props]="props.content" />
3347
- </section>
3348
-
3341
+ @if (props.mode === 'poster') {
3342
+ <img class="poster-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
3343
+ }
3349
3344
  @if (props.mode === 'layered') {
3350
3345
  <img class="layer-image" [class.dark]="props.dark" alt="image" [src]="props.image" />
3351
3346
  }
3352
3347
 
3353
- @if (props.actions) {
3354
- <val-button-group style="margin-top: 16px;" [props]="props.actions" />
3355
- }
3348
+ <section>
3349
+ <val-title-block [props]="props.content" />
3350
+ @if (props.actions) {
3351
+ <val-button-group style="margin-top: 16px;" [props]="props.actions" />
3352
+ }
3353
+ </section>
3356
3354
  </div>
3357
3355
  `, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143,73,248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255,255,255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.fun-card{z-index:0;position:relative;cursor:pointer;background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));display:flex;border-radius:1.5rem;align-items:start;padding:1rem;justify-content:space-between;box-shadow:0 .25rem .75rem #12195412}@media (prefers-color-scheme: dark){.fun-card{border:.0625rem solid var(--ion-color-medium)}}.fun-card.layered{flex-direction:column}.fun-card.poster{flex-direction:row}.fun-card.hoverable{transition:transform .3s ease,box-shadow .3s ease}.fun-card.hoverable:hover{transform:scale(1.01);box-shadow:.1875rem .625rem .5rem #1219541a}.fun-card.big-space{padding:2.625rem}.layer-image{z-index:-1;right:3%;bottom:2%;position:absolute;max-height:100%;max-width:40%;padding:.5rem}.layer-imagewith-opacity{opacity:.1}@media (prefers-color-scheme: dark){.layer-image.dark{opacity:.2;filter:invert(1)}}.poster-image{max-height:100%;max-width:30%;padding:.5rem}.poster-imagewith-opacity{opacity:.1}@media (prefers-color-scheme: dark){.poster-image.dark{opacity:.2;filter:invert(1)}}\n"] }]
3358
3356
  }], propDecorators: { props: [{