@dargmuesli/nuxt-cookie-control 10.0.0-beta.2 → 10.0.0-beta.3

package/README.md

@@ -162,10 +162,10 @@ cookieNameCookiesEnabledIds: 'ncc_e',
 cookieOptions: {
   path: '/',
   sameSite: 'strict',
-}
+},
 
 // Switch to toggle the "accept necessary" button.
-isAcceptNecessaryButtonEnabled: true
+isAcceptNecessaryButtonEnabled: true,
 
 // Switch to toggle the button that opens the configuration modal.
 isControlButtonEnabled: true,

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "10.0.0-beta.2",
+  "version": "10.0.0-beta.3",
   "configKey": "cookieControl",
   "compatibility": {
     "nuxt": ">=3.0.0"

package/dist/module.mjs

@@ -106,11 +106,11 @@ const DEFAULTS = {
 };
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "10.0.0-beta.2";
+const version = "10.0.0-beta.3";
 
 const resolver = createResolver(import.meta.url);
 const runtimeDir = resolver.resolve("./runtime");
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name,
     version,
@@ -231,4 +231,4 @@ const pushCss = (moduleOptions, nuxt) => {
     nuxt.options.css.push(resolver.resolve(runtimeDir, "styles.css"));
 };
 
-export { module as default };
+export { module$1 as default };

package/dist/runtime/components/ClientOnlyPrerender.d.vue.ts

@@ -0,0 +1,15 @@
+declare var __VLS_1: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ClientOnlyPrerender.vue.d.ts

@@ -4,8 +4,9 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/CookieControl.d.vue.ts

@@ -0,0 +1,29 @@
+import type { Locale } from '#cookie-control/types';
+type __VLS_Props = {
+    locale?: Locale;
+};
+declare var __VLS_11: {}, __VLS_13: {}, __VLS_20: {}, __VLS_22: {
+    cookie: any;
+};
+type __VLS_Slots = {} & {
+    bar?: (props: typeof __VLS_11) => any;
+} & {
+    controlButton?: (props: typeof __VLS_13) => any;
+} & {
+    modal?: (props: typeof __VLS_20) => any;
+} & {
+    cookie?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    accept: () => void;
+    acceptPartial: () => void;
+    decline: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/CookieControl.vue

@@ -54,154 +54,156 @@
           </svg>
         </slot>
       </button>
-      <transition name="cookieControl__Modal">
-        <div
-          v-if="isModalActive"
-          class="cookieControl__Modal"
-          @click.self="onModalClick"
-        >
-          <p
-            v-if="isSaved"
-            class="cookieControl__ModalUnsaved"
-            v-text="localeStrings?.settingsUnsaved"
-          />
-          <div class="cookieControl__ModalContent">
-            <div class="cookieControl__ModalContentInner">
-              <slot name="modal" />
-              <button
-                v-if="!moduleOptions.isModalForced"
-                class="cookieControl__ModalClose"
-                type="button"
-                @click="isModalActive = false"
-                v-text="localeStrings?.close"
-              />
-              <template v-for="cookieType in CookieType" :key="cookieType">
-                <template v-if="moduleOptions.cookies[cookieType].length">
-                  <h2
-                    v-text="
+      <dialog ref="dialog" @close="isModalActive = false">
+        <transition name="cookieControl__Modal">
+          <div
+            v-if="isModalActive"
+            class="cookieControl__Modal"
+            @click.self="onModalClick"
+          >
+            <p
+              v-if="isSaved"
+              class="cookieControl__ModalUnsaved"
+              v-text="localeStrings?.settingsUnsaved"
+            />
+            <div class="cookieControl__ModalContent">
+              <div class="cookieControl__ModalContentInner">
+                <slot name="modal" />
+                <button
+                  v-if="!moduleOptions.isModalForced"
+                  class="cookieControl__ModalClose"
+                  type="button"
+                  @click="isModalActive = false"
+                  v-text="localeStrings?.close"
+                />
+                <template v-for="cookieType in CookieType" :key="cookieType">
+                  <template v-if="moduleOptions.cookies[cookieType].length">
+                    <h2
+                      v-text="
   localeStrings && (cookieType === CookieType.NECESSARY ? localeStrings.cookiesNecessary : localeStrings.cookiesOptional)
 "
-                  />
-                  <ul>
-                    <li
-                      v-for="cookie in moduleOptions.cookies[cookieType]"
-                      :key="cookie.id"
-                    >
-                      <slot name="cookie" v-bind="{ cookie }">
-                        <div class="cookieControl__ModalInputWrapper">
-                          <input
-                            v-if="
+                    />
+                    <ul>
+                      <li
+                        v-for="cookie in moduleOptions.cookies[cookieType]"
+                        :key="cookie.id"
+                      >
+                        <slot name="cookie" v-bind="{ cookie }">
+                          <div class="cookieControl__ModalInputWrapper">
+                            <input
+                              v-if="
   cookieType === CookieType.NECESSARY && cookie.name !== 'functional'
 "
-                            :id="resolveTranslatable(cookie.name, locale)"
-                            type="checkbox"
-                            disabled
-                            checked
-                          />
-                          <input
-                            v-else
-                            :id="resolveTranslatable(cookie.name, locale)"
-                            type="checkbox"
-                            :checked="
+                              :id="resolveTranslatable(cookie.name, locale)"
+                              type="checkbox"
+                              disabled
+                              checked
+                            />
+                            <input
+                              v-else
+                              :id="resolveTranslatable(cookie.name, locale)"
+                              type="checkbox"
+                              :checked="
   getCookieIds(localCookiesEnabled).includes(
     cookie.id
   )
 "
-                            @change="toggleCookie(cookie)"
-                          />
-                          <button type="button" @click="toggleButton($event)">
-                            {{ getName(cookie.name) }}
-                          </button>
-                          <label
-                            class="cookieControl__ModalCookieName"
-                            :for="resolveTranslatable(cookie.name, locale)"
-                            tabindex="0"
-                            @keydown="toggleLabel($event)"
-                          >
-                            {{ getName(cookie.name) }}
-                            <span v-if="cookie.description">
-                              {{ getDescription(cookie.description) }}
-                            </span>
-                            <span
-                              v-if="
-  moduleOptions.isCookieIdVisible && cookie.targetCookieIds
-"
-                            >
-                              <br />
-                              {{
-                                "IDs: " + cookie.targetCookieIds.map((id) => `"${id}"`).join(", ")
-                              }}
-                            </span>
-                            <template
-                              v-if="Object.entries(cookie.links || {}).length"
+                              @change="toggleCookie(cookie)"
+                            />
+                            <button type="button" @click="toggleButton($event)">
+                              {{ getName(cookie.name) }}
+                            </button>
+                            <label
+                              class="cookieControl__ModalCookieName"
+                              :for="resolveTranslatable(cookie.name, locale)"
+                              tabindex="0"
+                              @keydown="toggleLabel($event)"
                             >
+                              {{ getName(cookie.name) }}
+                              <span v-if="cookie.description">
+                                {{ getDescription(cookie.description) }}
+                              </span>
                               <span
-                                v-for="entry in Object.entries(
-  cookie.links || {}
-)"
-                                :key="entry[0]"
+                                v-if="
+  moduleOptions.isCookieIdVisible && cookie.targetCookieIds
+"
                               >
                                 <br />
-                                <NuxtLink
-                                  :to="entry[0]"
-                                  @click="
+                                {{
+                                  "IDs: " + cookie.targetCookieIds.map((id) => `"${id}"`).join(", ")
+                                }}
+                              </span>
+                              <template
+                                v-if="Object.entries(cookie.links || {}).length"
+                              >
+                                <span
+                                  v-for="entry in Object.entries(
+  cookie.links || {}
+)"
+                                  :key="entry[0]"
+                                >
+                                  <br />
+                                  <NuxtLink
+                                    :to="entry[0]"
+                                    @click="
   !entry[0].toLowerCase().startsWith('http') ? isModalActive = false : null
 "
-                                >
-                                  {{ entry[1] || entry[0] }}
-                                </NuxtLink>
-                              </span>
-                            </template>
-                          </label>
-                        </div>
-                      </slot>
-                    </li>
-                  </ul>
+                                  >
+                                    {{ entry[1] || entry[0] }}
+                                  </NuxtLink>
+                                </span>
+                              </template>
+                            </label>
+                          </div>
+                        </slot>
+                      </li>
+                    </ul>
+                  </template>
                 </template>
-              </template>
-              <div class="cookieControl__ModalButtons">
-                <button
-                  type="button"
-                  @click="
+                <div class="cookieControl__ModalButtons">
+                  <button
+                    type="button"
+                    @click="
   () => {
     acceptPartial();
     isModalActive = false;
   }
 "
-                  v-text="localeStrings?.save"
-                />
-                <button
-                  type="button"
-                  @click="
+                    v-text="localeStrings?.save"
+                  />
+                  <button
+                    type="button"
+                    @click="
   () => {
     acceptAll();
     isModalActive = false;
   }
 "
-                  v-text="localeStrings?.acceptAll"
-                />
-                <button
-                  v-if="!moduleOptions.isModalForced"
-                  type="button"
-                  @click="
+                    v-text="localeStrings?.acceptAll"
+                  />
+                  <button
+                    v-if="!moduleOptions.isModalForced"
+                    type="button"
+                    @click="
   () => {
     moduleOptions.declineAllAcceptsNecessary ? acceptNecessary() : acceptNone();
     isModalActive = false;
   }
 "
-                  v-text="localeStrings?.declineAll"
-                />
+                    v-text="localeStrings?.declineAll"
+                  />
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </transition>
+        </transition>
+      </dialog>
     </aside>
   </ClientOnlyPrerender>
 </template>
 
 <script setup>
-import { ref, computed, onBeforeMount, watch } from "vue";
+import { ref, computed, onBeforeMount, watch, useTemplateRef } from "vue";
 import ClientOnlyPrerender from "#cookie-control/components/ClientOnlyPrerender.vue";
 import { COOKIE_ID_SEPARATOR } from "#cookie-control/constants";
 import {
@@ -373,6 +375,16 @@ watch(isConsentGiven, (current, _previous) => {
     cookieIsConsentGiven.value = current ? allCookieIdsString : "0";
   }
 });
+const templateRefDialog = useTemplateRef("dialog");
+watch(isModalActive, (current, previous) => {
+  if (!templateRefDialog.value) return;
+  if (!previous && current && !templateRefDialog.value.open) {
+    templateRefDialog.value.showModal();
+  }
+  if (previous && !current && templateRefDialog.value.open) {
+    templateRefDialog.value.close();
+  }
+});
 watch(
   () => locale,
   (locale2) => {

package/dist/runtime/components/CookieControl.vue.d.ts

@@ -14,12 +14,13 @@ type __VLS_Slots = {} & {
 } & {
     cookie?: (props: typeof __VLS_22) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     accept: () => void;
     acceptPartial: () => void;
     decline: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/CookieIframe.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    iframe?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/CookieIframe.vue.d.ts

@@ -2,8 +2,9 @@ declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     iframe?: (props: typeof __VLS_6) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/locale/tr.js

@@ -1,5 +1,5 @@
 export default {
-  accept: "Kabul etmek",
+  accept: "Kabul et",
   acceptAll: "T\xFCm\xFCn\xFC kabul et",
   bannerDescription: "Bu web sitesini do\u011Fru bir \u015Fekilde g\xF6r\xFCnt\xFCleyebilmek ve teklifimizi geli\u015Ftirmek i\xE7in bu web sitesinin nas\u0131l kullan\u0131ld\u0131\u011F\u0131n\u0131 daha iyi anlayabilmek i\xE7in kendi ve \xFC\xE7\xFCnc\xFC taraf \xE7erezlerimizi kullan\u0131yoruz. \xC7erez kullanma izni ile ilgili karar, bu banner \xFCzerinde bir se\xE7im yap\u0131ld\u0131ktan sonra g\xF6r\xFCnen \xE7erez d\xFC\u011Fmesi arac\u0131l\u0131\u011F\u0131yla herhangi bir zamanda de\u011Fi\u015Ftirilebilir.",
   bannerTitle: "\xC7erezler",
@@ -7,9 +7,9 @@ export default {
   cookiesFunctional: "\u0130\u015Flevsel \xE7erezler",
   cookiesNecessary: "Gerekli \xE7erezler",
   cookiesOptional: "\u0130ste\u011Fe ba\u011Fl\u0131 \xE7erezler",
-  decline: "Reddetmek",
+  decline: "Reddet",
   declineAll: "T\xFCm\xFCn\xFC reddet",
-  here: "here",
+  here: "Burada",
   iframeBlocked: "Bunu g\xF6rmek i\xE7in l\xFCtfen i\u015Flevsel \xE7erezleri etkinle\u015Ftirin",
   manageCookies: "\xC7erezleri y\xF6net",
   save: "Kaydet",

package/package.json

@@ -11,30 +11,30 @@
   },
   "description": "Nuxt Cookie Control Module",
   "devDependencies": {
-    "@commitlint/cli": "19.8.1",
-    "@commitlint/config-conventional": "19.8.1",
+    "@commitlint/cli": "20.1.0",
+    "@commitlint/config-conventional": "20.0.0",
     "@dargmuesli/nuxt-cookie-control": "link:",
-    "@nuxt/eslint-config": "1.9.0",
+    "@nuxt/eslint-config": "1.10.0",
     "@nuxt/module-builder": "1.0.2",
-    "@nuxt/schema": "4.0.3",
+    "@nuxt/schema": "4.2.1",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/commit-analyzer": "13.0.1",
     "@semantic-release/git": "10.0.1",
-    "@semantic-release/github": "11.0.4",
-    "@semantic-release/npm": "12.0.2",
-    "@semantic-release/release-notes-generator": "14.0.3",
-    "eslint": "9.33.0",
+    "@semantic-release/github": "12.0.2",
+    "@semantic-release/npm": "13.1.1",
+    "@semantic-release/release-notes-generator": "14.1.0",
+    "eslint": "9.39.1",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-prettier": "5.5.4",
     "husky": "9.1.7",
-    "lint-staged": "16.1.5",
-    "nuxt": "4.0.3",
+    "lint-staged": "16.2.6",
+    "nuxt": "4.2.1",
     "prettier": "3.6.2",
-    "semantic-release": "24.2.7",
-    "vite": "7.1.3",
-    "vue": "3.5.18",
-    "vue-tsc": "3.0.5",
-    "webpack": "5.101.3"
+    "semantic-release": "25.0.2",
+    "vite": "7.2.2",
+    "vue": "3.5.24",
+    "vue-tsc": "3.1.3",
+    "webpack": "5.102.1"
   },
   "engines": {
     "node": ">=16"
@@ -63,7 +63,7 @@
     "Jonas Thelemann"
   ],
   "name": "@dargmuesli/nuxt-cookie-control",
-  "packageManager": "pnpm@10.15.0",
+  "packageManager": "pnpm@10.21.0",
   "pnpm": {
     "ignoredBuiltDependencies": [
       "@parcel/watcher",
@@ -71,7 +71,7 @@
       "unrs-resolver"
     ],
     "overrides": {
-      "@types/eslint": "npm:eslint@9.33.0"
+      "@types/eslint": "npm:eslint@9.39.1"
     }
   },
   "publishConfig": {
@@ -99,5 +99,5 @@
       ]
     }
   },
-  "version": "10.0.0-beta.2"
+  "version": "10.0.0-beta.3"
 }