comand-component-library 4.3.23 → 4.3.25
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.css +1 -1
- package/dist/comand-component-library.js +4765 -4458
- package/package.json +2 -2
- package/src/ComponentLibrary.vue +55 -13
- package/src/assets/data/footnote.json +2 -2
- package/src/assets/data/form-elements.json +1 -1
- package/src/assets/data/listOfComponents.json +1 -0
- package/src/assets/data/site-wrapper.json +176 -0
- package/src/assets/styles/component-library-global-styles.scss +0 -10
- package/src/componentSettingsDataAndControls.vue +8 -0
- package/src/components/CmdCookieDisclaimer.vue +40 -7
- package/src/components/CmdLink.vue +2 -3
- package/src/components/CmdList.vue +3 -5
- package/src/components/CmdPageFooter.vue +34 -48
- package/src/components/CmdSiteFooter.vue +12 -3
- package/src/components/CmdSiteHeader.vue +45 -53
- package/src/components/CmdSiteWrapper.vue +339 -0
- package/src/components/CmdTooltip.vue +1 -1
- package/src/components/CmdWidthLimitationWrapper.vue +11 -14
- package/src/index.js +1 -0
- package/src/main.js +2 -1
- package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<!-- begin CmdWidthLimitationWrapper ---------------------------------------------------------------------------------------- -->
|
|
3
3
|
<div class="cmd-width-limitation-wrapper" :class="{'sticky': sticky}" ref="width-limitation-wrapper">
|
|
4
4
|
<!-- begin slot-content in section -->
|
|
5
|
-
<section v-if="useInnerSection" :class="
|
|
5
|
+
<section v-if="useInnerSection" :class="sectionClasses" :id="anchorId">
|
|
6
6
|
<!-- begin cmd-headline -->
|
|
7
7
|
<CmdHeadline
|
|
8
8
|
v-if="cmdHeadline?.headlineText"
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<!-- end slot-content (one column/slot-item only) -->
|
|
16
16
|
|
|
17
17
|
<!-- begin grid-/flex-container to wrap multiple columns/items -->
|
|
18
|
-
<div v-else :class="
|
|
18
|
+
<div v-else :class="sectionClasses">
|
|
19
19
|
<!-- begin slot-content (multiple columns only) -->
|
|
20
20
|
<slot></slot>
|
|
21
21
|
<!-- end slot-content (multiple columns only) -->
|
|
@@ -126,31 +126,28 @@ export default {
|
|
|
126
126
|
...this.cmdHeadline
|
|
127
127
|
}
|
|
128
128
|
},
|
|
129
|
-
|
|
129
|
+
sectionClasses() {
|
|
130
|
+
const classes = []
|
|
130
131
|
if (this.useFullDeviceWidth) {
|
|
131
|
-
|
|
132
|
+
classes.push("full-width")
|
|
132
133
|
}
|
|
133
134
|
|
|
134
|
-
if (this.innerComponent === "header") {
|
|
135
|
-
|
|
135
|
+
if (this.innerComponent === "header" || this.containerType === "grid") {
|
|
136
|
+
classes.push("grid-container-create-columns")
|
|
136
137
|
}
|
|
137
138
|
|
|
138
139
|
if (this.innerComponent === "footer") {
|
|
139
|
-
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
if(this.containerType === "grid") {
|
|
143
|
-
return "grid-container-create-columns"
|
|
140
|
+
classes.push("flex-container")
|
|
144
141
|
}
|
|
145
142
|
|
|
146
143
|
if(this.containerType === "flex") {
|
|
147
144
|
if(this.contentOrientation === "horizontal") {
|
|
148
|
-
|
|
145
|
+
classes.push("flex-container")
|
|
149
146
|
} else if(this.contentOrientation === "vertical") {
|
|
150
|
-
|
|
147
|
+
classes.push("flex-container flex-direction-column")
|
|
151
148
|
}
|
|
152
149
|
}
|
|
153
|
-
return
|
|
150
|
+
return classes
|
|
154
151
|
}
|
|
155
152
|
},
|
|
156
153
|
methods: {
|
package/src/index.js
CHANGED
|
@@ -45,6 +45,7 @@ export { default as CmdSidebar } from '@/components/CmdSidebar.vue'
|
|
|
45
45
|
export { default as CmdSiteFooter } from '@/components/CmdSiteFooter.vue'
|
|
46
46
|
export { default as CmdSiteHeader } from '@/components/CmdSiteHeader.vue'
|
|
47
47
|
export { default as CmdSiteSearch } from '@/components/CmdSiteSearch.vue'
|
|
48
|
+
export { default as CmdSiteWrapper } from '@/components/CmdSiteWrapper.vue'
|
|
48
49
|
export { default as CmdSlideButton } from '@/components/CmdSlideButton.vue'
|
|
49
50
|
export { default as CmdSlideshow } from '@/components/CmdSlideshow.vue'
|
|
50
51
|
export { default as CmdSmartSearch } from '@/components/CmdSmartSearch.vue'
|
package/src/main.js
CHANGED
|
@@ -41,7 +41,8 @@ import router from "./router"
|
|
|
41
41
|
|
|
42
42
|
// createApp(App).use(router).directive('telephone', directiveTelephone).directive('focus', directiveFocus).mount('#app')
|
|
43
43
|
createApp(ComponentLibrary)
|
|
44
|
-
.use(router)
|
|
44
|
+
.use(router)
|
|
45
|
+
.directive('telephone', directiveTelephone)
|
|
45
46
|
.directive('focus', directiveFocus)
|
|
46
47
|
.directive('fancybox', directiveFancybox)
|
|
47
48
|
.mount('#app')
|
|
@@ -8,7 +8,7 @@ export default {
|
|
|
8
8
|
"cookie_disclaimer.tooltip.toggle_to_accept_cookie": "Toggle to accept or reject this cookie!",
|
|
9
9
|
"cookie_disclaimer.tooltip.toggle_box_content": "Toggle description visibility",
|
|
10
10
|
"cookie_disclaimer.text.data_privacy": "By browsing this website you accept the usage and saving of anonymous data!",
|
|
11
|
-
"cookie_disclaimer.button.
|
|
11
|
+
"cookie_disclaimer.button.accept_required_cookies": "Accept required cookies",
|
|
12
12
|
"cookie_disclaimer.button.accept_all_cookies": "Accept all cookies"
|
|
13
13
|
}
|
|
14
14
|
}
|