comand-component-library 4.0.30 → 4.0.31
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
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="cmd-container">
|
|
3
|
-
<div v-html="contentAboveSlot"></div>
|
|
3
|
+
<div v-if="contentAboveSlot" v-html="contentAboveSlot"></div>
|
|
4
4
|
<slot></slot>
|
|
5
|
-
<div v-html="contentBelowSlot"></div>
|
|
5
|
+
<div v-if="contentBelowSlot" v-html="contentBelowSlot"></div>
|
|
6
6
|
</div>
|
|
7
7
|
</template>
|
|
8
8
|
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
<figure :class="['cmd-image flex-container no-gap vertical', textAlign]">
|
|
17
17
|
<!-- begin figcaption above image -->
|
|
18
18
|
<template v-if="figcaption?.show && figcaption?.position === 'top'">
|
|
19
|
+
<!-- begin CmdFormElement -->
|
|
19
20
|
<CmdFormElement
|
|
20
21
|
v-if="slotProps.editing"
|
|
21
22
|
element="input"
|
|
@@ -25,7 +26,8 @@
|
|
|
25
26
|
labelText="Text figcaption"
|
|
26
27
|
v-model="editableFigcaptionText"
|
|
27
28
|
/>
|
|
28
|
-
|
|
29
|
+
<!-- end CmdFormElement -->
|
|
30
|
+
<figcaption v-else-if="figcaption?.text" v-html="figcaption?.text" />
|
|
29
31
|
</template>
|
|
30
32
|
<!-- end figcaption above image -->
|
|
31
33
|
|
|
@@ -62,6 +64,7 @@
|
|
|
62
64
|
|
|
63
65
|
<!-- begin figcaption below image -->
|
|
64
66
|
<template v-if="figcaption?.show && figcaption?.position !== 'top'">
|
|
67
|
+
<!-- begin CmdFormElement -->
|
|
65
68
|
<CmdFormElement
|
|
66
69
|
v-if="slotProps.editing"
|
|
67
70
|
element="input"
|
|
@@ -73,12 +76,15 @@
|
|
|
73
76
|
v-model="editableFigcaptionText"
|
|
74
77
|
placeholder="figcaption"
|
|
75
78
|
/>
|
|
76
|
-
|
|
79
|
+
<!-- end CmdFormElement -->
|
|
80
|
+
<figcaption v-else-if="figcaption?.text" v-html="figcaption?.text" />
|
|
77
81
|
</template>
|
|
78
82
|
<!-- end figcaption below image -->
|
|
79
83
|
|
|
80
84
|
<!-- begin show placeholder if no image exists (and component is not edited) -->
|
|
81
|
-
<button v-if="!slotProps.editing && !imageSource"
|
|
85
|
+
<button v-if="!slotProps.editing && !imageSource"
|
|
86
|
+
type="button"
|
|
87
|
+
class="button confirm"
|
|
82
88
|
@click="onAddItem">
|
|
83
89
|
<span class="icon-add"></span>
|
|
84
90
|
<span>Add new image</span>
|
|
@@ -112,7 +118,7 @@ export default {
|
|
|
112
118
|
mediumMaxWidth: 1023,
|
|
113
119
|
smallMaxWidth: 600,
|
|
114
120
|
currentWindowWidth: window.innerWidth,
|
|
115
|
-
allowedFileExtensions: ["jpg", "jpeg", "png", "webp"],
|
|
121
|
+
allowedFileExtensions: ["gif", "jpg", "jpeg", "png", "webp", "svg"],
|
|
116
122
|
uploadInitiated: false,
|
|
117
123
|
allowDrop: false,
|
|
118
124
|
showFigcaption: true,
|
package/src/index.js
CHANGED
|
@@ -22,6 +22,7 @@ export { default as CmdImage } from '@/components/CmdImage.vue'
|
|
|
22
22
|
export { default as CmdImageGallery } from '@/components/CmdImageGallery.vue'
|
|
23
23
|
export { default as CmdImageZoom } from '@/components/CmdImageZoom.vue'
|
|
24
24
|
export { default as CmdInputGroup } from '@/components/CmdInputGroup.vue'
|
|
25
|
+
export { default as CmdLink } from '@/components/CmdLink.vue'
|
|
25
26
|
export { default as CmdListOfLinks } from '@/components/CmdListOfLinks.vue'
|
|
26
27
|
export { default as CmdLoginForm } from '@/components/CmdLoginForm.vue'
|
|
27
28
|
export { default as CmdMainNavigation } from '@/components/CmdMainNavigation.vue'
|