plugin.js

module.exports=function(e){function t(t){for(var i,r,s=t[0],l=t[1],c=t[2],d=0,u=[];d<s.length;d++)r=s[d],o[r]&&u.push(o[r][0]),o[r]=0;for(i in l)Object.prototype.hasOwnProperty.call(l,i)&&(e[i]=l[i]);for(p&&p(t);u.length;)u.shift()();return a.push.apply(a,c||[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],i=!0,s=1;s<n.length;s++){var l=n[s];0!==o[l]&&(i=!1)}i&&(a.splice(t--,1),e=r(r.s=n[0]))}return e}var i={},o={main:0},a=[];function r(t){if(i[t])return i[t].exports;var n=i[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.m=e,r.c=i,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="";var s=window.webpackJsonp=window.webpackJsonp||[],l=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var p=l;return a.push([212,"vendors~main"]),n()}([,,,function(e,t){e.exports=require("uxp")},,,function(e,t,n){"use strict";n.r(t),n.d(t,"HeroGraph",function(){return r}),n.d(t,"HeroScene",function(){return s}),n.d(t,"HeroTimedAction",function(){return l}),n.d(t,"HeroElement",function(){return c}),n.d(t,"HeroTrack",function(){return p}),n.d(t,"HeroTween",function(){return d});const i=!1,o="[ HeroGraph ]";const a=class{static getElementByGuid(e){return XDC.core.getNodeByGuid(e)?XDC.core.getNodeByGuid(e):void 0}};class r{constructor(e,t){this.timestamp=Date.now(),i&&console.log(""),i&&console.log(""),i&&console.log(o,`constructor() (${this.timestamp}) <<< <<< <<< <<<`),this.$propagateCallback=t,(this.scenes=[])&&e&&e.scenes&&e.scenes.forEach(e=>this.addScene(e))}getSize(){let e=a.getElementByGuid(this.scenes[0].guid);return{width:e.boundsInParent.width,height:e.boundsInParent.height}}addScene(e){let t=this.getScene(e.guid);return t||(t=e instanceof s?e:new s(e,this,this),this.scenes.push(t)),t}getScene(e){return e instanceof s?this.scenes.find(t=>t==e):e.guid?this.scenes.find(t=>t.guid==e.guid):this.scenes.find(t=>t.guid==e)}removeScene(e){this.scenes=this.scenes.filter(t=>t.guid!=e)}propagate(e){this.$propagateCallback()}stringify(e){return JSON.stringify(this,(e,t)=>"$"!==e.substr(0,1)?t:void 0,!!e&&" ")}}class s{constructor(e,t,n){this.$parent=t,this.$graph=n,this.guid=e.guid,(this.elements=[])&&e&&e.elements&&e.elements.forEach(e=>this.addElement(e)),(this.timedActions=[])&&e&&e.timedActions&&e.timedActions.forEach(e=>this.addTimedAction(e))}get name(){return a.getElementByGuid(this.guid).name}get id(){let e=/#([a-zA-Z]?[a-zA-Z0-9-_]*)/.exec(this.name);return e?e[1].replace(/\W/g,"_"):"guid_"+this.guid.replace(/-/g,"_")}addTimedAction(e){return e=e instanceof l?e:new l(e,this,this.$graph),this.timedActions.push(e),this.$graph.propagate({type:"timedAction",action:"added",heroObject:e}),e}getTimedAction(e){return this.timedActions.find(t=>t.id==e)}removeTimedAction(e){this.timedActions=this.timedActions.filter(t=>t.id!=e),this.$graph.propagate({type:"timedAction",action:"removed",heroObject:null})}addElement(e){return this.getElement(e.guid)||(e=e instanceof c?e:new c(e,this,this.$graph),this.elements.push(e),this.$graph.propagate({type:"element",action:"added",heroObject:e})),e}getElement(e){return e instanceof c?this.elements.find(t=>t==e):this.elements.find(t=>t.guid==e)}removeElement(e){this.elements=this.elements.filter(t=>t.guid!=e),this.$graph.propagate({type:"element",action:"removed",heroObject:null})}}class l{constructor(e,t,n){this.$parent=t,this.$graph=n,this.id=e.id||"timedAction_"+Math.round(1e12*Math.random()),this.type=e.type,this.time=e.time,this.script=e.script}set(e,t){this[e]=t,this.$graph.propagate({type:"timedAction",action:"changed",heroObject:this})}}class c{constructor(e,t,n){this.$parent=t,this.$graph=n,this.$node=a.getElementByGuid(e.guid),this.guid=e.guid,(this.tracks=[])&&e.tracks&&e.tracks.forEach(e=>this.addTrack(e))}get name(){return this.$node.name}get id(){let e=/#([a-zA-Z]?[a-zA-Z0-9-_]*)/.exec(this.name);return e?e[1].replace(/\W/g,"_"):"guid_"+this.guid.replace(/-/g,"_")}addTrack(e){return this.getTrack(e.property)||(e=e instanceof p?e:new p(e,this,this.$graph),this.tracks.push(e),this.update(),this.$graph.propagate({type:"track",action:"added",heroObject:e})),e}getTrack(e){return this.tracks.find(t=>t.property==e)}addTween(e,t){let n=this.getTrack(e);return(n=n||this.addTrack({property:e})).addTween(t)}getTween(e){for(var t=0;t<this.tracks.length;t++){let n=this.tracks[t].tweens.find(t=>t.id==e);if(n)return n}}removeTween(e){for(var t=0;t<this.tracks.length;t++)this.tracks[t].removeTween(e)}update(){const e=["x","y","opacity","scale","rotation"];this.tracks.sort(function(t,n){return-1==e.indexOf(t.property)?1:-1==e.indexOf(n.property)?-1:e.indexOf(t.property)-e.indexOf(n.property)})}}class p{constructor(e,t,n){this.$parent=t,this.$graph=n,this.property=e.property,(this.tweens=[])&&e.tweens&&e.tweens.forEach(e=>this.addTween(e))}addTween(e){return e=e instanceof d?e:new d(e,this,this.$graph),this.tweens.push(e),this.update(),this.$graph.propagate({type:"tween",action:"added",heroObject:e}),e}removeTween(e){let t=this.tweens.findIndex(t=>t.id==e);-1!=t&&(this.tweens.splice(t,1),this.$graph.propagate({type:"tween",action:"removed",heroObject:null}))}update(){this.tweens.sort((e,t)=>e.start>t.start)}}class d{constructor(e,t,n){this.$parent=t,this.$graph=n,this.id=e.id||"tween_"+Math.round(1e12*Math.random()),this.start=e.start,this.duration=e.duration,this.startValue=e.startValue,this.endValue=e.endValue,this.easing=e.easing}set(e,t){this[e]=t,this.$parent.update(),this.$graph.propagate({type:"tween",action:"changed",heroObject:this})}remove(){this.$parent.removeTween(this.id)}isFirst(){return 0==this.$parent.tweens.findIndex(e=>e.id==this.id)}}},function(e,t,n){"use strict";n.r(t),t.default={GENERAL_GRAPH_UPDATE:"GENERAL_GRAPH_UPDATE",UI_SELECTION_CHANGE:"UI_SELECTION_CHANGE",UI_UPDATE:"UI_UPDATE",ZOOM:"ZOOM"}},function(e,t,n){"use strict";n.r(t);const i=n(5).default,o=n(238).default;t.default=class{static async open(e,t,n){return new Promise((a,r)=>{try{t.width=t.width||400,t.height=t.height||130,t.minWidth=t.minWidth||400,t.minHeight=t.minHeight||130,"string"==typeof(e=e||o)&&("DefaultMessageDialog"==e?e=o:console.log("[ DialogFactory ]","Unknown dialogComponent: ",e));const r={};function s(e){r.node.close(e)}r.node=document.createElement("dialog"),r.node.innerHTML=`\n          <div id="dialog-wrapper" style="width: ${"auto"===t.width?t.width:t.width+"px"}; min-width: ${t.minWidth+"px"||!1}; max-width: 900px; height: ${"auto"===t.height?t.height:t.height+"px"}; min-height: ${t.minHeight+"px"||!1};  max-height: 800px; overflow: auto;">\n            <div id="dialog-app"></div>\n          </div>\n        `,document.appendChild(r.node),r.vue=new i({el:"#dialog-app",render:t=>t(e,{props:{data:n,close:s}})}),r.vue.$el.style.width="100%",r.vue.$el.style.height="100%",r.node.showModal().then(e=>{a(e)}).catch(e=>{a()}),r.vue.$emit("activate"),r.node.addEventListener("close",function e(){r.node.removeEventListener("close",e),r.vue.$destroy()})}catch(e){console.log("[ openDialog() ] Error: ",e)}})}}},function(e,t,n){"use strict";n.r(t);const i=n(233);t.default={id:i.name,version:i.version}},function(e,t,n){"use strict";var i=n(11),o=n.n(i);t.default=o.a},function(e,t){e.exports={mounted(){},methods:{}}},function(e,t,n){var i=n(214);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("4732e0e8",i,!1,{})},function(e,t,n){"use strict";var i=n(14),o=n.n(i);t.default=o.a},function(e,t){e.exports={props:{img:{type:String}}}},function(e,t,n){var i=n(216);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("7eacdbdb",i,!1,{})},function(e,t,n){"use strict";var i=n(17),o=n.n(i);t.default=o.a},function(e,t){e.exports={props:["value","size","height"]}},function(e,t,n){var i=n(218);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("1988085b",i,!1,{})},function(e,t,n){"use strict";var i=n(20),o=n.n(i);t.default=o.a},function(e,t){e.exports={props:["value","size","height","legacy"],methods:{on_add_click(e,t){this.$emit("select",e,t),e.currentTarget.classList.add("show-success")}}}},function(e,t,n){var i=n(220);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("b0a041ca",i,!1,{})},function(e,t,n){"use strict";var i=n(23),o=n.n(i);t.default=o.a},function(e,t,n){const i=n(3).storage.localFileSystem;e.exports={props:["value","path","folder","size","height","legacy"],data:()=>({all:[],filtered:[],limited:[],subFolders:[],currentFolder:null,searchString:null,limit:30,limitDefault:30,infiniteScrollTimeout:null,ui:{showFolders:!1}}),created(){this.init(),this.currentFolder=this.folder},methods:{scroll(e){e.currentTarget.scrollTop+e.currentTarget.clientHeight>=e.currentTarget.scrollHeight-40&&(this.infiniteScrollTimeout&&clearTimeout(this.infiniteScrollTimeout),this.infiniteScrollTimeout=setTimeout(()=>{this.limit+=this.limitDefault,this.applyLimit()},400))},async init(){let e=await(await i.getPluginFolder()).getEntry(this.path),t=(await e.getEntries()).filter(e=>e.name.match(/\.xdtpl\.manifest$/));this.all.length=0;for(let e=0;e<t.length;e++){let n=t[e],i=JSON.parse(await n.read());this.all.push({icon:`${this.path}/${i.id}_small.jpg`,folder:i.folder,value:i.id,title:i.title,description:i.description,tags:i.tags,source:i.source,author:i.author,license:i.license})}this.query(),this.all.forEach(e=>{-1==this.subFolders.indexOf(e.folder)&&this.subFolders.push(e.folder)})},query(){this.filtered=[],this.limit=this.limitDefault,this.filtered=this.all.filter(e=>{let t={folderMatch:!1,searchMatch:!1};if(this.currentFolder?this.currentFolder&&e.folder.toLowerCase()==this.currentFolder.toLowerCase()&&(t.folderMatch=!0):t.folderMatch=!0,this.searchString)if(-1!=e.title.toLowerCase().indexOf(this.searchString.toLowerCase()))t.searchMatch=!0;else{if(-1!=e.description.toLowerCase().indexOf(this.searchString.toLowerCase()))return!0;if(-1!=e.tags.toLowerCase().indexOf(this.searchString.toLowerCase()))return!0}else t.searchMatch=!0;return!(!t.folderMatch||!t.searchMatch)}),this.applyLimit()},applyLimit(){this.limited=this.filtered.slice(0,this.limit)},search(e){this.searchString=e,this.query()},selectFolder(e){this.currentFolder=e,this.query(),this.ui.showFolders=!1},resetFolder(){this.currentFolder=null,setTimeout(()=>{this.query()},1)},on_item_over(e){},on_item_out(e){},on_add_click(e,t){this.$emit("select",e,t),e.currentTarget.classList.add("show-success")}}}},function(e,t,n){var i=n(222);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("2fedf90a",i,!1,{})},function(e,t,n){"use strict";var i=n(26),o=n.n(i);t.default=o.a},function(e,t){},function(e,t,n){var i=n(224);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("1be4accf",i,!1,{})},function(e,t,n){"use strict";var i=n(29),o=n.n(i);t.default=o.a},function(e,t){},function(e,t,n){var i=n(226);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("17ac618a",i,!1,{})},function(e,t,n){"use strict";var i=n(32),o=n.n(i);t.default=o.a},function(e,t){},function(e,t,n){var i=n(228);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("b03eec5e",i,!1,{})},function(e,t,n){"use strict";var i=n(35),o=n.n(i);t.default=o.a},function(e,t){e.exports={props:["title"]}},function(e,t,n){var i=n(230);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("33d16922",i,!1,{})},function(e,t,n){"use strict";var i=n(38),o=n.n(i);t.default=o.a},function(e,t){e.exports={components:{},props:{},data:()=>({type:"selection",existingColors:[]}),async mounted(){this.$root.$on("update",this.onUpdate),this.onUpdate()},destroyed(){this.$root.$off("update",this.onUpdate)},methods:{onUpdate(){this.setSelectedColors(this.type)},setSelectedColors(e){switch(this.type=e,e){case"global":this.existingColors=n.getNamedColors();break;case"document":this.existingColors=n.getDocumentColors();break;case"selection":this.existingColors=n.getSelectionColors()}},setHex(e){this.select({kind:"custom",type:"Color",color:new XDC.scenegraph.Color(e)})},select(e){this.$emit("change",e)}}};class n{static getNamedColors(){const e=[];return XDC.assets.colors.get().forEach(t=>{this._addColor("named",t.color,e,t.name)}),e}static getSelectionColors(){const e=[];return XDC.selection.items.length>0&&XDC.selection.items.forEach(t=>{this._process(t,e)}),e}static getDocumentColors(){const e=[];return this._process(XDC.root,e),e}static _process(e,t){e.fill&&e.fillEnabled&&"Color"==e.fill.constructor.name&&this._addColor("fill",e.fill,t),e.stroke&&e.strokeEnabled&&"Color"==e.stroke.constructor.name&&this._addColor("stroke",e.stroke,t),e.children.length&&e.children.forEach(e=>{this._process(e,t)})}static _addColor(e,t,n,i){let o=null;for(let e=0;e<n.length;e++){let i=n[e];if(i.color.toHex()==t.toHex()){o=i;break}}o||n.push({kind:e,type:"Color",color:t,name:i})}}},function(e,t,n){var i=n(232);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("6e87720b",i,!1,{})},function(e,t,n){"use strict";var i=n(41),o=n.n(i);t.default=o.a},function(e,t,n){const i=n(9).default,o=n(350).default,a=n(8).default,r=n(257).default,s=n(265).default,l=n(268).default,c=(n(150).default,n(271).default),p=n(274).default,d=n(278).default,u=n(293).default,h=n(303).default,f=n(307).default,v=n(310).default,m=n(314).default,g=n(318).default,x=n(327).default,w=n(330).default,b=n(336).default,y=n(339).default,_=new o;e.exports={components:{"main-menu":s,"hello-view":l,"artboard-view":c,"element-view":p,"timeline-view":d,"pi-view":u,"live-view":h,"next-view":f,"web-properties-view":v,"data-properties-view":m,"behaviors-view":g,"templates-view":x,"learn-view":w,"debug-view":b,"notifications-view":y},provide:{heroApp:_},data:()=>({PluginManifest:i,flags:window.flags,heroApp:_,currentTab:"tools",isHello:!1,validSelection:!1,isArtboardHeroScene:!1,isTimeline:!1,sceneGuid:""}),async mounted(){this.$root.$on("init",this.onInit),this.$root.$on("preUpdate",this.onPreUpdate),this.$root.$on("update",this.onUpdate),await _.init()},destroyed(){this.$root.$off("init",this.onInit),this.$root.$off("update",this.onUpdate)},methods:{onInit(){this.flags.HELLO&&this.openHello()},onPreUpdate(){this.heroApp.onPreUpdate()},onUpdate(){this.heroApp.onUpdate(),this.validSelection=!1,this.isArtboardHeroScene=!1,XDC.core.checkSingleSelection([])?console.log("[ DefaultPanel ]","NOT SUPPORTED TYPE"):(XDC.core.checkSingleSelection("Artboard")?(this.validSelection="artboard",this.isArtboardHeroScene=!!XDC.core.getData(XDC.selection.items[0],"isScene")):1===XDC.selection.items.length&&(this.validSelection="element"),this.isTimeline=!!XDC.query.getParentArtboard())},async openHello(){try{await a.open(r,{width:"840",height:"700"},{title:"Hello",message:"no message"})}catch(e){console.log("ERROR",e)}},showPrimaryOverlay(e){this.currentTab=e}}}},function(e,t,n){"use strict";n.r(t);var i=n(43),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={components:{},props:["data"],data:()=>({}),mounted(){},methods:{close(e){(function e(t){return"DIALOG"==t.tagName?t:t.parentNode?e(t.parentNode):void 0})(this.$el).close()}}}},function(e,t,n){var i=n(240);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("39df012e",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(46),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(200),o=n(3).storage.localFileSystem;e.exports={components:{},props:["data"],data:()=>({window:window,currentStep:1,folderType:"default",previewURL:null,copyStatus:"initial"}),mounted(){this.setPreviewFolder("default")},methods:{cancel(){this.data.heroApp.previewFolder=null,this.closeDialog(!1)},closeDialog(e){(function e(t){return"DIALOG"==t.tagName?t:t.parentNode?e(t.parentNode):void 0})(this.$el).close(e)},async setPreviewFolder(e){try{"default"==e?this.data.heroApp.previewFolder=await o.getTemporaryFolder():(this.data.heroApp.previewFolder=await o.getFolder(),this.data.heroApp.previewFolder||(this.folderType="default",this.$refs.folderTypeSelect.value="default",this.data.heroApp.previewFolder=await o.getTemporaryFolder())),this.data.heroApp.previewFolder&&(this.previewURL="file://"+this.data.heroApp.previewFolder.nativePath+"preview.html"),this.data.heroApp.suppressWarnings=!1}catch(e){console.error("Error in selectOutputFolder()",e)}},async startPreview(){this.currentStep++,await this.data.heroApp.preview()},copyURL(){i.copyText(this.previewURL),this.copyStatus="success"}}}},function(e,t,n){var i=n(243);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("483dd21a",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(49),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){n(200),n(3).storage.localFileSystem;e.exports={components:{},props:["data"],data:()=>({}),mounted(){},methods:{cancel(){this.closeDialog()},closeDialog(e){(function e(t){return"DIALOG"==t.tagName?t:t.parentNode?e(t.parentNode):void 0})(this.$el).close()}}}},function(e,t,n){var i=n(246);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("e54a0c64",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(52),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={components:{},props:["data"],data:()=>({currentStep:1}),mounted(){},methods:{close(e){(function e(t){return"DIALOG"==t.tagName?t:t.parentNode?e(t.parentNode):void 0})(this.$el).close()},on_close_click(e){this.close()}}}},function(e,t,n){var i=n(249);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("5aed8e4e",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(55),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(3).storage.localFileSystem;e.exports={components:{},props:["data"],data:()=>({currentStep:1}),mounted(){},methods:{close(e){(function e(t){return"DIALOG"==t.tagName?t:t.parentNode?e(t.parentNode):void 0})(this.$el).close()},on_close_click(e){this.close()},async selectExportFolder(){this.data.heroApp.exportFolder=await i.getFolder()},async startExport(){this.data.heroApp.export(),this.currentStep++}}}},function(e,t,n){var i=n(252);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("74e60dc6",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(58),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){n(3).storage.localFileSystem;e.exports={components:{},props:["data"],data:()=>({window:window,currentStep:1}),mounted(){const e=this.$refs.suppressCheckbox;e&&(e.blur(),setTimeout(()=>{e.blur()},100),setTimeout(()=>{e.blur()},200),setTimeout(()=>{e.blur()},300),setTimeout(()=>{e.blur()},500))},methods:{close(e){(function e(t){return"DIALOG"==t.tagName?t:t.parentNode?e(t.parentNode):void 0})(this.$el).close()},on_close_click(e){this.close()},on_suppressWarningsCheckbox_change(e){this.data.heroApp.suppressWarnings=e.currentTarget.checked},locate(e){this.close();try{XDC.application.editDocument(t=>new Promise(async(t,n)=>{XDC.selection.items=e,XDC.viewport.zoomToRect(e),t()}))}catch(e){console.log("[ WarningsDialog ]","locate()","ERROR:",e)}}}}},function(e,t,n){var i=n(255);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("60af8acd",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(61),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(258).default;e.exports={components:{card:i},props:["data","close"],data:()=>({window:window,XDC:XDC,currentTab:"home"}),mounted(){},methods:{enter(){console.log("enter")},on_close_click(e){this.close()},showPrimaryOverlay(e){this.currentTab=e}}}},function(e,t,n){"use strict";n.r(t);var i=n(63),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={components:{},props:["type","title","brief","image"],data:()=>({}),mounted(){},methods:{}}},function(e,t,n){var i=n(260);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("3b5e3256",i,!1,{})},function(e,t,n){var i=n(262);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("67929b65",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(67),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(8).default;e.exports={inject:["heroApp"],data:()=>({window:window,flags:window.flags}),async mounted(){},methods:{wip(){i.open("DefaultMessageDialog",{},{title:"Coming soon",message:"Advanced project settings coming soon."})},showIndicator(){const e=this.$refs.previewLabel,t=this.$refs.indicator;setTimeout(()=>{e.style.display="none"},0),setTimeout(()=>{t.innerHTML="•"},200),setTimeout(()=>{t.innerHTML="••"},400),setTimeout(()=>{t.innerHTML="•••"},600),setTimeout(()=>{t.innerHTML=""},1e3),setTimeout(()=>{e.style.display="block"},1200)}}}},function(e,t,n){var i=n(267);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("4074affc",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(70),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(3).shell,o=n(9).default;e.exports={data:()=>({PluginManifest:o,neverAgain:!1}),async mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate),this.onActivate()},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{onActivate(){},onUpdate(){},openGuide(){i.openExternal("https://xdhero.com/smart-layout/tutorials")},close(){this.$emit("close",this.neverAgain)}}}},function(e,t,n){var i=n(270);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("17dc4a1d",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(73),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={inject:["heroApp"],data:()=>({window:window,layerName:"",showStartSceneOption:!1,isScene:!1,isStartScene:!1}),async mounted(){this.$root.$on("preUpdate",this.onPreUpdate),this.$root.$on("update",this.onUpdate)},methods:{onPreUpdate(){this.readLayerName()},onUpdate(){XDC.core.checkSingleSelection("Artboard")&&(this.isScene=!!XDC.core.getData(XDC.selection.items[0],"isScene"),this.isStartScene=!!XDC.core.getData(XDC.selection.items[0],"isStartScene"),this.showStartSceneOption=this.isScene)},readLayerName(){const e=XDC.selection;this.layerName="",1==e.items.length&&(this.layerName=e.items[0].name)},async setLayerName(e){const t=XDC.selection;1==t.items.length&&await XDC.application.editDocument({editLabel:"Hero set layer name",mergeId:"hero"},async()=>new Promise(async(n,i)=>{try{t.items[0].name=e,n()}catch(e){console.log("Error:",e),i()}}))},toggleIsScene(e){const t=e;this.showStartSceneOption=t,XDC.core.setData(XDC.selection.items[0],"isScene",t||void 0)},toggleIsStartScene(e){const t=e.target.checked;XDC.application.editDocument(e=>{XDC.core.setData(XDC.selection.items[0],"isStartScene",t||void 0,{withoutEditSession:!0}),XDC.root.children.forEach(e=>{!!XDC.core.getData(e,"isStartScene")&&e!==XDC.selection.items[0]&&XDC.core.setData(e,"isStartScene",void 0,{withoutEditSession:!0})})})}}}},function(e,t,n){var i=n(273);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("98351e48",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(76),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(275).default;e.exports={inject:["heroApp"],components:{"export-as-view":i},data:()=>({window:window,layerName:""}),async mounted(){this.$root.$on("preUpdate",this.onPreUpdate),this.$root.$on("update",this.onUpdate)},methods:{onPreUpdate(){this.readLayerName()},onUpdate(){},readLayerName(){const e=XDC.selection;this.layerName="",1==e.items.length&&(this.layerName=e.items[0].name)},async setLayerName(e){const t=XDC.selection;1==t.items.length&&await XDC.application.editDocument({editLabel:"Hero set layer name",mergeId:"hero"},async()=>new Promise(async(n,i)=>{try{t.items[0].name=e,n()}catch(e){console.log("Error:",e),i()}}))}}}},function(e,t,n){"use strict";n.r(t);var i=n(78),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={inject:["heroApp"],data:()=>({exportType:"default"}),mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{onActivate(){},onUpdate(){if(1!=XDC.selection.items.length)return;const e=XDC.core.getData(XDC.selection.items[0],"data");this.$refs.select&&(this.exportType=e&&e.exportAs||"default",this.$refs.select.value=this.exportType,this.$refs.scaleInput.value=e&&e.exportScale||2)},setType(e){const t=XDC.core.getData(XDC.selection.items[0],"data")||{};t.exportAs="default"!=e?e:void 0,this.exportType=t.exportAs;const n=JSON.stringify(t);XDC.core.setData(XDC.selection.items[0],"data",n)},setScale(e){const t=XDC.core.getData(XDC.selection.items[0],"data")||{};t.exportScale=e||2,this.scale=t.exportScale;const n=JSON.stringify(t);XDC.core.setData(XDC.selection.items[0],"data",n)}}}},function(e,t,n){var i=n(277);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("dd04cda0",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(81),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i="[ TimelineView ]",o=n(7).default,a=n(279).default,r=n(282).default,s=n(285).default,l=n(288).default;e.exports={inject:["heroApp"],components:{"top-controls":a,"h-scroller":r,"playhead-track":s,"timed-actions-track":l},data:()=>({window:window,validSelection:!1,uiOptions:{zoom:1,trackContextMenu:!1},selectedElementGuid:null,selectedElement:null,selectedTweenId:null,lastSelectedElementGui:null,animatedElements:[],dragging:{type:null,phase:!1,element:null,lastMouseX:0},lastTrackMouseupTime:0}),mounted(){this.$root.$on("init",this.onInit),this.heroApp.$on(o.UI_UPDATE,this.onUiUpdate)},destroyed(){this.$root.$off("init",this.onInit),this.heroApp.$off(o.UI_UPDATE,this.onUiUpdate)},methods:{onInit(){this.setupDragAndDrop(),this.heroApp.$on(o.GENERAL_GRAPH_UPDATE,()=>{this.readScene()}),this.heroApp.$on(o.ZOOM,()=>{this.readScene()})},onUiUpdate(){this.validSelection=!1,XDC.core.checkSingleSelection()&&XDC.query.getParentArtboard(XDC.selection.items[0])&&(this.validSelection=XDC.core.getData(XDC.query.getParentArtboard(XDC.selection.items[0]),"isScene")),this.readScene(),this.highlightSelectionInTimeline()},getTrackLabel(e){switch(e){case"x":return"X";case"y":return"Y";case"width":return"W";case"height":return"H";case"opacity":return"O";case"scale":return"S";case"scaleX":return"SX";case"scaleY":return"SY";case"rotation":return"R";default:return e.substr(0,2).toUpperCase()}},hscroll(e){this.heroApp.ui.timelineScrollLeft=e,this.$refs.scroller.style.left=e+"px"},on_wrapper_scroll(e){console.log("on_wrapper_scroll"),e.preventDefault(),e.stopPropagation()},setupDragAndDrop(){const e=jQuery;this.$el.addEventListener("mousedown",t=>{const n=e(t.target).closest(".tween-resizer, .tween, .track, .element")[0];if(n)switch(this.dragging.phase="ready",this.dragging.type=n.className.match(/tween\-resizer|tween|track|element/)[0],this.dragging.element=n,this.dragging.type){case"tween-resizer":this.on_tween_resizer_event("mousedown",t);break;case"tween":this.on_tween_event("mousedown",t);break;case"track":this.on_track_event("mousedown",t);break;case"element":this.on_element_event("mousedown",t)}}),this.$root.$el.addEventListener("mouseup",async e=>{switch(this.dragging.type){case"tween-resizer":this.on_tween_resizer_event("mouseup",e);break;case"tween":this.on_tween_event("mouseup",e);break;case"track":this.on_track_event("mouseup",e);break;case"element":this.on_element_event("mouseup",e)}this.dragging.phase=!1,this.dragging.element=null,this.dragging.type=null}),this.$root.$el.addEventListener("mousemove",e=>{if(0!=this.dragging.phase)switch(this.dragging.type){case"tween-resizer":this.on_tween_resizer_event("mousemove",e);break;case"tween":this.on_tween_event("mousemove",e);break;case"track":this.on_track_event("mousemove",e);break;case"element":this.on_element_event("mousemove",e)}})},on_tween_resizer_event(e,t){const n=jQuery;let i=n(this.dragging.element).closest(".tween")[0];if("mousedown"==e){this.dragging.lastMouseX=t.clientX,this.selectedElementGuid=n(i).closest(".element")[0].getAttribute("data-element-guid"),this.selectedElement=this.animatedElements.filter(e=>e.guid==this.selectedElementGuid)[0],this.selectedTweenId=i.getAttribute("data-tween-id");const e=this.selectedElement.getTween(i.getAttribute("data-tween-id"));this.heroApp.setCurrentSelection("tween",e),this.dragging.lastElementWidth=e.duration/1e3*this.heroApp.ui.sPx}else if("mousemove"==e){if("ready"==this.dragging.phase||"dragging"==this.dragging.phase){let e=this.dragging.lastMouseX-t.clientX;this.dragging.lastElementWidth-=e;let n=this.dragging.lastElementWidth;if(!t.shiftKey){const e=100;let t=Math.round(1e3*n/this.heroApp.ui.sPx);t=t<100?100:t,n=Math.round(t/e)*e/1e3*this.heroApp.ui.sPx}n=n>=0?n:0,i.style.width=n+"px",this.dragging.lastMouseX=t.clientX,this.dragging.phase="dragging"}}else if("mouseup"==e)try{if("dragging"!=this.dragging.phase)return void(this.dragging.phase=!1);let e=parseFloat(i.style.width);const t=Math.round(1e3*e/this.heroApp.ui.sPx);let n=this.selectedElement.getTween(this.selectedTweenId);n.duration!=t&&n.set("duration",t),this.dragging.phase=!1}catch(e){console.log("Error in mouseup:",e)}},on_tween_event(e,t){const n=jQuery;if("mousedown"==e){this.dragging.lastMouseX=t.clientX,this.dragging.lastElementLeft=parseFloat(this.dragging.element.style.left),this.selectedElementGuid=n(this.dragging.element).closest(".element")[0].getAttribute("data-element-guid"),this.selectedElement=this.animatedElements.filter(e=>e.guid==this.selectedElementGuid)[0],this.selectedTweenId=this.dragging.element.getAttribute("data-tween-id");let e=this.selectedElement.getTween(this.dragging.element.getAttribute("data-tween-id"));this.heroApp.setCurrentSelection("tween",e)}else if("mousemove"==e){if("ready"==this.dragging.phase||"dragging"==this.dragging.phase){let e=this.dragging.lastMouseX-t.clientX;this.dragging.lastElementLeft-=e;let n=this.dragging.lastElementLeft;if(!t.shiftKey){const e=100,t=Math.round(1e3*n/this.heroApp.ui.sPx);n=Math.round(t/e)*e/1e3*this.heroApp.ui.sPx}n=n>=0?n:0,this.dragging.element.style.left=n+"px",this.dragging.lastMouseX=t.clientX,this.dragging.phase="dragging"}}else if("mouseup"==e)try{if("dragging"!=this.dragging.phase)return void(this.dragging.phase=!1);let e=parseFloat(this.dragging.element.style.left);const t=Math.round(1e3*e/this.heroApp.ui.sPx);let n=this.selectedElement.getTween(this.selectedTweenId);n.start!=t&&n.set("start",t),this.dragging.phase=!1}catch(e){console.log("Error in mouseup:",e)}},on_track_event(e,t){const n=jQuery;if("mousedown"==e);else if("mouseup"==e){if(this.selectedElementGuid=n(this.dragging.element).closest(".element")[0].getAttribute("data-element-guid"),Date.now()-this.lastTrackMouseupTime<=400){const e=this.heroApp.currentScene.getElement(this.selectedElementGuid),n=e.getTrack(this.dragging.element.getAttribute("data-track-property"));this.on_track_doubleClick(t,this.dragging.element,n,e)}this.lastTrackMouseupTime=Date.now()}},on_element_event(e,t){},on_track_doubleClick(e,t,n,o){try{let t=Math.round(1e3*e.offsetX/this.heroApp.ui.sPx),a=100*Math.round(t/100),r=0,s=0,l=o.addTween(n.property,{start:a,duration:500,startValue:r,endValue:s});this.heroApp.setCurrentSelection("tween",l)}catch(e){console.log(i,"on_track_doubleClick()",e)}},readScene(){this.animatedElements=[],this.heroApp.currentScene&&(this.heroApp.currentScene.elements&&this.heroApp.currentScene.elements.forEach(e=>{this.animatedElements.push(e)}),this.$nextTick(()=>{this.animatedElements.forEach(e=>{e.tracks.forEach(e=>{e.tweens.forEach(e=>{let t=e.start,n=e.duration,i=this.$el.querySelector(`[data-tween-id=${e.id}]`);i.style.left=t/1e3*this.heroApp.ui.sPx+"px",i.style.width=n/1e3*this.heroApp.ui.sPx+"px"})})})}))},highlightSelectionInTimeline(){1==XDC.selection.items.length&&XDC.selection.items[0].guid!=this.lastSelectedElementGui&&(this.selectedElementGuid=XDC.selection.items[0].guid,this.lastSelectedElementGui=XDC.selection.items[0].guid)},async selectElementOnStage(){await XDC.application.editDocument({editLabel:"Hero",mergeId:"hero"},async()=>new Promise(async(e,t)=>{try{XDC.selection.items=XDC.core.getNodeByGuid(this.selectedElementGuid),e()}catch(e){console.log("Error:",e),t()}}))},on_scroller_scroll(e){this.heroApp.ui.timelineScrollLeft=e.currentTarget.scrollLeft},showAddTrackContextMenu(e,t){this.selectedElement=t;const n=this.$refs.addTrackContextMenu.parentNode.getBoundingClientRect().top,i=e.currentTarget.getBoundingClientRect().top;this.$refs.addTrackContextMenu.style.top=i-n-140-12+"px",this.uiOptions.trackContextMenu=!0},addTrack(e){this.selectedElement.addTrack({property:e}),this.uiOptions.trackContextMenu=!1},preventEventBubbling(e){e.stopPropagation(),e.stopImmediatePropagation(),e.preventDefault()},async addDemoElementWithTimeline(){const e=XDC.selection.items[0],t=XDC.query.getParentArtboard(e);let n;await XDC.application.editDocument({editLabel:"Add element"},e=>{(n=new XDC.scenegraph.Rectangle).width=100,n.height=100,n.placeInParentCoordinates({x:0,y:0},{x:10,y:10}),n.fill=new XDC.scenegraph.Color("E0034E"),n.setAllCornerRadii(14),n.name="DEMO ELEMENT",t.addChild(n),this.heroApp.isPersistSessionActive=!0;const i=this.heroApp.graph.getScene(t).addElement(n),o=i.addTrack({property:"y"}),a=i.addTrack({property:"opacity"});o.addTween({start:500,duration:1e3,startValue:100,endValue:0}),a.addTween({start:500,duration:700,startValue:0,endValue:1});let r=new XDC.scenegraph.Path;r.pathData="M 0.3134232759475708 0 L 193.8322143554688 0 L 193.8322143554688 90.0653076171875 L 0.3134232759475708 90.0653076171875 L 0.3134232759475708 53.09845733642578 L -6.05853271484375 43.88539886474609 L 0.3134232759475708 35.96972274780273 L 0.3134232759475708 0 Z",r.fill=new XDC.scenegraph.Color("#E2E2E2"),t.addChild(r),r.placeInParentCoordinates({x:0,y:0},{x:120,y:15});let s=new XDC.scenegraph.Text;s.text="Demo Element w/ Animation",s.fill=new XDC.scenegraph.Color("#80868E"),s.fontSize=12,s.fontFamily="Helvetica Neue",s.fontStyle="Bold",t.addChild(s),s.placeInParentCoordinates({x:0,y:0},{x:135,y:40});let l=new XDC.scenegraph.Text;l.text="Inspect animation timeline and\nclick preview to see the \nanimation in the browser. ",l.fill=new XDC.scenegraph.Color("#80868E"),l.fontSize=11,l.fontFamily="Helvetica Neue",t.addChild(l),l.placeInParentCoordinates({x:0,y:0},{x:135,y:60}),XDC.selection.items=[r,s,l],XDC.commands.group(),XDC.selection.items[0].name="DEMO BUBBLE",XDC.selection.items=n})}}}},function(e,t,n){"use strict";n.r(t);var i=n(83),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){(function(t){const i=n(7).default;e.exports={inject:["heroApp"],props:{},data:()=>({window:window,heroNext:t.heroNext,XDC:XDC}),mounted(){this.$root.$on("init",this.onInit)},destroyed(){this.$root.$off("init",this.onInit)},methods:{onInit(){},addHero(){if(!XDC.selection.hasArtwork||1!=XDC.selection.items.length)return void console.log("WARNING: no element selected");const e=XDC.selection.items[0];this.heroApp.currentScene.addElement(e),this.heroApp.debugGraph()},deleteSelection(){switch(this.heroApp.currentSelection.type){case"timedAction":this.heroApp.currentScene.removeTimedAction(this.heroApp.currentSelection.heroObject.id);break;case"tween":this.heroApp.currentSelection.heroObject.remove()}this.heroApp.$emit(i.GENERAL_GRAPH_UPDATE),this.heroApp.clearCurrentSelection()},zoom(e){this.heroApp.ui.sPx*=e?.8:1.2,this.heroApp.ui.sPx=this.heroApp.ui.sPx>400?400:this.heroApp.ui.sPx<40?40:this.heroApp.ui.sPx,this.heroApp.$emit(i.ZOOM)}}}}).call(this,n(4))},function(e,t,n){var i=n(281);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("3034354c",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(86),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){(function(t){n(7).default;e.exports={inject:["heroApp"],props:{},data:()=>({heroNext:t.heroNext}),mounted(){this.$root.$on("init",this.onInit)},destroyed(){this.$root.$off("init",this.onInit)},methods:{onInit(){this.setupDragAndDrop()},setupDragAndDrop(){let e=!1,t=0,n=null,i=0;this.$root.$el.addEventListener("mousedown",o=>{o.target.classList.contains("h-scroller--thumb")?(t=o.clientX,e=!0,n=o.target,i=n.parentNode.clientWidth):n=null}),this.$root.$el.addEventListener("mouseup",async t=>{try{if(!e)return;e=!1}catch(e){console.log("Error in mouseup:",e)}}),this.$root.$el.addEventListener("mousemove",o=>{if(e){let e=t-o.clientX,a=(parseFloat(n.style.left)||0)-e;a=(a=a>=0?a:0)<=i-40?a:i-40,n.style.left=a+"px",t=o.clientX,this.propagate(parseInt(-a))}})},async propagate(e){this.$emit("scroll",6*e)}}}}).call(this,n(4))},function(e,t,n){var i=n(284);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("069c0b08",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(89),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){const n="[ PlayheadTrack ]";e.exports={inject:["heroApp"],props:{},data:()=>({flags:window.flags}),mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate),this.onActivate(),this.setupDragAndDrop()},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{onActivate(){},onUpdate(){},setupDragAndDrop(){let e=!1,t=0,i=null;this.$root.$el.addEventListener("mousedown",o=>{o.target.classList.contains("playhead")?(console.log(n,"playhead:mousedown"),t=o.clientX,e=!0,i=o.target):i=null}),this.$root.$el.addEventListener("mouseup",async t=>{try{if(!e)return;let t=10*parseInt(i.style.left);e=!1,this.playheadChange(t)}catch(e){console.log("Error in mouseup:",e)}}),this.$root.$el.addEventListener("mousemove",n=>{if(e){let e=t-n.clientX,o=(parseFloat(i.style.left)||0)-e;o=o>=0?o:0,i.style.left=o+"px",t=n.clientX}})},async playheadChange(e){console.log(n,"playheadChange() time:",e),this.heroApp.currentTime=e}}}},function(e,t,n){var i=n(287);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("d473061c",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(92),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i="[ TimedActionsTrack ]",o=n(7).default;e.exports={inject:["heroApp"],props:{},data:()=>({}),mounted(){this.$root.$on("init",this.onInit),this.heroApp.$on(o.UI_UPDATE,this.onUiUpdate)},destroyed(){this.$root.$off("init",this.onInit),this.heroApp.$off(o.UI_UPDATE,this.onUiUpdate)},methods:{onInit(){this.setupDragAndDrop(),this.heroApp.$on(o.GENERAL_GRAPH_UPDATE,()=>{this.readTimedActions()}),this.heroApp.$on(o.ZOOM,()=>{this.readTimedActions()})},onUiUpdate(){this.readTimedActions()},setupDragAndDrop(){const e=jQuery;let t=!1,n=0,o=null;const a={lastElementLeft:null};let r=0;this.$root.$el.addEventListener("mousedown",i=>{const r=e(i.target).closest(".timed-action")[0];if(r){let e=r.getAttribute("data-timed-action-id"),s=this.heroApp.currentScene.getTimedAction(e);this.heroApp.setCurrentSelection("timedAction",s,i.target),n=i.clientX,t=!0,o=r,a.lastElementLeft=parseFloat(o.style.left)}else o=null}),this.$root.$el.addEventListener("mouseup",async n=>{try{if(e(n.target).hasClass("timed-actions-track--track")&&(Date.now()-r<=400&&this.on_track_doubleClick(n),r=Date.now()),!t)return;let a=parseFloat(o.style.left);const s=Math.round(1e3*a/this.heroApp.ui.sPx);this.setTimedAction(s),t=!1}catch(e){console.log(i,"Error in mouseup:",e)}}),this.$root.$el.addEventListener("mousemove",e=>{if(t){let t,i=n-e.clientX;if(a.lastElementLeft-=i,e.shiftKey)t=a.lastElementLeft;else{const e=10;t=Math.round(a.lastElementLeft/e)*e}t=t>=0?t:0,o.style.left=t+"px",n=e.clientX}})},readTimedActions(){this.heroApp.currentScene&&this.$nextTick(()=>{this.heroApp.currentScene&&this.heroApp.currentScene.timedActions.forEach(e=>{this.$el.querySelector(`[data-timed-action-id=${e.id}]`).style.left=e.time/1e3*this.heroApp.ui.sPx+"px"})})},setTimedAction(e){let t=this.heroApp.currentSelection;"timedAction"==t.type&&t.heroObject.set("time",e)},on_track_doubleClick(e){let t=Math.round(1e3*e.offsetX/this.heroApp.ui.sPx),n=100*Math.round(t/100);const i=this.heroApp.currentScene.addTimedAction({type:"stop",time:n});this.heroApp.setCurrentSelection("timedAction",i,null),this.heroApp.$emit("GENERAL_GRAPH_UPDATE")}}}},function(e,t,n){var i=n(290);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("0fbb43e4",i,!1,{})},function(e,t,n){var i=n(292);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("4ce2d80d",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(96),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(294).default,o=n(297).default,a=n(300).default;e.exports={components:{"timed-action-pi":i,"tween-pi":o,"selection-pi":a},inject:["heroApp"],data:()=>({}),methods:{}}},function(e,t,n){"use strict";n.r(t);var i=n(98),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){const n="[ TimedActionPI ]";e.exports={inject:["heroApp"],data:()=>({}),mounted(){this.$root.$on("init",this.onInit),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$on("init",this.onInit),this.$root.$off("update",this.onUpdate)},methods:{onInit(){this.heroApp.$on("UI_SELECTION_CHANGE",()=>{this.heroApp.currentSelection&&"timedAction"==this.heroApp.currentSelection.type&&(this.$forceUpdate(),this.$nextTick(()=>{this.uiSelectionChange()}))})},onUpdate(){},uiSelectionChange(){const e=this.heroApp.currentSelection.heroObject;this.$refs.typeSelect&&(this.$refs.typeSelect.value=e.type),this.$refs.scriptTextarea&&(this.$refs.scriptTextarea.value=e.script)},async set(e,t){try{this.heroApp.currentSelection.heroObject.set(e,t)}catch(e){console.log(n,"set()","ERROR",e)}}}}},function(e,t,n){var i=n(296);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("6fad00d0",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(101),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={inject:["heroApp"],data:()=>({start:0,startValue:0,end:0,endValue:0}),mounted(){this.$root.$on("init",this.onInit),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("init",this.onInit),this.$root.$off("update",this.onUpdate)},methods:{onInit(){this.heroApp.$on("UI_SELECTION_CHANGE",()=>{this.heroApp.currentSelection&&"tween"==this.heroApp.currentSelection.type&&(this.$forceUpdate(),this.$nextTick(()=>{this.uiSelectionChange()}))})},onUpdate(){},uiSelectionChange(){const e=this.heroApp.currentSelection.heroObject;this.$refs.easingSelect&&(this.$refs.easingSelect.value=e.easing)}}}},function(e,t,n){var i=n(299);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("7f419054",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(104),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={inject:["heroApp"],data:()=>({}),mounted(){this.$root.$on("init",this.onInit),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("init",this.onInit),this.$root.$off("update",this.onUpdate)},methods:{onInit(){},onUpdate(){}}}},function(e,t,n){var i=n(302);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("52a24154",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(107),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){e.exports={inject:["heroApp"],data:()=>({uiOptions:{zoom:1,sPx:100},tmp_initY:null}),mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate),this.onActivate(),this.setupDragAndDrop()},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{onActivate(){},onUpdate(){this.reflectSelection()},reflectSelection(){},setupDragAndDrop(){},async playheadChange(e){console.log("playheadChange() time:",e),this.heroApp.currentTime=e;let t=XDC.query.query(XDC.selection.editContext,{name:/#player/});try{await XDC.application.editDocument({editLabel:"Hero set layer name",mergeId:"hero"},async()=>new Promise(async(n,i)=>{try{let o=t[0].node;this.tmp_initY||(this.tmp_initY=o.topLeftInParent.y);let a=o.localBounds,r=o.topLeftInParent;r.y=this.tmp_initY-e/1e3*-100,o.placeInParentCoordinates(a,r),n()}catch(e){console.log("Error:",e),i()}}))}catch(e){console.log("ERROR",e)}},test(){n(6),n(304).test1()}}}},function(e,t,n){var i=n(306);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("3bce3050",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(110),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){(function(t){const i="[ NextView ]";n(6).HeroGraph,n(6).HeroScene,n(6).HeroElement;e.exports={inject:["heroApp"],data:()=>({heroNext:t.heroNext,guid:"n/a",dialogResult:""}),mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{inspectInteractions(){const e=XDC.selection.items[0];console.log(e.triggeredInteractions)},gojira(e){let t=this.$refs.gojira;console.log(""),console.log("evt.offsetX",e.offsetX),console.log(""),console.log("// Recursive offsetLeft");let n=t;n.offsetLeft;for(;null!=n;)n.offsetLeft&&(sum+=n.offsetLeft),n=n.offsetParent;console.log("sum",sum);let i=e.offsetX-sum;console.log("final",i)},onActivate(){},onUpdate(){if(1!=XDC.selection.items.length)return void(this.guid="n/a");let e=XDC.selection.items[0];this.guid=e.guid},persistHeroGraph(){console.log(i,"persistHeroGraph()"),this.heroApp.persistGraph()},debugHeroGraph(){this.heroApp.debugGraph()},addRandomTween(){console.log(i,"addRandomTween()"),this.heroApp.graph.scenes[0].elements[0].addTween("x",{start:Math.round(1e5*Math.random()),end:222,startValue:0,endValue:100})},debugTransformOutline(){1==XDC.selection.items.length?XDC.geometry.debugTransformOutline(XDC.selection.items[0]):console.log("Only one selected item supported...")},debugMetadata(){console.log(i,"debugMetadata()",XDC.root.pluginData)},xray_translations(){console.log(i,"xray_translations","x: ",XDC.selection.items[0].translation.x,", y: ",XDC.selection.items[0].translation.y),console.log(i,"xray_translations","localCenterPoint:",XDC.selection.items[0].localCenterPoint),console.log(i,"xray_translations","w/h:",XDC.selection.items[0].width),console.log(i,"xray_translations","rot:",XDC.selection.items[0].rotation),console.log(i,"type",XDC.selection.items[0].constructor.name)},async addDemoElementWithTimeline(){const e=XDC.selection.items[0],t=XDC.query.getParentArtboard(e);let n;console.log(e.fontFamily),console.log(e.fontStyle),await XDC.application.editDocument({editLabel:"Add element"},e=>{(n=new XDC.scenegraph.Rectangle).width=100,n.height=100,n.placeInParentCoordinates({x:0,y:0},{x:10,y:10}),n.fill=new XDC.scenegraph.Color("E0034E"),n.setAllCornerRadii(14),n.name="DEMO ELEMENT",t.addChild(n);let i=new XDC.scenegraph.Path;i.pathData="M 0.3134232759475708 0 L 193.8322143554688 0 L 193.8322143554688 90.0653076171875 L 0.3134232759475708 90.0653076171875 L 0.3134232759475708 53.09845733642578 L -6.05853271484375 43.88539886474609 L 0.3134232759475708 35.96972274780273 L 0.3134232759475708 0 Z",i.fill=new XDC.scenegraph.Color("#E2E2E2"),t.addChild(i),i.placeInParentCoordinates({x:0,y:0},{x:120,y:15});let o=new XDC.scenegraph.Text;o.text="Demo Element w/ Animation",o.fill=new XDC.scenegraph.Color("#80868E"),o.fontSize=12,o.fontFamily="Helvetica Neue",o.fontStyle="Bold",t.addChild(o),o.placeInParentCoordinates({x:0,y:0},{x:135,y:40});let a=new XDC.scenegraph.Text;a.text="Inspect animation timeline and\nclick preview to see the \nanimation in the browser. ",a.fill=new XDC.scenegraph.Color("#80868E"),a.fontSize=11,a.fontFamily="Helvetica Neue",t.addChild(a),a.placeInParentCoordinates({x:0,y:0},{x:135,y:60}),this.heroApp.isPersistSessionActive=!0;const r=this.heroApp.graph.getScene(t).addElement(n),s=r.addTrack({property:"x"}),l=r.addTrack({property:"o"});s.addTween({start:500,duration:1e3,startValue:0,endValue:100}),l.addTween({start:500,duration:700,startValue:0,endValue:1})})}}}}).call(this,n(4))},function(e,t,n){var i=n(309);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("a85ad702",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(113),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(311).default;e.exports={inject:["heroApp"],components:{"attributes-pi":i},data:()=>({isOpen:!1,validSelection:!1,attributesString:""}),mounted(){this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("update",this.onUpdate)},methods:{onUpdate(){const e=XDC.selection;this.validSelection=1===e.items.length}}}},function(e,t,n){"use strict";n.r(t);var i=n(115),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={inject:["heroApp"],data:()=>({window:window,namespace:"attributes",records:[]}),mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{onActivate(){},onUpdate(){const e=XDC.selection;if(this.validSelection=1===e.items.length,!this.validSelection)return void(this.records=[]);this.records=[];let t=XDC.core.getData(e.items[0],this.namespace);if(t)for(const e in t)this.records.push({name:e,value:t[e]})},addRecord(e){this.records.push({})},on_input_focus(e){const t=e.currentTarget,n=e.currentTarget.classList.contains("input-name")?".input-value":".input-name",i=e.currentTarget.parentNode.querySelector(n);t.style.maxWidth="unset","focus"==e.type?i.style.maxWidth="20px":i.style.maxWidth="unset"},propagate(){let e={};this.records.forEach(t=>{e[t.name]=null!=t.value?t.value:""});let t=0;const n=JSON.stringify(e,(e,n)=>1===++t||""!=e?n:void 0);XDC.core.setData(XDC.selection.items[0],this.namespace,n)}}}},function(e,t,n){var i=n(313);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("27f99237",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(118),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(315).default;e.exports={inject:["heroApp"],components:{"attributes-pi":i},data:()=>({validSelection:!1,attributesString:""}),mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{onActivate(){},onUpdate(){const e=XDC.selection;this.validSelection=1===e.items.length}}}},function(e,t,n){"use strict";n.r(t);var i=n(120),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={inject:["heroApp"],data:()=>({namespace:"data",lastSelection:null,records:[]}),mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{onActivate(){},onUpdate(){const e=XDC.selection;if(this.validSelection=1===e.items.length,!this.validSelection)return this.lastSelection=null,void(this.records=[]);if(this.lastSelection!=e.items[0]){this.records=[];let t=XDC.core.getData(e.items[0],this.namespace);if(t)for(const e in t)this.records.push({name:e,value:t[e]})}this.lastSelection=e.items[0]},addRecord(e){this.records.push({})},on_input_focus(e){const t=e.currentTarget,n=e.currentTarget.classList.contains("input-name")?".input-value":".input-name",i=e.currentTarget.parentNode.querySelector(n);t.style.maxWidth="unset","focus"==e.type?i.style.maxWidth="20px":i.style.maxWidth="unset"},propagate(){let e={};this.records.forEach(t=>{e[t.name]=null!=t.value?t.value:""});let t=0;const n=JSON.stringify(e,(e,n)=>1===++t||""!=e?n:void 0);XDC.core.setData(XDC.selection.items[0],this.namespace,n)}}}},function(e,t,n){var i=n(317);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("7668f749",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(123),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(8).default,o=n(319).default,a=n(322).default;e.exports={inject:["heroApp"],components:{},data:()=>({window:window,validSelection:!1,effects:[],scripts:[]}),mounted(){this.$root.$on("activate",this.onActivate),this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("activate",this.onActivate),this.$root.$off("update",this.onUpdate)},methods:{onActivate(){},onUpdate(){const e=XDC.selection;this.validSelection=1===e.items.length,this.showExistingEffects(),this.showExistingScripts()},showExistingEffects(){if(this.effects=[],!this.validSelection)return;let e=XDC.core.getData(XDC.selection.items[0],"attributes");for(const t in e)0===t.indexOf("hero-fx-")&&this.effects.push({type:t.replace("hero-fx-",""),attribute:t})},showExistingScripts(){if(this.scripts=[],!this.validSelection)return;let e=XDC.core.getData(XDC.selection.items[0],"data");for(const t in e)0===t.indexOf("script_")&&this.scripts.push({slot:t,code:e[t]})},async addEffect(){try{if(!this.heroApp.pro&&this.effects.length>=1)return void await this.heroApp.showUpgradeBlocker("LIMITED_EFFECTS");this.dialogResult=await i.open(o,{width:"800",height:"auto"},{})}catch(e){console.log("ERROR",e)}},async removeEffect(e){let t=XDC.core.getData(XDC.selection.items[0],"attributes");for(const n in t)n==="hero-fx-"+e.type&&delete t[n];XDC.core.setData(XDC.selection.items[0],"attributes",t)},async openScriptDialog(e){try{if(!e.slot&&!this.heroApp.pro&&this.scripts.length>=1)return void await this.heroApp.showUpgradeBlocker("LIMITED_SCRIPTS");await i.open(a,{width:"auto",minWidth:"800",height:"auto"},{scripts:this.scripts,slot:e?e.slot:null,code:e?e.code:null})}catch(e){console.log("ERROR",e)}},async removeScript(e){let t=XDC.core.getData(XDC.selection.items[0],"data");for(const n in t)n===e.slot&&delete t[n];XDC.core.setData(XDC.selection.items[0],"data",t)}}}},function(e,t,n){"use strict";n.r(t);var i=n(125),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){n(7).default;e.exports={components:{},props:["data","close"],data:()=>({window:window,selectedElement:null,selectedItem:null,items:[{id:"hero-fx-magnet",title:"Magnet",preview:"files/Hero/previews/fx_magnet.gif",defaultOptions:"{}",brief:"Simple magnet effect to highlight interactive elements",description:"The host element becomes bigger when the user hovers over it and shrinks again when the mouse leaves the element. There is one known issue: During the magnet animation the position can be off (for Path and Groups). To fix this please set the export to 'as JPG' or 'as PNG'. This will be fixed in the future.",options:[{option:"scale",brief:"Scale factor (default: 1.2)"},{option:"trigger",brief:"The trigger that starts this effect (default: hover)"},{option:"delay",brief:"Milliseconds to wait before start"},{option:"duration",brief:"Duration of the animation"}]},{id:"hero-fx-jump",title:"Jump",preview:"files/Hero/previews/fx_jump.gif",defaultOptions:"{}",brief:"Simple jump effect to highlight interactive elements",description:"Attract user attention with a little jump.",options:[{option:"trigger",brief:"The trigger that starts this effect (default: hover)"}]},{id:"hero-fx-glitch",title:"Glitch",preview:"files/Hero/previews/fx_glitch.gif",defaultOptions:"{}",brief:"Appear/disappear transition with multiple horizontal lines",description:"Transition destructing the element in multiple horizontal lines that appear in a random order. This effect only works with images. You can apply it to other shapes and groups if you export these as PNG or JPG.",options:[{option:"trigger",brief:"The trigger that starts this effect (default: load)"},{option:"delay",brief:"Milliseconds to wait before start"},{option:"duration",brief:"Duration of the animation"},{option:"power",brief:"Animation power factor (default: 80)"},{option:"stagger",brief:"Stagger time (ms). The delay between the vertical segments (default: 10)"},{option:"easing",brief:"Easing (default: power4.inOut)"},{option:"seed",brief:"Seed (default: [ 1, 6, 3, 1, 3, 8, 2, 1, 9, 4, 7, 1 ])"}]},{id:"hero-fx-sequence",title:"Stack Sequence",preview:"files/Hero/previews/fx_sequence.gif",defaultOptions:"{}",brief:"Animation that shows a group of layers one after another (cell animations)",description:"Apply this effect to a group containing all the different animation steps. The steps have to be immediate child layers of the group.",options:[{option:"stepDuration",brief:"The time (ms) each step will be visible"},{option:"trigger",brief:"The trigger that starts this effect"},{option:"delay",brief:"Milliseconds to wait before start"},{option:"duration",brief:"Duration of the animation"},{option:"repeat",brief:"How often the timeline should repeat after its first iteration. Use -1 for infinite loop. (default: 0)"},{option:"yoyo",brief:"true causes the timeline to go back and forth, alternating backward and forward on each repeat"}]},{id:"hero-fx-spritesheet",title:"Spritesheet",preview:"files/Hero/previews/fx_spritesheet.gif",defaultOptions:"{trigger: 'toggle', src: 'spritesheet.png', steps: 10, duration: 1000}",brief:"Spritesheet animation based on JPG/PNG file",description:"This effect can play a provided spritesheet file. You can place the spritesheet file on a library artboard (exported scene that the user will never reach), use the 'invisble' effect to hide the spritesheet in export (still exported) or place the file manually in your export folder. This version of Hero only supports horizontal layout. You can use the free sprite sheet packer to create a spritesheet from a image sequence (https://www.codeandweb.com/free-sprite-sheet-packer). We recommend watching the tutorial video.",options:[{option:"src",brief:"Name of the spritesheet file (e.g. 'player.png')"},{option:"steps",brief:"Number of animation steps"},{option:"trigger",brief:"The trigger that starts this effect (default: toggle)"},{option:"duration",brief:"Duration of the total spritesheet animation (default: 500)"},{option:"repeat",brief:"How often the timeline should repeat after its first iteration. Use -1 for infinite loop. (default: 0)"}]},{id:"hero-fx-type",title:"Type Animation",preview:"files/Hero/previews/fx_type.gif",defaultOptions:"{}",brief:"Basic type animation",description:"Make text appear letter by letter. More complex type animations coming soon.",options:[{option:"trigger",brief:"The trigger that starts this effect (default: load)"},{option:"delay",brief:"Milliseconds to wait before start (default: 500)"},{option:"stagger",brief:"Time (ms) between letters (default: 100)"}]},{id:"hero-fx-youtube",title:"YouTube",preview:"files/Hero/previews/fx_youtube.jpg",defaultOptions:"{videoId: 'C0DPdy98e4c', autoplay: true}",brief:"Place a YouTube embed into the host element",description:"With this effect you can embed any YouTube video by id into the selected host element. You can find the YouTube video id in the URL, e.g. https://www.youtube.com/watch?v=VIDEO_ID. Some YouTube video might not be embeddable.",options:[{option:"videoId",brief:"The YouTube video id (extract from URL https://www.youtube.com/watch?v=VIDEO_ID)"},{option:"autoPlay",brief:"Should the video start playing automatically (default: true)"}]},{id:"hero-fx-particles",title:"Particles",preview:"files/Hero/previews/fx_particles.gif",defaultOptions:"{}",brief:"Experimental particle animation with basic shapes",description:"Random white shapes appear when user clicks. This is an experimental demo of the particle system that will be introduced in the next version where you will be able to define custom particles.",options:[{option:"trigger",brief:"The trigger that starts this effect (default: click)"},{option:"scale",brief:"Element scale factor (default: 2)"},{option:"power",brief:"Animation power factor (default: 2)"},{option:"decay",brief:"Animation decay factor (default: 3)"}]},{id:"hero-fx-iframe",title:"IFrame",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{src: 'URL'}",brief:"Place a IFrame with custom content into the host element",description:"With this effect you can embed any embeddable web content (e.g. Google Maps, Twitter, Videos, Adobe Animate, Tumult Hype, Lottie, etc.) into the selected host element.",options:[{option:"trigger",brief:"The trigger that starts this effect (default: load)"},{option:"src",brief:"The source URL of the IFrame"}]},{id:"hero-fx-lottie",title:"Lottie",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{url: 'https://assets1.lottiefiles.com/packages/lf20_BU0xPb.json'}",brief:"Place a Lottie animation from lottiefiles.com into the host element",description:"-",options:[{option:"trigger",brief:"The trigger that starts this effect (default: load)"},{option:"url",brief:"The source URL of the Lottie animation provided by lottiefiles.com"}]},{id:"hero-fx-appear",title:"Appear",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{}",brief:"Add appear animation to element",description:"This basic appear effect animates the opacity of the host element (from 0 to 1).",options:[{option:"trigger",brief:"The trigger that starts this effect (default: load)"},{option:"duration",brief:"Duration of the animation (default: 500)"},{option:"delay",brief:"Milliseconds to wait before start (default: 0)"}]},{id:"hero-fx-hide",title:"Hide",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{}",brief:"Add hide animation to element",description:"This basic hide effect animates the opacity of the host element (from 1 to 0).",options:[{option:"trigger",brief:"The trigger that starts this effect (default: load)"},{option:"duration",brief:"Duration of the animation (default: 500)"},{option:"delay",brief:"Milliseconds to wait before start (default: 0)"}]},{id:"hero-fx-hand-cursor",title:"Hand Cursor",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{}",brief:"Change cursor to hand/pointer",description:"-",options:[{option:"trigger",brief:"The trigger that starts this effect (default: load)"}]},{id:"hero-fx-invisible",title:"Invisible",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{}",brief:"Make the host element invisible",description:"-",options:[{option:"trigger",brief:"The trigger that starts this effect (default: load)"}]},{id:"hero-fx-no-pointer-events",title:"No Pointer Events",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{}",brief:"Suppress all pointer events",description:"Make the host element not clickable/hoverable by suppressing all pointer events (CSS: pointer-events: none).",options:[{option:"trigger",brief:"The trigger that starts this effect (default: none)"}]},{id:"hero-fx-trigger-area",title:"Trigger Area",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{}",brief:"Set custom trigger area for the preceding element.",description:"Add this effect to a custom shape layer immediately following a given element with a trigger. Now the host element of this effect will act as the interactive area (trigger area) for the preceding element. We recommend watching the tutorial video.",options:[{option:"trigger",brief:"The trigger that starts this effect (default: none)"}]},{id:"hero-fx-text-input",title:"Text Input",preview:"files/Hero/previews/nopreview.png",defaultOptions:"{}",brief:"Convert host element to text input field",description:"This effect is for working with dynamic data. It converts the host element to a text input field, so the user can actually input custom text. This can be used for forms and filter/search features. Also see action/scripts to listen to the change event of the input. In the next version there will be more data driven components (e.g. repeat grid, lists, checkboxes etc.)",options:[{option:"trigger",brief:"The trigger that starts this effect (default: TODO)"}]}]}),mounted(){},methods:{cancel(e){this.close(null)},on_item_click(e,t){this.selectedElement&&this.selectedElement.classList.remove("selected"),e.classList.add("selected"),this.selectedElement=e,this.selectedItem=t},applyEffect(){try{let e=this.selectedItem,t=XDC.core.getData(XDC.selection.items[0],"attributes");(t=t||{})[e.id]=e.defaultOptions?e.defaultOptions:"",XDC.core.setData(XDC.selection.items[0],"attributes",t),this.close(e)}catch(e){console.log("[ BehaviorDialog ]","on_item_click()",`ERROR: ${e}`),this.close(),window.showError({message:"Attribute could not be added"})}}}}},function(e,t,n){var i=n(321);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("42dfe710",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(128),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={components:{},props:["data","close"],data:()=>({window:window,snippets:[{label:"Pause timeline",code:"scene.timeline.pause();"},{label:"Resume timeline",code:"scene.timeline.play();"},{label:"Restart timeline",code:"scene.timeline.play(0);"},{label:"Log to console",code:"log('MESSAGE');"},{label:"Get element by id",code:"scene.get('ELEMENT_ID');"},{label:"Load scene",code:"player.loadScene('SCENE_ID');"},{label:"Trigger effect",code:"// coming soon..."},{label:"React to text input change",code:"\n// React to text input change\n// This should be added to \"on load\" trigger of a text input component\nthis.querySelector('input').addEventListener('change', function(evt) {\n  log('text input change', evt.currentTarget.value);\n  // Your code goes here\n});"},{label:"Read and write data (data store)",code:"// coming soon..."}]}),mounted(){console.log("[ ScriptDialog ]","mounted()","data:",this.data),this.$refs.slotSelect.value=this.data.slot?this.data.slot:"script_click",this.$refs.codeArea.value=this.data.code?this.data.code:""},methods:{on_cancel_click(e){this.close(null)},on_apply_click(e){const t=this.data.slot;let n=this.$refs.slotSelect.value,i=this.$refs.codeArea.value,o=XDC.core.getData(XDC.selection.items[0],"data");delete(o=o||{})[t],o[n]=i,XDC.core.setData(XDC.selection.items[0],"data",o),this.close()},snippetApply(e){const t=parseInt(e.currentTarget.value),n=this.snippets[t].code;this.$refs.codeArea.value+="\n"+n,this.$refs.snippetSelect.value=""}}}},function(e,t,n){var i=n(324);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("2663f53e",i,!1,{})},function(e,t,n){var i=n(326);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("0107b0e5",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(132),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={components:{},props:{legacy:{type:Boolean,default:!1}},data:()=>({}),async created(){await this.init()},async mounted(){},methods:{async init(){},on_tplList_select(e,t){this.place(t.value)},async place(e){console.log("[ TemplatesView ]","place()");try{if(this.legacy)return new Promise(async(t,n)=>{let i=new XDC.XdTpl;await i.place(`files/Hero/xdtpl/${e}.xdtpl`,{position:"rightTop"}),t()});XDC.application.editDocument({editLabel:"place template"},async()=>new Promise(async(t,n)=>{let i=new XDC.XdTpl;await i.place(`files/Hero/xdtpl/${e}.xdtpl`,{position:"rightTop"}),t()}))}catch(e){console.log("ERROR",e)}}}}},function(e,t,n){var i=n(329);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("9b11a126",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(135),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(331).default;e.exports={components:{card:i},data:()=>({window:window}),async created(){await this.init()},async mounted(){},methods:{async init(){}}}},function(e,t,n){"use strict";n.r(t);var i=n(137),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={components:{},props:["type","title","brief","image"],data:()=>({}),mounted(){},methods:{}}},function(e,t,n){var i=n(333);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("5b018aec",i,!1,{})},function(e,t,n){var i=n(335);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("3b03837a",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(141),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={inject:["heroApp"],components:{},data:()=>({isOpen:!0}),mounted(){this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("update",this.onUpdate)},methods:{onUpdate(){},applyCoordinateHelper(e){const t=e.currentTarget.value;XDC.application.editDocument(n=>new Promise(async(n,i)=>{try{await this[t](),n()}catch(n){return console.log("[ DebugView ]","applyCoordinateHelper()","Error in:",t,n),void(e.currentTarget.value=null)}})),e.currentTarget.value=null},async coordinate_origin(){XDC.selection.items.forEach(e=>{if(console.log("\n\n----------------------------------------------"),console.log("localBounds:",e.localBounds),console.log("boundsInParent:",e.boundsInParent),console.log("topLeftInParent:",e.topLeftInParent),console.log("globalBounds:",e.globalBounds),console.log("globalDrawBounds:",e.globalDrawBounds),console.log("pathData:",e.pathData),console.log("----------------------------------------------"),"Group"==e.constructor.name)this.drawHelper(e,"rect",{x:0,y:0,w:100,h:100,originShape:!0});else if(-1!=["Path","Line","Rectangle"].indexOf(e.constructor.name)){const t=e.topLeftInParent.x,n=e.topLeftInParent.y;this.drawHelper(e.parent,"rect",{x:t,y:n,w:100,h:100,originShape:!0})}else console.log("Current selection does not support origin...")})},async local_bounds(){XDC.selection.items.forEach(e=>{const t=e.localBounds;this.drawHelper(e.parent,"rect",{x:t.x,y:t.y,w:t.width,h:t.height})})},async bounds_in_parent(){XDC.selection.items.forEach(e=>{const t=e.boundsInParent;this.drawHelper(e.parent,"rect",{x:t.x,y:t.y,w:t.width,h:t.height})})},async global_draw_bounds(){XDC.selection.items.forEach(e=>{const t=e.globalDrawBounds;this.drawHelper(XDC.scenegraph.root,"rect",{x:t.x,y:t.y,w:t.width,h:t.height})})},drawHelper(e,t,n){let i;switch(t){case"rect":(i=new XDC.scenegraph.Rectangle).width=n.w,i.height=n.h,i.stroke=new XDC.scenegraph.Color("#E0034E"),i.strokeWidth=4,n.originShape&&(i.cornerRadii={topLeft:0,topRight:0,bottomRight:99,bottomLeft:0}),i.moveInParentCoordinates(n.x,n.y),e.addChild(i)}i&&(i.name="Helper",i.sharedPluginData.setItem("5ded1230","debug-helper","true"))},remove_helper(){const e=[];!function t(n){for(var i=0;i<n.children.length;i++){let o=n.children.at(i);o.children&&o.children.length&&t(o),o.sharedPluginData.getItem("5ded1230","debug-helper")&&e.push(o)}}(XDC.scenegraph.root),e.forEach(e=>{e.removeFromParent()})}}}},function(e,t,n){var i=n(338);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("1d5bab3b",i,!1,{})},function(e,t,n){"use strict";n.r(t);var i=n(144),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t,n){const i=n(340).default;e.exports={inject:["heroApp"],components:{Card:i},data:()=>({window:window,visible:!1,interval:null}),mounted(){this.$root.$on("update",this.onUpdate)},destroyed(){this.$root.$off("update",this.onUpdate)},methods:{onUpdate(){0!=XDC.selection.items.length?(clearInterval(this.interval),this.visible=!1):this.interval=setTimeout(this.decideToShow.bind(this),1e3)},decideToShow(){document.body.getBoundingClientRect().height>600?this.visible=!0:this.visible=!1},closeCard(e){e.remove()}}}},function(e,t,n){"use strict";n.r(t);var i=n(146),o=n.n(i);for(var a in i)"default"!==a&&function(e){n.d(t,e,function(){return i[e]})}(a);t.default=o.a},function(e,t){e.exports={components:{},props:["type","meta","title","brief","image"],data:()=>({}),mounted(){},methods:{}}},function(e,t,n){var i=n(342);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("64566ddd",i,!1,{})},function(e,t,n){var i=n(344);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("12b35fba",i,!1,{})},function(e,t,n){var i=n(346);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);(0,n(2).default)("7f906525",i,!1,{})},function(e,t,n){"use strict";n.r(t);const i=n(3).storage.localFileSystem,o=n(3).storage.formats;let a,r;t.default=class{static async getPluginFolder(){return a||(a=await i.getPluginFolder()),a}static async getDataFolder(){return r||(r=await i.getDataFolder()),r}static async readDataFile(e){let t=await(await this.getDataFolder()).getEntry(e).catch(e=>{});return!!t&&await t.read()}static async writeDataFile(e,t){const n=await(await this.getDataFolder()).createFile(e,{overwrite:!0});await n.write(t,{format:o.utf8})}static async deepCopyFilesFolder(){try{const e=await this.getPluginFolder(),t=await this.getDataFolder(),n=async(e,t)=>{if(e.isFile&&await e.copyTo(t,{overwrite:!0}),e.isFolder){let i=await t.getEntry(e.name).catch(e=>{});i||(i=await t.createFolder(e.name));const o=await e.getEntries();for(let e=0;e<o.length;e++){let t=o[e];n(t,i)}}};await n(await e.getEntry("files"),t)}catch(e){console.error("[ FileService ] Error in deepCopyFolder()",e)}}}},function(e,t,n){"use strict";var i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"app"}},[t("default-panel")],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"default-panel"},[n("div",{staticClass:"resizeme-wrapper"},[n("div",{staticClass:"resizeme",style:{backgroundImage:"url(./assets/general/ui/resizeme.png)"}})]),e._v(" "),n("div",{staticClass:"panel-content"},[n("div",{staticClass:"primary-nav"},[n("div",{staticClass:"top-level"},[n("div",{staticClass:"pseudo-btn",class:{active:"tools"==e.currentTab},on:{click:function(t){e.showPrimaryOverlay("tools")}}},[n("div",{staticClass:"label"},[e._v("TOOLS")])]),e._v(" "),n("div",{staticClass:"pseudo-btn templates",class:{active:"templates"==e.currentTab},on:{click:function(t){e.showPrimaryOverlay("templates")}}},[n("div",{staticClass:"label"},[e._v("TEMPLATES")]),e._v(" "),n("div",{staticClass:"label-short"},[e._v("TPL")])]),e._v(" "),n("div",{staticClass:"pseudo-btn",class:{active:"learn"==e.currentTab},on:{click:function(t){e.showPrimaryOverlay("learn")}}},[n("div",{staticClass:"label"},[e._v("LEARN")])]),e._v(" "),n("div",{staticClass:"pseudo-btn hello",on:{click:function(t){e.openHello()}}},[n("div",{staticClass:"label"},[e._v("HELLO")]),e._v(" "),n("div",{staticClass:"label-short"},[e._v("HI")])])])]),e._v(" "),n("div",{staticClass:"tab-content-wrapper"},[n("div",{directives:[{name:"show",rawName:"v-show",value:"tools"==e.currentTab,expression:"currentTab == 'tools'"}],staticClass:"tab-content"},[n("div",[n("main-menu",{on:{export:e.heroApp.export,preview:e.heroApp.preview,"preview-setup":e.heroApp.previewSetup}}),e._v(" "),n("artboard-view",{directives:[{name:"show",rawName:"v-show",value:"artboard"==e.validSelection,expression:"validSelection == 'artboard'"}]}),e._v(" "),n("element-view",{directives:[{name:"show",rawName:"v-show",value:"element"==e.validSelection,expression:"validSelection == 'element'"}]}),e._v(" "),e.flags.DEBUG?n("debug-view"):e._e(),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.validSelection,expression:"validSelection"}]},[n("behaviors-view",{directives:[{name:"show",rawName:"v-show",value:"element"==e.validSelection||"artboard"==e.validSelection&&e.isArtboardHeroScene,expression:"validSelection == 'element' || (validSelection == 'artboard' && isArtboardHeroScene)"}]}),e._v(" "),n("web-properties-view",{directives:[{name:"show",rawName:"v-show",value:"element"==e.validSelection||"artboard"==e.validSelection&&e.isArtboardHeroScene,expression:"validSelection == 'element' || (validSelection == 'artboard' && isArtboardHeroScene)"}]}),e._v(" "),e.flags.SUDO?n("div",[n("data-properties-view")],1):e._e()],1),e._v(" "),e.flags.NEXT?n("next-view"):e._e(),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.isTimeline,expression:"isTimeline"}]},[n("timeline-view"),e._v(" "),n("pi-view")],1)],1),e._v(" "),n("div",{staticStyle:{flex:"99 1 10px"}}),e._v(" "),n("notifications-view")],1),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:"templates"==e.currentTab,expression:"currentTab == 'templates'"}],staticClass:"tab-content"},[n("templates-view")],1),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:"learn"==e.currentTab,expression:"currentTab == 'learn'"}],staticClass:"tab-content"},[n("learn-view")],1)])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"xp-panel-title"},[n("div",{staticClass:"title-wrapper"}),e._v(" "),n("div",{staticClass:"help-icon",on:{click:function(t){e.$emit("help")}}})])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"xp-list",style:{height:e.height?e.height:"auto"}},[n("div",{staticClass:"xp-list-content"},e._l(e.value,function(t,i){return n("div",{key:i,staticClass:"item",class:{xsmall:"xsmall"==e.size,small:"small"==e.size,medium:"medium"==e.size,large:"large"==e.size,xlarge:"xlarge"==e.size}},[t.icon?n("div",{staticClass:"preview"},[n("div",{staticClass:"icon",staticStyle:{"background-size":"contain"},style:{backgroundImage:"url("+t.icon+")"}})]):e._e(),e._v(" "),n("div",{staticClass:"label"},[n("div",{staticClass:"express-font title"},[e._v(e._s(t.title))]),e._v(" "),n("div",{staticClass:"express-font description"},[e._v(e._s(t.description))])]),e._v(" "),n("div",{staticClass:"dreamcatcher",attrs:{id:"random-"+Math.round(1e9*Math.random()),editLabel:t.title||"action"},on:{click:function(n){e.$emit("select",n,t)}}})])}),0)])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"xp-template-list",class:{legacy:e.legacy},style:{height:e.height?e.height:"auto"}},[i("div",{staticClass:"xp-template-list-content"},e._l(e.value,function(t){return i("div",{staticClass:"item",class:{xsmall:"xsmall"==e.size,small:"small"==e.size,medium:"medium"==e.size,large:"large"==e.size,xlarge:"xlarge"==e.size}},[t.icon?i("div",{staticClass:"preview"},[i("div",{staticClass:"icon",staticStyle:{"background-size":"contain"},style:{backgroundImage:"url("+t.icon+")"}})]):e._e(),e._v(" "),i("div",{staticClass:"hover-overlay"},[i("div",{staticClass:"secondary-icons"},[i("div",{staticClass:"info-icon",on:{click:function(n){e.$set(t,"_isInfoActive",!0)}}})]),e._v(" "),i("div",{staticClass:"icons"},[i("div",{staticClass:"add-icon",on:{click:function(n){e.on_add_click(n,t)},pointerleave:function(e){e.currentTarget.classList.remove("show-success")}}},[i("div",{staticClass:"normal add-icon-normal"}),e._v(" "),i("div",{staticClass:"over add-icon-hover"}),e._v(" "),i("div",{staticClass:"success add-icon-success"})])]),e._v(" "),i("div",{staticClass:"label"},[i("div",{staticClass:"express-font title"},[e._v(e._s(t.title))]),e._v(" "),i("div",{staticClass:"express-font description2"},[e._v(e._s(t.description))])])]),e._v(" "),t._isInfoActive?i("div",{staticClass:"info-overlay",on:{pointerleave:function(n){e.$set(t,"_isInfoActive",!1)}}},[i("div",{staticClass:"label"},[i("div",{staticClass:"express-font author"},[i("label",[e._v("AUTHOR")]),e._v(e._s(t.author))]),e._v(" "),i("div",{staticClass:"express-font license"},[i("label",[e._v("LICENSE")]),e._v(e._s(t.license))]),e._v(" "),i("div",{staticClass:"express-font source",on:{click:function(e){n(3).shell.openExternal(t.source)}}},[i("label",[e._v("SOURCE")]),e._v(e._s(t.source.length<80?t.source:t.source.substr(0,80)+"…"))])]),e._v(" "),i("div",{staticClass:"close-btn",on:{click:function(n){e.$set(t,"_isInfoActive",!1)}}},[e._v("×")])]):e._e()])}),0)])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"xp-template-selector",class:{legacy:e.legacy},style:{height:e.height?e.height:"auto"}},[i("div",{staticStyle:{display:"flex",flex:"0 0 40px",height:"40px","margin-top":"10px"}},[i("div",{staticStyle:{position:"relative",flex:"1 1 auto",display:"flex","align-items":"flex-start"}},[i("input",{staticStyle:{width:"100%",margin:"0"},attrs:{type:"search"},on:{input:function(t){e.search(t.currentTarget.value)}}})]),e._v(" "),i("div",{staticStyle:{flex:"0 0 10px"}}),e._v(" "),i("div",{staticStyle:{position:"relative",flex:"0 0 80px",display:"flex","justify-content":"flex-end","align-items":"flex-start"},on:{click:function(t){e.ui.showFolders=!e.ui.showFolders}}},[i("div",{staticStyle:{flex:"0 0 20px",width:"15px",height:"15px",margin:"4px 0px 4px 4px","background-image":"url(assets/general/ui/folder_icon.svg)","background-size":"contain"}}),e._v(" "),i("div",{staticStyle:{"margin-top":"5px"}},[e._v("Folders")])])]),e._v(" "),i("div",{staticClass:"items-and-folder-wrapper"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.currentFolder,expression:"currentFolder"}],staticClass:"current-folder"},[i("div",{staticClass:"folder-icon",staticStyle:{"background-image":"url(assets/general/ui/folder_icon.svg)"}}),e._v(" "),i("div",{staticClass:"folder-title"},[e._v(e._s(e.currentFolder))]),e._v(" "),i("div",{staticClass:"close-folder-icon",staticStyle:{"background-image":"url(assets/general/ui/close_icon.png)"},on:{click:e.resetFolder}})]),e._v(" "),i("div",{staticClass:"xp-template-selector-content",on:{mouseover:e.on_item_over,mouseout:e.on_item_out,scroll:e.scroll}},[e._l(e.limited,function(t,o){return i("div",{key:o,staticClass:"item",class:{xsmall:"xsmall"==e.size,small:"small"==e.size,medium:"medium"==e.size,large:"large"==e.size,xlarge:"xlarge"==e.size}},[t.icon?i("div",{staticClass:"preview"},[i("div",{staticClass:"icon",staticStyle:{"background-size":"contain"},style:{backgroundImage:"url("+t.icon+")"}})]):e._e(),e._v(" "),i("div",{staticClass:"hover-overlay"},[i("div",{staticClass:"secondary-icons"},[i("div",{staticClass:"info-icon",on:{click:function(n){e.$set(t,"_isInfoActive",!0)}}})]),e._v(" "),i("div",{staticClass:"icons"},[i("div",{staticClass:"add-icon",on:{click:function(n){e.on_add_click(n,t)},pointerleave:function(e){e.currentTarget.classList.remove("show-success")}}},[i("div",{staticClass:"normal add-icon-normal"}),e._v(" "),i("div",{staticClass:"over add-icon-hover"}),e._v(" "),i("div",{staticClass:"success add-icon-success"})])]),e._v(" "),i("div",{staticClass:"label"},[i("div",{staticClass:"express-font title"},[e._v(e._s(t.title))]),e._v(" "),i("div",{staticClass:"express-font description2"},[e._v(e._s(t.description))])])]),e._v(" "),t._isInfoActive?i("div",{staticClass:"info-overlay",on:{mouseleave:function(n){e.$set(t,"_isInfoActive",!1)}}},[i("div",{staticClass:"label"},[i("div",{staticClass:"express-font author"},[i("div",{staticClass:"label-title"},[e._v("AUTHOR")]),e._v(e._s(t.author))]),e._v(" "),i("div",{staticClass:"express-font license"},[i("div",{staticClass:"label-title"},[e._v("LICENSE")]),e._v(e._s(t.license))]),e._v(" "),i("div",{staticClass:"express-font source",on:{click:function(e){n(3).shell.openExternal(t.source)}}},[i("div",{staticClass:"label-title"},[e._v("SOURCE")]),e._v(e._s(t.source.length<80?t.source:t.source.substr(0,80)+"…")),i("br"),e._v("🔗")])]),e._v(" "),i("div",{staticClass:"close-btn",on:{click:function(n){e.$set(t,"_isInfoActive",!1)}}},[e._v("×")])]):e._e()])}),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.limited.length<e.filtered.length,expression:"limited.length < filtered.length"}],staticClass:"item",staticStyle:{flex:"1 0 100%",width:"100%",height:"80px",display:"flex","flex-direction":"column","justify-content":"center"},on:{click:function(t){e.limit+=e.limitDefault,e.applyLimit()}}},[i("div",{staticStyle:{"font-size":"12px","font-weight":"bold",color:"#666666","line-height":"20px"}},[e._v("SHOW MORE")]),e._v(" "),i("div",{staticStyle:{"font-size":"9px","font-weight":"light",color:"#999"}},[e._v(e._s(e.limit)+" of "+e._s(e.filtered.length))])])],2),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.ui.showFolders,expression:"ui.showFolders"}],staticClass:"folder-list",staticStyle:{"background-color":"white","border-bottom":"15px solid rgba(240,240,240,.3)"}},[i("div",{staticClass:"available-folders-title"},[e._v("Available folders:")]),e._v(" "),e._l(e.subFolders,function(t,n){return i("div",{key:n,on:{click:function(n){e.selectFolder(t)}}},[i("div",{staticClass:"folder-item"},[e._v(e._s(t))])])})],2)])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"xp-view-title"},[t("div",{staticClass:"logo"}),this._v(" "),t("div",{staticClass:"title"},[this._t("default")],2)])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"xp-section-title"},[this._t("default")],2)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"xp-label"},[this._t("default")],2)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"xp-property-title"},[t("div",{staticClass:"title"},[this._v(this._s(this.title))]),this._v(" "),t("div",{staticClass:"icons"},[this._t("default")],2)])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"xp-color-picker"},[n("div",{staticStyle:{display:"flex","flex-wrap":"wrap"}},[n("select",{staticStyle:{width:"100%",margin:"0"},on:{change:function(t){e.setSelectedColors(t.currentTarget.value)}}},[n("option",{attrs:{value:"global"}},[e._v("Saved colors (assets)")]),e._v(" "),n("option",{attrs:{value:"document"}},[e._v("Document colors")]),e._v(" "),n("option",{attrs:{value:"selection",selected:""}},[e._v("Selection colors")]),e._v(" "),n("option",{attrs:{value:"custom"}},[e._v("Custom color")])])]),e._v(" "),"custom"!=e.type?n("div",{staticClass:"existing-colors"},["selection"!=e.type&&0==e.existingColors.length?n("div",{staticStyle:{width:"100%",height:"auto","text-align":"center"}},[e._v("No colors found")]):e._e(),e._v(" "),"selection"==e.type&&0==e.existingColors.length?n("div",{staticStyle:{width:"100%",height:"auto","text-align":"center"}},[e._v("No selection"),n("br"),e._v("(Select element(s) to pick a color)")]):e._e(),e._v(" "),e._l(e.existingColors,function(t){return n("div",{staticClass:"color",on:{click:function(n){e.select(t)}}},[n("div",{staticClass:"preview",style:{backgroundColor:t.color.toHex()}}),e._v(" "),n("div",{staticClass:"label"},[e._v(e._s(t.name||t.color.toHex()))])])})],2):e._e(),e._v(" "),"custom"==e.type?n("input",{staticStyle:{width:"100%",margin:"10px 0 0 0"},attrs:{type:"text",placeholder:"HEX (e.g. #FF00FF)"},on:{change:function(t){e.setHex(t.currentTarget.value)}}}):e._e()])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[n("h1",[e._v(e._s(e.data.title))]),e._v(" "),n("hr"),e._v(" "),n("div",{staticClass:"content"},[n("p",{domProps:{innerHTML:e._s(e.data.message)}})]),e._v(" "),n("footer",[n("button",{attrs:{"uxp-variant":"primary"},on:{click:e.close}},[e._v("OK")])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[e._m(0),e._v(" "),n("img",{staticClass:"btn--close",attrs:{src:"assets/Hero/hello/btn_close@2x.png"},on:{click:e.on_close_click}}),e._v(" "),n("div",{staticClass:"primary-nav"},[n("div",{staticClass:"top-level"},[n("div",{staticClass:"pseudo-btn",class:{active:"home"==e.currentTab},on:{click:function(t){e.showPrimaryOverlay("home")}}},[n("div",{staticClass:"label"},[e._v("Home")])]),e._v(" "),n("div",{staticClass:"pseudo-btn",class:{active:"explore"==e.currentTab},on:{click:function(t){e.showPrimaryOverlay("about")}}},[n("div",{staticClass:"label"},[e._v("About and Terms")])]),e._v(" "),n("div",{staticClass:"pseudo-btn--terminate"})])]),e._v(" "),"home"==e.currentTab?n("div",{staticClass:"content"},[n("div",{staticClass:"column"},[n("card",{attrs:{type:"four",title:"Getting started",brief:"Let's make the first steps together (5min)",image:"assets/Hero/hello/card_gettingStarted.jpg"},on:{click:function(t){e.window.openWebsite("#GETTING_STARTED")}}})],1),e._v(" "),n("div",{staticClass:"column"},[n("card",{attrs:{title:"Showroom",brief:"See what is possible with Hero",image:"assets/Hero/hello/card_gallery.jpg"},on:{click:function(t){e.window.openWebsite("#SHOWROOM")}}}),e._v(" "),n("card",{attrs:{title:"Learn",brief:"Deep dive into Hero effects, concepts and export options",image:"assets/Hero/hello/card_crowdThumbs.jpg"},on:{click:function(t){e.window.openWebsite("#LEARN")}}})],1),e._v(" "),n("div",{staticClass:"column"},[n("card",{attrs:{title:"Templates",brief:"Jump start your project with a ready-to-use template",image:"assets/Hero/hello/card_templates.jpg"},on:{click:function(t){e.window.openWebsite("#TEMPLATES")}}}),e._v(" "),n("card",{attrs:{title:"Subscribe",brief:"Events, Special Offers, Freebies and more",image:"assets/Hero/hello/card_announcement.jpg"},on:{click:function(t){e.window.openWebsite("#SUBSCRIBE")}}})],1)]):e._e(),e._v(" "),"about"==e.currentTab?n("div",{staticClass:"content"},[n("div",{staticClass:"column",staticStyle:{"font-family":"Barlow, Arial","font-size":"16px","padding-top":"40px"}},[n("div",{staticStyle:{"font-size":"20px",color:"white","margin-bottom":"10px"}},[e._v("\n        Hero for Adobe XD v"+e._s(e.XDC.manifest.version)+"\n      ")]),e._v(" "),n("div",{staticStyle:{"font-size":"16px",color:"#AAA","margin-bottom":"10px"}},[n("span",{staticClass:"custom-span"},[e._v("© 2020 by Trendspurt GmbH")]),n("br"),e._v(" "),n("span",{staticClass:"custom-span"},[e._v("All rights reserved.")]),n("br"),e._v(" "),n("span",{staticClass:"link",on:{click:function(t){e.window.openWebsite("https://www.xdhero.com")}}},[e._v("www.xdhero.com")]),n("br")]),e._v(" "),n("div",{staticStyle:{"font-size":"14px"}},[n("h1",[e._v("Feature Requests and Bug Reports")]),e._v("\n        Feedback is important to us. If you have feature requests or bug reports we want to hear from you. Please use this "),n("span",{staticClass:"link",on:{click:function(t){e.window.openWebsite("https://xdhero.com/contact/")}}},[e._v("Contact Form")]),e._v(".\n\n        "),n("h1",[e._v("Privacy")]),e._v("\n        We do NOT collect or save any personal information and no IP addresses will be saved. Only minimal anonymous data will be processed to optimise the plugin experience (telemetry). \n\n        "),n("h1",[e._v("3rd Party Licenses")]),e._v("\n        The exported code that Hero for Adobe XD generates uses the following 3rd party JavaScript libraries. Please read the related licenses.\n        When using Hero for Adobe XD and publishing the exported code you agree to these terms."),n("br"),e._v("\n        jQuery "),n("span",{staticClass:"link",on:{click:function(t){e.window.openWebsite("https://jquery.org/license/")}}},[e._v("(See License)")]),n("br"),e._v("\n        Greensock/GSAP "),n("span",{staticClass:"link",on:{click:function(t){e.window.openWebsite("https://greensock.com/licensing/")}}},[e._v("(See License)")]),n("br")])])]):e._e(),e._v(" "),n("footer",[n("div",{staticClass:"btn--start"},[n("div",{staticClass:"btn--start-hover",on:{click:e.on_close_click}})])])])},o=[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"title"},[t("h1",[this._v("Hello Hero.")])])}];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"main-menu"},[n("div",{staticClass:"btn btn-preview",on:{click:function(t){e.$emit("preview"),e.showIndicator()}}},[n("div",{staticClass:"preview-icon",style:{backgroundImage:"url(./assets/Hero/ui/main_menu_icon_preview.png)"}}),e._v(" "),n("div",{staticClass:"label"},[n("div",{ref:"previewLabel",staticClass:"previewLabel"},[e._v("Preview")]),n("div",{ref:"indicator",staticClass:"indicator",staticStyle:{color:"green","margin-left":"4px"}})]),e._v(" "),n("div",{staticClass:"tooltip"},[e._v("Preview in Browser...")]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.window.openWebsite("#HELP_PREVIEW")}}},[n("div",{staticClass:"icon"},[e._v("?")])])]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:this.heroApp.previewFolder,expression:"this.heroApp.previewFolder"}],staticClass:"btn",style:{backgroundImage:"url(./assets/Hero/ui/main_menu_icon_settings.png)"},on:{click:function(t){e.$emit("preview-setup")}}},[n("div",{staticClass:"tooltip"},[e._v("Preview Setup")]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.window.openWebsite("#HELP_PREVIEW")}}},[n("div",{staticClass:"icon"},[e._v("?")])])]),e._v(" "),n("div",{staticClass:"divider"}),e._v(" "),n("div",{staticClass:"btn",style:{backgroundImage:"url(./assets/Hero/ui/main_menu_icon_export.png)"},on:{click:function(t){e.$emit("export")}}},[n("div",{staticClass:"tooltip",staticStyle:{left:"-30px"}},[e._v("Export Project")]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.window.openWebsite("#HELP_EXPORT")}}},[n("div",{staticClass:"icon"},[e._v("?")])])]),e._v(" "),n("div",{staticClass:"divider"}),e._v(" "),n("div",{staticClass:"btn",style:{backgroundImage:e.heroApp.isInPlaceHelp?"url(./assets/Hero/ui/main_menu_icon_help_close.png)":"url(./assets/Hero/ui/main_menu_icon_help.png)"},on:{click:function(t){e.heroApp.isInPlaceHelp=!e.heroApp.isInPlaceHelp}}},[n("div",{staticClass:"tooltip",staticStyle:{left:"-10px"}},[e._v("Toggle Help")])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"hello"}},[n("div",{staticClass:"card",staticStyle:{display:"flex","flex-direction":"column"}},[n("div",{staticClass:"header"},[n("label",{staticClass:"row",staticStyle:{width:"130px",margin:"5px 0 0 8px",opacity:"0.5"}},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.neverAgain,expression:"neverAgain"}],staticStyle:{width:"20px",margin:"0","margin-right":"0"},attrs:{type:"checkbox",value:"true"},domProps:{checked:Array.isArray(e.neverAgain)?e._i(e.neverAgain,"true")>-1:e.neverAgain},on:{change:function(t){var n=e.neverAgain,i=t.target,o=!!i.checked;if(Array.isArray(n)){var a=e._i(n,"true");i.checked?a<0&&(e.neverAgain=n.concat(["true"])):a>-1&&(e.neverAgain=n.slice(0,a).concat(n.slice(a+1)))}else e.neverAgain=o}}}),e._v(" "),n("span",{staticStyle:{color:"#666","margin-left":"0","text-align":"left"}},[e._v("Do not show again")])]),e._v(" "),n("div",{staticClass:"close-btn",style:{backgroundImage:"url(assets/Hero/hello/close.png)"},on:{click:e.close}})]),e._v(" "),n("div",{staticClass:"entry"},[e._m(0),e._v(" "),n("div",{staticClass:"row",staticStyle:{"justify-content":"center"}},[n("button",{attrs:{"uxp-variant":"cta"},on:{click:e.close}},[e._v("Start")])])]),e._v(" "),n("div",{staticClass:"entry-separator"}),e._v(" "),e._m(1)])])},o=[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"link-preview"},[t("br"),this._v(" "),t("div",[this._v("Animations at the speed of thought")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"entry"},[t("div",[this._v("Prerelease version (beta)")]),this._v(" "),t("div",[this._v("(C) Copyright 2020 by Trendspurt GmbH")]),this._v(" "),t("div",[this._v("All rights reserved. For educational purposes only.")])])}];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"artboard-view"},[n("xp-section-title",[e._v("ARTBOARD NAME / EXPORT TYPE")]),e._v(" "),n("div",{staticClass:"wrapper"},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.layerName,expression:"layerName"}],staticStyle:{width:"100%","min-width":"20px",margin:"2px 0"},attrs:{type:"text",title:"Artboard name: Start with '#' for CSS id and '.' for CSS classes (e.g. #scene1 or .cta). This will be applied during export."},domProps:{value:e.layerName},on:{change:function(t){e.setLayerName(t.currentTarget.value)},input:function(t){t.target.composing||(e.layerName=t.target.value)}}}),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){e.window.openWebsite("#HELP_NAMING")}}},[n("div",{staticClass:"icon"},[e._v("?")])])]),e._v(" "),n("div",{staticStyle:{height:"6px"}}),e._v(" "),n("div",{staticStyle:{position:"relative"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:!e.isScene,expression:"!isScene"}],staticClass:"btn--make-hero-scene",on:{click:function(t){e.toggleIsScene(!0)}}},[e._m(0)]),e._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:e.isScene,expression:"isScene"}],staticStyle:{"margin-left":"0"},on:{click:function(t){e.toggleIsScene(!1)}}},[e._v("Remove Hero")]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){e.window.openWebsite("#HELP_HERO_SCENE")}}},[n("div",{staticClass:"icon"},[e._v("?")])])]),e._v(" "),n("div",{staticClass:"wrapper"},[e.showStartSceneOption?n("label",{staticClass:"row"},[n("input",{attrs:{type:"checkbox"},domProps:{checked:e.isStartScene},on:{change:e.toggleIsStartScene}}),e._v(" "),n("span",[e._v("Start with this Scene")])]):e._e()])],1)},o=[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticStyle:{display:"flex"}},[t("div",{staticClass:"label"},[this._v("Make Hero Scene")])])}];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"element-view"},[n("xp-section-title",[e._v("LAYER NAME / EXPORT TYPE")]),e._v(" "),n("div",{staticStyle:{display:"flex"}},[n("div",{staticClass:"wrapper",staticStyle:{flex:"1 1 10%","min-width":"20px",margin:"0",height:"auto","padding-bottom":"0"}},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.layerName,expression:"layerName"}],staticStyle:{"margin-left":"0",width:"100%"},attrs:{type:"text",title:"Layer name: Start with '#' for CSS id and '.' for CSS classes (e.g. #element1 or .button). This will be applied during export."},domProps:{value:e.layerName},on:{change:function(t){e.setLayerName(t.currentTarget.value)},input:function(t){t.target.composing||(e.layerName=t.target.value)}}}),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){e.window.openWebsite("#HELP_NAMING")}}},[n("div",{staticClass:"icon"},[e._v("?")])])]),e._v(" "),n("export-as-view")],1)],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"timeline-view"}},[n("xp-section-title",[e._v("TIMELINE")]),e._v(" "),n("div",{staticStyle:{position:"relative"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:!e.validSelection,expression:"!validSelection"}]},[n("div",{staticStyle:{width:"200px","font-style":"italic","margin-top":"10px","margin-bottom":"0px"}},[e._v("\n        To activate timeline convert "),n("nobr",[e._v("artboard to scene.")])],1),e._v(" "),n("div",[n("img",{attrs:{src:"./assets/Hero/ui/AnimationTimeline_ConvertArtboardToScene_QuickHelp.png",width:"200"}})]),e._v(" "),n("div",[n("button",{staticStyle:{"margin-left":"0"},on:{click:function(t){e.window.openWebsite("#HELP_TIMELINE")}}},[e._v("Learn more")])])]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.validSelection,expression:"validSelection"}],staticStyle:{position:"relative"}},[n("top-controls"),e._v(" "),n("h-scroller",{on:{scroll:e.hscroll}}),e._v(" "),n("playhead-track"),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.currentScene,expression:"heroApp.currentScene"}],staticClass:"wrapper",on:{scroll:e.on_wrapper_scroll}},[n("div",{staticClass:"dumbo"},[n("div",{ref:"scroller",staticClass:"scroller",on:{scroll:e.on_scroller_scroll}},[n("timed-actions-track"),e._v(" "),n("div",{staticClass:"elements"},e._l(e.animatedElements,function(t){return n("div",{key:t.guid,staticClass:"element",class:{highlight:t.guid==e.selectedElementGuid},attrs:{"data-element-guid":t.guid}},[n("div",{staticClass:"element-name"}),e._v(" "),e._l(t.tracks,function(t){return n("div",{key:t.property,staticClass:"track",attrs:{"data-track-property":t.property,title:"Double-click to add animation"}},e._l(t.tweens,function(t){return n("div",{key:t.id,staticClass:"tween",class:{highlight:e.heroApp.currentSelection.type&&t.id==e.heroApp.currentSelection.heroObject.id},attrs:{"data-tween-id":t.id}},[t.isFirst()?n("div",{staticClass:"tween-start-value",staticStyle:{"font-size":"7px",color:"white",position:"absolute",left:"5px",top:"3px"}},[e._v(e._s(t.startValue))]):e._e(),e._v(" "),n("div",{staticClass:"tween-resizer-value",staticStyle:{"font-size":"7px",color:"white",position:"absolute",right:"10px",top:"3px"}},[e._v(e._s(t.endValue))]),e._v(" "),n("div",{staticClass:"tween-resizer"})])}),0)})],2)}),0)],1)]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:!e.animatedElements.length,expression:"!animatedElements.length"}]},[n("div",{staticStyle:{"text-align":"center","font-style":"italic","margin-bottom":"20px"}},[e._v("\n            No animations found\n          ")]),e._v(" "),n("div",[n("img",{attrs:{src:"./assets/Hero/ui/AnimationTimeline_QuickHelp.png",width:"200"}}),e._v(" "),n("br"),e._v(" "),n("button",{staticStyle:{margin:"0 0 0 17px"},on:{click:function(t){e.window.openWebsite("#HELP_TIMELINE")}}},[e._v("Learn more")]),e._v(" "),n("div",{staticStyle:{height:"4px"}}),e._v(" "),n("button",{staticStyle:{margin:"0 0 0 17px"},on:{click:e.addDemoElementWithTimeline}},[e._v("Add Demo Animation")])])]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.currentScene,expression:"heroApp.currentScene"}],ref:"legend",staticClass:"legend"},[n("div",{staticClass:"top-spacer"}),e._v(" "),e._m(0),e._v(" "),n("div",{staticClass:"elements"},e._l(e.animatedElements,function(t){return n("div",{key:t.guid,staticClass:"element",class:{highlight:t.guid==e.selectedElementGuid},attrs:{"data-element-guid":t.guid}},[n("div",{staticClass:"element-name",on:{click:function(n){e.selectedElementGuid=t.guid,e.selectElementOnStage()}}},[e._v("\n                "+e._s(t.name.length>26?t.name.substr(0,26)+"…":t.name)+"\n                "),n("div",{staticClass:"add-track-button",attrs:{title:"Add animation track"},on:{click:function(n){e.showAddTrackContextMenu(n,t),e.preventEventBubbling(n)},mousedown:e.preventEventBubbling,mouseup:e.preventEventBubbling}},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 40 40"}},[n("g",{attrs:{transform:"translate(-308 -874)"}},[n("circle",{attrs:{cx:"20",cy:"20",r:"20",transform:"translate(308 874)",fill:"#000"}}),e._v(" "),n("path",{attrs:{d:"M14.305-10.065h8.949v3.857H14.305V3.931h-4.1V-6.208H1.257v-3.857h8.949v-9.367h4.1Z",transform:"translate(316.042 901.858)",fill:"#f7f7f7",stroke:"#f7f7f7","stroke-width":"1"}})])])])]),e._v(" "),e._l(t.tracks,function(t){return n("div",{key:t.property,staticClass:"track"},[n("div",{staticClass:"legend-track-label",attrs:{title:t.property}},[e._v(e._s(e.getTrackLabel(t.property)))])])})],2)}),0)])]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.uiOptions.trackContextMenu,expression:"uiOptions.trackContextMenu"}],ref:"addTrackContextMenu",attrs:{id:"add-track-context-menu"},on:{mouseleave:function(t){e.uiOptions.trackContextMenu=!1}}},[n("div",{staticClass:"context-content"},[n("div",{staticClass:"title"},[e._v("Add Track")]),e._v(" "),n("div",{staticClass:"buttons"},[n("div",{staticClass:"button",on:{click:function(t){e.addTrack("x")}}},[e._v("X")]),e._v(" "),n("div",{staticClass:"button",on:{click:function(t){e.addTrack("y")}}},[e._v("Y")]),e._v(" "),n("div",{staticClass:"button",on:{click:function(t){e.addTrack("opacity")}}},[e._v("Opacity")]),e._v(" "),n("div",{staticClass:"button",on:{click:function(t){e.addTrack("scale")}}},[e._v("Scale")]),e._v(" "),n("div",{staticClass:"button",on:{click:function(t){e.addTrack("rotation")}}},[e._v("Rotation")]),e._v(" "),n("div",{staticClass:"break"}),e._v(" "),n("div",{staticClass:"button",on:{click:function(t){e.addTrack("width")}}},[e._v("Width")]),e._v(" "),n("div",{staticClass:"button",on:{click:function(t){e.addTrack("height")}}},[e._v("Height")]),e._v(" "),n("div",{staticClass:"break"}),e._v(" "),n("div",{staticClass:"button",on:{click:function(t){e.addTrack("scaleX")}}},[e._v("Scale X")]),e._v(" "),n("div",{staticClass:"button",on:{click:function(t){e.addTrack("scaleY")}}},[e._v("Scale Y")])])])])],1),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){e.window.openWebsite("#HELP_TIMELINE")}}},[n("div",{staticClass:"icon"},[e._v("?")])])])],1)},o=[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"timed-actions"},[t("div",{staticClass:"legend-track-label",attrs:{title:"Timed Actions"}},[this._v("A")])])}];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"pi-view"}},[t("selection-pi"),this._v(" "),t("timed-action-pi"),this._v(" "),t("tween-pi")],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"live-view"}},[t("xp-section-title",[this._v("LIVE")]),this._v(" "),t("button",{on:{click:this.test}},[this._v("HeroGraphV2")]),this._v(" "),t("div",{ref:"scroller",staticClass:"scroller"},[t("div",{staticClass:"playhead-track"},[t("div",{staticClass:"playhead"},[t("svg",{staticStyle:{position:"absolute",top:"20px"}},[t("path",{attrs:{fill:"#59E0B1",d:"M0,0L10,0L5,6"}})])])])])],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{style:{display:e.heroNext?"block":"none"},attrs:{id:"next-view"}},[n("xp-section-title",[e._v("NEXT")]),e._v(" "),n("button",{on:{click:e.inspectInteractions}},[e._v("inspectInteractions")]),e._v(" "),n("button",{on:{click:e.addRandomTween}},[e._v("addRandomTween")]),e._v(" "),n("button",{on:{click:e.debugMetadata}},[e._v("debugMetadata")]),e._v(" "),n("button",{on:{click:e.debugHeroGraph}},[e._v("debugHeroGraph")]),e._v(" "),n("button",{on:{click:e.xray_translations}},[e._v("XRay: translationX")]),e._v(" "),n("button",{on:{click:e.addDemoElementWithTimeline}},[e._v("addDemoElementWithTimeline")])],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"web-properties-view"}},[n("div",{staticStyle:{position:"relative"},on:{click:function(t){e.isOpen=!e.isOpen}}},[n("xp-section-title",[e._v("WEB EXPORT")]),e._v(" "),n("div",{staticStyle:{position:"absolute",top:"24px",right:"6px"}},[e.isOpen?e._e():n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"5",viewBox:"0 0 10 6"}},[n("path",{attrs:{d:"M115.574,1361.383l5,6,5-6Z",transform:"translate(-115.574 -1361.383)",fill:"#959595"}})]),e._v(" "),e.isOpen?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"5",viewBox:"0 0 10 6"}},[n("path",{attrs:{d:"M115.574,1361.383l5,6,5-6Z",transform:"translate(125.574 1367.383) rotate(180)",fill:"#959595"}})]):e._e()])],1),e._v(" "),n("attributes-pi",{directives:[{name:"show",rawName:"v-show",value:e.isOpen&&e.validSelection,expression:"isOpen && validSelection"}]})],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"data-properties-view"}},[t("xp-section-title",[this._v("DATA")]),this._v(" "),t("attributes-pi",{directives:[{name:"show",rawName:"v-show",value:this.validSelection,expression:"validSelection"}]})],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"behaviors-view"}},[n("xp-section-title",[e._v("BEHAVIORS")]),e._v(" "),n("div",{staticStyle:{position:"relative"}},[n("xp-property-title",{attrs:{title:"Effects"}}),e._v(" "),n("div",{style:{marginTop:"6px",maxWidth:"100%",display:"flex",flexWrap:"wrap"}},[e._l(e.effects,function(t,i){return n("div",{key:i,staticStyle:{"margin-right":"4px"},on:{click:function(e){}}},[n("div",{staticClass:"pill"},[e._v(e._s(t.type)+" "),n("span",{staticClass:"remove",on:{click:function(n){e.removeEffect(t),n.stopPropagation()}}},[e._v("×")])])])}),e._v(" "),n("svg",{staticClass:"add-button",attrs:{xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 35 35"},on:{click:e.addEffect}},[n("g",{attrs:{transform:"translate(-309 -820)"}},[n("g",{attrs:{transform:"translate(309 820)",fill:"none"}},[n("path",{attrs:{d:"M17.5,0A17.5,17.5,0,1,1,0,17.5,17.5,17.5,0,0,1,17.5,0Z",stroke:"none"}}),n("path",{attrs:{d:"M 17.5 2 C 13.35980033874512 2 9.467409133911133 3.612279891967773 6.539850234985352 6.539850234985352 C 3.612279891967773 9.467409133911133 2 13.35980033874512 2 17.5 C 2 21.64019966125488 3.612279891967773 25.53258895874023 6.539850234985352 28.46014976501465 C 9.467409133911133 31.38772010803223 13.35980033874512 33 17.5 33 C 21.64019966125488 33 25.53258895874023 31.38772010803223 28.46014976501465 28.46014976501465 C 31.38772010803223 25.53258895874023 33 21.64019966125488 33 17.5 C 33 13.35980033874512 31.38772010803223 9.467409133911133 28.46014976501465 6.539850234985352 C 25.53258895874023 3.612279891967773 21.64019966125488 2 17.5 2 M 17.5 0 C 27.16497993469238 0 35 7.835020065307617 35 17.5 C 35 27.16497993469238 27.16497993469238 35 17.5 35 C 7.835020065307617 35 0 27.16497993469238 0 17.5 C 0 7.835020065307617 7.835020065307617 0 17.5 0 Z",stroke:"none",fill:"#4b4b4b"}})]),n("g",{attrs:{transform:"translate(197.715 -410.558) rotate(45)"}},[n("line",{attrs:{x2:"11.891",y2:"11.891",transform:"translate(967.5 785.5)",fill:"none",stroke:"#4b4b4b","stroke-width":"2"}}),n("line",{attrs:{x1:"11.891",y2:"11.891",transform:"translate(967.5 785.5)",fill:"none",stroke:"#4b4b4b","stroke-width":"2"}})])])])],2),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){e.window.openWebsite("#HELP_EFFECTS")}}},[n("div",{staticClass:"icon"},[e._v("?")])])],1),e._v(" "),n("div",{staticStyle:{position:"relative"}},[n("xp-property-title",{attrs:{title:"Actions / Scripts"}}),e._v(" "),n("div",{style:{marginTop:"6px",maxWidth:"100%",display:"flex",flexWrap:"wrap"}},[e._l(e.scripts,function(t,i){return n("div",{key:i,staticStyle:{"margin-right":"4px"},on:{click:function(n){e.openScriptDialog(t)}}},[n("div",{staticClass:"pill"},[e._v(e._s(t.slot.replace("script_",""))+" "),n("span",{staticClass:"remove",on:{click:function(n){e.removeScript(t),n.stopPropagation()}}},[e._v("×")])])])}),e._v(" "),n("svg",{staticClass:"add-button",attrs:{xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 35 35"},on:{click:e.openScriptDialog}},[n("g",{attrs:{transform:"translate(-309 -820)"}},[n("g",{attrs:{transform:"translate(309 820)",fill:"none"}},[n("path",{attrs:{d:"M17.5,0A17.5,17.5,0,1,1,0,17.5,17.5,17.5,0,0,1,17.5,0Z",stroke:"none"}}),n("path",{attrs:{d:"M 17.5 2 C 13.35980033874512 2 9.467409133911133 3.612279891967773 6.539850234985352 6.539850234985352 C 3.612279891967773 9.467409133911133 2 13.35980033874512 2 17.5 C 2 21.64019966125488 3.612279891967773 25.53258895874023 6.539850234985352 28.46014976501465 C 9.467409133911133 31.38772010803223 13.35980033874512 33 17.5 33 C 21.64019966125488 33 25.53258895874023 31.38772010803223 28.46014976501465 28.46014976501465 C 31.38772010803223 25.53258895874023 33 21.64019966125488 33 17.5 C 33 13.35980033874512 31.38772010803223 9.467409133911133 28.46014976501465 6.539850234985352 C 25.53258895874023 3.612279891967773 21.64019966125488 2 17.5 2 M 17.5 0 C 27.16497993469238 0 35 7.835020065307617 35 17.5 C 35 27.16497993469238 27.16497993469238 35 17.5 35 C 7.835020065307617 35 0 27.16497993469238 0 17.5 C 0 7.835020065307617 7.835020065307617 0 17.5 0 Z",stroke:"none",fill:"#4b4b4b"}})]),n("g",{attrs:{transform:"translate(197.715 -410.558) rotate(45)"}},[n("line",{attrs:{x2:"11.891",y2:"11.891",transform:"translate(967.5 785.5)",fill:"none",stroke:"#4b4b4b","stroke-width":"2"}}),n("line",{attrs:{x1:"11.891",y2:"11.891",transform:"translate(967.5 785.5)",fill:"none",stroke:"#4b4b4b","stroke-width":"2"}})])])])],2),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){e.window.openWebsite("#HELP_ACTIONS")}}},[n("div",{staticClass:"icon"},[e._v("?")])])],1)],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"templates--default-view"}},[t("xp-label",{staticClass:"label"},[this._v("TEMPLATES")]),this._v(" "),t("xp-template-selector",{staticClass:"template-list",attrs:{size:"xlarge",legacy:this.legacy,path:"files/Hero/xdtpl",folder:null},on:{select:this.on_tplList_select}})],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"learn--default-view"}},[n("xp-label",[e._v("LEARNING")]),e._v(" "),n("div",{staticClass:"cards"},[n("card",{attrs:{title:"Getting Started",brief:"Quick intro to Hero for XD",image:"assets/Hero/learning/card_image_default.jpg","image-over":""},on:{click:function(t){e.window.openWebsite("#GETTING_STARTED")}}}),e._v(" "),n("card",{attrs:{title:"More Tutorials",brief:"Master Effects, Timeline, Scripting...",image:"assets/Hero/learning/card_image_default.jpg","image-over":""},on:{click:function(t){e.window.openWebsite("#LEARN")}}})],1)],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"debug-view"}},[n("div",{staticStyle:{position:"relative","background-color":"purple"},on:{click:function(t){e.isOpen=!e.isOpen}}},[n("span",{staticStyle:{color:"white"}},[e._v("DEBUG")]),e._v(" "),n("div",{staticStyle:{position:"absolute",top:"4px",right:"6px"}},[e.isOpen?e._e():n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"5",viewBox:"0 0 10 6"}},[n("path",{attrs:{d:"M115.574,1361.383l5,6,5-6Z",transform:"translate(-115.574 -1361.383)",fill:"#959595"}})]),e._v(" "),e.isOpen?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"5",viewBox:"0 0 10 6"}},[n("path",{attrs:{d:"M115.574,1361.383l5,6,5-6Z",transform:"translate(125.574 1367.383) rotate(180)",fill:"#959595"}})]):e._e()])]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],staticStyle:{border:"1px solid purple",padding:"6px"}},[n("select",{on:{change:function(t){e.applyCoordinateHelper(t)}}},[n("option",{attrs:{value:"remove_helper"}},[e._v("Remove Helper")]),e._v(" "),n("option",{attrs:{value:""}},[e._v("---")]),e._v(" "),n("option",{attrs:{value:"coordinate_origin"}},[e._v("Coordinate Origin")]),e._v(" "),n("option",{attrs:{value:"local_bounds"}},[e._v("Local Bounds")]),e._v(" "),n("option",{attrs:{value:"bounds_in_parent"}},[e._v("Bounds In Parent")]),e._v(" "),n("option",{attrs:{value:"global_draw_bounds"}},[e._v("Global Draw Bounds")])]),e._v(" "),n("div",[e._v("https://trendspurt.atlassian.net/wiki/spaces/MJ/pages/284295185/Web+Export+Transformations")])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],attrs:{id:"notifications-view"}},[n("Card",{attrs:{meta:"FREE",title:"GET STARTERKIT FOR HERO",brief:"Get free projects, templates and assets to get started with Hero for XD...",image:"assets/Hero/notifications/default.jpg"},on:{click:function(t){e.window.openWebsite("#STARTERKIT")},close:e.closeCard}}),e._v(" "),n("Card",{attrs:{meta:"SEND US YOUR",title:"FEEDBACK",brief:"Send us your feature requests, bug reports or trainings request."},on:{click:function(t){e.window.openWebsite("#CONTACT")},close:e.closeCard}})],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[n("div",{staticStyle:{display:"flex","flex-direction":"row","justify-content":"space-between"}},[n("h1",[e._v("Setup Preview")]),e._v(" "),n("div",{staticClass:"btn",style:{backgroundImage:"url(./assets/Hero/ui/main_menu_icon_help.png)",backgroundSize:"contain",minWidth:"23px",minHeight:"23px",cursor:"pointer"},on:{click:function(t){e.window.openWebsite("#HELP_PREVIEW")}}})]),e._v(" "),n("hr",{staticClass:"hr"}),e._v(" "),n("div",{staticClass:"content"},[1==e.currentStep?n("div",[n("div",{staticClass:"text"},[e._v("To preview your compositions in the browser the files have to be saved.")]),e._v(" "),n("div",{staticClass:"headline",staticStyle:{margin:"24px 0 10px 0"}},[e._v("Preview folder:")]),e._v(" "),n("div",{staticStyle:{display:"flex"}},[n("select",{ref:"folderTypeSelect",staticStyle:{"margin-left":"0"},on:{change:function(t){e.folderType=t.currentTarget.value,e.setPreviewFolder(t.currentTarget.value)}}},[n("option",{attrs:{value:"default",selected:""}},[e._v("XD Default Folder")]),e._v(" "),n("option",{attrs:{value:"other"}},[e._v("Select Folder")])]),e._v(" "),"other"==e.folderType?n("div",{staticStyle:{display:"flex"}},[n("input",{staticStyle:{flex:"0 0 300px"},attrs:{type:"text",disabled:""},domProps:{value:e.data.heroApp.previewFolder&&e.data.heroApp.previewFolder.nativePath}})]):e._e()])]):e._e(),e._v(" "),2==e.currentStep?n("div",[n("div",{staticClass:"headline"},[e._v("Open this preview URL in the browser:")]),e._v(" "),n("div",{staticClass:"url",on:{click:e.copyURL}},[e._v(e._s(e.previewURL))]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:"initial"==e.copyStatus,expression:"copyStatus == 'initial'"}],staticClass:"btn-copy",on:{click:e.copyURL}},[e._v("Copy URL to clipboard")]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:"success"==e.copyStatus,expression:"copyStatus == 'success'"}],staticClass:"confirmation"},[n("icon",[e._v("✓")]),e._v(" URL copied to clipboard")],1),e._v(" "),n("div",{staticClass:"text",staticStyle:{"margin-top":"20px","font-weight":"bold"}},[e._v("\n        Instructions\n      ")]),e._v(" "),n("div",{staticClass:"text",staticStyle:{"margin-top":"10px"}},[e._v("\n        Copy and open the preview URL in your browser to see the live preview. \n        Keep the browser window open. The preview will update automatically every time you click 'preview'.\n      ")])]):e._e()]),e._v(" "),n("footer",[n("button",{attrs:{"uxp-variant":"primary","uxp-quiet":"true"},on:{click:e.cancel}},[e._v("Cancel")]),e._v(" "),1==e.currentStep?n("button",{attrs:{"uxp-variant":"cta"},on:{click:e.startPreview}},[e._v("Start Preview")]):e._e(),e._v(" "),2==e.currentStep?n("button",{attrs:{"uxp-variant":"cta"},on:{click:function(t){e.closeDialog(!0)}}},[e._v("Done")]):e._e()])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[e._m(0),e._v(" "),n("hr",{staticClass:"hr"}),e._v(" "),n("div",{staticClass:"content"},[n("div",{staticClass:"text",staticStyle:{"margin-bottom":"10px"}},[e._v("Ooops. There is nothing to preview/export yet.")]),e._v(" "),n("div",{staticClass:"text"},[e._v("Create one or more Hero scenes and preview/export again.")]),e._v(" "),n("div",[n("img",{staticStyle:{"margin-top":"20px","margin-bottom":"4px"},attrs:{src:"./assets/Hero/ui/NothingToPreview.gif",width:"300",height:"161"}}),e._v(" "),n("div",{staticStyle:{"font-style":"italic","margin-bottom":"20px"}},[e._v("How to create a Hero scene")])])]),e._v(" "),n("footer",[n("button",{attrs:{"uxp-variant":"cta"},on:{click:e.closeDialog}},[e._v("Got it")])])])},o=[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticStyle:{display:"flex","flex-direction":"row","justify-content":"space-between"}},[t("h1",[this._v("Nothing to preview/export...")])])}];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[n("h1",[e._v("Upgrade")]),e._v(" "),n("hr",{staticClass:"hr"}),e._v(" "),n("div",{staticClass:"content"},[1==e.currentStep?n("div",[n("div",{staticClass:"text"},[e._v("Upgrade to Hero Pro")]),e._v(" "),n("div",{staticClass:"text"},[e._v("ID: "+e._s(e.data.id))])]):e._e(),e._v(" "),2==e.currentStep?n("div"):e._e()]),e._v(" "),n("footer",[n("button",{attrs:{"uxp-variant":"cta"},on:{click:e.on_close_click}},[e._v("Close")])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[n("h1",[e._v("Export Project")]),e._v(" "),n("hr",{staticClass:"hr"}),e._v(" "),n("div",{staticClass:"content"},[1==e.currentStep?n("div",[n("div",{staticClass:"text"},[e._v("Export project for web. This will export production-ready HTML, CSS, SVG and JavaScript files to the folder you choose.")]),e._v(" "),n("br"),e._v(" "),n("div",{staticClass:"headline"},[e._v("Please choose output folder:")]),e._v(" "),n("div",{staticStyle:{display:"flex","align-items":"center"}},[n("input",{staticStyle:{flex:"1 0 300px","margin-left":"0"},attrs:{type:"text",disabled:""},domProps:{value:e.data.heroApp.exportFolder&&e.data.heroApp.exportFolder.nativePath}}),e._v(" "),n("button",{on:{click:e.selectExportFolder}},[e._v("Select output folder")])]),e._v(" "),n("br"),e._v(" "),n("br"),e._v(" "),n("br"),e._v(" "),n("div",{staticClass:"text"},[e._v("\n        Additional export options are coming soon.\n      ")])]):e._e(),e._v(" "),2==e.currentStep?n("div",[n("div",{staticStyle:{"margin-top":"20px",display:"flex","justify-content":"center"}},[n("img",{staticStyle:{"margin-top":"0px","margin-bottom":"4px"},attrs:{src:"./assets/Hero/ui/export_done.png",width:"177",height:"201"}})])]):e._e()]),e._v(" "),n("footer",[1==e.currentStep?n("button",{on:{click:e.on_close_click}},[e._v("Cancel")]):e._e(),e._v(" "),1==e.currentStep?n("button",{attrs:{"uxp-variant":"cta",disabled:!e.data.heroApp.exportFolder},on:{click:e.startExport}},[e._v("Start Export")]):e._e(),e._v(" "),2==e.currentStep?n("button",{attrs:{"uxp-variant":"cta"},on:{click:e.on_close_click}},[e._v("Close")]):e._e()])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[n("h1",[e._v("Export Warnings")]),e._v(" "),n("hr",{staticClass:"hr"}),e._v(" "),n("div",{staticClass:"content"},[1==e.currentStep?n("div",[n("div",{staticClass:"text",staticStyle:{"margin-bottom":"20px"}},[e._v(e._s(e.data.warnings.length)+" element(s) in your composition might not be rendered correctly:")]),e._v(" "),e._l(e.data.warnings,function(t,i){return n("div",{key:i,staticClass:"warning"},["UNSUPPORTED_ROTATION"===t.code?n("div",{staticClass:"warning-text"},[n("span",{staticStyle:{color:"red"}},[e._v("•")]),e._v(" Unsupported rotation of "+e._s(t.entry.type)+" element (Element: "+e._s(t.entry.node.name.length>10?t.entry.node.name.substr(0,10)+"…":t.entry.node.name)+")\n          "),n("a",{attrs:{title:"Locate Element"},on:{click:function(n){e.locate(t.entry.node)}}},[e._v("🔍")])]):e._e()])}),e._v(" "),n("div",{staticStyle:{"margin-top":"30px"}},[e._v("\n        Fix this issue by setting the export type of the affected element to PNG, JPG or SVG. You find this option in the Hero panel under EXPORT TYPE next to the LAYER NAME.\n        ")])],2):e._e(),e._v(" "),2==e.currentStep?n("div"):e._e()]),e._v(" "),n("footer",{staticStyle:{display:"flex","justify-content":"space-between"}},[n("label",{staticClass:"row"},[n("input",{ref:"suppressCheckbox",attrs:{type:"checkbox"},on:{change:function(t){e.on_suppressWarningsCheckbox_change(t)}}}),e._v(" "),n("span",[e._v("Don't show warnings again during this session")])]),e._v(" "),n("button",{attrs:{"uxp-variant":"cta",focus:""},on:{click:e.on_close_click}},[e._v("Close")])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"card",class:e.type,on:{click:function(t){e.$emit("click")}}},[e.image?n("div",{staticClass:"image",style:{backgroundImage:"url("+e.image+")"}}):e._e(),e._v(" "),e.image?n("div",{staticClass:"image-over",style:{backgroundImage:"url("+(e.image&&e.image.replace(".jpg","_over.jpg"))+")"}}):e._e(),e._v(" "),n("div",{staticClass:"title"},[e._v(e._s(e.title))]),e._v(" "),n("div",{staticClass:"brief"},[e._v(e._s(e.brief))])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticStyle:{position:"relative",display:"flex"}},[n("select",{ref:"select",attrs:{title:"Export as..."},on:{change:function(t){e.setType(t.currentTarget.value)}}},[n("option",{attrs:{selected:"",value:"default"}},[e._v("Default")]),e._v(" "),n("option",{attrs:{value:"png"}},[e._v("as PNG")]),e._v(" "),n("option",{attrs:{value:"jpg"}},[e._v("as JPG")]),e._v(" "),n("option",{attrs:{value:"svg"}},[e._v("as SVG")])]),e._v(" "),n("label",{directives:[{name:"show",rawName:"v-show",value:-1!=["png","jpg"].indexOf(e.exportType),expression:"['png', 'jpg'].indexOf(exportType) != -1"}],staticClass:"row field",staticStyle:{"align-items":"center"},attrs:{title:"Export scale factor during export (Retina: 2)"}},[n("span",{staticStyle:{"margin-right":"0","padding-right":"0"}},[e._v("S")]),e._v(" "),n("input",{ref:"scaleInput",staticStyle:{"max-width":"15px","margin-left":"4px"},attrs:{type:"text","uxp-quiet":"true",value:"2"},on:{change:function(t){e.setScale(t.currentTarget.value)}}})]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){e.window.openWebsite("#HELP_EXPORT_AS")}}},[n("div",{staticClass:"icon"},[e._v("?")])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"timeline--top-controls"}},[n("div",{staticStyle:{display:"flex"}},[n("div",{staticStyle:{display:"flex",flex:"1 1 100px","justify-content":"flex-start"}},[n("img",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.currentScene&&1==e.XDC.selection.items.length&&"Artboard"!=e.XDC.selection.items[0].constructor.name,expression:"heroApp.currentScene && XDC.selection.items.length == 1 && XDC.selection.items[0].constructor.name != 'Artboard'"}],staticClass:"icon-btn",staticStyle:{width:"auto"},attrs:{src:"./assets/Hero/ui/icon_timeline_add_element.png",title:"Add element to timeline"},on:{click:e.addHero}}),e._v(" "),n("img",{directives:[{name:"show",rawName:"v-show",value:-1!=["timedAction","tween"].indexOf(e.heroApp.currentSelection.type),expression:"['timedAction', 'tween'].indexOf(heroApp.currentSelection.type) != -1"}],staticClass:"icon-btn",attrs:{src:"./assets/Hero/ui/icon_timeline_delete.png",title:"Delete selected timeline element"},on:{click:e.deleteSelection}})]),e._v(" "),n("div",{staticStyle:{display:"flex",flex:"1 1 100px","justify-content":"flex-end"}},[n("img",{staticClass:"icon-btn",attrs:{src:"./assets/Hero/ui/icon_greyHelp.png",title:"Timeline Help"},on:{click:function(t){e.window.openWebsite("#HELP_TIMELINE")}}}),e._v(" "),n("img",{staticClass:"icon-btn",attrs:{src:"./assets/Hero/ui/icon_timeline_zoomout.png",title:"Zoom out"},on:{click:function(t){e.zoom(!0)}}}),e._v(" "),n("img",{staticClass:"icon-btn",attrs:{src:"./assets/Hero/ui/icon_timeline_zoomin.png",title:"Zoom in"},on:{click:function(t){e.zoom(!1)}}})])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement;this._self._c;return this._m(0)},o=[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"h-scroller"}},[t("div",{staticClass:"h-scroller--track",attrs:{title:"Scroll in time"}},[t("div",{staticClass:"h-scroller--thumb"})])])}];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"playhead-track"}},[n("div",{staticClass:"content",style:{left:e.heroApp.ui.timelineScrollLeft+"px"}},[n("div",{staticClass:"time-labels-wrapper"},[n("div",{staticClass:"time-labels"},e._l(200,function(t){return n("div",{key:t,staticClass:"time-label",style:{flex:"0 0 "+e.heroApp.ui.sPx+"px"}},[e._v(e._s(t-1)+"s")])}),0)]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.flags.NEXT,expression:"flags.NEXT"}],staticClass:"playhead-container"},[n("div",{staticClass:"playhead"},[n("svg",{staticStyle:{position:"absolute",top:"16px",width:"10px",height:"6px"}},[n("path",{attrs:{fill:"#59E0B1",d:"M0,0L10,0L5,6"}})])])])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.heroApp.currentScene?n("div",{attrs:{id:"timed-actions-track"}},[n("div",{staticClass:"timed-actions-track--track",attrs:{title:"Timed Actions: Double-click to add action"}},e._l(e.heroApp.currentScene.timedActions,function(t,i){return n("div",{key:i,staticClass:"timed-action",class:{highlight:e.heroApp.currentSelection.type&&e.heroApp.currentSelection.heroObject.id==t.id},attrs:{"data-timed-action-id":t.id}},["stop"==t.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 28 28"}},[n("rect",{attrs:{width:"3",height:"12",transform:"translate(9 9)",fill:"#fff"}}),e._v(" "),n("rect",{attrs:{width:"3",height:"12",transform:"translate(16 9)",fill:"#fff"}})]):e._e()])}),0)]):e._e()},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"show",rawName:"v-show",value:"timedAction"==e.heroApp.currentSelection.type,expression:"heroApp.currentSelection.type == 'timedAction'"}],attrs:{id:"timed-actions-pi"}},[n("xp-section-title",[e._v("TIMED ACTION")]),e._v(" "),n("div",{staticClass:"properties"},[n("select",{ref:"typeSelect",on:{change:function(t){e.set("type",t.currentTarget.value)}}},[n("option",{attrs:{value:"stop"}},[e._v("stop")]),e._v(" "),n("option",{attrs:{value:"custom_script"}},[e._v("custom script")])]),e._v(" "),e.heroApp.currentSelection.type&&"custom_script"==e.heroApp.currentSelection.heroObject.type?n("div",[n("textarea",{ref:"scriptTextarea",staticClass:"custom-script-textarea",on:{change:function(t){e.set("script",t.currentTarget.value)}}})]):e._e()])],1)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return"tween"==e.heroApp.currentSelection.type?n("div",{attrs:{id:"tween-pi"}},[n("xp-section-title",[e._v("TWEEN")]),e._v(" "),n("div",{staticClass:"properties"},[n("div",{staticClass:"start-end-split"},[e.heroApp.currentSelection.heroObject.isFirst()?n("div",{staticClass:"column"},[n("div",{staticClass:"label"},[e._v("Start Value:")]),e._v(" "),n("input",{attrs:{type:"text"},domProps:{value:e.heroApp.currentSelection.heroObject.startValue},on:{change:function(t){e.heroApp.currentSelection.heroObject.set("startValue",t.currentTarget.value)}}})]):e._e(),e._v(" "),n("div",{staticClass:"column"},[n("div",{staticClass:"label"},[e._v("End Value:")]),e._v(" "),n("input",{attrs:{type:"text"},domProps:{value:e.heroApp.currentSelection.heroObject.endValue},on:{change:function(t){e.heroApp.currentSelection.heroObject.set("endValue",t.currentTarget.value)}}})]),e._v(" "),n("div",{staticClass:"column"},[n("div",{staticClass:"label"},[e._v("Easing:")]),e._v(" "),n("select",{ref:"easingSelect",on:{change:function(t){e.heroApp.currentSelection.heroObject.set("easing",t.currentTarget.value)}}},[n("option",{attrs:{value:"'linear'"}},[e._v("Linear")]),e._v(" "),n("option",{attrs:{value:"Back.easeIn"}},[e._v("Back In")]),e._v(" "),n("option",{attrs:{value:"Back.easeOut"}},[e._v("Back Out")]),e._v(" "),n("option",{attrs:{value:"Expo.easeIn"}},[e._v("Expo In")]),e._v(" "),n("option",{attrs:{value:"Expo.easeOut"}},[e._v("Expo Out")]),e._v(" "),n("option",{attrs:{value:"Expo.easeInOut"}},[e._v("Expo In/Out")]),e._v(" "),n("option",{attrs:{value:"Power4.easeIn"}},[e._v("Power4 In")]),e._v(" "),n("option",{attrs:{value:"Power4.easeOut"}},[e._v("Power4 Out")]),e._v(" "),n("option",{attrs:{value:"Power4.easeInOut"}},[e._v("Power4 In/Out")]),e._v(" "),n("option",{attrs:{value:"Sine.easeOut"}},[e._v("Sine Out")]),e._v(" "),n("option",{attrs:{value:"Sine.easeInOut"}},[e._v("Sine In/Out")]),e._v(" "),n("option",{attrs:{value:"Bounce.easeOut"}},[e._v("Bounce Out")])])])])])],1):e._e()},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this.$createElement;return(this._self._c||e)("div",{attrs:{id:"selection-pi"}})},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticStyle:{position:"relative"},attrs:{id:"web-properties--attributes"}},[n("xp-property-title",{attrs:{title:"Attributes"}},[n("svg",{staticStyle:{cursor:"pointer","margin-right":"6px"},attrs:{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 21 21"},on:{click:e.addRecord}},[n("path",{attrs:{d:"M9.5,21V11.5H0v-2H9.5V0h2V9.5H21v2H11.5V21Z",fill:"#666"}})])]),e._v(" "),e._l(e.records,function(t,i){return n("div",{key:i,staticStyle:{display:"flex","margin-bottom":"2px"}},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.records[i].name,expression:"records[index].name"}],staticClass:"input-name",staticStyle:{flex:"1 1 10%","min-width":"50px",margin:"0","margin-left":"0 !important","padding-left":"0 !important"},attrs:{placeholder:"Name",type:"text"},domProps:{value:e.records[i].name},on:{change:e.propagate,focus:e.on_input_focus,blur:e.on_input_focus,input:function(t){t.target.composing||e.$set(e.records[i],"name",t.target.value)}}}),e._v(" "),n("div",{staticStyle:{flex:"0 0 14px","max-width":"14px",margin:"0","padding-top":"5px","text-align":"center"}},[e._v("=")]),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.records[i].value,expression:"records[index].value"}],staticClass:"input-value",staticStyle:{flex:"1 1 10%","min-width":"50px",margin:"0","margin-left":"0 !important","padding-left":"0 !important"},attrs:{placeholder:"Value",type:"text"},domProps:{value:e.records[i].value},on:{change:e.propagate,focus:e.on_input_focus,blur:e.on_input_focus,input:function(t){t.target.composing||e.$set(e.records[i],"value",t.target.value)}}})])}),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.heroApp.isInPlaceHelp,expression:"heroApp.isInPlaceHelp"}],staticClass:"in-place-help",on:{click:function(t){e.window.openWebsite("#HELP_WEB_ATTRIBUTES")}}},[n("div",{staticClass:"icon"},[e._v("?")])])],2)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"data-properties--attributes"}},[n("xp-property-title",{attrs:{title:"Data"}},[n("svg",{staticStyle:{cursor:"pointer"},attrs:{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 21 21"},on:{click:e.addRecord}},[n("path",{attrs:{d:"M9.5,21V11.5H0v-2H9.5V0h2V9.5H21v2H11.5V21Z",fill:"#666"}})])]),e._v(" "),e._l(e.records,function(t,i){return n("div",{key:i,staticStyle:{display:"flex","margin-bottom":"2px"}},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.records[i].name,expression:"records[index].name"}],staticClass:"input-name",staticStyle:{flex:"1 1 10%","min-width":"50px",margin:"0","margin-left":"0 !important","padding-left":"0 !important"},attrs:{placeholder:"Name",type:"text"},domProps:{value:e.records[i].name},on:{change:e.propagate,focus:e.on_input_focus,blur:e.on_input_focus,input:function(t){t.target.composing||e.$set(e.records[i],"name",t.target.value)}}}),e._v(" "),n("div",{staticStyle:{flex:"0 0 14px","max-width":"14px",margin:"0","padding-top":"5px","text-align":"center"}},[e._v("=")]),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.records[i].value,expression:"records[index].value"}],staticClass:"input-value",staticStyle:{flex:"1 1 10%","min-width":"50px",margin:"0","margin-left":"0 !important","padding-left":"0 !important"},attrs:{placeholder:"Value",type:"text"},domProps:{value:e.records[i].value},on:{change:e.propagate,focus:e.on_input_focus,blur:e.on_input_focus,input:function(t){t.target.composing||e.$set(e.records[i],"value",t.target.value)}}})])})],2)},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[n("h1",[e._v("Apply effect")]),e._v(" "),n("hr",{staticClass:"hr"}),e._v(" "),n("div",{staticClass:"content"},[n("div",{staticClass:"step1"},[n("div",{staticClass:"item-list"},[e._l(e.items,function(t,i){return n("div",{key:i,staticClass:"item",on:{click:function(n){e.on_item_click(n.currentTarget,t)}}},[n("img",{staticClass:"thumbnail",attrs:{src:t.preview}}),e._v(" "),n("div",{staticClass:"title"},[e._v(e._s(t.title))])])}),e._v(" "),n("div",{staticStyle:{"min-width":"100%","border-top":"1px solid #EEE","text-align":"center","margin-top":"10px",padding:"20px","font-size":"12px",color:"#666"}},[e._v("\n          More effects coming soon\n        ")])],2),e._v(" "),n("div",{staticClass:"item-details"},[e.selectedItem?e._e():n("div",{staticClass:"learn-more"},[n("div",{staticClass:"text"},[e._v("\n            Learn more about\n            "),n("div",{staticStyle:{height:"6px"}}),e._v("\n            the Hero effect system\n            "),n("div",{staticStyle:{height:"10px"}}),e._v(" "),n("div",{staticStyle:{"text-align":"center"}},[n("button",{attrs:{"uxp-variant":"cta"},on:{click:function(t){e.window.openWebsite("#HELP_EFFECTS")}}},[e._v("Effect Guide")])])])]),e._v(" "),e.selectedItem?n("div",{staticClass:"details-wrapper"},[n("div",{staticClass:"scrollable"},[n("div",{staticClass:"title"},[e._v(e._s(e.selectedItem.title))]),e._v(" "),n("div",{staticClass:"brief"},[e._v(e._s(e.selectedItem.brief))]),e._v(" "),n("div",{staticClass:"section-title"},[e._v("DESCRIPTION")]),e._v(" "),n("div",{staticClass:"description",domProps:{innerHTML:e._s(e.selectedItem.description)}}),e._v(" "),n("button",{staticStyle:{width:"160px !important"},attrs:{"uxp-variant":"cta"},on:{click:function(t){e.window.openWebsite("#HELP_EFFECTS")}}},[e._v("How to use this Effect")]),e._v(" "),n("div",{staticClass:"section-title"},[e._v("OPTIONS")]),e._v(" "),e._l(e.selectedItem.options,function(t,i){return n("div",{key:i,staticClass:"option"},[n("div",{staticClass:"option-col"},[e._v(e._s(t.option))]),e._v(" "),n("div",{staticClass:"brief-col"},[e._v(e._s(t.brief))])])}),e._v(" "),n("div",{staticStyle:{height:"10px"}}),e._v(" "),n("div",{staticClass:"section-title"},[e._v("HOW TO USE OPTIONS")]),e._v(" "),n("div",[e._v("\n              You can set effect options in the section "),n("nobr",[e._v("WEB EXPORT ▶ ATTRIBUTES.")]),e._v("\n              Each effect will be added as an attribute. The attribute value contains all options in the following format:\n              "),n("br"),e._v(" "),n("nobr",{staticStyle:{color:"#333"}},[e._v('{trigger: "click", duration: 1000, yoyo: true}')]),n("br")],1),e._v(" "),n("div",{staticStyle:{"margin-top":"4px","margin-bottom":"20px","font-style":"italic"}},[e._v("The next version will provide a more intuitive UI for setting options.")])],2)]):e._e()])])]),e._v(" "),n("footer",[n("button",{staticStyle:{width:"0",height:"0"},attrs:{"uxp-variant":"primary","uxp-quiet":"true"},on:{click:e.cancel}},[e._v("FAKE")]),e._v(" "),n("button",{attrs:{"uxp-variant":"primary","uxp-quiet":"true"},on:{click:e.cancel}},[e._v("Cancel")]),e._v(" "),n("button",{attrs:{disabled:!e.selectedElement,"uxp-variant":"cta"},on:{click:e.applyEffect}},[e._v("Apply Effect")])])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog"},[n("div",{staticStyle:{display:"flex","flex-direction":"row","justify-content":"space-between"}},[e._m(0),e._v(" "),n("div",{staticClass:"btn",style:{backgroundImage:"url(./assets/Hero/ui/main_menu_icon_help.png)",backgroundSize:"contain",minWidth:"23px",minHeight:"23px",cursor:"pointer"},on:{click:function(t){e.window.openWebsite("#HELP_ACTIONS")}}})]),e._v(" "),n("hr",{staticClass:"hr",staticStyle:{"margin-bottom":"18px"}}),e._v(" "),n("div",{staticClass:"content"},[n("div",{staticClass:"row",staticStyle:{display:"flex","flex-direction":"row","justify-content":"space-between"}},[n("div",[n("label",[e._v("Trigger:")]),n("br"),e._v(" "),n("select",{ref:"slotSelect",staticStyle:{"margin-left":"0","min-width":"200px"}},["script_load"!=e.data.slot&&this.data.scripts.find(function(e){return"script_load"==e.slot})?e._e():n("option",{attrs:{value:"script_load"}},[e._v("On load")]),e._v(" "),"script_click"!=e.data.slot&&this.data.scripts.find(function(e){return"script_click"==e.slot})?e._e():n("option",{attrs:{value:"script_click"}},[e._v("On click")]),e._v(" "),"script_toggle"!=e.data.slot&&this.data.scripts.find(function(e){return"script_toggle"==e.slot})?e._e():n("option",{attrs:{value:"script_toggle"}},[e._v("On toggle")]),e._v(" "),"script_hover"!=e.data.slot&&this.data.scripts.find(function(e){return"script_hover"==e.slot})?e._e():n("option",{attrs:{value:"script_hover"}},[e._v("On hover")]),e._v(" "),"script_mouseenter"!=e.data.slot&&this.data.scripts.find(function(e){return"script_mouseenter"==e.slot})?e._e():n("option",{attrs:{value:"script_mouseenter"}},[e._v("On mouse enter")]),e._v(" "),"script_mouseleave"!=e.data.slot&&this.data.scripts.find(function(e){return"script_mouseleave"==e.slot})?e._e():n("option",{attrs:{value:"script_mouseleave"}},[e._v("On mouse leave")])])]),e._v(" "),n("div",[n("select",{ref:"snippetSelect",staticStyle:{"margin-bottom":"0","min-width":"330px"},on:{change:e.snippetApply}},[n("option",{attrs:{value:"",selected:""}},[e._v("Add snippet...")]),e._v(" "),e._l(e.snippets,function(t,i){return n("option",{key:i,domProps:{value:i}},[e._v(e._s(t.label))])})],2)])]),e._v(" "),n("div",{staticStyle:{"margin-top":"20px"}},[e._m(1),e._v(" "),n("textarea",{ref:"codeArea",staticClass:"code-area",staticStyle:{"margin-top":"-4px"}})])]),e._v(" "),n("footer",[n("button",{attrs:{"uxp-variant":"primary","uxp-quiet":"true"},on:{click:e.on_cancel_click}},[e._v("Cancel")]),e._v(" "),n("button",{attrs:{"uxp-variant":"cta"},on:{click:e.on_apply_click}},[e._v("Apply")])])])},o=[function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("h1",{staticStyle:{"margin-bottom":"4px"}},[this._v("Script")]),this._v(" "),t("div",{staticStyle:{"margin-left":"6px"}},[this._v("Add scripts that will be executed in the browser when a specific event is triggered by the selected element.")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("label",[this._v("Script (JavaScript, jQuery, GSAP):")])])}];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"card",class:e.type,on:{click:function(t){e.$emit("click")}}},[e.image?n("div",{staticClass:"image",style:{backgroundImage:"url("+e.image+")"}}):e._e(),e._v(" "),e.image?n("div",{staticClass:"image-over",style:{backgroundImage:"url("+(e.image&&e.image.replace(".jpg","_over.jpg"))+")"}}):e._e(),e._v(" "),n("div",{staticClass:"title"},[e._v(e._s(e.title))]),e._v(" "),n("div",{staticClass:"brief"},[e._v(e._s(e.brief))])])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"notification-card",class:{type:e.type,"with-image":!!e.image}},[n("div",{staticClass:"content",on:{click:function(t){e.$emit("click")}}},[n("div",{staticClass:"meta"},[e._v(e._s(e.meta))]),e._v(" "),n("div",{staticClass:"title"},[e._v(e._s(e.title))]),e._v(" "),n("div",{staticClass:"brief"},[e._v(e._s(e.brief))])]),e._v(" "),e.image?n("div",{staticClass:"image",style:{backgroundImage:"url("+e.image+")"}}):e._e(),e._v(" "),n("img",{staticClass:"close",attrs:{src:"assets/Hero/notifications/close.png"},on:{click:function(t){t.stopPropagation(),e.$emit("close",e.$el)}}})])},o=[];i._withStripped=!0,n.d(t,"a",function(){return i}),n.d(t,"b",function(){return o})},,function(e,t){e.exports=require("clipboard")},function(e,t,n){"use strict";var i=n(151),o=n(10),a=(n(213),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/panels/DefaultPanelShell.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(153),o=n(13),a=(n(215),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpPanelTitle.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(154),o=n(16),a=(n(217),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpList.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(155),o=n(19),a=(n(219),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpTemplateList.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(156),o=n(22),a=(n(221),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpTemplateSelector.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(157),o=n(25),a=(n(223),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpViewTitle.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(158),o=n(28),a=(n(225),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpSectionTitle.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(159),o=n(31),a=(n(227),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpLabel.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(160),o=n(34),a=(n(229),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpPropertyTitle.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(161),o=n(37),a=(n(231),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="shell/src/ui/components/XpColorPicker.vue",t.default=r.exports},function(e,t,n){"use strict";var i=n(152),o=n(40),a=(n(345),n(0)),r=Object(a.a)(o.default,i.a,i.b,!1,null,null,null);r.options.__file="src/modules/Hero/ui/panels/DefaultPanel.vue",t.default=r.exports},function(e,t,n){e.exports=n(348)},function(e,t,n){"use strict";var i=n(12);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"/**\n * In-place Help (overlay)\n */\n.in-place-help {\n  position: absolute;\n  top: -2px;\n  right: -2px;\n  bottom: -2px;\n  left: -2px;\n  background-color: rgba(255, 3, 75, 0.75);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid white;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.in-place-help:hover {\n    background-color: rgba(33, 39, 40, 0.8);\n}\n.in-place-help .icon {\n    color: white;\n    font-weight: bold;\n    font-size: 16px;\n}\nhtml {\n  height: 100% !important;\n  width: 100% !important;\n}\nbody {\n  width: 100% !important;\n  height: 100% !important;\n}\n*, body {\n  font-size: 11px;\n  color: #9F9F9F;\n}\n#app {\n  width: 100%;\n  overflow: auto;\n}\n.dreamcatcher {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0);\n  opacity: 0;\n}\n.express-font {\n  font-size: 10px;\n  color: #9F9F9F;\n}\n.express-font.title {\n    font-weight: bold;\n}\n.express-font.description {\n    font-weight: normal;\n    font-size: 10px;\n    opacity: 0.7;\n}\n",""])},function(e,t,n){"use strict";var i=n(15);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,'.xp-panel-title {\n  margin-bottom: 0px;\n  width: 100%;\n  display: flex;\n}\n.xp-panel-title .title-wrapper {\n    flex: 1 1 auto;\n}\n.xp-panel-title .title-wrapper .img {\n      height: 22px;\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: left;\n}\n.xp-panel-title .title-wrapper .title {\n      margin-top: 3px;\n      font-size: 12px;\n      font-weight: bold;\n      color: #505050;\n}\n.xp-panel-title .help-icon {\n    flex: 0 0 16px;\n    margin-top: 3px;\n    width: 16px;\n    height: 16px;\n    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA0NJREFUSA2tV71rWlEUvxoV8siWEpcETAYxpEKXIF0KJt1SQQt2Dv4BAddmDcXZpUsS6KYV/Eg6VgJdGsmSDgbrkkAyFJNChvCERLDnd3vv4/r0fdkeeJ5zz8f9vfPOefcdfcwlpdPpF+Qa9fl8i8PhUCN5SYRek04n3Q3xn7Va7YebLX12TtlsdnYwGGzSppvkBzA3pNMNNAOBQLNSqfStAiyBM5nMSwJ8R4FuAc0YOik+1ev1c7MB65lJSnqsAHxLV3CS3aUOseuxWEzrdDptc8wYMIFuk9Mrs+M/rFdWV1fnCXyk9iPAItP/CSrvd8mcuVFjUdNt6WnFNU1jyWSSJRIJw6XVarGzszPW6/UMnYXwUdacA6N7n56ePpCzbSMBMJfLsbm5ubF9Hx4e2OHhITs5ORmzKQo9GAy+R7f7oXx8fHxNzBYUGe7s7BigV1dXrFwuM3AQbgb2tbU1vrb40QQW48D03uE9tSVkKgmA+XyelUolzrGWlEqlpDiRE9YGDH5xIs1O9BJK1HVhYYGvdF3ngKr/6empsXTIGH4aMJFx1IiyEAAmH+nx8fGY1/LysqG7u7szZBshGiCjPHNt/Bjb3d3lWcsbkM6RSIQ3nFwfHR1J0Y4vAXjezkPa1Kylztzl6GiHrpahs66BZYTkqCW6WBIAi8WiXDpxnrGT00S7CoquRod7ITTXby8B8EVdZZe3223PoLTFzVTA6o3iuJyC9Bk6vNHVK16C7+/vGR0E7PLykuH1ouPWSzh8z9FcXbocTy54q+S1pmosyV2/+FpYjiimAGOJrt7a2mI41TxSH5jImNGI06RH98btBmiuvb097h6Px1mhUHAbyrHgjOZioVDoKzHXWatHpCpjLwfqC6y/M9fFxcWAmuwXBa07BHIzjs1wOMxwmh0cHLDb21s3YfDZr1arNxB8+JEkRh/PjSbj7TiV80uj0TC+MCMzF6ZByvwZbeDqw2EHZLJ9J9DPqm4EGAYCP8dgRqKnd1vdVJVFpiOgsI8BQykyRy2e0zXtbI1m3adMvxEfo5Eam60YAjEjidHIdkpRYvt4PdG9U/2FUTbiohiRMK2g/ijFIjfQgU8cf1eu6erK8VXYLNkfm8spmZ+eji4AAAAASUVORK5CYII=");\n    background-size: contain;\n    opacity: 0.5;\n}\n.xp-panel-title .help-icon:hover {\n      opacity: 1;\n}\n',""])},function(e,t,n){"use strict";var i=n(18);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".xp-list {\n  overflow: auto;\n  min-height: 30px;\n  height: auto;\n}\n.xp-list .xp-list-content {\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n}\n.xp-list .xp-list-content .item {\n      position: relative;\n      display: flex;\n      align-items: center;\n      padding: 4px 2px;\n      background-color: white;\n      border-radius: 3px;\n      border: 1px solid #EDEFF0;\n      width: 50%;\n      flex: 1 0 auto;\n}\n.xp-list .xp-list-content .item:hover {\n        border: 1px solid #ACCEEF;\n}\n.xp-list .xp-list-content .item.xsmall {\n        padding: 0px 0px;\n}\n.xp-list .xp-list-content .item.xsmall .preview {\n          flex: 0 0 20px;\n}\n.xp-list .xp-list-content .item.xsmall .preview .icon {\n            width: 20px;\n            height: 20px;\n}\n@media (max-width: 320px) {\n.xp-list .xp-list-content .item.xsmall {\n            width: 100%;\n}\n}\n.xp-list .xp-list-content .item.small {\n        min-height: 36px;\n}\n.xp-list .xp-list-content .item.small .preview {\n          flex: 0 0 20px;\n}\n.xp-list .xp-list-content .item.small .preview .icon {\n            width: 16px;\n            height: 16px;\n}\n@media (max-width: 320px) {\n.xp-list .xp-list-content .item.small {\n            width: 100%;\n}\n}\n.xp-list .xp-list-content .item.medium .preview {\n        flex: 0 0 60px;\n}\n.xp-list .xp-list-content .item.medium .preview .icon {\n          width: 60px;\n          height: 60px;\n}\n.xp-list .xp-list-content .item.large .preview {\n        flex: 0 0 100px;\n}\n.xp-list .xp-list-content .item.large .preview .icon {\n          width: 100px;\n          height: 100px;\n}\n.xp-list .xp-list-content .item.xlarge .preview {\n        flex: 0 0 140px;\n}\n.xp-list .xp-list-content .item.xlarge .preview .icon {\n          width: 140px;\n          height: 140px;\n}\n.xp-list .xp-list-content .item .preview {\n        flex: 0 0 30px;\n        margin-left: 4px;\n        flex: 0 0 30px;\n}\n.xp-list .xp-list-content .item .preview .icon {\n          width: 30px;\n          height: 30px;\n          background-position: 50% 50%;\n}\n.xp-list .xp-list-content .item .label {\n        padding: 6px;\n}\n",""])},function(e,t,n){"use strict";var i=n(21);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,'.xp-template-list {\n  overflow: auto;\n}\n.xp-template-list.legacy .xp-template-list-content .item {\n    flex: 1 1 160px !important;\n}\n.xp-template-list.legacy .xp-template-list-content .item .hover-overlay .icons .add-icon {\n      left: 70px;\n}\n.xp-template-list .xp-template-list-content {\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n}\n.xp-template-list .xp-template-list-content .item {\n      position: relative;\n      display: flex;\n      align-items: center;\n      padding: 4px 2px;\n      background-color: white;\n      border-radius: 3px;\n      border: 1px solid #EDEFF0;\n      flex: 1 1 160px;\n}\n.xp-template-list .xp-template-list-content .item:hover {\n        border-color: #ACCEEF;\n}\n.xp-template-list .xp-template-list-content .item:hover .hover-overlay {\n          opacity: 1;\n}\n.xp-template-list .xp-template-list-content .item.xsmall {\n        padding: 0px 0px;\n}\n.xp-template-list .xp-template-list-content .item.xsmall .preview {\n          flex: 0 0 20px;\n}\n.xp-template-list .xp-template-list-content .item.xsmall .preview .icon {\n            width: 20px;\n            height: 20px;\n}\n.xp-template-list .xp-template-list-content .item.small .preview {\n        flex: 0 0 30px;\n}\n.xp-template-list .xp-template-list-content .item.small .preview .icon {\n          width: 30px;\n          height: 30px;\n}\n.xp-template-list .xp-template-list-content .item.medium .preview {\n        flex: 0 0 60px;\n}\n.xp-template-list .xp-template-list-content .item.medium .preview .icon {\n          width: 60px;\n          height: 60px;\n}\n@media (max-width: 320px) {\n.xp-template-list .xp-template-list-content .item.large {\n          width: 100%;\n}\n}\n.xp-template-list .xp-template-list-content .item.large .preview .icon {\n        height: 140px;\n}\n@media (max-width: 320px) {\n.xp-template-list .xp-template-list-content .item.xlarge {\n          width: 100%;\n}\n}\n.xp-template-list .xp-template-list-content .item.xlarge .preview .icon {\n        height: 200px;\n}\n.xp-template-list .xp-template-list-content .item .preview {\n        margin-left: 4px;\n        width: 100%;\n}\n.xp-template-list .xp-template-list-content .item .preview .icon {\n          width: 100%;\n          height: 30px;\n          background-position: 50% 50%;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay {\n        opacity: 0;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: rgba(236, 237, 239, 0.95);\n        padding: 8px;\n        overflow: hidden;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .secondary-icons .info-icon {\n          position: absolute;\n          top: 10px;\n          right: 10px;\n          width: 20px;\n          height: 20px;\n          background-size: contain;\n          background-position: 50% 50%;\n          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAT9JREFUWAntVkEOgjAQLMYH+AVeouEF3jhSw7uIXvkE6A/4AQ/gAJ454CwK1sRQ66ahh26y6bbb7kxmW1EIxYZhSOAlvIXbNsIo4YlC4RlicfdKYljFSqDuZmKY0MLaVhKhACwkxjNNHLDTBiSkA0QmCpIUajF7929KrTN2RGhYB/s7KrXMKXOO0JYrT13XIsuysUyapiIMQ1ZJNqG+70XTNCMJirnmXMucI+Sfve6OOdcy5wixn31RFCLP87ETcRyLKIp0XVnMsxVSP4VqvIi6kGQTWqj9V8oT0snmFfIK6RTQ5dl3KAiCGUON50XDwH/tdYKxW6YDMM0TobvpIYv770SosghgWroiQhfTUxb3X8Y3i78NV4DsLQL9UvqGn43DdKmPOHH75ZSlPYRNHD4NSklSC97BbRthEJZUWTwAGoE0S6n9FN8AAAAASUVORK5CYII=");\n          opacity: 0.6;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .secondary-icons .info-icon:hover {\n            opacity: 1;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons {\n          position: relative;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon {\n            position: absolute;\n            top: 24px;\n            left: calc(50% - 20px);\n            width: 40px;\n            height: 40px;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon:hover .normal {\n              opacity: 0;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon:hover .over {\n              opacity: 1;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon.show-success .normal {\n              opacity: 0;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon.show-success .over {\n              opacity: 0;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon.show-success .success {\n              opacity: 1;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon .add-icon-normal {\n              position: absolute;\n              top: 0;\n              left: 0;\n              width: 40px;\n              height: 40px;\n              background-size: contain;\n              background-position: 50% 50%;\n              background-image: url("data:image/png;base64,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");\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon .add-icon-hover {\n              opacity: 0;\n              position: absolute;\n              top: 0;\n              left: 0;\n              width: 40px;\n              height: 40px;\n              background-size: contain;\n              background-position: 50% 50%;\n              background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAAk1BMVEUAAAA6les5lOo5les5lOs5lew5l/85les5les1l+8ylPAYnf85les5lOs5les4lO05lOo5les5les2mPI5leo5les5les5lu44lOw5les5les4lew5les5les4le05l+8smf85lew4les5lOs5les4lu05lOo5lO05lew5leo5lOo5lew5les5lOs5lOw6les6letryFnaAAAAMHRSTlMAf/bx5DQIo/sXDQNz12ob7IdhEtLNeStJ579CtIw6HwVdV6qcL8ZSJt25gruSTbB/k/m3AAAD0ElEQVRYw7WZ2YKqMAyGO0hBdllEBncFd8e+/9OdZHpUBkVAYm7GwfrZpn8Sm7KGps15soztIOHzBaMyazzd7HuiYL395jy2unLNlV6kFvn6ynyfO3dP/RvqOzro/lQ/RN+3R/2T670F9vQrNNvmRtFDRr7NBkKa3h5uHhWBNjzy5wP4cSjQlKPWjrzEZSsT13i5LneC368uW4BnkQDLwvqRRva7tFlT8hcOd3jDaTg4+qtZcFxQWrbVWPc2euWiNVgi7s5+x1rYbo9OMeqGjXD/TmZLOaWo0dHrQT+4uHPrILbOKKjk1RAXYyxgb1iAceu+mDO8PZixt2yG8ZlU+lkBzc3fzjgOCKvC36EKc/Y6ZDOYtxo+1TOoTuGsg3Hw9+ZZoViDr7asky0xFT4+juGxzzqaDxD7IaJgMRPW2Q4g3nIkT0AcWne06TzMcAwrGTECGwFozIrmoP9JDMpe9CdMQXceDdqDTVsWJK2iOohsCoGjFYU3MKnQZk+I+Jb9FVRjvRmcG6zebMgl4f31ftGkZjargQv1PtMUV0CHRv+m/53TB00TolHbfbl1K/AHo0Qz8MjqKvIzLfp8DUAQy5gWPQYx/xY10IpFi7ZAzVzm2DWjRWNZOcp0uqJGL2VqhZK4I0aj/IZSKSE1OoQUBX9A34wajVD5BeRo6Qp0CzkaN3CE8p7Qow8QhqiTrKoWff21FDJa6ZFRXSFXzK6uXVzUGq+uYjaip59Bo0P0jzhkidt4oN/GE2wjii+iR0coPgPOTvTowW/2gM2gR0soHBQNarQH2UO6JadG55A9ZEwG1OgAssfnCpgvy67ygbI7k0L51I8FDEqfFj29ZtMtxCMt2rmeQLW+EB4hGlXd124lwaVEuyC9+8vIokNbEU71fvoIyA4cGC89s3D6UMlaxxqeN0r/EVmM8yyvgcTCknctB4sv1YnUsUoNrb5HdY5OHn5JbQh2crEBTrmXJkh6Czpg+LPeTtwJW91lwgbwTzfyFhCTqmZc3oXMFcgY2tM4htr+bXQQx6D683nnxqeSf6xd+1PTZF7SN5nREmyNT9u3xqd4v5DUHCbVdxr6J7ye2dVmrqFou5lzvIbYhA3SgI6LOzaeeHhEJ+rNnGgLhMdaI1/EkJ9bFJJ8g8MHdi1cswc4Mm0TxIkjryu3L+jmVl5zRklLOQXyylK5BOFTDwcXRaCpgdW+Mn/Jz4p+6nrl69MUI0TuyJsXu+uekKaoUbrOfD9bp5GqiP/cdZfr3UWSqeKpqeeke8HjvlPmOj5nRKYZO56s3Dh2VwnfGc38+w/X6qmp5w3KpQAAAABJRU5ErkJggg==");\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .icons .add-icon .add-icon-success {\n              opacity: 0;\n              position: absolute;\n              top: 0;\n              left: 0;\n              width: 40px;\n              height: 40px;\n              background-size: contain;\n              background-position: 50% 50%;\n              background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAAArtJREFUeAHt2z1oFFEUhuGgiH/BQtBCENKYJp2d3XZ2doIQUWOXyi5NovY2IZVRwdLKyki0kaAQQwSxsbIxTYQUKVIkhRj1O2EOHCazZGe5p8jmvXDYu7M73+w+XO7uyc/QEAMBBBBAAAEEEEAAgYETOJ/9jo5nX+AQ5F/Ua1xTXVatqnZUjASBl8r8V9XHhHwiJTCm2lU5dEdzRoLAkjId+X1CPpESuB6QbVXb6mYUFjimvO8qX80vCucTVwncD8jbmts3D0ZhgVPK21D5an5cOJ+4SuBhQDbwM8iUF7AtwrYKX822hTASBOaV6cj2YWgfiozCAleU90fl0J3C+cRVAgu6deR3qOQIXAvINCc5xnupXwP088TrHOno8YBMc5K0FE4odz1AP0q6zpGPnQrI1pxYV8goLGC/ntpS+TeNicL5xFUCcwGZ5iRpWYwol+YkCTfGvtYd3zIW4wPMywnUmxNrvRkJArE5eZaQT6QEbqp8y6A5SVoS1pz8DNAzSdc51LGnC7z6BwH5l+Y0JwH1rOafVEuqk+F42+k5nbCp8m3jXtuAQX/+asD5oHm/K/tJyPk26Gj9vL9bOulvQOpnZV/S+b9DRkdzRoNAE3ablf1Kmb5lvG3I51AQqGMv67FesK/qeY5sLTfNSUDtNu0H+3OAnu8WzPH9Am2wbwRkmpP9lgceacIerp1l/6nwQ+XbxnTtce72KFDH/qLzIvak7jvyuuY0Jz3CNj2tG7b9rVxsTu40ncyxdgKG6CvXbldUs+GY/aSOUUigvrIjfKfQNYipBO7qNgLb/A06OQK3a9ijOZch1QR8G3kKR76ArewL+ZfhCggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCAy8wH9WrLu5IrWOHQAAAABJRU5ErkJggg==");\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .label {\n          position: absolute;\n          right: 10px;\n          bottom: 10px;\n          left: 10px;\n          text-align: center;\n          max-height: 60px;\n          overflow: hidden;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .label .title {\n            color: #505050;\n            margin-bottom: 4px;\n}\n.xp-template-list .xp-template-list-content .item .hover-overlay .label .description2 {\n            color: #9d9d9d;\n}\n.xp-template-list .xp-template-list-content .item .info-overlay {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: white;\n        padding: 8px;\n        overflow: hidden;\n}\n.xp-template-list .xp-template-list-content .item .info-overlay .close-btn {\n          position: absolute;\n          top: 2px;\n          right: 6px;\n          font-size: 24px;\n          font-weight: 100;\n          background-color: white;\n}\n.xp-template-list .xp-template-list-content .item .info-overlay .close-btn:hover {\n            color: #3A95EB;\n}\n.xp-template-list .xp-template-list-content .item .info-overlay .label {\n          position: absolute;\n          right: 10px;\n          bottom: 10px;\n          left: 10px;\n}\n.xp-template-list .xp-template-list-content .item .info-overlay .label > div {\n            margin-bottom: 6px;\n}\n.xp-template-list .xp-template-list-content .item .info-overlay .label label {\n            font-size: 8px;\n            color: black;\n            margin: 0;\n            padding: 0;\n}\n',""])},function(e,t,n){"use strict";var i=n(24);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,'.xp-template-selector {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.xp-template-selector.legacy .xp-template-selector-content .item {\n    flex: 1 1 160px !important;\n}\n.xp-template-selector.legacy .xp-template-selector-content .item .hover-overlay .icons .add-icon {\n      left: 70px;\n}\n.xp-template-selector .items-and-folder-wrapper {\n    position: relative;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n}\n.xp-template-selector .items-and-folder-wrapper .current-folder {\n      display: flex;\n      flex: 0 0 28px;\n      margin-bottom: 4px;\n      background-color: #EBEBEB;\n      border-radius: 3px;\n      padding: 4px;\n}\n.xp-template-selector .items-and-folder-wrapper .current-folder .folder-icon {\n        width: 15px;\n        height: 15px;\n        margin: 4px 0px 4px 4px;\n        background-size: contain;\n}\n.xp-template-selector .items-and-folder-wrapper .current-folder .folder-title {\n        flex: 1 1 auto;\n        margin: 4px 5px;\n        font-weight: bold;\n}\n.xp-template-selector .items-and-folder-wrapper .current-folder .close-folder-icon {\n        width: 11px;\n        height: 11px;\n        margin: 5px 10px 4px 4px;\n        background-size: contain;\n}\n.xp-template-selector .items-and-folder-wrapper .folder-list {\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n      z-index: 99;\n      padding-bottom: 20px;\n}\n.xp-template-selector .items-and-folder-wrapper .folder-list .available-folders-title {\n        padding: 14px 4px 10px 10px;\n        font-size: 13px;\n        color: #505050;\n}\n.xp-template-selector .items-and-folder-wrapper .folder-list .folder-item {\n        background-color: white;\n        margin-bottom: 2px;\n        min-height: 24px;\n        padding: 6px 4px 2px 10px;\n}\n.xp-template-selector .items-and-folder-wrapper .folder-list .folder-item:hover {\n          color: black;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content {\n      position: relative;\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: stretch;\n      overflow: auto;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item {\n        position: relative;\n        display: flex;\n        align-items: center;\n        padding: 4px 2px;\n        background-color: white;\n        border-radius: 3px;\n        border: 1px solid #EDEFF0;\n        flex: 1 1 160px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item:hover {\n          border-color: #ACCEEF;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item:hover .hover-overlay {\n            opacity: 1;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.xsmall {\n          padding: 0px 0px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.xsmall .preview {\n            flex: 0 0 20px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.xsmall .preview .icon {\n              width: 20px;\n              height: 20px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.small .preview {\n          flex: 0 0 30px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.small .preview .icon {\n            width: 30px;\n            height: 30px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.medium .preview {\n          flex: 0 0 60px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.medium .preview .icon {\n            width: 60px;\n            height: 60px;\n}\n@media (max-width: 320px) {\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.large {\n            width: 100%;\n}\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.large .preview .icon {\n          height: 140px;\n}\n@media (max-width: 320px) {\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.xlarge {\n            width: 100%;\n}\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item.xlarge .preview .icon {\n          height: 200px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .preview {\n          margin-left: 4px;\n          width: 100%;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .preview .icon {\n            width: 100%;\n            height: 30px;\n            background-position: 50% 50%;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay {\n          opacity: 0;\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n          background-color: rgba(236, 237, 239, 0.95);\n          padding: 8px;\n          overflow: hidden;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .secondary-icons .info-icon {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            width: 20px;\n            height: 20px;\n            background-size: contain;\n            background-position: 50% 50%;\n            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAT9JREFUWAntVkEOgjAQLMYH+AVeouEF3jhSw7uIXvkE6A/4AQ/gAJ454CwK1sRQ66ahh26y6bbb7kxmW1EIxYZhSOAlvIXbNsIo4YlC4RlicfdKYljFSqDuZmKY0MLaVhKhACwkxjNNHLDTBiSkA0QmCpIUajF7929KrTN2RGhYB/s7KrXMKXOO0JYrT13XIsuysUyapiIMQ1ZJNqG+70XTNCMJirnmXMucI+Sfve6OOdcy5wixn31RFCLP87ETcRyLKIp0XVnMsxVSP4VqvIi6kGQTWqj9V8oT0snmFfIK6RTQ5dl3KAiCGUON50XDwH/tdYKxW6YDMM0TobvpIYv770SosghgWroiQhfTUxb3X8Y3i78NV4DsLQL9UvqGn43DdKmPOHH75ZSlPYRNHD4NSklSC97BbRthEJZUWTwAGoE0S6n9FN8AAAAASUVORK5CYII=");\n            opacity: 0.6;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .secondary-icons .info-icon:hover {\n              opacity: 1;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons {\n            position: relative;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon {\n              position: absolute;\n              top: 24px;\n              left: calc(50% - 20px);\n              width: 40px;\n              height: 40px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon:hover .normal {\n                opacity: 0;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon:hover .over {\n                opacity: 1;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon.show-success .normal {\n                opacity: 0;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon.show-success .over {\n                opacity: 0;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon.show-success .success {\n                opacity: 1;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon .add-icon-normal {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 40px;\n                height: 40px;\n                background-size: contain;\n                background-position: 50% 50%;\n                background-image: url("data:image/png;base64,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");\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon .add-icon-hover {\n                opacity: 0;\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 40px;\n                height: 40px;\n                background-size: contain;\n                background-position: 50% 50%;\n                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAAk1BMVEUAAAA6les5lOo5les5lOs5lew5l/85les5les1l+8ylPAYnf85les5lOs5les4lO05lOo5les5les2mPI5leo5les5les5lu44lOw5les5les4lew5les5les4le05l+8smf85lew4les5lOs5les4lu05lOo5lO05lew5leo5lOo5lew5les5lOs5lOw6les6letryFnaAAAAMHRSTlMAf/bx5DQIo/sXDQNz12ob7IdhEtLNeStJ579CtIw6HwVdV6qcL8ZSJt25gruSTbB/k/m3AAAD0ElEQVRYw7WZ2YKqMAyGO0hBdllEBncFd8e+/9OdZHpUBkVAYm7GwfrZpn8Sm7KGps15soztIOHzBaMyazzd7HuiYL395jy2unLNlV6kFvn6ynyfO3dP/RvqOzro/lQ/RN+3R/2T670F9vQrNNvmRtFDRr7NBkKa3h5uHhWBNjzy5wP4cSjQlKPWjrzEZSsT13i5LneC368uW4BnkQDLwvqRRva7tFlT8hcOd3jDaTg4+qtZcFxQWrbVWPc2euWiNVgi7s5+x1rYbo9OMeqGjXD/TmZLOaWo0dHrQT+4uHPrILbOKKjk1RAXYyxgb1iAceu+mDO8PZixt2yG8ZlU+lkBzc3fzjgOCKvC36EKc/Y6ZDOYtxo+1TOoTuGsg3Hw9+ZZoViDr7asky0xFT4+juGxzzqaDxD7IaJgMRPW2Q4g3nIkT0AcWne06TzMcAwrGTECGwFozIrmoP9JDMpe9CdMQXceDdqDTVsWJK2iOohsCoGjFYU3MKnQZk+I+Jb9FVRjvRmcG6zebMgl4f31ftGkZjargQv1PtMUV0CHRv+m/53TB00TolHbfbl1K/AHo0Qz8MjqKvIzLfp8DUAQy5gWPQYx/xY10IpFi7ZAzVzm2DWjRWNZOcp0uqJGL2VqhZK4I0aj/IZSKSE1OoQUBX9A34wajVD5BeRo6Qp0CzkaN3CE8p7Qow8QhqiTrKoWff21FDJa6ZFRXSFXzK6uXVzUGq+uYjaip59Bo0P0jzhkidt4oN/GE2wjii+iR0coPgPOTvTowW/2gM2gR0soHBQNarQH2UO6JadG55A9ZEwG1OgAssfnCpgvy67ygbI7k0L51I8FDEqfFj29ZtMtxCMt2rmeQLW+EB4hGlXd124lwaVEuyC9+8vIokNbEU71fvoIyA4cGC89s3D6UMlaxxqeN0r/EVmM8yyvgcTCknctB4sv1YnUsUoNrb5HdY5OHn5JbQh2crEBTrmXJkh6Czpg+LPeTtwJW91lwgbwTzfyFhCTqmZc3oXMFcgY2tM4htr+bXQQx6D683nnxqeSf6xd+1PTZF7SN5nREmyNT9u3xqd4v5DUHCbVdxr6J7ye2dVmrqFou5lzvIbYhA3SgI6LOzaeeHhEJ+rNnGgLhMdaI1/EkJ9bFJJ8g8MHdi1cswc4Mm0TxIkjryu3L+jmVl5zRklLOQXyylK5BOFTDwcXRaCpgdW+Mn/Jz4p+6nrl69MUI0TuyJsXu+uekKaoUbrOfD9bp5GqiP/cdZfr3UWSqeKpqeeke8HjvlPmOj5nRKYZO56s3Dh2VwnfGc38+w/X6qmp5w3KpQAAAABJRU5ErkJggg==");\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .icons .add-icon .add-icon-success {\n                opacity: 0;\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 40px;\n                height: 40px;\n                background-size: contain;\n                background-position: 50% 50%;\n                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAAArtJREFUeAHt2z1oFFEUhuGgiH/BQtBCENKYJp2d3XZ2doIQUWOXyi5NovY2IZVRwdLKyki0kaAQQwSxsbIxTYQUKVIkhRj1O2EOHCazZGe5p8jmvXDYu7M73+w+XO7uyc/QEAMBBBBAAAEEEEAAgYETOJ/9jo5nX+AQ5F/Ua1xTXVatqnZUjASBl8r8V9XHhHwiJTCm2lU5dEdzRoLAkjId+X1CPpESuB6QbVXb6mYUFjimvO8qX80vCucTVwncD8jbmts3D0ZhgVPK21D5an5cOJ+4SuBhQDbwM8iUF7AtwrYKX822hTASBOaV6cj2YWgfiozCAleU90fl0J3C+cRVAgu6deR3qOQIXAvINCc5xnupXwP088TrHOno8YBMc5K0FE4odz1AP0q6zpGPnQrI1pxYV8goLGC/ntpS+TeNicL5xFUCcwGZ5iRpWYwol+YkCTfGvtYd3zIW4wPMywnUmxNrvRkJArE5eZaQT6QEbqp8y6A5SVoS1pz8DNAzSdc51LGnC7z6BwH5l+Y0JwH1rOafVEuqk+F42+k5nbCp8m3jXtuAQX/+asD5oHm/K/tJyPk26Gj9vL9bOulvQOpnZV/S+b9DRkdzRoNAE3ablf1Kmb5lvG3I51AQqGMv67FesK/qeY5sLTfNSUDtNu0H+3OAnu8WzPH9Am2wbwRkmpP9lgceacIerp1l/6nwQ+XbxnTtce72KFDH/qLzIvak7jvyuuY0Jz3CNj2tG7b9rVxsTu40ncyxdgKG6CvXbldUs+GY/aSOUUigvrIjfKfQNYipBO7qNgLb/A06OQK3a9ijOZch1QR8G3kKR76ArewL+ZfhCggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCAy8wH9WrLu5IrWOHQAAAABJRU5ErkJggg==");\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .label {\n            position: absolute;\n            right: 10px;\n            bottom: 20px;\n            left: 10px;\n            text-align: center;\n            max-height: 60px;\n            overflow: hidden;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .label .title {\n              color: #505050;\n              margin-bottom: 4px;\n              font-size: 13px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .hover-overlay .label .description2 {\n              color: #9d9d9d;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .info-overlay {\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n          background-color: white;\n          padding: 8px;\n          overflow: hidden;\n          z-index: 99;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .info-overlay .close-btn {\n            position: absolute;\n            top: 2px;\n            right: 6px;\n            font-size: 24px;\n            font-weight: 100;\n            background-color: white;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .info-overlay .close-btn:hover {\n              color: #3A95EB;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .info-overlay .label {\n            position: absolute;\n            right: 10px;\n            bottom: 10px;\n            left: 10px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .info-overlay .label > div {\n              margin-bottom: 6px;\n}\n.xp-template-selector .items-and-folder-wrapper .xp-template-selector-content .item .info-overlay .label .label-title {\n              font-size: 9px;\n              font-weight: bold;\n              margin: 0;\n              padding: 0;\n}\n',""])},function(e,t,n){"use strict";var i=n(27);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,'.xp-view-title {\n  display: flex;\n}\n.xp-view-title .logo {\n    width: 23px;\n    height: 23px;\n    flex: 0;\n    background-size: contain;\n    background-image: url("data:image/png;base64,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");\n}\n.xp-view-title .title {\n    color: #505050;\n    flex: 1;\n    font-weight: bold;\n    font-size: 12px;\n    margin-bottom: 2px;\n}\n',""])},function(e,t,n){"use strict";var i=n(30);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".xp-section-title {\n  font-size: 9px;\n  color: #9F9F9F;\n  letter-spacing: 1px;\n  margin-bottom: 10px;\n  margin-top: 10px;\n  padding-top: 10px;\n  border-top: 2px solid #E4E4E4;\n}\n",""])},function(e,t,n){"use strict";var i=n(33);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".xp-label {\n  font-size: 9px;\n  color: #9F9F9F;\n  letter-spacing: 1px;\n  margin-bottom: 10px;\n  margin-top: 10px;\n}\n",""])},function(e,t,n){"use strict";var i=n(36);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".xp-property-title {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 4px;\n  margin-top: 8px;\n}\n.xp-property-title .title {\n    font-size: 10px;\n    color: #505050;\n}\n",""])},function(e,t,n){"use strict";var i=n(39);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".xp-color-picker .existing-colors {\n  min-height: 30px;\n  max-height: 120px;\n  overflow: auto;\n  margin-top: 8px;\n  margin-bottom: 12px;\n  display: flex;\n  flex-wrap: wrap;\n}\n.xp-color-picker .existing-colors .color {\n    flex: 1 1 100px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    background-color: white;\n    border-radius: 3px;\n    border: 1px solid white;\n    padding: 3px;\n    margin: 1px;\n}\n.xp-color-picker .existing-colors .color:hover {\n      border: 1px solid #BFC2C6;\n}\n.xp-color-picker .existing-colors .color .preview {\n      flex: 0 0 20px;\n      width: 20px;\n      height: 20px;\n      margin-right: 5px;\n      border: 1px solid #EEE;\n}\n",""])},function(e){e.exports={id:"725d8849",name:"Hero",summary:"Animate, Script, Export (Web)",description:"Bring your content and prototypes to life. Animated. Interactive. Production-Ready. Hero enables you to create living prototypes with dynamic data and custom scripts or you can go all the way and create production-ready, engaging and animated rich content for the web - right in XD.\nHighlights:\n* Animation Timeline\n* Effect System\n* Web Export (production-ready)\n* Scripting\n* Non-Linear Story Telling\n\nForever free version 1.\nCheck out our showroom at xdhero.com/showroom to see and feel what is possible.",keywords:["animation","animate","timeline","script","video","export","code","web","html","css","data","input"],releaseNotes:"Forever free version",website:"https://xdhero.com",author:"XD Hero",helpUrl:"https://xdhero.com/learn",version:"0.9.9",languages:["en"],icons:[{width:24,height:24,path:"assets/icon_24.png"},{width:48,height:48,path:"assets/icon_48.png"}],host:{app:"XD",minVersion:"30.0"},uiEntryPoints:[{type:"panel",label:"Hero",panelId:"default"}]}},,,,,function(e,t,n){"use strict";n.r(t);var i=n(162),o=n(42);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(239);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"29e6d0e5",null);s.options.__file="shell/src/ui/dialogs/DefaultMessageDialog.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(44);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".dialog[data-v-29e6d0e5] {\n  display: flex;\n  flex-direction: column;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(179),o=n(45);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(242);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"fd322fa4",null);s.options.__file="src/modules/Hero/ui/dialogs/preview/PreviewDialog.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(47);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".dialog[data-v-fd322fa4] {\n  display: flex;\n  flex-direction: column;\n}\n.dialog h1[data-v-fd322fa4] {\n    margin-bottom: 10px;\n}\n.dialog hr.hr[data-v-fd322fa4] {\n    flex: 0 0 1px;\n    margin-bottom: 20px;\n}\n.dialog .content[data-v-fd322fa4] {\n    flex: 1 1 200px;\n    overflow-y: auto;\n    padding: 0 6px;\n    min-height: 240px;\n}\n.dialog .content .headline[data-v-fd322fa4] {\n      font-size: 14px;\n      font-weight: bold;\n      color: #3F3F3F;\n}\n.dialog .content .text[data-v-fd322fa4] {\n      font-size: 14px;\n}\n.dialog .content .url[data-v-fd322fa4] {\n      margin-top: 6px;\n      background-color: white;\n      padding: 6px 20px;\n      border-radius: 12px;\n      font-size: 17px;\n}\n.dialog .content .url[data-v-fd322fa4]:hover {\n        color: black;\n}\n.dialog .content .btn-copy[data-v-fd322fa4] {\n      margin-top: 14px;\n      display: inline-block;\n      padding: 4px 22px;\n      border: 2px solid #888;\n      border-radius: 14px;\n      font-size: 12px;\n      font-weight: bold;\n      color: #666;\n}\n.dialog .content .btn-copy[data-v-fd322fa4]:hover {\n        background-color: #666;\n        border-color: #666;\n        color: white;\n}\n.dialog .content .confirmation[data-v-fd322fa4] {\n      padding-top: 20px;\n      font-size: 12px;\n      font-weight: bold;\n      color: green;\n}\n.dialog .content .confirmation icon[data-v-fd322fa4] {\n        display: inline;\n        font-weight: bold;\n        color: green;\n}\n.dialog footer[data-v-fd322fa4] {\n    flex: 0 0 40px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(180),o=n(48);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(245);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"7d08e04c",null);s.options.__file="src/modules/Hero/ui/dialogs/preview/NothingToPreviewDialog.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(50);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".dialog[data-v-7d08e04c] {\n  display: flex;\n  flex-direction: column;\n}\n.dialog h1[data-v-7d08e04c] {\n    margin-bottom: 10px;\n}\n.dialog hr.hr[data-v-7d08e04c] {\n    flex: 0 0 1px;\n    margin-bottom: 20px;\n}\n.dialog .content[data-v-7d08e04c] {\n    flex: 1 1 100%;\n    overflow-y: auto;\n    padding: 0 6px;\n}\n.dialog .content .headline[data-v-7d08e04c] {\n      font-size: 14px;\n      font-weight: bold;\n      color: #3F3F3F;\n}\n.dialog .content .text[data-v-7d08e04c] {\n      font-size: 14px;\n}\n.dialog footer[data-v-7d08e04c] {\n    flex: 0 0 40px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(181),o=n(51);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(248);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"4267e254",null);s.options.__file="src/modules/Hero/ui/dialogs/upgrade/UpgradeDialog.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(53);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".dialog[data-v-4267e254] {\n  display: flex;\n  flex-direction: column;\n}\n.dialog h1[data-v-4267e254] {\n    margin-bottom: 10px;\n}\n.dialog hr.hr[data-v-4267e254] {\n    flex: 0 0 1px;\n    margin-bottom: 20px;\n}\n.dialog .content[data-v-4267e254] {\n    flex: 2 1 230px;\n    overflow-y: auto;\n    font-size: 14px;\n    padding: 0 6px;\n}\n.dialog .content .headline[data-v-4267e254] {\n      margin-top: 16px;\n      font-size: 14px;\n      font-weight: bold;\n      color: #3F3F3F;\n}\n.dialog .content .text[data-v-4267e254] {\n      font-size: 14px;\n}\n.dialog footer[data-v-4267e254] {\n    flex: 0 0 40px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(182),o=n(54);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(251);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"aed1e7c8",null);s.options.__file="src/modules/Hero/ui/dialogs/export/ExportDialog.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(56);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".dialog[data-v-aed1e7c8] {\n  display: flex;\n  flex-direction: column;\n}\n.dialog h1[data-v-aed1e7c8] {\n    margin-bottom: 10px;\n}\n.dialog hr.hr[data-v-aed1e7c8] {\n    flex: 0 0 1px;\n    margin-bottom: 20px;\n}\n.dialog .content[data-v-aed1e7c8] {\n    flex: 2 1 230px;\n    overflow-y: auto;\n    font-size: 14px;\n    padding: 0 6px;\n}\n.dialog .content .headline[data-v-aed1e7c8] {\n      margin-top: 16px;\n      font-size: 14px;\n      font-weight: bold;\n      color: #3F3F3F;\n}\n.dialog .content .text[data-v-aed1e7c8] {\n      font-size: 14px;\n}\n.dialog footer[data-v-aed1e7c8] {\n    flex: 0 0 40px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(183),o=n(57);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(254);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"c088db88",null);s.options.__file="src/modules/Hero/ui/dialogs/warnings/WarningsDialog.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(59);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".dialog[data-v-c088db88] {\n  display: flex;\n  flex-direction: column;\n}\n.dialog h1[data-v-c088db88] {\n    margin-bottom: 10px;\n}\n.dialog hr.hr[data-v-c088db88] {\n    flex: 0 0 1px;\n    margin-bottom: 20px;\n}\n.dialog .content[data-v-c088db88] {\n    flex: 2 1 230px;\n    overflow-y: auto;\n    font-size: 14px;\n    padding: 0 6px;\n}\n.dialog .content *[data-v-c088db88] {\n      font-size: 14px;\n      color: #3F3F3F;\n}\n.dialog .content .headline[data-v-c088db88] {\n      margin-top: 16px;\n      font-size: 14px;\n      font-weight: bold;\n}\n.dialog .content .text[data-v-c088db88] {\n      font-size: 14px;\n}\n.dialog .content .warning[data-v-c088db88] {\n      margin-bottom: 8px;\n}\n.dialog .content .warning .warning-text[data-v-c088db88] {\n        font-size: 14px;\n        color: #3F3F3F;\n}\n.dialog footer[data-v-c088db88] {\n    flex: 0 0 40px;\n}\n",""])},,function(e,t,n){"use strict";n.r(t);var i=n(163),o=n(60);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(261);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"46f8ca82",null);s.options.__file="src/modules/Hero/ui/dialogs/hello/HelloDialog.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(184),o=n(62);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(259);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"517788f1",null);s.options.__file="src/modules/Hero/ui/dialogs/hello/components/Card.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(64);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".card[data-v-517788f1] {\n  position: relative;\n  width: 200px;\n  height: 200px;\n  background-color: white;\n  padding: 110px 10px 0px 10px;\n  margin: 3px;\n  cursor: pointer;\n}\n.card:hover .image[data-v-517788f1] {\n    opacity: .8;\n}\n.card:hover .image-over[data-v-517788f1] {\n    opacity: 1;\n}\n.card .image[data-v-517788f1],\n  .card .image-over[data-v-517788f1] {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    width: 200px;\n    height: 100px;\n    background-size: cover;\n    opacity: .2;\n}\n.card .image-over[data-v-517788f1] {\n    opacity: 0;\n}\n.card .title[data-v-517788f1] {\n    font-family: Barlow;\n    font-weight: 900;\n    font-size: 23px;\n    line-height: 23px;\n    color: #282C31;\n    margin-bottom: 4px;\n}\n.card .brief[data-v-517788f1] {\n    font-size: 12px;\n    line-height: 16px;\n    color: #747677;\n}\n.card.half[data-v-517788f1] {\n    height: 100px;\n    padding-top: 16px;\n}\n.card.half .image[data-v-517788f1],\n    .card.half .image-over[data-v-517788f1] {\n      display: none;\n}\n.card.half .title[data-v-517788f1] {\n      font-size: 18px;\n      line-height: 20px;\n}\n.card.two[data-v-517788f1] {\n    height: 400px;\n    padding-top: 210px;\n}\n.card.two .image[data-v-517788f1] {\n      height: 200px;\n}\n.card.four[data-v-517788f1] {\n    width: 400px;\n    height: 400px;\n    padding: 280px 16px 16px 16px;\n}\n.card.four .image[data-v-517788f1] {\n      width: 400px;\n      height: 270px;\n}\n.card.four .title[data-v-517788f1] {\n      font-size: 36px;\n      line-height: 38px;\n}\n.card.four .brief[data-v-517788f1] {\n      font-size: 14px;\n      line-height: 18px;\n}\n",""])},function(e,t,n){"use strict";var i=n(65);n.n(i).a},function(e,t,n){t=e.exports=n(1)(!1);var i=n(263)(n(264));t.push([e.i,".dialog[data-v-46f8ca82] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  background-color: #282C31;\n  border: 4px solid white;\n  padding: 70px 42px 42px 42px;\n}\n@font-face {\n.dialog {\n    font-family: Barlow;\n    font-weight: 900;\n    src: url("+i+') format("truetype");\n}\n}\n.dialog .title[data-v-46f8ca82] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 40px;\n}\n.dialog .title h1[data-v-46f8ca82] {\n      font-family: Barlow;\n      font-weight: 900;\n      font-size: 54px;\n      color: white;\n}\n.dialog .btn--close[data-v-46f8ca82] {\n    position: absolute;\n    top: 22px;\n    right: 22px;\n    cursor: pointer;\n}\n.dialog .primary-nav[data-v-46f8ca82] {\n    margin-bottom: 10px;\n}\n.dialog .primary-nav .top-level[data-v-46f8ca82] {\n      display: flex;\n}\n.dialog .primary-nav .top-level .pseudo-btn[data-v-46f8ca82] {\n        flex: 1 1 auto;\n        height: 20px;\n        margin-top: 1px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-bottom: 3px solid #43474B;\n        padding: 0px 14px 12px 14px;\n}\n.dialog .primary-nav .top-level .pseudo-btn[data-v-46f8ca82]:hover {\n          border-bottom: 3px solid #E4004C;\n}\n.dialog .primary-nav .top-level .pseudo-btn .label[data-v-46f8ca82] {\n          font-family: Barlow;\n          font-weight: 300;\n          font-size: 16px;\n          font-weight: 600;\n          color: #DDD;\n          white-space: nowrap;\n}\n.dialog .primary-nav .top-level .pseudo-btn.active[data-v-46f8ca82] {\n          border-bottom: 3px solid #E4004C;\n}\n.dialog .primary-nav .top-level .pseudo-btn.active .label[data-v-46f8ca82] {\n            color: white;\n}\n.dialog .primary-nav .top-level .pseudo-btn--terminate[data-v-46f8ca82] {\n        flex: 2 1 36%;\n        border-bottom: 3px solid #43474B;\n}\n.dialog .content[data-v-46f8ca82] {\n    max-height: 400px;\n    flex: 1 1 400px;\n    overflow-y: auto;\n    display: flex;\n}\n.dialog .content h1[data-v-46f8ca82] {\n      margin-top: 10px;\n      color: white;\n      margin-left: 0;\n      padding-left: 0;\n}\n.dialog .content .custom-span[data-v-46f8ca82] {\n      font-size: 14px;\n}\n.dialog .content .link[data-v-46f8ca82] {\n      font-size: 14px;\n      text-decoration: underline;\n      cursor: pointer;\n}\n.dialog .content .link[data-v-46f8ca82]:hover {\n        color: white;\n}\n.dialog footer[data-v-46f8ca82] {\n    position: absolute;\n    left: 42px;\n    bottom: 42px;\n    right: 42px;\n    height: 120px;\n    margin: 0;\n    padding: 0;\n}\n.dialog footer .btn--start[data-v-46f8ca82] {\n      position: absolute;\n      right: 0;\n      bottom: 20px;\n      width: 225px;\n      height: 44px;\n      background-image: url(/assets/Hero/hello/btn_startCreating@2x.png);\n      background-size: 100%;\n      background-position: 50% 50%;\n}\n.dialog footer .btn--start .btn--start-hover[data-v-46f8ca82] {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        width: 225px;\n        height: 44px;\n        background-image: url(/assets/Hero/hello/btn_startCreating_hover@2x.png);\n        background-size: 100%;\n        background-position: 50% 50%;\n        opacity: 0;\n        cursor: pointer;\n}\n.dialog footer .btn--start .btn--start-hover[data-v-46f8ca82]:hover {\n          opacity: 1;\n}\n',""])},,function(e,t){},function(e,t,n){"use strict";n.r(t);var i=n(164),o=n(66);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(266);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/components/MainMenu.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(68);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".main-menu {\n  height: 36px;\n  margin-bottom: 10px;\n  background-color: #FBFBFB;\n  border: 1px solid #E4E4E4;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding: 0 4px 0 8px;\n}\n.main-menu .divider {\n    min-width: 1px;\n    height: 100%;\n    background-color: #E4E4E4;\n    margin: 0 3px 0 3px;\n}\n.main-menu .spacer {\n    flex: 2 1 20px;\n}\n.main-menu .btn {\n    position: relative;\n    min-width: 23px;\n    min-height: 23px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    margin: 0 0px;\n    opacity: 1;\n}\n.main-menu .btn:hover {\n      opacity: 1;\n}\n.main-menu .btn:hover .tooltip {\n        display: block;\n}\n.main-menu .btn .tooltip {\n      display: none;\n      pointer-events: none;\n      position: absolute;\n      top: 100%;\n      left: 0;\n      width: auto;\n      background-color: #E5E5E5;\n      color: #8b8b8b;\n      z-index: 9;\n      padding: 2px 4px;\n      font-size: 11px;\n      font-weight: normal;\n}\n.main-menu .btn.btn-preview {\n    flex: 9 1 100%;\n    display: flex;\n    align-items: center;\n    padding: 0;\n    min-height: 23px;\n}\n.main-menu .btn.btn-preview .label {\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n      font-weight: bold;\n}\n.main-menu .btn.btn-preview .label .previewLabel {\n        flex: 1 1 20px;\n        /* display: none; */\n        color: #282C31;\n        font-size: 11px;\n}\n.main-menu .btn.btn-preview .label .indicator {\n        flex: 2 1 100px;\n}\n.main-menu .btn.btn-preview .preview-icon {\n      /* display: none; */\n      width: 20px;\n      height: 20px;\n      background-size: contain;\n      background-position: 50% 50%;\n}\n@media (max-width: 200px) {\n.main-menu .btn.btn-preview .preview-icon {\n      display: none;\n}\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(165),o=n(69);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(269);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/HelloView.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(71);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#hello {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 8;\n  background-color: rgba(247, 247, 247, 0.8);\n}\n#hello .card {\n    position: relative;\n    text-align: center;\n    background-color: white;\n    padding: 30px 0 30px 0;\n    border-radius: 7px;\n}\n#hello .card .header {\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n      height: 32px;\n      border-bottom: 2px solid #F7F7F7;\n}\n#hello .card .header .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 10px;\n        width: 14px;\n        height: 14px;\n        background-size: contain;\n        opacity: 0.7;\n}\n#hello .card .header .close-btn:hover {\n          opacity: 1;\n}\n#hello .card .entry-separator {\n      border-top: 2px solid #F7F7F7;\n}\n#hello .card .entry {\n      padding: 14px;\n}\n#hello .card .entry .title {\n        font-size: 18px;\n        margin-bottom: 4px;\n}\n#hello .card .entry .link-preview {\n        width: 100%;\n        margin: 6px auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n}\n#hello .card .entry .link-preview .image {\n          width: 100%;\n          height: 80px;\n          background-size: contain;\n          background-repeat: no-repeat;\n          background-position: 50% 50%;\n          margin-bottom: 5px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(166),o=n(72);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(272);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/components/ArtboardView.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(74);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".artboard-view {\n  position: relative;\n}\n.artboard-view .btn--make-hero-scene {\n    display: flex;\n    margin-top: 10px;\n    margin-bottom: 20px;\n    justify-content: center;\n    align-items: center;\n    background-color: #E4004C;\n    height: 28px;\n    border-radius: 14px;\n    cursor: pointer;\n}\n.artboard-view .btn--make-hero-scene .label {\n      padding-left: 14px;\n      padding-right: 14px;\n      color: white;\n      font-size: 12px;\n      font-weight: 600;\n}\n.artboard-view .btn--make-hero-scene:hover {\n      background-color: #333;\n}\n.artboard-view .wrapper {\n    position: relative;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(167),o=n(75);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(276);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/components/ElementView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(185),o=n(77);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/components/ExportAsView.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(79);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".element-view {\n  position: relative;\n}\n.element-view .wrapper {\n    position: relative;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(168),o=n(80);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(291);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/timeline/TimelineView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(186),o=n(82);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(280);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/timeline/components/TopControls.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(84);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#timeline--top-controls .icon-btn {\n  width: 22px;\n  height: 22px;\n  margin-right: 4px;\n  opacity: 0.8;\n  cursor: pointer;\n}\n#timeline--top-controls .icon-btn:hover {\n    opacity: 1;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(187),o=n(85);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(283);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/timeline/components/HScroller.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(87);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#h-scroller {\n  margin-top: 6px;\n  margin-bottom: 3px;\n}\n#h-scroller .h-scroller--track {\n    height: 6px;\n    position: relative;\n    background-color: #EEE;\n    border-radius: 3px;\n}\n#h-scroller .h-scroller--track .h-scroller--thumb {\n      position: absolute;\n      width: 40px;\n      height: 6px;\n      background-color: #C2C2C2;\n      border-radius: 3px;\n}\n#h-scroller .h-scroller--track:hover .h-scroller--thumb {\n      background-color: #334;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(188),o=n(88);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(286);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/timeline/components/PlayheadTrack.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(90);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#playhead-track {\n  position: relative;\n  width: calc(100% - 14px);\n  overflow: hidden;\n  margin-left: 9px;\n}\n#playhead-track .content {\n    position: relative;\n    margin-left: 5px;\n}\n#playhead-track .content .time-labels-wrapper .time-labels {\n      display: flex;\n      width: 4000px;\n      margin-bottom: 10px;\n      overflow: hidden;\n}\n#playhead-track .content .time-labels-wrapper .time-labels .time-label {\n        flex: 0 0 33px;\n        height: 14px;\n        border-left: 1px solid #AAA;\n        padding-left: 3px;\n        font-size: 10px;\n}\n#playhead-track .content .playhead-container {\n      position: absolute;\n      top: 0;\n      left: -4px;\n}\n#playhead-track .content .playhead-container .playhead {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 10px;\n        height: 16px;\n        background-color: #59E0B1;\n        opacity: 1;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(189),o=n(91);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(289);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/timeline/components/TimedActionsTrack.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(93);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#timed-actions-track {\n  position: relative;\n  width: 100%;\n  height: 24px;\n}\n#timed-actions-track .timed-actions-track--track {\n    position: relative;\n    width: 4000px;\n    height: 14px;\n    margin-bottom: 1px;\n    background-color: #E4E6E8;\n}\n#timed-actions-track .timed-actions-track--track .timed-action {\n      position: absolute;\n      width: 14px;\n      height: 14px;\n      background-color: #B4BBC3;\n}\n#timed-actions-track .timed-actions-track--track .timed-action.highlight {\n        background-color: #3A95EB;\n}\n",""])},function(e,t,n){"use strict";var i=n(94);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#timeline-view {\n  position: relative;\n  width: 100%;\n  margin: 0px;\n}\n#timeline-view .wrapper {\n    position: relative;\n    min-height: 100px;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n}\n#timeline-view .wrapper .dumbo {\n      width: calc(100% - 14px);\n      margin-left: 14px;\n      overflow: hidden;\n}\n#timeline-view .wrapper .dumbo .scroller {\n        position: relative;\n        width: 4000px;\n        min-height: 50px;\n        padding: 0;\n        margin: 0;\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element {\n          position: relative;\n          margin-bottom: 8px;\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element .element-name {\n            height: 14px;\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element .track {\n            position: relative;\n            width: 4000px;\n            height: 14px;\n            margin-bottom: 1px;\n            background-color: #E4E6E8;\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element .track .tween {\n              position: absolute;\n              width: 40px;\n              height: 14px;\n              border-radius: 7px;\n              background-color: #9CA0A5;\n              overflow: hidden;\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element .track .tween .tween-resizer {\n                position: absolute;\n                top: 0;\n                right: 0;\n                bottom: 0;\n                width: 8px;\n                border-radius: 0 7px 7px 0;\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element .track .tween:hover .tween-resizer {\n                background-color: rgba(0, 0, 0, 0.3);\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element.highlight .track {\n            background-color: #D6D9DD;\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element.highlight .track .tween {\n              background-color: #333;\n              opacity: 1;\n}\n#timeline-view .wrapper .dumbo .scroller .elements .element.highlight .track .tween.highlight {\n                background-color: #3A95EB;\n}\n#timeline-view .wrapper .legend {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 1px;\n}\n#timeline-view .wrapper .legend .top-spacer {\n        width: 14px;\n        height: 0px;\n}\n#timeline-view .wrapper .legend .legend-track-label {\n        width: 14px;\n        height: 15px;\n        background-color: #FFF;\n        color: #666;\n        font-size: 9px;\n        text-align: center;\n        padding-top: 2px;\n        border-bottom: 1px solid #F7F7F7;\n}\n#timeline-view .wrapper .legend .timed-actions {\n        width: 10px;\n        height: 22px;\n}\n#timeline-view .wrapper .legend .elements .element {\n        margin-top: 1px;\n        margin-bottom: 7px;\n}\n#timeline-view .wrapper .legend .elements .element .element-name {\n          display: flex;\n          font-size: 10px;\n          margin-bottom: 1px;\n          padding-bottom: 2px;\n          width: 80vw;\n          height: 14px;\n          color: #555;\n          white-space: nowrap;\n}\n#timeline-view .wrapper .legend .elements .element .element-name .add-track-button {\n            display: inline-flex;\n            position: relative;\n            top: 1px;\n            margin-left: 4px;\n            width: 14px;\n            height: 14px;\n            opacity: 0.5;\n}\n#timeline-view .wrapper .legend .elements .element .element-name .add-track-button:hover {\n              opacity: 1;\n}\n#timeline-view .wrapper .legend .elements .element .track {\n          width: 4px;\n          height: 15px;\n}\n#timeline-view .wrapper .legend .elements .element.highlight .element-name {\n          color: #333;\n          font-weight: bold;\n          font-size: 11px;\n}\n#timeline-view .wrapper .legend .elements .element.highlight .add-track-button {\n          top: 2px;\n}\n#timeline-view #add-track-context-menu {\n    position: absolute;\n    height: 140px;\n    max-width: 300px;\n    top: 0;\n    left: 0px;\n    right: 0px;\n    padding: 14px;\n    background-color: rgba(100, 100, 100, 0);\n}\n#timeline-view #add-track-context-menu .context-content {\n      background-color: #E4E4E4;\n      border: 1px solid #d2d2d2;\n      border-radius: 4px;\n      padding: 12px;\n}\n#timeline-view #add-track-context-menu .context-content .title {\n        font-weight: bold;\n        margin: 5px 0 10px 0;\n        color: #666666;\n}\n#timeline-view #add-track-context-menu .context-content .buttons {\n        display: flex;\n        flex-wrap: wrap;\n}\n#timeline-view #add-track-context-menu .context-content .buttons .break {\n          flex-basis: 100%;\n          height: 0;\n}\n#timeline-view #add-track-context-menu .context-content .buttons .button {\n          display: inline-block;\n          min-width: 30px;\n          min-height: 20px;\n          margin: 2px 2px 0 0;\n          padding: 6px 8px 6px 8px;\n          border-radius: 3px;\n          background-color: #FFF;\n          color: #666666;\n          text-align: center;\n          white-space: nowrap;\n}\n#timeline-view #add-track-context-menu .context-content .buttons .button:hover {\n            background-color: #3A95EB;\n            color: #FFF;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(169),o=n(95);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/pi/PiView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(190),o=n(97);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(295);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/pi/components/TimedActionPI.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(99);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#timed-actions-pi .properties .custom-script-textarea {\n  width: 98%;\n  height: 320px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(191),o=n(100);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(298);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/pi/components/TweenPI.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(102);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#tween-pi .properties {\n  margin-top: 10px;\n}\n#tween-pi .properties select {\n    margin-left: 0;\n}\n#tween-pi .properties .start-end-split {\n    display: flex;\n}\n#tween-pi .properties .start-end-split .column {\n      width: 25%;\n      flex: 1 1 25%;\n}\n#tween-pi .properties .start-end-split .column .label {\n        font-size: 10px;\n        margin: 0 0 4px 0;\n}\n#tween-pi .properties .start-end-split .column input {\n        margin-top: 0;\n        margin-left: 0;\n}\n#tween-pi .properties .start-end-split .column select {\n        margin-top: 0;\n        margin-left: 0;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(192),o=n(103);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(301);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/pi/components/SelectionPI.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(105);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#selection-pi .properties {\n  margin-top: 10px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(170),o=n(106);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(305);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/live/LiveView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t),n.d(t,"test1",function(){return r});let i=n(6),o=i.HeroGraph,a=i.HeroTween;async function r(){try{console.log(""),console.log(""),console.log("///////////////////////////////////"),console.log("// TEST1");let e=new o({scenes:[{elements:[{guid:1003,tracks:[{tweens:[{start:0,end:1e3,startValue:200,endValue:300,easing:"linear"}]}]}]}]});console.log("Test1: ",e.scenes[0].elements[0].guid),console.log("Test2: ",e.scenes[0].elements[0].tracks[0].tweens[0]instanceof a),console.log("Graph stringified:\n",e.stringify(!0)),await XDC.application.editDocument({editLabel:"Persist hero data",mergeId:"hero"},async()=>new Promise(async(t,n)=>{try{let i=XDC.root.pluginData;i.hero.graph=e,XDC.root.pluginData=i,t()}catch(e){console.log("Error:",e),n()}}))}catch(e){console.log("ERROR in test: ",e)}}},function(e,t,n){"use strict";var i=n(108);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#live-view .scroller {\n  position: relative;\n  width: 100%;\n  overflow: auto;\n  background-color: white;\n  padding: 4px 0 20px 4px;\n}\n#live-view .scroller .playhead-track {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n#live-view .scroller .playhead-track .playhead {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 10px;\n      height: 20px;\n      background-color: #59E0B1;\n      opacity: 0.8;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(171),o=n(109);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(308);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/next/NextView.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(111);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#next-view button {\n  margin: 0;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(172),o=n(112);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(312);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/webProperties/WebPropertiesView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(193),o=n(114);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/webProperties/components/Attributes.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(116);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"",""])},function(e,t,n){"use strict";n.r(t);var i=n(173),o=n(117);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(316);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/dataProperties/DataPropertiesView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(194),o=n(119);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/dataProperties/components/Attributes.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(121);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"/* #data-properties-view {} */\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(174),o=n(122);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(325);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/behaviors/BehaviorsView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(195),o=n(124);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(320);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"2471f695",null);s.options.__file="src/modules/Hero/ui/panels/behaviors/dialogs/BehaviorDialog.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(126);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".dialog[data-v-2471f695] {\n  display: flex;\n  flex-direction: column;\n}\n.dialog h1[data-v-2471f695] {\n    margin-bottom: 10px;\n}\n.dialog hr.hr[data-v-2471f695] {\n    flex: 0 0 1px;\n    margin-bottom: 20px;\n}\n.dialog .content[data-v-2471f695] {\n    flex: 1 1 400px;\n    overflow-y: auto;\n}\n.dialog .content .step1[data-v-2471f695] {\n      display: flex;\n      flex-direction: row;\n      height: 100%;\n}\n.dialog .content .step1 .item-list[data-v-2471f695] {\n        height: 100%;\n        flex: 0 0 470px;\n        display: flex;\n        justify-content: flex-start;\n        align-items: flex-start;\n        flex-wrap: wrap;\n        overflow-y: auto;\n        padding: 6px;\n}\n.dialog .content .step1 .item-list .item[data-v-2471f695] {\n          flex: 0 0 80px;\n          margin-right: 7px;\n          margin-bottom: 7px;\n}\n.dialog .content .step1 .item-list .item .thumbnail[data-v-2471f695] {\n            width: 80px;\n            height: 80px;\n            border: 1px solid #DDD;\n            border-radius: 9px;\n            cursor: pointer;\n}\n.dialog .content .step1 .item-list .item .thumbnail[data-v-2471f695]:hover {\n              border: 1px solid #282C31;\n}\n.dialog .content .step1 .item-list .item .title[data-v-2471f695] {\n            height: 40px;\n            padding-top: 6px;\n            text-align: center;\n}\n.dialog .content .step1 .item-list .item.selected .thumbnail[data-v-2471f695] {\n            border: 1px solid #282C31;\n}\n.dialog .content .step1 .item-details[data-v-2471f695] {\n        flex: 1 1 30%;\n        border-left: 1px solid #DDD;\n        padding-left: 12px;\n}\n.dialog .content .step1 .item-details .learn-more[data-v-2471f695] {\n          height: 100%;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n}\n.dialog .content .step1 .item-details .learn-more .text[data-v-2471f695] {\n            font-size: 14px;\n            text-align: center;\n}\n.dialog .content .step1 .item-details .details-wrapper[data-v-2471f695] {\n          background-color: white;\n          border: 1px solid #EEE;\n          padding: 14px 0 14px 14px;\n          border-radius: 12px;\n          height: 100%;\n}\n.dialog .content .step1 .item-details .details-wrapper *[data-v-2471f695] {\n            font-size: 12px;\n            color: #757780;\n}\n.dialog .content .step1 .item-details .details-wrapper .scrollable[data-v-2471f695] {\n            height: 100%;\n            overflow-y: auto;\n            padding-right: 10px;\n            text-align: left;\n}\n.dialog .content .step1 .item-details .details-wrapper .scrollable .title[data-v-2471f695] {\n              text-align: left;\n              margin-top: 6px;\n              margin-bottom: 5px;\n              font-size: 20px;\n              font-weight: 600;\n              color: #282C31;\n}\n.dialog .content .step1 .item-details .details-wrapper .scrollable .brief[data-v-2471f695] {\n              text-align: left;\n              margin-bottom: 20px;\n              color: #282C31;\n}\n.dialog .content .step1 .item-details .details-wrapper .scrollable .section-title[data-v-2471f695] {\n              margin-top: 20px;\n              margin-bottom: 6px;\n              color: #757780;\n              font-size: 9px;\n              font-weight: 100;\n              letter-spacing: 1px;\n}\n.dialog .content .step1 .item-details .details-wrapper .scrollable .option[data-v-2471f695] {\n              display: flex;\n              flex-direction: row;\n              margin-top: 2px;\n              padding-bottom: 4px;\n              border-bottom: 1px solid #EEE;\n}\n.dialog .content .step1 .item-details .details-wrapper .scrollable .option *[data-v-2471f695] {\n                font-size: 10px;\n}\n.dialog .content .step1 .item-details .details-wrapper .scrollable .option .option-col[data-v-2471f695] {\n                min-width: 90px;\n                font-weight: bold;\n}\n.dialog .content .step1 .item-details .details-wrapper .scrollable button[data-v-2471f695] {\n              margin-top: 10px;\n              margin-left: 0;\n}\n.dialog footer[data-v-2471f695] {\n    flex: 0 0 40px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(196),o=n(127);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(323);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"327c32e4",null);s.options.__file="src/modules/Hero/ui/panels/behaviors/dialogs/ScriptDialog.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(129);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".dialog[data-v-327c32e4] {\n  display: flex;\n  flex-direction: column;\n}\n.dialog h1[data-v-327c32e4] {\n    margin-bottom: 10px;\n}\n.dialog hr.hr[data-v-327c32e4] {\n    flex: 0 0 1px;\n    margin-bottom: 20px;\n}\n.dialog .content[data-v-327c32e4] {\n    flex: 1 1 400px;\n    overflow-y: auto;\n    padding: 0 6px;\n}\n.dialog .content .code-area[data-v-327c32e4] {\n      width: 100%;\n      min-height: 250px;\n}\n.dialog footer[data-v-327c32e4] {\n    flex: 0 0 40px;\n}\n",""])},function(e,t,n){"use strict";var i=n(130);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#behaviors-view .add-button {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n}\n#behaviors-view .pill {\n  position: relative;\n  display: inline-block;\n  height: 19px;\n  background-color: #5D5E5F;\n  color: white;\n  border-radius: 9.5px;\n  margin-right: 4px;\n  margin-bottom: 4px;\n  padding: 3px 20px 1px 12px;\n  text-align: center;\n  font-size: 10px;\n  font-weight: 100;\n  cursor: pointer;\n}\n#behaviors-view .pill:hover {\n    background-color: #4B4B4B;\n}\n#behaviors-view .pill .remove {\n    position: absolute;\n    top: 1px;\n    right: 1px;\n    margin: 0 4px;\n    font-size: 12px;\n}\n#behaviors-view .pill .remove:hover {\n      color: white;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(175),o=n(131);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(328);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/templates/TemplatesView.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(133);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#templates--default-view {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n#templates--default-view .template-list {\n    flex: 1 1 0;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(176),o=n(134);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(334);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"154dbd61",null);s.options.__file="src/modules/Hero/ui/panels/learning/LearnView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(197),o=n(136);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(332);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"0fe50501",null);s.options.__file="src/modules/Hero/ui/panels/learning/components/Card.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(138);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".card[data-v-0fe50501] {\n  position: relative;\n  width: 202px;\n  height: 212px;\n  background-color: white;\n  padding: 110px 10px 0px 10px;\n  margin: 3px;\n  border: 1px solid #EEE;\n  border-radius: 3px;\n  box-sizing: border-box;\n}\n.card[data-v-0fe50501]:hover {\n    border: 1px solid #9999AA;\n}\n.card:hover .image[data-v-0fe50501] {\n      opacity: 1;\n}\n.card:hover .image-over[data-v-0fe50501] {\n      opacity: 1;\n}\n.card .image[data-v-0fe50501],\n  .card .image-over[data-v-0fe50501] {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    width: 200px;\n    height: 100px;\n    background-size: cover;\n    opacity: 1;\n    border-radius: 2px 2px 0 0;\n}\n.card .image-over[data-v-0fe50501] {\n    opacity: 0;\n}\n.card .title[data-v-0fe50501] {\n    font-family: Barlow;\n    font-weight: 900;\n    font-size: 20px;\n    line-height: 17px;\n    color: #282C31;\n    margin-bottom: 4px;\n}\n.card .brief[data-v-0fe50501] {\n    font-size: 11px;\n    line-height: 14px;\n    color: #a4a9ac;\n}\n.card.half[data-v-0fe50501] {\n    height: 100px;\n    padding-top: 16px;\n}\n.card.half .image[data-v-0fe50501],\n    .card.half .image-over[data-v-0fe50501] {\n      display: none;\n}\n.card.half .title[data-v-0fe50501] {\n      font-size: 18px;\n      line-height: 20px;\n}\n.card.two[data-v-0fe50501] {\n    height: 400px;\n    padding-top: 210px;\n}\n.card.two .image[data-v-0fe50501] {\n      height: 200px;\n}\n.card.four[data-v-0fe50501] {\n    width: 400px;\n    height: 400px;\n    padding: 280px 16px 16px 16px;\n}\n.card.four .image[data-v-0fe50501] {\n      width: 400px;\n      height: 270px;\n}\n.card.four .title[data-v-0fe50501] {\n      font-size: 36px;\n      line-height: 38px;\n}\n.card.four .brief[data-v-0fe50501] {\n      font-size: 14px;\n      line-height: 18px;\n}\n",""])},function(e,t,n){"use strict";var i=n(139);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#learn--default-view[data-v-154dbd61] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n#learn--default-view .cards[data-v-154dbd61] {\n    display: flex;\n    flex-wrap: wrap;\n}\n#learn--default-view .cards .card[data-v-154dbd61] {\n      flex: 0 0 202px;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(177),o=n(140);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(337);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/debug/DebugView.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(142);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"#debug-view .title {\n  /* background-color: purple; */\n  color: white;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var i=n(178),o=n(143);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(343);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,null,null);s.options.__file="src/modules/Hero/ui/panels/notifications/NotificationsView.vue",t.default=s.exports},function(e,t,n){"use strict";n.r(t);var i=n(198),o=n(145);for(var a in o)"default"!==a&&function(e){n.d(t,e,function(){return o[e]})}(a);n(341);var r=n(0),s=Object(r.a)(o.default,i.a,i.b,!1,null,"e5d7526e",null);s.options.__file="src/modules/Hero/ui/panels/notifications/components/Card.vue",t.default=s.exports},function(e,t,n){"use strict";var i=n(147);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".notification-card[data-v-e5d7526e] {\n  position: relative;\n  width: 100%;\n  height: auto;\n  background-color: #282C31;\n  color: white;\n  margin: 6px 0;\n  border-radius: 9px;\n  padding: 20px;\n}\n.notification-card.with-image[data-v-e5d7526e] {\n    padding: 20px 20px 60px 20px;\n}\n.notification-card .content[data-v-e5d7526e] {\n    cursor: pointer;\n}\n.notification-card .content:hover .title[data-v-e5d7526e] {\n      text-decoration: underline;\n}\n.notification-card .image[data-v-e5d7526e] {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 40px;\n    background-size: cover;\n    background-position: center;\n    border-radius: 0 0 9px 9px;\n}\n.notification-card .meta[data-v-e5d7526e] {\n    font-size: 12px;\n    line-height: 18px;\n    color: #AAA;\n}\n.notification-card .title[data-v-e5d7526e] {\n    font-family: Barlow;\n    font-weight: 900;\n    font-size: 18px;\n    line-height: 18px;\n    letter-spacing: 1px;\n    color: white;\n    margin-bottom: 4px;\n}\n.notification-card .brief[data-v-e5d7526e] {\n    font-size: 11px;\n    line-height: 13px;\n    color: #888;\n}\n.notification-card .close[data-v-e5d7526e] {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    width: 16px;\n    height: 16px;\n    opacity: 1;\n    cursor: pointer;\n    /* &:hover {\n      opacity: 1;\n    } */\n}\n",""])},function(e,t,n){"use strict";var i=n(148);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"/* #notifications-view {} */\n",""])},function(e,t,n){"use strict";var i=n(149);n.n(i).a},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".default-panel .resizeme-wrapper {\n  display: none;\n  padding-top: 100px;\n  max-width: 100%;\n}\n.default-panel .resizeme-wrapper .resizeme {\n    max-width: 100%;\n    height: 30px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: 50% 50%;\n}\n.default-panel .primary-nav {\n  top: 0;\n  left: 0;\n  right: 0;\n  margin-bottom: 10px;\n}\n.default-panel .primary-nav .top-level {\n    display: flex;\n}\n.default-panel .primary-nav .top-level .pseudo-btn {\n      flex: 1 1 auto;\n      height: 20px;\n      margin-top: 1px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-bottom: 2px solid #E3E3E3;\n}\n.default-panel .primary-nav .top-level .pseudo-btn:hover {\n        border-bottom: 2px solid #505050;\n}\n.default-panel .primary-nav .top-level .pseudo-btn .label, .default-panel .primary-nav .top-level .pseudo-btn .label-short {\n        font-size: 10px;\n        font-weight: 600;\n}\n.default-panel .primary-nav .top-level .pseudo-btn.active {\n        border-bottom: 2px solid #505050;\n}\n.default-panel .primary-nav .top-level .pseudo-btn.active .label, .default-panel .primary-nav .top-level .pseudo-btn.active .label-short {\n          color: #505050;\n}\n.default-panel .tab-content-wrapper {\n  position: absolute;\n  top: 30px;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n.default-panel .tab-content-wrapper .tab-content {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    flex-direction: column;\n}\n.default-panel .pseudo-btn.templates .label {\n  display: block;\n}\n.default-panel .pseudo-btn.templates .label-short {\n  display: none;\n}\n.default-panel .pseudo-btn.hello .label {\n  display: block;\n}\n.default-panel .pseudo-btn.hello .label-short {\n  display: none;\n}\n@media (max-width: 260px) {\n.default-panel .pseudo-btn.templates .label {\n    display: none;\n}\n.default-panel .pseudo-btn.templates .label-short {\n    display: block;\n}\n.default-panel .pseudo-btn.hello .label {\n    display: none;\n}\n.default-panel .pseudo-btn.hello .label-short {\n    display: block;\n}\n}\n@media (max-width: 150px) {\n.default-panel .panel-content {\n    display: none;\n}\n.default-panel .resizeme-wrapper {\n    display: block;\n}\n}\n",""])},function(e,t){e.exports=require("application")},function(e,t,n){"use strict";n.r(t);var i=n(5),o=n(201),a=n(202),r=n(203),s=n(204),l=n(205),c=n(206),p=n(207),d=n(208),u=n(209),h=n(210),f=n(211),v=n(150);const m=n(3).storage.localFileSystem;n(3).storage.localFileSystem;const g=n(3).storage.localFileSystem,x=n(347),w="[ Shell:FirstLaunchService ]";var b=n(9);const y="https://xdhero.com/";var _={WIP:y+"wip",GETTING_STARTED:y+"learn/getting-started",LEARN:y+"learn",SHOWROOM:y+"showroom",TEMPLATES:y+"templates",SUBSCRIBE:y+"subscribe",HELP_PREVIEW:y+"help/v1/preview",HELP_EXPORT:y+"help/v1/export",HELP_NAMING:y+"help/v1/naming",HELP_EXPORT_AS:y+"help/v1/export-as",HELP_HERO_SCENE:y+"help/v1/hero-scene",HELP_EFFECTS:y+"help/v1/effects",HELP_ACTIONS:y+"help/v1/actions",HELP_WEB_ATTRIBUTES:y+"help/v1/web-attributes",HELP_TIMELINE:y+"help/v1/timeline",STARTERKIT:y+"starterkit",CONTACT:y+"contact"};const A=n(8).default;(class{static async install(e,t,n){t&&console.log("(DEBUG) InstallService::forceInstall is activated. Disable this in production mode...");const i=await m.getDataFolder(),o="installed_"+e.version;await i.getEntry(o).catch(()=>{})&&!t||await this._install(e,n)}static async _install(e,t){const n=await m.getDataFolder(),i=(await m.getPluginFolder(),"installed_"+e.version),o=await n.createEntry(i,{overwrite:!0}),a=(new Date).getTime()+"$"+Math.round(1e4*Math.random());await o.write(a),await v.default.deepCopyFilesFolder(),t&&await t.install(e)}}).install(b.default,!1,class{static async install(e){try{console.log(`[ ${e.id} ] Custom Install`)}catch(t){console.error(`[ ${e.id} ]`,t)}}}),window.flags={NEXT_WEB_GRAPH_CREATOR:!0,HELLO:!0,DEBUG:!1,NEXT:!1,SUDO:!1},window.showError=(async e=>{await A.open(null,{width:"auto"},{title:"Ooops. There was an error.",message:e.message})}),window.openWebsite=function(e){let t=e;0!=e.indexOf("#")||(t=_[e.substr(1)])?n(3).shell.openExternal(t):console.log("Error in window.openWebsite(): link not found: ",e)};const C={default:{}};t.default=class{static commands(){return{}}static panels(){return{default:{show:function(e){const t=C.default;t.node||(t.node=document.createElement("panel"),t.node.innerHTML='<div id="app"></div>',class{static async launch_v2(e){const t=await g.getDataFolder();if(!await t.getEntry("nolog").catch(()=>{})){const t=await g.getDataFolder(),n=await t.getEntry(`installed_${e.version}`).catch(()=>{}),i=await n.read().catch(()=>{});try{const t="https://hq.xdhero.com/xdhero/checkUpdates?"+`plugin=${e.id}`+`&version=${e.version}`+`&lang=${x.appLanguage}`+`&guid=${i}`;let n=await fetch(t);await n.json()}catch(e){console.log(w,"launch_v2()","ERROR:",e)}}}static async launch(e){const t=await g.getDataFolder();await t.getEntry("nolog").catch(()=>{})||this._log(e)}static async _log(e){try{const t=await g.getDataFolder(),n=await t.getEntry(`installed_${e.version}`).catch(()=>{}),i=await n.read().catch(()=>{}),o="https://tourdexd.com/api_check_updates/?"+`plugin_name=${e.id}`+`&v=${e.version}`+`&lang=${x.appLanguage}`+`&id=${i}`;await fetch(o).then(function(e){return e.json()})}catch(e){}}}.launch_v2(b.default),document.body.style.height="80vh"),e.node.appendChild(t.node),t.vue||(class{static register(e){e.component("xp-panel-title",a.default),e.component("xp-view-title",c.default),e.component("xp-template-list",s.default),e.component("xp-template-selector",l.default),e.component("xp-section-title",p.default),e.component("xp-label",d.default),e.component("xp-property-title",u.default),e.component("xp-list",r.default),e.component("xp-color-picker",h.default)}}.register(i.default),i.default.component("default-panel",f.default),t.vue=new i.default({el:"#app",render:e=>e(o.default,{props:{}})}),t.vue.$emit("init")),t.vue.$emit("activate")},hide:function(e){const t=C.default;e.node.removeChild(t.node)},update:function(){C.default.vue.$emit("preUpdate"),C.default.vue.$emit("update")}}}}}},function(e,t,n){"use strict";n.r(t);const i=!1,o="[ GsapNext / heroScenesBlock ]";var a=function(e){i&&console.log(o);let t="";function n(e){t+=`\n      //---\n      // Scene: ${e.id}\n      document.addEventListener('DOMContentLoaded', function () {\n        var log = console.log;\n        var player = window.player;\n        var scene = window.player.getScene('${e.id}');\n    `,function e(n){let i=XDC.core.getData(n.node,"data");for(const e in i)if(0===e.indexOf("script_")){const o=e.replace("script_","");t+=`\n          //---\n          // ${n.id} : ${o}\n          (function() {\n            try {\n              var el = document.getElementById('${n.id}');\n              hero.add( el, '${o}', {start: function(element) {\n                ${i[e]}\n              }.bind(el)} );\n            } catch (err) {\n              console.log("Error in custom script (${n.id} : ${o}) : ", err);\n            }\n          })();\n        `}n.children.forEach(t=>{e(t)})}(e),function e(n){i&&console.log(o," processInteractions()  ->  ",n.node.triggeredInteractions);const a=n.node.triggeredInteractions;a.length&&a.forEach(e=>{if("tap"==e.trigger.type&&"goToArtboard"==e.action.type)switch(e.trigger.type){case"tap":const i=XDC.core.getId(e.action.destination);t+=`\n            //---\n            // ${n.id} : Interaction (${e.trigger.type})\n            document.getElementById('${n.id}').addEventListener('click', function() { player.loadScene('${i}') });\n            `}else i&&console.log(o,"processInteractions()",`Unsupported interaction found. Trigger Type: ${e.trigger.type}, Action Type: ${e.action.type}`)});n.children.forEach(t=>{e(t)})}(e),t+="\n      }); // Scene end    \n    "}return e.children.forEach(e=>{n(e)}),t};const r=n(3).storage.localFileSystem,s=n(256);t.default=class{constructor(e){this.heroGraph=e,this.scope={currentScene:0,lastAutoIdIndex:0},this.warnings=[]}async export(e,t,n){this.exportType=e;try{"Artboard"==t.constructor.name&&(t=[t]);let e=[];for(let i in t){let o=t[i],a=await this.processScene(o,n);e.push(a)}const i={html:"",css:"",timelineCode:"",heroScenes:""};e.forEach(e=>{i.html+=e.rendered.html,i.css+=e.rendered.css,i.timelineCode+=e.timelineCode,i.heroScenes+=e.heroScenes}),i.html=`\n\n        \x3c!-- /////////////////////// --\x3e\n        \x3c!-- Player --\x3e\n        <div class="wrapper" style="position: relative; width: 100%; height: 100%;">\n          <div id="player" class="fusion--player" style="width: 100%; height: 100%; background-color: #EEE;">\n            <div class="fusion--viewport">\n            \n            ${i.html}\n\n            </div>\n          </div>\n        </div>\n\n      `,i.css=`\n        ${i.css}\n      `,i.player=function(e,t){let n=t.boundsInParent.width,i=t.boundsInParent.height,o="";return e.forEach(e=>{o+=`\n            { \n              id: '${e.sceneId}', \n              type: 'flat', \n              width: ${n}, \n              height: ${i},\n              fit: true, \n              center: true,\n              plugins: [\n                // {id: 'visualDebugger', options: {centerV: true}},\n              ]\n            },              \n      `}),`\n      document.addEventListener('DOMContentLoaded', function () {\n        window.player = new fusion.Player({\n          id: 'player',\n          // debug: true, \n          scenes: [\n            ${o}\n          ]\n        });\n        player.loadScene('${e[0].sceneId}');      \n      });\n    `}(e,t[0]);let o='<!DOCTYPE HTML>\n  <html lang="">\n  <head>\n    <meta http-equiv="content-type" content="text/html; charset=utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n    <script src="https://code.jquery.com/jquery-3.4.1.min.js"><\/script>\n    <script src="https://code.createjs.com/1.0.0/easeljs.min.js"><\/script>\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.1/gsap.min.js"><\/script>\n    <script src="hero.0.9.0.js"><\/script>\n    <script src="fusion.0.9.0.js"><\/script>\n    </head>\n  <body>\n  <style>\n  * {\n    box-sizing: border-box;\n  }\n  html, body {\n    width: 100%;\n    height: 100%;\n  }\n  body {\n    overflow: hidden;\n    margin: 0;\n    padding: 0;\n  }\n  .hero-element {\n    position: absolute;\n  }\n  \n  /*!#CSS*/\n\n  </style>\n\n  /*!#HTML*/\n\n\n  \x3c!-- Hero/Fusion Player --\x3e\n  <script>\n    /*!#HERO_PLAYER*/\n  <\/script>\n\n  \x3c!-- Hero Scenes --\x3e\n  <script>\n    /*!#HERO_SCENES*/\n  <\/script>\n\n  \x3c!-- Hero Timelines --\x3e\n  <script>\n    /*!#HERO_TIMELINE*/\n  <\/script>\n\n  /*!#PREVIEW_HELPER*/\n  \n</body>';if(o=(o=(o=(o=(o=(o=o.replace("/*!#CSS*/",i.css)).replace("/*!#HTML*/",i.html)).replace("/*!#HERO_TIMELINE*/",i.timelineCode)).replace("/*!#HERO_SCENES*/",i.heroScenes)).replace("/*!#HERO_PLAYER*/",i.player)).replace("/*!#PREVIEW_HELPER*/","preview"==this.exportType?'<script src="index.preview.js"><\/script>':""),(await n.createFile("index.html",{overwrite:!0})).write(o),"preview"==this.exportType){let e='\n\n(function() {\n\n\n\n\n\n  return;\n\n\n\n  //---\n  // Add controls\n  var previewControls = document.createElement(\'div\');\n  previewControls.innerHTML = `\n    <style>\n      #preview-controls {\n        position: fixed;\n        bottom: 20px;\n        width: 500px;\n        left: calc(50% - 250px);\n        transform: translateZ(1px);\n        padding: 10px;\n        background-color: #383d46;\n        border-radius: 4px;\n        opacity: 0.8;\n      }\n      #preview-controls #previewTimeSlider {\n        width: 200px;\n      }\n    </style>\n    <div id="preview-controls">\n      <input id="previewTimeSlider" type="range" min="0" max="9999" step="0.01" />\n      <button id="playPauseButton">&#9658; ||</button>\n      <select id="speedSelect">\n        <option value="0.25">0.25x</option>\n        <option value="0.5">0.5x</option>\n        <option value="1" selected>1x</option>\n        <option value="1.5">1.5x</option>\n        <option value="2">2x</option>\n        <option value="3">3x</option>\n        <option value="4">4x</option>\n        <option value="10">10x</option>\n      </select>\n    </div>\n  `;\n  document.body.appendChild(previewControls);\n\n  //---\n  // References\n  var timeline = null;\n  var duration = 0;\n\n  //---\n  // Init\n  heroOld.on(\'ready\', function(payload) {\n    timeline = heroOld.getScene(\'scene1\').timeline;\n    duration = timeline.duration();\n    previewTimeSlider.setAttribute(\'max\', duration);\n    timeline.eventCallback(\'onUpdate\', function() {\n      previewTimeSlider.value = timeline.time();\n    });\n  });\n\n  //---\n  // Time Slider\n  var previewTimeSlider = document.getElementById(\'previewTimeSlider\');\n  previewTimeSlider.addEventListener(\'input\', function(evt) {\n    timeline.pause(evt.currentTarget.value);\n  });\n\n  //---\n  // Play Button\n  var playPauseButton = document.getElementById(\'playPauseButton\');\n  playPauseButton.addEventListener(\'click\', function(evt) {\n    if (timeline.time() >= timeline.duration()) {\n      timeline.play(0);\n    }\n    else {\n      timeline.paused(!timeline.paused());\n    }\n  });\n\n  //---\n  // Speed Select\n  var speedSelect = document.getElementById(\'speedSelect\');\n  speedSelect.addEventListener(\'change\', function(evt) {\n    timeline.timeScale( evt.currentTarget.value );\n  });\n\n\n})();\n\n';(await n.createFile("index.preview.js",{overwrite:!0})).write(e)}if("preview"==this.exportType){let e='<!doctype html>\n<html lang="en">\n  <head>\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width,minimum-scale=1">\n    <style>\n      * {\n        box-sizing: border-box;\n      }\n      html, body {\n        padding: 0;\n        margin: 0;\n        font-family: Arial;\n        font-size: 0.9em;\n      }\n      #top-controls {\n        position: absolute;\n        top: 0; right: 0; left: 0;\n        height: 20px;\n        background-color: lightgrey;\n        text-align: center;\n        padding-top: 5px; \n        font-size: 10px;\n        color: #777;\n      }\n      #stage-wrapper {\n        position: absolute;\n        top: 20px; right: 0; bottom: 0; left: 0;\n        overflow: hidden;\n        background-color: white;\n      }\n      iframe#stage {\n        width: 100%;\n        height: 100%;\n        border: none;\n      }\n    </style>\n    <title>Preview</title>\n  </head>\n  <body>\n    <div id="top-controls">\n      HERO PREVIEW\n    </div>\n    <div id="stage-wrapper">\n      <iframe id="stage"></iframe>\n    </div>\n\n  <script>\n  //---\n  // Load iframe with nocache\n  var stage = document.getElementById(\'stage\');\n  stage.src = "index.html?nocache="+Math.round(Math.random()*1000000000000000);\n\n  //---\n  // Preview Auto Reload\n  setInterval(()=>{\n    window.___lastPreviewId = window.___previewId;\n    var s = document.createElement("script");\n    s.type = "text/javascript";\n    s.src = "preview.js?nocache="+Math.round(Math.random()*100000000000000000);\n    document.body.append(s);\n\n    s.addEventListener(\'load\', function() {\n      if (window.___lastPreviewId && window.___previewId != window.___lastPreviewId) {\n        console.log(\'RELOAD 2.1\');\n        // location.reload(true);\n        stage.src = "index.html?nocache="+Math.round(Math.random()*1000000000000000);\n      }\n    });\n  }, 2000);\n\n  <\/script>\n  </body>\n';(await n.createFile("preview.html",{overwrite:!0})).write(e)}if("preview"==this.exportType){const e=await n.createFile("preview.js",{overwrite:!0});await e.write(`window.___previewId = ${(new Date).getTime()};`)}(async()=>{const e=await r.getPluginFolder();(async()=>{const t=await e.getEntry(s.join("files","Hero","libs","hero.0.9.0.js")),i=await n.createFile("hero.0.9.0.js",{overwrite:!0});await i.write(await t.read())})(),(async()=>{const t=await e.getEntry(s.join("files","Hero","libs","fusion.0.9.0.js")),i=await n.createFile("fusion.0.9.0.js",{overwrite:!0});await i.write(await t.read())})()})()}catch(e){console.log("[ GsapExporter (Next) ]","export()",e)}return{warnings:this.warnings}}async processScene(e,t){try{const n={sceneNode:e};this.scope.currentScene++;const i=new(flags.NEXT_WEB_GRAPH_CREATOR?XDC.webExport.WebGraphCreatorNext:XDC.webExport.WebGraphCreator)({startIndex:this.scope.lastAutoIdIndex}),o=new XDC.webExport.WebRenderer;i.add(e);let r=await i.create();this.scope.lastAutoIdIndex=r.lastAutoIdIndex,r.children.reverse(),r.children.forEach(e=>{e.styles.position="absolute"});let s=function(e){e.children&&e.children.forEach(e=>{"Artboard"==e.type?e.classes.push("scene"):-1==e.classes.indexOf("hero-element")&&e.classes.push("hero-element"),s(e)})};s(r),this.warnings=this.warnings.concat(i.warnings),n.timelineCode=function(e,t,n){try{let i=e.getScene(n.guid),o=`\n    //---\n    // Scene: ${i.id}\n    document.addEventListener('DOMContentLoaded', function () {\n      var player = window.player;\n      var scene = window.player.getScene('${i.id}');\n      var log = console.log;\n      var tl = gsap.timeline({paused: true});\n      scene.timeline = tl;\n      /*!#SCENE_CODE*/\n    });\n    `,a="";return i.timedActions.forEach(e=>{switch(e.type){case"stop":a+=`\n      tl.addPause(${e.time/1e3});\n          `;break;case"custom_script":a+=`\n      tl.call(function(player, scene, timeline) {\n${e.script}\n}, [player, scene, tl], ${e.time/1e3});\n          `}}),i.elements.forEach(e=>{a+=`\n      // Element: #${e.id}\n      var ${e.id}_tl = function() {\n        var el = document.getElementById('${e.id}');\n        // WIP: Removed since transformOrigin is removed \n        //TweenMax.set(el, {force3D: true, transformOrigin: '${e.$node.localCenterPoint.x.toFixed(3)}px ${e.$node.localCenterPoint.y.toFixed(3)}px'});\n        TweenMax.set(el, {force3D: true});\n        var tl = gsap.timeline();`,e.tracks.forEach(n=>{n.tweens.forEach((i,o)=>{let r=i.startValue,s=i.endValue,l="";const c=t.findById(e.id);"x"==n.property?(r=parseFloat(r)+c.translationX,r=Math.round(1e3*r)/1e3,s=parseFloat(s)+c.translationX,s=Math.round(1e3*s)/1e3):"y"==n.property?(r=parseFloat(r)+c.translationY,r=Math.round(1e3*r)/1e3,s=parseFloat(s)+c.translationY,s=Math.round(1e3*s)/1e3):"rotation"==n.property&&(r=parseFloat(r)+e.$node.rotation,s=parseFloat(s)+e.$node.rotation),i.easing&&"Quad.easeOut"!=i.easing&&(l=`, ease: ${i.easing}`),a+=0==o?` \n        tl.add( TweenMax.fromTo(el, ${i.duration/1e3}, {${n.property}: ${r}}, {${n.property}: ${s}${l}}), ${i.start/1e3} );`:`\n        tl.add( TweenMax.to(el, ${i.duration/1e3}, {${n.property}: ${s} ${l}}), ${i.start/1e3} );`})}),a+=`\n        return tl;\n      }\n      tl.add(${e.id}_tl(), 0);\n      `}),a=o.replace("/*!#SCENE_CODE*/",a)}catch(e){console.log("[ GsapNext / timelineBlock ]","generateTimeline()",e)}}(this.heroGraph,r,e),n.sceneId=this.heroGraph.getScene(e.guid).id,n.rendered=await o.render(r),n.rendered.html=`\n\n            \n            <div class="fusion--scene fusion--scene--default scene-${n.sceneId}">\n              <div class="fusion--scene--content">\n                ${n.rendered.html}\n              </div>\n            </div> \n\n\n      `;const l=new XDC.webExport.RenditionExporter(t);return await l.export(r),n.heroScenes=a(r),n}catch(e){console.log("[ GsapExporter (Next) ]","processScene()",e)}}}},function(e,t,n){"use strict";n.r(t);var i=n(5);n(3).storage.localFileSystem;n(234);const o=n(6).HeroGraph,a=n(7).default,r=n(8).default,s=n(241).default,l=n(244).default,c=n(247).default,p=n(250).default,d=n(253).default,u=n(349).default;const h="[ HeroApp ]",f=u;t.default=i.default.extend({data:()=>({pro:!1,isInPlaceHelp:!1,exportFolder:null,previewFolder:null,suppressWarnings:!1,recentWarnings:[],graph:null,currentTime:0,currentSceneGuid:null,currentScene:null,currentSelection:{type:null,heroObject:null},ui:{timelineScrollLeft:0,sPx:100},isReadingGraphInProgress:!0,isPersistSessionActive:!1,lastPersistInitiatorWasPlugin:!1,debouncedPropagateFunc:null}),methods:{async init(){this.pro=!0},async onPreUpdate(){this.lastPersistInitiatorWasPlugin||await this.readGraph(),this.reflectSelection(),this.lastPersistInitiatorWasPlugin=!1},onUpdate(){this.isInPlaceHelp=!1},setCurrentSelection(e,t){this.currentSelection.type=e,this.currentSelection.heroObject=t,this.$emit(a.UI_SELECTION_CHANGE)},clearCurrentSelection(){this.currentSelection.type=null,this.currentSelection.heroObject=null,this.$emit(a.UI_SELECTION_CHANGE)},async readGraph(){let e=this;try{const t=XDC.root.pluginData;t&&t.hero&&t.hero.graph?(this.currentSceneGuid=null,this.currentScene=null,this.clearCurrentSelection(),this.isReadingGraphInProgress=!0,this.graph=new o(JSON.parse(t.hero.graph),this.onGraphPropagate),setTimeout(()=>{e.isReadingGraphInProgress=!1},110),this.cleanupOrphans()):(this.graph=new o(null,this.onGraphPropagate),e.isReadingGraphInProgress=!1),this.scanDocument()}catch(e){console.error(h,"readGraph()","Error:",e)}},async persistGraph(){if(!this.isReadingGraphInProgress)try{let e=()=>new Promise(async(e,t)=>{try{this.cleanupOrphans();let n=XDC.root.pluginData;(n=n||{}).hero=n.hero?n.hero:{},n.hero.graph=this.graph.stringify(),this.lastPersistInitiatorWasPlugin=!0,XDC.root.pluginData=n,setTimeout(()=>{this.isPersistSessionActive=!1,e()},110)}catch(e){console.log("Error:",e),this.isPersistSessionActive=!1,t()}});this.isPersistSessionActive?e():(this.isPersistSessionActive=!0,await XDC.application.editDocument({editLabel:"Persist hero data"},e))}catch(e){console.log(h,"persistGraph()",e),this.isPersistSessionActive=!1}},async onGraphPropagate(){try{if(this.isReadingGraphInProgress)return;this.$emit(a.GENERAL_GRAPH_UPDATE),this.persistGraph()}catch(e){console.log(h,"onGraphPropagate()",e)}},scanDocument(){try{this.getAllScenes().forEach(e=>{this.graph.addScene(e)}),this.graph&&this.graph.scenes.forEach(e=>{XDC.core.getNodeByGuid(e.guid)||this.graph.removeScene(e.guid),e.elements.forEach(t=>{XDC.core.getNodeByGuid(t.guid)||e.removeElement(t.guid)})}),this.currentScene=this.graph.scenes[0]}catch(e){console.log(e)}},cleanupOrphans(){this.graph&&this.graph.scenes.forEach(e=>{XDC.core.getNodeByGuid(e.guid)||this.graph.removeScene(e.guid),e.elements.forEach(t=>{XDC.core.getNodeByGuid(t.guid)||e.removeElement(t.guid)})})},reflectSelection(){if(1!=XDC.selection.items.length)return this.currentScene=null,this.currentSceneNodeGuid=null,void(this.layerName="");let e=XDC.selection.items[0];this.currentSceneGuid=XDC.query.getParentArtboard(e).guid;let t=XDC.query.getParentArtboard(e);this.currentScene=this.graph.getScene(t),this.$emit(a.UI_UPDATE)},getAllScenes(){const e=[];let t=null;return XDC.root.children.forEach(n=>{if(!!XDC.core.getData(n,"isScene")){!!XDC.core.getData(n,"isStartScene")?t=n:e.push(n)}}),t&&e.unshift(t),e},debugGraph(e){console.log("\n################\n# HeroGraph");const t=this.graph;t?e?console.log(h,this.graph.stringify(!0)):(console.log(`(timestamp: ${this.graph.timestamp})`),t.scenes.forEach(e=>{console.log(`Scene: ${e.guid}`),e.timedActions.forEach(e=>{console.log(`  TimedAction: ${e.id}, ${e.time}, ${e.type}, ${e.script}`)}),e.elements.forEach(e=>{console.log(`  Element: ${e.guid}, ${e.name}`),e.tracks.forEach(e=>{console.log(`    Track: ${e.property}`),e.tweens.forEach(e=>{console.log(`      Tween: (s: ${e.start}, d: ${e.duration}, sv: ${e.startValue}, ev: ${e.endValue})`)})})})})):console.log("No HeroGraph found...")},async showUpgradeBlocker(e){this.pro||await r.open(c,{width:"800",height:"600"},{id:e})},async export(){let e=this.getAllScenes();if(0==e.length)return console.log("\n\nNo hero scenes to preview/export found..."),void await r.open(l,{width:"400",minWidth:"400",height:"auto",minHeight:"360"},{});this.exportFolder||await r.open(p,{width:"600",minWidth:"400",height:"auto",minHeight:"350"},{heroApp:this}),this.exportFolder&&(XDC.application.editDocument(t=>new Promise(async(t,n)=>{try{await this._export("export",e,this.exportFolder),this.showWarnings(),t()}catch(e){return console.log(h,"preview() (editDocument session)","Error:",e),this.exportFolder=null,void n(e)}})),this.exportFolder=null)},async preview(){let e=this.getAllScenes();if(0==e.length)return console.log("\n\nNo hero scenes to preview/export found..."),void await r.open(l,{width:"400",minWidth:"400",height:"auto",minHeight:"360"},{});if(this.previewFolder){if(this.previewFolder)try{XDC.application.editDocument(t=>new Promise(async(t,n)=>{await this._export("preview",e,this.previewFolder),this.showWarnings(),t()}))}catch(e){console.log(h,"preview()","ERROR:",e)}}else{const e=await r.open(s,{width:"600",minWidth:"400",height:"auto",minHeight:"350"},{heroApp:this});if(!e||"reasonCanceled"==e)return;this.showWarnings()}},async previewSetup(){await r.open(s,{width:"600",minWidth:"400",height:"auto",minHeight:"350"},{heroApp:this})},async _export(e,t,n){this.recentWarnings=[];try{let i=new f(this.graph),o=await i.export(e,t,n);o.warnings&&o.warnings.length&&(this.recentWarnings=o.warnings)}catch(e){console.log(h,"preview() (editDocument session)","Error:",err)}},async showWarnings(){this.suppressWarnings||0==this.recentWarnings.length||await r.open(d,{width:"600",minWidth:"400",height:"auto",minHeight:"350"},{heroApp:this,warnings:this.recentWarnings})}}})}]).default;