@zeniai/web-cockpit-ui 1.14.27-qa → 1.14.28-dev

package/dist/assets/VideoPlayer-C0GoslQO-DYYt4ERH.js

@@ -1,38 +0,0 @@
-import{e as F,j as o,e$ as B,o as c}from"./index-D6_aq-q4.js";import{b as e,n as f,k as S}from"./vendor-rkTZJa59.js";const k=t=>e.createElement("svg",{width:148,height:135,viewBox:"0 0 148 135",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{filter:"url(#filter0_f_105_5609)"},e.createElement("circle",{cx:67.1431,cy:67.4282,r:44,fill:"url(#paint0_linear_105_5609)"}),e.createElement("circle",{cx:67.1431,cy:67.4282,r:46,stroke:"url(#paint1_linear_105_5609)",strokeWidth:4})),e.createElement("g",{filter:"url(#filter1_d_105_5609)"},e.createElement("circle",{cx:67.1431,cy:67.4283,r:41.1429,fill:"#FAFAFA"}),e.createElement("circle",{cx:67.1431,cy:67.4283,r:43.1429,stroke:"url(#paint2_linear_105_5609)",strokeWidth:4})),e.createElement("g",{clipPath:"url(#clip0_105_5609)"},e.createElement("path",{d:"M83.3026 65.8396L59.4284 53.8968C59.1565 53.7627 58.8549 53.7001 58.5521 53.715C58.2493 53.73 57.9553 53.8218 57.6979 53.982C57.4405 54.1422 57.2282 54.3653 57.081 54.6304C56.9339 54.8954 56.8568 55.1936 56.8569 55.4968V79.3596C56.8568 79.6628 56.9339 79.961 57.081 80.226C57.2282 80.4911 57.4405 80.7142 57.6979 80.8744C57.9553 81.0346 58.2493 81.1264 58.5521 81.1413C58.8549 81.1563 59.1565 81.0937 59.4284 80.9596L83.3026 69.0168C83.5991 68.8705 83.8487 68.6442 84.0232 68.3635C84.1977 68.0827 84.2902 67.7588 84.2902 67.4282C84.2902 67.0976 84.1977 66.7737 84.0232 66.4929C83.8487 66.2122 83.5991 65.9859 83.3026 65.8396Z",fill:"black"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_f_105_5609",x:-12.8569,y:-12.5718,width:160,height:160,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.createElement("feGaussianBlur",{stdDeviation:16,result:"effect1_foregroundBlur_105_5609"})),e.createElement("filter",{id:"filter1_d_105_5609",x:18.0002,y:22.2854,width:98.2858,height:98.2856,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dy:4}),e.createElement("feGaussianBlur",{stdDeviation:2}),e.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_105_5609"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_105_5609",result:"shape"})),e.createElement("linearGradient",{id:"paint0_linear_105_5609",x1:82.8137,y1:83.0991,x2:51.1186,y2:51.4041,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("linearGradient",{id:"paint1_linear_105_5609",x1:82.8137,y1:83.0991,x2:51.1186,y2:51.4041,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("linearGradient",{id:"paint2_linear_105_5609",x1:81.7961,y1:82.0816,x2:52.1592,y2:52.4446,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("clipPath",{id:"clip0_105_5609"},e.createElement("rect",{width:27.4286,height:27.4286,fill:"white",transform:"translate(56.8569 53.7131)"}))));function O({src:t,config:a,controls:p=!0,height:m="100%",loop:E=!1,muted:d=!1,showPlayButton:n=!1,style:u,thumbnail:C,width:h="100%",onEnded:_,onPlay:s}){const g=F(),[r,l]=e.useState(!1),i={};a?.youtube&&(i.youtube=a.youtube);const x=()=>{l(!0),s?.()},y=()=>{l(!1),_?.()},w=()=>{l(!0),s?.()};return o.jsxs(o.Fragment,{children:[o.jsx(B,{src:t,playing:r,controls:r?p:!1,muted:d,loop:E,width:h,height:m,style:u,light:n&&!r?C??!0:!1,onEnded:y,onPlay:w,config:i}),n&&!r&&o.jsx(b,{onClick:x,children:o.jsx(v,{windowSize:g})})]})}const A=S`
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-`,b=f.div`
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  cursor: pointer;
-  transition: transform 0.2s ease;
-  z-index: 0;
-
-  &:hover {
-    transform: translate(-50%, -50%) scale(1.05);
-  }
-
-  // The code below handles play button animation effects.
-  svg {
-    display: block;
-
-    g:nth-of-type(1),
-    g:nth-of-type(2) {
-      transform-origin: 67.1431px 67.4282px;
-      animation: ${A} 3s linear infinite;
-    }
-
-    g:nth-of-type(3) {
-      transform-origin: 67.1431px 67.4282px;
-    }
-  }
-`,v=f(k)`
-  width: ${t=>t.windowSize==="small"?c.sp10:"auto"};
-  height: ${t=>t.windowSize==="small"?c.sp10:"auto"};
-`;export{O as z};