comand-component-library 4.1.57 → 4.1.58

package/dist/comand-component-library.js

@@ -3655,6 +3655,17 @@ const qa = /* @__PURE__ */ P(ya, [["render", Ha]]), Ra = {
       type: Boolean,
       default: !0
     },
+    /**
+     * activate if links should be styled as buttons
+     *
+     * showIconsOnly-property must be activated
+     *
+     * @affectsStyling
+     */
+    styleLinksAsButtons: {
+      type: Boolean,
+      default: !0
+    },
     /**
      * all address-data (incl. labels) that will be shown
      */
@@ -3796,6 +3807,7 @@ function mr(e, n, t, s, i, o) {
             }, [
               f.href ? (l(), r("a", {
                 key: 0,
+                class: _({ button: t.styleLinksAsButtons }),
                 href: o.getHref(f),
                 target: f.name === "url" ? "_blank" : null,
                 title: f.tooltip
@@ -3809,7 +3821,7 @@ function mr(e, n, t, s, i, o) {
                 ], 64)) : (l(), r(S, { key: 1 }, [
                   E(y(f.href), 1)
                 ], 64))
-              ], 8, Ka)) : t.showIconsOnly ? m("", !0) : (l(), r("span", {
+              ], 10, Ka)) : t.showIconsOnly ? m("", !0) : (l(), r("span", {
                 key: 1,
                 innerHTML: f.data
               }, null, 8, Ja)),
@@ -18522,7 +18534,7 @@ function c1(e, n, t, s, i, o) {
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ P(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.57", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
+const bo = /* @__PURE__ */ P(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.58", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.1.57",
+  "version": "4.1.58",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/components/CmdAddressData.vue

@@ -67,7 +67,12 @@
                         <li v-if="entry.href || (entry.name === 'address' && entry.linkGoogleMaps) || !showIconsOnly"
                             :class="{'no-flex' : showIconsOnly}">
                             <!-- begin all entries except address (which has no href) -->
-                            <a v-if="entry.href" :href="getHref(entry)" :target="entry.name === 'url' ? '_blank' : null" :title="entry.tooltip">
+                            <a v-if="entry.href"
+                               :class="{'button' : styleLinksAsButtons}"
+                               :href="getHref(entry)"
+                               :target="entry.name === 'url' ? '_blank' : null"
+                               :title="entry.tooltip"
+                            >
                                 <template v-if="showIconsOnly">
                                     <!-- begin CmdIcon -->
                                     <CmdIcon v-if="entry.iconClass" :iconClass="entry.iconClass" :type="entry.iconType"/>
@@ -211,6 +216,17 @@ export default {
             type: Boolean,
             default: true
         },
+        /**
+         * activate if links should be styled as buttons
+         *
+         * showIconsOnly-property must be activated
+         *
+         * @affectsStyling
+         */
+        styleLinksAsButtons: {
+            type: Boolean,
+            default: true
+        },
         /**
          * all address-data (incl. labels) that will be shown
          */