valtech-components 2.0.260 → 2.0.262
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.
|
@@ -22,7 +22,6 @@ export class LayeredCardComponent {
|
|
|
22
22
|
class="fun-card"
|
|
23
23
|
[class.big-space]="props.bigSpace"
|
|
24
24
|
[class.hoverable]="props.hoverable"
|
|
25
|
-
[class.with-opacity]="props.withOpacity"
|
|
26
25
|
[class.layered]="props.mode === 'layered'"
|
|
27
26
|
[class.poster]="props.mode === 'poster'"
|
|
28
27
|
[ngStyle]="{
|
|
@@ -31,10 +30,22 @@ export class LayeredCardComponent {
|
|
|
31
30
|
}"
|
|
32
31
|
>
|
|
33
32
|
@if (props.mode === 'poster') {
|
|
34
|
-
<img
|
|
33
|
+
<img
|
|
34
|
+
class="poster-image"
|
|
35
|
+
[class.dark]="props.dark"
|
|
36
|
+
[class.with-opacity]="props.withOpacity"
|
|
37
|
+
alt="image"
|
|
38
|
+
[src]="props.image"
|
|
39
|
+
/>
|
|
35
40
|
}
|
|
36
41
|
@if (props.mode === 'layered') {
|
|
37
|
-
<img
|
|
42
|
+
<img
|
|
43
|
+
class="layer-image"
|
|
44
|
+
[class.dark]="props.dark"
|
|
45
|
+
[class.with-opacity]="props.withOpacity"
|
|
46
|
+
alt="image"
|
|
47
|
+
[src]="props.image"
|
|
48
|
+
/>
|
|
38
49
|
}
|
|
39
50
|
|
|
40
51
|
<section>
|
|
@@ -53,7 +64,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
53
64
|
class="fun-card"
|
|
54
65
|
[class.big-space]="props.bigSpace"
|
|
55
66
|
[class.hoverable]="props.hoverable"
|
|
56
|
-
[class.with-opacity]="props.withOpacity"
|
|
57
67
|
[class.layered]="props.mode === 'layered'"
|
|
58
68
|
[class.poster]="props.mode === 'poster'"
|
|
59
69
|
[ngStyle]="{
|
|
@@ -62,10 +72,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
62
72
|
}"
|
|
63
73
|
>
|
|
64
74
|
@if (props.mode === 'poster') {
|
|
65
|
-
<img
|
|
75
|
+
<img
|
|
76
|
+
class="poster-image"
|
|
77
|
+
[class.dark]="props.dark"
|
|
78
|
+
[class.with-opacity]="props.withOpacity"
|
|
79
|
+
alt="image"
|
|
80
|
+
[src]="props.image"
|
|
81
|
+
/>
|
|
66
82
|
}
|
|
67
83
|
@if (props.mode === 'layered') {
|
|
68
|
-
<img
|
|
84
|
+
<img
|
|
85
|
+
class="layer-image"
|
|
86
|
+
[class.dark]="props.dark"
|
|
87
|
+
[class.with-opacity]="props.withOpacity"
|
|
88
|
+
alt="image"
|
|
89
|
+
[src]="props.image"
|
|
90
|
+
/>
|
|
69
91
|
}
|
|
70
92
|
|
|
71
93
|
<section>
|
|
@@ -79,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
79
101
|
}], propDecorators: { props: [{
|
|
80
102
|
type: Input
|
|
81
103
|
}] } });
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5ZXJlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2xheWVyZWQtY2FyZC9sYXllcmVkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBZ0QzRSxNQUFNLE9BQU8sb0JBQW9CO0lBN0NqQztRQThDRSxVQUFLLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO0tBVzlCO0lBTkMsS0FBSyxDQUFDLFVBQVU7UUFDZCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDaEIsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBQ0QsT0FBTyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDbEMsQ0FBQzsrR0FYVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixvR0F6Q3JCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNDVCxtK0dBdkNTLFlBQVksb0hBQUUsb0JBQW9CLHNHQUFFLG1CQUFtQjs7NEZBMEN0RCxvQkFBb0I7a0JBN0NoQyxTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsbUJBQW1CLENBQUMsWUFDeEQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0NUOzhCQU9ELEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3RoZW1lLnNlcnZpY2UnO1xuaW1wb3J0IHsgcmVzb2x2ZUNvbG9yIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL3V0aWxzL3N0eWxlcyc7XG5pbXBvcnQgeyBCdXR0b25Hcm91cENvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IFRpdGxlQmxvY2tDb21wb25lbnQgfSBmcm9tICcuLi90aXRsZS1ibG9jay90aXRsZS1ibG9jay5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGF5ZXJlZENhcmRNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsYXllcmVkLWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXR0b25Hcm91cENvbXBvbmVudCwgVGl0bGVCbG9ja0NvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJmdW4tY2FyZFwiXG4gICAgICBbY2xhc3MuYmlnLXNwYWNlXT1cInByb3BzLmJpZ1NwYWNlXCJcbiAgICAgIFtjbGFzcy5ob3ZlcmFibGVdPVwicHJvcHMuaG92ZXJhYmxlXCJcbiAgICAgIFtjbGFzcy5sYXllcmVkXT1cInByb3BzLm1vZGUgPT09ICdsYXllcmVkJ1wiXG4gICAgICBbY2xhc3MucG9zdGVyXT1cInByb3BzLm1vZGUgPT09ICdwb3N0ZXInXCJcbiAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuSXNEYXJrID8gJ3ZhcigtLWlvbi1iYWNrZ3JvdW5kLWNvbG9yKScgOiBjb2xvcihwcm9wcy5iYWNrZ3JvdW5kKSxcbiAgICAgICAgbWluSGVpZ2h0OiBwcm9wcy53aXRoTWluID8gJzM0MHB4JyA6ICdhdXRvJyxcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIEBpZiAocHJvcHMubW9kZSA9PT0gJ3Bvc3RlcicpIHtcbiAgICAgICAgPGltZ1xuICAgICAgICAgIGNsYXNzPVwicG9zdGVyLWltYWdlXCJcbiAgICAgICAgICBbY2xhc3MuZGFya109XCJwcm9wcy5kYXJrXCJcbiAgICAgICAgICBbY2xhc3Mud2l0aC1vcGFjaXR5XT1cInByb3BzLndpdGhPcGFjaXR5XCJcbiAgICAgICAgICBhbHQ9XCJpbWFnZVwiXG4gICAgICAgICAgW3NyY109XCJwcm9wcy5pbWFnZVwiXG4gICAgICAgIC8+XG4gICAgICB9XG4gICAgICBAaWYgKHByb3BzLm1vZGUgPT09ICdsYXllcmVkJykge1xuICAgICAgICA8aW1nXG4gICAgICAgICAgY2xhc3M9XCJsYXllci1pbWFnZVwiXG4gICAgICAgICAgW2NsYXNzLmRhcmtdPVwicHJvcHMuZGFya1wiXG4gICAgICAgICAgW2NsYXNzLndpdGgtb3BhY2l0eV09XCJwcm9wcy53aXRoT3BhY2l0eVwiXG4gICAgICAgICAgYWx0PVwiaW1hZ2VcIlxuICAgICAgICAgIFtzcmNdPVwicHJvcHMuaW1hZ2VcIlxuICAgICAgICAvPlxuICAgICAgfVxuXG4gICAgICA8c2VjdGlvbj5cbiAgICAgICAgPHZhbC10aXRsZS1ibG9jayBbcHJvcHNdPVwicHJvcHMuY29udGVudFwiIC8+XG4gICAgICAgIEBpZiAocHJvcHMuYWN0aW9ucykge1xuICAgICAgICAgIDx2YWwtYnV0dG9uLWdyb3VwIHN0eWxlPVwiZGlzcGxheTpibG9jazsgbWFyZ2luLXRvcDogMTZweDtcIiBbcHJvcHNdPVwicHJvcHMuYWN0aW9uc1wiIC8+XG4gICAgICAgIH1cbiAgICAgIDwvc2VjdGlvbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL2xheWVyZWQtY2FyZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIExheWVyZWRDYXJkQ29tcG9uZW50IHtcbiAgdGhlbWUgPSBpbmplY3QoVGhlbWVTZXJ2aWNlKTtcblxuICBASW5wdXQoKVxuICBwcm9wczogTGF5ZXJlZENhcmRNZXRhZGF0YTtcblxuICBjb2xvcihiYWNrZ3JvdW5kKSB7XG4gICAgaWYgKCFiYWNrZ3JvdW5kKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIHJldHVybiByZXNvbHZlQ29sb3IoYmFja2dyb3VuZCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -3315,7 +3315,6 @@ class LayeredCardComponent {
|
|
|
3315
3315
|
class="fun-card"
|
|
3316
3316
|
[class.big-space]="props.bigSpace"
|
|
3317
3317
|
[class.hoverable]="props.hoverable"
|
|
3318
|
-
[class.with-opacity]="props.withOpacity"
|
|
3319
3318
|
[class.layered]="props.mode === 'layered'"
|
|
3320
3319
|
[class.poster]="props.mode === 'poster'"
|
|
3321
3320
|
[ngStyle]="{
|
|
@@ -3324,10 +3323,22 @@ class LayeredCardComponent {
|
|
|
3324
3323
|
}"
|
|
3325
3324
|
>
|
|
3326
3325
|
@if (props.mode === 'poster') {
|
|
3327
|
-
<img
|
|
3326
|
+
<img
|
|
3327
|
+
class="poster-image"
|
|
3328
|
+
[class.dark]="props.dark"
|
|
3329
|
+
[class.with-opacity]="props.withOpacity"
|
|
3330
|
+
alt="image"
|
|
3331
|
+
[src]="props.image"
|
|
3332
|
+
/>
|
|
3328
3333
|
}
|
|
3329
3334
|
@if (props.mode === 'layered') {
|
|
3330
|
-
<img
|
|
3335
|
+
<img
|
|
3336
|
+
class="layer-image"
|
|
3337
|
+
[class.dark]="props.dark"
|
|
3338
|
+
[class.with-opacity]="props.withOpacity"
|
|
3339
|
+
alt="image"
|
|
3340
|
+
[src]="props.image"
|
|
3341
|
+
/>
|
|
3331
3342
|
}
|
|
3332
3343
|
|
|
3333
3344
|
<section>
|
|
@@ -3346,7 +3357,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3346
3357
|
class="fun-card"
|
|
3347
3358
|
[class.big-space]="props.bigSpace"
|
|
3348
3359
|
[class.hoverable]="props.hoverable"
|
|
3349
|
-
[class.with-opacity]="props.withOpacity"
|
|
3350
3360
|
[class.layered]="props.mode === 'layered'"
|
|
3351
3361
|
[class.poster]="props.mode === 'poster'"
|
|
3352
3362
|
[ngStyle]="{
|
|
@@ -3355,10 +3365,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3355
3365
|
}"
|
|
3356
3366
|
>
|
|
3357
3367
|
@if (props.mode === 'poster') {
|
|
3358
|
-
<img
|
|
3368
|
+
<img
|
|
3369
|
+
class="poster-image"
|
|
3370
|
+
[class.dark]="props.dark"
|
|
3371
|
+
[class.with-opacity]="props.withOpacity"
|
|
3372
|
+
alt="image"
|
|
3373
|
+
[src]="props.image"
|
|
3374
|
+
/>
|
|
3359
3375
|
}
|
|
3360
3376
|
@if (props.mode === 'layered') {
|
|
3361
|
-
<img
|
|
3377
|
+
<img
|
|
3378
|
+
class="layer-image"
|
|
3379
|
+
[class.dark]="props.dark"
|
|
3380
|
+
[class.with-opacity]="props.withOpacity"
|
|
3381
|
+
alt="image"
|
|
3382
|
+
[src]="props.image"
|
|
3383
|
+
/>
|
|
3362
3384
|
}
|
|
3363
3385
|
|
|
3364
3386
|
<section>
|