npm - newskit - Versions diffs - 5.4.3 → 5.4.4 - Mend

newskit 5.4.3 → 5.4.4

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 (122) hide show

package/public/_next/static/chunks/86062-5337d9895699f119.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86062],{86062:function(e,t,r){r.d(t,{E:function(){return re}});var n=r(24246),o=r(27378),i=r(51863),c=r(92206),a=r(40990),l=r(80271),s=r(14239),u=r(53641);function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){p(e,t,r[t])}))}return e}var d=function(e){var t=e.introduction,r=e.playground;return(0,n.jsx)(u.u,{title:"Interactive Demo",id:"interactive-demo",introduction:t,children:(0,n.jsx)(s.$,{children:(0,n.jsx)(a.g,{spaceStack:"space050",children:(0,n.jsx)(l.XQ,f({},r))})})})},b=r(58760),y=r(46817),j=r(96728),m=r(46672),O=r(3385),h=r(27107);function g(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){g(e,t,r[t])}))}return e}var v={typographyPreset:"utilityButton020",stylePreset:"componentPageTabs"},P=function(e){var t=e.introduction,r=e.media,o=e.rows,i=e.tabs,c=function(e,t){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.g,{spaceStack:"space050",children:(0,O.R2)(e)||(0,n.jsx)(b.E,x({},e))}),(0,n.jsx)(a.g,{spaceStack:"space000",children:(0,n.jsx)(h.i,{columns:["Item","Name","Description","Component","Optional"],rows:t})})]})};return(0,n.jsx)(n.Fragment,{children:i?(0,n.jsx)(u.u,{title:"Anatomy",id:"anatomy",children:(0,n.jsx)(s.$,{children:(0,n.jsx)(y.m,{size:j.GZ.Medium,children:i.map((function(e){var t=e.title,r=e.summary,o=e.rows,i=e.media;return(0,n.jsxs)(y.O,{label:t,overrides:v,children:[(0,n.jsx)(a.g,{spaceStack:"space080",children:(0,n.jsx)(m.a,{stylePreset:"inkBase",typographyPreset:"editorialSubheadline020",children:r})}),c(i,o)]})}))})})}):(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(u.u,{title:"Anatomy",id:"anatomy",introduction:t,children:(0,n.jsx)(s.$,{children:r&&c(r,o)})})})})},w=r(42585);function S(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){S(e,t,r[t])}))}return e}function E(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var D=function(e){var t=e.introduction,r=E(e,["introduction"]);return(0,n.jsx)(u.u,{title:"Options",id:"options",introduction:t,children:(0,n.jsx)(s.$,{children:(0,n.jsx)(w.L,k({},r,{cardsLayout:{xs:"vertical",sm:"vertical",md:"horizontal",lg:"horizontal",xl:"horizontal"},layout:"1-span"}))})})},z=r(90257),I=r(34314);function C(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function $(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){C(e,t,r[t])}))}return e}function F(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var L=(0,n.jsx)(z.p,{overrides:{size:"iconSize020"}}),R=function(e){var t=e.introduction,r=e.layout,o=e.notice,i=F(e,["introduction","layout","notice"]);return(0,n.jsx)(u.u,{title:"States",id:"states",introduction:t,children:(0,n.jsxs)(s.$,{children:[(0,n.jsx)(w.L,$({},i,{layout:r||"2-span"})),o&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.g,{spaceStack:"space070"}),(0,n.jsx)(I.g,{icon:L,role:"region","aria-label":"states notice",children:o})]})]})})};function T(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){T(e,t,r[t])}))}return e}function H(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var N=function(e){var t=e.introduction,r=e.children,o=H(e,["introduction","children"]);return(0,n.jsxs)(u.u,{title:o.title||"Behaviours",toc:o.toc,id:"behaviors",introduction:t,children:[(0,n.jsx)(s.$,{children:(0,n.jsx)(w.L,A({cardsLayout:{xs:"vertical",sm:"vertical",md:"horizontal",lg:"horizontal",xl:"horizontal"},layout:"1-span"},o))}),r]})},_=r(99967),B=r(8166);function M(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){M(e,t,r[t])}))}return e}function G(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var K=function(e){var t,r=e.children,i=e.introduction,c=e.example,l=G(e,["children","introduction","example"]);return(0,n.jsx)(u.u,{title:l.title||"Example",id:(null===(t=l.title)||void 0===t?void 0:t.replace(/\s/g,""))||"example",toc:l.toc||l.title||"Example",introduction:i,hideSeparator:l.hideSeparator,children:(0,n.jsx)(s.$,{children:c.map((function(e){var t=e.title,i=e.description,c=e.media,l=e.code,s=e.codeUrl,u=e.sections;return(0,n.jsxs)(o.Fragment,{children:[t&&(0,n.jsx)(a.g,{spaceStack:"space050",children:(0,n.jsx)(m.a,{stylePreset:"inkContrast",typographyPreset:{xs:"editorialHeadline040",md:"editorialHeadline050"},children:t})}),i&&(0,n.jsx)(B.w,{children:i}),c&&(0,n.jsx)(a.g,{stylePreset:"blockRoundedMedium",spaceStack:"space050",children:(0,O.R2)(c)||(0,n.jsx)(b.E,U({},c))}),s&&(0,n.jsx)(a.g,{spaceStack:"space090",children:(0,n.jsx)(_.vs,{path:s})}),l&&(0,n.jsx)(a.g,{spaceStack:"space090",children:(0,n.jsx)(_.EK,{children:l})}),null===u||void 0===u?void 0:u.map((function(e,t){var r=e.title,i=e.description,c=e.media,l=e.codeUrl,s=e.code;return(0,n.jsxs)(o.Fragment,{children:[(0,n.jsx)(B.w,{title:r,children:i}),c&&(0,n.jsx)(a.g,{stylePreset:"imageRoundedMedium",spaceStack:"space050",children:(0,O.R2)(c)||(0,n.jsx)(b.E,U({},c))}),l&&(0,n.jsx)(_.vs,{path:l}),s&&(0,n.jsx)(a.g,{spaceStack:"space090",children:(0,n.jsx)(_.EK,{children:s})}),u&&t!==u.length-1&&(0,n.jsx)(a.g,{spaceStack:"space090"})]},r)})),r]},"".concat(t,"-").concat(s))}))})})},Q=r(26254),Z=r(13325),J=r(34117),X=r(15320),q=r(40251),V=r(42257);function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){W(e,t,r[t])}))}return e}function ee(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var te={title:"Need Help?",description:"Cant find what you are looking for?",buttonLabel:"Get In Touch",stylePrefix:"needHelpCard",layout:"horizontal",href:"/about/contact-us/"},re=function(e){var t=e.layoutProps,r=e.interactiveDemo,o=e.anatomy,a=e.options,l=e.states,s=e.behaviors,p=e.codeExamples,f=e.usage,b=e.accessibility,y=e.seo,j=e.componentAPI,m=e.compliance,O=e.related,h=e.featureCard,g=e.headTags,x=e.commonSection,v=ee(e,["layoutProps","interactiveDemo","anatomy","options","states","behaviors","codeExamples","usage","accessibility","seo","componentAPI","compliance","related","featureCard","headTags","commonSection"]);return(0,n.jsx)(i.Z,Y({},t,{newPage:!0,children:(0,n.jsxs)(c.P,Y({},v,{headTags:{imageUrl:"social/components.png",alt:"components",title:g.title,description:g.description},featureCard:Y({},te,h),children:[r&&(0,n.jsx)(d,Y({},r)),o&&(0,n.jsx)(P,Y({},o)),a&&(0,n.jsx)(D,Y({},a)),l&&(0,n.jsx)(R,Y({},l)),s&&(0,n.jsx)(N,Y({},s)),p&&(0,n.jsx)(K,Y({},p)),f&&(0,n.jsx)(Q.Q,Y({},f)),x&&(0,n.jsx)(u.u,Y({},x)),b&&(0,n.jsx)(Z.J,Y({},b)),y&&(0,n.jsx)(J.O,Y({},y)),j&&(0,n.jsx)(X.p,Y({},j)),m&&(0,n.jsx)(q.y,Y({},m)),O&&(0,n.jsx)(V.p,Y({},O))]}))}))}}}]);

package/public/_next/static/chunks/pages/components/{audio-player-174b2a818152579b.js → audio-player-9aca3f58cc54b735.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (self.webpackChunk_N_E=self.webpackChunk_N_E\|\|[]).push([[65424,13331,47299],{64881:function(e,t,r){(window.__NEXT_P=window.__NEXT_P\|\|[]).push(["/components/audio-player",function(){return r(95831)}])},33968:function(e,t,r){"use strict";r.d(t,{XJ:function(){return b},dU:function(){return d},vY:function(){return u}});var n=r(24246),o=(r(27378),r(9302));function a(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function s(e){return function(e){if(Array.isArray(e))return a(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|function(e,t){if(!e)return;if("string"===typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return a(e,t)}(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var c=[{attribute:"marginInline",type:"MQ<string>",description:"It can take one space token to specify the logical inline start and end margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginInlineStart",type:"MQ<string>",description:"It can take one space token to specify the logical inline start margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginInlineEnd",type:"MQ<string>",description:"It can take one space token to specify the logical inline end margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginBlock",type:"MQ<string>",description:"It can take one space token to specify the logical block start and end margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginBlockStart",type:"MQ<string>",description:"It can take one space token to specify the logical block start margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginBlockEnd",type:"MQ<string>",description:"It can take one space token to specify the logical block end margin of the container. This space token can also be used on breakpoints. "}],u=[{attribute:"paddingInline",type:"MQ<string>",description:"It can take one space token to specify the logical inline start and end padding of the container. This space token can also be used on breakpoints.\t"},{attribute:"paddingInlineStart",type:"MQ<string>",description:"It can take one space token to specify the logical inline start padding of the container. This space token can also be used on breakpoints. "},{attribute:"paddingInlineEnd",type:"MQ<string>",description:"It can take one space token to specify the logical inline end padding of the container. This space token can also be used on breakpoints. "},{attribute:"paddingBlock",type:"MQ<string>",description:"It can take one space token to specify the logical block start and end padding of the container. This space token can also be used on breakpoints. "},{attribute:"paddingBlockStart",type:"MQ<string>",description:"It can take one space token to specify the logical block start padding of the container. This space token can also be used on breakpoints. "},{attribute:"paddingBlockEnd",type:"MQ<string>",description:"It can take one space token to specify the logical block end padding of the container. This space token can also be used on breakpoints. "}],d=function(e){var t=s(c).concat(s(u)),r=t.map((function(e){return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({name:e.attribute},l(e,["attribute"]))}));return"propsRow"===e?r:t},p=function(e){var t=e.nested,r=void 0!==t&&t;return(0,n.jsxs)(o.PQ,{nested:r,children:[(0,n.jsx)(o.fI,{name:"marginInline",type:"MQ<string>",children:"It can take one space token to specify the logical inline start and end margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginInlineStart",type:"MQ<string>",children:"It can take one space token to specify the logical inline start margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginInlineEnd",type:"MQ<string>",children:"It can take one space token to specify the logical inline end margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginBlock",type:"MQ<string>",children:"It can take one space token to specify the logical block start and end margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginBlockStart",type:"MQ<string>",children:"It can take one space token to specify the logical block start margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginBlockEnd",type:"MQ<string>",children:"It can take one space token to specify the logical block end margin of the container. This space token can also be used on breakpoints."})]})},f=function(e){var t=e.nested,r=void 0!==t&&t;return(0,n.jsxs)(o.PQ,{nested:r,children:[(0,n.jsx)(o.fI,{name:"paddingInline",type:"MQ<string>",children:"It can take one space token to specify the logical inline start and end padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingInlineStart",type:"MQ<string>",children:"It can take one space token to specify the logical inline start padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingInlineEnd",type:"MQ<string>",children:"It can take one space token to specify the logical inline end padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingBlock",type:"MQ<string>",children:"It can take one space token to specify the logical block start and end padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingBlockStart",type:"MQ<string>",children:"It can take one space token to specify the logical block start padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingBlockEnd",type:"MQ<string>",children:"It can take one space token to specify the logical block end padding of the container. This space token can also be used on breakpoints."})]})},b=function(e){var t=e.nested,r=void 0!==t&&t;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(f,{nested:r}),(0,n.jsx)(p,{nested:r})]})}},13331:function(e,t,r){"use strict";r.r(t),t.default={audioPlayer:{seekBar:{slider:{track:{stylePreset:"audioPlayerSeekBarTrack",size:"sizing020"},indicator:{stylePreset:"audioPlayerSeekBarIndicator"},thumb:{stylePreset:"audioPlayerThumb",size:"sizing040"},thumbLabel:{stylePreset:"audioPlayerLabels"},labels:{stylePreset:"audioPlayerLabels",typographyPreset:"utilityLabel020"}},buffering:{stylePreset:"audioPlayerSeekBarBuffering"}},controls:{space:"space030",previousButton:{stylePreset:"iconButtonMinimalPrimary"},replayButton:{stylePreset:"iconButtonMinimalPrimary"},playPauseButton:{stylePreset:"iconButtonSolidPrimary"},forwardButton:{stylePreset:"iconButtonMinimalPrimary"},nextButton:{stylePreset:"iconButtonMinimalPrimary"},popoutButton:{stylePreset:"iconButtonMinimalPrimary"}},volumeControl:{slider:{track:{stylePreset:"volumeControlTrack",size:"sizing010"},indicator:{stylePreset:"volumeControlIndicator"},thumb:{stylePreset:"audioPlayerThumb",size:"sizing040"},thumbLabel:{stylePreset:"volumeControlLabels"},labels:{stylePreset:"iconButtonMinimalPrimary"}}}}}},43945:function(e,t,r){"use strict";r.d(t,{J:function(){return a}});var n=r(36714),o=r(25410),a=function(e,t,r){return t.displayName=e,r?(0,n.F)((0,o.v)(t),{overrides:r}):(0,o.v)(t)}},79314:function(e,t,r){"use strict";r.d(t,{u:function(){return l}});var n=r(24246);r(27378);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(){var e,t,r=(e=["\n display: block;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n"],t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return a=function(){return r},r}var i=r(60958).Z.span(a()),l=function(e){return(0,n.jsx)(i,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({},e))}},32377:function(e,t,r){"use strict";r.d(t,{G:function(){return a}});var n=r(27378),o=r(44485),a=function(e){var t=(0,n.useState)([]),r=t[0],a=t[1];return(0,n.useEffect)((function(){for(var t=[],r=0;r<e;r+=1)t.push((0,o.N)());a(t)}),[e]),r}},47299:function(e,t,r){"use strict";r.r(t),t.default={volumeControl:{slider:{track:{stylePreset:"volumeControlTrack"},indicator:{stylePreset:"volumeControlIndicator"},thumb:{stylePreset:"volumeControlThumb"}},button:{stylePreset:"iconButtonMinimalPrimary",iconSize:"iconSize020",size:"small"}}}},85309:function(e,t,r){"use strict";r.d(t,{y:function(){return S}});var n=r(24246),o=r(27378),a=r(1353),i=r(91877),l=r(25773),s=r(24400),c=o.forwardRef((function(e,t){return o.createElement(s.D,(0,l.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),o.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),o.createElement("path",{d:"M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"}))}));c.displayName="VolumeOff";var u=r(25410);c.displayName="IconFilledVolumeOff";var d=(0,u.v)(c),p=o.forwardRef((function(e,t){return o.createElement(s.D,(0,l.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),o.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),o.createElement("path",{d:"M18.5 12A4.5 4.5 0 0016 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"}))}));p.displayName="VolumeDown";p.displayName="IconFilledVolumeDown";var f=(0,u.v)(p),b=o.forwardRef((function(e,t){return o.createElement(s.D,(0,l.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),o.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),o.createElement("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"}))}));b.displayName="VolumeUp";b.displayName="IconFilledVolumeUp";var y=(0,u.v)(b),m=r(91231),h=r(79314),k=r(32377),v=r(59603),g=r(47299),P=r(79866);function w(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function C(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t\|\|a.length!==t);i=!0);}catch(s){l=!0,o=s}finally{try{i\|\|null==r.return\|\|r.return()}finally{if(l)throw o}}return a}}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return w(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return w(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var x=function(e,t,r){return r(0===e?t\|\|1:0)},j=function(e){var t=e.volume,r=e.unMutedVolume,o=e.onChange,i=e.volumeControlButtonStylePreset,l=e.iconSize,s=e.size;return(0,n.jsx)(a.h,{"data-testid":"mute-button","aria-label":0===t?"Unmute":"Mute",tabIndex:-1,onClick:function(){return x(t,r,o)},size:s,overrides:{stylePreset:i,iconSize:l},children:0===t?(0,n.jsx)(d,{}):(0,n.jsx)(f,{})})},S=(0,P.z)((function(e){var t=e.volume,r=e.vertical,l=e.onChange,s=e.overrides,c=void 0===s?{}:s,u=(0,m.Fg)(),d=(0,o.useState)(t),p=d[0],f=d[1],b=C((0,k.G)(1),1)[0],g=function(e,t){var r=function(r,n){return(0,v.L)({theme:e,overrides:t},"volumeControl.".concat(r),r,n)};return{sliderTrackStylePreset:r("slider.track","stylePreset"),trackSize:r("slider.track","size"),sliderIndicatorTrackStylePreset:r("slider.indicator","stylePreset"),sliderThumbStylePreset:r("slider.thumb","stylePreset"),thumbSize:r("slider.thumb","size"),sliderThumbLabelStylePreset:r("slider.thumbLabel","stylePreset"),volumeControlButtonStylePreset:r("button","stylePreset"),iconSize:r("button","iconSize"),buttonSize:r("button","size")}}(u,c),P=g.sliderTrackStylePreset,w=g.trackSize,S=g.sliderIndicatorTrackStylePreset,O=g.sliderThumbStylePreset,T=g.thumbSize,I=g.sliderThumbLabelStylePreset,B=g.volumeControlButtonStylePreset,z=g.iconSize,M=g.buttonSize;p!==t&&t>0&&f(t);var A=(0,o.useMemo)((function(){return[t]}),[t]),E=(0,o.useCallback)((function(e){var t=C(e,1)[0];return l(t)}),[l]),V=(0,o.useCallback)((function(){return(0,n.jsx)(j,{volume:t,unMutedVolume:p,onChange:l,volumeControlButtonStylePreset:B,iconSize:z,size:M})}),[t,p,l,B,z,M]),N=(0,o.useCallback)((function(){return(0,n.jsx)(a.h,{"data-testid":"volumeup-button","aria-label":"Volume up",tabIndex:-1,onClick:function(){return l(1)},size:M,overrides:{stylePreset:B,iconSize:z},children:(0,n.jsx)(y,{})})}),[M,z,l,B]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.i,{vertical:r,min:0,max:1,step:.1,values:A,onChange:E,ariaLabel:"Volume Control",ariaValueText:"volume level ".concat(10A[0]," of 10"),dataTestId:"volume-control",minLabel:V,maxLabel:N,onKeyDown:function(e){32!==e.keyCode&&13!==e.keyCode\|\|x(t,p,l)},ariaDescribedBy:b,overrides:{track:{stylePreset:P,size:w},indicator:{stylePreset:S},thumb:{stylePreset:O,size:T},thumbLabel:{stylePreset:I}}}),(0,n.jsx)(h.u,{id:b,"aria-hidden":"true",children:"Use the arrow keys to adjust volume"})]})}))({defaults:g.default,stylePresets:{volumeControlIndicator:{base:{backgroundColor:"{{colors.interactivePrimary030}}",borderRadius:"{{borders.borderRadiusPill}}"}},volumeControlThumb:{base:{boxShadow:"{{shadows.shadow010}}",backgroundColor:"{{colors.interactivePrimary030}}",borderStyle:"solid",borderColor:"{{colors.interactivePrimary010}}",borderWidth:"{{borders.borderWidth010}}",borderRadius:"{{borders.borderRadiusCircle}}",iconColor:"{{colors.inkNonEssential}}"},hover:{backgroundColor:"{{colors.interactivePrimary040}}",iconColor:"{{colors.inkNonEssential}}"},active:{backgroundColor:"{{colors.interactivePrimary050}}",iconColor:"{{colors.inkSubtle}}"}},volumeControlTrack:{base:{backgroundColor:"{{colors.interface030}}",borderRadius:"{{borders.borderRadiusPill}}"}}}})},95831:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return rt}});var n=r(27378),o=r(35318),a=r(81963),i=r(51863),l=r(80271),s=r(9302),c=r(99967),u=r(24246),d=r(43660),p=r(60958),f=r(59416),b=r(43945);function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var m=(0,b.J)("IconFilledForward10",(function(e){return(0,u.jsx)(f.n,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}({},e,{viewBox:"0 0 24 24",children:(0,u.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.7719 10.7169C18.9316 10.2146 19 9.57534 19 8.84475V7.15525C19 6.42466 18.9088 5.80822 18.7491 5.2831C18.5895 4.75799 18.3615 4.3242 18.0651 3.98174C17.7687 3.63927 17.4267 3.38813 17.0162 3.22831C16.6058 3.06849 16.1726 3 15.671 3C15.1693 3 14.7133 3.06849 14.3257 3.22831C13.9381 3.38813 13.5732 3.63927 13.2996 3.98174C13.026 4.3242 12.798 4.78082 12.6384 5.2831C12.4788 5.78539 12.4104 6.42466 12.4104 7.15525V8.84475C12.4104 9.57534 12.5016 10.1918 12.6612 10.7169C12.8208 11.242 13.0488 11.6758 13.3452 12.0183C13.6416 12.3607 13.9837 12.6119 14.3941 12.7717C14.8045 12.9315 15.2377 13 15.7394 13C16.241 13 16.697 12.9315 17.0846 12.7717C17.4723 12.6119 17.8371 12.3607 18.1107 12.0183C18.3843 11.6758 18.6123 11.2192 18.7719 10.7169ZM7.30293 12.8626H9.24104V3.11373H9.03583L5 4.55209V6.12743L7.30293 5.41967V12.8626ZM17.062 6.88113C17.062 6.44734 17.0392 6.08204 16.9708 5.78524C16.9024 5.48844 16.8112 5.26013 16.6972 5.07748C16.5832 4.89483 16.4464 4.75784 16.264 4.68935C16.0815 4.62086 15.8991 4.5752 15.6939 4.5752C15.4887 4.5752 15.2835 4.62086 15.1239 4.68935C14.9643 4.75784 14.8047 4.89483 14.6907 5.07748C14.5767 5.26013 14.4855 5.48844 14.4171 5.78524C14.3486 6.08204 14.3258 6.44734 14.3258 6.88113V9.09574C14.3258 9.52953 14.3486 9.89483 14.4171 10.1916C14.4855 10.4884 14.5767 10.7396 14.6907 10.9222C14.8047 11.1049 14.9415 11.2419 15.1239 11.3104C15.3063 11.3788 15.4887 11.4245 15.6939 11.4245C15.8991 11.4245 16.1043 11.3788 16.264 11.3104C16.4236 11.2419 16.5832 11.1049 16.6972 10.9222C16.8112 10.7396 16.9024 10.4884 16.948 10.1916C16.9936 9.89483 17.0392 9.52953 17.0392 9.09574V6.88113H17.062ZM12.6287 21L17.0002 18L12.6287 15V21ZM8.00007 21L12.3715 18L8.00007 15V21Z"})}))}));function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var k=(0,b.J)("IconFilledReplay10",(function(e){return(0,u.jsx)(f.n,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){h(e,t,r[t])}))}return e}({},e,{viewBox:"0 0 24 24",children:(0,u.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.7719 10.7169C18.9316 10.2146 19 9.57534 19 8.84475V7.15525C19 6.42466 18.9088 5.80822 18.7491 5.2831C18.5895 4.75799 18.3615 4.3242 18.0651 3.98174C17.7687 3.63927 17.4267 3.38813 17.0162 3.22831C16.6058 3.06849 16.1726 3 15.671 3C15.1693 3 14.7133 3.06849 14.3257 3.22831C13.9381 3.38813 13.5732 3.63927 13.2996 3.98174C13.026 4.3242 12.798 4.78082 12.6384 5.2831C12.4788 5.78539 12.4104 6.42466 12.4104 7.15525V8.84475C12.4104 9.57534 12.5016 10.1918 12.6612 10.7169C12.8208 11.242 13.0488 11.6758 13.3452 12.0183C13.6416 12.3607 13.9837 12.6119 14.3941 12.7717C14.8045 12.9315 15.2377 13 15.7394 13C16.241 13 16.697 12.9315 17.0846 12.7717C17.4723 12.6119 17.8371 12.3607 18.1107 12.0183C18.3843 11.6758 18.6123 11.2192 18.7719 10.7169ZM7.30293 12.8626H9.24104V3.11373H9.03583L5 4.55209V6.12743L7.30293 5.41967V12.8626ZM17.062 6.88113C17.062 6.44734 17.0392 6.08204 16.9708 5.78524C16.9024 5.48844 16.8112 5.26013 16.6972 5.07748C16.5832 4.89483 16.4464 4.75784 16.264 4.68935C16.0815 4.62086 15.8991 4.5752 15.6939 4.5752C15.4887 4.5752 15.2835 4.62086 15.1239 4.68935C14.9643 4.75784 14.8047 4.89483 14.6907 5.07748C14.5767 5.26013 14.4855 5.48844 14.4171 5.78524C14.3486 6.08204 14.3258 6.44734 14.3258 6.88113V9.09574C14.3258 9.52953 14.3486 9.89483 14.4171 10.1916C14.4855 10.4884 14.5767 10.7396 14.6907 10.9222C14.8047 11.1049 14.9415 11.2419 15.1239 11.3104C15.3063 11.3788 15.4887 11.4245 15.6939 11.4245C15.8991 11.4245 16.1043 11.3788 16.264 11.3104C16.4236 11.2419 16.5832 11.1049 16.6972 10.9222C16.8112 10.7396 16.9024 10.4884 16.948 10.1916C16.9936 9.89483 17.0392 9.52953 17.0392 9.09574V6.88113H17.062ZM16.0001 21L11.6287 18L16.0001 15V21ZM11.3714 21L7 18L11.3714 15V21Z"})}))})),v=r(17573),g=r(1353);function P(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){P(e,t,r[t])}))}return e}var C=n.memo((function(e){return(0,u.jsx)(g.h,w({"data-testid":"audio-player-forward","aria-label":"Fast forward 10 seconds",size:v.q.Medium},e,{children:(0,u.jsx)(m,{})}))})),x=n.memo((function(e){return(0,u.jsx)(g.h,w({"data-testid":"audio-player-backward","aria-label":"Rewind 10 seconds",size:v.q.Medium},e,{children:(0,u.jsx)(k,{})}))})),j=r(25773),S=r(24400),O=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M8 5v14l11-7z"}))}));O.displayName="PlayArrow";var T=r(25410);O.displayName="IconFilledPlayArrow";var I=(0,T.v)(O),B=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}));B.displayName="Pause";B.displayName="IconFilledPause";var z=(0,T.v)(B),M=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M6 6h12v12H6z"}))}));M.displayName="Stop";M.displayName="IconFilledStop";var A=(0,T.v)(M);function E(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function V(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function N(){var e,t,r=(e=["\n ","\n"],t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return N=function(){return r},r}var Z=(0,p.Z)(g.h)(N(),(function(e){return e.hide&&"opacity: 0; pointer-events: none;"})),L=n.memo((function(e){var t=e.playing,r=e.canPause,n=V(e,["playing","canPause"]),o=(0,u.jsx)(I,{}),a="Play",i=!1;return t&&(i=!0,r?(o=(0,u.jsx)(z,{}),a="Pause"):(o=(0,u.jsx)(A,{}),a="Stop")),(0,u.jsx)(g.h,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){E(e,t,r[t])}))}return e}({"data-testid":"audio-player-play-button","aria-pressed":i,"aria-label":a,size:v.q.Large},n,{children:o}))})),D=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"}))}));D.displayName="SkipNext";D.displayName="IconFilledSkipNext";var R=(0,T.v)(D),Q=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M6 6h2v12H6zm3.5 6l8.5 6V6z"}))}));Q.displayName="SkipPrevious";Q.displayName="IconFilledSkipPrevious";var H=(0,T.v)(Q);function F(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){F(e,t,r[t])}))}return e}var U=n.memo((function(e){return(0,u.jsx)(Z,_({"data-testid":"audio-player-skip-next","aria-label":"Skip next",size:v.q.Medium,hide:!0},e,{children:(0,u.jsx)(R,{})}))})),W=n.memo((function(e){return(0,u.jsx)(Z,_({"data-testid":"audio-player-skip-previous","aria-label":"Skip previous",size:v.q.Medium,hide:!0},e,{children:(0,u.jsx)(H,{})}))})),q=r(52453),X=r(45268),G=r(42545),K=r(91231),$=r(59603);function J(){var e,t,r=(e=["\n min-width: 100%;\n"],t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return J=function(){return r},r}var Y=(0,p.Z)(q.K)(J()),ee=n.memo((function(e){var t=e.onNextTrack,r=e.disableNextTrack,n=e.onPreviousTrack,o=e.disablePreviousTrack,a=e.showControls,i=e.playing,l=e.loading,s=e.live,c=e.onClickBackward,d=e.onClickForward,p=e.togglePlay,f=e.overrides;return(0,u.jsx)(q.K,{flow:X.Z.HorizontalCenter,stackDistribution:X.w.Center,flexGrow:!0,children:(0,u.jsxs)(Y,{flow:X.Z.HorizontalCenter,spaceInline:(0,$.L)({theme:(0,K.Fg)(),overrides:f},"audioPlayer.controls","","space"),stackDistribution:s?X.w.Center:X.w.Start,children:[(0,u.jsx)(G.s,{order:3,children:(0,u.jsx)(L,{canPause:a,playing:i,onClick:p,overrides:f&&f.playPauseButton,loading:l})}),(0,u.jsx)(G.s,{order:2,children:a&&c&&(0,u.jsx)(x,{onClick:c,overrides:f&&f.replayButton})}),(0,u.jsx)(G.s,{order:3,children:a&&d&&(0,u.jsx)(C,{onClick:d,overrides:f&&f.forwardButton})}),(0,u.jsx)(G.s,{order:1,children:a&&(0,u.jsx)(W,{onClick:n,disabled:o\|\|!n,overrides:f&&f.previousButton,hide:!n})}),(0,u.jsx)(G.s,{order:3,children:a&&(0,u.jsx)(U,{onClick:t,disabled:r\|\|!t,overrides:f&&f.nextButton,hide:!t})})]})})})),te=r(94101);function re(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ne(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var oe=n.memo((function(e){var t=e.href,r=e.onClick,n=ne(e,["href","onClick"]);return(0,u.jsx)(g.h,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){re(e,t,r[t])}))}return e}({},n,{size:v.q.Medium,"data-testid":"audio-player-popout","aria-label":"Open popout player",onClick:t\|\|r?function(){t&&window.open(t,"","width=380,height=665"),r&&r(e)}:void 0,children:(0,u.jsx)(te.C,{overrides:{size:"iconSize020"}})}))})),ae=r(91877),ie=r(54381),le=r(824),se=r(41792);function ce(e,t){return t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function ue(){var e=ce(["\n box-sizing: border-box;\n"]);return ue=function(){return e},e}function de(){var e=ce(["\n width: 100%;\n ",";\n"]);return de=function(){return e},e}function pe(){var e=ce(["\n box-sizing: border-box;\n width: calc(\n 184px + ","\n );\n padding: 0\n ",";\n"]);return pe=function(){return e},e}var fe=(0,p.Z)(ie.r)(ue()),be=p.Z.section(de(),(0,se.k7)("audioPlayer")),ye=(0,p.Z)(le._)(pe(),(function(e){var t=e.theme,r=e.playerTrackSize;return"".concat(t.sizing[r])}),(function(e){var t=e.theme,r=e.playerTrackSize;return"calc(".concat(t.sizing[r]," / 2)")})),me=r(85309),he=r(61045);function ke(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ve(e){return function(e){if(Array.isArray(e))return ke(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|function(e,t){if(!e)return;if("string"===typeof e)return ke(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return ke(e,t)}(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var ge,Pe=[11,8],we=[14,5],Ce=function(e){var t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e,n=Math.max(e,r)>=3600?Pe:we;return(t=new Date(1e3e).toISOString()).substr.apply(t,ve(n))},xe=function(e,t){var r=t/e100;return r>0&&r<=25?"0-25":r>25&&r<=50?"26-50":r>50&&r<=75?"51-75":"76-100"},je=function(e){var t=new Date(1e3e[0]).toISOString().substr(11,8).split(":").map((function(e){return+e<10?(+e).toString():e})),r="0"!==t[0]?"".concat(t[0]," ").concat("1"===t[0]?"hour":"hours"):"";return[r,r\|\|"0"!==t[1]?"".concat(t[1]," ").concat("1"===t[1]?"minute":"minutes"):"","".concat(t[2]," ").concat("1"===t[2]?"second":"seconds")].filter(Boolean).join(" ")},Se=r(90706),Oe=r(40753),Te=r(6256),Ie=r(1554);!function(e){e.Play="onPlay",e.Pause="onPause",e.Waiting="onWaiting",e.CanPlay="onCanPlay",e.Ended="onEnded",e.VolumeChange="onVolumeChange",e.DurationChange="onDurationChange",e.TimeUpdate="onTimeUpdate",e.Progress="onProgress"}(ge\|\|(ge={}));var Be=r(90871),ze=r(32754),Me=function(e,t){return String(e/t*100)};function Ae(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function Ee(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t\|\|a.length!==t);i=!0);}catch(s){l=!0,o=s}finally{try{i\|\|null==r.return\|\|r.return()}finally{if(l)throw o}}return a}}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return Ae(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return Ae(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ve="5.4.3";function Ne(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function Ze(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Le(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){Ze(e,t,r[t])}))}return e}function De(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t\|\|a.length!==t);i=!0);}catch(s){l=!0,o=s}finally{try{i\|\|null==r.return\|\|r.return()}finally{if(l)throw o}}return a}}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return Ne(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return Ne(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Re=function(e){var t,r=e.onPreviousTrack,o=e.onNextTrack,a=e.autoPlay,i=e.disablePreviousTrack,l=e.src,s=e.live,c=e.duration,u=e.loading,d=e.playing,p=e.showLoaderTimeoutRef,f=e.trackPositionRef,b=e.audioRef,y=e.setLoading,m=e.setTrackPosition,h=e.setPlayState,k=e.setVolume,v=e.setDuration,g=e.setDisplayDuration,P=e.setBuffered,w=e.setIsPrevTrackBtnDisabled,C=(0,Be.IO)().fireEvent,x=(0,n.useCallback)((function(e){var t=b.current;t&&e(t)}),[b]),j=(0,n.useCallback)((function(){var e={media_player:"newskit-audio-player-".concat(Ve),media_type:"audio"};return s?e:Le({},e,{media_duration:Ce(c),media_milestone:Me(f.current,c),media_segment:xe(c,f.current),media_offset:Ce(f.current)})}),[c,s,f]),S=(0,n.useCallback)((function(e,t,r){return{originator:e,trigger:t,context:Le({},j(),r)}}),[j]),O=(0,n.useCallback)((function(){clearTimeout(p.current),p.current=window.setTimeout((function(){return y(!0)}),700)}),[y,p]),T=(0,n.useCallback)((function(){clearTimeout(p.current),y(!1)}),[y,p]),I=(0,n.useCallback)((function(e){var t=function(e,t){var r=Ee(t,2),n=r[0],o=r[1];return Math.max(n,Math.min(o,e))}(e,[0,c]);m([t]),x((function(e){e.currentTime=t}))}),[c,m,x]),B=(0,n.useCallback)((function(e){window.localStorage.setItem("newskit-audioplayer-volume",e.toString()),k(e),x((function(t){t.volume=e}))}),[x,k]),z=(0,n.useCallback)((function(){f.current>5?I(0):r&&r()}),[f,r,I]),M=(0,n.useCallback)((function(){o&&o()}),[o]),A=(0,n.useCallback)((function(){I(f.current-10);var e=S("audio-player-skip-backward",ze.u.Click,{event_navigation_name:"backward skip"});C(e)}),[C,S,I,f]),E=(0,n.useCallback)((function(){I(f.current+10);var e=S("audio-player-skip-forward",ze.u.Click,{event_navigation_name:"forward skip"});C(e)}),[C,S,I,f]),V=(0,n.useCallback)((function(e){var t=e.target;v(t.duration),g(t.duration),P(t.buffered)}),[P,v,g]),N=(0,n.useCallback)((function(){x((function(e){h(!0),e.play()}))}),[x,h]),Z=(0,n.useCallback)((function(){a&&C(S("audio-player-audio",ze.u.Start)),d\|\|(N(),C(S("audio-player-play-button",ze.u.Click)))}),[a,C,d,S,N]),L=(0,n.useCallback)((function(){x((function(e){h(!1),e.pause()}))}),[x,h]),D=(0,n.useCallback)((function(){d&&(L(),C(S(s?"audio-player-stop-button":"audio-player-pause-button",ze.u.Click)))}),[d,L,C,s,S]),R=(0,n.useCallback)((function(){u\|\|(d?D():Z())}),[u,d,D,Z]),Q=(0,n.useCallback)((function(e){var t=e.target;B(t.volume)}),[B]),H=(0,n.useCallback)((function(e){var t=De(e,1)[0];I(t)}),[I]),F=(0,n.useCallback)((function(e){B(e)}),[B]),_=(0,n.useCallback)((function(){var e=S("audio-complete",ze.u.End);C(e)}),[S,C]);return(0,n.useEffect)((function(){return x((function(e){e.load(),O(),a\|\|(d?e.play():e.pause())})),function(){clearTimeout(p.current)}}),[l]),(0,n.useEffect)((function(){var e=parseFloat(window.localStorage.getItem("newskit-audioplayer-volume")\|\|"");B(Number.isNaN(e)?.7:e)}),[]),{audioEvents:(t={},Ze(t,ge.Play,Z),Ze(t,ge.Pause,D),Ze(t,ge.Waiting,O),Ze(t,ge.CanPlay,T),Ze(t,ge.Ended,_),Ze(t,ge.VolumeChange,Q),Ze(t,ge.DurationChange,V),Ze(t,ge.TimeUpdate,(function(e){var t=e.target,r=Math.floor(t.currentTime);if(f.current!==r){m([r]);var n=S("audio-player-audio",ze.u.Pulse);C(n)}f.current>5?w(!1):w(Boolean(i))})),Ze(t,ge.Progress,(function(e){var t=e.target;P(t.buffered)})),t),onClickPrevious:z,onClickNext:M,onClickBackward:A,onClickForward:E,onPopoutClick:function(){L(),C(S("audio-player-popout",ze.u.Click))},togglePlay:R,onChangeSlider:H,onChangeVolumeSlider:F}},Qe=r(79314),He=r(70707),Fe=r(32377),_e=r(13331);function Ue(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function We(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function qe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){We(e,t,r[t])}))}return e}function Xe(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Ge(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t\|\|a.length!==t);i=!0);}catch(s){l=!0,o=s}finally{try{i\|\|null==r.return\|\|r.return()}finally{if(l)throw o}}return a}}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return Ue(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return Ue(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ke=(0,r(79866).z)((function(e){var t=e.onNextTrack,r=e.disableNextTrack,o=e.onPreviousTrack,a=e.disablePreviousTrack,i=void 0===a?!o:a,l=e.popoutHref,s=e.overrides,c=void 0===s?{}:s,p=e.src,f=e.hidePreviousTrack,b=void 0!==f&&f,y=e.hideVolumeControl,m=void 0!==y&&y,h=e.hideSeekButtons,k=void 0!==h&&h,v=e.ariaLandmark,g=void 0===v?"audio player":v,P=e.autoPlay,w=e.children,C=e.live,x=void 0!==C&&C,j=e.captionSrc,S=Xe(e,["onNextTrack","disableNextTrack","onPreviousTrack","disablePreviousTrack","popoutHref","overrides","src","hidePreviousTrack","hideVolumeControl","hideSeekButtons","ariaLandmark","autoPlay","children","live","captionSrc"]),O=c.seekBar,T=(void 0===O?{}:O).slider,I=c.controls,B=(void 0===I?{}:I).popoutButton,z=c.volumeControl,M=Xe(c.controls,["popoutButton"]),A=(0,K.Fg)(),E=A.componentDefaults.audioPlayer,V=E.seekBar.slider,N=E.controls.popoutButton,Z=E.volumeControl,L=Xe(E.controls,["popoutButton"]),D=(0,n.useState)(0),R=D[0],Q=D[1],H=(0,n.useState)(0),F=H[0],_=H[1],U=(0,n.useState)(0),W=U[0],J=U[1],Y=(0,n.useState)([0]),te=Y[0],re=Y[1],ne=(0,n.useState)(!1),ie=ne[0],le=ne[1],se=(0,n.useState)(),ce=se[0],ue=se[1],de=(0,n.useState)(!0),pe=de[0],ke=de[1],Pe=(0,n.useState)(Boolean(i)),we=Pe[0],xe=Pe[1],Be=(0,n.useRef)(0),ze=(0,n.useRef)(0);(0,n.useEffect)((function(){var e;e=Ge(te,1),Be.current=e[0]}));var Me=(0,n.useRef)(null);(0,n.useEffect)((function(){re([0]),J(0)}),[p]);var Ae=Re({onPreviousTrack:o,onNextTrack:t,autoPlay:P,disablePreviousTrack:i,src:p,live:x,duration:F,loading:pe,playing:ie,trackPositionRef:Be,audioRef:Me,showLoaderTimeoutRef:ze,setLoading:ke,setTrackPosition:re,setPlayState:le,setVolume:Q,setDuration:_,setBuffered:ue,setDisplayDuration:J,setIsPrevTrackBtnDisabled:xe}),Ee=Ae.audioEvents,Ve=Ae.onClickPrevious,Ne=Ae.onClickNext,Ze=Ae.onClickBackward,Le=Ae.onClickForward,De=Ae.onPopoutClick,_e=Ae.togglePlay,Ue=Ae.onChangeSlider,We=Ae.onChangeVolumeSlider,Ke=function(t){return function(r){var n=e[t];n&&n(r),Ee[t](r)}},$e=(0,n.useCallback)((function(e){var t=e.props,r=e.children,n=e.isDragged,o=(0,$.L)({theme:A,overrides:c},"audioPlayer.seekBar.slider.track","seekBar.slider.track","stylePreset"),a=(0,$.L)({theme:A,overrides:c},"audioPlayer.seekBar.slider.indicator","seekBar.slider.indicator","stylePreset"),i=(0,$.L)({theme:A,overrides:c},"audioPlayer.seekBar.buffering","seekBar.buffering","stylePreset"),l=function(e,t,r,n,o){if(!o)return{colors:[],values:[]};for(var a=n[0],i=[],l=o.length,s=0;s<l;s+=1){var c=o.start(s);c>a&&i.push(c);var u=o.end(s);u>a&&i.push(u)}return{colors:[t].concat(ve(i.map((function(t,n){return n%2?e:r}))),[e]),values:[a].concat(ve(i))}}((0,Te.Pf)(A,"base","backgroundColor",o),(0,Te.Pf)(A,"base","backgroundColor",a),(0,Te.Pf)(A,"base","backgroundColor",i),te,ce),s=l.values,p=l.colors;return(0,u.jsx)(Se.ON,qe({},t,{values:te,dragged:n,onKeyDown:function(e){32===e.keyCode&&e.preventDefault()},style:{background:(0,d.getTrackBackground)({values:s,colors:p,min:0,max:Math.floor(F)})},"data-testid":"audio-slider-track",overrides:qe({},V,(0,He.so)(T)),children:r}))}),[ce,F,c,V,T,A,te]),Je=!x,Ye=Je?function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e;return 0===e?"":Ce(e,t)}(W):"",et=Je?Ce(te[0],F):"",tt=Ge((0,Fe.G)(1),1)[0];return(0,u.jsx)(be,{"aria-label":g,overrides:c,children:(0,u.jsxs)(fe,{xsMargin:"space000",xsColumnGutter:"space000",xsRowGutter:"space000",children:[(0,u.jsx)("audio",qe({ref:Me,src:p,autoPlay:P,"data-testid":"audio-element"},S,{onCanPlay:Ke(ge.CanPlay),onWaiting:Ke(ge.Waiting),onPlay:Ke(ge.Play),onPause:Ke(ge.Pause),onVolumeChange:Ke(ge.VolumeChange),onEnded:Ke(ge.Ended),onDurationChange:Ke(ge.DurationChange),onTimeUpdate:Ke(ge.TimeUpdate),onProgress:Ke(ge.Progress),children:j&&(0,u.jsx)("track",{kind:"captions",src:j})})),w&&(0,u.jsx)(he.b,{xs:12,children:w}),(0,u.jsx)(he.b,{xsOrder:2,xs:12,children:(0,u.jsxs)(q.K,{flow:X.Z.HorizontalCenter,stackDistribution:X.w.SpaceBetween,children:[(0,u.jsx)(G.s,{order:2,children:(0,u.jsx)(ee,{onNextTrack:t?Ne:void 0,disableNextTrack:r,onPreviousTrack:b?void 0:Ve,disablePreviousTrack:we,live:x,showControls:Je,loading:pe,playing:ie,onClickBackward:k?void 0:Ze,onClickForward:k?void 0:Le,togglePlay:_e,overrides:qe({},L,(0,He.so)(M))})}),(0,u.jsx)(G.s,{order:1,children:(0,u.jsx)(ye,{playerTrackSize:"sizing050",xs:!0,sm:!0,md:!0,targetDevices:[Oe.u.iPadPro,Oe.u.iPad],children:!m&&(0,u.jsx)(me.y,{volume:R,onChange:We,overrides:qe({},Z,(0,He.so)(z))})})}),(0,u.jsx)(G.s,{order:3,children:(0,u.jsx)(ye,{playerTrackSize:"sizing050",xs:!0,sm:!0,md:!0,targetDevices:[Oe.u.iPadPro,Oe.u.iPad],children:(0,u.jsx)(q.K,{flow:X.Z.VerticalRight,stackDistribution:X.w.End,children:l&&(0,u.jsx)(oe,{onClick:De,href:l,overrides:qe({},N,(0,He.so)(B))})})})})]})}),Je&&(0,u.jsxs)(he.b,{xsOrder:1,xs:12,children:[(0,u.jsx)(ae.i,{min:0,minLabel:et,max:Math.floor(F)\|\|1,maxLabel:Ye,values:te,step:1,ariaLabel:"seek bar",ariaValueText:"Playback time: ".concat(je(te)," of ").concat(je([F])),onChange:Ue,renderTrack:$e,labelPosition:Ie.h.After,dataTestId:"audio-slider",ariaDescribedBy:tt,overrides:qe({},V,(0,He.so)(T))}),(0,u.jsx)(Qe.u,{id:tt,"aria-hidden":"true",children:"Use the arrow keys to fast forward or rewind"})]})]})})}))({defaults:_e.default,stylePresets:{audioPlayerSeekBarTrack:{base:{backgroundColor:"{{colors.interface020}}",borderRadius:"{{borders.borderRadiusPill}}"}},audioPlayerSeekBarIndicator:{base:{backgroundColor:"{{colors.interactivePrimary030}}",borderRadius:"{{borders.borderRadiusPill}}"}},audioPlayerSeekBarBuffering:{base:{backgroundColor:"{{colors.interface030}}",borderRadius:"{{borders.borderRadiusPill}}"}},audioPlayerThumb:{base:{boxShadow:"{{shadows.shadow010}}",borderStyle:"solid",borderWidth:"{{borders.borderWidth010}}",borderRadius:"{{borders.borderRadiusCircle}}",iconColor:"{{colors.inkNonEssential}}",backgroundColor:"{{colors.interactivePrimary030}}",borderColor:"{{colors.interfaceBackground}}"},hover:{backgroundColor:"{{colors.interactivePrimary040}}"},active:{backgroundColor:"{{colors.interactivePrimary050}}",iconColor:"{{colors.inkSubtle}}"}}}}),$e=r(40990),Je=r(33968);function Ye(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var et={},tt=i.Z;function rt(e){var t=e.components,r=Ye(e,["components"]);return(0,o.kt)(tt,Object.assign({},et,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",null,"Audio Player"),(0,o.kt)("h2",null,"Overview"),(0,o.kt)("p",null,"The Audio Player component is a collection of custom features and elements built around the native ",(0,o.kt)("inlineCode",{parentName:"p"},"<audio>")," element."),(0,o.kt)("h3",null,"Usage"),(0,o.kt)("p",null,"The Audio Player requires a source stream to be passed in as a prop. This will then be loaded into the internal ",(0,o.kt)("inlineCode",{parentName:"p"},"<audio>")," element for playback."),(0,o.kt)("h2",null,"Props"),(0,o.kt)($e.g,{marginTop:"sizing050",mdxType:"Block"},(0,o.kt)(s.ZP,{name:"src",type:"string",required:!0,mdxType:"Prop"},"URL of the audio source to be played."),(0,o.kt)(s.ZP,{name:"live",type:"boolean",mdxType:"Prop"},"If true will display the controls for live player."),(0,o.kt)(s.ZP,{name:"autoplay",type:"boolean",mdxType:"Prop"},(0,o.kt)("div",null,"Even though the feature is supported in most browser but the browser will only follow this setting if:"),(0,o.kt)("ul",null,(0,o.kt)("li",null,"you are on a desktop browser. it will not work on mobile browsers to prevent users from eating into their mobile data allowance"),(0,o.kt)("li",null,"it can't happen on page load, the user has to interact with the site for it to work: navigating inside an SPA seems to satisfy the browser as there was no page refresh.")),(0,o.kt)("div",null,"In Summary autoplay will work in some scenarios, this is expected. It's best thought of as a suggestion for the browser: play the audio automatically if it's acceptable from a usability perspective")),(0,o.kt)(s.ZP,{name:"captionSrc",type:"string",mdxType:"Prop"},"Source for audio transcription generally provided in"," ",(0,o.kt)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API"},"web vtt format"),"."),(0,o.kt)(s.ZP,{name:"onPreviousTrack",type:"function",mdxType:"Prop"},"This function defines the callback of the previous track button for the first 5 secodns of the track. If onPreviousTrack is not provided, the previous track button will be disabled for the first 5 seconds of the track."," ",(0,o.kt)("b",null,"After the first 5 seconds the button's functionality is overridden to go to the start of the track.")),(0,o.kt)(s.ZP,{name:"hidePreviousTrack",type:"boolean",mdxType:"Prop"},"Will hide the previous track button."),(0,o.kt)(s.ZP,{name:"onNextTrack",type:"function",mdxType:"Prop"},"Will display the next track button, provided function is executed on click."),(0,o.kt)(s.ZP,{name:"disableNextTrack",type:"boolean",mdxType:"Prop"},"Disable the next track button."),(0,o.kt)(s.ZP,{name:"disablePreviousTrack",type:"boolean",mdxType:"Prop"},"Disable the previous track button."),(0,o.kt)(s.ZP,{name:"hideVolumeControl",type:"boolean",mdxType:"Prop"},"If provided it hides the volumne control."),(0,o.kt)(s.ZP,{name:" hideSeekButtons",type:"boolean",mdxType:"Prop"},"If provided it hides the seek buttons."),(0,o.kt)(s.ZP,{name:"popoutHref",type:"string",mdxType:"Prop"},"Url to player hosted by itself on page. Will open in a new window and pause current instance."),(0,o.kt)(s.ZP,{name:"ariaLandmark",type:"string",default:"audio-player",mdxType:"Prop"},'The aria-label attribute for the audio player. It is recommended that you set this for screen readers to be able to explain the audio player purpose. If left undefined it is simply set to "audio-player". ariaLandmark should be unique, so the same value should not appear on the same page more than once.'),(0,o.kt)(s.ZP,{name:"overrides",type:"object",mdxType:"Prop"},(0,o.kt)(s.ZP,{name:"seekBar",type:"object",mdxType:"Prop"},(0,o.kt)(s.ZP,{name:"slider",type:"SliderOverrideProps",mdxType:"Prop"},"If provided overrides the styles of the seek bar slider. The slider overrides structure can be found in the"," ",(0,o.kt)("a",{href:"/components/slider"},"slider documentation page"),". If player is in live mode, the seek bar slider is not shown and this override is ignored."),(0,o.kt)(s.ZP,{name:"buffering",type:"object",mdxType:"Prop"},(0,o.kt)(s.ZP,{name:"stylePreset",type:"MQ<string>",mdxType:"Prop"},"Overrides the stylePreset of the buffering section of the seek bar. If player is in live mode, the seek bar slider is not shown and this override is ignored."))),(0,o.kt)(s.ZP,{name:"controls",type:"ControlsOverrideProps",mdxType:"Prop"},(0,o.kt)("div",null,"This prop is an object containing the following optional button style presets."),(0,o.kt)(s.ZP,{name:"space",type:"MQ<string>",mdxType:"Prop"},"Sets the space between the control buttons."),(0,o.kt)(s.ZP,{name:"previousButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for previous track button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"replayButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for skip replay button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"playPauseButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for play / pause button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"forwardButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for skip forward button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"nextButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for next track button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"popoutButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for popout button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),".")),(0,o.kt)(s.ZP,{name:"volumeControl",type:"VolumeControlOverrideProps",mdxType:"Prop"},"If provided overrides the styles of the slider that builds the VolumeControl. The volume control overrides structure can be found in the "," ",(0,o.kt)("a",{href:"/components/volume-control"},"volume control documentation page"),"."),(0,o.kt)(Je.XJ,{mdxType:"CommonLogicalPropsMDX"}),(0,o.kt)(c.ws,{componentName:"audioPlayer",mdxType:"CodeFromDefaultPresets"}))),(0,o.kt)("h2",null,"Playground - Live Player"),(0,o.kt)(l.ZP,{componentName:"AudioPlayer",component:function(e){return(0,o.kt)(Ke,Object.assign({},e,{live:!0,mdxType:"AudioPlayer"}))},knobs:[{name:"Source",propName:"src",value:"https://radio.talkradio.co.uk/stream"},{name:"Auto Play",propName:"autoPlay",type:"boolean",value:!1},{name:"captionSrc",propName:"captionSrc",value:""},{name:"ariaLandmark",propName:"ariaLandmark",value:"live audio player"}],mdxType:"Playground"}),(0,o.kt)("h2",null,"Playground - Recorded Player"),(0,o.kt)(l.ZP,{componentName:"AudioPlayer",component:Ke,knobs:[{name:"Source",propName:"src",value:"https://extras.thetimes.co.uk/web/public/2018/world-cup-alexa-breifing/assets/latest-briefing.mp3"},{name:"Auto Play",propName:"autoPlay",type:"boolean",value:!1},{name:"Caption Src",propName:"captionSrc",value:""},{name:"ariaLandmark",propName:"ariaLandmark",value:"recorded audio player"},{name:"Disable Previous Track",propName:"disablePreviousTrack",type:"boolean",value:!0},{name:"Disable Next Track",propName:"disableNextTrack",type:"boolean",value:!1},{name:"Skip Next Track",propName:"onNextTrack",value:function(){}},{name:"Skip Previous Track",propName:"onPreviousTrack",value:function(){}},{name:"Popout",propName:"popoutHref",value:"https://newskit.co.uk"}],mdxType:"Playground"}),(0,o.kt)("h2",null,"Rationale"),(0,o.kt)("h3",null,"Styling"),(0,o.kt)("p",null,"The Audio Player's internal components can be styled as required."),(0,o.kt)("h3",null,"Accessibility"),(0,o.kt)("p",null,"The controls of the Audio Player are fully accessible with the keyboard."),(0,o.kt)(a.Z,{title:"Audio Player",mdxType:"PageTitle"}))}rt.isMDXComponent=!0}},function(e){e.O(0,[22122,827,61519,43660,51863,93673,49774,92888,40179],(function(){return t=64881,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
1	+ (self.webpackChunk_N_E=self.webpackChunk_N_E\|\|[]).push([[65424,13331,47299],{64881:function(e,t,r){(window.__NEXT_P=window.__NEXT_P\|\|[]).push(["/components/audio-player",function(){return r(95831)}])},33968:function(e,t,r){"use strict";r.d(t,{XJ:function(){return b},dU:function(){return d},vY:function(){return u}});var n=r(24246),o=(r(27378),r(9302));function a(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function s(e){return function(e){if(Array.isArray(e))return a(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|function(e,t){if(!e)return;if("string"===typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return a(e,t)}(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var c=[{attribute:"marginInline",type:"MQ<string>",description:"It can take one space token to specify the logical inline start and end margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginInlineStart",type:"MQ<string>",description:"It can take one space token to specify the logical inline start margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginInlineEnd",type:"MQ<string>",description:"It can take one space token to specify the logical inline end margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginBlock",type:"MQ<string>",description:"It can take one space token to specify the logical block start and end margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginBlockStart",type:"MQ<string>",description:"It can take one space token to specify the logical block start margin of the container. This space token can also be used on breakpoints. "},{attribute:"marginBlockEnd",type:"MQ<string>",description:"It can take one space token to specify the logical block end margin of the container. This space token can also be used on breakpoints. "}],u=[{attribute:"paddingInline",type:"MQ<string>",description:"It can take one space token to specify the logical inline start and end padding of the container. This space token can also be used on breakpoints.\t"},{attribute:"paddingInlineStart",type:"MQ<string>",description:"It can take one space token to specify the logical inline start padding of the container. This space token can also be used on breakpoints. "},{attribute:"paddingInlineEnd",type:"MQ<string>",description:"It can take one space token to specify the logical inline end padding of the container. This space token can also be used on breakpoints. "},{attribute:"paddingBlock",type:"MQ<string>",description:"It can take one space token to specify the logical block start and end padding of the container. This space token can also be used on breakpoints. "},{attribute:"paddingBlockStart",type:"MQ<string>",description:"It can take one space token to specify the logical block start padding of the container. This space token can also be used on breakpoints. "},{attribute:"paddingBlockEnd",type:"MQ<string>",description:"It can take one space token to specify the logical block end padding of the container. This space token can also be used on breakpoints. "}],d=function(e){var t=s(c).concat(s(u)),r=t.map((function(e){return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({name:e.attribute},l(e,["attribute"]))}));return"propsRow"===e?r:t},p=function(e){var t=e.nested,r=void 0!==t&&t;return(0,n.jsxs)(o.PQ,{nested:r,children:[(0,n.jsx)(o.fI,{name:"marginInline",type:"MQ<string>",children:"It can take one space token to specify the logical inline start and end margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginInlineStart",type:"MQ<string>",children:"It can take one space token to specify the logical inline start margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginInlineEnd",type:"MQ<string>",children:"It can take one space token to specify the logical inline end margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginBlock",type:"MQ<string>",children:"It can take one space token to specify the logical block start and end margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginBlockStart",type:"MQ<string>",children:"It can take one space token to specify the logical block start margin of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"marginBlockEnd",type:"MQ<string>",children:"It can take one space token to specify the logical block end margin of the container. This space token can also be used on breakpoints."})]})},f=function(e){var t=e.nested,r=void 0!==t&&t;return(0,n.jsxs)(o.PQ,{nested:r,children:[(0,n.jsx)(o.fI,{name:"paddingInline",type:"MQ<string>",children:"It can take one space token to specify the logical inline start and end padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingInlineStart",type:"MQ<string>",children:"It can take one space token to specify the logical inline start padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingInlineEnd",type:"MQ<string>",children:"It can take one space token to specify the logical inline end padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingBlock",type:"MQ<string>",children:"It can take one space token to specify the logical block start and end padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingBlockStart",type:"MQ<string>",children:"It can take one space token to specify the logical block start padding of the container. This space token can also be used on breakpoints."}),(0,n.jsx)(o.fI,{name:"paddingBlockEnd",type:"MQ<string>",children:"It can take one space token to specify the logical block end padding of the container. This space token can also be used on breakpoints."})]})},b=function(e){var t=e.nested,r=void 0!==t&&t;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(f,{nested:r}),(0,n.jsx)(p,{nested:r})]})}},13331:function(e,t,r){"use strict";r.r(t),t.default={audioPlayer:{seekBar:{slider:{track:{stylePreset:"audioPlayerSeekBarTrack",size:"sizing020"},indicator:{stylePreset:"audioPlayerSeekBarIndicator"},thumb:{stylePreset:"audioPlayerThumb",size:"sizing040"},thumbLabel:{stylePreset:"audioPlayerLabels"},labels:{stylePreset:"audioPlayerLabels",typographyPreset:"utilityLabel020"}},buffering:{stylePreset:"audioPlayerSeekBarBuffering"}},controls:{space:"space030",previousButton:{stylePreset:"iconButtonMinimalPrimary"},replayButton:{stylePreset:"iconButtonMinimalPrimary"},playPauseButton:{stylePreset:"iconButtonSolidPrimary"},forwardButton:{stylePreset:"iconButtonMinimalPrimary"},nextButton:{stylePreset:"iconButtonMinimalPrimary"},popoutButton:{stylePreset:"iconButtonMinimalPrimary"}},volumeControl:{slider:{track:{stylePreset:"volumeControlTrack",size:"sizing010"},indicator:{stylePreset:"volumeControlIndicator"},thumb:{stylePreset:"audioPlayerThumb",size:"sizing040"},thumbLabel:{stylePreset:"volumeControlLabels"},labels:{stylePreset:"iconButtonMinimalPrimary"}}}}}},43945:function(e,t,r){"use strict";r.d(t,{J:function(){return a}});var n=r(36714),o=r(25410),a=function(e,t,r){return t.displayName=e,r?(0,n.F)((0,o.v)(t),{overrides:r}):(0,o.v)(t)}},79314:function(e,t,r){"use strict";r.d(t,{u:function(){return l}});var n=r(24246);r(27378);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(){var e,t,r=(e=["\n display: block;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n"],t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return a=function(){return r},r}var i=r(60958).Z.span(a()),l=function(e){return(0,n.jsx)(i,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({},e))}},32377:function(e,t,r){"use strict";r.d(t,{G:function(){return a}});var n=r(27378),o=r(44485),a=function(e){var t=(0,n.useState)([]),r=t[0],a=t[1];return(0,n.useEffect)((function(){for(var t=[],r=0;r<e;r+=1)t.push((0,o.N)());a(t)}),[e]),r}},47299:function(e,t,r){"use strict";r.r(t),t.default={volumeControl:{slider:{track:{stylePreset:"volumeControlTrack"},indicator:{stylePreset:"volumeControlIndicator"},thumb:{stylePreset:"volumeControlThumb"}},button:{stylePreset:"iconButtonMinimalPrimary",iconSize:"iconSize020",size:"small"}}}},85309:function(e,t,r){"use strict";r.d(t,{y:function(){return S}});var n=r(24246),o=r(27378),a=r(1353),i=r(91877),l=r(25773),s=r(24400),c=o.forwardRef((function(e,t){return o.createElement(s.D,(0,l.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),o.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),o.createElement("path",{d:"M16.5 12A4.5 4.5 0 0014 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"}))}));c.displayName="VolumeOff";var u=r(25410);c.displayName="IconFilledVolumeOff";var d=(0,u.v)(c),p=o.forwardRef((function(e,t){return o.createElement(s.D,(0,l.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),o.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),o.createElement("path",{d:"M18.5 12A4.5 4.5 0 0016 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"}))}));p.displayName="VolumeDown";p.displayName="IconFilledVolumeDown";var f=(0,u.v)(p),b=o.forwardRef((function(e,t){return o.createElement(s.D,(0,l.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),o.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),o.createElement("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"}))}));b.displayName="VolumeUp";b.displayName="IconFilledVolumeUp";var y=(0,u.v)(b),m=r(91231),h=r(79314),k=r(32377),v=r(59603),g=r(47299),P=r(79866);function w(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function C(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t\|\|a.length!==t);i=!0);}catch(s){l=!0,o=s}finally{try{i\|\|null==r.return\|\|r.return()}finally{if(l)throw o}}return a}}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return w(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return w(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var x=function(e,t,r){return r(0===e?t\|\|1:0)},j=function(e){var t=e.volume,r=e.unMutedVolume,o=e.onChange,i=e.volumeControlButtonStylePreset,l=e.iconSize,s=e.size;return(0,n.jsx)(a.h,{"data-testid":"mute-button","aria-label":0===t?"Unmute":"Mute",tabIndex:-1,onClick:function(){return x(t,r,o)},size:s,overrides:{stylePreset:i,iconSize:l},children:0===t?(0,n.jsx)(d,{}):(0,n.jsx)(f,{})})},S=(0,P.z)((function(e){var t=e.volume,r=e.vertical,l=e.onChange,s=e.overrides,c=void 0===s?{}:s,u=(0,m.Fg)(),d=(0,o.useState)(t),p=d[0],f=d[1],b=C((0,k.G)(1),1)[0],g=function(e,t){var r=function(r,n){return(0,v.L)({theme:e,overrides:t},"volumeControl.".concat(r),r,n)};return{sliderTrackStylePreset:r("slider.track","stylePreset"),trackSize:r("slider.track","size"),sliderIndicatorTrackStylePreset:r("slider.indicator","stylePreset"),sliderThumbStylePreset:r("slider.thumb","stylePreset"),thumbSize:r("slider.thumb","size"),sliderThumbLabelStylePreset:r("slider.thumbLabel","stylePreset"),volumeControlButtonStylePreset:r("button","stylePreset"),iconSize:r("button","iconSize"),buttonSize:r("button","size")}}(u,c),P=g.sliderTrackStylePreset,w=g.trackSize,S=g.sliderIndicatorTrackStylePreset,O=g.sliderThumbStylePreset,T=g.thumbSize,I=g.sliderThumbLabelStylePreset,B=g.volumeControlButtonStylePreset,z=g.iconSize,M=g.buttonSize;p!==t&&t>0&&f(t);var A=(0,o.useMemo)((function(){return[t]}),[t]),E=(0,o.useCallback)((function(e){var t=C(e,1)[0];return l(t)}),[l]),V=(0,o.useCallback)((function(){return(0,n.jsx)(j,{volume:t,unMutedVolume:p,onChange:l,volumeControlButtonStylePreset:B,iconSize:z,size:M})}),[t,p,l,B,z,M]),N=(0,o.useCallback)((function(){return(0,n.jsx)(a.h,{"data-testid":"volumeup-button","aria-label":"Volume up",tabIndex:-1,onClick:function(){return l(1)},size:M,overrides:{stylePreset:B,iconSize:z},children:(0,n.jsx)(y,{})})}),[M,z,l,B]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.i,{vertical:r,min:0,max:1,step:.1,values:A,onChange:E,ariaLabel:"Volume Control",ariaValueText:"volume level ".concat(10A[0]," of 10"),dataTestId:"volume-control",minLabel:V,maxLabel:N,onKeyDown:function(e){32!==e.keyCode&&13!==e.keyCode\|\|x(t,p,l)},ariaDescribedBy:b,overrides:{track:{stylePreset:P,size:w},indicator:{stylePreset:S},thumb:{stylePreset:O,size:T},thumbLabel:{stylePreset:I}}}),(0,n.jsx)(h.u,{id:b,"aria-hidden":"true",children:"Use the arrow keys to adjust volume"})]})}))({defaults:g.default,stylePresets:{volumeControlIndicator:{base:{backgroundColor:"{{colors.interactivePrimary030}}",borderRadius:"{{borders.borderRadiusPill}}"}},volumeControlThumb:{base:{boxShadow:"{{shadows.shadow010}}",backgroundColor:"{{colors.interactivePrimary030}}",borderStyle:"solid",borderColor:"{{colors.interactivePrimary010}}",borderWidth:"{{borders.borderWidth010}}",borderRadius:"{{borders.borderRadiusCircle}}",iconColor:"{{colors.inkNonEssential}}"},hover:{backgroundColor:"{{colors.interactivePrimary040}}",iconColor:"{{colors.inkNonEssential}}"},active:{backgroundColor:"{{colors.interactivePrimary050}}",iconColor:"{{colors.inkSubtle}}"}},volumeControlTrack:{base:{backgroundColor:"{{colors.interface030}}",borderRadius:"{{borders.borderRadiusPill}}"}}}})},95831:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return rt}});var n=r(27378),o=r(35318),a=r(81963),i=r(51863),l=r(80271),s=r(9302),c=r(99967),u=r(24246),d=r(43660),p=r(60958),f=r(59416),b=r(43945);function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var m=(0,b.J)("IconFilledForward10",(function(e){return(0,u.jsx)(f.n,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}({},e,{viewBox:"0 0 24 24",children:(0,u.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.7719 10.7169C18.9316 10.2146 19 9.57534 19 8.84475V7.15525C19 6.42466 18.9088 5.80822 18.7491 5.2831C18.5895 4.75799 18.3615 4.3242 18.0651 3.98174C17.7687 3.63927 17.4267 3.38813 17.0162 3.22831C16.6058 3.06849 16.1726 3 15.671 3C15.1693 3 14.7133 3.06849 14.3257 3.22831C13.9381 3.38813 13.5732 3.63927 13.2996 3.98174C13.026 4.3242 12.798 4.78082 12.6384 5.2831C12.4788 5.78539 12.4104 6.42466 12.4104 7.15525V8.84475C12.4104 9.57534 12.5016 10.1918 12.6612 10.7169C12.8208 11.242 13.0488 11.6758 13.3452 12.0183C13.6416 12.3607 13.9837 12.6119 14.3941 12.7717C14.8045 12.9315 15.2377 13 15.7394 13C16.241 13 16.697 12.9315 17.0846 12.7717C17.4723 12.6119 17.8371 12.3607 18.1107 12.0183C18.3843 11.6758 18.6123 11.2192 18.7719 10.7169ZM7.30293 12.8626H9.24104V3.11373H9.03583L5 4.55209V6.12743L7.30293 5.41967V12.8626ZM17.062 6.88113C17.062 6.44734 17.0392 6.08204 16.9708 5.78524C16.9024 5.48844 16.8112 5.26013 16.6972 5.07748C16.5832 4.89483 16.4464 4.75784 16.264 4.68935C16.0815 4.62086 15.8991 4.5752 15.6939 4.5752C15.4887 4.5752 15.2835 4.62086 15.1239 4.68935C14.9643 4.75784 14.8047 4.89483 14.6907 5.07748C14.5767 5.26013 14.4855 5.48844 14.4171 5.78524C14.3486 6.08204 14.3258 6.44734 14.3258 6.88113V9.09574C14.3258 9.52953 14.3486 9.89483 14.4171 10.1916C14.4855 10.4884 14.5767 10.7396 14.6907 10.9222C14.8047 11.1049 14.9415 11.2419 15.1239 11.3104C15.3063 11.3788 15.4887 11.4245 15.6939 11.4245C15.8991 11.4245 16.1043 11.3788 16.264 11.3104C16.4236 11.2419 16.5832 11.1049 16.6972 10.9222C16.8112 10.7396 16.9024 10.4884 16.948 10.1916C16.9936 9.89483 17.0392 9.52953 17.0392 9.09574V6.88113H17.062ZM12.6287 21L17.0002 18L12.6287 15V21ZM8.00007 21L12.3715 18L8.00007 15V21Z"})}))}));function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var k=(0,b.J)("IconFilledReplay10",(function(e){return(0,u.jsx)(f.n,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){h(e,t,r[t])}))}return e}({},e,{viewBox:"0 0 24 24",children:(0,u.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.7719 10.7169C18.9316 10.2146 19 9.57534 19 8.84475V7.15525C19 6.42466 18.9088 5.80822 18.7491 5.2831C18.5895 4.75799 18.3615 4.3242 18.0651 3.98174C17.7687 3.63927 17.4267 3.38813 17.0162 3.22831C16.6058 3.06849 16.1726 3 15.671 3C15.1693 3 14.7133 3.06849 14.3257 3.22831C13.9381 3.38813 13.5732 3.63927 13.2996 3.98174C13.026 4.3242 12.798 4.78082 12.6384 5.2831C12.4788 5.78539 12.4104 6.42466 12.4104 7.15525V8.84475C12.4104 9.57534 12.5016 10.1918 12.6612 10.7169C12.8208 11.242 13.0488 11.6758 13.3452 12.0183C13.6416 12.3607 13.9837 12.6119 14.3941 12.7717C14.8045 12.9315 15.2377 13 15.7394 13C16.241 13 16.697 12.9315 17.0846 12.7717C17.4723 12.6119 17.8371 12.3607 18.1107 12.0183C18.3843 11.6758 18.6123 11.2192 18.7719 10.7169ZM7.30293 12.8626H9.24104V3.11373H9.03583L5 4.55209V6.12743L7.30293 5.41967V12.8626ZM17.062 6.88113C17.062 6.44734 17.0392 6.08204 16.9708 5.78524C16.9024 5.48844 16.8112 5.26013 16.6972 5.07748C16.5832 4.89483 16.4464 4.75784 16.264 4.68935C16.0815 4.62086 15.8991 4.5752 15.6939 4.5752C15.4887 4.5752 15.2835 4.62086 15.1239 4.68935C14.9643 4.75784 14.8047 4.89483 14.6907 5.07748C14.5767 5.26013 14.4855 5.48844 14.4171 5.78524C14.3486 6.08204 14.3258 6.44734 14.3258 6.88113V9.09574C14.3258 9.52953 14.3486 9.89483 14.4171 10.1916C14.4855 10.4884 14.5767 10.7396 14.6907 10.9222C14.8047 11.1049 14.9415 11.2419 15.1239 11.3104C15.3063 11.3788 15.4887 11.4245 15.6939 11.4245C15.8991 11.4245 16.1043 11.3788 16.264 11.3104C16.4236 11.2419 16.5832 11.1049 16.6972 10.9222C16.8112 10.7396 16.9024 10.4884 16.948 10.1916C16.9936 9.89483 17.0392 9.52953 17.0392 9.09574V6.88113H17.062ZM16.0001 21L11.6287 18L16.0001 15V21ZM11.3714 21L7 18L11.3714 15V21Z"})}))})),v=r(17573),g=r(1353);function P(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){P(e,t,r[t])}))}return e}var C=n.memo((function(e){return(0,u.jsx)(g.h,w({"data-testid":"audio-player-forward","aria-label":"Fast forward 10 seconds",size:v.q.Medium},e,{children:(0,u.jsx)(m,{})}))})),x=n.memo((function(e){return(0,u.jsx)(g.h,w({"data-testid":"audio-player-backward","aria-label":"Rewind 10 seconds",size:v.q.Medium},e,{children:(0,u.jsx)(k,{})}))})),j=r(25773),S=r(24400),O=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M8 5v14l11-7z"}))}));O.displayName="PlayArrow";var T=r(25410);O.displayName="IconFilledPlayArrow";var I=(0,T.v)(O),B=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}));B.displayName="Pause";B.displayName="IconFilledPause";var z=(0,T.v)(B),M=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M6 6h12v12H6z"}))}));M.displayName="Stop";M.displayName="IconFilledStop";var A=(0,T.v)(M);function E(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function V(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function N(){var e,t,r=(e=["\n ","\n"],t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return N=function(){return r},r}var Z=(0,p.Z)(g.h)(N(),(function(e){return e.hide&&"opacity: 0; pointer-events: none;"})),L=n.memo((function(e){var t=e.playing,r=e.canPause,n=V(e,["playing","canPause"]),o=(0,u.jsx)(I,{}),a="Play",i=!1;return t&&(i=!0,r?(o=(0,u.jsx)(z,{}),a="Pause"):(o=(0,u.jsx)(A,{}),a="Stop")),(0,u.jsx)(g.h,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){E(e,t,r[t])}))}return e}({"data-testid":"audio-player-play-button","aria-pressed":i,"aria-label":a,size:v.q.Large},n,{children:o}))})),D=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"}))}));D.displayName="SkipNext";D.displayName="IconFilledSkipNext";var R=(0,T.v)(D),Q=n.forwardRef((function(e,t){return n.createElement(S.D,(0,j.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),n.createElement("path",{d:"M6 6h2v12H6zm3.5 6l8.5 6V6z"}))}));Q.displayName="SkipPrevious";Q.displayName="IconFilledSkipPrevious";var H=(0,T.v)(Q);function F(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){F(e,t,r[t])}))}return e}var U=n.memo((function(e){return(0,u.jsx)(Z,_({"data-testid":"audio-player-skip-next","aria-label":"Skip next",size:v.q.Medium,hide:!0},e,{children:(0,u.jsx)(R,{})}))})),W=n.memo((function(e){return(0,u.jsx)(Z,_({"data-testid":"audio-player-skip-previous","aria-label":"Skip previous",size:v.q.Medium,hide:!0},e,{children:(0,u.jsx)(H,{})}))})),q=r(52453),X=r(45268),G=r(42545),K=r(91231),$=r(59603);function J(){var e,t,r=(e=["\n min-width: 100%;\n"],t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return J=function(){return r},r}var Y=(0,p.Z)(q.K)(J()),ee=n.memo((function(e){var t=e.onNextTrack,r=e.disableNextTrack,n=e.onPreviousTrack,o=e.disablePreviousTrack,a=e.showControls,i=e.playing,l=e.loading,s=e.live,c=e.onClickBackward,d=e.onClickForward,p=e.togglePlay,f=e.overrides;return(0,u.jsx)(q.K,{flow:X.Z.HorizontalCenter,stackDistribution:X.w.Center,flexGrow:!0,children:(0,u.jsxs)(Y,{flow:X.Z.HorizontalCenter,spaceInline:(0,$.L)({theme:(0,K.Fg)(),overrides:f},"audioPlayer.controls","","space"),stackDistribution:s?X.w.Center:X.w.Start,children:[(0,u.jsx)(G.s,{order:3,children:(0,u.jsx)(L,{canPause:a,playing:i,onClick:p,overrides:f&&f.playPauseButton,loading:l})}),(0,u.jsx)(G.s,{order:2,children:a&&c&&(0,u.jsx)(x,{onClick:c,overrides:f&&f.replayButton})}),(0,u.jsx)(G.s,{order:3,children:a&&d&&(0,u.jsx)(C,{onClick:d,overrides:f&&f.forwardButton})}),(0,u.jsx)(G.s,{order:1,children:a&&(0,u.jsx)(W,{onClick:n,disabled:o\|\|!n,overrides:f&&f.previousButton,hide:!n})}),(0,u.jsx)(G.s,{order:3,children:a&&(0,u.jsx)(U,{onClick:t,disabled:r\|\|!t,overrides:f&&f.nextButton,hide:!t})})]})})})),te=r(94101);function re(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ne(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var oe=n.memo((function(e){var t=e.href,r=e.onClick,n=ne(e,["href","onClick"]);return(0,u.jsx)(g.h,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){re(e,t,r[t])}))}return e}({},n,{size:v.q.Medium,"data-testid":"audio-player-popout","aria-label":"Open popout player",onClick:t\|\|r?function(){t&&window.open(t,"","width=380,height=665"),r&&r(e)}:void 0,children:(0,u.jsx)(te.C,{overrides:{size:"iconSize020"}})}))})),ae=r(91877),ie=r(54381),le=r(824),se=r(41792);function ce(e,t){return t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function ue(){var e=ce(["\n box-sizing: border-box;\n"]);return ue=function(){return e},e}function de(){var e=ce(["\n width: 100%;\n ",";\n"]);return de=function(){return e},e}function pe(){var e=ce(["\n box-sizing: border-box;\n width: calc(\n 184px + ","\n );\n padding: 0\n ",";\n"]);return pe=function(){return e},e}var fe=(0,p.Z)(ie.r)(ue()),be=p.Z.section(de(),(0,se.k7)("audioPlayer")),ye=(0,p.Z)(le._)(pe(),(function(e){var t=e.theme,r=e.playerTrackSize;return"".concat(t.sizing[r])}),(function(e){var t=e.theme,r=e.playerTrackSize;return"calc(".concat(t.sizing[r]," / 2)")})),me=r(85309),he=r(61045);function ke(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ve(e){return function(e){if(Array.isArray(e))return ke(e)}(e)\|\|function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]\|\|null!=e["@@iterator"])return Array.from(e)}(e)\|\|function(e,t){if(!e)return;if("string"===typeof e)return ke(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return ke(e,t)}(e)\|\|function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var ge,Pe=[11,8],we=[14,5],Ce=function(e){var t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e,n=Math.max(e,r)>=3600?Pe:we;return(t=new Date(1e3e).toISOString()).substr.apply(t,ve(n))},xe=function(e,t){var r=t/e100;return r>0&&r<=25?"0-25":r>25&&r<=50?"26-50":r>50&&r<=75?"51-75":"76-100"},je=function(e){var t=new Date(1e3e[0]).toISOString().substr(11,8).split(":").map((function(e){return+e<10?(+e).toString():e})),r="0"!==t[0]?"".concat(t[0]," ").concat("1"===t[0]?"hour":"hours"):"";return[r,r\|\|"0"!==t[1]?"".concat(t[1]," ").concat("1"===t[1]?"minute":"minutes"):"","".concat(t[2]," ").concat("1"===t[2]?"second":"seconds")].filter(Boolean).join(" ")},Se=r(90706),Oe=r(40753),Te=r(6256),Ie=r(1554);!function(e){e.Play="onPlay",e.Pause="onPause",e.Waiting="onWaiting",e.CanPlay="onCanPlay",e.Ended="onEnded",e.VolumeChange="onVolumeChange",e.DurationChange="onDurationChange",e.TimeUpdate="onTimeUpdate",e.Progress="onProgress"}(ge\|\|(ge={}));var Be=r(90871),ze=r(32754),Me=function(e,t){return String(e/t*100)};function Ae(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function Ee(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t\|\|a.length!==t);i=!0);}catch(s){l=!0,o=s}finally{try{i\|\|null==r.return\|\|r.return()}finally{if(l)throw o}}return a}}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return Ae(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return Ae(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ve="5.4.4";function Ne(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function Ze(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Le(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){Ze(e,t,r[t])}))}return e}function De(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t\|\|a.length!==t);i=!0);}catch(s){l=!0,o=s}finally{try{i\|\|null==r.return\|\|r.return()}finally{if(l)throw o}}return a}}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return Ne(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return Ne(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Re=function(e){var t,r=e.onPreviousTrack,o=e.onNextTrack,a=e.autoPlay,i=e.disablePreviousTrack,l=e.src,s=e.live,c=e.duration,u=e.loading,d=e.playing,p=e.showLoaderTimeoutRef,f=e.trackPositionRef,b=e.audioRef,y=e.setLoading,m=e.setTrackPosition,h=e.setPlayState,k=e.setVolume,v=e.setDuration,g=e.setDisplayDuration,P=e.setBuffered,w=e.setIsPrevTrackBtnDisabled,C=(0,Be.IO)().fireEvent,x=(0,n.useCallback)((function(e){var t=b.current;t&&e(t)}),[b]),j=(0,n.useCallback)((function(){var e={media_player:"newskit-audio-player-".concat(Ve),media_type:"audio"};return s?e:Le({},e,{media_duration:Ce(c),media_milestone:Me(f.current,c),media_segment:xe(c,f.current),media_offset:Ce(f.current)})}),[c,s,f]),S=(0,n.useCallback)((function(e,t,r){return{originator:e,trigger:t,context:Le({},j(),r)}}),[j]),O=(0,n.useCallback)((function(){clearTimeout(p.current),p.current=window.setTimeout((function(){return y(!0)}),700)}),[y,p]),T=(0,n.useCallback)((function(){clearTimeout(p.current),y(!1)}),[y,p]),I=(0,n.useCallback)((function(e){var t=function(e,t){var r=Ee(t,2),n=r[0],o=r[1];return Math.max(n,Math.min(o,e))}(e,[0,c]);m([t]),x((function(e){e.currentTime=t}))}),[c,m,x]),B=(0,n.useCallback)((function(e){window.localStorage.setItem("newskit-audioplayer-volume",e.toString()),k(e),x((function(t){t.volume=e}))}),[x,k]),z=(0,n.useCallback)((function(){f.current>5?I(0):r&&r()}),[f,r,I]),M=(0,n.useCallback)((function(){o&&o()}),[o]),A=(0,n.useCallback)((function(){I(f.current-10);var e=S("audio-player-skip-backward",ze.u.Click,{event_navigation_name:"backward skip"});C(e)}),[C,S,I,f]),E=(0,n.useCallback)((function(){I(f.current+10);var e=S("audio-player-skip-forward",ze.u.Click,{event_navigation_name:"forward skip"});C(e)}),[C,S,I,f]),V=(0,n.useCallback)((function(e){var t=e.target;v(t.duration),g(t.duration),P(t.buffered)}),[P,v,g]),N=(0,n.useCallback)((function(){x((function(e){h(!0),e.play()}))}),[x,h]),Z=(0,n.useCallback)((function(){a&&C(S("audio-player-audio",ze.u.Start)),d\|\|(N(),C(S("audio-player-play-button",ze.u.Click)))}),[a,C,d,S,N]),L=(0,n.useCallback)((function(){x((function(e){h(!1),e.pause()}))}),[x,h]),D=(0,n.useCallback)((function(){d&&(L(),C(S(s?"audio-player-stop-button":"audio-player-pause-button",ze.u.Click)))}),[d,L,C,s,S]),R=(0,n.useCallback)((function(){u\|\|(d?D():Z())}),[u,d,D,Z]),Q=(0,n.useCallback)((function(e){var t=e.target;B(t.volume)}),[B]),H=(0,n.useCallback)((function(e){var t=De(e,1)[0];I(t)}),[I]),F=(0,n.useCallback)((function(e){B(e)}),[B]),_=(0,n.useCallback)((function(){var e=S("audio-complete",ze.u.End);C(e)}),[S,C]);return(0,n.useEffect)((function(){return x((function(e){e.load(),O(),a\|\|(d?e.play():e.pause())})),function(){clearTimeout(p.current)}}),[l]),(0,n.useEffect)((function(){var e=parseFloat(window.localStorage.getItem("newskit-audioplayer-volume")\|\|"");B(Number.isNaN(e)?.7:e)}),[]),{audioEvents:(t={},Ze(t,ge.Play,Z),Ze(t,ge.Pause,D),Ze(t,ge.Waiting,O),Ze(t,ge.CanPlay,T),Ze(t,ge.Ended,_),Ze(t,ge.VolumeChange,Q),Ze(t,ge.DurationChange,V),Ze(t,ge.TimeUpdate,(function(e){var t=e.target,r=Math.floor(t.currentTime);if(f.current!==r){m([r]);var n=S("audio-player-audio",ze.u.Pulse);C(n)}f.current>5?w(!1):w(Boolean(i))})),Ze(t,ge.Progress,(function(e){var t=e.target;P(t.buffered)})),t),onClickPrevious:z,onClickNext:M,onClickBackward:A,onClickForward:E,onPopoutClick:function(){L(),C(S("audio-player-popout",ze.u.Click))},togglePlay:R,onChangeSlider:H,onChangeVolumeSlider:F}},Qe=r(79314),He=r(70707),Fe=r(32377),_e=r(13331);function Ue(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function We(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function qe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){We(e,t,r[t])}))}return e}function Xe(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Ge(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t\|\|a.length!==t);i=!0);}catch(s){l=!0,o=s}finally{try{i\|\|null==r.return\|\|r.return()}finally{if(l)throw o}}return a}}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return Ue(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(r);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return Ue(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ke=(0,r(79866).z)((function(e){var t=e.onNextTrack,r=e.disableNextTrack,o=e.onPreviousTrack,a=e.disablePreviousTrack,i=void 0===a?!o:a,l=e.popoutHref,s=e.overrides,c=void 0===s?{}:s,p=e.src,f=e.hidePreviousTrack,b=void 0!==f&&f,y=e.hideVolumeControl,m=void 0!==y&&y,h=e.hideSeekButtons,k=void 0!==h&&h,v=e.ariaLandmark,g=void 0===v?"audio player":v,P=e.autoPlay,w=e.children,C=e.live,x=void 0!==C&&C,j=e.captionSrc,S=Xe(e,["onNextTrack","disableNextTrack","onPreviousTrack","disablePreviousTrack","popoutHref","overrides","src","hidePreviousTrack","hideVolumeControl","hideSeekButtons","ariaLandmark","autoPlay","children","live","captionSrc"]),O=c.seekBar,T=(void 0===O?{}:O).slider,I=c.controls,B=(void 0===I?{}:I).popoutButton,z=c.volumeControl,M=Xe(c.controls,["popoutButton"]),A=(0,K.Fg)(),E=A.componentDefaults.audioPlayer,V=E.seekBar.slider,N=E.controls.popoutButton,Z=E.volumeControl,L=Xe(E.controls,["popoutButton"]),D=(0,n.useState)(0),R=D[0],Q=D[1],H=(0,n.useState)(0),F=H[0],_=H[1],U=(0,n.useState)(0),W=U[0],J=U[1],Y=(0,n.useState)([0]),te=Y[0],re=Y[1],ne=(0,n.useState)(!1),ie=ne[0],le=ne[1],se=(0,n.useState)(),ce=se[0],ue=se[1],de=(0,n.useState)(!0),pe=de[0],ke=de[1],Pe=(0,n.useState)(Boolean(i)),we=Pe[0],xe=Pe[1],Be=(0,n.useRef)(0),ze=(0,n.useRef)(0);(0,n.useEffect)((function(){var e;e=Ge(te,1),Be.current=e[0]}));var Me=(0,n.useRef)(null);(0,n.useEffect)((function(){re([0]),J(0)}),[p]);var Ae=Re({onPreviousTrack:o,onNextTrack:t,autoPlay:P,disablePreviousTrack:i,src:p,live:x,duration:F,loading:pe,playing:ie,trackPositionRef:Be,audioRef:Me,showLoaderTimeoutRef:ze,setLoading:ke,setTrackPosition:re,setPlayState:le,setVolume:Q,setDuration:_,setBuffered:ue,setDisplayDuration:J,setIsPrevTrackBtnDisabled:xe}),Ee=Ae.audioEvents,Ve=Ae.onClickPrevious,Ne=Ae.onClickNext,Ze=Ae.onClickBackward,Le=Ae.onClickForward,De=Ae.onPopoutClick,_e=Ae.togglePlay,Ue=Ae.onChangeSlider,We=Ae.onChangeVolumeSlider,Ke=function(t){return function(r){var n=e[t];n&&n(r),Ee[t](r)}},$e=(0,n.useCallback)((function(e){var t=e.props,r=e.children,n=e.isDragged,o=(0,$.L)({theme:A,overrides:c},"audioPlayer.seekBar.slider.track","seekBar.slider.track","stylePreset"),a=(0,$.L)({theme:A,overrides:c},"audioPlayer.seekBar.slider.indicator","seekBar.slider.indicator","stylePreset"),i=(0,$.L)({theme:A,overrides:c},"audioPlayer.seekBar.buffering","seekBar.buffering","stylePreset"),l=function(e,t,r,n,o){if(!o)return{colors:[],values:[]};for(var a=n[0],i=[],l=o.length,s=0;s<l;s+=1){var c=o.start(s);c>a&&i.push(c);var u=o.end(s);u>a&&i.push(u)}return{colors:[t].concat(ve(i.map((function(t,n){return n%2?e:r}))),[e]),values:[a].concat(ve(i))}}((0,Te.Pf)(A,"base","backgroundColor",o),(0,Te.Pf)(A,"base","backgroundColor",a),(0,Te.Pf)(A,"base","backgroundColor",i),te,ce),s=l.values,p=l.colors;return(0,u.jsx)(Se.ON,qe({},t,{values:te,dragged:n,onKeyDown:function(e){32===e.keyCode&&e.preventDefault()},style:{background:(0,d.getTrackBackground)({values:s,colors:p,min:0,max:Math.floor(F)})},"data-testid":"audio-slider-track",overrides:qe({},V,(0,He.so)(T)),children:r}))}),[ce,F,c,V,T,A,te]),Je=!x,Ye=Je?function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e;return 0===e?"":Ce(e,t)}(W):"",et=Je?Ce(te[0],F):"",tt=Ge((0,Fe.G)(1),1)[0];return(0,u.jsx)(be,{"aria-label":g,overrides:c,children:(0,u.jsxs)(fe,{xsMargin:"space000",xsColumnGutter:"space000",xsRowGutter:"space000",children:[(0,u.jsx)("audio",qe({ref:Me,src:p,autoPlay:P,"data-testid":"audio-element"},S,{onCanPlay:Ke(ge.CanPlay),onWaiting:Ke(ge.Waiting),onPlay:Ke(ge.Play),onPause:Ke(ge.Pause),onVolumeChange:Ke(ge.VolumeChange),onEnded:Ke(ge.Ended),onDurationChange:Ke(ge.DurationChange),onTimeUpdate:Ke(ge.TimeUpdate),onProgress:Ke(ge.Progress),children:j&&(0,u.jsx)("track",{kind:"captions",src:j})})),w&&(0,u.jsx)(he.b,{xs:12,children:w}),(0,u.jsx)(he.b,{xsOrder:2,xs:12,children:(0,u.jsxs)(q.K,{flow:X.Z.HorizontalCenter,stackDistribution:X.w.SpaceBetween,children:[(0,u.jsx)(G.s,{order:2,children:(0,u.jsx)(ee,{onNextTrack:t?Ne:void 0,disableNextTrack:r,onPreviousTrack:b?void 0:Ve,disablePreviousTrack:we,live:x,showControls:Je,loading:pe,playing:ie,onClickBackward:k?void 0:Ze,onClickForward:k?void 0:Le,togglePlay:_e,overrides:qe({},L,(0,He.so)(M))})}),(0,u.jsx)(G.s,{order:1,children:(0,u.jsx)(ye,{playerTrackSize:"sizing050",xs:!0,sm:!0,md:!0,targetDevices:[Oe.u.iPadPro,Oe.u.iPad],children:!m&&(0,u.jsx)(me.y,{volume:R,onChange:We,overrides:qe({},Z,(0,He.so)(z))})})}),(0,u.jsx)(G.s,{order:3,children:(0,u.jsx)(ye,{playerTrackSize:"sizing050",xs:!0,sm:!0,md:!0,targetDevices:[Oe.u.iPadPro,Oe.u.iPad],children:(0,u.jsx)(q.K,{flow:X.Z.VerticalRight,stackDistribution:X.w.End,children:l&&(0,u.jsx)(oe,{onClick:De,href:l,overrides:qe({},N,(0,He.so)(B))})})})})]})}),Je&&(0,u.jsxs)(he.b,{xsOrder:1,xs:12,children:[(0,u.jsx)(ae.i,{min:0,minLabel:et,max:Math.floor(F)\|\|1,maxLabel:Ye,values:te,step:1,ariaLabel:"seek bar",ariaValueText:"Playback time: ".concat(je(te)," of ").concat(je([F])),onChange:Ue,renderTrack:$e,labelPosition:Ie.h.After,dataTestId:"audio-slider",ariaDescribedBy:tt,overrides:qe({},V,(0,He.so)(T))}),(0,u.jsx)(Qe.u,{id:tt,"aria-hidden":"true",children:"Use the arrow keys to fast forward or rewind"})]})]})})}))({defaults:_e.default,stylePresets:{audioPlayerSeekBarTrack:{base:{backgroundColor:"{{colors.interface020}}",borderRadius:"{{borders.borderRadiusPill}}"}},audioPlayerSeekBarIndicator:{base:{backgroundColor:"{{colors.interactivePrimary030}}",borderRadius:"{{borders.borderRadiusPill}}"}},audioPlayerSeekBarBuffering:{base:{backgroundColor:"{{colors.interface030}}",borderRadius:"{{borders.borderRadiusPill}}"}},audioPlayerThumb:{base:{boxShadow:"{{shadows.shadow010}}",borderStyle:"solid",borderWidth:"{{borders.borderWidth010}}",borderRadius:"{{borders.borderRadiusCircle}}",iconColor:"{{colors.inkNonEssential}}",backgroundColor:"{{colors.interactivePrimary030}}",borderColor:"{{colors.interfaceBackground}}"},hover:{backgroundColor:"{{colors.interactivePrimary040}}"},active:{backgroundColor:"{{colors.interactivePrimary050}}",iconColor:"{{colors.inkSubtle}}"}}}}),$e=r(40990),Je=r(33968);function Ye(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var et={},tt=i.Z;function rt(e){var t=e.components,r=Ye(e,["components"]);return(0,o.kt)(tt,Object.assign({},et,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",null,"Audio Player"),(0,o.kt)("h2",null,"Overview"),(0,o.kt)("p",null,"The Audio Player component is a collection of custom features and elements built around the native ",(0,o.kt)("inlineCode",{parentName:"p"},"<audio>")," element."),(0,o.kt)("h3",null,"Usage"),(0,o.kt)("p",null,"The Audio Player requires a source stream to be passed in as a prop. This will then be loaded into the internal ",(0,o.kt)("inlineCode",{parentName:"p"},"<audio>")," element for playback."),(0,o.kt)("h2",null,"Props"),(0,o.kt)($e.g,{marginTop:"sizing050",mdxType:"Block"},(0,o.kt)(s.ZP,{name:"src",type:"string",required:!0,mdxType:"Prop"},"URL of the audio source to be played."),(0,o.kt)(s.ZP,{name:"live",type:"boolean",mdxType:"Prop"},"If true will display the controls for live player."),(0,o.kt)(s.ZP,{name:"autoplay",type:"boolean",mdxType:"Prop"},(0,o.kt)("div",null,"Even though the feature is supported in most browser but the browser will only follow this setting if:"),(0,o.kt)("ul",null,(0,o.kt)("li",null,"you are on a desktop browser. it will not work on mobile browsers to prevent users from eating into their mobile data allowance"),(0,o.kt)("li",null,"it can't happen on page load, the user has to interact with the site for it to work: navigating inside an SPA seems to satisfy the browser as there was no page refresh.")),(0,o.kt)("div",null,"In Summary autoplay will work in some scenarios, this is expected. It's best thought of as a suggestion for the browser: play the audio automatically if it's acceptable from a usability perspective")),(0,o.kt)(s.ZP,{name:"captionSrc",type:"string",mdxType:"Prop"},"Source for audio transcription generally provided in"," ",(0,o.kt)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API"},"web vtt format"),"."),(0,o.kt)(s.ZP,{name:"onPreviousTrack",type:"function",mdxType:"Prop"},"This function defines the callback of the previous track button for the first 5 secodns of the track. If onPreviousTrack is not provided, the previous track button will be disabled for the first 5 seconds of the track."," ",(0,o.kt)("b",null,"After the first 5 seconds the button's functionality is overridden to go to the start of the track.")),(0,o.kt)(s.ZP,{name:"hidePreviousTrack",type:"boolean",mdxType:"Prop"},"Will hide the previous track button."),(0,o.kt)(s.ZP,{name:"onNextTrack",type:"function",mdxType:"Prop"},"Will display the next track button, provided function is executed on click."),(0,o.kt)(s.ZP,{name:"disableNextTrack",type:"boolean",mdxType:"Prop"},"Disable the next track button."),(0,o.kt)(s.ZP,{name:"disablePreviousTrack",type:"boolean",mdxType:"Prop"},"Disable the previous track button."),(0,o.kt)(s.ZP,{name:"hideVolumeControl",type:"boolean",mdxType:"Prop"},"If provided it hides the volumne control."),(0,o.kt)(s.ZP,{name:" hideSeekButtons",type:"boolean",mdxType:"Prop"},"If provided it hides the seek buttons."),(0,o.kt)(s.ZP,{name:"popoutHref",type:"string",mdxType:"Prop"},"Url to player hosted by itself on page. Will open in a new window and pause current instance."),(0,o.kt)(s.ZP,{name:"ariaLandmark",type:"string",default:"audio-player",mdxType:"Prop"},'The aria-label attribute for the audio player. It is recommended that you set this for screen readers to be able to explain the audio player purpose. If left undefined it is simply set to "audio-player". ariaLandmark should be unique, so the same value should not appear on the same page more than once.'),(0,o.kt)(s.ZP,{name:"overrides",type:"object",mdxType:"Prop"},(0,o.kt)(s.ZP,{name:"seekBar",type:"object",mdxType:"Prop"},(0,o.kt)(s.ZP,{name:"slider",type:"SliderOverrideProps",mdxType:"Prop"},"If provided overrides the styles of the seek bar slider. The slider overrides structure can be found in the"," ",(0,o.kt)("a",{href:"/components/slider"},"slider documentation page"),". If player is in live mode, the seek bar slider is not shown and this override is ignored."),(0,o.kt)(s.ZP,{name:"buffering",type:"object",mdxType:"Prop"},(0,o.kt)(s.ZP,{name:"stylePreset",type:"MQ<string>",mdxType:"Prop"},"Overrides the stylePreset of the buffering section of the seek bar. If player is in live mode, the seek bar slider is not shown and this override is ignored."))),(0,o.kt)(s.ZP,{name:"controls",type:"ControlsOverrideProps",mdxType:"Prop"},(0,o.kt)("div",null,"This prop is an object containing the following optional button style presets."),(0,o.kt)(s.ZP,{name:"space",type:"MQ<string>",mdxType:"Prop"},"Sets the space between the control buttons."),(0,o.kt)(s.ZP,{name:"previousButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for previous track button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"replayButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for skip replay button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"playPauseButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for play / pause button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"forwardButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for skip forward button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"nextButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for next track button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),"."),(0,o.kt)(s.ZP,{name:"popoutButton",type:"ButtonOverrides",mdxType:"Prop"},"Overrides for popout button. See all availble options in the ",(0,o.kt)("a",{href:"/components/button"}," button docs"),".")),(0,o.kt)(s.ZP,{name:"volumeControl",type:"VolumeControlOverrideProps",mdxType:"Prop"},"If provided overrides the styles of the slider that builds the VolumeControl. The volume control overrides structure can be found in the "," ",(0,o.kt)("a",{href:"/components/volume-control"},"volume control documentation page"),"."),(0,o.kt)(Je.XJ,{mdxType:"CommonLogicalPropsMDX"}),(0,o.kt)(c.ws,{componentName:"audioPlayer",mdxType:"CodeFromDefaultPresets"}))),(0,o.kt)("h2",null,"Playground - Live Player"),(0,o.kt)(l.ZP,{componentName:"AudioPlayer",component:function(e){return(0,o.kt)(Ke,Object.assign({},e,{live:!0,mdxType:"AudioPlayer"}))},knobs:[{name:"Source",propName:"src",value:"https://radio.talkradio.co.uk/stream"},{name:"Auto Play",propName:"autoPlay",type:"boolean",value:!1},{name:"captionSrc",propName:"captionSrc",value:""},{name:"ariaLandmark",propName:"ariaLandmark",value:"live audio player"}],mdxType:"Playground"}),(0,o.kt)("h2",null,"Playground - Recorded Player"),(0,o.kt)(l.ZP,{componentName:"AudioPlayer",component:Ke,knobs:[{name:"Source",propName:"src",value:"https://extras.thetimes.co.uk/web/public/2018/world-cup-alexa-breifing/assets/latest-briefing.mp3"},{name:"Auto Play",propName:"autoPlay",type:"boolean",value:!1},{name:"Caption Src",propName:"captionSrc",value:""},{name:"ariaLandmark",propName:"ariaLandmark",value:"recorded audio player"},{name:"Disable Previous Track",propName:"disablePreviousTrack",type:"boolean",value:!0},{name:"Disable Next Track",propName:"disableNextTrack",type:"boolean",value:!1},{name:"Skip Next Track",propName:"onNextTrack",value:function(){}},{name:"Skip Previous Track",propName:"onPreviousTrack",value:function(){}},{name:"Popout",propName:"popoutHref",value:"https://newskit.co.uk"}],mdxType:"Playground"}),(0,o.kt)("h2",null,"Rationale"),(0,o.kt)("h3",null,"Styling"),(0,o.kt)("p",null,"The Audio Player's internal components can be styled as required."),(0,o.kt)("h3",null,"Accessibility"),(0,o.kt)("p",null,"The controls of the Audio Player are fully accessible with the keyboard."),(0,o.kt)(a.Z,{title:"Audio Player",mdxType:"PageTitle"}))}rt.isMDXComponent=!0}},function(e){e.O(0,[22122,827,61519,43660,51863,93673,49774,92888,40179],(function(){return t=64881,e(e.s=t);var t}));var t=e.O();_N_E=t}]);

package/public/_next/static/chunks/pages/components/structured-list-ac36ed3bb1fe11ed.js ADDED Viewed

@@ -0,0 +1 @@

+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51492,92008],{54213:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/structured-list",function(){return r(59097)}])},59097:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return ie}});var i=r(24246),n=r(27378),s=r(54381),o=r(61045),a=r(60958),c=r(6256),l=r(37466);function u(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function d(){var e=u(["\n ",";\n ","\n ","\n"]);return d=function(){return e},e}function h(){var e=u(["\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n"]);return h=function(){return e},e}function p(){var e=u(["\n cursor: ",";\n list-style: none;\n width: 100%;\n"]);return p=function(){return e},e}function f(){var e=u(["\n text-decoration: none;\n outline-offset: -1px;\n"]);return f=function(){return e},e}function m(){var e=u(["\n list-style: none;\n padding-left: 0;\n width: 100%;\n margin: 0;\n"]);return m=function(){return e},e}function b(){var e=u(["\n ","\n"]);return b=function(){return e},e}var v=(0,a.Z)(s.r)(d(),(function(e){return(0,c.JK)("structuredListItem","",e.hasHref?{}:{omitStates:["active","hover","focus"]})(e)}),(0,l.kQ)("padding","structuredListItem","","spaceInset"),(0,l.FZ)("minHeight","structuredListItem","","minHeight")),g=a.Z.div(h()),y=a.Z.li(p(),(function(e){return e.disabled&&"not-allowed"})),x=a.Z.a(f()),w=a.Z.ul(m()),j=(0,a.Z)(o.b)(b(),(function(e){return function(e){switch(e){case"center":return"align-self: center";case"end":return"align-self: flex-end";default:return""}}(e.align||"start")})),L=r(93802),S=r(92008),I={structuredListItem:{hover:{backgroundColor:"{{colors.interactiveSecondary010}}"},active:{backgroundColor:"{{colors.interactiveSecondary020}}"},disabled:{backgroundColor:"{{colors.transparent}}"}}},O=r(79866);function P(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function k(e,t){if(null==e)return{};var r,i,n=function(e,t){if(null==e)return{};var r,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)r=s[i],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)r=s[i],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var C=function(e){var t=e.children;return(0,i.jsx)(i.Fragment,{children:n.Children.map(t,(function(e){return(0,i.jsx)(g,{children:e})}))})},R=(0,O.z)((function(e){var t=e.children,r=e.ariaLabel,s=e.divider,o=e.overrides,a=void 0===o?{}:o,c=k(e,["children","ariaLabel","divider","overrides"]),l=n.Children.toArray(t);return(0,i.jsx)(w,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){P(e,t,r[t])}))}return e}({overrides:a,"aria-label":r},c,{children:l.reduce((function(e,t,r,n){return e.push(t),s&&r<n.length-1&&e.push((0,i.jsx)(L.i,{overrides:a.divider},"divider-".concat(r||t.key))),e}),[])}))}))({defaults:S.default,stylePresets:I}),z=r(94101),A=r(25773),E=r(24400),D=n.forwardRef((function(e,t){return n.createElement(E.D,(0,A.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),n.createElement("path",{fill:"none",d:"M24 24H0V0h24v24z",opacity:.87}),n.createElement("path",{d:"M6.49 20.13l1.77 1.77 9.9-9.9-9.9-9.9-1.77 1.77L14.62 12l-8.13 8.13z"}))}));D.displayName="ArrowForwardIos";var H=r(25410);D.displayName="IconOutlinedArrowForwardIos";var M=(0,H.v)(D),_=r(63312),F=r(52453),N=r(45268),T=r(59603),Z=r(91231),G=function(e){var t=e.overrides,r=e.href,n=(0,Z.Fg)(),s=(0,T.L)({theme:n,overrides:t},"structuredListItem.icon","icon","size"),o=(0,T.L)({theme:n,overrides:t},"structuredListItem.icon","icon","stylePreset");return(0,i.jsx)(F.K,{stackDistribution:N.w.End,flow:N.Z.HorizontalCenter,children:r&&(0,_.t)(r)?(0,i.jsx)(z.C,{overrides:{size:s,stylePreset:o}}):(0,i.jsx)(M,{overrides:{size:s,stylePreset:o}})})},B=r(90871),K=r(32754);function V(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){V(e,t,r[t])}))}return e}function Q(e,t){if(null==e)return{};var r,i,n=function(e,t){if(null==e)return{};var r,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)r=s[i],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)r=s[i],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var W=function(e){return n.isValidElement(e)&&e.props.align},U=function(e){return n.isValidElement(e)&&e.props.pullRight},X=n.forwardRef((function(e,t){var r=e.children,a=e.ariaLabel,c=e.disabled,l=e.overrides,u=e.href,d=e.linkIconAlign,h=e.eventContext,p=e.eventOriginator,f=void 0===p?"list item":p,m=Q(e,["children","ariaLabel","disabled","overrides","href","linkIconAlign","eventContext","eventOriginator"]),b=(0,B.IO)().fireEvent,g=n.Children.toArray(r),w=Boolean(u);w&&2===g.length&&!U(g[1])&&g.push((0,i.jsx)(C,{align:d,children:(0,i.jsx)(G,{href:u,overrides:l})},"link-icon")),w&&1===g.length&&g.push((0,i.jsx)(C,{pullRight:!0,align:d,children:(0,i.jsx)(G,{href:u,overrides:l})},"link-icon"));var L=W(g[0]),S=W(g[1]),I=W(g[2]),O=(0,i.jsxs)(s.r,{xsRowGutter:"space040",xsColumnGutter:"space000",xsMargin:"space000",children:[(0,i.jsx)(j,{xs:12,md:5,align:L,children:g[0]}),(0,i.jsx)(j,{xs:12,md:7,align:S,children:g[1]})]}),P=function(){if(3===g.length)return(0,i.jsxs)(v,{xsRowGutter:"space000",xsMargin:"space020",lgMargin:"space030",overrides:l,hasHref:w,children:[(0,i.jsx)(o.b,{xs:10,children:O}),(0,i.jsx)(j,{xs:2,align:I,children:g[2]})]});if(2===g.length){var e=U(g[1]);return(0,i.jsxs)(v,{xsRowGutter:"space040",mdRowGutter:"space000",xsMargin:"space020",lgMargin:"space030",overrides:l,hasHref:w,children:[(0,i.jsx)(j,{xs:12,md:e?10:4,align:L,children:g[0]}),(0,i.jsx)(j,{xs:12,md:e?2:8,align:S,children:g[1]})]})}return 1===g.length?(0,i.jsx)(v,{xsRowGutter:"space000",xsMargin:"space020",lgMargin:"space030",overrides:l,hasHref:w,children:(0,i.jsx)(j,{xs:12,align:L,children:g[0]})}):(0,i.jsx)(i.Fragment,{})};return(0,i.jsx)(y,{"aria-label":a,overrides:l,disabled:c,children:w?(0,i.jsx)(x,q({as:c?"span":"a",href:u,"data-testid":"list-item-link","aria-disabled":c&&"true",onClick:function(){b({originator:f,trigger:K.u.Click,context:q({href:u},h)})},ref:t},m,{children:P()})):P()})})),J=(0,O.z)(X)({defaults:S.default,stylePresets:I}),Y=r(46672),$=r(68033),ee=r(86062),te=r(62179);function re(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var ie=function(e){return(0,i.jsx)(ee.E,{headTags:{title:"StructuredList",description:""},layoutProps:e,pageIntroduction:{type:"Layout",name:"Structured List",hero:{src:"static/button-hero.svg",alt:"structured-list-demo-image"},introduction:"Structured lists group content that is similar or related."},componentDefaultsKey:"structuredList",meta:{status:$.k.Beta,introduced:"v3.3.0",codeUrl:"https://github.com/newscorp-ghfb/newskit",figmaUrl:"https://github.com/newscorp-ghfb/newskit"},interactiveDemo:{introduction:"This demo allows you to preview the StructuredList component, its variations, and configuration options.",playground:{componentName:"StructuredList",component:function(e){return(0,i.jsxs)(R,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){re(e,t,r[t])}))}return e}({divider:!0},e,{ariaLabel:"list",children:[(0,i.jsxs)(J,{href:"/",ariaLabel:"interactive list item",children:[(0,i.jsx)(C,{children:(0,i.jsx)(Y.a,{stylePreset:"inkContrast",typographyPreset:"utilityHeading010",children:"Label"})}),(0,i.jsx)(C,{children:(0,i.jsx)(Y.a,{stylePreset:"inkSubtle",typographyPreset:"utilityBody020",children:"A short description of the label"})})]}),(0,i.jsxs)(J,{ariaLabel:"list item 1",children:[(0,i.jsx)(C,{children:(0,i.jsx)(Y.a,{stylePreset:"inkContrast",typographyPreset:"utilityHeading010",children:"Label"})}),(0,i.jsx)(C,{children:(0,i.jsx)(Y.a,{stylePreset:"inkSubtle",typographyPreset:"utilityBody020",children:"A short description of the label"})}),(0,i.jsx)(C,{children:(0,i.jsx)(F.K,{stackDistribution:N.w.End,flow:N.Z.HorizontalCenter,children:(0,i.jsx)(M,{overrides:{size:"iconSize010"}})})})]}),(0,i.jsxs)(J,{ariaLabel:"list item 2",children:[(0,i.jsx)(C,{children:(0,i.jsx)(Y.a,{stylePreset:"inkContrast",typographyPreset:"utilityHeading010",children:"Label"})}),(0,i.jsx)(C,{children:(0,i.jsx)(Y.a,{stylePreset:"inkSubtle",typographyPreset:"utilityBody020",children:"A short description of the label"})}),(0,i.jsx)(C,{children:(0,i.jsx)(F.K,{stackDistribution:N.w.End,flow:N.Z.HorizontalCenter,children:(0,i.jsx)(M,{overrides:{size:"iconSize010"}})})})]})]}))},knobs:[{name:"Divider",propName:"divider",type:"boolean",value:!1}]}},anatomy:{introduction:"Structure Lists contain three required elements.",rows:[{name:"StructuredList",description:"Includes a list of structuredListItem",component:["Grid, Cell"],optional:void 0},{name:"structuredListItem",description:"Includes a list of structuredListCell",component:["Grid, Cell"],optional:void 0},{name:"structuredListCell",description:"Includes content within the cells",component:"Cell",optional:void 0}]},states:{introduction:"When a structured list is interactive, it has states including, base, hover, active, disabled, and focus.",cards:[{title:"Base",description:"Structured List has a base state. This is the base style of the list item before it has been interacted with by a user."},{title:"Hover",description:"Structured List has a hover state. The style of the list item changes to visually communicate and provide feedback to the user that the list item is an interactive element."},{title:"Active",description:"Structured List has an active state. The style of the list item changes to visually communicate and provide feedback to the user that the structured list item has been interacted with."},{title:"Disabled",description:"Structured List in a disabled state communicates that a list item exists, but is not available to the user in that scenario. When the user\u2019s cursor hovers over a list item in a disabled state, the cursor shows as not-allowed. Disabled structured list items are often used to maintain layout consistency and communicate that a list item may become available if another condition has been met."},{title:"Focus",description:"Structured List in a focus state communicates that a user has highlighted an ist item, using an input method such as a keyboard or voice."}]},behaviors:{introduction:"The following guidance describes how a structured list behaves.",cards:[{title:"Alignment",description:"On XS> breakpoints, the content of the third cell align to the vertical center.\n On MD> breakpoints, the content of the third cell align to the top."}]},accessibility:{introduction:"Structured List",focusOrder:{title:"Focus order",tableRows:[{order:1,element:"listitem",role:"Focusses to the first list item"}]},interaction:{title:"Keyboard Interactions",tableRows:[{command:["Tab"],description:"When focus is outside of the StructuredList, it moves focus to the first list item (if it\u2019s interactive). If focus is on a list item, it moves focus to the next element on the page."},{command:["Rtn"],description:"Activates the list item."},{command:["Up arrow"],description:"Focuses the previous list item."},{command:["Down arrow"],description:"Focuses the next list item."}]},aria:{title:"WAI-ARIA",tableRows:[{element:"StructuredList",attribute:"arialabel",value:"",description:"aria-label attribute is used to define the name of the structured list",userSupplied:!0},{element:"StructuredListItem",attribute:"arialabel",value:"",description:"aria-label attribute is used to define the name of the listitem",userSupplied:!0}]}},componentAPI:{introduction:"StructuredList have a number of props to facilitate a variety of uses:",components:[{title:"StructuredList",summary:"A StructuredList has a range of props that can be used to define an appropriate experience for different use cases.",propsRows:[{name:"children",type:"React.ReactElement<StructuredListProps> | React.ReactElement<StructuredListProps>[]",required:!0,description:"An array of StructuredListItem components"},{name:"ariaLabel",type:"string",description:"Defines the aria-label attribute of the StructuredList"},{name:"divider",type:"boolean",default:"false",description:"If true, renders a divider component between structured list items in a Structured list."}],overridesRows:[{attribute:"divider",type:"DividerProps['overrides']",default:"divider",description:(0,i.jsxs)(i.Fragment,{children:["If provided, this overrides the divider styling,"," ",(0,i.jsx)(te.r,{target:"_blank",href:"/components/divider",children:"see divider component"})," ","for full documentation."]})}]},{title:"StructuredListItem",summary:"A StructuredListItem has a range of props that can be used to define an appropriate experience for different use cases.",propsRows:[{name:"children",type:"React.ReactNode | React.ReactNode[]",required:!0,description:"An array of StructuredListCell components"},{name:"href",type:"string",required:!1,description:"If supplied, ensures the list item is interactive linking to the href, sets a chevron icon to last cell in the list item and applies the listitem.stylePreset."},{name:"ariaLabel",type:"string",description:"Defines the aria-label attribute of the StructuredListItem"},{name:"disabled",type:"boolean",default:"false",description:"If true, renders a StructuredListItem in a disabled state"},{name:"linkIconAlign",type:"'start' | 'center' | 'end'",default:"start",description:"Vertically align the Icon when the StructuredListItem is Link"},{name:"eventOriginator",type:"string",description:"This prop allows users to add event originator custom name."},{name:"eventContext",type:"object",description:"This prop allows users to add extra event data to click events."}],overridesRows:[{attribute:"stylePreset",type:"MQ<string>",default:"structuredListItem",description:"If provided, this overrides the stylePreset applied to the StructuredListItem's most\n outer container. Can be used to override the background color of the StructuredListItem."},{attribute:"minHeight",type:"MQ<string>",default:"sizing100",description:"If provided, this overrides the minHeight applied to the StructuredListItem's most\n outer container."},{attribute:"spaceInset",type:"MQ<string>",default:"spaceInsetStretch040",description:"If provided, this overrides the spaceInset applied to the StructuredListItem's most\n outer container"},{attribute:"icon.size",type:"string",default:"iconSize010",description:"If provided with a sizing token, this will override the size of StructuredListItem's default icon."},{attribute:"icon.stylePreset",type:"MQ<string>",default:"inkContrast",description:"If provided, this overrides the stylePreset applied to the StructuredListItem's default icon"}]},{title:"StructuredListCell",summary:"A StructuredListCell has a range of props that can be used to define an appropriate experience for different use cases.",propsRows:[{name:"children",type:"React.ReactNode",required:!0,description:"Content rendered inside the Structured List Cell"},{name:"pullRight",type:"boolean",default:"false",description:"If true, the cell with pullRight prop will be pulled to the right"},{name:"align",type:"'start' | 'center' | 'end'",default:"start",description:"Vertically align the content"}]}]},compliance:{variations:!0,states:!0,behaviours:!0,usage:!0,accessibility:!0,seo:!0,props:!0,performance:!1,design:!0,uiKit:!0,themes:!0}})}},92008:function(e,t,r){"use strict";r.r(t),t.default={structuredList:{divider:{stylePreset:"divider"}},structuredListItem:{stylePreset:"structuredListItem",spaceInset:"spaceInsetStretch040",minHeight:"sizing100",icon:{size:"iconSize010",stylePreset:"inkContrast"}}}}},function(e){e.O(0,[22122,827,61519,97475,51863,58760,39471,83762,92206,27107,52526,41873,91904,86062,49774,92888,40179],(function(){return t=54213,e(e.s=t);var t}));var t=e.O();_N_E=t}]);