Changeset 2587066

Timestamp:

08/23/2021 12:12:16 PM (5 years ago)

Author:

gosign

Message:

update video icon color

Location:

gosign-vimeo-video-player-block/trunk

Files:

• README.md (modified) (1 diff)
• blocks/index.min.js (modified) (1 diff)
• blocks/style.min.css (modified) (1 diff)

gosign-vimeo-video-player-block/trunk/README.md

@@ -2 +2 @@
 Contributors: ahsan21,ahmedcassini, awaiskhalid0
 Tags: Vimeo Video Player, Wordpress Vimeo Video Player, Gutenberg Vimeo Video Player Block, Vimeo Video Player With Options, Vimeo Player Block with Splash Image
-Stable tag: 1.0.1
+Stable tag: 1.0.2
 Requires at least: 5.8
 Tested up to : 5.8

gosign-vimeo-video-player-block/trunk/blocks/index.min.js

@@ -4 +4 @@
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
-*/!function(){"use strict";var n=function(){function e(){}function t(e,t){for(var n=t.length,o=0;o<n;++o)i(e,t[o])}e.prototype=Object.create(null);var n={}.hasOwnProperty;var o=/\s+/;function i(e,i){if(i){var r=typeof i;"string"===r?function(e,t){for(var n=t.split(o),i=n.length,r=0;r<i;++r)e[n[r]]=!0}(e,i):Array.isArray(i)?t(e,i):"object"===r?function(e,t){for(var o in t)n.call(t,o)&&(e[o]=!!t[o])}(e,i):"number"===r&&function(e,t){e[t]=!0}(e,i)}}return function(){for(var n=arguments.length,o=Array(n),i=0;i<n;i++)o[i]=arguments[i];var r=new e;t(r,o);var a=[];for(var l in r)r[l]&&a.push(l);return a.join(" ")}}();e.exports?(n.default=n,e.exports=n):void 0===(o=function(){return n}.apply(t,[]))||(e.exports=o)}()},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var i=(a=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),r=o.sources.map((function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"}));return[n].concat(r).concat([i]).join("\n")}var a;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n})).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(o[r]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){var o,i,r={},a=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===i&&(i=o.apply(this,arguments)),i}),l=function(e,t){return t?t.querySelector(e):document.querySelector(e)},c=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var o=l.call(this,e,n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}t[e]=o}return t[e]}}(),p=null,s=0,u=[],d=n(6);function m(e,t){for(var n=0;n<e.length;n++){var o=e[n],i=r[o.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](o.parts[a]);for(;a<o.parts.length;a++)i.parts.push(b(o.parts[a],t))}else{var l=[];for(a=0;a<o.parts.length;a++)l.push(b(o.parts[a],t));r[o.id]={id:o.id,refs:1,parts:l}}}}function f(e,t){for(var n=[],o={},i=0;i<e.length;i++){var r=e[i],a=t.base?r[0]+t.base:r[0],l={css:r[1],media:r[2],sourceMap:r[3]};o[a]?o[a].parts.push(l):n.push(o[a]={id:a,parts:[l]})}return n}function h(e,t){var n=c(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=u[u.length-1];if("top"===e.insertAt)o?o.nextSibling?n.insertBefore(t,o.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),u.push(t);else if("bottom"===e.insertAt)n.appendChild(t);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 i=c(e.insertAt.before,n);n.insertBefore(t,i)}}function g(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=u.indexOf(e);t>=0&&u.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var o=function(){0;return n.nc}();o&&(e.attrs.nonce=o)}return y(t,e.attrs),h(e,t),t}function y(e,t){Object.keys(t).forEach((function(n){e.setAttribute(n,t[n])}))}function b(e,t){var n,o,i,r;if(t.transform&&e.css){if(!(r="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=r}if(t.singleton){var a=s++;n=p||(p=v(t)),o=E.bind(null,n,a,!1),i=E.bind(null,n,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",y(t,e.attrs),h(e,t),t}(t),o=S.bind(null,n,t),i=function(){g(n),n.href&&URL.revokeObjectURL(n.href)}):(n=v(t),o=C.bind(null,n),i=function(){g(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else i()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=a()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=f(e,t);return m(n,t),function(e){for(var o=[],i=0;i<n.length;i++){var a=n[i];(l=r[a.id]).refs--,o.push(l)}e&&m(f(e,t),t);for(i=0;i<o.length;i++){var l;if(0===(l=o[i]).refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete r[l.id]}}}};var w,x=(w=[],function(e,t){return w[e]=t,w.filter(Boolean).join("\n")});function E(e,t,n,o){var i=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=x(t,i);else{var r=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(r,a[t]):e.appendChild(r)}}function C(e,t){var n=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function S(e,t,n){var o=n.css,i=n.sourceMap,r=void 0===t.convertToAbsoluteUrls&&i;(t.convertToAbsoluteUrls||r)&&(o=d(o)),i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var a=new Blob([o],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(a),l&&URL.revokeObjectURL(l)}},function(e,t,n){e.exports=n(9)},function(e,t,n){var o=n(5);"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(2)(o,i);o.locals&&(e.exports=o.locals)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".gosign-vimeo-video-player{position:relative;margin:0 auto}.gosign-vimeo-video-player .inner-wrap{margin:0px auto}.gosign-vimeo-video-player .containerWraper{position:relative;width:100%;height:100%;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:100%;background-color:#000}.gosign-vimeo-video-player .containerWraper .videoContainer{text-align:center;position:relative}.gosign-vimeo-video-player .containerWraper .videoContainer iframe{background:black;position:absolute;top:0;left:0;width:100%}.gosign-vimeo-video-player .splashImageConatiner .playBtn{width:78px;height:48px;position:relative;margin:0;padding:0;color:#fff;transition:opacity 250ms ease-out,background-color 40ms,color 40ms;background:rgba(23,35,34,0.75);border-radius:5px;cursor:pointer;font-size:1em;border:0;outline:0;position:absolute;left:calc(50% - 40px);top:calc(50% - 25px)}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon{margin:0 auto;padding:5px 0 0 5px;color:#fff;outline:0;opacity:0.85}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon svg{width:24px;height:24px;outline:0}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon svg .fill{fill:#fff}.gosign-vimeo-video-player .splashImageConatiner .playBtn:hover{background-color:#00adef}.gosign-vimeo-video-player .splashImageConatiner .playBtn:hover .play-icon{opacity:1}.gosign-vimeo-video-player .defaultLayout{width:100%;min-height:450px;background:#000}.gosign-vimeo-video-player .defaultLayout .logoPortion{position:absolute;top:35%;right:0;left:0;text-align:center}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap{text-align:center}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap span{position:relative;width:30px;height:30px;font-size:50px;color:#f00;background:#fff}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap span::before{position:absolute;top:-9px;left:-11px}.gosign-vimeo-video-player .defaultLayout .logoPortion h4{color:#fff}.gosign-vimeo-video-player.fullWidth{width:100% !important}.gosign-vimeo-video-player.autoHeight{height:100% !important}.gosign-vimeo-video-player.ratio-11 .videoContainer{padding-top:100% !important}.gosign-vimeo-video-player.ratio-23 .videoContainer{padding-top:150% !important}.gosign-vimeo-video-player.ratio-32 .videoContainer{padding-top:67% !important}.gosign-vimeo-video-player.ratio-43 .videoContainer{padding-top:75% !important}.gosign-vimeo-video-player.ratio-169 .videoContainer{padding-top:56.25% !important}.gosign-vimeo-video-player:not(.fixedSize):not(.fixedHeight):not(.fixedWidth) .containerWraper .videoContainer{padding:75% 0 0 0}.gosign-vimeo-video-player:not(.fixedSize):not(.fixedHeight):not(.fixedWidth) .containerWraper .videoContainer iframe{width:100%;height:100%}\n",""])},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,o=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(e,t){var i,r=t.trim().replace(/^"(.*)"$/,(function(e,t){return t})).replace(/^'(.*)'$/,(function(e,t){return t}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(r)?e:(i=0===r.indexOf("//")?r:0===r.indexOf("/")?n+r:o+r.replace(/^\.\//,""),"url("+JSON.stringify(i)+")")}))}},function(e,t,n){var o=n(8);"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(2)(o,i);o.locals&&(e.exports=o.locals)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"",""])},function(e,t,n){"use strict";n.r(t);n(4),n(7);var o=n(0),i=n.n(o);function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e){var t=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 n,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return s(this,n)}}function s(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?u(e):t}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var m=wp.i18n.__,f=wp.blocks.registerBlockType,h=wp.element,g=h.Component,v=h.Fragment,y=wp.editor,b=y.InspectorControls,w=y.MediaUpload,x=wp.components,E=x.PanelBody,C=x.TextControl,S=x.RangeControl,k=x.ToggleControl,W=x.Button,N=x.SelectControl;function P(e,t){var n="";return!0===t.autoplay&&(n+="&autoplay=1"),!0===t.loop&&(n+="&loop=1"),!0===t.muted&&(n+="&muted=1"),!1===t.portrait&&(n+="&portrait=0"),!1===t.title&&(n+="&title=0"),!1===t.byline&&(n+="&byline=0"),!0===t.dnt&&(n+="&dnt=1"),n?e+"?"+n.substr(1):e}function R(e){var t=/(vimeo(pro)?\.com)\/(?:[^\d]+)?(\d+)\??(.*)?$/.exec(e);if(console.log(t),t){var n=t[3];return console.log("VID: ",n),n}return console.log("Could not extract video ID."),!1}function H(e){return"23"==e?1.5:"32"==e?2/3:"43"==e?3/4:"169"==e?9/16:1}var M=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}(s,e);var t,n,o,r=p(s);function s(){var e;return a(this,s),(e=r.apply(this,arguments)).state={playVideoPlayer:!1},e.playVimeoPlayer=e.playVimeoPlayer.bind(u(e)),e.playBtnTemp=wp.element.createElement("div",{className:"splashImageConatiner",onClick:e.playVimeoPlayer},wp.element.createElement("button",{type:"button",class:"playBtn"},wp.element.createElement("div",{class:"play-icon"},wp.element.createElement("svg",{viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",tabindex:"-1"},wp.element.createElement("polygon",{class:"fill",points:"1,0 20,10 1,20"}))))),e}return t=s,(n=[{key:"playVimeoPlayer",value:function(e){this.setState({playVideoPlayer:!0})}},{key:"render",value:function(){var e=this.state.playVideoPlayer,t=this.props,n=t.attributes,o=t.setAttributes,r=this.props.className,a=void 0===r?"":r,l=n.vimeoVideoUrl,c=n.vimeoVideoId,p=n.mediaURL,s=n.mediaID,u=n.playerWidth,d=n.playerHeight,f=n.autoplay,h=n.loop,g=n.hidePortrait,y=n.hideTitle,x=n.hideByline,M=n.muted,I=n.enableDNTMode,O=n.fullWidth,j=n.autoHeight,L=n.aspectRatio,B=n.maxHeightSet,T=n.maxWidthSet,U=n.playerMaxHeight,V=n.playerMaxWidth,A=n.minHeightSet,D=n.minWidthSet,_=n.playerMinHeight,z=n.playerMinWidth;a=i()("gosign-vimeo-video-player",a),o({blockId:this.instanceId});var F={vid:c,width:u,height:d,autoplay:!!f,loop:!!h,muted:!!M,portrait:!g,title:!y,byline:!x,dnt:I};function G(){o({mediaURL:"",mediaID:""})}var $=!j&&!O;$&&(a=i()(a,"fixedSize")),j||(a=i()(a,"fixedHeight")),O||(a=i()(a,"fixedWidth")),L&&j&&O&&(a=i()(a,"ratio-"+L));var q={};if(j||$||(q.height=d),O||$||(q.width=u),$&&(q.height=d,q.width=u),B&&(q.maxHeight=U),T&&(q.maxWidth=V),A&&(q.minHeight=_),D&&(q.minWidth=z),!j&&O&&(F.width=!1),!O&&j){var J=H(L);F.height=F.width*J,q.height=F.height}j&&O&&(F.width=!1,F.height=!1);var Y="",K=wp.element.createElement("div",{className:"defaultLayout"},wp.element.createElement("div",{className:"logoPortion"},wp.element.createElement("div",{className:"iconWrap"},wp.element.createElement("span",{className:"dashicons dashicons-video-alt3",style:{color:"#00adef"}})),wp.element.createElement("h4",null,m("Gosign - Vimeo Video Player"))));if(!1===c||""===c)Y="No url",q={};else{Y="https://player.vimeo.com/video/"+c,e&&(F.autoplay=!0),Y=P(Y,F);var Q=!e&&p?{background:"url("+p+")  no-repeat center/100% black"}:{background:"black"};K=wp.element.createElement("div",{className:"containerWraper",style:Q},wp.element.createElement("div",{className:"videoContainer",id:"videoContainer1"},!p||e?wp.element.createElement("iframe",{width:F.width,height:F.height,src:Y,frameBorder:"0",allow:"autoplay; fullscreen",allowFullScreen:!0}):""),p&&!e?this.playBtnTemp:"")}return wp.element.createElement("div",{className:"wp-gosign-vimeo-video-player-block-wrapper"},wp.element.createElement(b,null,wp.element.createElement(C,{label:m("Vimeo Video URL"),value:l,onChange:function(e){o({vimeoVideoUrl:e}),o({vimeoVideoId:R(e)})}}),wp.element.createElement(E,{title:"Settings",initialOpen:!1},wp.element.createElement(N,{label:m("Aspect Ratio"),value:L,options:[{label:"1:1",value:"11"},{label:"2:3",value:"23"},{label:"3:2",value:"32"},{label:"4:3",value:"43"},{label:"16:9",value:"169"}],onChange:function(e){o({aspectRatio:e})}}),wp.element.createElement(E,null,wp.element.createElement("label",null,wp.element.createElement("strong",null,m("Player Width Setting"))),wp.element.createElement("br",null),wp.element.createElement("br",null),wp.element.createElement(k,{label:m("Full Width"),checked:O,onChange:function(e){return o({fullWidth:e})}}),!O&&wp.element.createElement(S,{label:m("Width"),value:u,onChange:function(e){return o({playerWidth:e})},min:100,max:2e3})),wp.element.createElement(E,null,wp.element.createElement("label",null,wp.element.createElement("strong",null,m("Player Height Setting"))),wp.element.createElement("br",null),wp.element.createElement("br",null),wp.element.createElement(k,{label:m("Auto Height"),checked:j,onChange:function(e){return o({autoHeight:e})}}),!j&&wp.element.createElement(S,{label:m("Height"),value:d,onChange:function(e){return o({playerHeight:e})},min:100,max:2e3}))),wp.element.createElement(E,{title:"Splash Image",initialOpen:!1,className:"splashImagePanel"},wp.element.createElement(w,{onSelect:function(e){o({mediaURL:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(v,null,wp.element.createElement(W,{className:s?"image-button":"button button-large",onClick:t},s?wp.element.createElement("img",{src:p,width:"30%"}):m("Add Splash Image")),s&&wp.element.createElement(W,{className:s?"image-button":"button button-large-remove",onClick:G},s?wp.element.createElement("div",{className:"remove-image"}," Remove Image"):" "),s&&wp.element.createElement(W,{className:s?"image-button":"button button-large-replace",onClick:t},s?wp.element.createElement("div",{className:"replace-image"}," Replace Image"):" "))}})),wp.element.createElement(E,{title:"Options",initialOpen:!1,className:"optionPanel"},wp.element.createElement(k,{label:m("Auto Play (deactivated when splash image added)"),checked:f,onChange:function(e){return o({autoplay:e})}}),wp.element.createElement(k,{label:m("Loop"),checked:h,onChange:function(e){return o({loop:e})}}),wp.element.createElement(k,{label:m("Muted"),checked:M,onChange:function(e){return o({muted:e})}}),wp.element.createElement(k,{label:m("Hide Portrait"),checked:g,onChange:function(e){return o({hidePortrait:e})}}),wp.element.createElement(k,{label:m("Hide Title"),checked:y,onChange:function(e){return o({hideTitle:e})}}),wp.element.createElement(k,{label:m("Hide Byline"),checked:x,onChange:function(e){return o({hideByline:e})}}),wp.element.createElement(k,{label:m('Enable "Do Not TracK" Mode'),checked:I,onChange:function(e){return o({enableDNTMode:e})}}))),wp.element.createElement(v,null,wp.element.createElement("div",{className:a},wp.element.createElement("div",{class:"inner-wrap",style:q},K))))}}])&&l(t.prototype,n),o&&l(t,o),s}(g);f("gosign/block-gosign-vimeo-video-player-block",{title:m("Gosign - Vimeo Video Player"),icon:{foreground:"#00adef",src:"video-alt3"},category:"common",keywords:[m("Vimeo"),m("Videoplayer"),m("Gosign")],supports:{html:!1,className:!1,anchor:!0,align:["wide","full"]},attributes:{vimeoVideoUrl:{type:"string",default:""},vimeoVideoId:{type:"string",default:""},playerWidth:{type:"int",default:800},playerHeight:{type:"int",default:600},mediaID:{type:"int"},mediaURL:{type:"string",default:""},aspectRatio:{type:"string",default:"43"},fullWidth:{type:"boolean",default:!0},autoHeight:{type:"boolean",default:!0},maxWidthSet:{type:"boolean",default:!1},maxHeightSet:{type:"boolean",default:!1},playerMaxWidth:{type:"int",default:800},playerMaxHeight:{type:"int",default:600},minWidthSet:{type:"boolean",default:!1},minHeightSet:{type:"boolean",default:!1},playerMinWidth:{type:"int",default:800},playerMinHeight:{type:"int",default:600},autoplay:{type:"boolean",default:!1},loop:{type:"boolean",default:!1},muted:{type:"boolean",default:!1},hidePortrait:{type:"boolean",default:!1},hideTitle:{type:"boolean",default:!1},hideByline:{type:"boolean",default:!1},enableDNTMode:{type:"boolean",default:!1}},edit:M,save:function(e){var t=e.attributes,n=t.vimeoVideoId,o=t.mediaURL,r=t.playerWidth,a=t.playerHeight,l=t.hidePortrait,c=t.autoplay,p=t.loop,s=t.hideTitle,u=t.enableDNTMode,d=t.hideByline,f=t.muted,h=t.fullWidth,g=t.autoHeight,v=t.aspectRatio,y=t.maxHeightSet,b=t.maxWidthSet,w=t.playerMaxHeight,x=t.playerMaxWidth,E=t.minHeightSet,C=t.minWidthSet,S=t.playerMinHeight,k=t.playerMinWidth,W="gosign-vimeo-video-player",N=!g&&!h;N&&(W=i()(W,"fixedSize")),g||(W=i()(W,"fixedHeight")),h||(W=i()(W,"fixedWidth")),v&&g&&h&&(W=i()(W,"ratio-"+v));var R={};g||N||(R.height=a),h||N||(R.width=r),N&&(R.height=a,R.width=r),y&&(R.maxHeight=w),b&&(R.maxWidth=x),E&&(R.minHeight=S),C&&(R.minWidth=k);var M={vid:n,width:r,height:a,autoplay:!!c,loop:!!p,muted:!!f,portrait:!l,title:!s,byline:!d,dnt:u};if(!g&&h&&(M.width=!1),!h&&g){var I=H(v);M.height=M.width*I,R.height=M.height}g&&h&&(M.width=!1,M.height=!1);var O="",j=wp.element.createElement("div",{className:"defaultLayout"},wp.element.createElement("div",{className:"logoPortion"},wp.element.createElement("div",{className:"iconWrap"},wp.element.createElement("span",{className:"dashicons dashicons-video-alt3",style:{color:"#00adef"}})),wp.element.createElement("h4",null,m("Gosign - Vimeo Video Player"))));if(!1===n||""===n)O="No url",R={};else{O="https://player.vimeo.com/video/"+n,o&&(M.autoplay=!0),O=P(O,M);var L=o?{background:"url("+o+") no-repeat center/100% black"}:{background:"black"},B="<iframe "+(N?"width='"+M.width+"' height='"+M.height+"'":"")+" src='"+O+"' frameBorder='0' allow='autoplay; fullscreen' allowFullScreen></iframe>",T="this.style.cssText='display:none';this.previousSibling.innerHTML= atob('"+(B=btoa(B))+"');";j=wp.element.createElement("div",{className:"containerWraper",style:L},wp.element.createElement("div",{className:"videoContainer",id:"videoContainer1"},o?"":wp.element.createElement("iframe",{width:M.width,height:M.height,src:O,frameBorder:"0",allow:"autoplay; fullscreen",allowFullScreen:!0})),o?wp.element.createElement("div",{className:"splashImageConatiner",onClick:T},wp.element.createElement("button",{type:"button",class:"playBtn"},wp.element.createElement("div",{class:"play-icon"},wp.element.createElement("svg",{viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",tabindex:"-1"},wp.element.createElement("polygon",{class:"fill",points:"1,0 20,10 1,20"}))))):"")}return wp.element.createElement("div",{className:W},wp.element.createElement("div",{class:"inner-wrap",style:R},j))}})}]);
+*/!function(){"use strict";var n=function(){function e(){}function t(e,t){for(var n=t.length,o=0;o<n;++o)i(e,t[o])}e.prototype=Object.create(null);var n={}.hasOwnProperty;var o=/\s+/;function i(e,i){if(i){var r=typeof i;"string"===r?function(e,t){for(var n=t.split(o),i=n.length,r=0;r<i;++r)e[n[r]]=!0}(e,i):Array.isArray(i)?t(e,i):"object"===r?function(e,t){for(var o in t)n.call(t,o)&&(e[o]=!!t[o])}(e,i):"number"===r&&function(e,t){e[t]=!0}(e,i)}}return function(){for(var n=arguments.length,o=Array(n),i=0;i<n;i++)o[i]=arguments[i];var r=new e;t(r,o);var a=[];for(var l in r)r[l]&&a.push(l);return a.join(" ")}}();e.exports?(n.default=n,e.exports=n):void 0===(o=function(){return n}.apply(t,[]))||(e.exports=o)}()},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var i=(a=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),r=o.sources.map((function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"}));return[n].concat(r).concat([i]).join("\n")}var a;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n})).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(o[r]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){var o,i,r={},a=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===i&&(i=o.apply(this,arguments)),i}),l=function(e,t){return t?t.querySelector(e):document.querySelector(e)},c=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var o=l.call(this,e,n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}t[e]=o}return t[e]}}(),p=null,s=0,u=[],d=n(6);function m(e,t){for(var n=0;n<e.length;n++){var o=e[n],i=r[o.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](o.parts[a]);for(;a<o.parts.length;a++)i.parts.push(b(o.parts[a],t))}else{var l=[];for(a=0;a<o.parts.length;a++)l.push(b(o.parts[a],t));r[o.id]={id:o.id,refs:1,parts:l}}}}function f(e,t){for(var n=[],o={},i=0;i<e.length;i++){var r=e[i],a=t.base?r[0]+t.base:r[0],l={css:r[1],media:r[2],sourceMap:r[3]};o[a]?o[a].parts.push(l):n.push(o[a]={id:a,parts:[l]})}return n}function h(e,t){var n=c(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=u[u.length-1];if("top"===e.insertAt)o?o.nextSibling?n.insertBefore(t,o.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),u.push(t);else if("bottom"===e.insertAt)n.appendChild(t);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 i=c(e.insertAt.before,n);n.insertBefore(t,i)}}function g(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=u.indexOf(e);t>=0&&u.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var o=function(){0;return n.nc}();o&&(e.attrs.nonce=o)}return y(t,e.attrs),h(e,t),t}function y(e,t){Object.keys(t).forEach((function(n){e.setAttribute(n,t[n])}))}function b(e,t){var n,o,i,r;if(t.transform&&e.css){if(!(r="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=r}if(t.singleton){var a=s++;n=p||(p=v(t)),o=E.bind(null,n,a,!1),i=E.bind(null,n,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",y(t,e.attrs),h(e,t),t}(t),o=S.bind(null,n,t),i=function(){g(n),n.href&&URL.revokeObjectURL(n.href)}):(n=v(t),o=C.bind(null,n),i=function(){g(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else i()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=a()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=f(e,t);return m(n,t),function(e){for(var o=[],i=0;i<n.length;i++){var a=n[i];(l=r[a.id]).refs--,o.push(l)}e&&m(f(e,t),t);for(i=0;i<o.length;i++){var l;if(0===(l=o[i]).refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete r[l.id]}}}};var w,x=(w=[],function(e,t){return w[e]=t,w.filter(Boolean).join("\n")});function E(e,t,n,o){var i=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=x(t,i);else{var r=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(r,a[t]):e.appendChild(r)}}function C(e,t){var n=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function S(e,t,n){var o=n.css,i=n.sourceMap,r=void 0===t.convertToAbsoluteUrls&&i;(t.convertToAbsoluteUrls||r)&&(o=d(o)),i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var a=new Blob([o],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(a),l&&URL.revokeObjectURL(l)}},function(e,t,n){e.exports=n(9)},function(e,t,n){var o=n(5);"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(2)(o,i);o.locals&&(e.exports=o.locals)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".gosign-vimeo-video-player{position:relative;margin:0 auto}.gosign-vimeo-video-player .inner-wrap{margin:0px auto}.gosign-vimeo-video-player .containerWraper{position:relative;width:100%;height:100%;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:100%;background-color:#000}.gosign-vimeo-video-player .containerWraper .videoContainer{text-align:center;position:relative}.gosign-vimeo-video-player .containerWraper .videoContainer iframe{background:black;position:absolute;top:0;left:0;width:100%}.gosign-vimeo-video-player .splashImageConatiner .playBtn{width:78px;height:48px;position:relative;margin:0;padding:0;color:#fff;transition:opacity 250ms ease-out,background-color 40ms,color 40ms;background:rgba(23,35,34,0.75);border-radius:5px;cursor:pointer;font-size:1em;border:0;outline:0;position:absolute;left:calc(50% - 40px);top:calc(50% - 25px)}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon{margin:0 auto;padding:5px 0 0 5px;color:#fff;outline:0;opacity:0.85}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon svg{width:24px;height:24px;outline:0}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon svg .fill{fill:#fff}.gosign-vimeo-video-player .splashImageConatiner .playBtn:hover{background-color:#ff6f00}.gosign-vimeo-video-player .splashImageConatiner .playBtn:hover .play-icon{opacity:1}.gosign-vimeo-video-player .defaultLayout{width:100%;min-height:450px;background:#000}.gosign-vimeo-video-player .defaultLayout .logoPortion{position:absolute;top:35%;right:0;left:0;text-align:center}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap{text-align:center}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap span{position:relative;width:30px;height:30px;font-size:50px;color:#f00;background:#fff}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap span::before{position:absolute;top:-9px;left:-11px}.gosign-vimeo-video-player .defaultLayout .logoPortion h4{color:#fff}.gosign-vimeo-video-player.fullWidth{width:100% !important}.gosign-vimeo-video-player.autoHeight{height:100% !important}.gosign-vimeo-video-player.ratio-11 .videoContainer{padding-top:100% !important}.gosign-vimeo-video-player.ratio-23 .videoContainer{padding-top:150% !important}.gosign-vimeo-video-player.ratio-32 .videoContainer{padding-top:67% !important}.gosign-vimeo-video-player.ratio-43 .videoContainer{padding-top:75% !important}.gosign-vimeo-video-player.ratio-169 .videoContainer{padding-top:56.25% !important}.gosign-vimeo-video-player:not(.fixedSize):not(.fixedHeight):not(.fixedWidth) .containerWraper .videoContainer{padding:75% 0 0 0}.gosign-vimeo-video-player:not(.fixedSize):not(.fixedHeight):not(.fixedWidth) .containerWraper .videoContainer iframe{width:100%;height:100%}\n",""])},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,o=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(e,t){var i,r=t.trim().replace(/^"(.*)"$/,(function(e,t){return t})).replace(/^'(.*)'$/,(function(e,t){return t}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(r)?e:(i=0===r.indexOf("//")?r:0===r.indexOf("/")?n+r:o+r.replace(/^\.\//,""),"url("+JSON.stringify(i)+")")}))}},function(e,t,n){var o=n(8);"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(2)(o,i);o.locals&&(e.exports=o.locals)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"",""])},function(e,t,n){"use strict";n.r(t);n(4),n(7);var o=n(0),i=n.n(o);function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e){var t=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 n,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return s(this,n)}}function s(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?u(e):t}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var m=wp.i18n.__,f=wp.blocks.registerBlockType,h=wp.element,g=h.Component,v=h.Fragment,y=wp.editor,b=y.InspectorControls,w=y.MediaUpload,x=wp.components,E=x.PanelBody,C=x.TextControl,S=x.RangeControl,k=x.ToggleControl,W=x.Button,N=x.SelectControl;function P(e,t){var n="";return!0===t.autoplay&&(n+="&autoplay=1"),!0===t.loop&&(n+="&loop=1"),!0===t.muted&&(n+="&muted=1"),!1===t.portrait&&(n+="&portrait=0"),!1===t.title&&(n+="&title=0"),!1===t.byline&&(n+="&byline=0"),!0===t.dnt&&(n+="&dnt=1"),n?e+"?"+n.substr(1):e}function R(e){var t=/(vimeo(pro)?\.com)\/(?:[^\d]+)?(\d+)\??(.*)?$/.exec(e);if(console.log(t),t){var n=t[3];return console.log("VID: ",n),n}return console.log("Could not extract video ID."),!1}function H(e){return"23"==e?1.5:"32"==e?2/3:"43"==e?3/4:"169"==e?9/16:1}var M=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}(s,e);var t,n,o,r=p(s);function s(){var e;return a(this,s),(e=r.apply(this,arguments)).state={playVideoPlayer:!1},e.playVimeoPlayer=e.playVimeoPlayer.bind(u(e)),e.playBtnTemp=wp.element.createElement("div",{className:"splashImageConatiner",onClick:e.playVimeoPlayer},wp.element.createElement("button",{type:"button",class:"playBtn"},wp.element.createElement("div",{class:"play-icon"},wp.element.createElement("svg",{viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",tabindex:"-1"},wp.element.createElement("polygon",{class:"fill",points:"1,0 20,10 1,20"}))))),e}return t=s,(n=[{key:"playVimeoPlayer",value:function(e){this.setState({playVideoPlayer:!0})}},{key:"render",value:function(){var e=this.state.playVideoPlayer,t=this.props,n=t.attributes,o=t.setAttributes,r=this.props.className,a=void 0===r?"":r,l=n.vimeoVideoUrl,c=n.vimeoVideoId,p=n.mediaURL,s=n.mediaID,u=n.playerWidth,d=n.playerHeight,f=n.autoplay,h=n.loop,g=n.hidePortrait,y=n.hideTitle,x=n.hideByline,M=n.muted,I=n.enableDNTMode,O=n.fullWidth,j=n.autoHeight,L=n.aspectRatio,B=n.maxHeightSet,T=n.maxWidthSet,U=n.playerMaxHeight,V=n.playerMaxWidth,A=n.minHeightSet,D=n.minWidthSet,_=n.playerMinHeight,z=n.playerMinWidth;a=i()("gosign-vimeo-video-player",a),o({blockId:this.instanceId});var F={vid:c,width:u,height:d,autoplay:!!f,loop:!!h,muted:!!M,portrait:!g,title:!y,byline:!x,dnt:I};function G(){o({mediaURL:"",mediaID:""})}var $=!j&&!O;$&&(a=i()(a,"fixedSize")),j||(a=i()(a,"fixedHeight")),O||(a=i()(a,"fixedWidth")),L&&j&&O&&(a=i()(a,"ratio-"+L));var q={};if(j||$||(q.height=d),O||$||(q.width=u),$&&(q.height=d,q.width=u),B&&(q.maxHeight=U),T&&(q.maxWidth=V),A&&(q.minHeight=_),D&&(q.minWidth=z),!j&&O&&(F.width=!1),!O&&j){var J=H(L);F.height=F.width*J,q.height=F.height}j&&O&&(F.width=!1,F.height=!1);var Y="",K=wp.element.createElement("div",{className:"defaultLayout"},wp.element.createElement("div",{className:"logoPortion"},wp.element.createElement("div",{className:"iconWrap"},wp.element.createElement("span",{className:"dashicons dashicons-video-alt3",style:{color:"#ff6f00"}})),wp.element.createElement("h4",null,m("Gosign - Vimeo Video Player"))));if(!1===c||""===c)Y="No url",q={};else{Y="https://player.vimeo.com/video/"+c,e&&(F.autoplay=!0),Y=P(Y,F);var Q=!e&&p?{background:"url("+p+")  no-repeat center/100% black"}:{background:"black"};K=wp.element.createElement("div",{className:"containerWraper",style:Q},wp.element.createElement("div",{className:"videoContainer",id:"videoContainer1"},!p||e?wp.element.createElement("iframe",{width:F.width,height:F.height,src:Y,frameBorder:"0",allow:"autoplay; fullscreen",allowFullScreen:!0}):""),p&&!e?this.playBtnTemp:"")}return wp.element.createElement("div",{className:"wp-gosign-vimeo-video-player-block-wrapper"},wp.element.createElement(b,null,wp.element.createElement(C,{label:m("Vimeo Video URL"),value:l,onChange:function(e){o({vimeoVideoUrl:e}),o({vimeoVideoId:R(e)})}}),wp.element.createElement(E,{title:"Settings",initialOpen:!1},wp.element.createElement(N,{label:m("Aspect Ratio"),value:L,options:[{label:"1:1",value:"11"},{label:"2:3",value:"23"},{label:"3:2",value:"32"},{label:"4:3",value:"43"},{label:"16:9",value:"169"}],onChange:function(e){o({aspectRatio:e})}}),wp.element.createElement(E,null,wp.element.createElement("label",null,wp.element.createElement("strong",null,m("Player Width Setting"))),wp.element.createElement("br",null),wp.element.createElement("br",null),wp.element.createElement(k,{label:m("Full Width"),checked:O,onChange:function(e){return o({fullWidth:e})}}),!O&&wp.element.createElement(S,{label:m("Width"),value:u,onChange:function(e){return o({playerWidth:e})},min:100,max:2e3})),wp.element.createElement(E,null,wp.element.createElement("label",null,wp.element.createElement("strong",null,m("Player Height Setting"))),wp.element.createElement("br",null),wp.element.createElement("br",null),wp.element.createElement(k,{label:m("Auto Height"),checked:j,onChange:function(e){return o({autoHeight:e})}}),!j&&wp.element.createElement(S,{label:m("Height"),value:d,onChange:function(e){return o({playerHeight:e})},min:100,max:2e3}))),wp.element.createElement(E,{title:"Splash Image",initialOpen:!1,className:"splashImagePanel"},wp.element.createElement(w,{onSelect:function(e){o({mediaURL:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(v,null,wp.element.createElement(W,{className:s?"image-button":"button button-large",onClick:t},s?wp.element.createElement("img",{src:p,width:"30%"}):m("Add Splash Image")),s&&wp.element.createElement(W,{className:s?"image-button":"button button-large-remove",onClick:G},s?wp.element.createElement("div",{className:"remove-image"}," Remove Image"):" "),s&&wp.element.createElement(W,{className:s?"image-button":"button button-large-replace",onClick:t},s?wp.element.createElement("div",{className:"replace-image"}," Replace Image"):" "))}})),wp.element.createElement(E,{title:"Options",initialOpen:!1,className:"optionPanel"},wp.element.createElement(k,{label:m("Auto Play (deactivated when splash image added)"),checked:f,onChange:function(e){return o({autoplay:e})}}),wp.element.createElement(k,{label:m("Loop"),checked:h,onChange:function(e){return o({loop:e})}}),wp.element.createElement(k,{label:m("Muted"),checked:M,onChange:function(e){return o({muted:e})}}),wp.element.createElement(k,{label:m("Hide Portrait"),checked:g,onChange:function(e){return o({hidePortrait:e})}}),wp.element.createElement(k,{label:m("Hide Title"),checked:y,onChange:function(e){return o({hideTitle:e})}}),wp.element.createElement(k,{label:m("Hide Byline"),checked:x,onChange:function(e){return o({hideByline:e})}}),wp.element.createElement(k,{label:m('Enable "Do Not TracK" Mode'),checked:I,onChange:function(e){return o({enableDNTMode:e})}}))),wp.element.createElement(v,null,wp.element.createElement("div",{className:a},wp.element.createElement("div",{class:"inner-wrap",style:q},K))))}}])&&l(t.prototype,n),o&&l(t,o),s}(g);f("gosign/block-gosign-vimeo-video-player-block",{title:m("Gosign - Vimeo Video Player"),icon:{foreground:"#ff6f00",src:"video-alt3"},category:"common",keywords:[m("Vimeo"),m("Videoplayer"),m("Gosign")],supports:{html:!1,className:!1,anchor:!0,align:["wide","full"]},attributes:{vimeoVideoUrl:{type:"string",default:""},vimeoVideoId:{type:"string",default:""},playerWidth:{type:"int",default:800},playerHeight:{type:"int",default:600},mediaID:{type:"int"},mediaURL:{type:"string",default:""},aspectRatio:{type:"string",default:"43"},fullWidth:{type:"boolean",default:!0},autoHeight:{type:"boolean",default:!0},maxWidthSet:{type:"boolean",default:!1},maxHeightSet:{type:"boolean",default:!1},playerMaxWidth:{type:"int",default:800},playerMaxHeight:{type:"int",default:600},minWidthSet:{type:"boolean",default:!1},minHeightSet:{type:"boolean",default:!1},playerMinWidth:{type:"int",default:800},playerMinHeight:{type:"int",default:600},autoplay:{type:"boolean",default:!1},loop:{type:"boolean",default:!1},muted:{type:"boolean",default:!1},hidePortrait:{type:"boolean",default:!1},hideTitle:{type:"boolean",default:!1},hideByline:{type:"boolean",default:!1},enableDNTMode:{type:"boolean",default:!1}},edit:M,save:function(e){var t=e.attributes,n=t.vimeoVideoId,o=t.mediaURL,r=t.playerWidth,a=t.playerHeight,l=t.hidePortrait,c=t.autoplay,p=t.loop,s=t.hideTitle,u=t.enableDNTMode,d=t.hideByline,f=t.muted,h=t.fullWidth,g=t.autoHeight,v=t.aspectRatio,y=t.maxHeightSet,b=t.maxWidthSet,w=t.playerMaxHeight,x=t.playerMaxWidth,E=t.minHeightSet,C=t.minWidthSet,S=t.playerMinHeight,k=t.playerMinWidth,W="gosign-vimeo-video-player",N=!g&&!h;N&&(W=i()(W,"fixedSize")),g||(W=i()(W,"fixedHeight")),h||(W=i()(W,"fixedWidth")),v&&g&&h&&(W=i()(W,"ratio-"+v));var R={};g||N||(R.height=a),h||N||(R.width=r),N&&(R.height=a,R.width=r),y&&(R.maxHeight=w),b&&(R.maxWidth=x),E&&(R.minHeight=S),C&&(R.minWidth=k);var M={vid:n,width:r,height:a,autoplay:!!c,loop:!!p,muted:!!f,portrait:!l,title:!s,byline:!d,dnt:u};if(!g&&h&&(M.width=!1),!h&&g){var I=H(v);M.height=M.width*I,R.height=M.height}g&&h&&(M.width=!1,M.height=!1);var O="",j=wp.element.createElement("div",{className:"defaultLayout"},wp.element.createElement("div",{className:"logoPortion"},wp.element.createElement("div",{className:"iconWrap"},wp.element.createElement("span",{className:"dashicons dashicons-video-alt3",style:{color:"#ff6f00"}})),wp.element.createElement("h4",null,m("Gosign - Vimeo Video Player"))));if(!1===n||""===n)O="No url",R={};else{O="https://player.vimeo.com/video/"+n,o&&(M.autoplay=!0),O=P(O,M);var L=o?{background:"url("+o+") no-repeat center/100% black"}:{background:"black"},B="<iframe "+(N?"width='"+M.width+"' height='"+M.height+"'":"")+" src='"+O+"' frameBorder='0' allow='autoplay; fullscreen' allowFullScreen></iframe>",T="this.style.cssText='display:none';this.previousSibling.innerHTML= atob('"+(B=btoa(B))+"');";j=wp.element.createElement("div",{className:"containerWraper",style:L},wp.element.createElement("div",{className:"videoContainer",id:"videoContainer1"},o?"":wp.element.createElement("iframe",{width:M.width,height:M.height,src:O,frameBorder:"0",allow:"autoplay; fullscreen",allowFullScreen:!0})),o?wp.element.createElement("div",{className:"splashImageConatiner",onClick:T},wp.element.createElement("button",{type:"button",class:"playBtn"},wp.element.createElement("div",{class:"play-icon"},wp.element.createElement("svg",{viewBox:"0 0 20 20",preserveAspectRatio:"xMidYMid",tabindex:"-1"},wp.element.createElement("polygon",{class:"fill",points:"1,0 20,10 1,20"}))))):"")}return wp.element.createElement("div",{className:W},wp.element.createElement("div",{class:"inner-wrap",style:R},j))}})}]);

gosign-vimeo-video-player-block/trunk/blocks/style.min.css

@@ -1 @@
-.gosign-vimeo-video-player{position:relative;margin:0 auto}.gosign-vimeo-video-player .inner-wrap{margin:0px auto}.gosign-vimeo-video-player .containerWraper{position:relative;width:100%;height:100%;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:100%;background-color:#000}.gosign-vimeo-video-player .containerWraper .videoContainer{text-align:center;position:relative}.gosign-vimeo-video-player .containerWraper .videoContainer iframe{background:black;position:absolute;top:0;left:0;width:100%}.gosign-vimeo-video-player .splashImageConatiner .playBtn{width:78px;height:48px;position:relative;margin:0;padding:0;color:#fff;transition:opacity 250ms ease-out,background-color 40ms,color 40ms;background:rgba(23,35,34,0.75);border-radius:5px;cursor:pointer;font-size:1em;border:0;outline:0;position:absolute;left:calc(50% - 40px);top:calc(50% - 25px)}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon{margin:0 auto;padding:5px 0 0 5px;color:#fff;outline:0;opacity:0.85}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon svg{width:24px;height:24px;outline:0}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon svg .fill{fill:#fff}.gosign-vimeo-video-player .splashImageConatiner .playBtn:hover{background-color:#00adef}.gosign-vimeo-video-player .splashImageConatiner .playBtn:hover .play-icon{opacity:1}.gosign-vimeo-video-player .defaultLayout{width:100%;min-height:450px;background:#000}.gosign-vimeo-video-player .defaultLayout .logoPortion{position:absolute;top:35%;right:0;left:0;text-align:center}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap{text-align:center}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap span{position:relative;width:30px;height:30px;font-size:50px;color:#f00;background:#fff}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap span::before{position:absolute;top:-9px;left:-11px}.gosign-vimeo-video-player .defaultLayout .logoPortion h4{color:#fff}.gosign-vimeo-video-player.fullWidth{width:100% !important}.gosign-vimeo-video-player.autoHeight{height:100% !important}.gosign-vimeo-video-player.ratio-11 .videoContainer{padding-top:100% !important}.gosign-vimeo-video-player.ratio-23 .videoContainer{padding-top:150% !important}.gosign-vimeo-video-player.ratio-32 .videoContainer{padding-top:67% !important}.gosign-vimeo-video-player.ratio-43 .videoContainer{padding-top:75% !important}.gosign-vimeo-video-player.ratio-169 .videoContainer{padding-top:56.25% !important}.gosign-vimeo-video-player:not(.fixedSize):not(.fixedHeight):not(.fixedWidth) .containerWraper .videoContainer{padding:75% 0 0 0}.gosign-vimeo-video-player:not(.fixedSize):not(.fixedHeight):not(.fixedWidth) .containerWraper .videoContainer iframe{width:100%;height:100%}
+.gosign-vimeo-video-player{position:relative;margin:0 auto}.gosign-vimeo-video-player .inner-wrap{margin:0px auto}.gosign-vimeo-video-player .containerWraper{position:relative;width:100%;height:100%;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:100%;background-color:#000}.gosign-vimeo-video-player .containerWraper .videoContainer{text-align:center;position:relative}.gosign-vimeo-video-player .containerWraper .videoContainer iframe{background:black;position:absolute;top:0;left:0;width:100%}.gosign-vimeo-video-player .splashImageConatiner .playBtn{width:78px;height:48px;position:relative;margin:0;padding:0;color:#fff;transition:opacity 250ms ease-out,background-color 40ms,color 40ms;background:rgba(23,35,34,0.75);border-radius:5px;cursor:pointer;font-size:1em;border:0;outline:0;position:absolute;left:calc(50% - 40px);top:calc(50% - 25px)}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon{margin:0 auto;padding:5px 0 0 5px;color:#fff;outline:0;opacity:0.85}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon svg{width:24px;height:24px;outline:0}.gosign-vimeo-video-player .splashImageConatiner .playBtn .play-icon svg .fill{fill:#fff}.gosign-vimeo-video-player .splashImageConatiner .playBtn:hover{background-color:#ff6f00}.gosign-vimeo-video-player .splashImageConatiner .playBtn:hover .play-icon{opacity:1}.gosign-vimeo-video-player .defaultLayout{width:100%;min-height:450px;background:#000}.gosign-vimeo-video-player .defaultLayout .logoPortion{position:absolute;top:35%;right:0;left:0;text-align:center}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap{text-align:center}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap span{position:relative;width:30px;height:30px;font-size:50px;color:#f00;background:#fff}.gosign-vimeo-video-player .defaultLayout .logoPortion .iconWrap span::before{position:absolute;top:-9px;left:-11px}.gosign-vimeo-video-player .defaultLayout .logoPortion h4{color:#fff}.gosign-vimeo-video-player.fullWidth{width:100% !important}.gosign-vimeo-video-player.autoHeight{height:100% !important}.gosign-vimeo-video-player.ratio-11 .videoContainer{padding-top:100% !important}.gosign-vimeo-video-player.ratio-23 .videoContainer{padding-top:150% !important}.gosign-vimeo-video-player.ratio-32 .videoContainer{padding-top:67% !important}.gosign-vimeo-video-player.ratio-43 .videoContainer{padding-top:75% !important}.gosign-vimeo-video-player.ratio-169 .videoContainer{padding-top:56.25% !important}.gosign-vimeo-video-player:not(.fixedSize):not(.fixedHeight):not(.fixedWidth) .containerWraper .videoContainer{padding:75% 0 0 0}.gosign-vimeo-video-player:not(.fixedSize):not(.fixedHeight):not(.fixedWidth) .containerWraper .videoContainer iframe{width:100%;height:100%}