comand-component-library 4.1.38 → 4.1.40

package/package.json

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

package/src/ComponentLibrary.vue

@@ -2077,13 +2077,7 @@
         <!-- end copyright-information ------------------------------------------------------------------------------------------------------------------------------------------------------->
 
         <!-- begin fancy-box ------------------------------------------------------------------------------------------------------------------------------------------------------->
-        <CmdFancyBox
-            :show="fancyBoxCookieDisclaimer"
-            :fancyboxOptions="{}"
-            :allowEscapeKey="false"
-            :cmdHeadline="{show: true, headlineText: 'Cookie Disclaimer', headlineLevel: 2}"
-            defaultAriaLabelText="Cookie Disclaimer"
-        >
+        <CmdFancyBox :show="fancyBoxCookieDisclaimer" :fancyboxOptions="{}" :allowEscapeKey="false" :cmdHeadline="{show: true, headlineText: 'Cookie Disclaimer', headlineLevel: 2}" defaultAriaLabelText="Cookie Disclaimer">
             <!-- begin cookie-disclaimer ------------------------------------------------------------------------------------------------------------------------------------------------------->
             <CmdCookieDisclaimer
                 :cookieOptions="cookieDisclaimerData"
@@ -2280,7 +2274,7 @@ export default {
             replacedCheckboxValue: "checkboxValue1",
             radiobuttonValue: "radiobuttonValue1",
             replacedRadiobuttonValue: "radiobuttonValue1",
-            fancyBoxCookieDisclaimer: false,
+            f: false,
             fakeSelectDefault: "",
             fakeSelectCheckbox: [1],
             fakeSelectFilters: [],

package/src/assets/data/cookie-disclaimer.json

@@ -1,6 +1,8 @@
 {
   "required": {
-    "headline": "Required cookies",
+    "cmdHeadline": {
+        "headlineText": "Required cookies"
+    },
     "cookies": [
         {
           "id": "cookie-sessionid",
@@ -30,7 +32,9 @@
       ]
   },
   "optional": {
-    "headline": "Optional cookies",
+    "cmdHeadline": {
+      "headlineText": "Optional cookies"
+    },
     "cookies": [
       {
         "id": "cookie-google-maps",

package/src/components/CmdCookieDisclaimer.vue

@@ -267,7 +267,7 @@ export default {
                 showHeadline: true,
                 headlineText: "Required cookies",
                 headlineLevel: 3,
-                ...this.cmdBoxRequiredCookies
+                ...this.cookieOptions?.required.cmdHeadline
             }
         },
         defaultCmdBoxOptionalCookies() {
@@ -276,7 +276,7 @@ export default {
                 showHeadline: true,
                 headlineText: "Optional cookies",
                 headlineLevel: 3,
-                ...this.cmdBoxOptionalCookies
+                ...this.cookieOptions?.optional.cmdHeadline
             }
         },
         toggleBoxBody(cookieId) {

package/src/components/CmdFancyBox.vue

@@ -45,17 +45,17 @@
                 <!-- end print buttons -->
 
                 <!-- begin close-icon -->
-                <a v-if="fancyBoxOptionsProperties.closeIcon"
+                <a v-if="fancyBoxOptionsProperties.closeIcon?.show"
                    href="#"
                    class="button"
                    id="close-dialog"
-                   :title="fancyBoxOptionsProperties.closeIcon.tooltip"
+                   :title="fancyBoxOptionsProperties.closeIcon?.tooltip"
                    ref="close-dialog"
                    @click.prevent="close">
                     <!-- begin CmdIcon -->
                     <CmdIcon
-                        :iconClass="fancyBoxOptionsProperties.closeIcon.iconClass"
-                        :type="fancyBoxOptionsProperties.closeIcon.iconType"
+                        :iconClass="fancyBoxOptionsProperties.closeIcon?.iconClass"
+                        :type="fancyBoxOptionsProperties.closeIcon?.iconType"
                     />
                     <!-- end CmdIcon -->
                 </a>
@@ -294,6 +294,7 @@ const FancyBox = defineComponent({
         fancyBoxOptionsProperties() {
             return {
                 closeIcon: {
+                    show: true,
                     iconClass: "icon-cancel",
                     iconType: "auto",
                     tooltip: "Close",