@dargmuesli/nuxt-cookie-control 9.0.9 → 9.1.0

package/README.md

@@ -185,6 +185,10 @@ isIframeBlocked: false,
 // Switch to toggle the modal being shown right away, requiring a user's decision.
 isModalForced: false,
 
+// "Decline all" in the modal removes all cookies by default (which will re-open the cookie bar).
+// Set this to true to decline all optional cookies and accept necessary cookies.
+declineAllAcceptsNecessary: false,
+
 // The locales to include.
 locales: ['en'],
 

package/dist/module.d.mts

@@ -53,6 +53,7 @@ interface ModuleOptions {
     isDashInDescriptionEnabled: boolean;
     isIframeBlocked: boolean;
     isModalForced: boolean;
+    declineAllAcceptsNecessary: boolean;
     locales: Locale[];
     localeTexts: PartialRecord<Locale, Partial<LocaleStrings>>;
 }

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "9.0.9",
+  "version": "9.1.0",
   "configKey": "cookieControl",
   "compatibility": {
     "nuxt": ">=3.0.0"

package/dist/module.mjs

@@ -99,12 +99,13 @@ const DEFAULTS = {
   isDashInDescriptionEnabled: true,
   isIframeBlocked: false,
   isModalForced: false,
+  declineAllAcceptsNecessary: false,
   locales: ["en"],
   localeTexts: { en }
 };
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "9.0.9";
+const version = "9.1.0";
 
 const resolver = createResolver(import.meta.url);
 const runtimeDir = resolver.resolve("./runtime");

package/dist/runtime/components/CookieControl.vue

@@ -100,11 +100,11 @@
                             :id="resolveTranslatable(cookie.name, locale)"
                             type="checkbox"
                             :checked="
-  isConsentGiven === void 0 ? cookie.isPreselected : getCookieIds(localCookiesEnabled).includes(
+  getCookieIds(localCookiesEnabled).includes(
     cookie.id
   )
 "
-                            @change="toogleCookie(cookie)"
+                            @change="toggleCookie(cookie)"
                           />
                           <button type="button" @click="toggleButton($event)">
                             {{ getName(cookie.name) }}
@@ -171,7 +171,7 @@
                   type="button"
                   @click="
   () => {
-    acceptNecessary();
+    acceptAll();
     isModalActive = false;
   }
 "
@@ -182,7 +182,7 @@
                   type="button"
                   @click="
   () => {
-    acceptNone();
+    moduleOptions.declineAllAcceptsNecessary ? acceptNecessary() : acceptNone();
     isModalActive = false;
   }
 "
@@ -222,7 +222,12 @@ const {
 } = useCookieControl();
 const nuxtApp = useNuxtApp();
 const expires = new Date(Date.now() + moduleOptions.cookieExpiryOffsetMs);
-const localCookiesEnabled = ref([...cookiesEnabled.value || []]);
+const preselectedCookies = moduleOptions.cookies[CookieType.OPTIONAL].filter(
+  (cookie) => cookie.isPreselected
+);
+const localCookiesEnabled = ref([
+  ...cookiesEnabled.value || (isConsentGiven.value === void 0 ? preselectedCookies : [])
+]);
 const allCookieIdsString = getAllCookieIdsString(moduleOptions);
 const cookieIsConsentGiven = useCookie(moduleOptions.cookieNameIsConsentGiven, {
   expires,
@@ -241,30 +246,29 @@ const isSaved = computed(
 const localeStrings = computed(() => moduleOptions.localeTexts[locale]);
 const acceptAll = () => {
   setCookies({
-    isConsentGiven: true,
-    cookiesOptionalEnabled: moduleOptions.cookies.optional
+    cookiesOptionalEnabled: moduleOptions.cookies.optional,
+    isConsentGiven: true
   });
 };
 const acceptPartial = () => {
   const localCookiesEnabledIds = getCookieIds(localCookiesEnabled.value);
   setCookies({
-    isConsentGiven: true,
-    cookiesOptionalEnabled: [
-      ...moduleOptions.cookies.necessary,
-      ...moduleOptions.cookies.optional
-    ].filter((cookie) => localCookiesEnabledIds.includes(cookie.id))
+    cookiesOptionalEnabled: moduleOptions.cookies.optional.filter(
+      (cookie) => localCookiesEnabledIds.includes(cookie.id)
+    ),
+    isConsentGiven: true
   });
 };
 const acceptNecessary = () => {
   setCookies({
-    isConsentGiven: true,
-    cookiesOptionalEnabled: moduleOptions.cookies.necessary
+    cookiesOptionalEnabled: [],
+    isConsentGiven: true
   });
 };
 const acceptNone = () => {
   setCookies({
-    isConsentGiven: false,
-    cookiesOptionalEnabled: []
+    cookiesOptionalEnabled: [],
+    isConsentGiven: false
   });
 };
 const getDescription = (description) => `${moduleOptions.isDashInDescriptionEnabled === false ? "" : "-"} ${resolveTranslatable(description, locale)}`;
@@ -296,7 +300,7 @@ const toggleButton = ($event) => {
   ;
   $event.target?.nextSibling?.click();
 };
-const toogleCookie = (cookie) => {
+const toggleCookie = (cookie) => {
   const cookieIndex = getCookieIds(localCookiesEnabled.value).indexOf(cookie.id);
   if (cookieIndex < 0) {
     localCookiesEnabled.value.push(cookie);

package/dist/runtime/types.d.ts

@@ -55,6 +55,7 @@ export interface ModuleOptions {
     isDashInDescriptionEnabled: boolean;
     isIframeBlocked: boolean;
     isModalForced: boolean;
+    declineAllAcceptsNecessary: boolean;
     locales: Locale[];
     localeTexts: PartialRecord<Locale, Partial<LocaleStrings>>;
 }

package/dist/runtime/types.js

@@ -56,6 +56,7 @@ export const DEFAULTS = {
   isDashInDescriptionEnabled: true,
   isIframeBlocked: false,
   isModalForced: false,
+  declineAllAcceptsNecessary: false,
   locales: ["en"],
   // TODO: use Nuxt module "i18n"
   localeTexts: { en }

package/package.json

@@ -33,7 +33,7 @@
     "semantic-release": "24.2.7",
     "vite": "7.0.6",
     "vue": "3.5.18",
-    "vue-tsc": "3.0.4",
+    "vue-tsc": "3.0.5",
     "webpack": "5.101.0"
   },
   "engines": {
@@ -63,7 +63,7 @@
     "Jonas Thelemann"
   ],
   "name": "@dargmuesli/nuxt-cookie-control",
-  "packageManager": "pnpm@10.13.1",
+  "packageManager": "pnpm@10.14.0",
   "pnpm": {
     "ignoredBuiltDependencies": [
       "@parcel/watcher",
@@ -99,5 +99,5 @@
       ]
     }
   },
-  "version": "9.0.9"
+  "version": "9.1.0"
 }