@00-team/vito - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

lib/index.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("@00-team/vito",["react"],t):"object"==typeof exports?exports["@00-team/vito"]=t(require("react")):e["@00-team/vito"]=t(e.react)}(self,(function(e){return function(){"use strict";var t={492:function(e,t,n){var r=n(537),o=n.n(r),i=n(645),a=n.n(i)()(o());a.push([e.id,".vito-player .mobile-layout .controls{position:absolute;z-index:2;background-color:red;width:100%;height:100%;display:flex;justify-content:center;align-items:center}","",{version:3,sources:["webpack://./src/layout/Mobile/style/controls.scss","webpack://./node_modules/@00-team/utils/lib/sass/mixins.scss"],names:[],mappings:"AAEA,sCACI,iBAAA,CACA,SAAA,CACA,oBAAA,CCJA,UDKa,CCJb,WDIa,CC4Bb,YAAA,CACA,sBAAA,CACA,kBAAA",sourcesContent:["@use '@00-team/utils' as *;\n\n.vito-player .mobile-layout .controls {\n    position: absolute;\n    z-index: 2;\n    background-color: #f00;\n    @include box(100%);\n    @include f-center;\n}\n","@mixin box($w, $h: $w) {\n    width: $w;\n    height: $h;\n}\n\n// width, aspect-ratio\n@mixin war($w: 100%, $ar: #{1 / 1}) {\n    width: $w;\n    aspect-ratio: $ar;\n}\n\n@mixin har($h: 100%, $ar: #{1 / 1}) {\n    height: $h;\n    aspect-ratio: $ar;\n}\n\n@mixin no-user-select {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@mixin bg($url, $size: cover, $pos: center, $repeat: no-repeat) {\n    background-image: url($url);\n    background-size: $size;\n    background-position: $pos;\n    background-repeat: $repeat;\n}\n\n@mixin f-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n@mixin g-center {\n    display: grid;\n    place-items: center;\n}\n"],sourceRoot:""}]),t.Z=a},543:function(e,t,n){var r=n(537),o=n.n(r),i=n(645),a=n.n(i)()(o());a.push([e.id,".vito-player .mobile-layout{width:100%;height:100%}","",{version:3,sources:["webpack://./src/layout/Mobile/style/index.scss","webpack://./node_modules/@00-team/utils/lib/sass/mixins.scss"],names:[],mappings:"AAEA,4BCDI,UDEa,CCDb,WDCa",sourcesContent:["@use '@00-team/utils' as *;\n\n.vito-player .mobile-layout {\n    @include box(100%);\n}\n","@mixin box($w, $h: $w) {\n    width: $w;\n    height: $h;\n}\n\n// width, aspect-ratio\n@mixin war($w: 100%, $ar: #{1 / 1}) {\n    width: $w;\n    aspect-ratio: $ar;\n}\n\n@mixin har($h: 100%, $ar: #{1 / 1}) {\n    height: $h;\n    aspect-ratio: $ar;\n}\n\n@mixin no-user-select {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@mixin bg($url, $size: cover, $pos: center, $repeat: no-repeat) {\n    background-image: url($url);\n    background-size: $size;\n    background-position: $pos;\n    background-repeat: $repeat;\n}\n\n@mixin f-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n@mixin g-center {\n    display: grid;\n    place-items: center;\n}\n"],sourceRoot:""}]),t.Z=a},72:function(e,t,n){var r=n(537),o=n.n(r),i=n(645),a=n.n(i)()(o());a.push([e.id,".vito-player .mobile-layout .touch{position:absolute;z-index:1;background-color:aqua;width:100%;height:100%;display:flex;justify-content:center;align-items:center}","",{version:3,sources:["webpack://./src/layout/Mobile/style/touch.scss","webpack://./node_modules/@00-team/utils/lib/sass/mixins.scss"],names:[],mappings:"AAEA,mCACI,iBAAA,CACA,SAAA,CACA,qBAAA,CCJA,UDKa,CCJb,WDIa,CC4Bb,YAAA,CACA,sBAAA,CACA,kBAAA",sourcesContent:["@use '@00-team/utils' as *;\n\n.vito-player .mobile-layout .touch {\n    position: absolute;\n    z-index: 1;\n    background-color: #0ff;\n    @include box(100%);\n    @include f-center;\n}\n","@mixin box($w, $h: $w) {\n    width: $w;\n    height: $h;\n}\n\n// width, aspect-ratio\n@mixin war($w: 100%, $ar: #{1 / 1}) {\n    width: $w;\n    aspect-ratio: $ar;\n}\n\n@mixin har($h: 100%, $ar: #{1 / 1}) {\n    height: $h;\n    aspect-ratio: $ar;\n}\n\n@mixin no-user-select {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@mixin bg($url, $size: cover, $pos: center, $repeat: no-repeat) {\n    background-image: url($url);\n    background-size: $size;\n    background-position: $pos;\n    background-repeat: $repeat;\n}\n\n@mixin f-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n@mixin g-center {\n    display: grid;\n    place-items: center;\n}\n"],sourceRoot:""}]),t.Z=a},53:function(e,t,n){var r=n(537),o=n.n(r),i=n(645),a=n.n(i)()(o());a.push([e.id,".vito-player{contain:layout;position:relative;width:100%;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.vito-player,.vito-player *{margin:0;padding:0;box-sizing:border-box}.vito-player .main-video{width:100%;height:100%;position:absolute;z-index:0}","",{version:3,sources:["webpack://./src/style/player.scss","webpack://./node_modules/@00-team/utils/lib/sass/mixins.scss"],names:[],mappings:"AAEA,aAQI,cAAA,CACA,iBAAA,CCJA,UDKa,CCJb,iBDImB,CCsBnB,YAAA,CACA,sBAAA,CACA,kBAAA,CAnBA,0BAAA,CACA,wBAAA,CACA,uBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CACA,yCAAA,CDpBA,4BAEI,QAAA,CACA,SAAA,CACA,qBAAA,CASJ,yBCfA,UDgBiB,CCfjB,WDeiB,CACb,iBAAA,CACA,SAAA",sourcesContent:["@use '@00-team/utils' as *;\n\n.vito-player {\n    &,\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    contain: layout;\n    position: relative;\n    @include war(100%, #{16/9});\n    @include f-center;\n    @include no-user-select;\n\n    .main-video {\n        @include box(100%);\n        position: absolute;\n        z-index: 0;\n    }\n}\n\n// layout depths = video(0) -> touch(1) -> controls(2)\n","@mixin box($w, $h: $w) {\n    width: $w;\n    height: $h;\n}\n\n// width, aspect-ratio\n@mixin war($w: 100%, $ar: #{1 / 1}) {\n    width: $w;\n    aspect-ratio: $ar;\n}\n\n@mixin har($h: 100%, $ar: #{1 / 1}) {\n    height: $h;\n    aspect-ratio: $ar;\n}\n\n@mixin no-user-select {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@mixin bg($url, $size: cover, $pos: center, $repeat: no-repeat) {\n    background-image: url($url);\n    background-size: $size;\n    background-position: $pos;\n    background-repeat: $repeat;\n}\n\n@mixin f-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n@mixin g-center {\n    display: grid;\n    place-items: center;\n}\n"],sourceRoot:""}]),t.Z=a},645:function(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var c=0;c<this.length;c++){var s=this[c][0];null!=s&&(a[s]=!0)}for(var u=0;u<e.length;u++){var l=[].concat(e[u]);r&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),t.push(l))}},t}},537:function(e){e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),i="/*# ".concat(o," */"),a=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[t].concat(a).concat([i]).join("\n")}return[t].join("\n")}},98:function(e,t,n){n.r(t);var r=n(379),o=n.n(r),i=n(795),a=n.n(i),c=n(569),s=n.n(c),u=n(565),l=n.n(u),f=n(216),p=n.n(f),d=n(589),h=n.n(d),b=n(492),m={};m.styleTagTransform=h(),m.setAttributes=l(),m.insert=s().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=p(),o()(b.Z,m),t.default=b.Z&&b.Z.locals?b.Z.locals:void 0},169:function(e,t,n){n.r(t);var r=n(379),o=n.n(r),i=n(795),a=n.n(i),c=n(569),s=n.n(c),u=n(565),l=n.n(u),f=n(216),p=n.n(f),d=n(589),h=n.n(d),b=n(543),m={};m.styleTagTransform=h(),m.setAttributes=l(),m.insert=s().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=p(),o()(b.Z,m),t.default=b.Z&&b.Z.locals?b.Z.locals:void 0},358:function(e,t,n){n.r(t);var r=n(379),o=n.n(r),i=n(795),a=n.n(i),c=n(569),s=n.n(c),u=n(565),l=n.n(u),f=n(216),p=n.n(f),d=n(589),h=n.n(d),b=n(72),m={};m.styleTagTransform=h(),m.setAttributes=l(),m.insert=s().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=p(),o()(b.Z,m),t.default=b.Z&&b.Z.locals?b.Z.locals:void 0},340:function(e,t,n){n.r(t);var r=n(379),o=n.n(r),i=n(795),a=n.n(i),c=n(569),s=n.n(c),u=n(565),l=n.n(u),f=n(216),p=n.n(f),d=n(589),h=n.n(d),b=n(53),m={};m.styleTagTransform=h(),m.setAttributes=l(),m.insert=s().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=p(),o()(b.Z,m),t.default=b.Z&&b.Z.locals?b.Z.locals:void 0},379:function(e){var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var i={},a=[],c=0;c<e.length;c++){var s=e[c],u=r.base?s[0]+r.base:s[0],l=i[u]||0,f="".concat(u," ").concat(l);i[u]=l+1;var p=n(f),d={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==p)t[p].references++,t[p].updater(d);else{var h=o(d,r);r.byIndex=c,t.splice(c,0,{identifier:f,updater:h,references:1})}a.push(f)}return a}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var i=r(e=e||[],o=o||{});return function(e){e=e||[];for(var a=0;a<i.length;a++){var c=n(i[a]);t[c].references--}for(var s=r(e,o),u=0;u<i.length;u++){var l=n(i[u]);0===t[l].references&&(t[l].updater(),t.splice(l,1))}i=s}}},569:function(e){var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},216:function(e){e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:function(e,t,n){e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},795:function(e){e.exports=function(e){var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:function(e){e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},40:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.PlayerContext=void 0;var r=(0,n(156).createContext)({});t.PlayerContext=r},629:function(e,t,n){var r,o=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),c=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return c(t,e),t},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Player=void 0;var l=s(n(156)),f=n(928),p=u(n(364));n(340);var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return o(t,e),t.prototype.componentDidMount=function(){var e=(0,f.ConvertSource)(this.props.source);this.setState({sources:e,source:(0,f.GetMainSource)(e)})},t.prototype.changeSource=function(e){this.setState({source:e})},t.prototype.render=function(){var e=this;return this.state.source?l.default.createElement("div",{className:"vito-player",ref:function(t){return t&&e.setState({vito:t})}},l.default.createElement("video",{className:"main-video",src:this.state.source.url,ref:function(t){return t&&e.setState({video:t})}}),l.default.createElement(p.default,i({changeSource:this.changeSource},this.state))):l.default.createElement(l.default.Fragment,null)},t}(l.PureComponent);t.Player=d,t.default=d},845:function(e,t,n){var r,o=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),c=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Controls=void 0;var s=c(n(156));n(98);var u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return o(t,e),t.prototype.render=function(){return s.default.createElement("div",{className:"controls"},"controls")},t}(s.PureComponent);t.Controls=u,t.default=u},779:function(e,t,n){var r,o=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),c=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Touch=void 0;var s=c(n(156));n(358);var u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return o(t,e),t.prototype.render=function(){return s.default.createElement("div",{className:"touch"},"touch")},t}(s.PureComponent);t.Touch=u,t.default=u},566:function(e,t,n){var r,o=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),c=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return a(t,e),t},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Mobile=void 0;var u=c(n(156));n(169);var l=s(n(845)),f=s(n(779)),p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return o(t,e),t.prototype.render=function(){return u.default.createElement("div",{className:"mobile-layout"},u.default.createElement(l.default,null),u.default.createElement(f.default,null))},t}(u.PureComponent);t.Mobile=p,t.default=p},364:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(156)),i=r(n(566)),a=n(40);t.default=function(e){var t=e.video,n=e.vito,r=e.options,c=e.source,s=e.sources,u=e.changeSource;return t&&n&&c&&s?o.default.createElement(a.PlayerContext.Provider,{value:{video:t,vito:n,options:r,source:c,sources:s,changeSource:u}},o.default.createElement(i.default,null)):o.default.createElement(o.default.Fragment,null)}},928:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(572),t)},572:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.GetMainSource=t.ConvertSource=void 0;var n="this source is not valid!";t.ConvertSource=function(e){if(!e)throw Error(n);if("string"==typeof e)return[{url:e,label:"video"}];if(e.constructor===Array){var t=e.map((function(e){return"string"==typeof e?{url:e,label:"video"}:e}));if(t.length<1)throw Error(n);return t}if("url"in e&&"label"in e)return[e];throw Error(n)},t.GetMainSource=function(e){if(e.length<1)throw Error(n);return e[0]}},156:function(t){t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={id:e,exports:{}};return t[e].call(i.exports,i,i.exports,r),i.exports}return r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(629)}()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("@00-team/vito",["react"],t):"object"==typeof exports?exports["@00-team/vito"]=t(require("react")):e["@00-team/vito"]=t(e.react)}(self,(function(e){return function(){"use strict";var t={492:function(e,t,n){var o=n(537),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".vito-player .mobile-layout .controls{position:absolute;z-index:2;width:100%;height:100%;display:flex;flex-direction:column}.vito-player .mobile-layout .controls .page{width:100%;height:33.3333333333%}.vito-player .mobile-layout .controls .page-2{display:flex;justify-content:center;align-items:center;column-gap:5%}.vito-player .mobile-layout .controls .page-2 button{height:60%}.vito-player .mobile-layout .controls .page-2 .loading{height:60%}.vito-player .mobile-layout .controls .page button{cursor:pointer;background-color:rgba(0,0,0,0);border:none}","",{version:3,sources:["webpack://./src/layout/Mobile/style/controls.scss","webpack://./node_modules/@00-team/utils/lib/sass/mixins.scss"],names:[],mappings:"AAEA,sCACI,iBAAA,CACA,SAAA,CCHA,UDKa,CCJb,WDIa,CACb,YAAA,CACA,qBAAA,CAEA,4CACI,UAAA,CACA,qBAAA,CAKA,8CCiBJ,YAAA,CACA,sBAAA,CACA,kBAAA,CDhBQ,aAAA,CAEA,qDACI,UAAA,CAGJ,uDACI,UAAA,CAOR,mDACI,cAAA,CACA,8BAAA,CACA,WAAA",sourcesContent:["@use '@00-team/utils' as *;\n\n.vito-player .mobile-layout .controls {\n    position: absolute;\n    z-index: 2;\n\n    @include box(100%);\n    display: flex;\n    flex-direction: column;\n\n    .page {\n        width: 100%;\n        height: calc(100% / 3);\n\n        &-1 {\n            // background-color: green;\n        }\n        &-2 {\n            // background-color: brown;\n            @include f-center;\n            column-gap: 5%;\n\n            button {\n                height: 60%;\n            }\n\n            .loading {\n                height: 60%;\n            }\n        }\n        &-3 {\n            // background-color: orange;\n        }\n\n        button {\n            cursor: pointer;\n            background-color: transparent;\n            border: none;\n        }\n    }\n}\n","@mixin box($w, $h: $w) {\n    width: $w;\n    height: $h;\n}\n\n// width, aspect-ratio\n@mixin war($w: 100%, $ar: #{1 / 1}) {\n    width: $w;\n    aspect-ratio: $ar;\n}\n\n@mixin har($h: 100%, $ar: #{1 / 1}) {\n    height: $h;\n    aspect-ratio: $ar;\n}\n\n@mixin no-user-select {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@mixin bg($url, $size: cover, $pos: center, $repeat: no-repeat) {\n    background-image: url($url);\n    background-size: $size;\n    background-position: $pos;\n    background-repeat: $repeat;\n}\n\n@mixin f-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n@mixin g-center {\n    display: grid;\n    place-items: center;\n}\n"],sourceRoot:""}]),t.Z=a},543:function(e,t,n){var o=n(537),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".vito-player .mobile-layout{width:100%;height:100%}","",{version:3,sources:["webpack://./src/layout/Mobile/style/index.scss","webpack://./node_modules/@00-team/utils/lib/sass/mixins.scss"],names:[],mappings:"AAEA,4BCDI,UDEa,CCDb,WDCa",sourcesContent:["@use '@00-team/utils' as *;\n\n.vito-player .mobile-layout {\n    @include box(100%);\n}\n","@mixin box($w, $h: $w) {\n    width: $w;\n    height: $h;\n}\n\n// width, aspect-ratio\n@mixin war($w: 100%, $ar: #{1 / 1}) {\n    width: $w;\n    aspect-ratio: $ar;\n}\n\n@mixin har($h: 100%, $ar: #{1 / 1}) {\n    height: $h;\n    aspect-ratio: $ar;\n}\n\n@mixin no-user-select {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@mixin bg($url, $size: cover, $pos: center, $repeat: no-repeat) {\n    background-image: url($url);\n    background-size: $size;\n    background-position: $pos;\n    background-repeat: $repeat;\n}\n\n@mixin f-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n@mixin g-center {\n    display: grid;\n    place-items: center;\n}\n"],sourceRoot:""}]),t.Z=a},72:function(e,t,n){var o=n(537),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".vito-player .mobile-layout .touch{position:absolute;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center}","",{version:3,sources:["webpack://./src/layout/Mobile/style/touch.scss","webpack://./node_modules/@00-team/utils/lib/sass/mixins.scss"],names:[],mappings:"AAEA,mCACI,iBAAA,CACA,SAAA,CCHA,UDKa,CCJb,WDIa,CC4Bb,YAAA,CACA,sBAAA,CACA,kBAAA",sourcesContent:["@use '@00-team/utils' as *;\n\n.vito-player .mobile-layout .touch {\n    position: absolute;\n    z-index: 1;\n    // background-color: #0ff;\n    @include box(100%);\n    @include f-center;\n}\n","@mixin box($w, $h: $w) {\n    width: $w;\n    height: $h;\n}\n\n// width, aspect-ratio\n@mixin war($w: 100%, $ar: #{1 / 1}) {\n    width: $w;\n    aspect-ratio: $ar;\n}\n\n@mixin har($h: 100%, $ar: #{1 / 1}) {\n    height: $h;\n    aspect-ratio: $ar;\n}\n\n@mixin no-user-select {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@mixin bg($url, $size: cover, $pos: center, $repeat: no-repeat) {\n    background-image: url($url);\n    background-size: $size;\n    background-position: $pos;\n    background-repeat: $repeat;\n}\n\n@mixin f-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n@mixin g-center {\n    display: grid;\n    place-items: center;\n}\n"],sourceRoot:""}]),t.Z=a},53:function(e,t,n){var o=n(537),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".vito-player{contain:layout;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.vito-player,.vito-player *{margin:0;padding:0;box-sizing:border-box}.vito-player .main-video{width:100%;height:100%;position:absolute;z-index:0}.vito-player button svg{width:100%;height:100%;color:#f2f2f2}","",{version:3,sources:["webpack://./src/style/player.scss","webpack://./node_modules/@00-team/utils/lib/sass/mixins.scss"],names:[],mappings:"AAEA,aAQI,cAAA,CACA,iBAAA,CCVA,UDWa,CCVb,WDUa,CCsBb,YAAA,CACA,sBAAA,CACA,kBAAA,CAnBA,0BAAA,CACA,wBAAA,CACA,uBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CACA,yCAAA,CDpBA,4BAEI,QAAA,CACA,SAAA,CACA,qBAAA,CASJ,yBCfA,UDgBiB,CCfjB,WDeiB,CACb,iBAAA,CACA,SAAA,CAGJ,wBCrBA,UDsBiB,CCrBjB,WDqBiB,CACb,aAAA",sourcesContent:["@use '@00-team/utils' as *;\n\n.vito-player {\n    &,\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    contain: layout;\n    position: relative;\n    @include box(100%);\n    @include f-center;\n    @include no-user-select;\n\n    .main-video {\n        @include box(100%);\n        position: absolute;\n        z-index: 0;\n    }\n\n    button svg {\n        @include box(100%);\n        color: #f2f2f2;\n    }\n}\n\n// layout depths = video(0) -> touch(1) -> controls(2)\n","@mixin box($w, $h: $w) {\n    width: $w;\n    height: $h;\n}\n\n// width, aspect-ratio\n@mixin war($w: 100%, $ar: #{1 / 1}) {\n    width: $w;\n    aspect-ratio: $ar;\n}\n\n@mixin har($h: 100%, $ar: #{1 / 1}) {\n    height: $h;\n    aspect-ratio: $ar;\n}\n\n@mixin no-user-select {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@mixin bg($url, $size: cover, $pos: center, $repeat: no-repeat) {\n    background-image: url($url);\n    background-size: $size;\n    background-position: $pos;\n    background-repeat: $repeat;\n}\n\n@mixin f-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n@mixin g-center {\n    display: grid;\n    place-items: center;\n}\n"],sourceRoot:""}]),t.Z=a},645:function(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,o,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var u=this[s][0];null!=u&&(a[u]=!0)}for(var c=0;c<e.length;c++){var l=[].concat(e[c]);o&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),t.push(l))}},t}},537:function(e){e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),i="/*# ".concat(r," */"),a=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[t].concat(a).concat([i]).join("\n")}return[t].join("\n")}},98:function(e,t,n){n.r(t);var o=n(379),r=n.n(o),i=n(795),a=n.n(i),s=n(569),u=n.n(s),c=n(565),l=n.n(c),p=n(216),d=n.n(p),f=n(589),h=n.n(f),v=n(492),y={};y.styleTagTransform=h(),y.setAttributes=l(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=d(),r()(v.Z,y),t.default=v.Z&&v.Z.locals?v.Z.locals:void 0},169:function(e,t,n){n.r(t);var o=n(379),r=n.n(o),i=n(795),a=n.n(i),s=n(569),u=n.n(s),c=n(565),l=n.n(c),p=n(216),d=n.n(p),f=n(589),h=n.n(f),v=n(543),y={};y.styleTagTransform=h(),y.setAttributes=l(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=d(),r()(v.Z,y),t.default=v.Z&&v.Z.locals?v.Z.locals:void 0},358:function(e,t,n){n.r(t);var o=n(379),r=n.n(o),i=n(795),a=n.n(i),s=n(569),u=n.n(s),c=n(565),l=n.n(c),p=n(216),d=n.n(p),f=n(589),h=n.n(f),v=n(72),y={};y.styleTagTransform=h(),y.setAttributes=l(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=d(),r()(v.Z,y),t.default=v.Z&&v.Z.locals?v.Z.locals:void 0},340:function(e,t,n){n.r(t);var o=n(379),r=n.n(o),i=n(795),a=n.n(i),s=n(569),u=n.n(s),c=n(565),l=n.n(c),p=n(216),d=n.n(p),f=n(589),h=n.n(f),v=n(53),y={};y.styleTagTransform=h(),y.setAttributes=l(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=d(),r()(v.Z,y),t.default=v.Z&&v.Z.locals?v.Z.locals:void 0},379:function(e){var t=[];function n(e){for(var n=-1,o=0;o<t.length;o++)if(t[o].identifier===e){n=o;break}return n}function o(e,o){for(var i={},a=[],s=0;s<e.length;s++){var u=e[s],c=o.base?u[0]+o.base:u[0],l=i[c]||0,p="".concat(c," ").concat(l);i[c]=l+1;var d=n(p),f={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(-1!==d)t[d].references++,t[d].updater(f);else{var h=r(f,o);o.byIndex=s,t.splice(s,0,{identifier:p,updater:h,references:1})}a.push(p)}return a}function r(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,r){var i=o(e=e||[],r=r||{});return function(e){e=e||[];for(var a=0;a<i.length;a++){var s=n(i[a]);t[s].references--}for(var u=o(e,r),c=0;c<i.length;c++){var l=n(i[c]);0===t[l].references&&(t[l].updater(),t.splice(l,1))}i=u}}},569:function(e){var t={};e.exports=function(e,n){var o=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);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(n)}},216:function(e){e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:function(e,t,n){e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},795:function(e){e.exports=function(e){var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var r=void 0!==n.layer;r&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,r&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:function(e){e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},646:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var i=n(156),a=n(40),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.video=t.context.video,t.vito=t.context.vito,t.options=t.context.options,t.source=t.context.source,t.sources=t.context.sources,t.changeSource=t.context.changeSource,t}return r(t,e),t.contextType=a.PlayerContext,t}(i.PureComponent);t.default=s},299:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Pause=void 0;var a=i(n(156)),s=i(n(646)),u=i(n(540)),c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return r(t,e),t.prototype.pause=function(){this.video.paused||this.video.pause()},t.prototype.render=function(){var e=this;return a.default.createElement("button",{onClick:function(){return e.pause()}},a.default.createElement(u.default,null))},t}(s.default);t.Pause=c,t.default=c},237:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Play=void 0;var a=i(n(156)),s=i(n(646)),u=i(n(502)),c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return r(t,e),t.prototype.play=function(){this.video.paused&&this.video.play()},t.prototype.render=function(){var e=this;return a.default.createElement("button",{onClick:function(){return e.play()}},a.default.createElement(u.default,null))},t}(s.default);t.Play=c,t.default=c},40:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.PlayerContext=void 0;var o=(0,n(156).createContext)({});t.PlayerContext=o},394:function(e,t,n){var o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(n(156)),a={x1:"30",y1:"30",y2:"30",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},s={attributeName:"transform",type:"rotate",from:"0 30 30",to:"360 30 30",repeatCount:"indefinite"};t.default=function(){return i.default.createElement("svg",{className:"loading",viewBox:"0 0 60 60"},i.default.createElement("circle",{r:"28",stroke:"currentColor",strokeWidth:"2",cx:"30",cy:"30",fill:"#0000"}),i.default.createElement("circle",{r:"1.5",fill:"currentColor",cx:"30",cy:"30"}),i.default.createElement("line",o({x2:"55"},a),i.default.createElement("animateTransform",o({dur:"2s"},s))),i.default.createElement("line",o({x2:"50"},a),i.default.createElement("animateTransform",o({dur:"8s"},s))))}},540:function(e,t,n){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var r=o(n(156));t.default=function(){return r.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 8.96 14.08"},r.default.createElement("path",{d:"M 2.56 14.08 H 0.64 A 0.64 0.64 90 0 1 0 13.44 V \n                0.64 A 0.64 0.64 90 0 1 0.64 0 H 2.56 A 0.64 0.64 90 \n                0 1 3.2 0.64 V 13.44 A 0.64 0.64 90 0 1 2.56 14.08 Z \n                M 8.32 14.08 H 6.4 A 0.64 0.64 90 0 1 5.76 13.44 V \n                0.64 A 0.64 0.64 90 0 1 6.4 0 H 8.32 A 0.64 0.64 90 \n                0 1 8.96 0.64 V 13.44 A 0.64 0.64 90 0 1 8.32 14.08 Z",fill:"currentColor"}))}},502:function(e,t,n){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var r=o(n(156));t.default=function(){return r.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.8 14.72"},r.default.createElement("path",{d:"M 1.48 14.72 A 1.42 1.42 90 0 1 0.78 14.53 C 0.3 \n                14.26 0 13.73 0 13.16 V 1.56 C 0 0.98 0.3 0.46 0.78 \n                0.19 A 1.41 1.41 90 0 1 2.21 0.2 L 12.12 6.14 A 1.44 \n                1.44 90 0 1 12.12 8.58 L 2.21 14.52 A 1.42 1.42 90 0 \n                1 1.48 14.72 Z",fill:"currentColor"}))}},629:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__assign||function(){return i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),s=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),u=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return s(t,e),t},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Player=void 0;var l=u(n(156)),p=n(928),d=c(n(364));n(340);var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return r(t,e),t.prototype.componentDidMount=function(){var e=(0,p.ConvertSource)(this.props.source);this.setState({sources:e,source:(0,p.GetMainSource)(e)})},t.prototype.changeSource=function(e){this.setState({source:e})},t.prototype.render=function(){var e=this;return this.state.source?l.default.createElement("div",{className:"vito-player",ref:function(t){return t&&e.setState({vito:t})}},l.default.createElement("video",{className:"main-video",src:this.state.source.url,ref:function(t){return t&&e.setState({video:t})}}),l.default.createElement(d.default,i({changeSource:this.changeSource},this.state))):l.default.createElement(l.default.Fragment,null)},t}(l.PureComponent);t.Player=f,t.default=f},845:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return a(t,e),t},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Controls=void 0;var c=s(n(156));n(98);var l=u(n(460)),p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return r(t,e),t.prototype.render=function(){return c.default.createElement("div",{className:"controls"},c.default.createElement("div",{className:"page page-1"}),c.default.createElement("div",{className:"page page-2"},c.default.createElement(l.default,null)),c.default.createElement("div",{className:"page page-3"}))},t}(c.PureComponent);t.Controls=p,t.default=p},460:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TogglePPL=void 0;var a=i(n(156)),s=i(n(646)),u=i(n(237)),c=i(n(299)),l=i(n(394)),p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={isPlaying:!1,isLoading:!0},t.UpdateIsPlaying=t.UpdateIsPlayingPr.bind(t),t.UpdateIsLoading=t.UpdateIsLoadingPr.bind(t),t}return r(t,e),t.prototype.UpdateIsPlayingPr=function(){this.setState({isPlaying:!this.video.paused}),this.UpdateIsLoadingPr()},t.prototype.UpdateIsLoadingPr=function(){4===this.video.readyState?this.setState({isLoading:!1}):this.setState({isLoading:!0})},t.prototype.componentDidMount=function(){this.video.addEventListener("play",this.UpdateIsPlaying),this.video.addEventListener("pause",this.UpdateIsPlaying),this.video.addEventListener("loadstart",this.UpdateIsLoading),this.video.addEventListener("canplay",this.UpdateIsLoading),this.video.addEventListener("canplaythrough",this.UpdateIsLoading),this.video.addEventListener("progress",this.UpdateIsLoading),this.video.addEventListener("loadeddata",this.UpdateIsLoading)},t.prototype.componentWillUnmount=function(){this.video.removeEventListener("play",this.UpdateIsPlaying),this.video.removeEventListener("pause",this.UpdateIsPlaying),this.video.removeEventListener("loadstart",this.UpdateIsLoading),this.video.removeEventListener("canplay",this.UpdateIsLoading),this.video.removeEventListener("canplaythrough",this.UpdateIsLoading),this.video.removeEventListener("progress",this.UpdateIsLoading),this.video.removeEventListener("loadeddata",this.UpdateIsLoading)},t.prototype.render=function(){return this.state.isLoading?a.default.createElement(l.default,null):this.state.isPlaying?a.default.createElement(c.default,null):a.default.createElement(u.default,null)},t}(s.default);t.TogglePPL=p,t.default=p},779:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Touch=void 0;var u=s(n(156));n(358);var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return r(t,e),t.prototype.render=function(){return u.default.createElement("div",{className:"touch"})},t}(u.PureComponent);t.Touch=c,t.default=c},566:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return a(t,e),t},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Mobile=void 0;var c=s(n(156));n(169);var l=u(n(845)),p=u(n(779)),d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={},t}return r(t,e),t.prototype.render=function(){return c.default.createElement("div",{className:"mobile-layout"},c.default.createElement(l.default,null),c.default.createElement(p.default,null))},t}(c.PureComponent);t.Mobile=d,t.default=d},364:function(e,t,n){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var r=o(n(156)),i=o(n(566)),a=n(40);t.default=function(e){var t=e.video,n=e.vito,o=e.options,s=e.source,u=e.sources,c=e.changeSource;return t&&n&&s&&u?r.default.createElement(a.PlayerContext.Provider,{value:{video:t,vito:n,options:o,source:s,sources:u,changeSource:c}},r.default.createElement(i.default,null)):r.default.createElement(r.default.Fragment,null)}},928:function(e,t,n){var o=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||o(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(572),t)},572:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.GetMainSource=t.ConvertSource=void 0;var n="this source is not valid!";t.ConvertSource=function(e){if(!e)throw Error(n);if("string"==typeof e)return[{url:e,label:"video"}];if(e.constructor===Array){var t=e.map((function(e){return"string"==typeof e?{url:e,label:"video"}:e}));if(t.length<1)throw Error(n);return t}if("url"in e&&"label"in e)return[e];throw Error(n)},t.GetMainSource=function(e){if(e.length<1)throw Error(n);return e[0]}},156:function(t){t.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={id:e,exports:{}};return t[e].call(i.exports,i,i.exports,o),i.exports}return o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(629)}()}));
 //# sourceMappingURL=source_maps/index.js.map

package.json

 {
     "name": "@00-team/vito",
     "private": false,
-    "version": "0.0.2",
+    "version": "0.0.3",
     "description": "00 Team React Video Player. Vito!",
@@ -6,0 +6,0 @@ "main": "./lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

137554

increased by20.14%

Number of package files

41

increased by17.14%

Lines of code

299

increased by30%

No dependency changes