1import{j as e}from"./jsx-runtime-BgjmLhhW.js";import{r as b}from"./index-BqkNX_XC.js";import{VideoPlayer as L}from"./video-player-CAxGvOys.js";import{YouTubeEmbed as f}from"./youtube-video-player-BX4iPDoa.js";import{ExpandableContent as w}from"./expandable-content-Ua1nDVwb.js";import"./preload-helper-ByLHwKVr.js";import"./index-bNYPoLwf.js";import"./index-xEZyAjtC.js";import"./FaIcon-DTQallQy-Cfu02mpc.js";import"./iconsColorConfig-DWXmO4aY-DCRMUg93.js";import"./adobe-tracking-map-FuYnSgXJ-nXOxFVsQ.js";import"./adobe-tracking-DpSHGK7T-QlveT4Bz.js";const P="Video playlist",g="fullwidth",S="video/youtube",C="listbox",M="option",T="active",V="no-duration",E={kind:"captions",src:""},$={transcriptTriggerLink:"Transcript",nowPlayingLabel:"Now playing",playButtonLabel:"Play video",pauseButtonLabel:"Pause video",skipBackButtonLabel:"Skip back 10 seconds",skipForwardButtonLabel:"Skip forward 10 seconds",volumeButtonLabel:"Volume",closedCaptionButtonLabel:"Closed captions",popOutPlayerButtonLabel:"Pop out player",fullScreenButtonLabel:"Full screen",muteButtonLabel:"Mute"},U=(a,t)=>a.length===0?null:t<0||t>=a.length?a[0]:a[t],H=({heading:a,subheading:t,items:l,transcript:x,bgColor:n,hasTopPadding:j=!0,hasBottomPadding:N=!0,marketingServiceUrl:p,translations:k})=>{var m,u,h;const[r,B]=b.useState(0),i=b.useMemo(()=>U(l,r),[l,r]),v=i?.transcriptData??x??"",d={...$,...k};return i?e.jsx("div",{className:`oneds-video-playlist-wrapper oneds-bg-${n} ${j?"top-padding":""} ${N?"bottom-padding":""}`,children:e.jsx("div",{className:"container-fluid",children:e.jsx("div",{className:"row",children:e.jsx("div",{className:"col-12",children:e.jsxs("div",{className:"oneds-video-playlist-content",children:[e.jsxs("div",{className:"oneds-video-playlist-header",children:[a&&e.jsx("h3",{className:"oneds-heading-l",children:a}),t&&e.jsx("p",{className:"oneds-body-m",children:t})]}),e.jsxs("div",{className:"oneds-video-playlist-panel",children:[e.jsx("div",{className:"oneds-video-playlist-player","data-playlist-player":!0,children:((u=(m=i.sources)==null?void 0:m[0])==null?void 0:u.type)===S?e.jsx(f,{youtubeVideoId:i.id,appearance:g},i.id):e.jsx(L,{id:`${i.id}`,appearance:g,autoplay:!1,controls:!0,fluid:!0,responsive:!0,poster:i.poster??i.thumbnailSrc,sources:i.sources??[],tracks:(h=i.tracks)!=null&&h.length?i.tracks:[E],translations:d,bgColor:n,hasBottomMargin:!1,marketingServiceUrl:p},i.id)}),e.jsx("div",{className:"oneds-video-playlist-list",role:C,"aria-label":P,children:l.map((s,y)=>{const o=r===y,c=!!s.duration;return e.jsxs("button",{type:"button",className:`oneds-video-playlist-item ${o?T:""} ${c?"":V}`,onClick:()=>B(y),role:M,"aria-selected":o,children:[e.jsx("div",{className:"oneds-video-playlist-item-thumbnail",children:e.jsx("img",{src:s.thumbnailSrc,alt:s.thumbnailAlt??"",loading:"lazy"})}),e.jsxs("div",{className:"oneds-video-playlist-item-content",children:[e.jsx("p",{className:"oneds-video-playlist-item-title oneds-body-m-compact-bold",children:s.title}),o&&e.jsxs("div",{className:"oneds-video-playlist-item-status oneds-body-s-compact",children:[e.jsx("svg",{className:"oneds-video-playlist-item-play-icon",xmlns:"http://www.w3.org/2000/svg",width:"8",height:"9",viewBox:"0 0 8 9",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M7.5 4.375L0 0V8.75L7.5 4.375Z"})}),!c&&e.jsx("span",{children:d.nowPlayingLabel}),c&&e.jsx("span",{children:s.duration})]}),!o&&s.duration&&e.jsx("div",{className:"oneds-video-playlist-item-duration oneds-body-s-compact",children:e.jsx("span",{children:s.duration})})]})]},s.id)})})]}),v&&e.jsx("div",{className:"video-transcript",children:e.jsx(w,{triggerLink:d.transcriptTriggerLink,headingLevel:"h3",body:v,style:"inline",size:"compact",bgColor:n,hideTopBorder:!1,hideBottomBorder:!0,hideBottomMargin:!0,marketingServiceUrl:p})})]})})})})}):null};export{H as VideoPlaylist};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.