comand-component-library 4.1.2 → 4.1.4

package/package.json

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

package/src/components/CmdGoogleMaps.vue

@@ -19,6 +19,7 @@
 // import mixins
 import I18n from "../mixins/I18n"
 import DefaultMessageProperties from "../mixins/CmdGoogleMaps/DefaultMessageProperties"
+import {setCookieDisclaimerCookie, getCookieDisclaimerCookie} from "../utils/cookie"
 
 export default {
     name: "CmdGoogleMaps",
@@ -49,6 +50,11 @@ export default {
             required: true
         }
     },
+    mounted() {
+        if(getCookieDisclaimerCookie().includes("google-maps")) {
+            this.cookiesAccepted = true
+        }
+    },
     computed: {
         locateAddress() {
             if(this.address) {
@@ -62,6 +68,7 @@ export default {
     },
     methods: {
         acceptCookies() {
+            setCookieDisclaimerCookie(["google-maps"])
             this.cookiesAccepted = true
             this.$emit("click", this.cookiesAccepted)
         }

package/src/components/CmdToggleDarkMode.vue

@@ -232,9 +232,11 @@ export default {
                 // toggle classes to overwrite media-query styles for color-schemes
                 const htmlTag = document.documentElement
                 if (this.darkMode) {
-                    htmlTag.classList.replace("light-mode", "dark-mode")
+                    htmlTag.classList.remove("light-mode")
+                    htmlTag.classList.add("dark-mode")
                 } else {
-                    htmlTag.classList.replace("dark-mode", "light-mode")
+                    htmlTag.classList.remove("dark-mode")
+                    htmlTag.classList.add("light-mode")
                 }
 
                 // emits custom events from html-tag

package/src/index.js

@@ -65,6 +65,7 @@ export { default as DirFancybox } from '@/directives/fancybox'
 // export functions
 export { createUuid, createHtmlId } from '@/utils/common'
 export { getFileExtension } from '@/utils/getFileExtension'
+export { setCookieDisclaimerCookie, getCookieDisclaimerCookie } from '@/utils/cookie'
 
 // export composables
 export { useSequence } from '@/composables/sequence'

package/src/utils/cookie.js

@@ -0,0 +1,28 @@
+const cookieDisclaimerCookieName = "acceptedCookies"
+
+function setCookieDisclaimerCookie(listOfAcceptedCookies, daysToExpire = 365) {
+    const cookie = [...getCookieDisclaimerCookie(), ...listOfAcceptedCookies].join(",")
+    let expires = ""
+    const date = new Date()
+    date.setTime(date.getTime() + daysToExpire * 24 * 60 * 60 * 1000)
+    expires = "; expires=" + date.toUTCString()
+    document.cookie = cookieDisclaimerCookieName + "=" + encodeURIComponent(cookie) + expires + "; SameSite=strict; path=/"
+}
+
+function getCookieDisclaimerCookie() {
+    const cookie = document.cookie.split(";").map((cookie)=> {
+        return cookie.trim()
+    }).find((cookie) => {
+        return cookie.startsWith(cookieDisclaimerCookieName + "=")
+    })
+
+    if(cookie) {
+        const indexOfEqualSign = cookie.indexOf("=")
+        return decodeURIComponent(cookie.slice(indexOfEqualSign + 1)).split(",")
+    }
+
+    return []
+}
+
+export {setCookieDisclaimerCookie, getCookieDisclaimerCookie}
+