project-booster-vue 8.128.3 → 8.128.4
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.
package/package.json
CHANGED
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
class="pb-card"
|
|
4
4
|
:class="`${!buttonLabel && !linkLabel && !flattened ? 'pb-card--hoverable pb-card--clickable' : ''} ${
|
|
5
5
|
disabled ? 'pb-card--disabled' : ''
|
|
6
|
-
}
|
|
6
|
+
}${flattened ? 'pb-card--no-pointer-events' : ''} ${
|
|
7
|
+
cardMinRatio && cardMinRatio !== 'auto' ? 'm-ratio-container--' + cardMinRatio : ''
|
|
8
|
+
}`"
|
|
7
9
|
:align-items="alignHorizontal"
|
|
8
10
|
:role="!buttonLabel ? 'button' : 'article'"
|
|
9
11
|
:style="`min-height: ${cardMinHeight}`"
|
|
@@ -318,7 +320,7 @@ export default {
|
|
|
318
320
|
* Defines if the card is flatenned (borders instead of shadows, no interaction available)
|
|
319
321
|
*/
|
|
320
322
|
flattened: {
|
|
321
|
-
type: Boolean,
|
|
323
|
+
type: [Boolean, String],
|
|
322
324
|
default: false,
|
|
323
325
|
},
|
|
324
326
|
},
|
|
@@ -390,6 +392,10 @@ $responsive-breakpoint: 's';
|
|
|
390
392
|
width: 100%;
|
|
391
393
|
}
|
|
392
394
|
|
|
395
|
+
&--no-pointer-events {
|
|
396
|
+
pointer-events: none;
|
|
397
|
+
}
|
|
398
|
+
|
|
393
399
|
&__image {
|
|
394
400
|
&--disabled {
|
|
395
401
|
filter: grayscale(100%);
|
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
:selectable="!!payload.multiSelect"
|
|
69
69
|
:selected="selectedAnswers[answer.code]"
|
|
70
70
|
:disabled="isAnswerDisabled(answer)"
|
|
71
|
+
:flattened="decorate(answer.viewModel.flattened, payload.defaultDecoratorValue)"
|
|
71
72
|
@card-click="answer.viewModel.href ? '' : selectAnswer(payload.code, answer)"
|
|
72
73
|
@button-click="handleAnswerButtonClick"
|
|
73
74
|
@link-click="handleLinkClick(answer)"
|