@anoki/fse-ui/dist/index.cjs269.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VideoPlayer/VideoPlayer.css');const e=require("./index.cjs277.js"),W=require("./index.cjs19.js"),q=require("./index.cjs217.js"),i=require("./index.cjs279.js"),l=require("react");;/* empty css              */const t=require("./index.cjs267.js"),k=require("./index.cjs506.js"),H=require("./index.cjs82.js"),G=require("./index.cjs209.js"),U={[t.VIDEO_PLAYER_SIZE.SMALL]:{width:"311px"},[t.VIDEO_PLAYER_SIZE.MEDIUM]:{width:"388px"},[t.VIDEO_PLAYER_SIZE.LARGE]:{width:"642px"},[t.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{width:"992px"},[t.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{width:"100%"},[t.VIDEO_PLAYER_SIZE.VERTICAL]:{width:"360px"}},S={[t.VIDEO_PLAYER_SIZE.SMALL]:{heightImg:"170px"},[t.VIDEO_PLAYER_SIZE.MEDIUM]:{heightImg:"183px"},[t.VIDEO_PLAYER_SIZE.LARGE]:{heightImg:"357px"},[t.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{heightImg:"400px"},[t.VIDEO_PLAYER_SIZE.VERTICAL]:{heightImg:"640px"},[t.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{heightImg:"525px"}},$=({btnText:y="Trascrizione",sizeComp:n=t.VIDEO_PLAYER_SIZE.LARGE,transcription:p,previewImageSrc:I,videoSrc:R,videoTitle:m,videoLang:_,playButtonLabel:P="Riproduci",videoAriaLabel:b="Video player",showDivider:V=!0})=>{const[L,D]=l.useState(!1),[o,v]=l.useState(!1),[r,f]=l.useState(!1),j=l.useRef(null),d=k(),{width:x}=U[n];let c,E;if(x.includes("%"))c=x,E=S[n].heightImg;else{const s=parseInt(x,10),h=parseInt(S[n].heightImg,10)/s,N=n===t.VIDEO_PLAYER_SIZE.SMALL||n===t.VIDEO_PLAYER_SIZE.MEDIUM?32:0,M=d?d-N:s,A=d?Math.min(s,M):s,T=Math.round(A*h);c=`${A}px`,E=`${T}px`}const a=n===t.VIDEO_PLAYER_SIZE.VERTICAL,w=n===t.VIDEO_PLAYER_SIZE.EXTRA_LARGE||n===t.VIDEO_PLAYER_SIZE.FULL_WIDTH,g=a?"642px":c,O=a?"640px":E,Y=a?"360px":c,Z=async s=>{s&&(s.preventDefault(),s.stopPropagation());const u=j.current;if(!u){console.error("no video element found");return}try{o||(v(!0),D(!0),await u.play())}catch(h){console.error("Error controlling video:",h)}};return e.jsxRuntimeExports.jsxs(H.Col,{br:"x4",style:{width:g},className:i.clsx("video-section-container"),children:[e.jsxRuntimeExports.jsxs("div",{className:"video-player-container",style:{height:O,width:Y,...a&&{alignSelf:"center"}},children:[e.jsxRuntimeExports.jsx("button",{className:i.clsx("start-video-container",{"fade-out":L||o}),style:{backgroundImage:I&&!o?`url("${I}")`:"none",display:o?"none":"block"},onClick:s=>Z(s),type:"button",children:e.jsxRuntimeExports.jsxs("div",{className:i.clsx("play-button-container",{hidden:L}),children:[e.jsxRuntimeExports.jsx("div",{className:"play-button-icon",children:e.jsxRuntimeExports.jsx(G.PlayVideo,{decorative:!0})}),e.jsxRuntimeExports.jsx("div",{className:"play-button-text",children:P})]})}),e.jsxRuntimeExports.jsx("div",{className:"video-container",children:e.jsxRuntimeExports.jsxs("video",{ref:j,controls:!0,src:R||void 0,"aria-label":b,title:m||void 0,children:[e.jsxRuntimeExports.jsx("source",{src:R||void 0}),_&&e.jsxRuntimeExports.jsx("track",{kind:"subtitles",src:"subtitles_en.vtt",srcLang:_==="italiano"?"it":"en"})," "]})})]}),p&&e.jsxRuntimeExports.jsxs("div",{className:i.clsx(w?"transcription-container":"ui-has-border-bottom",!V&&"ui-video-no-divider"),style:{width:g},children:[e.jsxRuntimeExports.jsx("div",{className:i.clsx("expand-button-container","accordion","base-row justify-content-between align-items-center"),children:e.jsxRuntimeExports.jsxs("button",{className:i.clsx("ui-btn-accordion-video","base-row justify-content-between align-items-center"),type:"button",onClick:()=>f(!r),"aria-expanded":r,"aria-controls":"transcription-content",children:[e.jsxRuntimeExports.jsx("span",{className:i.clsx("fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"),children:y}),e.jsxRuntimeExports.jsx(W.ArrowDown,{color:"primary",className:i.clsx("ui-arrow",{expanded:r}),decorative:!0})]})}),r&&e.jsxRuntimeExports.jsx("div",{id:"transcription-content",className:i.clsx("transcription-text-container","pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"),children:e.jsxRuntimeExports.jsx(q.RichText,{additionalClass:"text-black text-charcoal-dust rich-text-element",classNameTitle:"heading-2-lg fw-extra-bold text-black text-charcoal-dust",description:p})})]})]})};exports.VIDEO_PLAYER_SIZE=t.VIDEO_PLAYER_SIZE;exports.VideoPlayer=$;
//# sourceMappingURL=index.cjs269.js.map