Plugin Directory

Changeset 2486126


Ignore:
Timestamp:
03/03/2021 08:26:05 PM (5 years ago)
Author:
opensheetmusicdisplay
Message:

Update to 1.0 (because somewhat breaking changes over prev. major version)
Refactor to use WP filters - extensibility
Switch to server-side rendering (to prevent gutenberg verification issues on future updates or extensions)
Bug fixes - no scripts on other admin pages, width not changing

Location:
opensheetmusicdisplay
Files:
17 added
2 deleted
5 edited

Legend:

Unmodified
Added
Removed
  • opensheetmusicdisplay/trunk/build/index.asset.php

    r2481760 r2486126  
    1 <?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '287f3af300503e7199528a0e301d7d8b');
     1<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '1a28fd6717a549eccf2b2e68d2020131');
  • opensheetmusicdisplay/trunk/build/index.js

    r2481760 r2486126  
    1 (window.webpackJsonp_opensheetmusicdisplay_wordpress_block=window.webpackJsonp_opensheetmusicdisplay_wordpress_block||[]).push([[1],{17:function(e,t,r){}}]),function(e){function t(t){for(var c,a,i=t[0],l=t[1],s=t[2],d=0,p=[];d<i.length;d++)a=i[d],Object.prototype.hasOwnProperty.call(n,a)&&n[a]&&p.push(n[a][0]),n[a]=0;for(c in l)Object.prototype.hasOwnProperty.call(l,c)&&(e[c]=l[c]);for(u&&u(t);p.length;)p.shift()();return o.push.apply(o,s||[]),r()}function r(){for(var e,t=0;t<o.length;t++){for(var r=o[t],c=!0,i=1;i<r.length;i++){var l=r[i];0!==n[l]&&(c=!1)}c&&(o.splice(t--,1),e=a(a.s=r[0]))}return e}var c={},n={0:0},o=[];function a(t){if(c[t])return c[t].exports;var r=c[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=c,a.d=function(e,t,r){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var c in e)a.d(r,c,function(t){return e[t]}.bind(null,c));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="";var i=window.webpackJsonp_opensheetmusicdisplay_wordpress_block=window.webpackJsonp_opensheetmusicdisplay_wordpress_block||[],l=i.push.bind(i);i.push=t,i=i.slice();for(var s=0;s<i.length;s++)t(i[s]);var u=l;o.push([26,1]),r()}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.components},function(e,t,r){var c=r(18),n=r(19),o=r(20),a=r(22);e.exports=function(e,t){return c(e)||n(e,t)||o(e,t)||a()}},function(e,t){e.exports=window.wp.blockEditor},function(e,t){function r(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=r=function(e){return typeof e}:e.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(t)}e.exports=r},function(e,t){e.exports=window.React},function(e,t){function r(){return e.exports=r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var c in r)Object.prototype.hasOwnProperty.call(r,c)&&(e[c]=r[c])}return e},r.apply(this,arguments)}e.exports=r},function(e,t){function r(t){return e.exports=r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},r(t)}e.exports=r},function(e,t){e.exports=window.wp.blocks},function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function r(e,t){for(var r=0;r<t.length;r++){var c=t[r];c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(e,c.key,c)}}e.exports=function(e,t,c){return t&&r(e.prototype,t),c&&r(e,c),e}},function(e,t,r){var c=r(23);e.exports=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)}},function(e,t,r){var c=r(5),n=r(24);e.exports=function(e,t){return!t||"object"!==c(t)&&"function"!=typeof t?n(e):t}},function(e,t){e.exports=opensheetmusicdisplay},function(e,t){e.exports=window.wp.data},,function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],_n=!0,c=!1,n=void 0;try{for(var o,a=e[Symbol.iterator]();!(_n=(o=a.next()).done)&&(r.push(o.value),!t||r.length!==t);_n=!0);}catch(e){c=!0,n=e}finally{try{_n||null==a.return||a.return()}finally{if(c)throw n}}return r}}},function(e,t,r){var c=r(21);e.exports=function(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,c=new Array(t);r<t;r++)c[r]=e[r];return c}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){function r(t,c){return e.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(t,c)}e.exports=r},function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var c=r(9),n=r(1),o=(r(17),r(7)),a=r.n(o),i=r(10),l=r.n(i),s=r(5),u=r.n(s),d=r(3),p=r.n(d),f=r(0),m=r(11),b=r.n(m),h=r(12),v=r.n(h),y=r(13),g=r.n(y),w=r(14),O=r.n(w),j=r(8),_=r.n(j),M=r(6),C=r.n(M),S=r(15);var R=function(e){g()(n,e);var t,r,c=(t=n,r=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}}(),function(){var e,c=_()(t);if(r){var n=_()(this).constructor;e=Reflect.construct(c,arguments,n)}else e=c.apply(this,arguments);return O()(this,e)});function n(e){var t;if(b()(this,n),(t=c.call(this,e)).pendingLoad=void 0,t.loadAttempts=0,t.maxReloadAttempts=t.props.maxReloadAttempts?t.props.maxReloadAttempts:3,t.showErrorCallback=t.props.showErrorCallback?t.props.showErrorCallback:t.defaultErrorCallback,t.osmd=void 0,t.osmdDivRef=C.a.createRef(),t.loaderDivRef=C.a.createRef(),t.plugins=[],e.plugins&&e.plugins.length>0)for(var r=0;r<e.plugins.length;r++){var o,a,i;if("OpenSheetMusicDisplayPluginTemplate"===(null===(o=e.plugins[r])||void 0===o||null===(a=o._reflection)||void 0===a||null===(i=a.class)||void 0===i?void 0:i.name)){var l,s,u,d;if(r>0&&(null===(l=e.plugins[r-1])||void 0===l||null===(s=l._reflection)||void 0===s?void 0:s.pluginName)===(null===(u=e.plugins[r])||void 0===u||null===(d=u._reflection)||void 0===d?void 0:d.pluginName))continue;t.plugins.push(e.plugins[r])}}return t}return v()(n,[{key:"defaultErrorCallback",value:function(e,t){this.osmdDivRef.current.innerHTML="<p><strong>".concat(e,"</strong>: <code>").concat(t,"</code></p>")}},{key:"getOptionsObjectFromProps",value:function(e){for(var t={},r=Object.keys(e),c=0;c<r.length;c++){var n=r[c];"file"!==n&&"zoom"!==n&&"width"!==n&&(t[n]=e[n])}if(this.plugins.length>0)for(var o=0;o<this.plugins.length;o++)this.plugins[o].processOptionsHook(this.osmd,t,this.osmdDivRef.current);return t}},{key:"renderBehavior",value:function(){var e=this;if(this.plugins.length>0)for(var t=0;t<this.plugins.length;t++)this.plugins[t].preRenderHook(this.osmd,this.props,this.osmdDivRef.current);this.osmd.Zoom=this.props.zoom,setTimeout((function(){try{e.osmd.render()}catch(t){console.warn("Error rendering: ",t),e.showErrorCallback("Error rendering file: ".concat(e.props.file),t)}finally{if(e.plugins.length>0)for(var t=0;t<e.plugins.length;t++)e.plugins[t].postRenderHook(e.osmd,e.props,e.osmdDivRef.current,void 0);e.loaderDivRef.current.classList.add("hide")}}),250)}},{key:"loadFileBehavior",value:function(){if(this.plugins.length>0)for(var e=0;e<this.plugins.length;e++)this.plugins[e].preLoadFileHook(this.osmd,this.props,this.osmdDivRef.current);this.loadAttempts++,this.pendingLoad=this.osmd.load(this.props.file);var t=this;this.pendingLoad.then((function(){if(t.loadAttempts=0,t.pendingLoad=void 0,t.plugins.length>0)for(var e=0;e<t.plugins.length;e++)t.plugins[e].postLoadFileHook(t.osmd,t.props,t.osmdDivRef.current);t.renderBehavior()}),(function(e){if(t.plugins.length>0)for(var r=0;r<t.plugins.length;r++)t.plugins[r].postLoadFileHook(t.osmd,t.props,t.osmdDivRef.current,e);console.warn(e),t.loadAttempts<t.maxReloadAttempts?(console.log("Attempting to reload..."),t.loadFileBehavior()):(t.loaderDivRef.current.classList.add("hide"),t.loadAttempts=0,t.pendingLoad=void 0,t.showErrorCallback("Failed to load file: ".concat(t.props.file),e),console.error("Max reload attempts reached. Failed to load file: ".concat(t.props.file)))}))}},{key:"setupOsmd",value:function(){this.osmdDivRef.current.innerHTML="";var e=this.getOptionsObjectFromProps(this.props);if(this.osmd=new S.OpenSheetMusicDisplay(this.osmdDivRef.current,e),this.plugins.length>0)for(var t=0;t<this.plugins.length;t++)this.plugins[t].postSetupHook(this.osmd,this.props,this.osmdDivRef.current);this.props.file&&(this.loaderDivRef.current.classList.remove("hide"),this.loadFileBehavior())}},{key:"resize",value:function(){this.osmd.render()}},{key:"componentDidUpdate",value:function(e){this.osmdDivRef.current.innerHTML="",this.loaderDivRef.current.classList.remove("hide");var t=this.getOptionsObjectFromProps(this.props);this.osmd.setOptions(t),this.props.file!==e.file?this.loadFileBehavior():this.renderBehavior()}},{key:"componentDidMount",value:function(){this.setupOsmd()}},{key:"render",value:function(){var e=Object(f.createElement)("div",{className:"phonicscore-opensheetmusicdisplay"},Object(f.createElement)("div",{className:"phonicscore-opensheetmusicdisplay__full-loading-spinner hide",ref:this.loaderDivRef}),Object(f.createElement)("div",{className:"phonicscore-opensheetmusicdisplay__render-block",ref:this.osmdDivRef}));if(this.plugins.length>0)for(var t=0;t<this.plugins.length;t++)e=this.plugins[t].preReactRenderHook(this.osmd,this.props,this.osmdDivRef.current,e);return e}}]),n}(M.PureComponent),k=r(4),E=r(2),x=r(16);function L(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);t&&(c=c.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,c)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?L(Object(r),!0).forEach((function(t){l()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}r(25);var z=Object(x.withSelect)((function(e,t){var r=e("core").getMedia;return{media:t.attributes.musicXmlId>-1?r(t.attributes.musicXmlId):void 0}}))((function(e){var t,r=e.attributes,c=e.setAttributes,o=Object(f.useState)(r.width),i=p()(o,2),l=i[0],s=i[1],d=Object(f.useState)(r.zoom),m=p()(d,2),b=m[0],h=m[1],v=Object(f.useState)(r.drawTitle),y=p()(v,2),g=y[0],w=y[1],O=Object(f.useState)(r.drawSubtitle),j=p()(O,2),_=j[0],M=j[1],C=Object(f.useState)(r.drawComposer),S=p()(C,2),x=S[0],L=S[1],z=Object(f.useState)(r.drawLyricist),N=p()(z,2),D=N[0],T=N[1],A=Object(f.useState)(r.drawMetronomeMarks),B=p()(A,2),H=B[0],X=B[1],F=Object(f.useState)(r.drawPartNames),V=p()(F,2),I=V[0],U=V[1],W=Object(f.useState)(r.drawPartAbbreviations),J=p()(W,2),Z=J[0],G=J[1],$=Object(f.useState)(r.drawMeasureNumbers),q=p()($,2),K=q[0],Q=q[1],Y=Object(f.useState)(r.drawMeasureNumbersOnlyAtSystemStart),ee=p()(Y,2),te=ee[0],re=ee[1],ce=Object(f.useState)(r.drawTimeSignatures),ne=p()(ce,2),oe=ne[0],ae=ne[1],ie=function(){c({width:l,zoom:b,drawTitle:g,drawSubtitle:_,drawComposer:x,drawLyricist:D,drawMetronomeMarks:H,drawPartNames:I,drawPartAbbreviations:Z,drawMeasureNumbers:K,drawMeasureNumbersOnlyAtSystemStart:te,drawTimeSignatures:oe})},le=Object(f.useState)(void 0),se=p()(le,2),ue=se[0],de=se[1],pe=function(e,t,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;n(t);var a={};if(a[e]=t,o>0){clearTimeout(ue);var i=setTimeout((function(){r.autoRender&&c(a)}),o);de(i)}else r.autoRender&&c(a)};t=0===r.aspectRatio?"auto":1.5===r.aspectRatio?"landscape":.5625===r.aspectRatio?"portrait":"custom";var fe,me=Object(f.useState)(t),be=p()(me,2),he=be[0],ve=be[1],ye=[{label:Object(n.__)("Auto (No Scrollbar)"),value:"auto"},{label:Object(n.__)("Landscape"),value:"landscape"},{label:Object(n.__)("Portrait"),value:"portrait"},{label:Object(n.__)("Custom"),value:"custom"}],ge=Object(k.useBlockProps)(),we={};if(r.plugins&&r.plugins.length>0)for(var Oe=0;Oe<r.plugins.length;Oe++){var je=r.plugins[Oe].getOpenSheetMusicDisplayProps(r);"object"===u()(je)&&(we=P(P({},we),je))}return Object(f.createElement)("div",a()({},ge,{style:{width:r.width+"%",height:(fe=r.aspectRatio,ge.ref.current&&0!==fe&&ge.ref.current.offsetWidth?(ge.ref.current.offsetWidth/fe).toString()+"px":"auto")}}),Object(f.createElement)(k.InspectorControls,null,Object(f.createElement)(E.Card,null,Object(f.createElement)(E.CardBody,null,Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Automatically Rerender on Change"),checked:r.autoRender,onChange:function(e){c({autoRender:e}),e&&ie()}}),Object(f.createElement)(E.Button,{disabled:r.autoRender,isPrimary:!0,onClick:function(){return ie()}},Object(n.__)("Rerender")))),Object(f.createElement)(E.PanelBody,{title:Object(n.__)("Basic Options"),initialOpen:!0},Object(f.createElement)("div",{className:"musicxml-selector"},Object(f.createElement)(k.MediaUploadCheck,null,Object(f.createElement)(k.MediaUpload,{allowedTypes:["application/vnd.recordare.musicxml","application/vnd.recordare.musicxml+xml","text/xml","application/xml"],onSelect:function(e){c({musicXmlId:e.id,musicXmlUrl:e.url,musicXmlTitle:e.title})},value:r.musicXmlId,render:function(e){var t=e.open;return Object(f.createElement)("div",null,Object(f.createElement)("sub",null,Object(f.createElement)("strong",null,Object(n.__)(r.musicXmlId>-1?"Current Score: ".concat(r.musicXmlTitle):"No MusicXML selected."))),Object(f.createElement)("br",null),Object(f.createElement)(E.Button,{isSecondary:!0,onClick:t},Object(n.__)("Select Media")))}}))),Object(f.createElement)(E.TextControl,{label:Object(n.__)("Width (%)"),type:"number",min:10,max:100,step:1,onChange:function(e){return pe("width",parseInt(e,10),s,500)},value:l}),Object(f.createElement)(E.SelectControl,{label:Object(n.__)("Container Aspect Ratio"),value:he,onChange:function(e){return function(e){switch(e){case"auto":c({aspectRatio:0});break;case"landscape":c({aspectRatio:1.5});break;case"portrait":c({aspectRatio:.5625})}ve(e)}(e)},options:ye}),"custom"===he?Object(f.createElement)(E.TextControl,{label:Object(n.__)("Custom Aspect Ratio"),type:"number",min:.1,onChange:function(e){return c({aspectRatio:e})},value:r.aspectRatio}):null,Object(f.createElement)(E.TextControl,{label:Object(n.__)("Zoom (%)"),type:"number",min:10,onChange:function(e){return pe("zoom",parseInt(e,10)/100,h,500)},value:Math.floor(100*b)})),Object(f.createElement)(E.PanelBody,{title:Object(n.__)("Drawing Options"),initialOpen:!1},Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Title"),checked:g,onChange:function(e){return pe("drawTitle",e,w,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Subtitle"),checked:_,onChange:function(e){return pe("drawSubtitle",e,M,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Composer"),checked:x,onChange:function(e){return pe("drawComposer",e,L,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Lyricist"),checked:D,onChange:function(e){return pe("drawLyricist",e,T,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Metronome Marks"),checked:H,onChange:function(e){return pe("drawMetronomeMarks",e,X,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Part Names"),checked:I,onChange:function(e){return pe("drawPartNames",e,U,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Part Abbreviations"),checked:Z,onChange:function(e){return pe("drawPartAbbreviations",e,G,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Measure Numbers"),checked:K,onChange:function(e){return pe("drawMeasureNumbers",e,Q,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Measure Numbers Only at System Start"),checked:te,onChange:function(e){return pe("drawMeasureNumbersOnlyAtSystemStart",e,re,0)}}),Object(f.createElement)(E.CheckboxControl,{label:Object(n.__)("Draw Time Signatures"),checked:oe,onChange:function(e){return pe("drawTimeSignatures",e,ae,0)}}))),r.musicXmlId>-1?Object(f.createElement)(R,a()({file:r.musicXmlUrl,width:r.width,zoom:r.zoom,drawTitle:r.drawTitle,drawSubtitle:r.drawSubtitle,drawComposer:r.drawComposer,drawLyricist:r.drawLyricist,drawMetronomeMarks:r.drawMetronomeMarks,drawPartNames:r.drawPartNames,drawPartAbbreviations:r.drawPartAbbreviations,drawMeasureNumbers:r.drawMeasureNumbers,drawMeasureNumbersOnlyAtSystemStart:r.drawMeasureNumbersOnlyAtSystemStart,drawTimeSignatures:r.drawTimeSignatures,maxReloadAttempts:5,plugins:r.plugins},we)):Object(f.createElement)("h4",null,Object(n.__)("No MusicXML Selected.")))}));function N(e){var t=e.attributes,r=["musicXmlUrl","zoom","width","aspectRatio","autoRender","plugins"],c=[];if("object"===u()(t))for(var n=0,o=Object.entries(t);n<o.length;n++){var a=p()(o[n],2),i=a[0],l=a[1],s=u()(l);if("boolean"===s)l=l?"true":"false";else if("object"===s||"array"===s)try{l=JSON.stringify(l)}catch(e){console.warn("Error serializing value for key: ".concat(i," defaulting to '{}'."),e),l="{}"}r.contains(i)||c.push(Object(f.createElement)("input",{type:"hidden",attributeType:s,key:i,name:i,value:l}))}return Object(f.createElement)("div",k.useBlockProps.save(),Object(f.createElement)("div",{className:"phonicscore-opensheetmusicdisplay__placeholder"},Object(f.createElement)("div",null),Object(f.createElement)("div",{className:"phonicscore-opensheetmusicdisplay__loading-spinner hide"}),Object(f.createElement)("div",{className:"phonicscore-opensheetmusicdisplay__render-block",style:{width:"".concat(t.width.toString(),"%")}}),c,Object(f.createElement)("input",{type:"hidden",className:"musicXmlUrl",name:"musicXmlUrl",value:t.musicXmlUrl}),Object(f.createElement)("input",{type:"hidden",className:"zoom",name:"zoom",value:t.zoom}),Object(f.createElement)("input",{type:"hidden",className:"aspectRatio",name:"aspectRatio",value:t.aspectRatio})))}var D={};D.osmd=Object(f.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",className:"osmd-icon",x:"0px",y:"0px",width:"98.209px",height:"93.095px",viewBox:"0 0 98.209 93.095"},Object(f.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",d:"M8.811,51.666v-8.818c1.796-0.101,3.141-0.364,4.058-0.816  c0.905-0.439,1.684-1.181,2.35-2.224s1.118-2.349,1.369-3.919c0.189-1.181,0.29-3.229,0.29-6.155c0-4.761,0.226-8.078,0.666-9.962  c0.439-1.884,1.23-3.392,2.387-4.535c1.155-1.144,2.839-2.035,5.037-2.701c1.496-0.44,3.856-0.666,7.073-0.666h1.947v8.818  c-2.738,0-4.485,0.15-5.263,0.464c-0.779,0.302-1.344,0.767-1.722,1.395c-0.364,0.628-0.553,1.696-0.553,3.216  c0,1.544-0.1,4.484-0.301,8.794c-0.125,2.437-0.439,4.396-0.955,5.917c-0.515,1.507-1.168,2.75-1.972,3.731  c-0.792,0.98-2.01,1.998-3.656,3.053c1.457,0.829,2.638,1.809,3.567,2.927s1.633,2.475,2.124,4.07  c0.502,1.595,0.816,3.743,0.966,6.419c0.151,4.07,0.227,6.683,0.227,7.813c0,1.62,0.201,2.751,0.591,3.392  c0.389,0.628,0.979,1.118,1.783,1.445c0.792,0.339,2.513,0.502,5.164,0.502v8.818h-1.947c-3.316,0-5.854-0.263-7.626-0.791  c-1.758-0.528-3.253-1.406-4.459-2.638c-1.219-1.219-2.036-2.739-2.45-4.548c-0.414-1.796-0.627-4.648-0.627-8.53  c0-4.51-0.201-7.449-0.591-8.793c-0.54-1.973-1.357-3.38-2.449-4.221C12.743,52.27,11.072,51.792,8.811,51.666z"}),Object(f.createElement)("rect",{x:"33.298",y:"11.865",fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",width:"11.062",height:"46.519"}),Object(f.createElement)("rect",{x:"38.101",y:"36.107",fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",width:"1.457",height:"46.519"}),Object(f.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",d:"M90.706,51.666v-8.818c-1.796-0.101-3.141-0.364-4.058-0.816  c-0.904-0.439-1.684-1.181-2.349-2.224c-0.666-1.042-1.118-2.349-1.369-3.919c-0.189-1.181-0.29-3.229-0.29-6.155  c0-4.761-0.226-8.078-0.666-9.962c-0.439-1.884-1.23-3.392-2.387-4.535c-1.156-1.144-2.839-2.035-5.037-2.701  c-1.496-0.44-3.857-0.666-7.073-0.666h-1.947v8.818c2.738,0,4.485,0.15,5.263,0.464c0.779,0.302,1.344,0.767,1.722,1.395  c0.364,0.628,0.553,1.696,0.553,3.216c0,1.544,0.1,4.484,0.301,8.794c0.125,2.437,0.44,4.396,0.956,5.917  c0.514,1.507,1.167,2.75,1.972,3.731c0.792,0.98,2.01,1.998,3.655,3.053c-1.457,0.829-2.638,1.809-3.567,2.927  c-0.929,1.118-1.633,2.475-2.123,4.07c-0.502,1.595-0.816,3.743-0.967,6.419c-0.151,4.07-0.226,6.683-0.226,7.813  c0,1.62-0.201,2.751-0.591,3.392c-0.389,0.628-0.979,1.118-1.783,1.445c-0.791,0.339-2.513,0.502-5.163,0.502v8.818h1.947  c3.316,0,5.854-0.263,7.626-0.791c1.758-0.528,3.253-1.406,4.459-2.638c1.219-1.219,2.035-2.739,2.45-4.548  c0.414-1.796,0.627-4.648,0.627-8.53c0-4.51,0.201-7.449,0.591-8.793c0.54-1.973,1.357-3.38,2.449-4.221  C86.774,52.27,88.445,51.792,90.706,51.666z"}),Object(f.createElement)("rect",{x:"55.156",y:"11.865",fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",width:"11.062",height:"46.519"}),Object(f.createElement)("rect",{x:"59.959",y:"36.107",fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",width:"1.456",height:"46.519"}),Object(f.createElement)("g",null,Object(f.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"#979898",d:"M109.051,48.386c0-5.246,1.415-9.358,4.237-12.328   s6.462-4.451,10.928-4.451c2.925,0,5.556,0.7,7.906,2.093c2.344,1.393,4.134,3.338,5.365,5.836c1.23,2.491,1.85,5.32,1.85,8.481   c0,3.205-0.648,6.079-1.945,8.606c-1.297,2.535-3.132,4.451-5.504,5.748c-2.38,1.305-4.945,1.953-7.693,1.953   c-2.984,0-5.645-0.723-7.995-2.159c-2.343-1.437-4.126-3.397-5.335-5.888C109.655,53.795,109.051,51.164,109.051,48.386   L109.051,48.386z M113.384,48.46c0,3.81,1.024,6.809,3.073,8.997c2.049,2.188,4.621,3.287,7.715,3.287   c3.154,0,5.74-1.105,7.781-3.316c2.034-2.211,3.051-5.35,3.051-9.417c0-2.572-0.435-4.819-1.304-6.735s-2.144-3.405-3.817-4.458   c-1.68-1.054-3.559-1.584-5.644-1.584c-2.962,0-5.512,1.017-7.649,3.051C114.453,40.317,113.384,43.707,113.384,48.46   L113.384,48.46z M144.237,72.593V40.848h3.537v3.014c0.833-1.165,1.776-2.041,2.83-2.624c1.046-0.582,2.321-0.877,3.817-0.877   c1.96,0,3.685,0.501,5.18,1.511c1.496,1.002,2.624,2.424,3.39,4.252c0.759,1.835,1.143,3.839,1.143,6.027   c0,2.336-0.42,4.443-1.26,6.322c-0.84,1.872-2.063,3.309-3.67,4.312c-1.599,0.995-3.286,1.496-5.055,1.496   c-1.297,0-2.461-0.273-3.485-0.818c-1.032-0.545-1.872-1.23-2.535-2.063v11.193H144.237L144.237,72.593z M147.774,52.461   c0,2.94,0.597,5.114,1.783,6.521c1.194,1.407,2.638,2.115,4.333,2.115c1.724,0,3.198-0.729,4.421-2.188   c1.23-1.459,1.842-3.714,1.842-6.772c0-2.918-0.597-5.099-1.798-6.551s-2.63-2.174-4.296-2.174c-1.651,0-3.11,0.774-4.377,2.314   C148.408,47.273,147.774,49.514,147.774,52.461L147.774,52.461z M184.479,56.366l4.023,0.531c-0.626,2.336-1.798,4.156-3.507,5.445   s-3.891,1.938-6.551,1.938c-3.346,0-5.999-1.032-7.958-3.096c-1.96-2.056-2.94-4.952-2.94-8.673c0-3.847,0.987-6.838,2.97-8.96   c1.982-2.13,4.554-3.191,7.715-3.191c3.058,0,5.556,1.039,7.494,3.125c1.938,2.085,2.911,5.018,2.911,8.798   c0,0.229-0.007,0.575-0.022,1.031h-17.088c0.147,2.514,0.854,4.444,2.137,5.777c1.275,1.334,2.874,2.005,4.783,2.005   c1.422,0,2.638-0.376,3.64-1.128C183.093,59.219,183.889,58.018,184.479,56.366L184.479,56.366z M171.746,50.133h12.777   c-0.169-1.931-0.664-3.375-1.466-4.34c-1.23-1.496-2.837-2.248-4.805-2.248c-1.783,0-3.279,0.597-4.495,1.791   C172.548,46.529,171.878,48.128,171.746,50.133L171.746,50.133z M193.417,63.795V40.848h3.493v3.257   c1.68-2.498,4.112-3.744,7.288-3.744c1.385,0,2.653,0.251,3.81,0.744c1.157,0.494,2.026,1.15,2.601,1.953s0.98,1.761,1.208,2.867   c0.14,0.722,0.213,1.982,0.213,3.78v14.09h-3.891V49.853c0-1.584-0.147-2.771-0.449-3.552s-0.84-1.407-1.606-1.879   c-0.767-0.464-1.673-0.7-2.705-0.7c-1.651,0-3.073,0.523-4.274,1.577c-1.201,1.046-1.798,3.043-1.798,5.976v12.521H193.417   L193.417,63.795z M464.194,63.795V32.138h10.905c2.462,0,4.341,0.147,5.638,0.449c1.812,0.42,3.36,1.179,4.643,2.27   c1.673,1.415,2.918,3.213,3.743,5.409c0.833,2.196,1.245,4.709,1.245,7.531c0,2.402-0.28,4.531-0.84,6.389   c-0.561,1.857-1.282,3.397-2.159,4.613c-0.884,1.216-1.843,2.174-2.889,2.866c-1.039,0.7-2.299,1.23-3.772,1.592   c-1.481,0.36-3.177,0.538-5.092,0.538H464.194L464.194,63.795z M468.394,60.08h6.75c2.085,0,3.721-0.191,4.907-0.581   c1.187-0.391,2.13-0.937,2.837-1.644c0.987-0.995,1.762-2.336,2.314-4.017c0.552-1.68,0.832-3.714,0.832-6.108   c0-3.316-0.545-5.866-1.628-7.649c-1.084-1.783-2.402-2.977-3.958-3.581c-1.119-0.435-2.925-0.649-5.415-0.649h-6.64V60.08   L468.394,60.08z M495.636,36.559v-4.421h3.891v4.421H495.636L495.636,36.559z M495.636,63.795V40.848h3.891v22.947H495.636   L495.636,63.795z M503.912,56.941l3.847-0.619c0.214,1.54,0.817,2.72,1.805,3.545c0.988,0.817,2.373,1.23,4.142,1.23   c1.791,0,3.117-0.361,3.986-1.091c0.862-0.722,1.297-1.577,1.297-2.557c0-0.877-0.39-1.57-1.164-2.071   c-0.545-0.346-1.871-0.781-3.979-1.318c-2.844-0.715-4.812-1.334-5.917-1.857c-1.098-0.53-1.931-1.253-2.498-2.181   c-0.567-0.922-0.854-1.945-0.854-3.066c0-1.024,0.236-1.967,0.7-2.837c0.472-0.87,1.105-1.591,1.908-2.167   c0.604-0.442,1.43-0.818,2.469-1.127c1.046-0.309,2.159-0.464,3.353-0.464c1.799,0,3.375,0.258,4.731,0.781   c1.362,0.516,2.365,1.224,3.014,2.107c0.641,0.892,1.091,2.078,1.334,3.567l-3.803,0.53c-0.169-1.194-0.671-2.129-1.496-2.8   c-0.825-0.67-1.989-1.002-3.5-1.002c-1.775,0-3.051,0.295-3.81,0.884s-1.143,1.282-1.143,2.071c0,0.501,0.155,0.958,0.472,1.363   c0.317,0.412,0.811,0.759,1.488,1.031c0.391,0.147,1.526,0.479,3.427,0.995c2.741,0.729,4.657,1.333,5.748,1.798   c1.091,0.464,1.945,1.149,2.564,2.034c0.626,0.891,0.936,1.996,0.936,3.323c0,1.289-0.376,2.505-1.135,3.647   c-0.759,1.142-1.85,2.026-3.271,2.652c-1.43,0.627-3.044,0.937-4.842,0.937c-2.977,0-5.254-0.619-6.816-1.85   C505.341,61.193,504.346,59.366,503.912,56.941L503.912,56.941z M527.566,72.593V40.848h3.536v3.014   c0.833-1.165,1.776-2.041,2.83-2.624c1.047-0.582,2.321-0.877,3.817-0.877c1.96,0,3.685,0.501,5.18,1.511   c1.496,1.002,2.624,2.424,3.39,4.252c0.76,1.835,1.143,3.839,1.143,6.027c0,2.336-0.42,4.443-1.26,6.322   c-0.84,1.872-2.063,3.309-3.67,4.312c-1.6,0.995-3.287,1.496-5.055,1.496c-1.297,0-2.462-0.273-3.485-0.818   c-1.032-0.545-1.872-1.23-2.535-2.063v11.193H527.566L527.566,72.593z M531.102,52.461c0,2.94,0.598,5.114,1.784,6.521   c1.193,1.407,2.638,2.115,4.333,2.115c1.724,0,3.197-0.729,4.421-2.188c1.23-1.459,1.842-3.714,1.842-6.772   c0-2.918-0.597-5.099-1.798-6.551s-2.63-2.174-4.296-2.174c-1.65,0-3.109,0.774-4.377,2.314   C531.737,47.273,531.102,49.514,531.102,52.461L531.102,52.461z M552.067,63.795V32.138h3.891v31.657H552.067L552.067,63.795z    M576.966,60.921c-1.444,1.23-2.837,2.093-4.171,2.601c-1.333,0.509-2.763,0.76-4.296,0.76c-2.521,0-4.458-0.612-5.813-1.843   c-1.356-1.223-2.034-2.793-2.034-4.701c0-1.12,0.258-2.145,0.767-3.073c0.516-0.928,1.187-1.665,2.012-2.225   c0.832-0.561,1.761-0.988,2.8-1.275c0.767-0.198,1.924-0.391,3.464-0.582c3.139-0.368,5.46-0.818,6.941-1.334   c0.015-0.53,0.021-0.869,0.021-1.009c0-1.577-0.368-2.69-1.105-3.338c-0.994-0.877-2.476-1.312-4.436-1.312   c-1.835,0-3.19,0.325-4.061,0.965c-0.877,0.641-1.518,1.776-1.938,3.412l-3.803-0.53c0.346-1.628,0.914-2.948,1.71-3.95   s1.945-1.769,3.448-2.314c1.496-0.538,3.242-0.811,5.217-0.811c1.96,0,3.56,0.229,4.79,0.693c1.224,0.464,2.13,1.039,2.704,1.739   c0.575,0.7,0.98,1.584,1.216,2.653c0.126,0.663,0.191,1.857,0.191,3.573v5.158c0,3.604,0.081,5.881,0.243,6.846   c0.155,0.966,0.479,1.887,0.951,2.771h-4.067C577.328,62.977,577.077,62.019,576.966,60.921L576.966,60.921z M576.657,52.299   c-1.415,0.575-3.537,1.062-6.366,1.459c-1.606,0.229-2.741,0.486-3.405,0.773c-0.662,0.288-1.171,0.708-1.532,1.253   c-0.36,0.553-0.545,1.165-0.545,1.843c0,1.024,0.39,1.887,1.179,2.571c0.788,0.686,1.938,1.032,3.448,1.032   c1.496,0,2.83-0.324,4.002-0.98c1.164-0.648,2.026-1.54,2.571-2.667c0.42-0.877,0.627-2.167,0.627-3.869L576.657,52.299   L576.657,52.299z M586.391,72.615l-0.441-3.597c0.854,0.229,1.591,0.347,2.225,0.347c0.87,0,1.562-0.147,2.078-0.435   c0.523-0.287,0.951-0.693,1.282-1.209c0.243-0.39,0.642-1.355,1.187-2.903c0.074-0.213,0.185-0.53,0.346-0.95l-8.709-23.021h4.155   l4.79,13.249c0.627,1.673,1.179,3.441,1.673,5.299c0.449-1.746,0.98-3.471,1.599-5.166l4.894-13.382h3.883l-8.673,23.345   c-0.936,2.513-1.665,4.237-2.188,5.188c-0.692,1.275-1.488,2.211-2.38,2.808c-0.899,0.597-1.968,0.892-3.206,0.892   C588.153,73.079,587.312,72.925,586.391,72.615z"}),Object(f.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",d:"M216.637,53.537l6.234-0.619c0.376,2.085,1.127,3.61,2.27,4.591   s2.683,1.467,4.62,1.467c2.049,0,3.596-0.436,4.635-1.305s1.562-1.887,1.562-3.051c0-0.751-0.221-1.385-0.656-1.916   c-0.435-0.522-1.201-0.979-2.292-1.363c-0.744-0.266-2.439-0.722-5.092-1.385c-3.412-0.855-5.807-1.901-7.185-3.147   c-1.938-1.746-2.904-3.876-2.904-6.389c0-1.614,0.457-3.131,1.364-4.539c0.914-1.408,2.225-2.476,3.942-3.213   c1.717-0.737,3.78-1.105,6.212-1.105c3.957,0,6.941,0.877,8.938,2.638c2.004,1.761,3.051,4.104,3.154,7.044l-6.411,0.221   c-0.273-1.636-0.855-2.808-1.747-3.522c-0.892-0.714-2.232-1.076-4.016-1.076c-1.842,0-3.287,0.383-4.326,1.149   c-0.67,0.494-1.01,1.149-1.01,1.975c0,0.752,0.317,1.393,0.951,1.923c0.803,0.685,2.756,1.393,5.858,2.129   c3.102,0.729,5.394,1.496,6.875,2.277c1.489,0.789,2.653,1.857,3.493,3.22c0.84,1.363,1.26,3.044,1.26,5.04   c0,1.813-0.501,3.516-1.511,5.1s-2.432,2.764-4.274,3.529c-1.842,0.774-4.141,1.157-6.89,1.157c-4.001,0-7.074-0.921-9.218-2.771   C218.332,59.756,217.057,57.066,216.637,53.537L216.637,53.537z M253.731,32.138v11.731c1.967-2.336,4.326-3.508,7.059-3.508   c1.408,0,2.675,0.258,3.803,0.774c1.127,0.523,1.975,1.179,2.55,1.99c0.574,0.803,0.965,1.695,1.171,2.675   c0.214,0.98,0.317,2.498,0.317,4.554v13.441h-6.057V51.694c0-2.401-0.118-3.928-0.346-4.576c-0.236-0.648-0.648-1.164-1.238-1.54   c-0.589-0.383-1.326-0.575-2.218-0.575c-1.017,0-1.923,0.243-2.727,0.737c-0.803,0.486-1.385,1.223-1.754,2.21   c-0.375,0.98-0.56,2.439-0.56,4.362v11.481h-6.057V32.138H253.731L253.731,32.138z M288.033,56.544l6.058,1.017   c-0.774,2.218-2.004,3.905-3.677,5.069c-1.68,1.157-3.78,1.739-6.293,1.739c-3.986,0-6.941-1.305-8.85-3.913   c-1.51-2.093-2.27-4.73-2.27-7.921c0-3.803,0.995-6.787,2.977-8.938c1.982-2.159,4.495-3.235,7.531-3.235   c3.404,0,6.094,1.127,8.068,3.382c1.968,2.255,2.911,5.71,2.823,10.369h-15.165c0.044,1.798,0.53,3.197,1.466,4.199   c0.928,1.003,2.092,1.504,3.478,1.504c0.951,0,1.747-0.258,2.387-0.773C287.215,58.525,287.702,57.693,288.033,56.544   L288.033,56.544z M288.387,50.398c-0.044-1.762-0.494-3.103-1.356-4.017c-0.862-0.921-1.909-1.378-3.146-1.378   c-1.319,0-2.41,0.486-3.271,1.452c-0.862,0.965-1.283,2.285-1.268,3.943H288.387L288.387,50.398z M312.624,56.544l6.058,1.017   c-0.774,2.218-2.005,3.905-3.678,5.069c-1.68,1.157-3.78,1.739-6.293,1.739c-3.986,0-6.941-1.305-8.85-3.913   c-1.511-2.093-2.27-4.73-2.27-7.921c0-3.803,0.995-6.787,2.977-8.938c1.982-2.159,4.495-3.235,7.531-3.235   c3.404,0,6.094,1.127,8.068,3.382c1.968,2.255,2.911,5.71,2.823,10.369h-15.166c0.044,1.798,0.53,3.197,1.466,4.199   c0.929,1.003,2.093,1.504,3.479,1.504c0.95,0,1.746-0.258,2.387-0.773C311.805,58.525,312.292,57.693,312.624,56.544   L312.624,56.544z M312.977,50.398c-0.044-1.762-0.494-3.103-1.355-4.017c-0.862-0.921-1.909-1.378-3.146-1.378   c-1.319,0-2.41,0.486-3.272,1.452c-0.862,0.965-1.282,2.285-1.268,3.943H312.977L312.977,50.398z M334.428,40.848v4.819h-4.156   v9.292c0,1.887,0.037,2.984,0.118,3.294s0.258,0.567,0.545,0.774c0.28,0.198,0.619,0.302,1.024,0.302   c0.567,0,1.378-0.191,2.446-0.582l0.509,4.716c-1.407,0.604-2.999,0.906-4.782,0.906c-1.091,0-2.071-0.185-2.948-0.553   c-0.876-0.368-1.518-0.848-1.923-1.43c-0.412-0.589-0.692-1.378-0.854-2.38c-0.126-0.707-0.191-2.137-0.191-4.296V45.667h-2.786   v-4.819h2.786v-4.554l6.057-3.582v8.135H334.428L334.428,40.848z M338.628,63.795V32.138h9.602l5.674,21.59l5.607-21.59h9.624   v31.657h-5.925l-0.021-24.922l-6.242,24.922h-6.16l-6.212-24.922l-0.021,24.922H338.628L338.628,63.795z M390.667,63.795V60.36   c-0.84,1.224-1.938,2.196-3.301,2.926c-1.363,0.722-2.8,1.083-4.311,1.083c-1.548,0-2.934-0.339-4.156-1.017   c-1.23-0.678-2.115-1.636-2.66-2.859c-0.553-1.23-0.825-2.926-0.825-5.092V40.848h6.057v10.567c0,3.234,0.111,5.209,0.339,5.939   c0.222,0.729,0.627,1.312,1.224,1.731c0.59,0.428,1.341,0.641,2.255,0.641c1.039,0,1.968-0.287,2.793-0.854   s1.385-1.274,1.688-2.122c0.302-0.848,0.457-2.911,0.457-6.205v-9.697h6.057v22.947H390.667L390.667,63.795z M400.342,57.34   l6.102-0.929c0.258,1.172,0.78,2.062,1.577,2.667c0.788,0.611,1.9,0.914,3.323,0.914c1.569,0,2.748-0.287,3.544-0.862   c0.531-0.405,0.796-0.95,0.796-1.628c0-0.457-0.147-0.841-0.435-1.143c-0.302-0.287-0.98-0.56-2.026-0.803   c-4.9-1.084-8.003-2.071-9.314-2.963c-1.82-1.245-2.727-2.97-2.727-5.173c0-1.997,0.788-3.669,2.358-5.025   c1.569-1.356,4.001-2.034,7.295-2.034c3.139,0,5.475,0.516,7,1.541c1.525,1.031,2.58,2.549,3.154,4.561l-5.703,1.062   c-0.243-0.899-0.715-1.592-1.4-2.071s-1.666-0.715-2.94-0.715c-1.606,0-2.756,0.221-3.456,0.67   c-0.464,0.317-0.692,0.729-0.692,1.23c0,0.435,0.198,0.803,0.604,1.105c0.553,0.405,2.446,0.973,5.688,1.709   c3.242,0.737,5.505,1.637,6.787,2.705c1.274,1.076,1.908,2.586,1.908,4.517c0,2.101-0.877,3.913-2.639,5.424   c-1.754,1.511-4.354,2.27-7.803,2.27c-3.125,0-5.601-0.634-7.429-1.894C402.096,61.216,400.902,59.506,400.342,57.34L400.342,57.34   z M427.098,37.753v-5.615h6.058v5.615H427.098L427.098,37.753z M427.098,63.795V40.848h6.058v22.947H427.098L427.098,63.795z    M459.367,47.657l-5.969,1.061c-0.199-1.186-0.656-2.078-1.37-2.683c-0.715-0.597-1.636-0.898-2.771-0.898   c-1.51,0-2.719,0.523-3.618,1.569c-0.898,1.046-1.348,2.793-1.348,5.247c0,2.726,0.456,4.649,1.37,5.776   c0.914,1.128,2.137,1.688,3.67,1.688c1.149,0,2.093-0.331,2.822-0.987c0.736-0.655,1.253-1.783,1.555-3.39l5.969,1.018   c-0.619,2.741-1.806,4.812-3.56,6.212c-1.753,1.399-4.104,2.1-7.059,2.1c-3.346,0-6.021-1.062-8.011-3.176   c-1.996-2.122-2.991-5.055-2.991-8.806c0-3.795,1.002-6.743,2.999-8.857c1.997-2.115,4.701-3.169,8.113-3.169   c2.785,0,5.003,0.604,6.654,1.806C457.465,43.368,458.645,45.195,459.367,47.657z"})));var T=D;wp.domReady((function(){Object(c.registerBlockType)("phonicscore/opensheetmusicdisplay",{apiVersion:2,title:Object(n.__)("OpenSheetMusicDisplay","opensheetmusicdisplay"),description:Object(n.__)("Block to render MusicXML in the browser as sheet music using OSMD.","opensheetmusicdisplay"),category:"embed",icon:T.osmd,supports:{html:!1},edit:z,save:N,attributes:{alignRests:{type:"number",default:0},autoBeam:{type:"boolean",default:!1},autoBeamOptions:{type:"object",default:{beam_middle_rests_only:!1,beam_rests:!1,maintain_stem_directions:!1}},autoResize:{type:"boolean",default:!0},backend:{type:"string",default:"svg"},coloringMode:{type:"number",default:void 0},coloringSetCustom:{type:"array",default:void 0},coloringEnabled:{type:"boolean",default:!0},colorStemsLikeNoteheads:{type:"boolean",default:!1},defaultColorNotehead:{type:"string",default:void 0},defaultColorStem:{type:"string",default:void 0},defaultColorRest:{type:"string",default:void 0},defaultColorLabel:{type:"string",default:void 0},defaultColorTitle:{type:"string",default:void 0},defaultFontFamily:{type:"string",default:void 0},defaultFontStyle:{type:"number",default:0},disableCursor:{type:"boolean",default:!0},followCursor:{type:"boolean",default:!1},drawingParameters:{type:"string",default:void 0},drawCredits:{type:"boolean",default:!0},drawTitle:{type:"boolean",default:!0},drawSubtitle:{type:"boolean",default:!0},drawComposer:{type:"boolean",default:!0},drawLyricist:{type:"boolean",default:!0},drawMetronomeMarks:{type:"boolean",default:!0},drawPartNames:{type:"boolean",default:!0},drawPartAbbreviations:{type:"boolean",default:!0},drawMeasureNumbers:{type:"boolean",default:!0},drawMeasureNumbersOnlyAtSystemStart:{type:"boolean",default:!1},drawTimeSignatures:{type:"boolean",default:!0},measureNumberInterval:{type:"number",default:2},useXMLMeasureNumbers:{type:"boolean",default:!0},drawFingerings:{type:"boolean",default:!0},fingeringPosition:{type:"string",default:void 0},fingeringInsideStafflines:{type:"boolean",default:!1},drawLyrics:{type:"boolean",default:!0},drawSlurs:{type:"boolean",default:!0},drawUpToMeasureNumber:{type:"number",default:void 0},drawUpToSystemNumber:{type:"number",default:void 0},drawUpToPageNumber:{type:"number",default:void 0},drawFromMeasureNumber:{type:"number",default:void 0},fillEmptyMeasuresWithWholeRest:{type:"number",default:0},setWantedStemDirectionByXml:{type:"boolean",default:!0},tupletsRatioed:{type:"boolean",default:!1},tupletsBracketed:{type:"boolean",default:!1},tripletsBracketed:{type:"boolean",default:!1},pageFormat:{type:"string",default:void 0},pageBackgroundColor:{type:"string",default:void 0},renderSingleHorizontalStaffline:{type:"boolean",default:!1},newSystemFromXML:{type:"boolean",default:!1},newPageFromXML:{type:"boolean",default:!1},percussionOneLineCutoff:{type:"number",default:4},percussionForceVoicesOneLineCutoff:{type:"number",default:3},spacingFactorSoftmax:{type:"number",default:5},spacingBetweenTextLines:{type:"number",default:void 0},stretchLastSystemLine:{type:"boolean",default:!1},autoGenerateMutipleRestMeasuresFromRestMeasures:{type:"boolean",default:!0},width:{type:"number",default:100},aspectRatio:{type:"number",default:0},zoom:{type:"number",default:1},musicXmlId:{type:"number",default:-1},musicXmlUrl:{type:"string",default:""},musicXmlTitle:{type:"string",default:""},autoRender:{type:"boolean",default:!1},plugins:{type:"array",default:[]}}})}))}]);
     1(window.webpackJsonp_opensheetmusicdisplay_wordpress_block=window.webpackJsonp_opensheetmusicdisplay_wordpress_block||[]).push([[1],{16:function(e,t,r){}}]),function(e){function t(t){for(var n,a,l=t[0],i=t[1],s=t[2],d=0,p=[];d<l.length;d++)a=l[d],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&p.push(o[a][0]),o[a]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(u&&u(t);p.length;)p.shift()();return c.push.apply(c,s||[]),r()}function r(){for(var e,t=0;t<c.length;t++){for(var r=c[t],n=!0,l=1;l<r.length;l++){var i=r[l];0!==o[i]&&(n=!1)}n&&(c.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={0:0},c=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="";var l=window.webpackJsonp_opensheetmusicdisplay_wordpress_block=window.webpackJsonp_opensheetmusicdisplay_wordpress_block||[],i=l.push.bind(l);l.push=t,l=l.slice();for(var s=0;s<l.length;s++)t(l[s]);var u=i;c.push([26,1]),r()}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wp.blockEditor},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function r(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}e.exports=function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}},function(e,t){e.exports=window.React},function(e,t){e.exports=window["opensheetmusicdisplay-wordpress-block"]},function(e,t){function r(t){return e.exports=r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},r(t)}e.exports=r},function(e,t){e.exports=window.wp.blocks},function(e,t){function r(){return e.exports=r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}e.exports=r},function(e,t,r){var n=r(17),o=r(18),c=r(19),a=r(21);e.exports=function(e,t){return n(e)||o(e,t)||c(e,t)||a()}},function(e,t,r){var n=r(22);e.exports=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&&n(e,t)}},function(e,t,r){var n=r(23),o=r(24);e.exports=function(e,t){return!t||"object"!==n(t)&&"function"!=typeof t?o(e):t}},function(e,t){e.exports=opensheetmusicdisplay},function(e,t){e.exports=window.wp.data},,function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],_n=!0,n=!1,o=void 0;try{for(var c,a=e[Symbol.iterator]();!(_n=(c=a.next()).done)&&(r.push(c.value),!t||r.length!==t);_n=!0);}catch(e){n=!0,o=e}finally{try{_n||null==a.return||a.return()}finally{if(n)throw o}}return r}}},function(e,t,r){var n=r(20);e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){function r(t,n){return e.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(t,n)}e.exports=r},function(e,t){function r(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=r=function(e){return typeof e}:e.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(t)}e.exports=r},function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var n=r(9),o=r(1),c=(r(16),r(10)),a=r.n(c),l=r(11),i=r.n(l),s=r(0),u=r(4),d=r.n(u),p=r(5),f=r.n(p),m=r(12),b=r.n(m),h=r(13),g=r.n(h),v=r(8),y=r.n(v),w=r(6),O=r.n(w),M=r(14);var j=function(e){b()(o,e);var t,r,n=(t=o,r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,n=y()(t);if(r){var o=y()(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return g()(this,e)});function o(e){var t,r,c,a;return d()(this,o),(a=n.call(this,e)).pendingLoad=void 0,a.loadAttempts=0,a.maxReloadAttempts=a.props.maxReloadAttempts?a.props.maxReloadAttempts:3,a.showErrorCallback=a.props.showErrorCallback?a.props.showErrorCallback:a.defaultErrorCallback,a.osmd=void 0,a.osmdDivRef=O.a.createRef(),a.loaderDivRef=O.a.createRef(),a.pluginManager=void 0,"OpenSheetMusicDisplayReactPluginManager"===(null===(t=e.pluginManager)||void 0===t||null===(r=t._reflection)||void 0===r||null===(c=r.class)||void 0===c?void 0:c.name)&&(a.pluginManager=e.pluginManager),a}return f()(o,[{key:"defaultErrorCallback",value:function(e,t){this.osmdDivRef.current.innerHTML="<p><strong>".concat(e,"</strong>: <code>").concat(t,"</code></p>")}},{key:"getOptionsObjectFromProps",value:function(e){for(var t,r,n={},o=Object.keys(e),c=0;c<o.length;c++){var a=o[c];"file"!==a&&"zoom"!==a&&"width"!==a&&(n[a]=e[a])}if((null===(t=this.pluginManager)||void 0===t||null===(r=t.getPlugins())||void 0===r?void 0:r.length)>0)for(var l=0;l<this.pluginManager.getPlugins().length;l++)this.pluginManager.getPlugins()[l].processOptionsHook(this.osmd,n,this.osmdDivRef.current);return n}},{key:"renderBehavior",value:function(){var e,t,r=this;if((null===(e=this.pluginManager)||void 0===e||null===(t=e.getPlugins())||void 0===t?void 0:t.length)>0)for(var n=0;n<this.pluginManager.getPlugins().length;n++)this.pluginManager.getPlugins()[n].preRenderHook(this.osmd,this.props,this.osmdDivRef.current);this.osmd.Zoom=this.props.zoom,setTimeout((function(){try{r.osmd.render()}catch(e){console.warn("Error rendering: ",e),r.showErrorCallback("Error rendering file: ".concat(r.props.file),e)}finally{var e,t;if((null===(e=r.pluginManager)||void 0===e||null===(t=e.getPlugins())||void 0===t?void 0:t.length)>0)for(var n=0;n<r.pluginManager.getPlugins().length;n++)r.pluginManager.getPlugins()[n].postRenderHook(r.osmd,r.props,r.osmdDivRef.current,void 0);r.loaderDivRef.current.classList.add("hide")}}),250)}},{key:"loadFileBehavior",value:function(){var e,t;if((null===(e=this.pluginManager)||void 0===e||null===(t=e.getPlugins())||void 0===t?void 0:t.length)>0)for(var r=0;r<this.pluginManager.getPlugins().length;r++)this.pluginManager.getPlugins()[r].preLoadFileHook(this.osmd,this.props,this.osmdDivRef.current);this.loadAttempts++,this.pendingLoad=this.osmd.load(this.props.file);var n=this;this.pendingLoad.then((function(){var e,t;if(n.loadAttempts=0,n.pendingLoad=void 0,(null===(e=n.pluginManager)||void 0===e||null===(t=e.getPlugins())||void 0===t?void 0:t.length)>0)for(var r=0;r<n.pluginManager.getPlugins().length;r++)n.pluginManager.getPlugins()[r].postLoadFileHook(n.osmd,n.props,n.osmdDivRef.current);n.renderBehavior()}),(function(e){var t,r;if((null===(t=n.pluginManager)||void 0===t||null===(r=t.getPlugins())||void 0===r?void 0:r.length)>0)for(var o=0;o<n.pluginManager.getPlugins().length;o++)n.pluginManager.getPlugins()[o].postLoadFileHook(n.osmd,n.props,n.osmdDivRef.current,e);console.warn(e),n.loadAttempts<n.maxReloadAttempts?(console.log("Attempting to reload..."),n.loadFileBehavior()):(n.loaderDivRef.current.classList.add("hide"),n.loadAttempts=0,n.pendingLoad=void 0,n.showErrorCallback("Failed to load file: ".concat(n.props.file),e),console.error("Max reload attempts reached. Failed to load file: ".concat(n.props.file)))}))}},{key:"setupOsmd",value:function(){var e,t;this.osmdDivRef.current.innerHTML="";var r=this.getOptionsObjectFromProps(this.props);if(this.osmd=new M.OpenSheetMusicDisplay(this.osmdDivRef.current,r),(null===(e=this.pluginManager)||void 0===e||null===(t=e.getPlugins())||void 0===t?void 0:t.length)>0)for(var n=0;n<this.pluginManager.getPlugins().length;n++)this.pluginManager.getPlugins()[n].postSetupHook(this.osmd,this.props,this.osmdDivRef.current);this.props.file&&(this.loaderDivRef.current.classList.remove("hide"),this.loadFileBehavior())}},{key:"resize",value:function(){this.osmd.render()}},{key:"componentDidUpdate",value:function(e){console.log("component did update",e,this.props),this.osmdDivRef.current.innerHTML="",this.loaderDivRef.current.classList.remove("hide");var t=this.getOptionsObjectFromProps(this.props);this.osmd.setOptions(t),this.props.file!==e.file?this.loadFileBehavior():this.renderBehavior()}},{key:"componentDidMount",value:function(){this.setupOsmd()}},{key:"render",value:function(){var e,t,r=Object(s.createElement)("div",{className:"phonicscore-opensheetmusicdisplay"},Object(s.createElement)("div",{className:"phonicscore-opensheetmusicdisplay__full-loading-spinner hide",ref:this.loaderDivRef}),Object(s.createElement)("div",{className:"phonicscore-opensheetmusicdisplay__render-block",ref:this.osmdDivRef}));if((null===(e=this.pluginManager)||void 0===e||null===(t=e.getPlugins())||void 0===t?void 0:t.length)>0)for(var n=0;n<this.pluginManager.getPlugins().length;n++)this.pluginManager.getPlugins()[n].preReactRenderHook(this.osmd,this.props,this.osmdDivRef.current,r);return r}}]),o}(w.PureComponent),C=function(){function e(){d()(this,e),this._reflection={class:{name:"OpenSheetMusicDisplayReactPluginManager"}},this.plugins=[]}return f()(e,[{key:"getPlugins",value:function(){return this.plugins}},{key:"registerPlugin",value:function(e){var t,r;"OpenSheetMusicDisplayReactPluginTemplate"===(null==e||null===(t=e._reflection)||void 0===t||null===(r=t.class)||void 0===r?void 0:r.name)&&this.plugins.push(e)}}]),e}(),_=r(7),k=r(3),S=r(2),R=r(15),x=(r(25),Object(S.withFilters)("phonicscore_opensheetmusicdisplay_plugin")(j)),L=new C,P=new _.OpenSheetMusicDisplayWordpressPlugin("phonicscore/opensheetmusicdisplay/wordpress-plugin-hooks",_.OpenSheetMusicDisplayGlobalHooks);L.registerPlugin(P);var E=Object(R.withSelect)((function(e,t){var r=e("core").getMedia;return{media:t.attributes.musicXmlId>-1?r(t.attributes.musicXmlId):void 0}}))((function(e){var t,r=e.attributes,n=e.setAttributes,c=e.queueableAttributes,l=e.queueAttribute,u=e.commitAttributes;t=0===r.aspectRatio?"auto":1.5===r.aspectRatio?"landscape":.5625===r.aspectRatio?"portrait":"custom";var d,p=Object(s.useState)(t),f=i()(p,2),m=f[0],b=f[1],h=[{label:Object(o.__)("Auto (No Scrollbar)"),value:"auto"},{label:Object(o.__)("Landscape"),value:"landscape"},{label:Object(o.__)("Portrait"),value:"portrait"},{label:Object(o.__)("Custom"),value:"custom"}],g=Object(k.useBlockProps)(),v={file:r.musicXmlUrl,width:r.width,zoom:r.zoom,drawTitle:r.drawTitle,drawSubtitle:r.drawSubtitle,drawComposer:r.drawComposer,drawLyricist:r.drawLyricist,drawMetronomeMarks:r.drawMetronomeMarks,drawPartNames:r.drawPartNames,drawPartAbbreviations:r.drawPartAbbreviations,drawMeasureNumbers:r.drawMeasureNumbers,drawMeasureNumbersOnlyAtSystemStart:r.drawMeasureNumbersOnlyAtSystemStart,drawTimeSignatures:r.drawTimeSignatures,maxReloadAttempts:5,pluginManager:L},y=_.OpenSheetMusicDisplayGlobalHooks.applyFilters("phonicscore_opensheetmusicdisplay_block-props",v,r,c);return y||(y={}),Object(s.createElement)("div",a()({},g,{style:{width:r.width+"%",maxWidth:r.width+"%",height:(d=r.aspectRatio,g.ref.current&&0!==d&&g.ref.current.offsetWidth?(g.ref.current.offsetWidth/d).toString()+"px":"auto")}}),Object(s.createElement)(k.InspectorControls,null,Object(s.createElement)(S.Card,null,Object(s.createElement)(S.CardBody,null,Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Automatically Rerender on Change"),checked:!r.queueAttributes,onChange:function(e){n({queueAttributes:!e}),e&&u()}}),Object(s.createElement)(S.Button,{disabled:!r.queueAttributes,isPrimary:!0,onClick:function(){return u()}},Object(o.__)("Rerender")))),Object(s.createElement)(S.PanelBody,{title:Object(o.__)("Basic Options"),initialOpen:!0},Object(s.createElement)("div",{className:"musicxml-selector"},Object(s.createElement)(k.MediaUploadCheck,null,Object(s.createElement)(k.MediaUpload,{allowedTypes:["application/vnd.recordare.musicxml","application/vnd.recordare.musicxml+xml","text/xml","application/xml"],onSelect:function(e){n({musicXmlId:e.id,musicXmlUrl:e.url,musicXmlTitle:e.title})},value:r.musicXmlId,render:function(e){var t=e.open;return Object(s.createElement)("div",null,Object(s.createElement)("sub",null,Object(s.createElement)("strong",null,Object(o.__)(r.musicXmlId>-1?"Current Score: ".concat(r.musicXmlTitle):"No MusicXML selected."))),Object(s.createElement)("br",null),Object(s.createElement)(S.Button,{isSecondary:!0,onClick:t},Object(o.__)("Select Media")))}}))),Object(s.createElement)(S.TextControl,{label:Object(o.__)("Width (%)"),type:"number",min:10,max:100,step:1,onChange:function(e){return l("width",parseInt(e,10),500)},value:c.width.value}),Object(s.createElement)(S.SelectControl,{label:Object(o.__)("Container Aspect Ratio"),value:m,onChange:function(e){return function(e){switch(e){case"auto":n({aspectRatio:0});break;case"landscape":n({aspectRatio:1.5});break;case"portrait":n({aspectRatio:.5625})}b(e)}(e)},options:h}),"custom"===m?Object(s.createElement)(S.TextControl,{label:Object(o.__)("Custom Aspect Ratio"),type:"number",min:.1,onChange:function(e){return n({aspectRatio:e})},value:r.aspectRatio}):null,Object(s.createElement)(S.TextControl,{label:Object(o.__)("Zoom (%)"),type:"number",min:10,onChange:function(e){return l("zoom",parseInt(e,10)/100,500)},value:Math.floor(100*c.zoom.value)})),Object(s.createElement)(S.PanelBody,{title:Object(o.__)("Drawing Options"),initialOpen:!1},Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Title"),checked:c.drawTitle.value,onChange:function(e){return l("drawTitle",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Subtitle"),checked:c.drawSubtitle.value,onChange:function(e){return l("drawSubtitle",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Composer"),checked:c.drawComposer.value,onChange:function(e){return l("drawComposer",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Lyricist"),checked:c.drawLyricist.value,onChange:function(e){return l("drawLyricist",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Metronome Marks"),checked:c.drawMetronomeMarks.value,onChange:function(e){return l("drawMetronomeMarks",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Part Names"),checked:c.drawPartNames.value,onChange:function(e){return l("drawPartNames",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Part Abbreviations"),checked:c.drawPartAbbreviations.value,onChange:function(e){return l("drawPartAbbreviations",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Measure Numbers"),checked:c.drawMeasureNumbers.value,onChange:function(e){return l("drawMeasureNumbers",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Measure Numbers Only at System Start"),checked:c.drawMeasureNumbersOnlyAtSystemStart.value,onChange:function(e){return l("drawMeasureNumbersOnlyAtSystemStart",e,0)}}),Object(s.createElement)(S.CheckboxControl,{label:Object(o.__)("Draw Time Signatures"),checked:c.drawTimeSignatures.value,onChange:function(e){return l("drawTimeSignatures",e,0)}}))),r.musicXmlId>-1?Object(s.createElement)(x,y):Object(s.createElement)("h4",null,Object(o.__)("No MusicXML Selected.")))})),z={};z.osmd=Object(s.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",className:"osmd-icon",x:"0px",y:"0px",width:"98.209px",height:"93.095px",viewBox:"0 0 98.209 93.095"},Object(s.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",d:"M8.811,51.666v-8.818c1.796-0.101,3.141-0.364,4.058-0.816  c0.905-0.439,1.684-1.181,2.35-2.224s1.118-2.349,1.369-3.919c0.189-1.181,0.29-3.229,0.29-6.155c0-4.761,0.226-8.078,0.666-9.962  c0.439-1.884,1.23-3.392,2.387-4.535c1.155-1.144,2.839-2.035,5.037-2.701c1.496-0.44,3.856-0.666,7.073-0.666h1.947v8.818  c-2.738,0-4.485,0.15-5.263,0.464c-0.779,0.302-1.344,0.767-1.722,1.395c-0.364,0.628-0.553,1.696-0.553,3.216  c0,1.544-0.1,4.484-0.301,8.794c-0.125,2.437-0.439,4.396-0.955,5.917c-0.515,1.507-1.168,2.75-1.972,3.731  c-0.792,0.98-2.01,1.998-3.656,3.053c1.457,0.829,2.638,1.809,3.567,2.927s1.633,2.475,2.124,4.07  c0.502,1.595,0.816,3.743,0.966,6.419c0.151,4.07,0.227,6.683,0.227,7.813c0,1.62,0.201,2.751,0.591,3.392  c0.389,0.628,0.979,1.118,1.783,1.445c0.792,0.339,2.513,0.502,5.164,0.502v8.818h-1.947c-3.316,0-5.854-0.263-7.626-0.791  c-1.758-0.528-3.253-1.406-4.459-2.638c-1.219-1.219-2.036-2.739-2.45-4.548c-0.414-1.796-0.627-4.648-0.627-8.53  c0-4.51-0.201-7.449-0.591-8.793c-0.54-1.973-1.357-3.38-2.449-4.221C12.743,52.27,11.072,51.792,8.811,51.666z"}),Object(s.createElement)("rect",{x:"33.298",y:"11.865",fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",width:"11.062",height:"46.519"}),Object(s.createElement)("rect",{x:"38.101",y:"36.107",fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",width:"1.457",height:"46.519"}),Object(s.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",d:"M90.706,51.666v-8.818c-1.796-0.101-3.141-0.364-4.058-0.816  c-0.904-0.439-1.684-1.181-2.349-2.224c-0.666-1.042-1.118-2.349-1.369-3.919c-0.189-1.181-0.29-3.229-0.29-6.155  c0-4.761-0.226-8.078-0.666-9.962c-0.439-1.884-1.23-3.392-2.387-4.535c-1.156-1.144-2.839-2.035-5.037-2.701  c-1.496-0.44-3.857-0.666-7.073-0.666h-1.947v8.818c2.738,0,4.485,0.15,5.263,0.464c0.779,0.302,1.344,0.767,1.722,1.395  c0.364,0.628,0.553,1.696,0.553,3.216c0,1.544,0.1,4.484,0.301,8.794c0.125,2.437,0.44,4.396,0.956,5.917  c0.514,1.507,1.167,2.75,1.972,3.731c0.792,0.98,2.01,1.998,3.655,3.053c-1.457,0.829-2.638,1.809-3.567,2.927  c-0.929,1.118-1.633,2.475-2.123,4.07c-0.502,1.595-0.816,3.743-0.967,6.419c-0.151,4.07-0.226,6.683-0.226,7.813  c0,1.62-0.201,2.751-0.591,3.392c-0.389,0.628-0.979,1.118-1.783,1.445c-0.791,0.339-2.513,0.502-5.163,0.502v8.818h1.947  c3.316,0,5.854-0.263,7.626-0.791c1.758-0.528,3.253-1.406,4.459-2.638c1.219-1.219,2.035-2.739,2.45-4.548  c0.414-1.796,0.627-4.648,0.627-8.53c0-4.51,0.201-7.449,0.591-8.793c0.54-1.973,1.357-3.38,2.449-4.221  C86.774,52.27,88.445,51.792,90.706,51.666z"}),Object(s.createElement)("rect",{x:"55.156",y:"11.865",fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",width:"11.062",height:"46.519"}),Object(s.createElement)("rect",{x:"59.959",y:"36.107",fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",width:"1.456",height:"46.519"}),Object(s.createElement)("g",null,Object(s.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"#979898",d:"M109.051,48.386c0-5.246,1.415-9.358,4.237-12.328   s6.462-4.451,10.928-4.451c2.925,0,5.556,0.7,7.906,2.093c2.344,1.393,4.134,3.338,5.365,5.836c1.23,2.491,1.85,5.32,1.85,8.481   c0,3.205-0.648,6.079-1.945,8.606c-1.297,2.535-3.132,4.451-5.504,5.748c-2.38,1.305-4.945,1.953-7.693,1.953   c-2.984,0-5.645-0.723-7.995-2.159c-2.343-1.437-4.126-3.397-5.335-5.888C109.655,53.795,109.051,51.164,109.051,48.386   L109.051,48.386z M113.384,48.46c0,3.81,1.024,6.809,3.073,8.997c2.049,2.188,4.621,3.287,7.715,3.287   c3.154,0,5.74-1.105,7.781-3.316c2.034-2.211,3.051-5.35,3.051-9.417c0-2.572-0.435-4.819-1.304-6.735s-2.144-3.405-3.817-4.458   c-1.68-1.054-3.559-1.584-5.644-1.584c-2.962,0-5.512,1.017-7.649,3.051C114.453,40.317,113.384,43.707,113.384,48.46   L113.384,48.46z M144.237,72.593V40.848h3.537v3.014c0.833-1.165,1.776-2.041,2.83-2.624c1.046-0.582,2.321-0.877,3.817-0.877   c1.96,0,3.685,0.501,5.18,1.511c1.496,1.002,2.624,2.424,3.39,4.252c0.759,1.835,1.143,3.839,1.143,6.027   c0,2.336-0.42,4.443-1.26,6.322c-0.84,1.872-2.063,3.309-3.67,4.312c-1.599,0.995-3.286,1.496-5.055,1.496   c-1.297,0-2.461-0.273-3.485-0.818c-1.032-0.545-1.872-1.23-2.535-2.063v11.193H144.237L144.237,72.593z M147.774,52.461   c0,2.94,0.597,5.114,1.783,6.521c1.194,1.407,2.638,2.115,4.333,2.115c1.724,0,3.198-0.729,4.421-2.188   c1.23-1.459,1.842-3.714,1.842-6.772c0-2.918-0.597-5.099-1.798-6.551s-2.63-2.174-4.296-2.174c-1.651,0-3.11,0.774-4.377,2.314   C148.408,47.273,147.774,49.514,147.774,52.461L147.774,52.461z M184.479,56.366l4.023,0.531c-0.626,2.336-1.798,4.156-3.507,5.445   s-3.891,1.938-6.551,1.938c-3.346,0-5.999-1.032-7.958-3.096c-1.96-2.056-2.94-4.952-2.94-8.673c0-3.847,0.987-6.838,2.97-8.96   c1.982-2.13,4.554-3.191,7.715-3.191c3.058,0,5.556,1.039,7.494,3.125c1.938,2.085,2.911,5.018,2.911,8.798   c0,0.229-0.007,0.575-0.022,1.031h-17.088c0.147,2.514,0.854,4.444,2.137,5.777c1.275,1.334,2.874,2.005,4.783,2.005   c1.422,0,2.638-0.376,3.64-1.128C183.093,59.219,183.889,58.018,184.479,56.366L184.479,56.366z M171.746,50.133h12.777   c-0.169-1.931-0.664-3.375-1.466-4.34c-1.23-1.496-2.837-2.248-4.805-2.248c-1.783,0-3.279,0.597-4.495,1.791   C172.548,46.529,171.878,48.128,171.746,50.133L171.746,50.133z M193.417,63.795V40.848h3.493v3.257   c1.68-2.498,4.112-3.744,7.288-3.744c1.385,0,2.653,0.251,3.81,0.744c1.157,0.494,2.026,1.15,2.601,1.953s0.98,1.761,1.208,2.867   c0.14,0.722,0.213,1.982,0.213,3.78v14.09h-3.891V49.853c0-1.584-0.147-2.771-0.449-3.552s-0.84-1.407-1.606-1.879   c-0.767-0.464-1.673-0.7-2.705-0.7c-1.651,0-3.073,0.523-4.274,1.577c-1.201,1.046-1.798,3.043-1.798,5.976v12.521H193.417   L193.417,63.795z M464.194,63.795V32.138h10.905c2.462,0,4.341,0.147,5.638,0.449c1.812,0.42,3.36,1.179,4.643,2.27   c1.673,1.415,2.918,3.213,3.743,5.409c0.833,2.196,1.245,4.709,1.245,7.531c0,2.402-0.28,4.531-0.84,6.389   c-0.561,1.857-1.282,3.397-2.159,4.613c-0.884,1.216-1.843,2.174-2.889,2.866c-1.039,0.7-2.299,1.23-3.772,1.592   c-1.481,0.36-3.177,0.538-5.092,0.538H464.194L464.194,63.795z M468.394,60.08h6.75c2.085,0,3.721-0.191,4.907-0.581   c1.187-0.391,2.13-0.937,2.837-1.644c0.987-0.995,1.762-2.336,2.314-4.017c0.552-1.68,0.832-3.714,0.832-6.108   c0-3.316-0.545-5.866-1.628-7.649c-1.084-1.783-2.402-2.977-3.958-3.581c-1.119-0.435-2.925-0.649-5.415-0.649h-6.64V60.08   L468.394,60.08z M495.636,36.559v-4.421h3.891v4.421H495.636L495.636,36.559z M495.636,63.795V40.848h3.891v22.947H495.636   L495.636,63.795z M503.912,56.941l3.847-0.619c0.214,1.54,0.817,2.72,1.805,3.545c0.988,0.817,2.373,1.23,4.142,1.23   c1.791,0,3.117-0.361,3.986-1.091c0.862-0.722,1.297-1.577,1.297-2.557c0-0.877-0.39-1.57-1.164-2.071   c-0.545-0.346-1.871-0.781-3.979-1.318c-2.844-0.715-4.812-1.334-5.917-1.857c-1.098-0.53-1.931-1.253-2.498-2.181   c-0.567-0.922-0.854-1.945-0.854-3.066c0-1.024,0.236-1.967,0.7-2.837c0.472-0.87,1.105-1.591,1.908-2.167   c0.604-0.442,1.43-0.818,2.469-1.127c1.046-0.309,2.159-0.464,3.353-0.464c1.799,0,3.375,0.258,4.731,0.781   c1.362,0.516,2.365,1.224,3.014,2.107c0.641,0.892,1.091,2.078,1.334,3.567l-3.803,0.53c-0.169-1.194-0.671-2.129-1.496-2.8   c-0.825-0.67-1.989-1.002-3.5-1.002c-1.775,0-3.051,0.295-3.81,0.884s-1.143,1.282-1.143,2.071c0,0.501,0.155,0.958,0.472,1.363   c0.317,0.412,0.811,0.759,1.488,1.031c0.391,0.147,1.526,0.479,3.427,0.995c2.741,0.729,4.657,1.333,5.748,1.798   c1.091,0.464,1.945,1.149,2.564,2.034c0.626,0.891,0.936,1.996,0.936,3.323c0,1.289-0.376,2.505-1.135,3.647   c-0.759,1.142-1.85,2.026-3.271,2.652c-1.43,0.627-3.044,0.937-4.842,0.937c-2.977,0-5.254-0.619-6.816-1.85   C505.341,61.193,504.346,59.366,503.912,56.941L503.912,56.941z M527.566,72.593V40.848h3.536v3.014   c0.833-1.165,1.776-2.041,2.83-2.624c1.047-0.582,2.321-0.877,3.817-0.877c1.96,0,3.685,0.501,5.18,1.511   c1.496,1.002,2.624,2.424,3.39,4.252c0.76,1.835,1.143,3.839,1.143,6.027c0,2.336-0.42,4.443-1.26,6.322   c-0.84,1.872-2.063,3.309-3.67,4.312c-1.6,0.995-3.287,1.496-5.055,1.496c-1.297,0-2.462-0.273-3.485-0.818   c-1.032-0.545-1.872-1.23-2.535-2.063v11.193H527.566L527.566,72.593z M531.102,52.461c0,2.94,0.598,5.114,1.784,6.521   c1.193,1.407,2.638,2.115,4.333,2.115c1.724,0,3.197-0.729,4.421-2.188c1.23-1.459,1.842-3.714,1.842-6.772   c0-2.918-0.597-5.099-1.798-6.551s-2.63-2.174-4.296-2.174c-1.65,0-3.109,0.774-4.377,2.314   C531.737,47.273,531.102,49.514,531.102,52.461L531.102,52.461z M552.067,63.795V32.138h3.891v31.657H552.067L552.067,63.795z    M576.966,60.921c-1.444,1.23-2.837,2.093-4.171,2.601c-1.333,0.509-2.763,0.76-4.296,0.76c-2.521,0-4.458-0.612-5.813-1.843   c-1.356-1.223-2.034-2.793-2.034-4.701c0-1.12,0.258-2.145,0.767-3.073c0.516-0.928,1.187-1.665,2.012-2.225   c0.832-0.561,1.761-0.988,2.8-1.275c0.767-0.198,1.924-0.391,3.464-0.582c3.139-0.368,5.46-0.818,6.941-1.334   c0.015-0.53,0.021-0.869,0.021-1.009c0-1.577-0.368-2.69-1.105-3.338c-0.994-0.877-2.476-1.312-4.436-1.312   c-1.835,0-3.19,0.325-4.061,0.965c-0.877,0.641-1.518,1.776-1.938,3.412l-3.803-0.53c0.346-1.628,0.914-2.948,1.71-3.95   s1.945-1.769,3.448-2.314c1.496-0.538,3.242-0.811,5.217-0.811c1.96,0,3.56,0.229,4.79,0.693c1.224,0.464,2.13,1.039,2.704,1.739   c0.575,0.7,0.98,1.584,1.216,2.653c0.126,0.663,0.191,1.857,0.191,3.573v5.158c0,3.604,0.081,5.881,0.243,6.846   c0.155,0.966,0.479,1.887,0.951,2.771h-4.067C577.328,62.977,577.077,62.019,576.966,60.921L576.966,60.921z M576.657,52.299   c-1.415,0.575-3.537,1.062-6.366,1.459c-1.606,0.229-2.741,0.486-3.405,0.773c-0.662,0.288-1.171,0.708-1.532,1.253   c-0.36,0.553-0.545,1.165-0.545,1.843c0,1.024,0.39,1.887,1.179,2.571c0.788,0.686,1.938,1.032,3.448,1.032   c1.496,0,2.83-0.324,4.002-0.98c1.164-0.648,2.026-1.54,2.571-2.667c0.42-0.877,0.627-2.167,0.627-3.869L576.657,52.299   L576.657,52.299z M586.391,72.615l-0.441-3.597c0.854,0.229,1.591,0.347,2.225,0.347c0.87,0,1.562-0.147,2.078-0.435   c0.523-0.287,0.951-0.693,1.282-1.209c0.243-0.39,0.642-1.355,1.187-2.903c0.074-0.213,0.185-0.53,0.346-0.95l-8.709-23.021h4.155   l4.79,13.249c0.627,1.673,1.179,3.441,1.673,5.299c0.449-1.746,0.98-3.471,1.599-5.166l4.894-13.382h3.883l-8.673,23.345   c-0.936,2.513-1.665,4.237-2.188,5.188c-0.692,1.275-1.488,2.211-2.38,2.808c-0.899,0.597-1.968,0.892-3.206,0.892   C588.153,73.079,587.312,72.925,586.391,72.615z"}),Object(s.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"#EB6101",d:"M216.637,53.537l6.234-0.619c0.376,2.085,1.127,3.61,2.27,4.591   s2.683,1.467,4.62,1.467c2.049,0,3.596-0.436,4.635-1.305s1.562-1.887,1.562-3.051c0-0.751-0.221-1.385-0.656-1.916   c-0.435-0.522-1.201-0.979-2.292-1.363c-0.744-0.266-2.439-0.722-5.092-1.385c-3.412-0.855-5.807-1.901-7.185-3.147   c-1.938-1.746-2.904-3.876-2.904-6.389c0-1.614,0.457-3.131,1.364-4.539c0.914-1.408,2.225-2.476,3.942-3.213   c1.717-0.737,3.78-1.105,6.212-1.105c3.957,0,6.941,0.877,8.938,2.638c2.004,1.761,3.051,4.104,3.154,7.044l-6.411,0.221   c-0.273-1.636-0.855-2.808-1.747-3.522c-0.892-0.714-2.232-1.076-4.016-1.076c-1.842,0-3.287,0.383-4.326,1.149   c-0.67,0.494-1.01,1.149-1.01,1.975c0,0.752,0.317,1.393,0.951,1.923c0.803,0.685,2.756,1.393,5.858,2.129   c3.102,0.729,5.394,1.496,6.875,2.277c1.489,0.789,2.653,1.857,3.493,3.22c0.84,1.363,1.26,3.044,1.26,5.04   c0,1.813-0.501,3.516-1.511,5.1s-2.432,2.764-4.274,3.529c-1.842,0.774-4.141,1.157-6.89,1.157c-4.001,0-7.074-0.921-9.218-2.771   C218.332,59.756,217.057,57.066,216.637,53.537L216.637,53.537z M253.731,32.138v11.731c1.967-2.336,4.326-3.508,7.059-3.508   c1.408,0,2.675,0.258,3.803,0.774c1.127,0.523,1.975,1.179,2.55,1.99c0.574,0.803,0.965,1.695,1.171,2.675   c0.214,0.98,0.317,2.498,0.317,4.554v13.441h-6.057V51.694c0-2.401-0.118-3.928-0.346-4.576c-0.236-0.648-0.648-1.164-1.238-1.54   c-0.589-0.383-1.326-0.575-2.218-0.575c-1.017,0-1.923,0.243-2.727,0.737c-0.803,0.486-1.385,1.223-1.754,2.21   c-0.375,0.98-0.56,2.439-0.56,4.362v11.481h-6.057V32.138H253.731L253.731,32.138z M288.033,56.544l6.058,1.017   c-0.774,2.218-2.004,3.905-3.677,5.069c-1.68,1.157-3.78,1.739-6.293,1.739c-3.986,0-6.941-1.305-8.85-3.913   c-1.51-2.093-2.27-4.73-2.27-7.921c0-3.803,0.995-6.787,2.977-8.938c1.982-2.159,4.495-3.235,7.531-3.235   c3.404,0,6.094,1.127,8.068,3.382c1.968,2.255,2.911,5.71,2.823,10.369h-15.165c0.044,1.798,0.53,3.197,1.466,4.199   c0.928,1.003,2.092,1.504,3.478,1.504c0.951,0,1.747-0.258,2.387-0.773C287.215,58.525,287.702,57.693,288.033,56.544   L288.033,56.544z M288.387,50.398c-0.044-1.762-0.494-3.103-1.356-4.017c-0.862-0.921-1.909-1.378-3.146-1.378   c-1.319,0-2.41,0.486-3.271,1.452c-0.862,0.965-1.283,2.285-1.268,3.943H288.387L288.387,50.398z M312.624,56.544l6.058,1.017   c-0.774,2.218-2.005,3.905-3.678,5.069c-1.68,1.157-3.78,1.739-6.293,1.739c-3.986,0-6.941-1.305-8.85-3.913   c-1.511-2.093-2.27-4.73-2.27-7.921c0-3.803,0.995-6.787,2.977-8.938c1.982-2.159,4.495-3.235,7.531-3.235   c3.404,0,6.094,1.127,8.068,3.382c1.968,2.255,2.911,5.71,2.823,10.369h-15.166c0.044,1.798,0.53,3.197,1.466,4.199   c0.929,1.003,2.093,1.504,3.479,1.504c0.95,0,1.746-0.258,2.387-0.773C311.805,58.525,312.292,57.693,312.624,56.544   L312.624,56.544z M312.977,50.398c-0.044-1.762-0.494-3.103-1.355-4.017c-0.862-0.921-1.909-1.378-3.146-1.378   c-1.319,0-2.41,0.486-3.272,1.452c-0.862,0.965-1.282,2.285-1.268,3.943H312.977L312.977,50.398z M334.428,40.848v4.819h-4.156   v9.292c0,1.887,0.037,2.984,0.118,3.294s0.258,0.567,0.545,0.774c0.28,0.198,0.619,0.302,1.024,0.302   c0.567,0,1.378-0.191,2.446-0.582l0.509,4.716c-1.407,0.604-2.999,0.906-4.782,0.906c-1.091,0-2.071-0.185-2.948-0.553   c-0.876-0.368-1.518-0.848-1.923-1.43c-0.412-0.589-0.692-1.378-0.854-2.38c-0.126-0.707-0.191-2.137-0.191-4.296V45.667h-2.786   v-4.819h2.786v-4.554l6.057-3.582v8.135H334.428L334.428,40.848z M338.628,63.795V32.138h9.602l5.674,21.59l5.607-21.59h9.624   v31.657h-5.925l-0.021-24.922l-6.242,24.922h-6.16l-6.212-24.922l-0.021,24.922H338.628L338.628,63.795z M390.667,63.795V60.36   c-0.84,1.224-1.938,2.196-3.301,2.926c-1.363,0.722-2.8,1.083-4.311,1.083c-1.548,0-2.934-0.339-4.156-1.017   c-1.23-0.678-2.115-1.636-2.66-2.859c-0.553-1.23-0.825-2.926-0.825-5.092V40.848h6.057v10.567c0,3.234,0.111,5.209,0.339,5.939   c0.222,0.729,0.627,1.312,1.224,1.731c0.59,0.428,1.341,0.641,2.255,0.641c1.039,0,1.968-0.287,2.793-0.854   s1.385-1.274,1.688-2.122c0.302-0.848,0.457-2.911,0.457-6.205v-9.697h6.057v22.947H390.667L390.667,63.795z M400.342,57.34   l6.102-0.929c0.258,1.172,0.78,2.062,1.577,2.667c0.788,0.611,1.9,0.914,3.323,0.914c1.569,0,2.748-0.287,3.544-0.862   c0.531-0.405,0.796-0.95,0.796-1.628c0-0.457-0.147-0.841-0.435-1.143c-0.302-0.287-0.98-0.56-2.026-0.803   c-4.9-1.084-8.003-2.071-9.314-2.963c-1.82-1.245-2.727-2.97-2.727-5.173c0-1.997,0.788-3.669,2.358-5.025   c1.569-1.356,4.001-2.034,7.295-2.034c3.139,0,5.475,0.516,7,1.541c1.525,1.031,2.58,2.549,3.154,4.561l-5.703,1.062   c-0.243-0.899-0.715-1.592-1.4-2.071s-1.666-0.715-2.94-0.715c-1.606,0-2.756,0.221-3.456,0.67   c-0.464,0.317-0.692,0.729-0.692,1.23c0,0.435,0.198,0.803,0.604,1.105c0.553,0.405,2.446,0.973,5.688,1.709   c3.242,0.737,5.505,1.637,6.787,2.705c1.274,1.076,1.908,2.586,1.908,4.517c0,2.101-0.877,3.913-2.639,5.424   c-1.754,1.511-4.354,2.27-7.803,2.27c-3.125,0-5.601-0.634-7.429-1.894C402.096,61.216,400.902,59.506,400.342,57.34L400.342,57.34   z M427.098,37.753v-5.615h6.058v5.615H427.098L427.098,37.753z M427.098,63.795V40.848h6.058v22.947H427.098L427.098,63.795z    M459.367,47.657l-5.969,1.061c-0.199-1.186-0.656-2.078-1.37-2.683c-0.715-0.597-1.636-0.898-2.771-0.898   c-1.51,0-2.719,0.523-3.618,1.569c-0.898,1.046-1.348,2.793-1.348,5.247c0,2.726,0.456,4.649,1.37,5.776   c0.914,1.128,2.137,1.688,3.67,1.688c1.149,0,2.093-0.331,2.822-0.987c0.736-0.655,1.253-1.783,1.555-3.39l5.969,1.018   c-0.619,2.741-1.806,4.812-3.56,6.212c-1.753,1.399-4.104,2.1-7.059,2.1c-3.346,0-6.021-1.062-8.011-3.176   c-1.996-2.122-2.991-5.055-2.991-8.806c0-3.795,1.002-6.743,2.999-8.857c1.997-2.115,4.701-3.169,8.113-3.169   c2.785,0,5.003,0.604,6.654,1.806C457.465,43.368,458.645,45.195,459.367,47.657z"})));var N=z;wp.domReady((function(){Object(n.registerBlockType)("phonicscore/opensheetmusicdisplay",{apiVersion:2,title:Object(o.__)("OpenSheetMusicDisplay","opensheetmusicdisplay"),description:Object(o.__)("Block to render MusicXML in the browser as sheet music using OSMD.","opensheetmusicdisplay"),category:"embed",icon:N.osmd,supports:{html:!1},keywords:[Object(o.__)("musicxml"),Object(o.__)("sheet music"),Object(o.__)("osmd"),Object(o.__)("opensheetmusicdisplay")],edit:E,save:function(){return null},attributes:{alignRests:{type:"number",default:0},autoBeam:{type:"boolean",default:!1},autoBeamOptions:{type:"object",default:{beam_middle_rests_only:!1,beam_rests:!1,maintain_stem_directions:!1}},autoResize:{type:"boolean",default:!0},backend:{type:"string",default:"svg"},coloringMode:{type:"number",default:void 0},coloringSetCustom:{type:"array",default:void 0},coloringEnabled:{type:"boolean",default:!0},colorStemsLikeNoteheads:{type:"boolean",default:!1},defaultColorNotehead:{type:"string",default:void 0},defaultColorStem:{type:"string",default:void 0},defaultColorRest:{type:"string",default:void 0},defaultColorLabel:{type:"string",default:void 0},defaultColorTitle:{type:"string",default:void 0},defaultFontFamily:{type:"string",default:void 0},defaultFontStyle:{type:"number",default:0},disableCursor:{type:"boolean",default:!0},followCursor:{type:"boolean",default:!1},drawingParameters:{type:"string",default:void 0},drawCredits:{type:"boolean",default:!0},drawTitle:{type:"boolean",default:!0},drawSubtitle:{type:"boolean",default:!0},drawComposer:{type:"boolean",default:!0},drawLyricist:{type:"boolean",default:!0},drawMetronomeMarks:{type:"boolean",default:!0},drawPartNames:{type:"boolean",default:!0},drawPartAbbreviations:{type:"boolean",default:!0},drawMeasureNumbers:{type:"boolean",default:!0},drawMeasureNumbersOnlyAtSystemStart:{type:"boolean",default:!1},drawTimeSignatures:{type:"boolean",default:!0},measureNumberInterval:{type:"number",default:2},useXMLMeasureNumbers:{type:"boolean",default:!0},drawFingerings:{type:"boolean",default:!0},fingeringPosition:{type:"string",default:void 0},fingeringInsideStafflines:{type:"boolean",default:!1},drawLyrics:{type:"boolean",default:!0},drawSlurs:{type:"boolean",default:!0},drawUpToMeasureNumber:{type:"number",default:void 0},drawUpToSystemNumber:{type:"number",default:void 0},drawUpToPageNumber:{type:"number",default:void 0},drawFromMeasureNumber:{type:"number",default:void 0},fillEmptyMeasuresWithWholeRest:{type:"number",default:0},setWantedStemDirectionByXml:{type:"boolean",default:!0},tupletsRatioed:{type:"boolean",default:!1},tupletsBracketed:{type:"boolean",default:!1},tripletsBracketed:{type:"boolean",default:!1},pageFormat:{type:"string",default:void 0},pageBackgroundColor:{type:"string",default:void 0},renderSingleHorizontalStaffline:{type:"boolean",default:!1},newSystemFromXML:{type:"boolean",default:!1},newPageFromXML:{type:"boolean",default:!1},percussionOneLineCutoff:{type:"number",default:4},percussionForceVoicesOneLineCutoff:{type:"number",default:3},spacingFactorSoftmax:{type:"number",default:5},spacingBetweenTextLines:{type:"number",default:void 0},stretchLastSystemLine:{type:"boolean",default:!1},autoGenerateMutipleRestMeasuresFromRestMeasures:{type:"boolean",default:!0},width:{type:"number",default:100},aspectRatio:{type:"number",default:0},zoom:{type:"number",default:1},musicXmlId:{type:"number",default:-1},musicXmlUrl:{type:"string",default:""},musicXmlTitle:{type:"string",default:""},queueAttributes:{type:"boolean",default:!1},queueableAttributes:{type:"array",default:["alignRests","autoBeam","autoBeamOptions","backend","coloringMode","coloringSetCustom","coloringEnabled","colorStemsLikeNoteheads","defaultColorNotehead","defaultColorStem","defaultColorRest","defaultColorLabel","defaultColorTitle","defaultFontFamily","defaultFontStyle","disableCursor","drawingParameters","drawCredits","drawTitle","drawSubtitle","drawComposer","drawLyricist","drawMetronomeMarks","drawPartNames","drawPartAbbreviations","drawMeasureNumbers","drawMeasureNumbersOnlyAtSystemStart","drawTimeSignatures","measureNumberInterval","useXMLMeasureNumbers","drawFingerings","fingeringPosition","fingeringInsideStafflines","drawLyrics","drawSlurs","drawUpToMeasureNumber","drawUpToSystemNumber","drawUpToPageNumber","drawFromMeasureNumber","fillEmptyMeasuresWithWholeRest","setWantedStemDirectionByXml","tupletsRatioed","tupletsBracketed","tripletsBracketed","pageFormat","pageBackgroundColor","renderSingleHorizontalStaffline","newSystemFromXML","newPageFromXML","percussionOneLineCutoff","percussionForceVoicesOneLineCutoff","spacingFactorSoftmax","spacingBetweenTextLines","stretchLastSystemLine","autoGenerateMutipleRestMeasuresFromRestMeasures","width","zoom"]}}})}))}]);
  • opensheetmusicdisplay/trunk/build/osmd/osmd-loader.min.js

    r2481760 r2486126  
    1 !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("opensheetmusicdisplay")):"function"==typeof define&&define.amd?define(["opensheetmusicdisplay"],t):"object"==typeof exports?exports["opensheetmusicdisplay-wordpress-block"]=t(require("opensheetmusicdisplay")):e["opensheetmusicdisplay-wordpress-block"]=t(e.opensheetmusicdisplay)}(window,(function(e){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var s=t[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,o),s.l=!0,s.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)o.d(n,s,function(t){return e[t]}.bind(null,s));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const n=o(1);function s(e){let t=void 0;for(const o of e.getElementsByTagName("div"))if(o.id.startsWith("osmdCanvas")){t=o;break}return t}function r(e,t,o){const n=s(e),r=function(e){let t=e.getElementsByClassName("phonicscore-opensheetmusicdisplay__message-block")[0];if(!t){t=document.createElement("div"),t.classList.add("phonicscore-opensheetmusicdisplay__message-block");const o=document.createElement("h4");t.appendChild(o);const n=document.createElement("p");t.appendChild(n),e.appendChild(t)}return t}(e);r.getElementsByTagName("h4")[0].innerText=t;r.getElementsByTagName("p")[0].innerText=o,n&&n.remove()}const i=document.getElementsByClassName("phonicscore-opensheetmusicdisplay__placeholder");for(let e=0;e<i.length;e++){const t=i[e],o=t.getElementsByClassName("musicXmlUrl")[0];if(!o||!o.value)continue;const a=o.value;o.remove();const l=t.getElementsByClassName("phonicscore-opensheetmusicdisplay__render-block")[0];if(!l)continue;const c=t.getElementsByClassName("phonicscore-opensheetmusicdisplay__loading-spinner")[0];c.classList.remove("hide");const u=t.getElementsByClassName("zoom")[0];let d=1;u&&u.value&&(d=parseFloat(u.value),NaN!==d&&void 0!==d||(d=1)),u.remove();const p=t.getElementsByClassName("aspectRatio")[0];let m=0;p&&p.value&&(m=parseFloat(p.value),NaN!==m&&void 0!==m||(m=0)),p.remove();const f=()=>{let e="auto";m>0&&t.offsetWidth&&(e=(t.offsetWidth/m).toString()+"px"),t.style.height=e};f();const y=t.getElementsByTagName("input");let h={};for(let e=0;e<y.length;e++){let t=y[e].value.toString();switch(y[e].getAttribute("attributeType")){case"boolean":t="true"===t;break;case"number":let o=parseFloat(t);NaN===o&&(o=parseInt(t)),t=NaN!==o?o:void 0;break;case"array":case"object":if("undefined"!==t)try{t=JSON.parse(t)}catch(o){t=void 0,console.warn("Couldn't parse object or array attribute: "+y[e].name)}break;default:t&&""!==t||(t=void 0)}"undefined"===t&&(t=void 0),h[y[e].name]=t}const v=new n.OpenSheetMusicDisplay(l,h);let b=0,g=!1;const N=()=>{b++,v.load(a).then(()=>{v.Zoom=d;try{v.render()}catch(e){console.warn(e),r(l,"Error loading sheet music file: "+a,e)}finally{c.classList.add("hide"),b=0}},(function(e){console.warn(e),b<5?(console.warn("Error loading. Attempting reload..."),N()):(r(l,"Error loading sheet music file: "+a,e),c.classList.add("hide"),b=0,g=!0)}))};N();let E=l.offsetWidth,w=void 0;const _=()=>{if(g)return;const e=E;if(E=l.offsetWidth,E===e)return;c.classList.remove("hide");const t=s(l);null==t||t.remove(),clearTimeout(w),w=setTimeout(()=>{f(),v.Zoom=d;try{v.render()}catch(e){console.warn(e),r(l,"Error loading sheet music file: "+a,e)}finally{c.classList.add("hide")}},500)};if(ResizeObserver){new ResizeObserver(e=>{_()}).observe(l)}else console.info("Browser doesn't support ResizeObserver, defaulting to window resize"),window.addEventListener("resize",e=>{_()})}},function(t,o){t.exports=e}])}));
     1!function(e){var s={};function t(o){if(s[o])return s[o].exports;var i=s[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,t),i.l=!0,i.exports}t.m=e,t.c=s,t.d=function(e,s,o){t.o(e,s)||Object.defineProperty(e,s,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,s){if(1&s&&(e=t(e)),8&s)return e;if(4&s&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&s&&"string"!=typeof e)for(var i in e)t.d(o,i,function(s){return e[s]}.bind(null,i));return o},t.n=function(e){var s=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(s,"a",s),s},t.o=function(e,s){return Object.prototype.hasOwnProperty.call(e,s)},t.p="",t(t.s=3)}([function(e,s){e.exports=window["opensheetmusicdisplay-wordpress-block"]},function(e,s){e.exports=opensheetmusicdisplay},,function(e,s,t){"use strict";t.r(s);var o=t(1),i=t(0);function n(e){let s=void 0;for(const t of e.getElementsByTagName("div"))if(t.id.startsWith("osmdCanvas")){s=t;break}return s}function l(e,s,t){const o=n(e),i=function(e){let s=e.getElementsByClassName("phonicscore-opensheetmusicdisplay__message-block")[0];if(!s){s=document.createElement("div"),s.classList.add("phonicscore-opensheetmusicdisplay__message-block");const t=document.createElement("h4");s.appendChild(t);const o=document.createElement("p");s.appendChild(o),e.appendChild(s)}return s}(e);i.getElementsByTagName("h4")[0].innerText=s;i.getElementsByTagName("p")[0].innerText=t,o&&o.remove()}const r=document.getElementsByClassName("phonicscore-opensheetmusicdisplay__placeholder");for(let e=0;e<r.length;e++){const s=r[e],t=s.getElementsByClassName("phonicscore-opensheetmusicdisplay__loading-spinner")[0];t.classList.remove("hide");const c=s.getElementsByClassName("phonicscore-opensheetmusicdisplay__render-block")[0];if(!c){t.classList.add("hide");continue}const a=s.getElementsByClassName("attributesAsJson")[0];if(!a||!a.innerText)continue;let d=void 0;try{d=JSON.parse(a.innerText)}catch(e){t.classList.add("hide"),l(c,"Invalid attributes provided.",e);continue}if(!d){t.classList.add("hide");continue}const p=d.musicXmlUrl;if(!p||p.length<1){t.classList.add("hide");continue}delete d.musicXmlUrl;let u=1;d.zoom&&(u=parseFloat(d.zoom),NaN!==u&&void 0!==u||(u=1),delete d.zoom);let h=0;d.aspectRatio&&(h=parseFloat(d.aspectRatio),NaN!==h&&void 0!==h||(h=0),delete d.aspectRatio);const m=()=>{let e="auto";h>0&&s.offsetWidth&&(e=(s.offsetWidth/h).toString()+"px"),s.style.height=e};m(),i.OpenSheetMusicDisplayGlobalHooks.applyFilters("phonicscore_opensheetmusicdisplay_options",void 0,d,c);const f=new o.OpenSheetMusicDisplay(c,d);i.OpenSheetMusicDisplayGlobalHooks.didAction("phonicscore_opensheetmusicdisplay_setup"),i.OpenSheetMusicDisplayGlobalHooks.applyFilters("phonicscore_opensheetmusicdisplay_setup",f,d,c);let y=0,_=!1;const b=()=>{y++,i.OpenSheetMusicDisplayGlobalHooks.applyFilters("phonicscore_opensheetmusicdisplay_load",f,d,c),f.load(p).then(()=>{i.OpenSheetMusicDisplayGlobalHooks.didAction("phonicscore_opensheetmusicdisplay_load"),f.Zoom=u;try{i.OpenSheetMusicDisplayGlobalHooks.applyFilters("phonicscore_opensheetmusicdisplay_render",f,d,c),f.render()}catch(e){console.warn(e),l(c,"Error loading sheet music file: "+p,e)}finally{i.OpenSheetMusicDisplayGlobalHooks.didAction("phonicscore_opensheetmusicdisplay_render"),t.classList.add("hide"),y=0}},(function(e){i.OpenSheetMusicDisplayGlobalHooks.didAction("phonicscore_opensheetmusicdisplay_load"),console.warn(e),y<5?(console.warn("Error loading. Attempting reload..."),b()):(l(c,"Error loading sheet music file: "+p,e),t.classList.add("hide"),y=0,_=!0)}))};b();let g=c.offsetWidth,v=void 0;const O=()=>{if(_)return;const e=g;if(g=c.offsetWidth,g===e)return;t.classList.remove("hide");const s=n(c);s&&s.remove(),clearTimeout(v),v=setTimeout(()=>{m(),f.Zoom=u;try{i.OpenSheetMusicDisplayGlobalHooks.applyFilters("phonicscore_opensheetmusicdisplay_render",f,d,c),f.render()}catch(e){console.warn(e),l(c,"Error loading sheet music file: "+p,e)}finally{i.OpenSheetMusicDisplayGlobalHooks.didAction("phonicscore_opensheetmusicdisplay_render"),t.classList.add("hide")}},500)};if(ResizeObserver){new ResizeObserver(e=>{O()}).observe(c)}else console.info("Browser doesn't support ResizeObserver, defaulting to window resize"),window.addEventListener("resize",e=>{O()})}}]);
  • opensheetmusicdisplay/trunk/opensheetmusicdisplay.php

    r2481762 r2486126  
    33 * Plugin Name:     OpenSheetMusicDisplay
    44 * Description:     Block to render MusicXML in the browser as sheet music using OSMD.
    5  * Version:         0.9.4
     5 * Version:         1.0.0
    66 * Author:          opensheetmusicdisplay, fredmeister77
    77 * License:         GPL-2.0-or-later
     
    3131    //Use default dependencies, add OSMD as one
    3232    if(array_key_exists('dependencies', $script_asset) && is_array($script_asset['dependencies'])){
     33        $script_asset['dependencies'][] = 'phonicscore_opensheetmusicdisplay_opensheetmusicdisplay_block_exports';
    3334        $script_asset['dependencies'][] = 'phonicscore_opensheetmusicdisplay_opensheetmusicdisplay_dist';
     35        $script_asset['dependencies'][] = 'fredmeister77_queueable_attributes_dist';
    3436    }
    3537    wp_register_script(
     
    5759    );
    5860
     61    //Todo: filter
     62    $attributes = array(
     63        'alignRests' => [
     64            'type' => 'number',
     65            'default' => 0
     66        ],
     67        'autoBeam' => [
     68            'type' => 'boolean',
     69            'default' => false
     70        ],
     71        'autoBeamOptions' => [
     72            'type' => 'object',
     73            'default' => [
     74                'beam_middle_rests_only' => false,
     75                'beam_rests' => false,
     76                'maintain_stem_directions' => false
     77            ]
     78        ],
     79        'autoResize' => [
     80            'type' => 'boolean',
     81            'default' => true
     82        ],
     83        'backend' => [
     84            'type' => 'string',
     85            'default' => 'svg'
     86        ],
     87        'coloringMode' => [
     88            'type' => 'number',
     89            'default' => null
     90        ],
     91        'coloringSetCustom' => [
     92            'type' => 'array',
     93            'default' => null
     94        ],
     95        'coloringEnabled' => [
     96            'type' => 'boolean',
     97            'default' => true
     98        ],
     99        'colorStemsLikeNoteheads' => [
     100            'type' => 'boolean',
     101            'default' => false
     102        ],
     103        'defaultColorNotehead' => [
     104            'type' => 'string',
     105            'default' => null
     106        ],
     107        'defaultColorStem' => [
     108            'type' => 'string',
     109            'default' => null
     110        ],
     111        'defaultColorRest' => [
     112            'type' => 'string',
     113            'default' => null
     114        ],
     115        'defaultColorLabel' => [
     116            'type' => 'string',
     117            'default' => null
     118        ],
     119        'defaultColorTitle' => [
     120            'type' => 'string',
     121            'default' => null
     122        ],
     123        'defaultFontFamily' => [
     124            'type' => 'string',
     125            'default' => null
     126        ],
     127        'defaultFontStyle' => [
     128            'type' => 'number',
     129            'default' => 0
     130        ],
     131        'disableCursor' => [
     132            'type' => 'boolean',
     133            'default' => true
     134        ],
     135        'followCursor' => [
     136            'type' => 'boolean',
     137            'default' => false
     138        ],
     139        'drawingParameters' => [
     140            'type' => 'string',
     141            'default' => null
     142        ],
     143        'drawCredits' => [
     144            'type' => 'boolean',
     145            'default' => true
     146        ],
     147        'drawTitle' => [
     148            'type' => 'boolean',
     149            'default' => true
     150        ],
     151        'drawSubtitle' => [
     152            'type' => 'boolean',
     153            'default' => true
     154        ],
     155        'drawComposer' => [
     156            'type' => 'boolean',
     157            'default' => true
     158        ],
     159        'drawLyricist' => [
     160            'type' => 'boolean',
     161            'default' => true
     162        ],
     163        'drawMetronomeMarks' => [
     164            'type' => 'boolean',
     165            'default' => true
     166        ],
     167        'drawPartNames' => [
     168            'type' => 'boolean',
     169            'default' => true
     170        ],
     171        'drawPartAbbreviations' => [
     172            'type' => 'boolean',
     173            'default' => true
     174        ],
     175        'drawMeasureNumbers' => [
     176            'type' => 'boolean',
     177            'default' => true
     178        ],
     179        'drawMeasureNumbersOnlyAtSystemStart' => [
     180            'type' => 'boolean',
     181            'default' => false
     182        ],
     183        'drawTimeSignatures' => [
     184            'type' => 'boolean',
     185            'default' => true
     186        ],
     187        'measureNumberInterval' => [
     188            'type' => 'number',
     189            'default' => 2
     190        ],
     191        'useXMLMeasureNumbers' => [
     192            'type' => 'boolean',
     193            'default' => true
     194        ],
     195        'drawFingerings' => [
     196            'type' => 'boolean',
     197            'default' => true
     198        ],
     199        'fingeringPosition' => [
     200            'type' => 'string',
     201            'default' => null
     202        ],
     203        'fingeringInsideStafflines' => [
     204            'type' => 'boolean',
     205            'default' => false
     206        ],
     207        'drawLyrics' => [
     208            'type' => 'boolean',
     209            'default' => true
     210        ],
     211        'drawSlurs' => [
     212            'type' => 'boolean',
     213            'default' => true
     214        ],
     215        'drawUpToMeasureNumber' => [
     216            'type' => 'number',
     217            'default' => null
     218        ],
     219        'drawUpToSystemNumber' => [
     220            'type' => 'number',
     221            'default' => null
     222        ],
     223        'drawUpToPageNumber' => [
     224            'type' => 'number',
     225            'default' => null
     226        ],
     227        'drawFromMeasureNumber' => [
     228            'type' => 'number',
     229            'default' => null
     230        ],
     231        'fillEmptyMeasuresWithWholeRest' => [
     232            'type' => 'number',
     233            'default' => 0
     234        ],
     235        'setWantedStemDirectionByXml' => [
     236            'type' => 'boolean',
     237            'default' => true
     238        ],
     239        'tupletsRatioed' => [
     240            'type' => 'boolean',
     241            'default' => false
     242        ],
     243        'tupletsBracketed' => [
     244            'type' => 'boolean',
     245            'default' => false
     246        ],
     247        'tripletsBracketed' => [
     248            'type' => 'boolean',
     249            'default' => false
     250        ],
     251        'pageFormat' => [
     252            'type' => 'string',
     253            'default' => null
     254        ],
     255        'pageBackgroundColor' => [
     256            'type' => 'string',
     257            'default' => null
     258        ],
     259        'renderSingleHorizontalStaffline' => [
     260            'type' => 'boolean',
     261            'default' => false
     262        ],
     263        'newSystemFromXML' => [
     264            'type' => 'boolean',
     265            'default' => false
     266        ],
     267        'newPageFromXML' => [
     268            'type' => 'boolean',
     269            'default' => false
     270        ],
     271        'percussionOneLineCutoff' => [
     272            'type' => 'number',
     273            'default' => 4
     274        ],
     275        'percussionForceVoicesOneLineCutoff' => [
     276            'type' => 'number',
     277            'default' => 3
     278        ],
     279        'spacingFactorSoftmax' => [
     280            'type' => 'number',
     281            'default' => 5
     282        ],
     283        'spacingBetweenTextLines' => [
     284            'type' => 'number',
     285            'default' => null
     286        ],
     287        'stretchLastSystemLine' => [
     288            'type' => 'boolean',
     289            'default' => false
     290        ],
     291        'autoGenerateMutipleRestMeasuresFromRestMeasures' => [
     292            'type' => 'boolean',
     293            'default' => true
     294        ],
     295        'width' => [
     296            'type' => 'number',
     297            'default' => 100.0
     298        ],
     299        'aspectRatio' => [
     300            'type' => 'number',
     301            'default' => 0.0
     302        ],
     303        'zoom' => [
     304            'type' => 'number',
     305            'default' => 1.0
     306        ],
     307        'musicXmlId' => [
     308            'type' => 'number',
     309            'default' => -1
     310        ],
     311        'musicXmlUrl' => [
     312            'type' => 'string',
     313            'default' => ''
     314        ],
     315        'musicXmlTitle' => [
     316            'type' => 'string',
     317            'default' => ''
     318        ]
     319    );
     320
    59321    register_block_type(
    60322        'phonicscore/opensheetmusicdisplay',
     
    63325            'editor_style'  => 'phonicscore_opensheetmusicdisplay_block_editor',
    64326            'style'         => 'phonicscore_opensheetmusicdisplay_block',
     327            'render_callback' => 'phonicscore_opensheetmusicdisplay_render_callback',
     328            'attributes' => $attributes
    65329        )
    66330    );
    67331}
    68332
     333function phonicscore_opensheetmusicdisplay_render_callback($block_attributes, $content){
     334    $asJson = wp_json_encode($block_attributes, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_NUMERIC_CHECK);
     335    $width = '100%';
     336    if(is_array($block_attributes) && array_key_exists('width', $block_attributes)){
     337        $width = $block_attributes['width'] . '%';
     338    }
     339    return
     340        <<<EOT
     341        <div class="phonicscore-opensheetmusicdisplay__placeholder" style="width: $width !important; max-width: $width !important;">
     342            <div class="phonicscore-opensheetmusicdisplay__loading-spinner hide"></div>
     343            <div class="phonicscore-opensheetmusicdisplay__render-block" style="width: $width !important; max-width: $width !important;"></div>
     344            <code style="display:none;" class="attributesAsJson">$asJson</code>
     345        </div>
     346        EOT;
     347}
    69348
    70349function phonicscore_opensheetmusicdisplay_enqueue_scripts(){
     
    73352        esc_url( plugins_url( 'build/osmd/opensheetmusicdisplay.min.js', __FILE__ ) ),
    74353        array( ),
    75         '0.9.2',
     354        '0.9.4',
     355        true
     356    );
     357    wp_enqueue_script(
     358        'phonicscore_opensheetmusicdisplay_opensheetmusicdisplay_block_exports',
     359        esc_url( plugins_url( 'build/osmd/opensheetmusicdisplay-wordpress-block.min.js', __FILE__ ) ),
     360        array( ),
     361        '0.1.0',
    76362        true
    77363    );
     
    79365        'phonicscore_opensheetmusicdisplay_frontend_script',
    80366        esc_url( plugins_url( 'build/osmd/osmd-loader.min.js', __FILE__ ) ),
    81         array( 'phonicscore_opensheetmusicdisplay_opensheetmusicdisplay_dist' ),
     367        array( 'phonicscore_opensheetmusicdisplay_opensheetmusicdisplay_dist', 'phonicscore_opensheetmusicdisplay_opensheetmusicdisplay_block_exports' ),
    82368        '0.1.0',
    83369        true
    84370    );
    85371}
    86 function phonicscore_opensheetmusicdisplay_enqueue_admin_scripts(){
     372function phonicscore_opensheetmusicdisplay_enqueue_admin_scripts($hook){
     373    if ( 'post.php' != $hook && 'post-new.php' != $hook ) {
     374        return;
     375    }
    87376    wp_enqueue_script(
    88377        'phonicscore_opensheetmusicdisplay_opensheetmusicdisplay_dist',
    89378        esc_url( plugins_url( 'build/osmd/opensheetmusicdisplay.min.js', __FILE__ ) ),
    90379        array( ),
    91         '0.9.2',
     380        '0.9.4',
    92381        true
    93382    );
    94383    wp_enqueue_script(
    95384        'phonicscore_opensheetmusicdisplay_opensheetmusicdisplay_block_exports',
    96         esc_url( plugins_url( 'build/osmd/export.min.js', __FILE__ ) ),
     385        esc_url( plugins_url( 'build/osmd/opensheetmusicdisplay-wordpress-block.min.js', __FILE__ ) ),
     386        array( ),
     387        '0.1.0',
     388        true
     389    );
     390    wp_enqueue_script(
     391        'fredmeister77_queueable_attributes_dist',
     392        esc_url( plugins_url( 'build/osmd/queueable_attributes.min.js', __FILE__ ) ),
    97393        array( ),
    98394        '0.1.0',
  • opensheetmusicdisplay/trunk/readme.txt

    r2481760 r2486126  
    33Donate link:       https://OSMD.org/Donate
    44Tags:              block,osmd,music,sheet music,musicxml,opensheetmusicdisplay
    5 Requires at least: 5.6.0
    6 Tested up to:      5.6.0
    7 Stable tag:        0.9.4
     5Requires at least: 5.5.0
     6Tested up to:      5.7.4
     7Stable tag:        1.0.0
    88Requires PHP:      7.0.0
    99License:           GPL-2.0-or-later
     
    1491495. Click "Add Block" on the "OpenSheetMusicDisplay" result
    150150
     151**NOTE:** If updating to version 1.0.0 from previous versions, you will need to "Attempt Recovery" on anywhere the block has been included.
     152We have switched to server-side rendering, and this should now not happen with future updates.
    151153
    152154== Frequently Asked Questions ==
     
    176178
    177179== Changelog ==
     180
     181= 1.0.0 =
     182**Updates to this version may require all OSMD blocks to be 'Attempt Recovery'.  This will not cause any issues and it is fine to recover the blocks.**
     183* Refactor code to include WP filters
     184    * Allows plugin extensions easily
     185* Switch to dynamic server-side rendering
     186    * When new attributes are added in updates/plugins, won't flag the block as invalid
     187* Do no include scripts on other admin pages
     188    * Now checks page before including OSMD Javascript to prevent conflicts on other admin pages
     189* Fix bug for width not changing with certain themes
    178190
    179191= 0.9.4 =
Note: See TracChangeset for help on using the changeset viewer.