stream-engine-widgets 0.3.8 → 0.3.9

package/dist/stream-engine-widgets.css

@@ -565,6 +565,9 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .relative {
   position: relative;
 }
+.sticky {
+  position: sticky;
+}
 .bottom-0 {
   bottom: 0px;
 }
@@ -577,9 +580,6 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .left-3 {
   left: 0.75rem;
 }
-.right-0 {
-  right: 0px;
-}
 .right-3 {
   right: 0.75rem;
 }
@@ -617,6 +617,9 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .mb-\[1vw\] {
   margin-bottom: 1vw;
 }
+.mr-0\.5 {
+  margin-right: 0.125rem;
+}
 .mr-1 {
   margin-right: 0.25rem;
 }
@@ -632,6 +635,12 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .mt-2 {
   margin-top: 0.5rem;
 }
+.line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
 .block {
   display: block;
 }
@@ -707,9 +716,6 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .flex-1 {
   flex: 1 1 0%;
 }
-.flex-auto {
-  flex: 1 1 auto;
-}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -804,6 +810,12 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .justify-between {
   justify-content: space-between;
 }
+.gap-0\.5 {
+  gap: 0.125rem;
+}
+.gap-1\.5 {
+  gap: 0.375rem;
+}
 .space-y-10 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -821,10 +833,8 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .overflow-y-hidden {
   overflow-y: hidden;
 }
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.rounded {
+  border-radius: 0.25rem;
 }
 .rounded-\[50\%\] {
   border-radius: 50%;
@@ -936,15 +946,9 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .p-2 {
   padding: 0.5rem;
 }
-.p-4 {
-  padding: 1rem;
-}
 .p-5 {
   padding: 1.25rem;
 }
-.p-6 {
-  padding: 1.5rem;
-}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -993,6 +997,9 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .text-\[1\.3em\] {
   font-size: 1.3em;
 }
+.text-\[14px\] {
+  font-size: 14px;
+}
 .text-\[18px\] {
   font-size: 18px;
 }
@@ -1035,6 +1042,12 @@ video:where(vf-widget,vf-widget *,vfc-widget,vfc-widget *) {
 .leading-\[24px\] {
   line-height: 24px;
 }
+.leading-\[normal\] {
+  line-height: normal;
+}
+.leading-none {
+  line-height: 1;
+}
 .text-black\/70 {
   color: rgb(0 0 0 / 0.7);
 }

package/dist/stream-engine-widgets.js

@@ -1,2 +1,2 @@
-import './index-CvnYzo0-.js';
+import './index-D_bS9-0-.js';
 //# sourceMappingURL=stream-engine-widgets.js.map

package/dist/{useMediaQuery-BPf42KBT.js → useMediaQuery-CfqnIvsa.js}

@@ -1,4 +1,23 @@
-import { i as importShared } from './index-CvnYzo0-.js';
+import { j as jsxRuntimeExports, T as Thumbnail, i as importShared } from './index-D_bS9-0-.js';
+import { S as StateTimeIndicator } from './stateTimeIndicator-BbN1iEb6.js';
+import { P as PlayArrowRounded } from './PlayArrowRounded-C3I-U6R0.js';
+
+function GalleryItem({ item, settings, onClick }) {
+  const handleClick = () => {
+    if (item.state === "vod" || item.state === "live") {
+      onClick(item);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `vf-gallery-item flex flex-col h-fit relative overflow-hidden group ${item.state === "vod" || item.state === "live" ? "cursor-pointer" : ""} `, style: { paddingTop: settings.aspect }, onClick: handleClick, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-full h-full top-0 left-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Thumbnail, { item, settings, className: `${item.state === "vod" || item.state === "live" ? "group-hover:scale-110 transition-transform ease-out duration-700 group-hover:blur-sm" : ""}` }) }),
+    (settings.showName || settings.showDesc) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vf-gallery-info text-[18px] absolute bottom-0 px-2 pb-5 w-full h-full z-20 bg-gradient-to-t from-black/80 to-transparent justify-end flex flex-col select-none", children: [
+      settings.showName && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "vf-gallery-title text-white font-bold text-[1em]", children: item.name }),
+      settings.showDesc && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "vf-gallery-desc text-white leading-4 text-[0.8em]", children: item.description })
+    ] }),
+    (item.state === "vod" || item.state === "live") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-black/50 hidden text-white w-full h-full absolute top-0 left-0 md:flex justify-center items-center z-30 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlayArrowRounded, { sx: { fontSize: 60 } }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(StateTimeIndicator, { className: "absolute top-2 left-0 z-40 rounded-r-md", item, settings })
+  ] });
+}
 
 const {useEffect,useState} = await importShared('react');
 
@@ -90,5 +109,5 @@ const useMediaQuery = (values) => {
     return value;
 };
 
-export { useMediaQuery as u };
-//# sourceMappingURL=useMediaQuery-BPf42KBT.js.map
+export { GalleryItem as G, useMediaQuery as u };
+//# sourceMappingURL=useMediaQuery-CfqnIvsa.js.map

package/dist/useMediaQuery-CfqnIvsa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery-CfqnIvsa.js","sources":["../src/components/galleryItem.jsx","../src/utils/useMediaQuery.js"],"sourcesContent":["import {PlayArrowRounded} from \"@mui/icons-material\";\nimport StateTimeIndicator from \"./stateTimeIndicator\";\nimport Thumbnail from \"./thumbnail\";\n\nfunction GalleryItem({item, settings, onClick}) {\n  const handleClick = () => {\n    if(item.state==='vod' || item.state==='live'){\n      onClick(item);\n    }\n  };\n  return (\n    <div className={`vf-gallery-item flex flex-col h-fit relative overflow-hidden group ${item.state==='vod' || item.state==='live' ? 'cursor-pointer' : ''} `} style={{paddingTop : settings.aspect}} onClick={handleClick}>\n      <div className=\"absolute w-full h-full top-0 left-0\">\n        <Thumbnail item={item} settings={settings} className={`${item.state==='vod' || item.state==='live'? 'group-hover:scale-110 transition-transform ease-out duration-700 group-hover:blur-sm':'' }`}/>\n      </div>\n      \n      {(settings.showName || settings.showDesc) && \n        <div className=\"vf-gallery-info text-[18px] absolute bottom-0 px-2 pb-5 w-full h-full z-20 bg-gradient-to-t from-black/80 to-transparent justify-end flex flex-col select-none\">\n          {settings.showName && <span className=\"vf-gallery-title text-white font-bold text-[1em]\">{item.name}</span>}\n          {settings.showDesc && <span className=\"vf-gallery-desc text-white leading-4 text-[0.8em]\">{item.description}</span>}\n        </div>\n      }\n      {(item.state==='vod' || item.state==='live') && <div className=\"bg-black/50 hidden text-white w-full h-full absolute top-0 left-0 md:flex justify-center items-center z-30 opacity-0 group-hover:opacity-100\">\n          <PlayArrowRounded sx={{ fontSize: 60 }}/>\n      </div>}\n\n      <StateTimeIndicator className=\"absolute top-2 left-0 z-40 rounded-r-md\" item={item} settings={settings}/>\n    </div>\n  );\n}\n\nexport default GalleryItem;\n","import {useEffect, useState} from 'react';\n\nexport const useMediaQuery = (values) => {\n    const mediaMatchDefault = window.matchMedia('(max-width: 639px)');\n    const mediaMatchS = window.matchMedia('(min-width: 640px) and (max-width: 767px)');\n    const mediaMatchMD = window.matchMedia('(min-width: 768px) and (max-width: 1023px)');\n    const mediaMatchLG = window.matchMedia('(min-width: 1024px) and (max-width: 1279px)');\n    const mediaMatchXL = window.matchMedia('(min-width: 1280px) and (max-width: 1535px)');\n    const mediaMatchXXL = window.matchMedia('(min-width: 1536px)');\n\n    const [value, setValue] = useState(mediaMatchS.matches);\n\n    const sizes = ['default','s','md','lg','xl','xxl'];\n\n    const getValue = (size) =>{\n        let actualSize;\n        let sizeIndex = sizes.indexOf(size.toLowerCase());\n        do{\n            actualSize = values[sizes[sizeIndex]];\n            sizeIndex--;\n        }while(actualSize===undefined && sizeIndex>=0);\n\n        return actualSize;\n    }\n\n    useEffect(() => {\n        const handlerDefault = e => {\n            if(e.matches){\n                setValue(getValue('default'));\n            }            \n        };\n        const handlerS = e => {\n            if(e.matches){\n                setValue(getValue('s'));\n            }            \n        };\n        const handlerMD = e => {\n            if(e.matches){\n                setValue(getValue('md'));\n            }\n        };\n        const handlerLG = e => {\n            if(e.matches){\n                setValue(getValue('lg'));\n            }\n        };\n        const handlerXL = e => {\n            if(e.matches){\n                setValue(getValue('xl'));\n            }\n        };\n        const handlerXXL = e => {\n            if(e.matches){\n                setValue(getValue('xxl'));\n            }\n        };\n        mediaMatchDefault.addEventListener('change',handlerDefault);\n        mediaMatchS.addEventListener('change',handlerS);\n        mediaMatchMD.addEventListener('change',handlerMD);\n        mediaMatchLG.addEventListener('change',handlerLG);\n        mediaMatchXL.addEventListener('change',handlerXL);\n        mediaMatchXXL.addEventListener('change',handlerXXL);\n\n        //Init\n        if(mediaMatchDefault.matches){\n            setValue(getValue('default'));\n        }else if(mediaMatchS.matches){\n            setValue(getValue('s'));\n        }else if(mediaMatchMD.matches){\n            setValue(getValue('md'));\n        }else if(mediaMatchLG.matches){\n            setValue(getValue('lg'));\n        }else if(mediaMatchXL.matches){\n            setValue(getValue('xl'));\n        }else if(mediaMatchXXL.matches){\n            setValue(getValue('xxl'));\n        }\n        return () => {\n            mediaMatchDefault.removeEventListener('change',handlerDefault);\n            mediaMatchS.removeEventListener('change',handlerS);\n            mediaMatchMD.removeEventListener('change',handlerMD);\n            mediaMatchLG.removeEventListener('change',handlerLG);\n            mediaMatchXL.removeEventListener('change',handlerXL);\n            mediaMatchXXL.removeEventListener('change',handlerXXL);\n        };\n    },[]);\n    return value;\n};"],"names":["jsxs","jsx"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-engine-widgets",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "homepage": "./",
   "private": false,
   "files": [
@@ -52,6 +52,7 @@
   },
   "devDependencies": {
     "@originjs/vite-plugin-federation": "^1.3.7",
+    "@tailwindcss/line-clamp": "^0.4.4",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",

package/dist/galleryItem-Dgdg_08F.js

@@ -1,23 +0,0 @@
-import { j as jsxRuntimeExports, T as Thumbnail } from './index-CvnYzo0-.js';
-import { S as StateTimeIndicator } from './stateTimeIndicator-B0GD5sFR.js';
-import { P as PlayArrowRounded } from './PlayArrowRounded-UUlDXZo4.js';
-
-function GalleryItem({ item, settings, onClick }) {
-  const handleClick = () => {
-    if (item.state === "vod" || item.state === "live") {
-      onClick(item);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `vf-gallery-item flex flex-col h-fit relative overflow-hidden group ${item.state === "vod" || item.state === "live" ? "cursor-pointer" : ""} `, style: { paddingTop: settings.aspect }, onClick: handleClick, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute w-full h-full top-0 left-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Thumbnail, { item, settings, className: `${item.state === "vod" || item.state === "live" ? "group-hover:scale-110 transition-transform ease-out duration-700 group-hover:blur-sm" : ""}` }) }),
-    (settings.showName || settings.showDesc) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vf-gallery-info text-[18px] absolute bottom-0 px-2 pb-5 w-full h-full z-20 bg-gradient-to-t from-black/80 to-transparent justify-end flex flex-col select-none", children: [
-      settings.showName && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "vf-gallery-title text-white font-bold text-[1em]", children: item.name }),
-      settings.showDesc && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "vf-gallery-desc text-white leading-4 text-[0.8em]", children: item.description })
-    ] }),
-    (item.state === "vod" || item.state === "live") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-black/50 hidden text-white w-full h-full absolute top-0 left-0 md:flex justify-center items-center z-30 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlayArrowRounded, { sx: { fontSize: 60 } }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(StateTimeIndicator, { className: "absolute top-2 left-0 z-40 rounded-r-md", item, settings })
-  ] });
-}
-
-export { GalleryItem as G };
-//# sourceMappingURL=galleryItem-Dgdg_08F.js.map

package/dist/galleryItem-Dgdg_08F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"galleryItem-Dgdg_08F.js","sources":["../src/components/galleryItem.jsx"],"sourcesContent":["import {PlayArrowRounded} from \"@mui/icons-material\";\nimport StateTimeIndicator from \"./stateTimeIndicator\";\nimport Thumbnail from \"./thumbnail\";\n\nfunction GalleryItem({item, settings, onClick}) {\n  const handleClick = () => {\n    if(item.state==='vod' || item.state==='live'){\n      onClick(item);\n    }\n  };\n  return (\n    <div className={`vf-gallery-item flex flex-col h-fit relative overflow-hidden group ${item.state==='vod' || item.state==='live' ? 'cursor-pointer' : ''} `} style={{paddingTop : settings.aspect}} onClick={handleClick}>\n      <div className=\"absolute w-full h-full top-0 left-0\">\n        <Thumbnail item={item} settings={settings} className={`${item.state==='vod' || item.state==='live'? 'group-hover:scale-110 transition-transform ease-out duration-700 group-hover:blur-sm':'' }`}/>\n      </div>\n      \n      {(settings.showName || settings.showDesc) && \n        <div className=\"vf-gallery-info text-[18px] absolute bottom-0 px-2 pb-5 w-full h-full z-20 bg-gradient-to-t from-black/80 to-transparent justify-end flex flex-col select-none\">\n          {settings.showName && <span className=\"vf-gallery-title text-white font-bold text-[1em]\">{item.name}</span>}\n          {settings.showDesc && <span className=\"vf-gallery-desc text-white leading-4 text-[0.8em]\">{item.description}</span>}\n        </div>\n      }\n      {(item.state==='vod' || item.state==='live') && <div className=\"bg-black/50 hidden text-white w-full h-full absolute top-0 left-0 md:flex justify-center items-center z-30 opacity-0 group-hover:opacity-100\">\n          <PlayArrowRounded sx={{ fontSize: 60 }}/>\n      </div>}\n\n      <StateTimeIndicator className=\"absolute top-2 left-0 z-40 rounded-r-md\" item={item} settings={settings}/>\n    </div>\n  );\n}\n\nexport default GalleryItem;\n"],"names":["jsxs","jsx"],"mappings":";;;;AAIA,SAAS,WAAY,CAAA,EAAC,IAAM,EAAA,QAAA,EAAU,SAAU,EAAA;AAC9C,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAG,IAAK,CAAA,KAAA,KAAQ,KAAS,IAAA,IAAA,CAAK,UAAQ,MAAO,EAAA;AAC3C,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA;AACd,GACF;AACA,EACE,uBAAAA,sBAAA,CAAC,SAAI,SAAW,EAAA,CAAA,mEAAA,EAAsE,KAAK,KAAQ,KAAA,KAAA,IAAS,KAAK,KAAQ,KAAA,MAAA,GAAS,mBAAmB,EAAE,CAAA,CAAA,CAAA,EAAK,OAAO,EAAC,UAAA,EAAa,SAAS,MAAM,EAAA,EAAG,SAAS,WAC1M,EAAA,QAAA,EAAA;AAAA,oBAAAC,qBAAA,CAAC,SAAI,SAAU,EAAA,qCAAA,EACb,gDAAC,SAAU,EAAA,EAAA,IAAA,EAAY,UAAoB,SAAW,EAAA,CAAA,EAAG,IAAK,CAAA,KAAA,KAAQ,SAAS,IAAK,CAAA,KAAA,KAAQ,SAAQ,sFAAuF,GAAA,EAAG,IAAG,CACnM,EAAA,CAAA;AAAA,IAAA,CAEE,SAAS,QAAY,IAAA,QAAA,CAAS,6BAC7BD,sBAAA,CAAA,KAAA,EAAA,EAAI,WAAU,gKACZ,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,4BAAaC,qBAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,kDAAA,EAAoD,eAAK,IAAK,EAAA,CAAA;AAAA,MACnG,SAAS,QAAY,oBAAAA,qBAAA,CAAC,UAAK,SAAU,EAAA,mDAAA,EAAqD,eAAK,WAAY,EAAA;AAAA,KAC9G,EAAA,CAAA;AAAA,IAAA,CAEA,KAAK,KAAQ,KAAA,KAAA,IAAS,IAAK,CAAA,KAAA,KAAQ,2BAAYA,qBAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,8IAAA,EAC3D,gDAAC,gBAAiB,EAAA,EAAA,EAAA,EAAI,EAAE,QAAU,EAAA,EAAA,IAAK,CAC3C,EAAA,CAAA;AAAA,oBAECA,qBAAA,CAAA,kBAAA,EAAA,EAAmB,SAAU,EAAA,yCAAA,EAA0C,MAAY,QAAmB,EAAA;AAAA,GACzG,EAAA,CAAA;AAEJ;;;;"}