comand-component-library 4.0.57 → 4.0.59

package/package.json

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

package/src/ComponentLibrary.vue

@@ -581,6 +581,7 @@
                                 :toggleSwitch="true"
                                 :status="validationStatus"
                                 :disabled="disabledStatus"
+                                :required="true"
                             />
                             <CmdFormElement
                                 element="input"
@@ -1744,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>{{ labelText }}<sup v-if="$attrs.required">*</sup></span>
+                     <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 -->