npm - stream-engine-widgets - Versions diffs - 0.3.18 → 0.3.19 - Mend

stream-engine-widgets 0.3.18 → 0.3.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/{poster-BS655Gpb.js → poster-D4tLAJwE.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-CxQMbkWy.js';
-import PosterItem from './posterItem-U_jFBNTG.js';
+import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-pRYx2a8l.js';
+import PosterItem from './posterItem-B9367ead.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-BS655Gpb.js.map
+//# sourceMappingURL=poster-D4tLAJwE.js.map

package/dist/{poster-BS655Gpb.js.map → poster-D4tLAJwE.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"poster-~~BS655Gpb~~.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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"}
1	+ {"version":3,"file":"poster-D4tLAJwE.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-U_jFBNTG.js → posterItem-B9367ead.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { i as importShared, j as jsxRuntimeExports, T as Thumbnail } from './index-CxQMbkWy.js';
-import { S as StateTimeIndicator } from './stateTimeIndicator-B8Mu6PZX.js';
-import { P as PlayArrowRounded } from './PlayArrowRounded-DHHd15un.js';
+import { i as importShared, j as jsxRuntimeExports, T as Thumbnail } from './index-pRYx2a8l.js';
+import { S as StateTimeIndicator } from './stateTimeIndicator-DlJLY-m_.js';
+import { P as PlayArrowRounded } from './PlayArrowRounded-DzSC8iST.js';
 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-U_jFBNTG.js.map
+//# sourceMappingURL=posterItem-B9367ead.js.map

package/dist/{posterItem-U_jFBNTG.js.map → posterItem-B9367ead.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"posterItem-~~U_jFBNTG~~.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,YAAA,CAAA,OAAA;AAKA,SAAS,WAAW,EAAE,IAAA,EAAM,QAAU,EAAA,QAAA,EAAU,SAAW,EAAA;AACzD,EAAA,uBACGA,sBAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,wEAAA,CAAA,EAA4E,KAAO,EAAA;AAAA,IAC/F,OAAA,EAAS,WAAS,CAAE,GAAA,CAAA;AAAA,IACpB,MAAA,EAAO,WAAS,EAAG,GAAA;AAAA,GAErB,EAAA,QAAA,EAAA;AAAA,oBAACC,qBAAA,CAAA,SAAA,EAAA,EAAU,MAAY,QAAmB,EAAA,CAAA;AAAA,oBAC1CD,sBAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,0KACb,EAAA,QAAA,EAAA;AAAA,sBAAAC,qBAAA,CAAC,kBAAmB,EAAA,EAAA,SAAA,EAAU,qBAAsB,EAAA,IAAA,EAAY,QAAmB,EAAA,CAAA;AAAA,MACjF,IAAA,CAAK,QAAQ,QAAS,CAAA,QAAA,0CAAa,MAAK,EAAA,EAAA,SAAA,EAAU,mMAAqM,EAAA,QAAA,EAAA,IAAA,CAAK,IAAK,EAAA,CAAA;AAAA,MAEjQ,IAAA,CAAK,eAAe,QAAS,CAAA,QAAA,0CAAc,MAAK,EAAA,EAAA,SAAA,EAAU,sFAAwF,EAAA,QAAA,EAAA,IAAA,CAAK,WAAY,EAAA,CAAA;AAAA,MAAA,CAEnK,IAAK,CAAA,KAAA,KAAQ,MAAU,IAAA,IAAA,CAAK,UAAQ,KACtC,qBAAAD,sBAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAAO,OAAA,EAAS,MAAI,OAAA,CAAQ,IAAI,CAAA;AAAA,UAC/B,SAAU,EAAA,uQAAA;AAAA,UAER,QAAA,EAAA;AAAA,4BAAAC,qBAAA,CAAC,gBAAiB,EAAA,EAAA,QAAA,EAAS,SAAU,EAAA,SAAA,EAAU,MAAO,EAAA,CAAA;AAAA,4BACrDA,qBAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,mBAAA,EAAqB,mBAAS,GAAI,EAAA;AAAA;AAAA;AAAA;AACtD,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"posterItem-B9367ead.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,YAAA,CAAA,OAAA;AAKA,SAAS,WAAW,EAAE,IAAA,EAAM,QAAU,EAAA,QAAA,EAAU,SAAW,EAAA;AACzD,EAAA,uBACGA,sBAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,wEAAA,CAAA,EAA4E,KAAO,EAAA;AAAA,IAC/F,OAAA,EAAS,WAAS,CAAE,GAAA,CAAA;AAAA,IACpB,MAAA,EAAO,WAAS,EAAG,GAAA;AAAA,GAErB,EAAA,QAAA,EAAA;AAAA,oBAACC,qBAAA,CAAA,SAAA,EAAA,EAAU,MAAY,QAAmB,EAAA,CAAA;AAAA,oBAC1CD,sBAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,0KACb,EAAA,QAAA,EAAA;AAAA,sBAAAC,qBAAA,CAAC,kBAAmB,EAAA,EAAA,SAAA,EAAU,qBAAsB,EAAA,IAAA,EAAY,QAAmB,EAAA,CAAA;AAAA,MACjF,IAAA,CAAK,QAAQ,QAAS,CAAA,QAAA,0CAAa,MAAK,EAAA,EAAA,SAAA,EAAU,mMAAqM,EAAA,QAAA,EAAA,IAAA,CAAK,IAAK,EAAA,CAAA;AAAA,MAEjQ,IAAA,CAAK,eAAe,QAAS,CAAA,QAAA,0CAAc,MAAK,EAAA,EAAA,SAAA,EAAU,sFAAwF,EAAA,QAAA,EAAA,IAAA,CAAK,WAAY,EAAA,CAAA;AAAA,MAAA,CAEnK,IAAK,CAAA,KAAA,KAAQ,MAAU,IAAA,IAAA,CAAK,UAAQ,KACtC,qBAAAD,sBAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAAO,OAAA,EAAS,MAAI,OAAA,CAAQ,IAAI,CAAA;AAAA,UAC/B,SAAU,EAAA,uQAAA;AAAA,UAER,QAAA,EAAA;AAAA,4BAAAC,qBAAA,CAAC,gBAAiB,EAAA,EAAA,QAAA,EAAS,SAAU,EAAA,SAAA,EAAU,MAAO,EAAA,CAAA;AAAA,4BACrDA,qBAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,mBAAA,EAAqB,mBAAS,GAAI,EAAA;AAAA;AAAA;AAAA;AACtD,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/{scroll-DS__wHZa.js → scroll-BXGoZ-_Q.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-CxQMbkWy.js';
-import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-CkTvU4_Q.js';
-import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-DFh6Y1wR.js';
+import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-pRYx2a8l.js';
+import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-BxPrcv06.js';
+import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-Ey82AH6M.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-DS__wHZa.js.map
+//# sourceMappingURL=scroll-BXGoZ-_Q.js.map

package/dist/{scroll-DS__wHZa.js.map → scroll-BXGoZ-_Q.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scroll-~~DS__wHZa~~.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":";;;;AAAA,MAAA,CAAA,QAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAA,YAAA,CAAA,OAAA,CAAA;AAUA,MAAM,MAAS,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACnC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAAS,EAAE,CAAA;AAC3C,EAAA,MAAM,aAAa,MAAO,EAAA;AAE1B,EAAA,MAAM,WAAW,aAAc,CAAA;AAAA,IAC7B,OAAA,EAAQ,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,CAAA;AAAA,IAClC,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,GAAA,EAAI,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA;AAAA,GAC/B,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,CAAC,IAAS,KAAA;AAC3B,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,GACrB;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,UAAA,CAAW,QAAQ,MAAO,CAAA;AAAA,MACxB,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,UAAA,CAAW,OAAQ,CAAA,UAAA,GAAa,WAAW,OAAQ,CAAA,WAAA;AAAA,MACzD,QAAU,EAAA;AAAA,KACX,CAAA;AAAA,GACH;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,UAAA,CAAW,QAAQ,MAAO,CAAA;AAAA,MACxB,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,UAAA,CAAW,OAAQ,CAAA,UAAA,GAAa,WAAW,OAAQ,CAAA,WAAA;AAAA,MACzD,QAAU,EAAA;AAAA,KACX,CAAA;AAAA,GACH;AAED,EAAA,IAAI,KAAO,EAAA;AACR,IAAA,uBACGA,qBAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gDAAA,EACb,gDAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,kBAAAA,qBAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,YAAc,EAAA,QAAA,EAAA,KAAA,EAAM,GACtC,CACF,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IACE,uBAAAC,sBAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,CAAU,OAAA,EAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,QACrB,SAAU,EAAA,mCAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAD,qBAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAK,EAAA,UAAA;AAAA,cACL,SAAU,EAAA,uFAAA;AAAA,cAET,QAAA,EAAA,IAAA,CAAK,QAAQ,GAAI,CAAA,CAAC,yBAChBA,qBAAA,CAAA,KAAA,EAAA,EAAkB,SAAU,EAAA,2CAAA,EAA4C,KAAO,EAAA;AAAA,gBAC9E,SAAA,EAAY,CAAG,EAAA,GAAA,GAAI,QAAQ,CAAA,CAAA,CAAA;AAAA,gBAC3B,WAAa,EAAA,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,MAAI,CAAC,CAAA,EAAA,CAAA;AAAA,gBACnC,YAAc,EAAA,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,MAAI,CAAC,CAAA,EAAA;AAAA,eAEtC,EAAA,QAAA,kBAAAA,qBAAA;AAAA,gBAAC,WAAA;AAAA,gBAAA;AAAA,kBACC,IAAA;AAAA,kBACA,UAAY,IAAK,CAAA,QAAA;AAAA,kBACjB,OAAS,EAAA;AAAA;AAAA,eACV,EAAA,EATS,IAAK,CAAA,EAUf,CACD;AAAA;AAAA,WACH;AAAA,0BACAA,qBAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,OAAS,EAAA,UAAA;AAAA,cACT,SAAU,EAAA,2MAAA;AAAA,cAEV,QAAA,kBAAAA,qBAAA,CAAC,mBAAoB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA;AAAA;AAAA,WACxC;AAAA,0BACAA,qBAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,OAAS,EAAA,UAAA;AAAA,cACT,SAAU,EAAA,4MAAA;AAAA,cAEV,QAAA,kBAAAA,qBAAA,CAAC,sBAAuB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA;AAAA;AAAA,WAC3C;AAAA,UACC,UAAc,oBAAAA,qBAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,WAAa,EAAA,IAAA,EAAM,QAAU,EAAA,WAAA,EAAa,IAAK,CAAA,EAAA,EAAI,QAAU,EAAA,IAAA,CAAK,UAAU,MAAe,EAAA;AAAA;AAAA;AAAA,KAC7H;AAAA;AAGN;;;;"}
1	+ {"version":3,"file":"scroll-BXGoZ-_Q.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-B8Mu6PZX.js → stateTimeIndicator-DlJLY-m_.js} RENAMED Viewed

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

package/dist/{stateTimeIndicator-B8Mu6PZX.js.map → stateTimeIndicator-DlJLY-m_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stateTimeIndicator-~~B8Mu6PZX~~.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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"}
1	+ {"version":3,"file":"stateTimeIndicator-DlJLY-m_.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-DDKD5OVj.js → story-C0Or67Cv.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { c as createSvgIcon, j as jsxRuntimeExports, _ as _extendsExports, b as _extends$2, i as importShared } from './index-CxQMbkWy.js';
+import { c as createSvgIcon, j as jsxRuntimeExports, _ as _extendsExports, b as _extends$2, i as importShared } from './index-pRYx2a8l.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal, a as getAugmentedNamespace } from './index-DxAI6Tai.js';
-import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-DFh6Y1wR.js';
-import { P as PlayArrowRounded } from './PlayArrowRounded-DHHd15un.js';
+import { A as ArrowBackIosRounded, a as ArrowForwardIosRounded } from './ArrowForwardIosRounded-Ey82AH6M.js';
+import { P as PlayArrowRounded } from './PlayArrowRounded-DzSC8iST.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"
@@ -70070,4 +70070,4 @@ const Story = ({ data }) => {
 };
 export { Story, Story as default };
-//# sourceMappingURL=story-DDKD5OVj.js.map
+//# sourceMappingURL=story-C0Or67Cv.js.map