comand-component-library 4.0.62 → 4.0.64
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/dist/comand-component-library.js +1284 -1245
- package/dist/comand-component-library.umd.cjs +6 -6
- package/package.json +1 -1
- package/src/ComponentLibrary.vue +1 -0
- package/src/components/CmdContainer.vue +14 -7
- package/src/index.js +1 -0
- package/src/pages/SiteImprint.vue +46 -0
- package/src/pages/SiteMap.vue +36 -0
package/package.json
CHANGED
package/src/ComponentLibrary.vue
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<!-- end slot-content (one column/slot-item only) -->
|
|
17
17
|
|
|
18
18
|
<!-- begin grid-/flex-container to wrap multiple columns/items -->
|
|
19
|
-
<div v-else :class="setInnerClass">
|
|
19
|
+
<div v-else :class="[setInnerClass, 'inner-slot-wrapper']">
|
|
20
20
|
<!-- begin slot-content (multiple columns only) -->
|
|
21
21
|
<slot></slot>
|
|
22
22
|
<!-- end slot-content (multiple columns only) -->
|
|
@@ -75,6 +75,13 @@ export default {
|
|
|
75
75
|
value === "vertical"
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
|
+
/**
|
|
79
|
+
* define a class to set on inner div
|
|
80
|
+
*/
|
|
81
|
+
innerClass: {
|
|
82
|
+
type: String,
|
|
83
|
+
required: false
|
|
84
|
+
},
|
|
78
85
|
/**
|
|
79
86
|
* properties for CmdHeadline-component
|
|
80
87
|
*/
|
|
@@ -104,16 +111,16 @@ export default {
|
|
|
104
111
|
|
|
105
112
|
},
|
|
106
113
|
setInnerClass() {
|
|
107
|
-
let htmlClass =
|
|
114
|
+
let htmlClass = this.innerClass
|
|
108
115
|
switch (this.containerType) {
|
|
109
116
|
case "grid":
|
|
110
|
-
htmlClass
|
|
117
|
+
htmlClass += " grid-container-create-columns"
|
|
111
118
|
break
|
|
112
119
|
case "flex":
|
|
113
|
-
if(this.contentOrientation === "horizontal") {
|
|
114
|
-
htmlClass
|
|
115
|
-
} else if(this.contentOrientation === "vertical") {
|
|
116
|
-
htmlClass
|
|
120
|
+
if (this.contentOrientation === "horizontal") {
|
|
121
|
+
htmlClass += " flex-container"
|
|
122
|
+
} else if (this.contentOrientation === "vertical") {
|
|
123
|
+
htmlClass += " flex-container vertical"
|
|
117
124
|
}
|
|
118
125
|
break
|
|
119
126
|
default:
|
package/src/index.js
CHANGED
|
@@ -60,6 +60,7 @@ export { default as MultipleListsOfLinks } from '@/pages/MultipleListsOfLinks.vu
|
|
|
60
60
|
// export directives
|
|
61
61
|
export { default as DirFocus } from '@/directives/focus'
|
|
62
62
|
export { default as DirTelephone } from '@/directives/telephone'
|
|
63
|
+
export { default as DirFancybox } from '@/directives/fancybox'
|
|
63
64
|
|
|
64
65
|
// export functions
|
|
65
66
|
export { createUuid, createHtmlId } from '@/utils/common'
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<!-- begin CmdHeadline -->
|
|
3
|
+
<CmdHeadline v-if="cmdHeadline" v-bind="cmdHeadline"/>
|
|
4
|
+
<!-- end CmdHeadline -->
|
|
5
|
+
|
|
6
|
+
<!-- begin slot #aboveAddressData -->
|
|
7
|
+
<slot name="aboveAddressData"></slot>
|
|
8
|
+
<!-- end slot #aboveAddressData -->
|
|
9
|
+
|
|
10
|
+
<!-- begin CmdAddressData -->
|
|
11
|
+
<CmdAddressData v-if="cmdAddressData" v-bind="cmdAddressData"/>
|
|
12
|
+
<!-- end CmdAddressData -->
|
|
13
|
+
|
|
14
|
+
<!-- begin slot #belowAddressData -->
|
|
15
|
+
<slot name="belowAddressData"></slot>
|
|
16
|
+
<!-- end slot #belowAddressData -->
|
|
17
|
+
</template>
|
|
18
|
+
|
|
19
|
+
<script>
|
|
20
|
+
export default {
|
|
21
|
+
name: "SiteImprint",
|
|
22
|
+
props: {
|
|
23
|
+
/**
|
|
24
|
+
* properties for CmdHeadline-component
|
|
25
|
+
*/
|
|
26
|
+
cmdHeadline: {
|
|
27
|
+
type: Object,
|
|
28
|
+
default: {
|
|
29
|
+
headlineText: "Imprint",
|
|
30
|
+
headlineLevel: 1
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
/**
|
|
34
|
+
* properties for CmdAddressData-component
|
|
35
|
+
*/
|
|
36
|
+
cmdAddressData: {
|
|
37
|
+
type: Object,
|
|
38
|
+
required: false
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
</script>
|
|
43
|
+
|
|
44
|
+
<style>
|
|
45
|
+
|
|
46
|
+
</style>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<ul>
|
|
3
|
+
<li v-for="(page, index) in pages" :key="index">
|
|
4
|
+
<!-- begin recursive call for children -->
|
|
5
|
+
<SiteMap v-if="page.children" />
|
|
6
|
+
<!-- end recursive call for children -->
|
|
7
|
+
|
|
8
|
+
<!-- begin entries without children -->
|
|
9
|
+
<template v-else>
|
|
10
|
+
<!-- begin CmdLink -->
|
|
11
|
+
<CmdLink v-bind="page" />
|
|
12
|
+
<!-- end CmdLink -->
|
|
13
|
+
</template>
|
|
14
|
+
<!-- end entries without children -->
|
|
15
|
+
</li>
|
|
16
|
+
</ul>
|
|
17
|
+
</template>
|
|
18
|
+
|
|
19
|
+
<script>
|
|
20
|
+
export default {
|
|
21
|
+
name: "SiteMap",
|
|
22
|
+
props: {
|
|
23
|
+
/**
|
|
24
|
+
* pages to list in site-map as links
|
|
25
|
+
*/
|
|
26
|
+
pages: {
|
|
27
|
+
type: Array,
|
|
28
|
+
required: true
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
</script>
|
|
33
|
+
|
|
34
|
+
<style>
|
|
35
|
+
|
|
36
|
+
</style>
|