comand-component-library 4.0.62 → 4.0.64

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "4.0.62",
3
+ "version": "4.0.64",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "license": "GPL-3.0-only",
@@ -1295,6 +1295,7 @@
1295
1295
  ref="CmdContainer"
1296
1296
  v-bind="cmdContainerSettingsData"
1297
1297
  contentOrientation="horizontal"
1298
+ innerClass="inner-class"
1298
1299
  >
1299
1300
  <div>Slot-Content</div>
1300
1301
  <div>Slot-Content</div>
@@ -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 = null
114
+ let htmlClass = this.innerClass
108
115
  switch (this.containerType) {
109
116
  case "grid":
110
- htmlClass = "grid-container-create-columns"
117
+ htmlClass += " grid-container-create-columns"
111
118
  break
112
119
  case "flex":
113
- if(this.contentOrientation === "horizontal") {
114
- htmlClass = "flex-container"
115
- } else if(this.contentOrientation === "vertical") {
116
- htmlClass = "flex-container vertical"
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>