comand-component-library 3.3.48 → 3.3.49

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.
Files changed (26) hide show
  1. package/dist/comand-component-library.js +985 -1043
  2. package/dist/comand-component-library.umd.cjs +4 -4
  3. package/dist/style.css +1 -1
  4. package/package.json +40 -40
  5. package/src/App.vue +22 -16
  6. package/src/assets/data/address-data.json +2 -3
  7. package/src/assets/data/list-of-links.json +1 -2
  8. package/src/assets/data/main-navigation.json +1 -1
  9. package/src/assets/data/tabs.json +1 -1
  10. package/src/assets/styles/logos-iconfont.css +0 -1
  11. package/src/components/CmdAddressData.vue +63 -74
  12. package/src/components/CmdBackToTopButton.vue +11 -36
  13. package/src/components/CmdBankAccountData.vue +4 -10
  14. package/src/components/CmdBox.vue +19 -30
  15. package/src/components/CmdCompanyLogo.vue +7 -14
  16. package/src/components/CmdFancyBox.vue +1 -3
  17. package/src/components/CmdFormElement.vue +1 -8
  18. package/src/components/CmdImageZoom.vue +4 -8
  19. package/src/components/CmdListOfLinks.vue +2 -17
  20. package/src/components/CmdPager.vue +4 -0
  21. package/src/components/CmdSiteHeader.vue +16 -42
  22. package/src/components/CmdTabs.vue +1 -9
  23. package/src/components/CmdTextBlock.vue +1 -1
  24. package/src/components/CmdThumbnailScroller.vue +0 -6
  25. package/src/components/CmdToggleDarkMode.vue +9 -14
  26. package/src/mixins/CmdAddressData/DefaultMessageProperties.js +4 -4
package/src/components/CmdTabs.vue CHANGED
@@ -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: var(--hyperlink-color-highlighted);
149
+ color: inherit;
158
150
  }
159
151
  }
160
152
  }
package/src/components/CmdTextBlock.vue CHANGED
@@ -54,7 +54,7 @@ export default {
54
54
  */
55
55
  htmlContent: {
56
56
  type: String,
57
- required: false
57
+ required: true
58
58
  }
59
59
  }
60
60
  }
package/src/components/CmdThumbnailScroller.vue CHANGED
@@ -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;
package/src/components/CmdToggleDarkMode.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  <CmdIcon
12
12
  :iconClass="iconClass"
13
13
  :type="iconType"
14
- :tooltip="iconTooltip"
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
- iconDarkModeActivated: {
59
+ iconDarkMode: {
60
60
  default() {
61
61
  return {
62
- iconClass: "icon-sun",
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
- iconLightModeActivated: {
72
+ iconLightMode: {
74
73
  default() {
75
74
  return {
76
- iconClass: "icon-moon",
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.iconDarkModeActivated.iconClass : this.iconLightModeActivated.iconClass
160
+ return this.darkMode ? this.iconDarkMode.iconClass : this.iconLightMode.iconClass
163
161
  },
164
162
  iconType() {
165
- return this.darkMode ? this.iconDarkModeActivated.iconType : this.iconLightModeActivated.iconType
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: {
package/src/mixins/CmdAddressData/DefaultMessageProperties.js CHANGED
@@ -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.tooltip.open_address_on_google_maps:": "Open address on GoogleMaps™ (in new tab)",
14
- "cmdaddressdata.tooltip.call_number": "Call number",
15
- "cmdaddressdata.tooltip.send_email": "Send email",
16
- "cmdaddressdata.tooltip.visit_website": "Visit web site (in new tab)"
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
  }