| 1 | module.exports=function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=57)}({0:function(e,n){e.exports=require("react")},1:function(e,n,t){e.exports=t(31)()},13:function(e,n,t){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=function(e,n){var t=e[1]||"",r=e[3];if(!r)return t;if(n&&"function"==typeof btoa){var o=(i=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),a=r.sources.map((function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"}));return[t].concat(a).concat([o]).join("\n")}var i;return[t].join("\n")}(n,e);return n[2]?"@media "+n[2]+"{"+t+"}":t})).join("")},n.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];null!=a&&(r[a]=!0)}for(o=0;o<e.length;o++){var i=e[o];null!=i[0]&&r[i[0]]||(t&&!i[2]?i[2]=t:t&&(i[2]="("+i[2]+") and ("+t+")"),n.push(i))}},n}},14:function(e,n,t){var r,o,a={},i=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),c=function(e,n){return n?n.querySelector(e):document.querySelector(e)},s=function(e){var n={};return function(e,t){if("function"==typeof e)return e();if(void 0===n[e]){var r=c.call(this,e,t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}n[e]=r}return n[e]}}(),l=null,u=0,p=[],f=t(33);function g(e,n){for(var t=0;t<e.length;t++){var r=e[t],o=a[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(y(r.parts[i],n))}else{var c=[];for(i=0;i<r.parts.length;i++)c.push(y(r.parts[i],n));a[r.id]={id:r.id,refs:1,parts:c}}}}function d(e,n){for(var t=[],r={},o=0;o<e.length;o++){var a=e[o],i=n.base?a[0]+n.base:a[0],c={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(c):t.push(r[i]={id:i,parts:[c]})}return t}function A(e,n){var t=s(e.insertInto);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=p[p.length-1];if("top"===e.insertAt)r?r.nextSibling?t.insertBefore(n,r.nextSibling):t.appendChild(n):t.insertBefore(n,t.firstChild),p.push(n);else if("bottom"===e.insertAt)t.appendChild(n);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=s(e.insertAt.before,t);t.insertBefore(n,o)}}function C(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var n=p.indexOf(e);n>=0&&p.splice(n,1)}function m(e){var n=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return t.nc}();r&&(e.attrs.nonce=r)}return h(n,e.attrs),A(e,n),n}function h(e,n){Object.keys(n).forEach((function(t){e.setAttribute(t,n[t])}))}function y(e,n){var t,r,o,a;if(n.transform&&e.css){if(!(a="function"==typeof n.transform?n.transform(e.css):n.transform.default(e.css)))return function(){};e.css=a}if(n.singleton){var i=u++;t=l||(l=m(n)),r=v.bind(null,t,i,!1),o=v.bind(null,t,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(e){var n=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",h(n,e.attrs),A(e,n),n}(n),r=x.bind(null,t,n),o=function(){C(t),t.href&&URL.revokeObjectURL(t.href)}):(t=m(n),r=w.bind(null,t),o=function(){C(t)});return r(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;r(e=n)}else o()}}e.exports=function(e,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{},n.singleton||"boolean"==typeof n.singleton||(n.singleton=i()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom");var t=d(e,n);return g(t,n),function(e){for(var r=[],o=0;o<t.length;o++){var i=t[o];(c=a[i.id]).refs--,r.push(c)}e&&g(d(e,n),n);for(o=0;o<r.length;o++){var c;if(0===(c=r[o]).refs){for(var s=0;s<c.parts.length;s++)c.parts[s]();delete a[c.id]}}}};var b,B=(b=[],function(e,n){return b[e]=n,b.filter(Boolean).join("\n")});function v(e,n,t,r){var o=t?"":r.css;if(e.styleSheet)e.styleSheet.cssText=B(n,o);else{var a=document.createTextNode(o),i=e.childNodes;i[n]&&e.removeChild(i[n]),i.length?e.insertBefore(a,i[n]):e.appendChild(a)}}function w(e,n){var t=n.css,r=n.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}function x(e,n,t){var r=t.css,o=t.sourceMap,a=void 0===n.convertToAbsoluteUrls&&o;(n.convertToAbsoluteUrls||a)&&(r=f(r)),o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),c=e.href;e.href=URL.createObjectURL(i),c&&URL.revokeObjectURL(c)}},20:function(e,n,t){"use strict";var r=Array.isArray,o=Object.keys,a=Object.prototype.hasOwnProperty,i="undefined"!=typeof Element;e.exports=function(e,n){try{return function e(n,t){if(n===t)return!0;if(n&&t&&"object"==typeof n&&"object"==typeof t){var c,s,l,u=r(n),p=r(t);if(u&&p){if((s=n.length)!=t.length)return!1;for(c=s;0!=c--;)if(!e(n[c],t[c]))return!1;return!0}if(u!=p)return!1;var f=n instanceof Date,g=t instanceof Date;if(f!=g)return!1;if(f&&g)return n.getTime()==t.getTime();var d=n instanceof RegExp,A=t instanceof RegExp;if(d!=A)return!1;if(d&&A)return n.toString()==t.toString();var C=o(n);if((s=C.length)!==o(t).length)return!1;for(c=s;0!=c--;)if(!a.call(t,C[c]))return!1;if(i&&n instanceof Element&&t instanceof Element)return n===t;for(c=s;0!=c--;)if(!("_owner"===(l=C[c])&&n.$$typeof||e(n[l],t[l])))return!1;return!0}return n!=n&&t!=t}(e,n)}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: react-fast-compare does not handle circular references.",e.name,e.message),!1;throw e}}},31:function(e,n,t){"use strict";var r=t(32);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,a,i){if(i!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:o};return t.PropTypes=t,t}},32:function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},33:function(e,n){e.exports=function(e){var n="undefined"!=typeof window&&window.location;if(!n)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var t=n.protocol+"//"+n.host,r=t+n.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(e,n){var o,a=n.trim().replace(/^"(.*)"$/,(function(e,n){return n})).replace(/^'(.*)'$/,(function(e,n){return n}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?e:(o=0===a.indexOf("//")?a:0===a.indexOf("/")?t+a:r+a.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")}))}},42:function(e,n,t){var r=t(73);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};t(14)(r,o);r.locals&&(e.exports=r.locals)},47:function(e,n,t){"use strict";t.r(n);var r=t(0),o=t.n(r),a=t(1),i=t.n(a),c=t(42),s=t.n(c);function l(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function u(e,n){for(var t,r=0;r<n.length;r++)(t=n[r]).enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}function p(e,n){return(p=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e})(e,n)}function f(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=d(e);if(n){var o=d(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return g(this,t)}}function g(e,n){return!n||"object"!=typeof n&&"function"!=typeof n?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):n}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var A=function(e){function n(){return l(this,n),i.apply(this,arguments)}!function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&p(e,n)}(n,e);var t,r,a,i=f(n);return t=n,(r=[{key:"render",value:function(){var e=this.props.options.map((function(e,n){return o.a.createElement("option",{key:n,value:e.value},e.label)}));return o.a.createElement("select",{className:s.a.selectPlayerControl,name:this.props.name,value:this.props.currentValue,onChange:this.props.handleChange},e)}}])&&u(t.prototype,r),a&&u(t,a),n}(o.a.Component);A.propTypes={options:i.a.array,name:i.a.string,currentValue:i.a.string,handleChange:i.a.func},n.default=A},57:function(e,n,t){"use strict";t.r(n);var r=t(0),o=t.n(r),a=t(1),i=t.n(a),c=t(20),s=t.n(c),l=t(47),u=t(9),p=t.n(u);function f(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function g(e,n){for(var t,r=0;r<n.length;r++)(t=n[r]).enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}function d(e,n){return(d=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e})(e,n)}function A(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=h(e);if(n){var o=h(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return C(this,t)}}function C(e,n){return!n||"object"!=typeof n&&"function"!=typeof n?m(e):n}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var b=function(e){function n(){var e;f(this,n);for(var t=arguments.length,r=Array(t),o=0;o<t;o++)r[o]=arguments[o];return y(m(e=i.call.apply(i,[this].concat(r))),"shouldComponentUpdate",(function(n){return!s()(e.props,n)})),e}!function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&d(e,n)}(n,e);var t,r,a,i=A(n);return t=n,(r=[{key:"render",value:function(){return o.a.createElement("span",{className:p.a.playBackRate,title:"Playback rate: alt - & alt + "},o.a.createElement(l.default,{options:this.props.playbackRateOptions,currentValue:this.props.playbackRate.toString(),name:"playbackRate",handleChange:this.props.handlePlayBackRateChange}))}}])&&g(t.prototype,r),a&&g(t,a),n}(o.a.Component);b.propTypes={playbackRateOptions:i.a.array,playbackRate:i.a.number,handlePlayBackRateChange:i.a.func},n.default=b},73:function(e,n,t){(n=e.exports=t(13)(!0)).push([e.i,"._34fv5jYOgZKRoWiMw1LZ7y[name='playbackRate']{font-size:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:48px;width:97px;border-radius:0;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyNS4zMDQgMTI1LjMwNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI1LjMwNCAxMjUuMzA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSI2Mi42NTIsMTAzLjg5NSAwLDIxLjQwOSAxMjUuMzA0LDIxLjQwOSAgICIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-position:85% center;color:white;border-color:transparent;padding-left:32px}@media (max-width: 768px){._34fv5jYOgZKRoWiMw1LZ7y[name='playbackRate']{width:100%}}\n","",{version:3,sources:["/Users/greent12/workspace/react-transcript-editor/packages/components/media-player/src/Select.module.scss"],names:[],mappings:"AAAA,8CACE,aAAc,CACd,uBAAwB,CACxB,oBAAqB,CACrB,eAAgB,CAChB,WAAY,CACZ,UAAW,CACX,eAAgB,CAChB,q4BAAs4B,CACt4B,2BAA4B,CAC5B,8BAA+B,CAC/B,WAAY,CACZ,wBAAyB,CACzB,iBAAkB,CACnB,0BAIC,8CACE,UAAW,CACZ",file:"Select.module.scss",sourcesContent:[".selectPlayerControl[name='playbackRate'] {\n font-size: 1em;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: 48px;\n width: 97px;\n border-radius: 0;\n background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyNS4zMDQgMTI1LjMwNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI1LjMwNCAxMjUuMzA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSI2Mi42NTIsMTAzLjg5NSAwLDIxLjQwOSAxMjUuMzA0LDIxLjQwOSAgICIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);\n background-repeat: no-repeat;\n background-position: 85% center;\n color: white;\n border-color: transparent;\n padding-left: 32px;\n}\n\n@media (max-width: 768px) {\n\n .selectPlayerControl[name='playbackRate'] {\n width: 100%;\n }\n}\n"]}]),n.locals={selectPlayerControl:"_34fv5jYOgZKRoWiMw1LZ7y"}},78:function(e,n,t){(n=e.exports=t(13)(!0)).push([e.i,"._3Uxalc08gMtzZB4hnaX85U{margin-bottom:0.5em}._3Uxalc08gMtzZB4hnaX85U>*{display:inline-block}._3Uxalc08gMtzZB4hnaX85U>*:not(:last-child){margin-right:0.5em}.nfFU1U4XOLMdzg9dnbQE6{width:48px;height:48px;padding:0.5em;border:0;color:white;background:#282828;font-size:1em;cursor:pointer;margin-right:0.3rem;margin-top:0.3rem}.nfFU1U4XOLMdzg9dnbQE6:hover{background:#4a4a4a}._14YMQpt-PkIxcQSwXXLlvg{width:70px;border:0;color:white;font-size:1em;cursor:pointer;position:relative;margin-right:0.3rem}._14YMQpt-PkIxcQSwXXLlvg::before{content:'×';position:absolute;bottom:-2px;left:21px}._14YMQpt-PkIxcQSwXXLlvg>select{padding-top:0.5em;padding-bottom:0.5em;height:100%;outline:none;width:auto;width:100%;color:white;background-color:#282828;cursor:pointer}._14YMQpt-PkIxcQSwXXLlvg>select:hover{background-color:#4a4a4a}._2znM3G4aR2HBCH20g6mhGb{display:inline-block;text-align:center;line-height:48px;padding:0 1em;background-color:#282828}._2znM3G4aR2HBCH20g6mhGb .aH0YF-Y9zIHOtgN9PmNDJ{color:#E2A9A2;cursor:pointer;font-family:'Lucida Console', monospace}._2znM3G4aR2HBCH20g6mhGb ._1of7QGIwcp_3wqr89BYIJr{color:#767676;margin:0 1em}._2znM3G4aR2HBCH20g6mhGb ._2N6hqY-gxXwJ-2c8sRoL5i{color:white;font-family:'Lucida Console', monospace}@media (max-width: 768px){._3Uxalc08gMtzZB4hnaX85U{display:grid;grid-template-rows:10% 3rem 3rem;grid-row-gap:5px;margin:0 0 0.5rem 0}._3Uxalc08gMtzZB4hnaX85U>*:not(:last-child){margin:0}._3Yzz5SC0aWv6XsLwxfjSEh{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:0.2em}.nfFU1U4XOLMdzg9dnbQE6{width:100%;height:48px;margin:0}._14YMQpt-PkIxcQSwXXLlvg{width:100%;grid-column:1 / span 2}._14YMQpt-PkIxcQSwXXLlvg::before{bottom:30%}._2znM3G4aR2HBCH20g6mhGb{background-color:transparent;align-self:start;padding:0}._2znM3G4aR2HBCH20g6mhGb .aH0YF-Y9zIHOtgN9PmNDJ{float:left;font-size:0.7em;line-height:1em}._2znM3G4aR2HBCH20g6mhGb ._1of7QGIwcp_3wqr89BYIJr{display:none}._2znM3G4aR2HBCH20g6mhGb ._2N6hqY-gxXwJ-2c8sRoL5i{color:white;font-size:0.7em;float:right;line-height:1em}._3jaqTgIQjj8Ae1CLtIF2e0{display:none}}\n","",{version:3,sources:["/Users/greent12/workspace/react-transcript-editor/packages/components/media-player/src/PlayerControls/index.module.scss","/Users/greent12/workspace/react-transcript-editor/packages/config/style-guide/colours.scss"],names:[],mappings:"AAEA,yBACE,mBAAoB,CACrB,2BAGC,oBAAqB,CACtB,4CAGC,kBAAmB,CACpB,uBAGC,UAAW,CACX,WAAY,CACZ,aAAc,CACd,QAAS,CACT,WAAY,CACZ,kBCnB0B,CDoB1B,aAAc,CACd,cAAe,CACf,mBAAoB,CACpB,iBAAkB,CAVpB,6BAaI,kBCzBqB,CD0BtB,yBAID,UAAW,CACX,QAAS,CACT,WAAY,CACZ,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,mBAAoB,CAPtB,iCAUI,WAAY,CACZ,iBAAkB,CAClB,WAAY,CACZ,SAAU,CAbd,gCAiBI,iBAAkB,CAClB,oBAAqB,CACrB,WAAY,CACZ,YAAa,CACb,UAAW,CACX,UAAW,CACX,WAAY,CACZ,wBCtDwB,CDuDxB,cAAe,CAzBnB,sCA4BM,wBCzDmB,CD0DpB,yBAKH,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CACjB,aAAc,CACd,wBCpE0B,CD+D5B,gDAQI,aCjEuB,CDkEvB,cAAe,CACf,uCAAwC,CAV5C,kDAcI,aC1EsB,CD2EtB,YAAa,CAfjB,kDAmBI,WAAY,CACZ,wCAAyC,CAC1C,0BAKD,yBACE,YAAa,CACb,gCAAiC,CACjC,gBAAiB,CACjB,mBAAoB,CACrB,4CAGC,QAAS,CACV,yBAGC,YAAa,CACb,oCAAqC,CACrC,qBAAsB,CACvB,uBAGC,UAAW,CACX,WAAY,CACZ,QAAS,CACV,yBAGC,UAAW,CACX,sBAAuB,CAFzB,iCAKI,UAAW,CACZ,yBAID,4BAA6B,CAC7B,gBAAiB,CACjB,SAAU,CAHZ,gDAMI,UAAW,CACX,eAAgB,CAChB,eAAgB,CARpB,kDAYI,YAAa,CAZjB,kDAgBI,WAAY,CACZ,eAAgB,CAChB,WAAY,CACZ,eAAgB,CACjB,yBAID,YAAa,CACd",file:"index.module.scss",sourcesContent:["@import '../../../../config/style-guide/colours.scss';\n\n.playerControls {\n margin-bottom: 0.5em;\n}\n\n.playerControls > * {\n display: inline-block;\n}\n\n.playerControls > *:not(:last-child) {\n margin-right: 0.5em;\n}\n\n.playerButton {\n width: 48px;\n height: 48px;\n padding: 0.5em;\n border: 0;\n color: white;\n background: $color-darkest-grey;\n font-size: 1em;\n cursor: pointer;\n margin-right: 0.3rem;\n margin-top: 0.3rem;\n\n &:hover {\n background: $color-dark-grey;\n }\n}\n\n.playBackRate {\n width: 70px;\n border: 0;\n color: white;\n font-size: 1em;\n cursor: pointer;\n position: relative;\n margin-right: 0.3rem;\n\n &::before {\n content: '×';\n position: absolute;\n bottom: -2px;\n left: 21px;\n }\n\n & > select {\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n height: 100%;\n outline: none;\n width: auto;\n width: 100%;\n color: white;\n background-color: $color-darkest-grey;\n cursor: pointer;\n\n &:hover {\n background-color: $color-dark-grey;\n }\n }\n}\n\n.timeBox {\n display: inline-block;\n text-align: center;\n line-height: 48px;\n padding: 0 1em;\n background-color: $color-darkest-grey;\n\n .currentTime {\n color: $color-light-shilo;\n cursor: pointer;\n font-family: 'Lucida Console', monospace;\n }\n\n .separator {\n color: $color-light-grey;\n margin: 0 1em;\n }\n\n .duration {\n color: white;\n font-family: 'Lucida Console', monospace;\n }\n}\n\n@media (max-width: 768px) {\n\n .playerControls {\n display: grid;\n grid-template-rows: 10% 3rem 3rem;\n grid-row-gap: 5px;\n margin: 0 0 0.5rem 0;\n }\n\n .playerControls > *:not(:last-child) {\n margin: 0;\n }\n\n .btnsGroup {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-column-gap: 0.2em;\n }\n\n .playerButton {\n width: 100%;\n height: 48px;\n margin: 0;\n }\n\n .playBackRate {\n width: 100%;\n grid-column: 1 / span 2;\n\n &::before {\n bottom: 30%;\n }\n }\n\n .timeBox {\n background-color: transparent;\n align-self: start;\n padding: 0;\n\n .currentTime {\n float: left;\n font-size: 0.7em;\n line-height: 1em;\n }\n\n .separator {\n display: none;\n }\n\n .duration {\n color: white;\n font-size: 0.7em;\n float: right;\n line-height: 1em;\n }\n }\n\n .pip {\n display: none;\n }\n}\n","$color-labs-red: #a0372d !default;\n$color-darkest-grey: #282828 !default;\n$color-dark-grey: #4a4a4a !default;\n$color-mid-grey: #696969 !default;\n$color-light-grey: #767676 !default;\n$color-lightest-grey: #f2f2f2 !default;\n$color-subt-green: #69e3c2 !default;\n$color-light-shilo: #E2A9A2 !default;\n"]}]),n.locals={playerControls:"_3Uxalc08gMtzZB4hnaX85U",playerButton:"nfFU1U4XOLMdzg9dnbQE6",playBackRate:"_14YMQpt-PkIxcQSwXXLlvg",timeBox:"_2znM3G4aR2HBCH20g6mhGb",currentTime:"aH0YF-Y9zIHOtgN9PmNDJ",separator:"_1of7QGIwcp_3wqr89BYIJr",duration:"_2N6hqY-gxXwJ-2c8sRoL5i",btnsGroup:"_3Yzz5SC0aWv6XsLwxfjSEh",pip:"_3jaqTgIQjj8Ae1CLtIF2e0"}},9:function(e,n,t){var r=t(78);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};t(14)(r,o);r.locals&&(e.exports=r.locals)}});
|