@playpilot/tpi 6.9.1 → 6.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@playpilot/tpi",
-	"version": "6.9.1",
+	"version": "6.9.3",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

package/src/lib/scss/global.scss

@@ -126,6 +126,7 @@ h1, h2, h3, h4, h5 {
   transform: translateX(-50%);
   width: 40px;
   height: auto;
+  margin: 0 !important;
   border-radius: theme(border-radius-small);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   transform-origin: bottom center;

package/src/lib/types/config.d.ts

@@ -54,6 +54,11 @@ export type ConfigResponse = {
    */
   require_affiliate_consent?: boolean
 
+  /**
+   * Scroll reveal posters that show on mobile are enabled by default. Use this option to disable them.
+   */
+  disable_scroll_reveal_posters?: boolean
+
   /**
    * The following options are all relevant for in text disclaimers, which renders as a disclaimer text within the article,
    * rather than only inside of title cards.

package/src/routes/components/PostersScrollReveal.svelte

@@ -17,6 +17,7 @@
   onDestroy(destroyAllPosters)
 
   function onscroll(): void {
+    if (window.PlayPilotLinkInjections?.config?.disable_scroll_reveal_posters) return
     if (!isMobile) return
 
     setScrollTimeout()

package/src/routes/components/Title.svelte

@@ -190,12 +190,6 @@
     margin-top: margin(1);
   }
 
-  .right {
-    display: flex;
-    gap: inherit;
-    margin-left: auto;
-  }
-
   .background {
     position: absolute;
     top: 0;

package/src/tests/routes/components/PostersScrollReveal.test.js

@@ -14,8 +14,11 @@ function createPosterLink(top = 0, url = 'poster.jpg') {
   return link
 }
 
-describe('FloatingPoster', () => {
+describe('PostersScrollReveal', () => {
   beforeEach(() => {
+    // @ts-ignore
+    window.PlayPilotLinkInjections = {}
+
     document.body.innerHTML = ''
 
     Object.defineProperty(window, 'innerHeight', {
@@ -44,6 +47,19 @@ describe('FloatingPoster', () => {
     expect(poster?.getAttribute('src')).toBe('poster.jpg')
   })
 
+  it('Should not create poster when config object value is given', async () => {
+    window.PlayPilotLinkInjections.config = { disable_scroll_reveal_posters: true }
+
+    createPosterLink(500)
+
+    render(PostersScrollReveal)
+
+    window.dispatchEvent(new Event('scroll'))
+
+    const poster = document.querySelector('[data-playpilot-poster]')
+    expect(poster).not.toBeTruthy()
+  })
+
   it('Should not create posters on desktop when link is in viewport', async () => {
     createPosterLink(500)