@dargmuesli/nuxt-cookie-control 9.0.10 → 9.1.1

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.10",
+  "version": "9.1.1",
   "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.10";
+const version = "9.1.1";
 
 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) }}
@@ -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

@@ -14,27 +14,27 @@
     "@commitlint/cli": "19.8.1",
     "@commitlint/config-conventional": "19.8.1",
     "@dargmuesli/nuxt-cookie-control": "link:",
-    "@nuxt/eslint-config": "1.7.1",
+    "@nuxt/eslint-config": "1.8.0",
     "@nuxt/module-builder": "1.0.2",
-    "@nuxt/schema": "4.0.2",
+    "@nuxt/schema": "4.0.3",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/commit-analyzer": "13.0.1",
     "@semantic-release/git": "10.0.1",
-    "@semantic-release/github": "11.0.3",
+    "@semantic-release/github": "11.0.4",
     "@semantic-release/npm": "12.0.2",
     "@semantic-release/release-notes-generator": "14.0.3",
-    "eslint": "9.32.0",
+    "eslint": "9.33.0",
     "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-prettier": "5.5.3",
+    "eslint-plugin-prettier": "5.5.4",
     "husky": "9.1.7",
-    "lint-staged": "16.1.2",
-    "nuxt": "4.0.2",
+    "lint-staged": "16.1.5",
+    "nuxt": "4.0.3",
     "prettier": "3.6.2",
     "semantic-release": "24.2.7",
-    "vite": "7.0.6",
+    "vite": "7.1.2",
     "vue": "3.5.18",
     "vue-tsc": "3.0.5",
-    "webpack": "5.101.0"
+    "webpack": "5.101.1"
   },
   "engines": {
     "node": ">=16"
@@ -71,7 +71,7 @@
       "unrs-resolver"
     ],
     "overrides": {
-      "@types/eslint": "npm:eslint@9.32.0"
+      "@types/eslint": "npm:eslint@9.33.0"
     }
   },
   "publishConfig": {
@@ -99,5 +99,5 @@
       ]
     }
   },
-  "version": "9.0.10"
+  "version": "9.1.1"
 }