"use strict";require("../../../../common/vendor.js");exports.parent=function(s){return{provide(){return{[s]:this}},data:()=>({el:{id:null,css:{},views:[]}}),watch:{css:{handler(s){this.canvasId&&(this.el.css=("object"==typeof s?s:s&&Object.assign(...((s="")=>s.split(";").filter((s=>s&&!/^[\n\s]+$/.test(s))).map((s=>{const e=s.slice(0,s.indexOf(":")),t=s.slice(s.indexOf(":")+1);return{[e.replace(/-([a-z])/g,(function(){return arguments[1].toUpperCase()})).replace(/\s+/g,"")]:t.replace(/^\s+/,"").replace(/\s+$/,"")||""}})))(s)))||{},this.canvasWidth=this.el.css&&this.el.css.width||this.canvasWidth,this.canvasHeight=this.el.css&&this.el.css.height||this.canvasHeight)},immediate:!0}}}};