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

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.d.mts

@@ -18,6 +18,7 @@ interface LocaleStrings {
     acceptAll: string;
     bannerDescription: string;
     bannerTitle: string;
+    buttonCookies: string;
     close: string;
     cookiesFunctional: string;
     cookiesNecessary: string;
@@ -27,6 +28,7 @@ interface LocaleStrings {
     declineAll: string;
     here: string;
     manageCookies: string;
+    modalTitle: string;
     save: string;
     settingsUnsaved: string;
 }

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "10.0.0-beta.2",
+  "version": "10.0.0-beta.4",
   "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.4";
 
 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_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_10) => 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

@@ -1,11 +1,12 @@
-declare var __VLS_1: {}, __VLS_9: {};
+declare var __VLS_1: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => 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 { Cookie, Locale } from '#cookie-control/types';
+type __VLS_Props = {
+    locale?: Locale;
+};
+declare var __VLS_14: {}, __VLS_16: {}, __VLS_24: {}, __VLS_26: {
+    cookie: Cookie;
+};
+type __VLS_Slots = {} & {
+    bar?: (props: typeof __VLS_14) => any;
+} & {
+    controlButton?: (props: typeof __VLS_16) => any;
+} & {
+    modal?: (props: typeof __VLS_24) => any;
+} & {
+    cookie?: (props: typeof __VLS_26) => 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

@@ -13,30 +13,39 @@
                 <p v-text="localeStrings?.bannerDescription" />
               </slot>
             </div>
-            <div class="cookieControl__BarButtons">
-              <button
-                type="button"
-                @click="acceptAll()"
-                v-text="localeStrings?.accept"
-              />
-              <button
-                v-if="moduleOptions.isAcceptNecessaryButtonEnabled"
-                type="button"
-                @click="acceptNecessary()"
-                v-text="localeStrings?.decline"
-              />
-              <button
-                type="button"
-                @click="isModalActive = true"
-                v-text="localeStrings?.manageCookies"
-              />
-            </div>
+            <ul class="cookieControl__BarButtons">
+              <li>
+                <button
+                  type="button"
+                  @click="acceptAll()"
+                  v-text="localeStrings?.accept"
+                />
+              </li>
+              <li v-if="moduleOptions.isAcceptNecessaryButtonEnabled">
+                <button
+                  type="button"
+                  @click="acceptNecessary()"
+                  v-text="localeStrings?.decline"
+                />
+              </li>
+              <li>
+                <button
+                  type="button"
+                  aria-haspopup="dialog"
+                  :aria-controls="id"
+                  @click="isModalActive = true"
+                  v-text="localeStrings?.manageCookies"
+                />
+              </li>
+            </ul>
           </div>
         </div>
       </transition>
       <button
         v-if="moduleOptions.isControlButtonEnabled && isConsentGiven"
-        aria-label="Cookie control"
+        :aria-label="localeStrings?.buttonCookies"
+        aria-haspopup="dialog"
+        :aria-controls="id"
         :class="[
   'cookieControl__ControlButton',
   `cookieControl__ControlButton--${moduleOptions.controlButtonPosition}`
@@ -54,154 +63,167 @@
           </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
+        :id="id"
+        ref="dialog"
+        :aria-label="localeStrings?.modalTitle"
+        @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">
+                <button
+                  v-if="!moduleOptions.isModalForced"
+                  class="cookieControl__ModalClose"
+                  type="button"
+                  autofocus
+                  @click="isModalActive = false"
+                  v-text="localeStrings?.close"
+                />
+                <slot name="modal" />
+                <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="
+                <ul class="cookieControl__ModalButtons">
+                  <li>
+                    <button
+                      type="button"
+                      @click="
   () => {
     acceptPartial();
     isModalActive = false;
   }
 "
-                  v-text="localeStrings?.save"
-                />
-                <button
-                  type="button"
-                  @click="
+                      v-text="localeStrings?.save"
+                    />
+                  </li>
+                  <li>
+                    <button
+                      type="button"
+                      @click="
   () => {
     acceptAll();
     isModalActive = false;
   }
 "
-                  v-text="localeStrings?.acceptAll"
-                />
-                <button
-                  v-if="!moduleOptions.isModalForced"
-                  type="button"
-                  @click="
+                      v-text="localeStrings?.acceptAll"
+                    />
+                  </li>
+                  <li v-if="!moduleOptions.isModalForced">
+                    <button
+                      type="button"
+                      @click="
   () => {
     moduleOptions.declineAllAcceptsNecessary ? acceptNecessary() : acceptNone();
     isModalActive = false;
   }
 "
-                  v-text="localeStrings?.declineAll"
-                />
+                      v-text="localeStrings?.declineAll"
+                    />
+                  </li>
+                </ul>
               </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, useId } from "vue";
 import ClientOnlyPrerender from "#cookie-control/components/ClientOnlyPrerender.vue";
 import { COOKIE_ID_SEPARATOR } from "#cookie-control/constants";
 import {
@@ -224,6 +246,7 @@ const {
   moduleOptions
 } = useCookieControl();
 const nuxtApp = useNuxtApp();
+const id = useId();
 const expires = new Date(Date.now() + moduleOptions.cookieExpiryOffsetMs);
 const preselectedCookies = moduleOptions.cookies[CookieType.OPTIONAL].filter(
   (cookie) => cookie.isPreselected
@@ -373,6 +396,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

@@ -1,25 +1,26 @@
-import type { Locale } from '#cookie-control/types';
+import type { Cookie, Locale } from '#cookie-control/types';
 type __VLS_Props = {
     locale?: Locale;
 };
-declare var __VLS_11: {}, __VLS_13: {}, __VLS_20: {}, __VLS_22: {
-    cookie: any;
+declare var __VLS_14: {}, __VLS_16: {}, __VLS_24: {}, __VLS_26: {
+    cookie: Cookie;
 };
 type __VLS_Slots = {} & {
-    bar?: (props: typeof __VLS_11) => any;
+    bar?: (props: typeof __VLS_14) => any;
 } & {
-    controlButton?: (props: typeof __VLS_13) => any;
+    controlButton?: (props: typeof __VLS_16) => any;
 } & {
-    modal?: (props: typeof __VLS_20) => any;
+    modal?: (props: typeof __VLS_24) => any;
 } & {
-    cookie?: (props: typeof __VLS_22) => any;
+    cookie?: (props: typeof __VLS_26) => 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_8: {};
+type __VLS_Slots = {} & {
+    iframe?: (props: typeof __VLS_8) => 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

@@ -1,9 +1,10 @@
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    iframe?: (props: typeof __VLS_6) => any;
+    iframe?: (props: typeof __VLS_8) => 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/ar.js

@@ -3,6 +3,7 @@ export default {
   acceptAll: "\u0642\u0628\u0648\u0644 \u0627\u0644\u0643\u0644",
   bannerDescription: "\u0646\u062D\u0646 \u0646\u0633\u062A\u062E\u062F\u0645 \u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0646\u0627 \u0648\u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0627\u0644\u062C\u0647\u0627\u062A \u0627\u0644\u062E\u0627\u0631\u062C\u064A\u0629 \u062D\u062A\u0649 \u0646\u062A\u0645\u0643\u0646 \u0645\u0646 \u0639\u0631\u0636 \u0647\u0630\u0627 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0641\u0647\u0645 \u0643\u064A\u0641\u064A\u0629 \u0627\u0633\u062A\u062E\u062F\u0627\u0645\u0647 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644 \u060C \u0628\u0647\u062F\u0641 \u062A\u062D\u0633\u064A\u0646 \u0627\u0644\u062E\u062F\u0645\u0627\u062A \u0627\u0644\u062A\u064A \u0646\u0642\u062F\u0645\u0647\u0627. \u0625\u0630\u0627 \u0648\u0627\u0635\u0644\u062A \u0627\u0644\u062A\u0635\u0641\u062D \u060C \u0641\u0625\u0646\u0646\u0627 \u0646\u0639\u062A\u0628\u0631 \u0623\u0646\u0643 \u0642\u0628\u0644\u062A \u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637.",
   bannerTitle: "\u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637",
+  buttonCookies: "\u0641\u062A\u062D \u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637",
   close: "\u0625\u063A\u0644\u0627\u0642",
   cookiesFunctional: "\u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637 \u0627\u0644\u0648\u0638\u064A\u0641\u064A\u0629",
   cookiesNecessary: "\u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637 \u0627\u0644\u0636\u0631\u0648\u0631\u064A\u0629",
@@ -12,6 +13,7 @@ export default {
   here: "\u0647\u0646\u0627",
   iframeBlocked: "\u0644\u0631\u0624\u064A\u0629 \u0647\u0630\u0627 \u060C \u064A\u0631\u062C\u0649 \u062A\u0645\u0643\u064A\u0646 \u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637 \u0627\u0644\u0648\u0638\u064A\u0641\u064A\u0629",
   manageCookies: "\u0625\u062F\u0627\u0631\u0629 \u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637",
+  modalTitle: "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637",
   save: "\u062D\u0641\u0638",
   settingsUnsaved: "\u0644\u062F\u064A\u0643 \u0625\u0639\u062F\u0627\u062F\u0627\u062A \u063A\u064A\u0631 \u0645\u062D\u0641\u0648\u0638\u0629"
 };

package/dist/runtime/locale/az.js

@@ -3,6 +3,7 @@ export default {
   acceptAll: "Ham\u0131s\u0131n\u0131 q\u0259bul et",
   bannerDescription: "Biz \xF6z kukil\u0259rimizd\u0259n v\u0259 \xFC\xE7\xFCnc\xFC t\u0259r\u0259f kukil\u0259rind\u0259n istifad\u0259 edirik ki, biz bu veb-sayt\u0131 d\xFCzg\xFCn g\xF6st\u0259r\u0259 bil\u0259k v\u0259 t\u0259klif etdiyimiz xidm\u0259tl\u0259ri t\u0259kmill\u0259\u015Fdirm\u0259k m\u0259qs\u0259dil\u0259 bu veb-saytdan nec\u0259 istifad\u0259 olundu\u011Funu daha yax\u015F\u0131 ba\u015Fa d\xFC\u015F\u0259k. Kukid\u0259n istifad\u0259 icaz\u0259l\u0259ri il\u0259 ba\u011Fl\u0131 q\u0259rar bu bannerd\u0259 se\xE7im edildikd\u0259n sonra g\xF6r\xFCn\u0259c\u0259k kuki d\xFCym\u0259sind\u0259n istifad\u0259 etm\u0259kl\u0259 ist\u0259nil\u0259n vaxt d\u0259yi\u015Fdiril\u0259 bil\u0259r.",
   bannerTitle: "Kukil\u0259r",
+  buttonCookies: "Kuki ayarlar\u0131n\u0131 a\xE7",
   close: "Ba\u011Fla",
   cookiesFunctional: "Funksional kukil\u0259r",
   cookiesNecessary: "Z\u0259ruri kukil\u0259r",
@@ -12,6 +13,7 @@ export default {
   here: "burada",
   iframeBlocked: "Bunu g\xF6rm\u0259k \xFC\xE7\xFCn funksional kukil\u0259ri aktiv edin",
   manageCookies: "Kukil\u0259ri idar\u0259 et",
+  modalTitle: "Kuki ayarlar\u0131",
   save: "Yadda saxla",
   settingsUnsaved: "Yadda saxlanmam\u0131\u015F ayarlar\u0131n\u0131z var"
 };

package/dist/runtime/locale/be.js

@@ -3,6 +3,7 @@ export default {
   acceptAll: "\u041F\u0440\u044B\u043D\u044F\u0446\u044C \u0443\u0441\u0451",
   bannerDescription: "\u041C\u044B \u0432\u044B\u043A\u0430\u0440\u044B\u0441\u0442\u043E\u045E\u0432\u0430\u0435\u043C \u043D\u0430\u0448\u044B\u044F \u045E\u043B\u0430\u0441\u043D\u044B\u044F cookie-\u0444\u0430\u0439\u043B\u044B \u0456 cookie-\u0444\u0430\u0439\u043B\u044B \u0442\u0440\u044D\u0446\u0456\u0445 \u0441\u0442\u0430\u0440\u043E\u043D, \u043A\u0430\u0431 \u043C\u044B \u043C\u0430\u0433\u043B\u0456 \u043F\u0430\u043A\u0430\u0437\u0430\u0446\u044C \u0432\u0430\u043C \u0433\u044D\u0442\u044B \u0432\u044D\u0431-\u0441\u0430\u0439\u0442 \u0456 \u043B\u0435\u043F\u0448 \u0440\u0430\u0437\u0443\u043C\u0435\u0446\u044C, \u044F\u043A \u0432\u044B \u044F\u0433\u043E \u0432\u044B\u043A\u0430\u0440\u044B\u0441\u0442\u043E\u045E\u0432\u0430\u0435\u0446\u0435, \u0437 \u043C\u044D\u0442\u0430\u0439 \u043F\u0430\u043B\u0435\u043F\u0448\u044D\u043D\u043D\u044F \u043F\u0440\u0430\u043F\u0430\u043D\u0430\u0432\u0430\u043D\u044B\u0445 \u043D\u0430\u043C\u0456 \u043F\u0430\u0441\u043B\u0443\u0433. \u041A\u0430\u043B\u0456 \u0432\u044B \u043F\u0440\u0430\u0446\u044F\u0433\u043D\u0435\u0446\u0435 \u043F\u0440\u0430\u0433\u043B\u044F\u0434, \u043C\u044B \u0431\u0443\u0434\u0437\u0435\u043C \u043B\u0456\u0447\u044B\u0446\u044C, \u0448\u0442\u043E \u0432\u044B \u043F\u0440\u044B\u043D\u044F\u043B\u0456 cookie-\u0444\u0430\u0439\u043B\u044B.",
   bannerTitle: "Cookie-\u0444\u0430\u0439\u043B\u044B",
+  buttonCookies: "\u0410\u0434\u043A\u0440\u044B\u0442\u044C \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 cookie",
   close: "\u0417\u0430\u0447\u044B\u043D\u0456\u0446\u044C",
   cookiesFunctional: "\u0424\u0443\u043D\u043A\u0446\u044B\u044F\u043D\u0430\u043B\u044C\u043D\u044B\u044F cookie-\u0444\u0430\u0439\u043B\u044B",
   cookiesNecessary: "\u041D\u0435\u0430\u0431\u0445\u043E\u0434\u043D\u044B\u044F cookie-\u0444\u0430\u0439\u043B\u044B",
@@ -12,6 +13,7 @@ export default {
   here: "\u0442\u0443\u0442",
   iframeBlocked: "\u041A\u0430\u0431 \u0443\u0431\u0430\u0447\u044B\u0446\u044C \u0433\u044D\u0442\u0430, \u0443\u043A\u043B\u044E\u0447\u044B\u0446\u0435 \u0444\u0443\u043D\u043A\u0446\u044B\u044F\u043D\u0430\u043B\u044C\u043D\u044B\u044F cookie-\u0444\u0430\u0439\u043B\u044B",
   manageCookies: "\u041A\u0456\u0440\u0430\u0432\u0430\u043D\u043D\u0435 cookie-\u0444\u0430\u0439\u043B\u0430\u043C\u0456",
+  modalTitle: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 cookie",
   save: "\u0417\u0430\u0445\u0430\u0432\u0430\u0446\u044C",
   settingsUnsaved: "\u0423 \u0432\u0430\u0441 \u0437\u0430\u0441\u0442\u0430\u043B\u0456\u0441\u044F \u043D\u0435\u0437\u0430\u0445\u0430\u0432\u0430\u043D\u044B\u044F \u043D\u0430\u043B\u0430\u0434\u044B"
 };

package/dist/runtime/locale/bg.js

@@ -3,6 +3,7 @@ export default {
   acceptAll: "\u041F\u0440\u0438\u0435\u043C\u0438 \u0432\u0441\u0438\u0447\u043A\u0438",
   bannerDescription: '\u041D\u0438\u0435 \u0438\u0437\u043F\u043E\u043B\u0437\u0432\u0430\u043C\u0435 \u043D\u0430\u0448\u0438 "\u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438" \u0438 "\u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438" \u043E\u0442 \u0442\u0440\u0435\u0442\u0438 \u0441\u0442\u0440\u0430\u043D\u0438, \u0437\u0430 \u0434\u0430 \u043C\u043E\u0436\u0435\u043C \u0434\u0430 \u043F\u043E\u043A\u0430\u0437\u0432\u0430\u043C\u0435 \u043F\u0440\u0430\u0432\u0438\u043B\u043D\u043E \u0442\u043E\u0437\u0438 \u0443\u0435\u0431 \u0441\u0430\u0439\u0442 \u0438 \u0434\u0430 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043C \u043F\u043E-\u0434\u043E\u0431\u0440\u0435 \u043A\u0430\u043A \u0441\u0435 \u0438\u0437\u043F\u043E\u043B\u0437\u0432\u0430, \u0441 \u0446\u0435\u043B \u043F\u043E\u0434\u043E\u0431\u0440\u044F\u0432\u0430\u043D\u0435 \u043D\u0430 \u043F\u0440\u0435\u0434\u043B\u0430\u0433\u0430\u043D\u0438\u0442\u0435 \u043E\u0442 \u043D\u0430\u0441 \u0443\u0441\u043B\u0443\u0433\u0438. \u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u0435\u0442\u043E \u0437\u0430 \u0438\u0437\u043F\u043E\u043B\u0437\u0432\u0430\u043D\u0435 \u043D\u0430 "\u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438" \u043C\u043E\u0436\u0435 \u0434\u0430 \u0431\u044A\u0434\u0435 \u043F\u0440\u043E\u043C\u0435\u043D\u0435\u043D\u043E \u043F\u043E \u0432\u0441\u044F\u043A\u043E \u0432\u0440\u0435\u043C\u0435, \u043A\u0430\u0442\u043E \u0441\u0435 \u0438\u0437\u043F\u043E\u043B\u0437\u0432\u0430 \u0431\u0443\u0442\u043E\u043D\u044A\u0442 \u0437\u0430 \u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438, \u043A\u043E\u0439\u0442\u043E \u0449\u0435 \u0441\u0435 \u043F\u043E\u044F\u0432\u0438 \u0441\u043B\u0435\u0434 \u043A\u0430\u0442\u043E \u0431\u044A\u0434\u0435 \u043D\u0430\u043F\u0440\u0430\u0432\u0435\u043D \u0438\u0437\u0431\u043E\u0440 \u043D\u0430 \u0442\u043E\u0437\u0438 \u0431\u0430\u043D\u0435\u0440.',
   bannerTitle: '"\u0411\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438"',
+  buttonCookies: '\u041E\u0442\u0432\u043E\u0440\u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438\u0442\u0435 \u0437\u0430 "\u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438"',
   close: "\u0417\u0430\u0442\u0432\u043E\u0440\u0438",
   cookiesFunctional: '\u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B\u043D\u0438 "\u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438"',
   cookiesNecessary: '\u041D\u0443\u0436\u043D\u0438 "\u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438"',
@@ -12,6 +13,7 @@ export default {
   here: "\u0442\u0443\u043A",
   iframeBlocked: '\u0417\u0430 \u0434\u0430 \u0432\u0438\u0434\u0438\u0442\u0435 \u0442\u043E\u0432\u0430, \u043C\u043E\u043B\u044F, \u043F\u043E\u0437\u0432\u043E\u043B\u0435\u0442\u0435 \u0444\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B\u043D\u0438\u0442\u0435 "\u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438"',
   manageCookies: "\u0412\u0438\u0436\u0442\u0435 \u043F\u043E\u0432\u0435\u0447\u0435 \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u0442\u0435",
+  modalTitle: '\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0437\u0430 "\u0431\u0438\u0441\u043A\u0432\u0438\u0442\u043A\u0438"',
   save: "\u0417\u0430\u043F\u0430\u0437\u0438",
   settingsUnsaved: "\u0418\u043C\u0430\u0442\u0435 \u043D\u0435\u0437\u0430\u043F\u0430\u0437\u0435\u043D\u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438"
 };