'),this.dummyDOM.querySelector(a)?this.dummyDOM.querySelector(a).insertAdjacentHTML(\\\\\\\"afterend\\\\\\\",o):this.dummyDOM.querySelector(\\\\\\\"#\\\\\\\".concat(n)).innerHTML=o,this._accessibleOutputs[r].map=this.dummyDOM.querySelector(\\\\\\\"#\\\\\\\".concat(r,\\\\\\\"_map\\\\\\\"))),this._accessibleOutputs[r].shapeDetails=this.dummyDOM.querySelector(\\\\\\\"#\\\\\\\".concat(r,\\\\\\\"_shapeDetails\\\\\\\")),this._accessibleOutputs[r].summary=this.dummyDOM.querySelector(\\\\\\\"#\\\\\\\".concat(r,\\\\\\\"_summary\\\\\\\"))},o.default.prototype._updateAccsOutput=function(){var e=this.canvas.id;JSON.stringify(this.ingredients.shapes)!==this.ingredients.pShapes&&(this.ingredients.pShapes=JSON.stringify(this.ingredients.shapes),this._accessibleOutputs.text&&this._updateTextOutput(e+\\\\\\\"textOutput\\\\\\\"),this._accessibleOutputs.grid&&this._updateGridOutput(e+\\\\\\\"gridOutput\\\\\\\"),this._accessibleOutputs.textLabel&&this._updateTextOutput(e+\\\\\\\"textOutputLabel\\\\\\\"),this._accessibleOutputs.gridLabel&&this._updateGridOutput(e+\\\\\\\"gridOutputLabel\\\\\\\"))},o.default.prototype._accsBackground=function(e){this.ingredients.pShapes=JSON.stringify(this.ingredients.shapes),this.ingredients.shapes={},this.ingredients.colors.backgroundRGBA!==e&&(this.ingredients.colors.backgroundRGBA=e,this.ingredients.colors.background=this._rgbColorName(e))},o.default.prototype._accsCanvasColors=function(e,t){\\\\\\\"fill\\\\\\\"===e?this.ingredients.colors.fillRGBA!==t&&(this.ingredients.colors.fillRGBA=t,this.ingredients.colors.fill=this._rgbColorName(t)):\\\\\\\"stroke\\\\\\\"===e&&this.ingredients.colors.strokeRGBA!==t&&(this.ingredients.colors.strokeRGBA=t,this.ingredients.colors.stroke=this._rgbColorName(t))},o.default.prototype._accsOutput=function(e,t){\\\\\\\"ellipse\\\\\\\"===e&&t[2]===t[3]?e=\\\\\\\"circle\\\\\\\":\\\\\\\"rectangle\\\\\\\"===e&&t[2]===t[3]&&(e=\\\\\\\"square\\\\\\\");var r={},n=!0,o=function(e,t){var r,n;n=\\\\\\\"rectangle\\\\\\\"===e||\\\\\\\"ellipse\\\\\\\"===e||\\\\\\\"arc\\\\\\\"===e||\\\\\\\"circle\\\\\\\"===e||\\\\\\\"square\\\\\\\"===e?(r=Math.round(t[0]+t[2]/2),Math.round(t[1]+t[3]/2)):\\\\\\\"triangle\\\\\\\"===e?(r=(t[0]+t[2]+t[4])/3,(t[1]+t[3]+t[5])/3):\\\\\\\"quadrilateral\\\\\\\"===e?(r=(t[0]+t[2]+t[4]+t[6])/4,(t[1]+t[3]+t[5]+t[7])/4):\\\\\\\"line\\\\\\\"===e?(r=(t[0]+t[2])/2,(t[1]+t[3])/2):(r=t[0],t[1]);return[r,n]}(e,t);if(\\\\\\\"line\\\\\\\"===e){r.color=this.ingredients.colors.stroke,r.length=Math.round(this.dist(t[0],t[1],t[2],t[3]));var i=l([t[0],[1]],this.width,this.height),a=l([t[2],[3]],this.width,this.height);r.loc=u(o,this.width,this.height),r.pos=i===a?\\\\\\\"at \\\\\\\".concat(i):\\\\\\\"from \\\\\\\".concat(i,\\\\\\\" to \\\\\\\").concat(a)}else\\\\\\\"point\\\\\\\"===e?r.color=this.ingredients.colors.stroke:(r.color=this.ingredients.colors.fill,r.area=function(e,t,r,n){var o=0;if(\\\\\\\"arc\\\\\\\"===e){var i=((t[5]-t[4])%(2*Math.PI)+2*Math.PI)%(2*Math.PI);if(o=i*t[2]*t[3]/8,\\\\\\\"open\\\\\\\"===t[6]||\\\\\\\"chord\\\\\\\"===t[6]){var a=t[0],s=t[1],l=t[0]+t[2]/2*Math.cos(t[4]).toFixed(2),u=t[1]+t[3]/2*Math.sin(t[4]).toFixed(2),c=t[0]+t[2]/2*Math.cos(t[5]).toFixed(2),d=t[1]+t[3]/2*Math.sin(t[5]).toFixed(2),f=Math.abs(a*(u-d)+l*(d-s)+c*(s-u))/2;i>Math.PI?o+=f:o-=f}}else\\\\\\\"ellipse\\\\\\\"===e||\\\\\\\"circle\\\\\\\"===e?o=3.14*t[2]/2*t[3]/2:\\\\\\\"line\\\\\\\"===e?o=0:\\\\\\\"point\\\\\\\"===e?o=0:\\\\\\\"quadrilateral\\\\\\\"===e?o=Math.abs((t[6]+t[0])*(t[7]-t[1])+(t[0]+t[2])*(t[1]-t[3])+(t[2]+t[4])*(t[3]-t[5])+(t[4]+t[6])*(t[5]-t[7]))/2:\\\\\\\"rectangle\\\\\\\"===e||\\\\\\\"square\\\\\\\"===e?o=t[2]*t[3]:\\\\\\\"triangle\\\\\\\"===e&&(o=Math.abs(t[0]*(t[3]-t[5])+t[2]*(t[5]-t[1])+t[4]*(t[1]-t[3]))/2);return Math.round(100*o/(r*n))}(e,t,this.width,this.height)),r.pos=l(o,this.width,this.height),r.loc=u(o,this.width,this.height);if(this.ingredients.shapes[e]){if(this.ingredients.shapes[e]!==[r]){for(var s in this.ingredients.shapes[e])JSON.stringify(this.ingredients.shapes[e][s])===JSON.stringify(r)&&(n=!1);!0===n&&this.ingredients.shapes[e].push(r)}}else this.ingredients.shapes[e]=[r]};var i=o.default;r.default=i},{\\\\\\\"../core/main\\\\\\\":260,\\\\\\\"core-js/modules/es.array.concat\\\\\\\":148,\\\\\\\"core-js/modules/es.array.fill\\\\\\\":150,\\\\\\\"core-js/modules/es.array.map\\\\\\\":159,\\\\\\\"core-js/modules/es.number.to-fixed\\\\\\\":169}],244:[function(e,t,r){\\\\\\\"use strict\\\\\\\";e(\\\\\\\"core-js/modules/es.array.concat\\\\\\\"),Object.defineProperty(r,\\\\\\\"__esModule\\\\\\\",{value:!0}),r.default=void 0;var n,o=(n=e(\\\\\\\"../core/main\\\\\\\"))&&n.__esModule?n:{default:n};o.default.prototype._updateTextOutput=function(e){if(this.dummyDOM.querySelector(\\\\\\\"#\\\\\\\".concat(e,\\\\\\\"_summary\\\\\\\"))){var t=this._accessibleOutputs[e],r=function(e,t){var r=\\\\\\\"\\\\\\\",n=0;for(var o in t)for(var i in t[o]){var a='
\\\\\\\"):(a+=\\\\\\\", at \\\\\\\".concat(t[o][i].pos),\\\\\\\"point\\\\\\\"!==o&&(a+=\\\\\\\", covering \\\\\\\".concat(t[o][i].area,\\\\\\\"% of the canvas\\\\\\\")),a+=\\\\\\\".\\\\\\\"),r+=a,n++}return{numShapes:n,listShapes:r}}(e,this.ingredients.shapes),n=function(e,t,r,n){var o=\\\\\\\"Your output is a, \\\\\\\".concat(r,\\\\\\\" by \\\\\\\").concat(n,\\\\\\\" pixels, \\\\\\\").concat(t,\\\\\\\" canvas containing the following\\\\\\\");o=1===e?\\\\\\\"\\\\\\\".concat(o,\\\\\\\" shape:\\\\\\\"):\\\\\\\"\\\\\\\".concat(o,\\\\\\\" \\\\\\\").concat(e,\\\\\\\" shapes:\\\\\\\");return o}(r.numShapes,this.ingredients.colors.background,this.width,this.height),o=function(e,t){var r=\\\\\\\"\\\\\\\",n=0;for(var o in t)for(var i in t[o]){var a='