stream-engine-widgets 0.3.27 → 0.3.29

package/dist/{poster-2LgCix8Y.js → poster-BdrUJ3yF.js}

@@ -1,5 +1,5 @@
-import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-DbL_aKZC.js';
-import PosterItem from './posterItem-CC5BvhZL.js';
+import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-Tigt08mu.js';
+import PosterItem from './posterItem-C5kylTiM.js';
 
 const {useState,useEffect} = await importShared('react');
 const Poster = ({ data, apiUrl }) => {
@@ -68,4 +68,4 @@ const Poster = ({ data, apiUrl }) => {
 };
 
 export { Poster as default };
-//# sourceMappingURL=poster-2LgCix8Y.js.map
+//# sourceMappingURL=poster-BdrUJ3yF.js.map

package/dist/{poster-2LgCix8Y.js.map → poster-BdrUJ3yF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"poster-2LgCix8Y.js","sources":["../src/widgets/poster/poster.jsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport Player from \"../../player/player-static\";\nimport PosterItem from \"./posterItem\";\n\nconst Poster = ({ data, apiUrl }) => {\n  const [selectedIndex, setSelectedIdex] = useState(0);\n  const [error, setError] = useState(\"\");\n  const [playerOpen, setPlayerOpen] = useState(false);\n  const [itemData, setItemData] = useState({});\n\n  const openPlayer = (item) => {\n    setItemData(item);\n    setPlayerOpen(true);\n  };\n\n  const closePlayer = () => {\n    setPlayerOpen(false);\n  };\n\n  const selectItem = (index) => {\n    setSelectedIdex(index);\n  };\n\n  useEffect(()=>{\n    if(data.settings.autoAdvance && data.content.length>1){\n      setInterval(()=>{\n        setSelectedIdex(currentIndex => currentIndex===data.content.length-1 ? 0 : currentIndex+1);\n      },data.settings.interval);\n    }\n  },[])\n\n  if (error) {\n    return (\n      <div className=\"w-full h-full flex justify-center items-center\">\n        <div className=\"bg-black/90 p-5 rounded-md\">\n          <span className=\"text-white\">{error}</span>\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div\n        id={`widget-${data.id}`}\n        className=\"overflow-y-hidden w-full relative select-none\"\n        style={{paddingTop: data.settings.aspect}}\n      >\n        {data.content.map((item, index) => (\n          <PosterItem\n            key={item.id}\n            item={item}\n            settings={data.settings}\n            selected={index === selectedIndex}\n            onClick={openPlayer}\n          />\n        ))}\n        {data.content.length>1 && <div className=\"vf-poster-page-indicators flex absolute bottom-0 justify-center z-20 w-full from-black/20 to-transparent bg-gradient-to-t\">\n          {data.content.map((item, index) => (\n            <div\n              key={index}\n              className=\"h-10 group flex flex-1 justify-center items-center cursor-pointer px-1\"\n              onClick={() => {\n                selectItem(index);\n              }}\n            >\n              <div\n                className={`vf-poster-page-indicator w-full h-1 group-hover:bg-white/75 ${\n                  index === selectedIndex ? \"bg-white\" : \"bg-white/50\"\n                }`}\n              ></div>\n            </div>\n          ))}\n        </div>}\n        {playerOpen && <Player onClose={closePlayer} item={itemData} widgetToken={data.id} settings={data.settings} apiUrl={apiUrl} />}\n      </div>\n    );\n  }\n};\n\nexport default Poster;\n"],"names":["jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"poster-BdrUJ3yF.js","sources":["../src/widgets/poster/poster.jsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport Player from \"../../player/player-static\";\nimport PosterItem from \"./posterItem\";\n\nconst Poster = ({ data, apiUrl }) => {\n  const [selectedIndex, setSelectedIdex] = useState(0);\n  const [error, setError] = useState(\"\");\n  const [playerOpen, setPlayerOpen] = useState(false);\n  const [itemData, setItemData] = useState({});\n\n  const openPlayer = (item) => {\n    setItemData(item);\n    setPlayerOpen(true);\n  };\n\n  const closePlayer = () => {\n    setPlayerOpen(false);\n  };\n\n  const selectItem = (index) => {\n    setSelectedIdex(index);\n  };\n\n  useEffect(()=>{\n    if(data.settings.autoAdvance && data.content.length>1){\n      setInterval(()=>{\n        setSelectedIdex(currentIndex => currentIndex===data.content.length-1 ? 0 : currentIndex+1);\n      },data.settings.interval);\n    }\n  },[])\n\n  if (error) {\n    return (\n      <div className=\"w-full h-full flex justify-center items-center\">\n        <div className=\"bg-black/90 p-5 rounded-md\">\n          <span className=\"text-white\">{error}</span>\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div\n        id={`widget-${data.id}`}\n        className=\"overflow-y-hidden w-full relative select-none\"\n        style={{paddingTop: data.settings.aspect}}\n      >\n        {data.content.map((item, index) => (\n          <PosterItem\n            key={item.id}\n            item={item}\n            settings={data.settings}\n            selected={index === selectedIndex}\n            onClick={openPlayer}\n          />\n        ))}\n        {data.content.length>1 && <div className=\"vf-poster-page-indicators flex absolute bottom-0 justify-center z-20 w-full from-black/20 to-transparent bg-gradient-to-t\">\n          {data.content.map((item, index) => (\n            <div\n              key={index}\n              className=\"h-10 group flex flex-1 justify-center items-center cursor-pointer px-1\"\n              onClick={() => {\n                selectItem(index);\n              }}\n            >\n              <div\n                className={`vf-poster-page-indicator w-full h-1 group-hover:bg-white/75 ${\n                  index === selectedIndex ? \"bg-white\" : \"bg-white/50\"\n                }`}\n              ></div>\n            </div>\n          ))}\n        </div>}\n        {playerOpen && <Player onClose={closePlayer} item={itemData} widgetToken={data.id} settings={data.settings} apiUrl={apiUrl} />}\n      </div>\n    );\n  }\n};\n\nexport default Poster;\n"],"names":["jsx","jsxs"],"mappings":"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"}

package/dist/{posterItem-CC5BvhZL.js → posterItem-C5kylTiM.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports, T as Thumbnail, i as importShared } from './index-DbL_aKZC.js';
-import { S as StateTimeIndicator } from './stateTimeIndicator-B8ISIMxK.js';
-import { P as PlayArrowRounded } from './PlayArrowRounded-CxafQSQN.js';
+import { j as jsxRuntimeExports, T as Thumbnail, i as importShared } from './index-Tigt08mu.js';
+import { S as StateTimeIndicator } from './stateTimeIndicator-CPDw-_fk.js';
+import { P as PlayArrowRounded } from './PlayArrowRounded-DS3yHaEV.js';
 
 const {useState,useEffect,useRef} = await importShared('react');
 function PosterItem({ item, selected, settings, onClick }) {
@@ -29,4 +29,4 @@ function PosterItem({ item, selected, settings, onClick }) {
 }
 
 export { PosterItem as default };
-//# sourceMappingURL=posterItem-CC5BvhZL.js.map
+//# sourceMappingURL=posterItem-C5kylTiM.js.map

package/dist/{posterItem-CC5BvhZL.js.map → posterItem-C5kylTiM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"posterItem-CC5BvhZL.js","sources":["../src/widgets/poster/posterItem.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport {PlayArrowRounded} from \"@mui/icons-material\";\nimport StateTimeIndicator from \"../../components/stateTimeIndicator\";\nimport Thumbnail from \"../../components/thumbnail\";\n\nfunction PosterItem({ item, selected, settings, onClick }) {\n  return (\n    <div className={`flex w-full h-full absolute top-0 left-0 transition-opacity duration-500`} style={{\n        opacity: selected?1:0,\n        zIndex:selected?10:0\n    }}>\n      <Thumbnail item={item} settings={settings}/>\n      <div className=\"vf-poster-info absolute flex flex-col left-0 top-0 h-full justify-center items-start w-full xl:w-1/2 px-2 md:px-5 lg:px-10 bg-gradient-to-r from-black/50 to-transparent\">\n        <StateTimeIndicator className=\"mb-[1vw] rounded-md\" item={item} settings={settings}/>\n        {(item.name && settings.showName) &&<span className=\"vf-poster-title text-white text-[18px] leading-[24px] sm:text-[28px] sm:leading-[32px] md:text-[36px] md:leading-[40px] lg:text-[4vw] lg:leading-[5vw] 2xl:text-[3vw] 2xl:leading-[4vw] font-bold\">{item.name}</span>}\n        \n        {(item.description && settings.showDesc) && <span className=\"vf-poster-desc text-white text-[18px] md:text-[22px] lg:text-[2vw] 2xl:text-[1.5vw] \">{item.description}</span>}\n        \n        {(item.state==='live' || item.state==='vod') && \n        <button onClick={()=>onClick(item)} \n          className=\"vf-poster-button mt-2 z-30 px-2 py-1 lg:px-[1vw] lg:py-[0.5vw] bg-black text-white/70 bg-black/80 rounded-md flex justify-center items-center hover:text-white hover:bg-black/90 \n          text-[18px] md:text-[22px] lg:text-[2vw] 2xl:text-[1.5vw] cursor-pointer\">\n            <PlayArrowRounded fontSize=\"inherit\" className=\"mr-2\" />\n            <span className=\"text-lg font-bold\">{settings.cta}</span>\n        </button>}\n      </div>\n    </div>\n  );\n}\n\nexport default PosterItem;\n"],"names":["jsxs","jsx"],"mappings":";;;;AAAA,MAAA,CAAA,QAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAA,YAAA,CAAA,OAAA,CAAA;AAKA,SAAS,WAAW,EAAE,IAAA,EAAM,QAAA,EAAU,QAAA,EAAU,SAAQ,EAAG;AACzD,EAAA,uBACEA,sBAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,wEAAA,CAAA,EAA4E,KAAA,EAAO;AAAA,IAC/F,OAAA,EAAS,WAAS,CAAA,GAAE,CAAA;AAAA,IACpB,MAAA,EAAO,WAAS,EAAA,GAAG;AAAA,GACvB,EACE,QAAA,EAAA;AAAA,oBAAAC,qBAAA,CAAC,SAAA,EAAA,EAAU,MAAY,QAAA,EAAmB,CAAA;AAAA,oBAC1CD,sBAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0KAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,qBAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,qBAAA,EAAsB,IAAA,EAAY,QAAA,EAAmB,CAAA;AAAA,MACjF,IAAA,CAAK,QAAQ,QAAA,CAAS,QAAA,0CAAa,MAAA,EAAA,EAAK,SAAA,EAAU,mMAAA,EAAqM,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,MAEjQ,IAAA,CAAK,eAAe,QAAA,CAAS,QAAA,0CAAc,MAAA,EAAA,EAAK,SAAA,EAAU,sFAAA,EAAwF,QAAA,EAAA,IAAA,CAAK,WAAA,EAAY,CAAA;AAAA,MAAA,CAEnK,IAAA,CAAK,KAAA,KAAQ,MAAA,IAAU,IAAA,CAAK,UAAQ,KAAA,qBACtCD,sBAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAAO,OAAA,EAAS,MAAI,OAAA,CAAQ,IAAI,CAAA;AAAA,UAC/B,SAAA,EAAU,uQAAA;AAAA,UAER,QAAA,EAAA;AAAA,4BAAAC,qBAAA,CAAC,gBAAA,EAAA,EAAiB,QAAA,EAAS,SAAA,EAAU,SAAA,EAAU,MAAA,EAAO,CAAA;AAAA,4BACtDA,qBAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,mBAAS,GAAA,EAAI;AAAA;AAAA;AAAA;AACtD,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"posterItem-C5kylTiM.js","sources":["../src/widgets/poster/posterItem.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport {PlayArrowRounded} from \"@mui/icons-material\";\nimport StateTimeIndicator from \"../../components/stateTimeIndicator\";\nimport Thumbnail from \"../../components/thumbnail\";\n\nfunction PosterItem({ item, selected, settings, onClick }) {\n  return (\n    <div className={`flex w-full h-full absolute top-0 left-0 transition-opacity duration-500`} style={{\n        opacity: selected?1:0,\n        zIndex:selected?10:0\n    }}>\n      <Thumbnail item={item} settings={settings}/>\n      <div className=\"vf-poster-info absolute flex flex-col left-0 top-0 h-full justify-center items-start w-full xl:w-1/2 px-2 md:px-5 lg:px-10 bg-gradient-to-r from-black/50 to-transparent\">\n        <StateTimeIndicator className=\"mb-[1vw] rounded-md\" item={item} settings={settings}/>\n        {(item.name && settings.showName) &&<span className=\"vf-poster-title text-white text-[18px] leading-[24px] sm:text-[28px] sm:leading-[32px] md:text-[36px] md:leading-[40px] lg:text-[4vw] lg:leading-[5vw] 2xl:text-[3vw] 2xl:leading-[4vw] font-bold\">{item.name}</span>}\n        \n        {(item.description && settings.showDesc) && <span className=\"vf-poster-desc text-white text-[18px] md:text-[22px] lg:text-[2vw] 2xl:text-[1.5vw] \">{item.description}</span>}\n        \n        {(item.state==='live' || item.state==='vod') && \n        <button onClick={()=>onClick(item)} \n          className=\"vf-poster-button mt-2 z-30 px-2 py-1 lg:px-[1vw] lg:py-[0.5vw] bg-black text-white/70 bg-black/80 rounded-md flex justify-center items-center hover:text-white hover:bg-black/90 \n          text-[18px] md:text-[22px] lg:text-[2vw] 2xl:text-[1.5vw] cursor-pointer\">\n            <PlayArrowRounded fontSize=\"inherit\" className=\"mr-2\" />\n            <span className=\"text-lg font-bold\">{settings.cta}</span>\n        </button>}\n      </div>\n    </div>\n  );\n}\n\nexport default PosterItem;\n"],"names":["jsxs","jsx"],"mappings":";;;;AAAA,MAAA,CAAA,QAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAA,YAAA,CAAA,OAAA,CAAA;AAKA,SAAS,WAAW,EAAE,IAAA,EAAM,QAAA,EAAU,QAAA,EAAU,SAAQ,EAAG;AACzD,EAAA,uBACEA,sBAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,wEAAA,CAAA,EAA4E,KAAA,EAAO;AAAA,IAC/F,OAAA,EAAS,WAAS,CAAA,GAAE,CAAA;AAAA,IACpB,MAAA,EAAO,WAAS,EAAA,GAAG;AAAA,GACvB,EACE,QAAA,EAAA;AAAA,oBAAAC,qBAAA,CAAC,SAAA,EAAA,EAAU,MAAY,QAAA,EAAmB,CAAA;AAAA,oBAC1CD,sBAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0KAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,qBAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,qBAAA,EAAsB,IAAA,EAAY,QAAA,EAAmB,CAAA;AAAA,MACjF,IAAA,CAAK,QAAQ,QAAA,CAAS,QAAA,0CAAa,MAAA,EAAA,EAAK,SAAA,EAAU,mMAAA,EAAqM,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,MAEjQ,IAAA,CAAK,eAAe,QAAA,CAAS,QAAA,0CAAc,MAAA,EAAA,EAAK,SAAA,EAAU,sFAAA,EAAwF,QAAA,EAAA,IAAA,CAAK,WAAA,EAAY,CAAA;AAAA,MAAA,CAEnK,IAAA,CAAK,KAAA,KAAQ,MAAA,IAAU,IAAA,CAAK,UAAQ,KAAA,qBACtCD,sBAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAAO,OAAA,EAAS,MAAI,OAAA,CAAQ,IAAI,CAAA;AAAA,UAC/B,SAAA,EAAU,uQAAA;AAAA,UAER,QAAA,EAAA;AAAA,4BAAAC,qBAAA,CAAC,gBAAA,EAAA,EAAiB,QAAA,EAAS,SAAA,EAAU,SAAA,EAAU,MAAA,EAAO,CAAA;AAAA,4BACtDA,qBAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,mBAAS,GAAA,EAAI;AAAA;AAAA;AAAA;AACtD,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{scroll-tiHNOUsF.js → scroll-1wt6ho6b.js}

@@ -1,6 +1,6 @@
-import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-DbL_aKZC.js';
-import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-B7ZkshOV.js';
-import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-BrWMY4fE.js';
+import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-Tigt08mu.js';
+import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-D1sSDrDX.js';
+import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-CJASHPam.js';
 
 const {useState,useEffect,useRef} = await importShared('react');
 const Scroll = ({ data, apiUrl }) => {
@@ -88,4 +88,4 @@ const Scroll = ({ data, apiUrl }) => {
 };
 
 export { Scroll as default };
-//# sourceMappingURL=scroll-tiHNOUsF.js.map
+//# sourceMappingURL=scroll-1wt6ho6b.js.map

package/dist/{scroll-tiHNOUsF.js.map → scroll-1wt6ho6b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scroll-tiHNOUsF.js","sources":["../src/widgets/scroll/scroll.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport GalleryItem from \"../../components/galleryItem\";\nimport Player from \"../../player/player-static\";\nimport { useMediaQuery } from \"../../utils/useMediaQuery\";\n\nimport {\n  ArrowForwardIosRounded,\n  ArrowBackIosRounded,\n} from \"@mui/icons-material\";\n\nconst Scroll = ({ data, apiUrl }) => {\n  const [error, setError] = useState(\"\");\n  const [playerOpen, setPlayerOpen] = useState(false);\n  const [itemData, setItemData] = useState({});\n  const galleryRef = useRef();\n\n  const gridSize = useMediaQuery({\n    default:data.settings.itemsPerRow.s,\n    md:data.settings.itemsPerRow.md,\n    lg:data.settings.itemsPerRow.lg,\n    xl:data.settings.itemsPerRow.xl,\n    xxl:data.settings.itemsPerRow.xxl,\n  });\n\n  const openPlayer = (item) => {\n    setItemData(item);\n    setPlayerOpen(true);\n  };\n\n  const closePlayer = () => {\n    setPlayerOpen(false);\n  };\n\n  const scrollNext = () => {\n    galleryRef.current.scroll({\n      top: 0,\n      left: galleryRef.current.scrollLeft + galleryRef.current.clientWidth,\n      behavior: \"smooth\",\n    });\n  };\n\n  const scrollPrev = () => {\n    galleryRef.current.scroll({\n      top: 0,\n      left: galleryRef.current.scrollLeft - galleryRef.current.clientWidth,\n      behavior: \"smooth\",\n    });\n  };\n\n if (error) {\n    return (\n      <div className=\"w-full h-full flex justify-center items-center\">\n        <div className=\"bg-black/90 p-5 rounded-md\">\n          <span className=\"text-white\">{error}</span>\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div\n        id={`widget-${data.id}`}\n        className=\"overflow-y-hidden w-full relative\"\n      >\n        <div\n          ref={galleryRef}\n          className=\"vf-gallery overflow-y-hidden overflow-x-auto flex h-full w-full snap-x scrollbar-none\"\n        >\n          {data.content.map((item) => (\n            <div key={item.id} className=\"flex-grow-0 flex-shrink-0 h-full relative\" style={{\n              flexBasis : `${100/gridSize}%`,\n              paddingLeft: `${data.settings.gap/2}px`,\n              paddingRight: `${data.settings.gap/2}px`\n            }}>\n            <GalleryItem\n              item={item}\n              settings = {data.settings}\n              onClick={openPlayer}\n            ></GalleryItem>\n            </div>\n          ))}\n        </div>\n        <div\n          onClick={scrollPrev}\n          className=\"vf-scroll-button z-30 absolute left-3 top-1/2 -translate-y-1/2 bg-black text-white/70 w-12 h-12 bg-black/50 rounded-lg flex justify-center items-center hover:text-white hover:bg-black/90 cursor-pointer\"\n        >\n          <ArrowBackIosRounded fontSize=\"large\" />\n        </div>\n        <div\n          onClick={scrollNext}\n          className=\"vf-scroll-button z-30 absolute right-3 top-1/2 -translate-y-1/2 bg-black text-white/70 w-12 h-12 bg-black/50 rounded-lg flex justify-center items-center hover:text-white hover:bg-black/90 cursor-pointer\"\n        >\n          <ArrowForwardIosRounded fontSize=\"large\" />\n        </div>\n        {playerOpen && <Player onClose={closePlayer} item={itemData} widgetToken={data.id} settings={data.settings} apiUrl={apiUrl}/>}\n      </div>\n    );\n  }\n};\n\nexport default Scroll;\n"],"names":["jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"scroll-1wt6ho6b.js","sources":["../src/widgets/scroll/scroll.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport GalleryItem from \"../../components/galleryItem\";\nimport Player from \"../../player/player-static\";\nimport { useMediaQuery } from \"../../utils/useMediaQuery\";\n\nimport {\n  ArrowForwardIosRounded,\n  ArrowBackIosRounded,\n} from \"@mui/icons-material\";\n\nconst Scroll = ({ data, apiUrl }) => {\n  const [error, setError] = useState(\"\");\n  const [playerOpen, setPlayerOpen] = useState(false);\n  const [itemData, setItemData] = useState({});\n  const galleryRef = useRef();\n\n  const gridSize = useMediaQuery({\n    default:data.settings.itemsPerRow.s,\n    md:data.settings.itemsPerRow.md,\n    lg:data.settings.itemsPerRow.lg,\n    xl:data.settings.itemsPerRow.xl,\n    xxl:data.settings.itemsPerRow.xxl,\n  });\n\n  const openPlayer = (item) => {\n    setItemData(item);\n    setPlayerOpen(true);\n  };\n\n  const closePlayer = () => {\n    setPlayerOpen(false);\n  };\n\n  const scrollNext = () => {\n    galleryRef.current.scroll({\n      top: 0,\n      left: galleryRef.current.scrollLeft + galleryRef.current.clientWidth,\n      behavior: \"smooth\",\n    });\n  };\n\n  const scrollPrev = () => {\n    galleryRef.current.scroll({\n      top: 0,\n      left: galleryRef.current.scrollLeft - galleryRef.current.clientWidth,\n      behavior: \"smooth\",\n    });\n  };\n\n if (error) {\n    return (\n      <div className=\"w-full h-full flex justify-center items-center\">\n        <div className=\"bg-black/90 p-5 rounded-md\">\n          <span className=\"text-white\">{error}</span>\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div\n        id={`widget-${data.id}`}\n        className=\"overflow-y-hidden w-full relative\"\n      >\n        <div\n          ref={galleryRef}\n          className=\"vf-gallery overflow-y-hidden overflow-x-auto flex h-full w-full snap-x scrollbar-none\"\n        >\n          {data.content.map((item) => (\n            <div key={item.id} className=\"flex-grow-0 flex-shrink-0 h-full relative\" style={{\n              flexBasis : `${100/gridSize}%`,\n              paddingLeft: `${data.settings.gap/2}px`,\n              paddingRight: `${data.settings.gap/2}px`\n            }}>\n            <GalleryItem\n              item={item}\n              settings = {data.settings}\n              onClick={openPlayer}\n            ></GalleryItem>\n            </div>\n          ))}\n        </div>\n        <div\n          onClick={scrollPrev}\n          className=\"vf-scroll-button z-30 absolute left-3 top-1/2 -translate-y-1/2 bg-black text-white/70 w-12 h-12 bg-black/50 rounded-lg flex justify-center items-center hover:text-white hover:bg-black/90 cursor-pointer\"\n        >\n          <ArrowBackIosRounded fontSize=\"large\" />\n        </div>\n        <div\n          onClick={scrollNext}\n          className=\"vf-scroll-button z-30 absolute right-3 top-1/2 -translate-y-1/2 bg-black text-white/70 w-12 h-12 bg-black/50 rounded-lg flex justify-center items-center hover:text-white hover:bg-black/90 cursor-pointer\"\n        >\n          <ArrowForwardIosRounded fontSize=\"large\" />\n        </div>\n        {playerOpen && <Player onClose={closePlayer} item={itemData} widgetToken={data.id} settings={data.settings} apiUrl={apiUrl}/>}\n      </div>\n    );\n  }\n};\n\nexport default Scroll;\n"],"names":["jsx","jsxs"],"mappings":"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"}

package/dist/{stateTimeIndicator-B8ISIMxK.js → stateTimeIndicator-CPDw-_fk.js}

@@ -1,4 +1,4 @@
-import { i as importShared, j as jsxRuntimeExports } from './index-DbL_aKZC.js';
+import { i as importShared, j as jsxRuntimeExports } from './index-Tigt08mu.js';
 
 const {useState,useEffect} = await importShared('react');
 
@@ -47,4 +47,4 @@ function StateTimeIndicator({ item, settings, className }) {
 }
 
 export { StateTimeIndicator as S };
-//# sourceMappingURL=stateTimeIndicator-B8ISIMxK.js.map
+//# sourceMappingURL=stateTimeIndicator-CPDw-_fk.js.map

package/dist/{stateTimeIndicator-B8ISIMxK.js.map → stateTimeIndicator-CPDw-_fk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"stateTimeIndicator-B8ISIMxK.js","sources":["../src/components/stateTimeIndicator.jsx"],"sourcesContent":["import { useState, useEffect} from \"react\";\nfunction StateTimeIndicator({item, settings, className}) {\n  const [day, setDay] = useState();\n  const [month, setMonth] = useState();\n  const [year, setYear] = useState();\n  const [time, setTime] = useState();\n  const [time24, setTime24] = useState();\n\n  useEffect(()=>{\n    if(item.startTime){\n      const date = new Date(item.startTime);\n      setDay(date.toLocaleDateString(\"en\",{day: 'numeric'}));\n      setMonth(date.toLocaleDateString(\"en\",{month: 'short'}));\n      setYear(date.toLocaleDateString(\"en\",{year: 'numeric'}));\n      setTime(date.toLocaleTimeString(\"en\",{hour: '2-digit', minute:'2-digit', hourCycle: 'h12'}));\n      setTime24(date.toLocaleTimeString(\"en\",{hour: '2-digit', minute:'2-digit', hourCycle: 'h24'}));\n    }\n  },[]);\n\n  const bgStyles = {\n    na : '#000000',\n    vod : '#068d0d',\n    live : '#ff0036',\n    scheduled : '#0c5bb6'\n  }\n\n  return(<>\n    {((settings.states[item.state] || (settings.showTime && item.startTime))) &&\n      <div className={`${className} text-[9px] md:text-[10px] lg:text-[1.25vw] xl:text-[.75vw] text-white px-2 py-1 select-none`}\n      style={{backgroundColor: bgStyles[item.state]}}>\n        {((!settings.showTime || !item.startTime) && settings.states[item.state]) && <span className=\"text-[1.2em] leading-[1.1em] uppercase\">{settings.statesOverride[item.state] || item.state}</span>}\n        {(settings.showTime && item.startTime) && \n          <div className=\"flex\">\n            <div className=\"flex flex-col justify-center items-center pr-2 mr-2 border-r border-r-white/50\">\n              <span className=\"text-[1.3em] leading-[1.2em]\">{day}</span>\n              <span className=\"text-[1em] leading-[0.9em]\">{month}</span>\n            </div>\n            <div className=\"flex flex-col justify-center\">\n              <span className=\"text-[1.2em] leading-[1.1em]\">{settings.timeFormat==='standard' ? time : time24}</span>\n              {settings.states[item.state] && <span className=\"text-[1em] leading-[0.9em] uppercase\">{settings.statesOverride[item.state] || item.state}</span>}\n            </div>\n          </div>\n        }\n      </div>\n    }\n    </>);\n}\nexport default StateTimeIndicator;"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}
+{"version":3,"file":"stateTimeIndicator-CPDw-_fk.js","sources":["../src/components/stateTimeIndicator.jsx"],"sourcesContent":["import { useState, useEffect} from \"react\";\nfunction StateTimeIndicator({item, settings, className}) {\n  const [day, setDay] = useState();\n  const [month, setMonth] = useState();\n  const [year, setYear] = useState();\n  const [time, setTime] = useState();\n  const [time24, setTime24] = useState();\n\n  useEffect(()=>{\n    if(item.startTime){\n      const date = new Date(item.startTime);\n      setDay(date.toLocaleDateString(\"en\",{day: 'numeric'}));\n      setMonth(date.toLocaleDateString(\"en\",{month: 'short'}));\n      setYear(date.toLocaleDateString(\"en\",{year: 'numeric'}));\n      setTime(date.toLocaleTimeString(\"en\",{hour: '2-digit', minute:'2-digit', hourCycle: 'h12'}));\n      setTime24(date.toLocaleTimeString(\"en\",{hour: '2-digit', minute:'2-digit', hourCycle: 'h24'}));\n    }\n  },[]);\n\n  const bgStyles = {\n    na : '#000000',\n    vod : '#068d0d',\n    live : '#ff0036',\n    scheduled : '#0c5bb6'\n  }\n\n  return(<>\n    {((settings.states[item.state] || (settings.showTime && item.startTime))) &&\n      <div className={`${className} text-[9px] md:text-[10px] lg:text-[1.25vw] xl:text-[.75vw] text-white px-2 py-1 select-none`}\n      style={{backgroundColor: bgStyles[item.state]}}>\n        {((!settings.showTime || !item.startTime) && settings.states[item.state]) && <span className=\"text-[1.2em] leading-[1.1em] uppercase\">{settings.statesOverride[item.state] || item.state}</span>}\n        {(settings.showTime && item.startTime) && \n          <div className=\"flex\">\n            <div className=\"flex flex-col justify-center items-center pr-2 mr-2 border-r border-r-white/50\">\n              <span className=\"text-[1.3em] leading-[1.2em]\">{day}</span>\n              <span className=\"text-[1em] leading-[0.9em]\">{month}</span>\n            </div>\n            <div className=\"flex flex-col justify-center\">\n              <span className=\"text-[1.2em] leading-[1.1em]\">{settings.timeFormat==='standard' ? time : time24}</span>\n              {settings.states[item.state] && <span className=\"text-[1em] leading-[0.9em] uppercase\">{settings.statesOverride[item.state] || item.state}</span>}\n            </div>\n          </div>\n        }\n      </div>\n    }\n    </>);\n}\nexport default StateTimeIndicator;"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}

package/dist/{story-BaeucuGd.js → story-D1oZAeUg.js}

@@ -1,7 +1,7 @@
-import { c as createSvgIcon, j as jsxRuntimeExports, _ as _setPrototypeOf, r as require$$1, b as _assertThisInitialized, d as _extends$2, e as _getPrototypeOf, f as _inherits, i as importShared } from './index-DbL_aKZC.js';
+import { c as createSvgIcon, j as jsxRuntimeExports, _ as _setPrototypeOf, r as require$$1, b as _assertThisInitialized, d as _extends$2, e as _getPrototypeOf, f as _inherits, i as importShared } from './index-Tigt08mu.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal, a as getAugmentedNamespace } from './index-BXY6XHL0.js';
-import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-BrWMY4fE.js';
-import { P as PlayArrowRounded } from './PlayArrowRounded-CxafQSQN.js';
+import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-CJASHPam.js';
+import { P as PlayArrowRounded } from './PlayArrowRounded-DS3yHaEV.js';
 
 const PauseRounded = createSvgIcon( /*#__PURE__*/jsxRuntimeExports.jsx("path", {
   d: "M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2m6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2"
@@ -70060,4 +70060,4 @@ const Story = ({ data }) => {
 };
 
 export { Story, Story as default };
-//# sourceMappingURL=story-BaeucuGd.js.map
+//# sourceMappingURL=story-D1oZAeUg.js.map