comand-component-library 3.3.47 → 3.3.49
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/comand-component-library.js +955 -1013
- package/dist/comand-component-library.umd.cjs +4 -4
- package/dist/style.css +1 -1
- package/package.json +40 -40
- package/src/App.vue +22 -16
- package/src/assets/data/address-data.json +2 -3
- package/src/assets/data/list-of-links.json +1 -2
- package/src/assets/data/main-navigation.json +1 -1
- package/src/assets/data/tabs.json +1 -1
- package/src/assets/styles/logos-iconfont.css +0 -1
- package/src/components/CmdAddressData.vue +63 -74
- package/src/components/CmdBackToTopButton.vue +11 -36
- package/src/components/CmdBankAccountData.vue +4 -10
- package/src/components/CmdBox.vue +19 -30
- package/src/components/CmdCompanyLogo.vue +7 -14
- package/src/components/CmdFancyBox.vue +1 -3
- package/src/components/CmdFormElement.vue +1 -8
- package/src/components/CmdImageZoom.vue +4 -8
- package/src/components/CmdListOfLinks.vue +2 -17
- package/src/components/CmdPager.vue +4 -0
- package/src/components/CmdSiteHeader.vue +16 -42
- package/src/components/CmdTabs.vue +1 -9
- package/src/components/CmdTextBlock.vue +1 -1
- package/src/components/CmdThumbnailScroller.vue +0 -6
- package/src/components/CmdToggleDarkMode.vue +9 -14
- package/src/mixins/CmdAddressData/DefaultMessageProperties.js +4 -4
@@ -130,10 +130,6 @@ export default {
|
|
130
130
|
border-top-right-radius: var(--border-radius);
|
131
131
|
text-decoration: none;
|
132
132
|
|
133
|
-
span, [class*="icon-"] {
|
134
|
-
line-height: 100%;
|
135
|
-
}
|
136
|
-
|
137
133
|
&:hover, &:active, &:focus {
|
138
134
|
cursor: pointer;
|
139
135
|
color: var(--hyperlink-color-highlighted);
|
@@ -145,16 +141,12 @@ export default {
|
|
145
141
|
}
|
146
142
|
|
147
143
|
&.active {
|
148
|
-
span, [class*="icon-"] {
|
149
|
-
color: var(--pure-white);
|
150
|
-
}
|
151
|
-
|
152
144
|
&:hover, &:active, &:focus {
|
153
145
|
color: var(--hyperlink-color);
|
154
146
|
background: var(--pure-white);
|
155
147
|
|
156
148
|
span, [class*="icon-"] {
|
157
|
-
color:
|
149
|
+
color: inherit;
|
158
150
|
}
|
159
151
|
}
|
160
152
|
}
|
@@ -387,12 +387,6 @@ export default {
|
|
387
387
|
}
|
388
388
|
}
|
389
389
|
|
390
|
-
@media only screen and (width <= #{$small-max-width}) {
|
391
|
-
.cmd-thumbnail-scroller {
|
392
|
-
display: block;
|
393
|
-
}
|
394
|
-
}
|
395
|
-
|
396
390
|
@container (width <= #{$small-max-width}) {
|
397
391
|
.cmd-thumbnail-scroller {
|
398
392
|
display: block;
|
@@ -11,7 +11,7 @@
|
|
11
11
|
<CmdIcon
|
12
12
|
:iconClass="iconClass"
|
13
13
|
:type="iconType"
|
14
|
-
:tooltip="
|
14
|
+
:tooltip="!showLabel ? labelText: ''"
|
15
15
|
/>
|
16
16
|
<!-- end CmdIcon -->
|
17
17
|
</a>
|
@@ -56,12 +56,11 @@ export default {
|
|
56
56
|
*
|
57
57
|
* (styledAsButton-property must be activated)
|
58
58
|
*/
|
59
|
-
|
59
|
+
iconDarkMode: {
|
60
60
|
default() {
|
61
61
|
return {
|
62
|
-
iconClass: "icon-
|
63
|
-
iconType: "auto"
|
64
|
-
tooltip: "Activate light mode"
|
62
|
+
iconClass: "icon-home",
|
63
|
+
iconType: "auto"
|
65
64
|
}
|
66
65
|
}
|
67
66
|
},
|
@@ -70,12 +69,11 @@ export default {
|
|
70
69
|
*
|
71
70
|
* (styledAsButton-property must be activated)
|
72
71
|
*/
|
73
|
-
|
72
|
+
iconLightMode: {
|
74
73
|
default() {
|
75
74
|
return {
|
76
|
-
iconClass: "icon-
|
77
|
-
iconType: "auto"
|
78
|
-
tooltip: "Activate dark mode"
|
75
|
+
iconClass: "icon-globe",
|
76
|
+
iconType: "auto"
|
79
77
|
}
|
80
78
|
}
|
81
79
|
},
|
@@ -159,13 +157,10 @@ export default {
|
|
159
157
|
return this.darkMode ? this.labelTextDarkMode : this.labelTextLightMode
|
160
158
|
},
|
161
159
|
iconClass() {
|
162
|
-
return this.darkMode ? this.
|
160
|
+
return this.darkMode ? this.iconDarkMode.iconClass : this.iconLightMode.iconClass
|
163
161
|
},
|
164
162
|
iconType() {
|
165
|
-
return this.darkMode ? this.
|
166
|
-
},
|
167
|
-
iconTooltip() {
|
168
|
-
return this.darkMode ? this.iconDarkModeActivated.tooltip : this.iconLightModeActivated.tooltip
|
163
|
+
return this.darkMode ? this.iconDarkMode.iconType : this.iconLightMode.iconType
|
169
164
|
}
|
170
165
|
},
|
171
166
|
watch: {
|
@@ -10,10 +10,10 @@ export default {
|
|
10
10
|
"cmdaddressdata.labeltext.email": "Email:",
|
11
11
|
"cmdaddressdata.labeltext.website": "Web site:",
|
12
12
|
"cmdaddressdata.labeltext.custom": "Custom:",
|
13
|
-
"cmdaddressdata.
|
14
|
-
"cmdaddressdata.
|
15
|
-
"cmdaddressdata.
|
16
|
-
"cmdaddressdata.
|
13
|
+
"cmdaddressdata.title.open_address_on_google_maps:": "Open address on GoogleMaps™ (in new tab)",
|
14
|
+
"cmdaddressdata.title.call_number": "Call number",
|
15
|
+
"cmdaddressdata.title.send_email": "Send email",
|
16
|
+
"cmdaddressdata.title.visit_website": "Visit web site (in new tab)"
|
17
17
|
}
|
18
18
|
}
|
19
19
|
}
|