@betarena/ad-engine 0.3.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@betarena/ad-engine",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"private": false,
 	"description": "Betarena ad-engine widget",
 	"keywords": [

package/src/lib/Advert-Engine-Widget.svelte

@@ -109,6 +109,10 @@
     isStandalone = true
   ;
 
+  // Retained as a supported public prop for API compatibility.
+  // Device detection is UA-based; this value is not consumed internally.
+  $: void deviceWidthList;
+
   /**
    * @description
    * 📝 Component Local Interface
@@ -903,7 +907,7 @@
       {
         deviceType,
         isoCountryCode: geoLocation?.country_code ?? 'EN',
-        authorId,
+        authorId: authorId ?? undefined,
         tagIds: authorArticleTagIds,
         zoneIds: targetZoneIds
       },
@@ -1062,7 +1066,7 @@
 
   {#if isStandalone}
     <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
   {/if}
 

package/src/lib/Advert-General-Child.svelte

@@ -106,6 +106,7 @@
       width=250
       height=250
       src={adData.data.media}
+      title="Betarena advert"
     />
     <!--
       <video

package/src/lib/Advert-InterScroller-Child.svelte

@@ -262,10 +262,12 @@
     >
       <a
         target='_blank'
+        rel='noopener noreferrer'
         on:click=
         {
           () =>
           {
+            if (objectAdvertData.id === undefined) return;
             new ServiceAdEngine
             (
               betarenaEndpoint

package/src/lib/Advert-LeftSide-Child.svelte

@@ -114,11 +114,13 @@
 
 <a
   target='_blank'
+  rel='noopener noreferrer'
   href={objectAdvertData.data?.cta_link}
   on:click=
   {
     () =>
     {
+      if (objectAdvertData.id === undefined) return;
       new ServiceAdEngine
       (
         betarenaEndpoint

package/src/lib/Advert-Slide-Child.svelte

@@ -247,16 +247,11 @@
       ╰─────
       -->
       {#if isAdvertCloseBtnShown}
-        <img
-          id='close'
-          src={iconClose}
-          alt='icon-close'
-          title='icon-close'
-          loading='lazy'
-          class=
-          "
-          cursor-pointer
-          "
+        <button
+          type="button"
+          aria-label="Close advert"
+          class="cursor-pointer"
+          style="background:none;border:none;padding:0;"
           on:click=
           {
             () =>
@@ -274,7 +269,14 @@
               return;
             }
           }
-        />
+        >
+          <img
+            class='close-btn'
+            src={iconClose}
+            alt=''
+            loading='lazy'
+          />
+        </button>
       {/if}
 
       <!--
@@ -295,6 +297,7 @@
           {
             () =>
             {
+              if (adData.id === undefined) return;
               new ServiceAdEngine
               (
                 betarenaEndpoint
@@ -428,6 +431,7 @@
         {
           () =>
           {
+            if (adData.id === undefined) return;
             new ServiceAdEngine
             (
               betarenaEndpoint
@@ -520,7 +524,7 @@
 
     img
     {
-      &#close
+      &.close-btn
       {
         /* 📌 position */
         position: absolute;