-
Notifications
You must be signed in to change notification settings - Fork 1
/
react-video-editor-css.js
1 lines (1 loc) · 10.5 KB
/
react-video-editor-css.js
1
!function(n,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var r=e();for(var o in r)("object"==typeof exports?exports:n)[o]=r[o]}}(self,(()=>(()=>{"use strict";var n={995:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var r="",o=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),o&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=n(e),o&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(n,r,o,t,a){"string"==typeof n&&(n=[[null,n,void 0]]);var i={};if(o)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(i[c]=!0)}for(var l=0;l<n.length;l++){var d=[].concat(n[l]);o&&i[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),r&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=r):d[2]=r),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),e.push(d))}},e}},279:n=>{n.exports=function(n){return n[1]}},761:(n,e,r)=>{r.d(e,{Z:()=>s});var o=r(279),t=r.n(o),a=r(995),i=r.n(a)()(t());i.push([n.id,"body{\n transition: background-color .3s ease, color .3s ease;\n}\n\n.file-drop{\n width: 100%;\n height: fit-content;\n font-weight: bold;\n font-size: large;\n}\n\n.file-drop > .file-drop-target{\n transition: border-color .3s ease;\n border: 0.2em solid #f04e26;\n border-radius: 1em;\n text-align: center;\n padding: 8em 0em;\n cursor: pointer;\n}\n\n.file-drop > .file-drop-target.file-drop-dragging-over-target{\n border-color: #90ee90;\n transition: border-color .3s ease;\n color: #cacaca\n}\n\n.hidden{\n display: none;\n}\n\n.toolBar{\n padding: 1em;\n margin: 2em;\n text-align: center;\n border-radius: 1em;\n box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;\n}\n\n.toggle{\n background-color:rgb(185, 185, 185);\n color: yellow;\n height: 2em;\n width: 2em;\n text-align: center;\n line-height: 2em;\n vertical-align: middle;\n border-radius: 100em;\n font-size: x-large;\n z-index: 100;\n position: fixed;\n bottom: 1em;\n right: 1em;\n cursor: pointer;\n transition: background-color .2s ease;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -khtml-user-select: none; /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n\n}\n\n.toggle:hover{\n transition: background-color .2s ease;\n background-color:rgb(146, 146, 146);\n}\n\n/* Styling for Editing */\n.wrapper {\n width: 60%;\n max-width: 90%;\n padding: 1rem;\n border-radius: 4px;\n margin: auto;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -khtml-user-select: none; /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n\n }\n \n .video {\n width: 100%;\n cursor: pointer;\n border-radius: 1em;\n }\n \n .playback {\n position: relative;\n margin-top: 1rem;\n margin-left: 24px;\n margin-right: 24px;\n height: 10px;\n background: #2f3b44;\n margin-bottom: 1rem;\n border-radius: 1em;\n }\n .playback .seekable {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgb(240, 240, 240);\n cursor: pointer;\n }\n .playback .grabber {\n position: absolute;\n top: -4px;\n bottom: -4px;\n width: 18px;\n border-radius: 2px;\n z-index: 1;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);\n cursor: pointer;\n transition: transform 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .playback .grabber.start {\n background: #a8d736;\n }\n .playback .grabber.end {\n background: #fc4242;\n }\n .playback .grabber:hover {\n transform: scaleY(1.4);\n }\n .playback .grabber svg {\n user-drag: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n }\n .playback .progress {\n background: #0072cf;\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n cursor: pointer;\n pointer-events: none;\n }\n \n .controls {\n display: flex;\n justify-content: space-between;\n text-align: center;\n }\n .controls .player-controls button {\n width: 34px;\n margin: 0 0.125rem;\n }\n .controls .player-controls .play-control {\n background: #2f3b44;\n border: 0;\n color: #a5b0b5;\n padding: 0.5rem;\n border-radius: 4px;\n cursor: pointer;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .controls .player-controls .play-control:hover {\n background: #445562;\n }\n .controls .player-controls .play-control:active {\n color: #ffffff;\n }\n .controls .player-controls .seek-start {\n background: #2f3b44;\n border: 0;\n color: #a5b0b5;\n padding: 0.5rem;\n border-radius: 4px;\n cursor: pointer;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .controls .player-controls .seek-start:hover {\n background: #445562;\n }\n .controls .player-controls .seek-start:active {\n color: #ffffff;\n }\n .controls .player-controls .seek-end {\n background: #2f3b44;\n border: 0;\n color: #a5b0b5;\n padding: 0.5rem;\n border-radius: 4px;\n cursor: pointer;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .controls .player-controls .seek-end:hover {\n background: #445562;\n }\n .controls .player-controls .seek-end:active {\n color: #ffffff;\n }\n .controls .settings-control {\n background: #2f3b44;\n border: 0;\n color: #a5b0b5;\n padding: 0.5rem;\n border-radius: 4px;\n cursor: pointer;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .controls .settings-control:active {\n color: #ffffff;\n }\n \n .controls .settings-control:hover {\n background: #445562;\n }\n .controls .trim-control {\n background: #0072cf;\n border: 0;\n color: #fff;\n padding: 0.5rem;\n border-radius: 4px;\n cursor: pointer;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n .controls .trim-control:hover {\n background: #038eff;\n }\n\n .margined{\n margin: 0em 0.3em;\n }\n\n .warning{\n padding: 0.8em;\n color: #da7f00;\n background-color: #ffecd1;\n border-radius: 0.3em;\n border: 0.1em solid #f0ad4e;\n margin: 1em;\n justify-content: center;\n text-align: center;\n }\n\n .thumbnail{\n width: 20%;\n height: auto;\n justify-content: center;\n align-items: center;\n border: 0.2em solid black;\n border-radius: 0.3em;\n }\n\n .marginVertical{\n margin: 1.5em 0em;\n }",""]);const s=i},379:n=>{var e=[];function r(n){for(var r=-1,o=0;o<e.length;o++)if(e[o].identifier===n){r=o;break}return r}function o(n,o){for(var a={},i=[],s=0;s<n.length;s++){var c=n[s],l=o.base?c[0]+o.base:c[0],d=a[l]||0,p="".concat(l," ").concat(d);a[l]=d+1;var u=r(p),f={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==u)e[u].references++,e[u].updater(f);else{var b=t(f,o);o.byIndex=s,e.splice(s,0,{identifier:p,updater:b,references:1})}i.push(p)}return i}function t(n,e){var r=e.domAPI(e);return r.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;r.update(n=e)}else r.remove()}}n.exports=function(n,t){var a=o(n=n||[],t=t||{});return function(n){n=n||[];for(var i=0;i<a.length;i++){var s=r(a[i]);e[s].references--}for(var c=o(n,t),l=0;l<a.length;l++){var d=r(a[l]);0===e[d].references&&(e[d].updater(),e.splice(d,1))}a=c}}},569:n=>{var e={};n.exports=function(n,r){var o=function(n){if(void 0===e[n]){var r=document.querySelector(n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(n){r=null}e[n]=r}return e[n]}(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(r)}},216:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},565:(n,e,r)=>{n.exports=function(n){var e=r.nc;e&&n.setAttribute("nonce",e)}},795:n=>{n.exports=function(n){var e=n.insertStyleElement(n);return{update:function(r){!function(n,e,r){var o="";r.supports&&(o+="@supports (".concat(r.supports,") {")),r.media&&(o+="@media ".concat(r.media," {"));var t=void 0!==r.layer;t&&(o+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),o+=r.css,t&&(o+="}"),r.media&&(o+="}"),r.supports&&(o+="}");var a=r.sourceMap;a&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(o,n,e.options)}(e,n,r)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},589:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},e={};function r(o){var t=e[o];if(void 0!==t)return t.exports;var a=e[o]={id:o,exports:{}};return n[o](a,a.exports,r),a.exports}r.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return r.d(e,{a:e}),e},r.d=(n,e)=>{for(var o in e)r.o(e,o)&&!r.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},r.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),r.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},r.nc=void 0;var o={};return(()=>{r.r(o),r.d(o,{default:()=>m});var n=r(379),e=r.n(n),t=r(795),a=r.n(t),i=r(569),s=r.n(i),c=r(565),l=r.n(c),d=r(216),p=r.n(d),u=r(589),f=r.n(u),b=r(761),g={};g.styleTagTransform=f(),g.setAttributes=l(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p(),e()(b.Z,g);const m=b.Z&&b.Z.locals?b.Z.locals:void 0})(),o})()));