comand-component-library 4.0.50 → 4.0.52

package/package.json

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

package/src/ComponentLibrary.vue

@@ -1738,7 +1738,7 @@
                     <CmdSocialNetworks
                         ref="CmdSocialNetworks"
                         v-bind="cmdSocialNetworksSettingsData"
-                        :networks="socialNetworksData"
+                        :networks="socialNetworksData.networks"
                     />
                 </CmdWidthLimitationWrapper>
                 <!-- end social-networks ------------------------------------------------------------------------------------------------------------------------------------------------------->

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

@@ -1,30 +1,32 @@
-[
-  {
-    "id": "social-network-facebook",
-    "path": "https://www.facebook.com/sharer/sharer.php?u=",
-    "tooltip": "Share this page on facebook",
-    "iconClass": "icon-facebook",
-    "linkText": "Share"
-  },
-  {
-    "id": "social-network-x",
-    "path": "https://twitter.com/home?status=",
-    "tooltip": "Share this page on X",
-    "iconClass": "icon-x",
-    "linkText": "Share"
-  },
-  {
-    "id": "social-network-xing",
-    "path": "https://www.xing.com/spi/shares/new?sc_p=b7910_cb&url=",
-    "tooltip": "Share this page on xing",
-    "iconClass": "icon-xing",
-    "linkText": "Share"
-  },
-  {
-    "id": "social-network-linkedin",
-    "path": "https://www.linkedin.com/cws/share?url=",
-    "tooltip": "Share this page on linkedin",
-    "iconClass": "icon-linkedin",
-    "linkText": "Share"
-  }
-]
+{
+  "networks": [
+    {
+      "id": "social-network-facebook",
+      "path": "https://www.facebook.com/sharer/sharer.php?u=",
+      "tooltip": "Share this page on facebook",
+      "iconClass": "icon-facebook",
+      "linkText": "Share"
+    },
+    {
+      "id": "social-network-x",
+      "path": "https://twitter.com/home?status=",
+      "tooltip": "Share this page on X",
+      "iconClass": "icon-x",
+      "linkText": "Share"
+    },
+    {
+      "id": "social-network-xing",
+      "path": "https://www.xing.com/spi/shares/new?sc_p=b7910_cb&url=",
+      "tooltip": "Share this page on xing",
+      "iconClass": "icon-xing",
+      "linkText": "Share"
+    },
+    {
+      "id": "social-network-linkedin",
+      "path": "https://www.linkedin.com/cws/share?url=",
+      "tooltip": "Share this page on linkedin",
+      "iconClass": "icon-linkedin",
+      "linkText": "Share"
+    }
+  ]
+}

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

@@ -1,30 +1,32 @@
-[
-  {
-    "id": "social-network-facebook",
-    "path": "https://www.facebook.com/sharer/sharer.php?u=",
-    "tooltip": "Share this page on facebook",
-    "iconClass": "icon-facebook",
-    "linkText": "Share"
-  },
-  {
-    "id": "social-network-twitter",
-    "path": "https://twitter.com/home?status=",
-    "tooltip": "Share this page on twitter",
-    "iconClass": "icon-x",
-    "linkText": "Share"
-  },
-  {
-    "id": "social-network-xing",
-    "path": "https://www.xing.com/spi/shares/new?sc_p=b7910_cb&url=",
-    "tooltip": "Share this page on xing",
-    "iconClass": "icon-xing",
-    "linkText": "Share"
-  },
-  {
-    "id": "social-network-linkedin",
-    "path": "https://www.linkedin.com/cws/share?url=",
-    "tooltip": "Share this page on linkedin",
-    "iconClass": "icon-linkedin",
-    "linkText": "Share"
-  }
-]
+{
+  "networks": [
+    {
+      "id": "social-network-facebook",
+      "path": "https://www.facebook.com/sharer/sharer.php?u=",
+      "tooltip": "Share this page on facebook",
+      "iconClass": "icon-facebook",
+      "linkText": "Share"
+    },
+    {
+      "id": "social-network-twitter",
+      "path": "https://twitter.com/home?status=",
+      "tooltip": "Share this page on twitter",
+      "iconClass": "icon-x",
+      "linkText": "Share"
+    },
+    {
+      "id": "social-network-xing",
+      "path": "https://www.xing.com/spi/shares/new?sc_p=b7910_cb&url=",
+      "tooltip": "Share this page on xing",
+      "iconClass": "icon-xing",
+      "linkText": "Share"
+    },
+    {
+      "id": "social-network-linkedin",
+      "path": "https://www.linkedin.com/cws/share?url=",
+      "tooltip": "Share this page on linkedin",
+      "iconClass": "icon-linkedin",
+      "linkText": "Share"
+    }
+  ]
+}

package/src/components/CmdImage.vue

@@ -97,7 +97,7 @@
 
     <!-- begin default-view -->
     <!-- begin image with figure/figcaption -->
-    <figure v-else-if="figcaption?.show" :class="['cmd-image', textAlign]">
+    <figure v-else-if="useFigureTag || figcaption?.show" :class="['cmd-image', textAlign]">
         <figcaption v-if="figcaption?.position === 'top'" v-html="figcaption?.text"/>
         <img :src="imageSource" :alt="image?.alt" :title="image?.tooltip" @load="onImageLoaded"/>
         <figcaption v-if="figcaption?.position !== 'top'" v-html="figcaption?.text"/>
@@ -167,6 +167,13 @@ export default {
             type: Object,
             required: false
         },
+        /**
+         * activate if image should be wrapped by figure-tag
+         */
+        useFigureTag: {
+            type: Boolean,
+            default: true
+        },
         /**
          * figcaption-object including visibility, position (top/bottom), text
          */

package/src/components/CmdPageFooter.vue

@@ -1,8 +1,10 @@
 <template>
     <footer :class="['cmd-page-footer flex-container', {'small-buttons': useSmallButtons}]">
         <!-- begin CmdSocialNetworks -->
-        <CmdSocialNetworks v-if="cmdSocialNetworks" :networks="cmdSocialNetworks">
+        <CmdSocialNetworks v-if="cmdSocialNetworks" v-bind="cmdSocialNetworks">
+            <!-- begin named slot for cmd-social-networks -->
             <slot name="cmd-social-networks"></slot>
+            <!-- end named slot for cmd-social-networks -->
         </CmdSocialNetworks>
         <!-- end CmdSocialNetworks -->
 
@@ -61,7 +63,7 @@ export default {
          * properties for CmdSocialNetworks-component
          */
         cmdSocialNetworks: {
-            type: Array,
+            type: Object,
             required: false
         },
         /**

package/src/components/CmdSiteSearch.vue

@@ -338,7 +338,7 @@ export default {
         buttonSearchDisabled() {
             const validInput1 = !this.cmdFormElementInput1.required || this.searchValue1.trim()
             const validInput2 = !this.cmdFormElementInput2.show || !this.cmdFormElementInput2.required || this.searchValue2.trim()
-            const validInputRadius = !this.cmdFormElementRadius.show || !this.cmdFormElementRadius.required || this.radius
+            const validInputRadius = !this.cmdFormElementRadiusOptions.show || !this.cmdFormElementRadiusOptions.required || this.radius
 
             return !(validInput1 && validInput2 && validInputRadius)
         }
@@ -364,8 +364,8 @@ export default {
     watch: {
         cmdFormElementRadius: {
             handler() {
-                if (this.cmdFormElementRadius?.selectOptions && this.cmdFormElementRadius?.selectOptions.length && this.modelValueRadius == null) {
-                    this.radius = this.cmdFormElementRadius.selectOptions[0].value
+                if (this.cmdFormElementRadiusOptions?.selectOptions && this.cmdFormElementRadiusOptions?.selectOptions.length && this.modelValueRadius == null) {
+                    this.radius = this.cmdFormElementRadiusOptions.selectOptions[0].value
                 }
             },
             immediate: true,