feat: add "isModalForced" to ModuleOptions

README.md

@@ -163,6 +163,9 @@ isCssPonyfillEnabled: false,
 // Switch to toggle the separation of cookie name and description in the configuration modal by a dash.
 isDashInDescriptionEnabled: true,
 
+// if this value is given true, showing Only Modal to force to select for users.
+isForcedModal: false,
+
 // Switch to toggle the blocking of iframes.
 // This can be used to prevent iframes from adding additional cookies.
 isIframeBlocked: false,

src/runtime/components/CookieControl.vue

@@ -3,7 +3,7 @@
     <section class="cookieControl">
       <transition :name="`cookieControl__Bar--${moduleOptions.barPosition}`">
         <div
-          v-if="!isConsentGiven"
+          v-if="!isConsentGiven && !moduleOptions.isForcedModal"
           :class="`cookieControl__Bar cookieControl__Bar--${moduleOptions.barPosition}`"
         >
           <div class="cookieControl__BarContainer">
@@ -56,6 +56,7 @@
                 class="cookieControl__ModalClose"
                 @click="isModalActive = false"
                 v-text="localeStrings?.close"
+                v-if="!moduleOptions.isForcedModal"
               />
               <template v-for="cookieType in CookieType" :key="cookieType">
                 <template v-if="moduleOptions.cookies[cookieType].length">
@@ -337,6 +338,10 @@ onBeforeMount(() => {
       }
     }
   }
+
+  if (moduleOptions.isForcedModal) {
+    isModalActive.value = true;
+  }
 })
 watch(
   () => cookiesEnabled.value,

src/runtime/types.ts

@@ -87,6 +87,7 @@ export interface ModuleOptions {
   isCssPonyfillEnabled: boolean
   isDashInDescriptionEnabled: boolean
   isIframeBlocked: boolean | { initialState: boolean }
+  isForcedModal: boolean
   locales: Locale[]
   localeTexts: PartialRecord<Locale, Partial<LocaleStrings>>
 }
@@ -135,6 +136,7 @@ export const DEFAULTS: Required<ModuleOptions> = {
   isCssPonyfillEnabled: false,
   isDashInDescriptionEnabled: true,
   isIframeBlocked: false,
+  isForcedModal: false,
   domain: '',
   locales: ['en'],
   localeTexts: { en },