Merge pull request #20 from danielsitek/feature/ds-fix-circular-depen…

…dency

Fix circular dependency

src/index.ts

@@ -2,8 +2,7 @@ import { ConsentService } from '@/services/consent-service';
 import type { CookieConsentTranslations } from '@/services/translation-service';
 import type { CookieConsentTheme } from '@/services/theme-service';
 import type { CookieConsentSettings } from '@/services/settings-service';
-import { initConsentModal } from '@/init/initConsentModal';
-import { initConsentBadge } from '@/init/initConsentBadge';
+import { initConsentModal, initConsentBadge } from '@/init/init';
 
 type WindowCookieConsent = ConsentService;
 

src/init/initConsentModal.ts → src/init/init.ts

@@ -1,12 +1,21 @@
 import '@/elements/consent-dialog/consent-dialog';
-import { BADGE_ELEMENT_NAME, DIALOG_ELEMENT_NAME, EVENT_CONSENT_HIDE, EVENT_CONSENT_SHOW } from '@/config';
-import { initConsentBadge } from './initConsentBadge';
+import '@/elements/consent-badge/consent-badge';
+import { BADGE_ELEMENT_NAME, DIALOG_ELEMENT_NAME, EVENT_BADGE_CLICK, EVENT_CONSENT_HIDE, EVENT_CONSENT_SHOW } from '@/config';
 import { createVElement } from '@/utils/elements';
+import { settingsService } from '@/services/settings-service';
 
 interface BadgeElement extends HTMLElement {
   hideBadge: () => void;
 }
 
+const settings = settingsService();
+
+const handleBadgeClick = (): void => {
+  initConsentModal();
+
+  window.removeEventListener(EVENT_BADGE_CLICK, handleBadgeClick);
+};
+
 const handleConsentHide = (): void => {
   initConsentBadge();
 
@@ -32,3 +41,17 @@ export const initConsentModal = (): void => {
 
   window.addEventListener(EVENT_CONSENT_SHOW, handleConsentShow);
 };
+
+export const initConsentBadge = (): void => {
+  if (settings.disableBadge === true) {
+    return;
+  }
+
+  if (document.querySelectorAll(BADGE_ELEMENT_NAME).length) {
+    return;
+  }
+
+  window.addEventListener(EVENT_BADGE_CLICK, handleBadgeClick);
+
+  document.body.append(createVElement(BADGE_ELEMENT_NAME));
+};