comand-component-library 4.0.58 → 4.0.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.0.58",
+  "version": "4.0.59",
   "private": false,
   "type": "module",
   "license": "GPL-3.0-only",

package/src/ComponentLibrary.vue

@@ -1745,8 +1745,7 @@
                     </h2>
                     <CmdSocialNetworks
                         ref="CmdSocialNetworks"
-                        v-bind="cmdSocialNetworksSettingsData"
-                        :networks="socialNetworksData.networks"
+                        v-bind="{...cmdSocialNetworksSettingsData, ...socialNetworksData}"
                     />
                 </CmdWidthLimitationWrapper>
                 <!-- end social-networks ------------------------------------------------------------------------------------------------------------------------------------------------------->

package/src/assets/data/social-networks-page-by-json.json

@@ -1,4 +1,9 @@
 {
+  "cmdFormElement": {
+    "toggleSwitch": true,
+    "labelText": "I accept that anonymous data will be send to the platform I share this page on and accept the <a href='/content/data-privacy-en.html' class='fancybox'>Data Privacy</a>!",
+    "required": true
+  },
   "networks": [
     {
       "id": "social-network-facebook",

package/src/components/CmdFormElement.vue

@@ -129,10 +129,14 @@
                 />
                 <span v-if="labelText || $slots.labeltext" :class="['label-text', { hidden: !showLabel }]">
                     <span>
-                        <template v-if="labelText">{{ labelText }}</template>
+                        <!-- begin labelText for checkbox/radio/toggle-switch (without switch-label) -->
+                        <span v-if="labelText" v-html="labelText"></span>
+                        <!-- end labelText for checkbox/radio/toggle-switch (without switch-label) -->
+
                         <!-- begin slot 'labeltext' -->
                         <slot v-else name="labeltext"/>
                         <!-- end slot 'labeltext' -->
+
                         <sup v-if="$attrs.required">*</sup>
                     </span>
                 </span>
@@ -155,9 +159,11 @@
                     <span class="label-text">{{ onLabel }}</span>
                     <span class="label-text">{{ offLabel }}</span>
                 </span>
+                <!-- begin labelText for checkbox/radio/toggle-switch (with switch-label) -->
                 <span v-if="labelText" :class="['label-text', {hidden: !showLabel}]">
                      <span v-html="labelText"></span><sup v-if="$attrs.required">*</sup>
                 </span>
+                <!-- end labelText for checkbox/radio/toggle-switch (with switch-label) -->
             </template>
             <slot v-else></slot>
             <!-- end labels for toggle-switch with switch-label -->