comand-component-library 4.1.17 → 4.1.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/dist/comand-component-library.js +13601 -7265
  2. package/package.json +7 -4
  3. package/src/css.js +23 -0
  4. package/src/main.js +2 -15
  5. package/dist/comand-component-library.umd.cjs +0 -51
  6. package/src/assets/styles/logos-iconfont.css +0 -139
  7. package/src/pages/PageWrapper.vue +0 -264
package/src/assets/styles/logos-iconfont.css DELETED
@@ -1,139 +0,0 @@
1
- /* logos-iconfont.css - last update: 2022/09/22 - IT IS NOT RECOMMENDED TO EDIT THIS FILE (TO AVOID TROUBLESHOOTING AFTER UPDATING) - DO CHANGES IN template.css OR YOUR OWN iconfont-css-file */
2
-
3
- @font-face {
4
- font-family: 'icomoon';
5
- src: url('../fonts/iconfonts/logos-iconfont/icomoon-logos.woff?hbqcvr') format('woff');
6
- font-weight: normal;
7
- font-style: normal;
8
- font-display: block;
9
- unicode-range: U+b???;
10
- }
11
-
12
- [class^="icon-"], [class*=" icon-"] {
13
- /* use !important to prevent issues with browser extensions that change fonts */
14
- font-family: 'icomoon' !important;
15
- speak: never;
16
- font-style: normal;
17
- font-weight: normal;
18
- font-variant: normal;
19
- text-transform: none;
20
- line-height: 1;
21
-
22
- /* Better Font Rendering =========== */
23
- -webkit-font-smoothing: antialiased;
24
- -moz-osx-font-smoothing: grayscale;
25
- }
26
-
27
- .icon-x:before {
28
- content: "\b121";
29
- }
30
- .icon-x-circle .path1:before {
31
- content: "\b122";
32
- color: rgb(0, 0, 0);
33
- }
34
- .icon-x-circle .path2:before {
35
- content: "\b123";
36
- margin-left: -0.998046875em;
37
- color: rgb(255, 255, 255);
38
- }
39
- .icon-freelance:before {
40
- content: "\e903";
41
- }
42
- .icon-freelancermap:before {
43
- content: "\b124";
44
- color: #fff;
45
- }
46
- .icon-wellfound:before {
47
- content: "\b125";
48
- color: #fff;
49
- }
50
- .icon-amazon:before {
51
- content: "\b100";
52
- }
53
- .icon-android:before {
54
- content: "\b101";
55
- }
56
- .icon-apple:before {
57
- content: "\b102";
58
- }
59
- .icon-chrome:before {
60
- content: "\b103";
61
- }
62
- .icon-css3:before {
63
- content: "\b104";
64
- }
65
- .icon-facebook:before {
66
- content: "\b106";
67
- }
68
- .icon-facebook-square:before {
69
- content: "\b107";
70
- }
71
- .icon-firefox:before {
72
- content: "\b108";
73
- }
74
- .icon-flickr:before {
75
- content: "\b109";
76
- }
77
- .icon-git:before {
78
- content: "\b10a";
79
- }
80
- .icon-google-analytics:before {
81
- content: "\b10b";
82
- }
83
- .icon-html5:before {
84
- content: "\b10c";
85
- }
86
- .icon-instagram:before {
87
- content: "\b10d";
88
- }
89
- .icon-linkedin:before {
90
- content: "\b10e";
91
- }
92
- .icon-linkedin-square:before {
93
- content: "\b10f";
94
- }
95
- .icon-linux:before {
96
- content: "\b110";
97
- }
98
- .icon-meta:before {
99
- content: "\b111";
100
- }
101
- .icon-opera:before {
102
- content: "\b112";
103
- }
104
- .icon-paypal:before {
105
- content: "\b113";
106
- }
107
- .icon-safari:before {
108
- content: "\b114";
109
- }
110
- .icon-skype:before {
111
- content: "\b115";
112
- }
113
- .icon-tumblr:before {
114
- content: "\b116";
115
- }
116
- .icon-tumblr-square:before {
117
- content: "\b117";
118
- }
119
- .icon-twitch:before {
120
- content: "\b118";
121
- }
122
- .icon-whatsapp:before {
123
- content: "\b11b";
124
- }
125
- .icon-windows8:before {
126
- content: "\b11c";
127
- }
128
- .icon-xing:before {
129
- content: "\b11d";
130
- }
131
- .icon-xing-square:before {
132
- content: "\b11e";
133
- }
134
- .icon-youtube:before {
135
- content: "\b11f";
136
- }
137
- .icon-github:before {
138
- content: "\b120";
139
- }
package/src/pages/PageWrapper.vue DELETED
@@ -1,264 +0,0 @@
1
- <template>
2
- <a id="anchor-back-to-top"></a>
3
- <div :class="{'overflow-hidden': offCanvasOpen}" class="page-wrapper" :id="templateId"
4
- :style="{'scroll-padding-top': heightSiteHeader + 'px'}">
5
- <!-- begin cmd-site-header -->
6
- <CmdSiteHeader
7
- v-if="cmdSiteHeader"
8
- :cmdMainNavigation="{navigationEntries: mainNavigationEntries}"
9
- :closeOffcanvas="{ iconClass: 'icon-cancel', text: 'Close navigation', showText: true}"
10
- :navigationInline="cmdSiteHeader.navigationInline"
11
- @offcanvas="offcanvasToggled"
12
- >
13
- <template v-slot:top-header>
14
- <!-- begin cmd-list-of-links (for top-header-navigation) -->
15
- <CmdListOfLinks
16
- v-if="topHeaderNavigationEntries"
17
- :links="topHeaderNavigationEntries"
18
- orientation="horizontal"
19
- align="right"
20
- />
21
- <!-- end cmd-list-of-links (for top-header-navigation) -->
22
- </template>
23
- <template v-slot:logo>
24
- <!-- begin cmd-company-logo -->
25
- <CmdCompanyLogo
26
- v-if="cmdCompanyLogo.pathDefaultLogo"
27
- :altText="cmdCompanyLogo.altText"
28
- :pathDefaultLogo="cmdCompanyLogo.pathDefaultLogo"
29
- :pathDarkmodeLogo="cmdCompanyLogo.pathDarkmodeLogo"
30
- />
31
- <!-- end cmd-company-logo -->
32
- </template>
33
- </CmdSiteHeader>
34
- <!-- end cmd-site-header -->
35
-
36
- <!-- begin main-content -->
37
- <main id="content">
38
- <div class="inner-content-wrapper">
39
- <!-- begin left column -->
40
- <aside v-if="mainContent.leftColumn.show" class="left-column">
41
- <!-- begin slot left column -->
42
- <slot name="left-column"></slot>
43
- <!-- end slot left column -->
44
- </aside>
45
- <!-- end left column -->
46
-
47
- <!-- begin center/main column -->
48
- <div class="main-content-wrapper">
49
- <!-- begin CmdBreadcrumbs -->
50
- <CmdBreadcrumbs v-if="cmdBreadcrumbs" v-bind="cmdBreadcrumbs"/>
51
- <!-- end CmdBreadcrumbs -->
52
-
53
- <!-- begin CmdHeadline -->
54
- <CmdHeadline v-if="cmdHeadline" v-bind="cmdHeadline"/>
55
- <!-- end CmdHeadline -->
56
-
57
- <slot></slot>
58
-
59
- <!-- begin CmdSocialNetworks -->
60
- <CmdSocialNetworks v-if="cmdSocialNetworks" v-bind="cmdSocialNetworks"/>
61
- <!-- end CmdSocialNetworks -->
62
- </div>
63
- <!-- end center/main column -->
64
-
65
- <!-- begin right column -->
66
- <aside v-if="mainContent.rightColumn.show" class="right-column">
67
- <!-- begin slot right column -->
68
- <slot name="left-column"></slot>
69
- <!-- end slot right column -->
70
- </aside>
71
- <!-- begin right column -->
72
- </div>
73
- </main>
74
- <!-- end main-content -->
75
-
76
- <!-- begin cmd-site-footer -->
77
- <CmdSiteFooter v-if="cmdSiteFooter">
78
- <!-- begin parent-component -->
79
- <component
80
- v-for="(component, index) in cmdSiteFooter.components || []" :key="index"
81
- :is="component.name"
82
- v-bind="component.props"
83
- v-on="handlers(component)"
84
- >
85
- <!-- begin child-component -->
86
- <component
87
- v-for="(childComponent, childComponentIndex) in component.components || []"
88
- :key="childComponentIndex" :is="childComponent.name"
89
- v-bind="childComponent.props"
90
- v-on="handlers(childComponent)"
91
- :editContent="childComponent.editContent"
92
- />
93
- <!-- end child-component -->
94
- </component>
95
- <!-- end parent-component -->
96
- </CmdSiteFooter>
97
- <!-- end cmd-site-footer -->
98
-
99
- <!-- begin cmd-copyright-information DO NOT REMOVE -->
100
- <CmdCopyrightInformation/>
101
- <!-- end cmd-copyright-information DO NOT REMOVE -->
102
-
103
- <!-- begin cmd-back-to-top-button -->
104
- <CmdBackToTopButton
105
- href="#anchor-back-to-top"
106
- :iconBackToTop="iconBackToTop"
107
- scroll-container=".page-wrapper"
108
- />
109
- <!-- end cmd-back-to-top-button -->
110
-
111
- <!-- begin fancy-box ------------------------------------------------------------------------------------------------------------------------------------------------------->
112
- <CmdFancyBox
113
- v-if="cmdCookieDisclaimer"
114
- :show="fancyBoxCookieDisclaimer"
115
- :fancyboxOptions="{}"
116
- :allowEscapeKey="false"
117
- :cmdHeadline="{show: true, headlineText: 'Cookie Disclaimer', headlineLevel: 2}"
118
- ariaLabelText="Cookie Disclaimer"
119
- >
120
- <!-- begin cookie-disclaimer ------------------------------------------------------------------------------------------------------------------------------------------------------->
121
- <CmdCookieDisclaimer
122
- :cookieOptions="cmdCookieDisclaimer.options"
123
- buttonLabelAcceptAllCookies="Accept all cookies"
124
- buttonLabelAcceptCurrentSettings="Accept current settings"
125
- @closeCookieDisclaimer="closeCookieDisclaimer"
126
- v-model="acceptedCookies"
127
- :cmdHeadlineCookieDisclaimer="{ show: false }">
128
- <template #privacy-text>
129
- <p>
130
- <strong>
131
- By browsing this website you accept the usage and saving of anonymous data!
132
- </strong>
133
- </p>
134
- </template>
135
- </CmdCookieDisclaimer>
136
- <!-- end cookie-disclaimer ------------------------------------------------------------------------------------------------------------------------------------------------------->
137
- </CmdFancyBox>
138
- <!-- end fancy-box ------------------------------------------------------------------------------------------------------------------------------------------------------->
139
- </div>
140
- </template>
141
-
142
- <script>
143
- // import functions
144
- import {openFancyBox} from "@/components/CmdFancyBox.vue"
145
-
146
- export default {
147
- name: "PageWrapper",
148
- data() {
149
- return {
150
- offCanvasOpen: false,
151
- heightSiteHeader: 150,
152
- acceptedCookies: [],
153
- fancyBoxCookieDisclaimer: true
154
- }
155
- },
156
- props: {
157
- templateId: {
158
- type: String,
159
- default: null
160
- },
161
- topHeaderNavigationEntries: {
162
- default: []
163
- },
164
- mainNavigationEntries: {
165
- default: []
166
- },
167
- mainContent: {
168
- leftColumn: {
169
- show: true
170
- },
171
- rightColumn: {
172
- show: true
173
- }
174
- },
175
- cmdSiteHeader: {
176
- default: null
177
- },
178
- cmdCompanyLogo: {
179
- default: null
180
- },
181
- cmdBreadcrumbs: {
182
- default: null
183
- },
184
- cmdHeadline: {
185
- default: null
186
- },
187
- cmdSocialNetworks: {
188
- default: null
189
- },
190
- cmdSiteFooter: {
191
- default: null
192
- },
193
- cmdCookieDisclaimer: {
194
- default: null
195
- }
196
- },
197
- mounted() {
198
- const siteHeader = document.getElementsByClassName("cmd-site-header")
199
-
200
- if (siteHeader.length > 0) {
201
- const resizeObserver = new ResizeObserver(entries => {
202
- // get height of site-header to set scroll-padding on .page-wrapper
203
- this.heightSiteHeader = entries[0].target.offsetHeight
204
- })
205
- resizeObserver.observe(siteHeader[0])
206
- }
207
- },
208
- computed: {
209
- iconBackToTop() {
210
- return {
211
- iconClass: "icon-chevron-one-stripe-up",
212
- tooltip: this.label("back_to_top_button.tooltip")
213
- }
214
- }
215
- },
216
- methods: {
217
- offcanvasToggled(event) {
218
- this.offCanvasOpen = event.open
219
- },
220
- handlers(component) {
221
- if (component.handlers === "toggleSection") {
222
- return {
223
- "click": this.toggleSection
224
- }
225
- }
226
- return {}
227
- },
228
- openFancybox(event) {
229
- openFancyBox({url: event.target.href})
230
- },
231
- closeCookieDisclaimer() {
232
- this.fancyBoxCookieDisclaimer = false
233
- localStorage.setItem("onepagerPrivacySettingsAccepted", "true")
234
- }
235
- }
236
- }
237
- </script>
238
-
239
- <style>
240
- .inner-content-wrapper {
241
- display: flex;
242
-
243
- &:has(> aside) {
244
- aside {
245
- flex: 1;
246
-
247
- &:first-child {
248
- & + .main-content-wrapper {
249
- flex: 2;
250
-
251
- &:last-child {
252
- flex: 3;
253
- }
254
- }
255
- }
256
- }
257
- }
258
-
259
- .main-content-wrapper {
260
- width: 100%;
261
- }
262
-
263
- }
264
- </style>