our-journey/dist/our-journey.min.js

/*!
  our-journey | 1.6.2
  © 2019 The Open University (IET) | Tim Coughlan {lead}, Glen Darby, Nick Freear | GPL-3.0+.
  Build: 2019-02-14T15:12Z
  https://github.com/IET-OU/our-journey

*/
require=function(){return function t(e,o,n){function i(a,l){if(!o[a]){if(!e[a]){var s="function"==typeof require&&require;if(!l&&s)return s(a,!0);if(r)return r(a,!0);var u=new Error("Cannot find module '"+a+"'");throw u.code="MODULE_NOT_FOUND",u}var c=o[a]={exports:{}};e[a][0].call(c.exports,function(t){return i(e[a][1][t]||t)},c,c.exports,t,e,o,n)}return o[a].exports}for(var r="function"==typeof require&&require,a=0;a<n.length;a++)i(n[a]);return i}}()({1:[function(t,e,o){e.exports.run=function(e){const o=Date.now();return console.time("our-journey int"),window.ourJourneySvgLoad=function(t){const e=Date.now();u.config().times={start:o,end:e},console.warn("Svg load, ms:",e-o,t),console.timeLog&&console.timeLog("our-journey int")},new Promise(function(o,d){if(!n)return void d(new Error("our-journey. Browser compatibility error"));const p=u.putConfig(e);console.warn("The our-journey API:",t("../index"),"config:",p),c.setup(),console.warn("qs test:",u.qs("#journey-canvas")),"scol"===p.layout?r.setScol():r.reflow(),"fixed"===p.editor?s.chooseEditor("fixed"):s.chooseEditor("float"),i.initialiseElements(0),a.initialise(),p.demo&&(i.demoFill(),u.container().className+=" demo-fill"),p.wholePage&&(document.body.className+=" our-journey-whole-page"),i.setFocusElement(0),i.changeFocus(),s.toggleOptions(0),s.changeBackground(p.background),l.createLink(i.getElements());var m=l.loadLink(i.getElements());if(document.getElementById("group0").focus(),m>0){if(m>i.getNumElements()){var y,g=(m-i.getNumElements())/10;for(y=0;y<g;y++)r.addElementsToLayout()}}else i.editFocus();window.scrollTo(0,0),o("our-journey: OK")})};const n=t("./compat").check(),i=t("./core"),r=t("./layout"),a=t("./event"),l=t("./share-link"),s=t("./user-interface"),u=t("./util"),c=t("./views")},{"../index":"our-journey","./compat":3,"./core":5,"./event":7,"./layout":9,"./share-link":16,"./user-interface":17,"./util":18,"./views":19}],2:[function(t,e,o){e.exports={emoticonCount:function(){return r.length},iconCount:function(){return i.length},getEmoticonName:function(t){return r[t].name},getEmoticonPath:function(t){return n.config("assetUrl")+l+r[t].file},getIconPath:function(t){return n.config("assetUrl")+s+i[t].file},getIconName:function(t){return i[t].name},getIconAlt:function(t,e){return i[t].alt},getBackgroundElements:function(){return a},hasEmoticon:function(t,e){return r[t].name===e.emoticon},hasIcon:function(t,e){return i[t].name===e.icon}};const n=t("./util"),i=[{name:"achievement",file:"Achievement_card.png",alt:"Achievement"},{name:"admin",file:"Admin_card.png",alt:"Admin and forms"},{name:"assessment",file:"Assessments_card.png",alt:"Assessment"},{name:"barrier",file:"Barrier_card.png",alt:"Barrier"},{name:"communication",file:"Communication_card.png",alt:"Communication"},{name:"confidence",file:"ConfidenceBoost_card.png",alt:"Confidence boost"},{name:"considerstudy",file:"ConsiderStudy_card.png",alt:"Considering study"},{name:"duedates",file:"DueDates_card.png",alt:"Due dates"},{name:"employment",file:"Employment_card.png",alt:"Jobs and employment"},{name:"finances",file:"Finances_card.png",alt:"Finances"},{name:"helpneeded",file:"Needed_card.png",alt:"Help needed"},{name:"highpressure",file:"HighPressure_card.png",alt:"High pressure"},{name:"information",file:"Information_card.png",alt:"Finding information"},{name:"lostdirection",file:"LostDirection_card.png",alt:"Lost direction"},{name:"lowenergy",file:"LowEnergy_card.png",alt:"Low energy"},{name:"lowscores",file:"LowScores_card.png",alt:"Low scores"},{name:"moving",file:"Moving_card.png",alt:"Moving home"},{name:"nosupport",file:"NoSupport_card.png",alt:"No support"},{name:"peersupport",file:"PeerSupport_card.png",alt:"Peer support"},{name:"problem",file:"Problem_card.png",alt:"Problem"},{name:"register",file:"Register_card.png",alt:"Registering"},{name:"repetition",file:"Repetition_card.png",alt:"Repetition"},{name:"studybreak",file:"StudyBreak_card.png",alt:"Break from study"},{name:"studyexperience",file:"StudyExperience_card.png",alt:"Study experience"},{name:"studygoal",file:"StudyGoal_card.png",alt:"Goal"},{name:"studymilestone",file:"StudyMilestone_card.png",alt:"Study milestone"},{name:"studysuccess",file:"StudySuccess_card.png",alt:"Study success"},{name:"studysupport",file:"StudySupport_card.png",alt:"Study support"},{name:"timelost",file:"TimeLost_card.png",alt:"Time lost"}],r=[{name:"proud",file:"Proud_emoji.png"},{name:"angry",file:"Angry_emoji.png"},{name:"anxious",file:"Anxious_emoji.png"},{name:"bored",file:"Bored_emoji.png"},{name:"confident",file:"Confident_emoji.png"},{name:"confused",file:"Confused_emoji.png"},{name:"curious",file:"Curious_emoji.png"},{name:"embarrassed",file:"Embarrassed_emoji.png"},{name:"excited",file:"Excited_emoji.png"},{name:"happy",file:"Happy_emoji.png"},{name:"nervous",file:"Nervous_emoji.png"},{name:"scared",file:"Scared_emoji.png"},{name:"unwell",file:"Unwell_emoji.png"},{name:"stressed",file:"Stressed_emoji.png"},{name:"thinking",file:"Thinking_emoji.png"},{name:"tired",file:"Tired_emoji.png"},{name:"unhappy",file:"Unhappy_emoji.png"},{name:"upset",file:"Upset_emoji.png"}],a=["head_background","pencil_background","plant_background","calc_background","biscuits_background","glasses_background","folder_background","coffee_background","pens_background","graph_background","jammie_background","pencil_background","biscuits_background_2","plant_background_2","tablet_background","calc_background_2","tablet_background_2","glasses_background_2","coffee_background_2","pens_background_2","folder_background_2","graph_background_2","jammie_background_2","coffee_background_3"],l="/emoji/",s="/card/"},{"./util":18}],3:[function(t,e,o){e.exports.check=function(){const t=!l.test(n)||/compatCheck=false/.test(r.href);if(!t){!function(){const t=i.createElement("div");t.innerHTML=a.join("\n"),t.className="our-journey-js ojs-error ojs-no-compat ojs-msie",i.body.insertBefore(t,i.body.firstChild)}(),function(){const t=i.querySelector("#our-journey-tool");t&&(t.style.display="none")}();let t=new Error("our-journey. Browser NOT compatible (MSIE ?)");throw t.name="CompatError",t}console.warn("our-journey. Browser is compatible");return t};const n=window.navigator.userAgent,i=window.document,r=window.location,a=['<div class="X-ojs-error alert alert-danger" role="alert">',"  <p>Sorry! <i>our-journey</i> does not work on Internet Explorer.</p>",'  <p><a href="https://browsehappy.com">Try a different browser — Browse Happy</a></p>',"</div>"],l=/(MSIE|Trident\/)/},{}],4:[function(t,e,o){const n=t("./util");e.exports.DEFAULTS={containerSelector:"#our-journey-tool",assetUrl:"https://iet-ou.github.io/our-journey/tool-assets",helpUrl:"https://iet-ou.github.io/our-journey/help.html",privacyUrl:"https://iet-ou.github.io/our-journey/privacy-ou-generic.html",demo:n.param(/[?&]demo=(1)/,!1),editor:n.param(/[?&]edit=(fixed|float)/,"float"),journey:n.param(/[?&]j=(base64:[\w%=]+)/),layout:n.param(/[?&]layout=(scol|default)/,"default"),background:n.param(/[?&]bg=([a-z]+)/,"Wheat"),zoom:n.param(/[?&]zoom=([5-9][05])/,100),wholePage:!0,version:"1.6.2",events:["updatesharelink.ourjourney"],onUpdateShareLink:function(){}}},{"./util":18}],5:[function(t,e,o){e.exports={initialiseElements:function(t){for(var e=t;e<f;e++){var o={eID:"place"+e,description:"",emoticon:"none",icon:"none",postit:""};s.push(o)}_()},updateElements:_,changeFocus:B,demoFill:function(){for(var t=0;t<s.length;t++)s[t]={eID:"place"+t,description:"test description "+t,emoticon:"happy",icon:"timelost",postit:"post it text"};_()},updateElement:function(){"fixed"===n.getEditor()?(s[u].description=document.getElementById("event_desc").value,s[u].icon=document.getElementById("icon_select").value,s[u].emoticon=document.getElementById("emoticon_select").value,s[u].postit=document.getElementById("post_it_text").value):"float"===n.getEditor()&&(s[u].icon=document.getElementById("floating_icon_select").value,s[u].emoticon=document.getElementById("floating_emoticon_select").value,s[u].description=document.getElementById("floating_event_desc").value,s[u].postit=document.getElementById("floating_post_it_text").value);_()},clearElement:function(){s[u]={eID:"place"+u,description:"",emoticon:"none",icon:"none",postit:""},_(),B()},moveFwdElement:X,moveBackElement:Y,canvasGotFocus:function(){c=!0},canvasLostFocus:function(){c=!1},getElements:function(){return s},setFocusElement:function(t){u=t},getNumElements:function(){return f},editFocus:S,stopFloatingFocus:V,addElements:function(t){f+=t},getMaxElements:function(){return h},addMoreFocus:z,setCardColour:function(t){y=t,_(),document.getElementById("card_colour_select").value=y},setEmoticonColour:function(t){g=t,_(),document.getElementById("emoticon_colour_select").value=g},isPrinting:function(){m=!0},cardFocus:j,addMoreCardFocus:function(){p=!0,u=-1;var t=l.qs("#add_more_card").getAttribute("y");window.scrollTo(0,t)},clearFocus:function(){u=-1;for(var t=0;t<s.length;t++)document.getElementById(s[t].eID).setAttribute("class","not-focussed")},addCard:L,moveMenuChanged:function(){var t=l.qs("#floating_move_menu");"SwapBack"===t.value?Y():"SwapFwd"===t.value?X():"AddNew"===t.value&&L();t.value="Move"}};const n=t("./user-interface"),i=t("./assets"),r=t("./dimension.json"),a=t("./layout"),l=t("./util");var s=[],u=0,c=!1,d=!1,p=!1,m=!1,y="Ivory",g="White",f=15,h=64,v=[0,9,10,19,20,29,30,39,40,49,50,59,60],b=[4,5,14,15,24,25,34,35,44,45,54,55,64];function x(){var t=parseInt(this.id.substring(5));t!==u?(u=t,m&&(n.toggleEditor("show"),m=!1),V()):S()}function j(){var t=parseInt(this.id.substring(5));t!==u&&(u=t,B())}function _(){for(var t=0;t<f;t++){var e=document.getElementById("group"+t);e.addEventListener("click",x),e.addEventListener("focus",j);var o=document.getElementById("place"+t),n=document.getElementById("emoticonback"+t);o.style.fill=y,n.style.fill=g,"default"===a.getLayoutStyle()&&v.includes(t)?o.setAttribute("x",r.rectXV):o.setAttribute("y",r.rectY),E(t),k(t),w(t),I(t),A(t)}}function E(t){var e=document.getElementById("description"+t),o=a.getLayoutStyle();e.textContent=O(t).description,"default"===o&&v.includes(t)?(e.setAttribute("x",r.textXV),e.setAttribute("y",r.textYV)):"default"===o&&b.includes(t)?(e.setAttribute("x",r.textXVR),e.setAttribute("y",r.textYVR)):(e.setAttribute("x",r.textX),e.setAttribute("y",r.textY))}function k(t){var e=document.getElementById("emoticon"+t),o=document.getElementById("empty_emoticon"),n=document.getElementById("empty_emoticon_text"),l=document.getElementById("emoticonback"+t),s=a.getLayoutStyle();if("none"!==O(t).emoticon)for(var u=0;u<i.emoticonCount();u++)i.hasEmoticon(u,O(t))&&(l.setAttribute("visibility","visible"),e.setAttribute("height",r.emoticonHeight),e.setAttribute("width",r.emoticonWidth),"default"===s&&v.includes(t)?(l.setAttribute("cx",r.emoticonXV+36),l.setAttribute("cy",r.emoticonYV+36),e.setAttribute("x",r.emoticonXV),e.setAttribute("y",r.emoticonYV)):"default"===s&&b.includes(t)?(l.setAttribute("cx",r.emoticonXVR+36),l.setAttribute("cy",r.emoticonYVR+36),e.setAttribute("x",r.emoticonXVR),e.setAttribute("y",r.emoticonYVR)):(l.setAttribute("cx",r.emoticonX+36),l.setAttribute("cy",r.emoticonY+36),e.setAttribute("x",r.emoticonX),e.setAttribute("y",r.emoticonY)),e.setAttribute("display","inline"),e.setAttribute("href",i.getEmoticonPath(u)),e.setAttribute("alt",i.getEmoticonName(u)),o.setAttribute("fill-opacity","0.0"),n.textContent="");else e.setAttribute("display","none"),l.setAttribute("visibility","collapse")}function w(t){var e=document.getElementById("icon"+t),o=document.getElementById("empty_icon"),n=document.getElementById("empty_icon_text"),l=a.getLayoutStyle();if("none"!==O(t).icon)for(var s=0;s<i.iconCount();s++)i.hasIcon(s,O(t))&&(e.setAttribute("height",r.iconHeight),e.setAttribute("width",r.iconWidth),"default"===l&&v.includes(t)?(e.setAttribute("x",r.iconXV),e.setAttribute("y",r.iconYV)):(e.setAttribute("x",r.iconX),e.setAttribute("y",r.iconY)),e.setAttribute("display","inline"),e.setAttribute("href",i.getIconPath(s)),e.setAttribute("alt",i.getIconName(s)),o.setAttribute("fill-opacity","0.0"),n.textContent="");else e.setAttribute("display","none")}function I(t){var e=document.getElementById("postit"+t),o=document.getElementById("postittext"+t),n=a.getLayoutStyle();""!==O(t).postit?(e.setAttribute("visibility","visible"),o.setAttribute("visibility","visible"),o.setAttribute("width",r.postitTextWidth),"default"===n&&v.includes(t)?(e.setAttribute("y",r.postitVY),e.setAttribute("x",r.postitVX),o.setAttribute("y",r.postitTextY+r.postitVY),o.setAttribute("x",r.postitTextVX),o.setAttribute("y",r.postitTextVY)):"default"===n&&b.includes(t)?(e.setAttribute("x",r.postitVRX),e.setAttribute("y",r.postitVRY),o.setAttribute("y",r.postitTextVRY),o.setAttribute("x",r.postitTextVRX)):"scol"===n?(e.setAttribute("x",r.postitScolX),e.setAttribute("y",r.postitScolY),o.setAttribute("y",r.postitTextScolY+r.postitScolY),o.setAttribute("x",r.postitTextScolX)):"default"===n&&(e.setAttribute("x",r.postitX),e.setAttribute("y",r.postitY),o.setAttribute("x",r.postitTextX),o.setAttribute("y",r.postitTextY)),o.textContent=O(t).postit):(e.setAttribute("visibility","collapse"),o.setAttribute("visibility","collapse"))}function A(t){for(var e,o=document.getElementById("group"+t),n=0;n<i.iconCount();n++)i.hasIcon(n,O(t))&&(e=i.getIconAlt(n));var r="Card "+t+". Event: "+e+" : "+s[t].description+". Feeling "+s[t].emoticon+". "+s[t].postit;o.setAttribute("aria-label",r)}function B(){n.toggleOptions(0);for(var t=0;t<s.length;t++)document.getElementById(s[t].eID).setAttribute("class","not-focussed");if(document.getElementById(s[u].eID).setAttribute("class","focussed"),document.getElementById("group"+u).focus(),"fixed"===n.getEditor()?(document.getElementById("event_desc").value=s[u].description,document.getElementById("icon_select").value=s[u].icon,document.getElementById("emoticon_select").value=s[u].emoticon,document.getElementById("post_it_text").value=s[u].postit,document.getElementById("title").innerHTML="Journey Editor: Card "+u):"float"===n.getEditor()&&(V(),z(!1)),-1!==u){var e=document.getElementById("group"+u).getAttribute("y");window.scrollTo(window.scrollX,e-200)}}function z(t){t?l.qs("#add_more_rect").setAttribute("class","focussed"):(l.qs("#add_more_rect").setAttribute("class","not-focussed"),p=!1)}function V(){l.qs("#floating_editor").setAttribute("visibility","collapse"),d=!1}function S(){const t=l.qs("#floating_editor"),e=l.qs("#floating_editor_outline"),o=l.qs("#floating_icon"),i=l.qs("#floating_emoticon"),c=l.qs("#floating_desc"),p=l.qs("#floating_post"),m=l.qs("#empty_icon"),y=l.qs("#empty_emoticon"),g=l.qs("#floating_move"),f=a.getLayoutData()[a.getLayout()][u];let h;if("float"===n.getEditor())if(d)V();else{"scol"===a.getLayoutStyle()?(h=130*u+170,t.setAttribute("x","0"),t.setAttribute("y",h),t.setAttribute("visibility","visible")):"default"===a.getLayoutStyle()&&(t.setAttribute("x",f["{x}"]),t.setAttribute("y",f["{y}"]),t.setAttribute("visibility","visible"),v.includes(u)?(e.setAttribute("width",r.floatEditOutlineVW),e.setAttribute("height",r.floatEditOutlineVH),e.setAttribute("x",r.floatEditOutlineVX),e.setAttribute("y",r.floatEditOutlineVY),o.setAttribute("x",r.floatEditIconVX),o.setAttribute("y",r.floatEditIconVY),i.setAttribute("x",r.floatEditEmoVX),i.setAttribute("y",r.floatEditEmoVY),c.setAttribute("x",r.floatEditDescVX),c.setAttribute("y",r.floatEditDescVY),m.setAttribute("x",r.floatEmptyIconVX),m.setAttribute("y",r.floatEmptyIconVY),y.setAttribute("x",r.floatEmptyEmoVX),y.setAttribute("y",r.floatEmptyEmoVY),p.setAttribute("x",r.floatPostItVX),p.setAttribute("y",r.floatPostItVY),g.setAttribute("x",r.floatMoveMenuVX),g.setAttribute("y",r.floatMoveMenuVY)):b.includes(u)?(e.setAttribute("width",r.floatEditOutlineVRW),e.setAttribute("height",r.floatEditOutlineVRH),e.setAttribute("x",r.floatEditOutlineVRX),e.setAttribute("y",r.floatEditOutlineVRY),o.setAttribute("x",r.floatEditIconVRX),o.setAttribute("y",r.floatEditIconVRY),i.setAttribute("x",r.floatEditEmoVRX),i.setAttribute("y",r.floatEditEmoVRY),c.setAttribute("x",r.floatEditDescVRX),c.setAttribute("y",r.floatEditDescVRY),m.setAttribute("x",r.floatEmptyIconVRX),m.setAttribute("y",r.floatEmptyIconVRY),y.setAttribute("x",r.floatEmptyEmoVRX),y.setAttribute("y",r.floatEmptyEmoVRY),p.setAttribute("x",r.floatPostItVRX),p.setAttribute("y",r.floatPostItVRY),g.setAttribute("x",r.floatMoveMenuVRX),g.setAttribute("y",r.floatMoveMenuVRY)):(e.setAttribute("width",r.floatEditOutlineW),e.setAttribute("height",r.floatEditOutlineH),e.setAttribute("x",r.floatEditOutlineX),e.setAttribute("y",r.floatEditOutlineY),o.setAttribute("x",r.floatEditIconX),o.setAttribute("y",r.floatEditIconY),i.setAttribute("x",r.floatEditEmoX),i.setAttribute("y",r.floatEditEmoY),c.setAttribute("x",r.floatEditDescX),c.setAttribute("y",r.floatEditDescY),m.setAttribute("x",r.floatEmptyIconX),m.setAttribute("y",r.floatEmptyIconY),y.setAttribute("x",r.floatEmptyEmoX),y.setAttribute("y",r.floatEmptyEmoY),p.setAttribute("x",r.floatPostItX),p.setAttribute("y",r.floatPostItY),g.setAttribute("x",r.floatMoveMenuX),g.setAttribute("y",r.floatMoveMenuY)));const n=s[u].icon,x=s[u].emoticon,j=l.qs("#empty_icon_text"),_=l.qs("#empty_emoticon_text");l.qs("#floating_icon_select").value=n,"none"===n?(m.setAttribute("fill-opacity","0.9"),j.textContent="1. What happened?"):(m.setAttribute("fill-opacity","0.0"),j.textContent=""),l.qs("#floating_emoticon_select").value=x,"none"===x?(y.setAttribute("fill-opacity","0.9"),_.textContent="3. How did you feel?"):(y.setAttribute("fill-opacity","0.0"),_.textContent=""),l.qs("#floating_event_desc").value=s[u].description,l.qs("#floating_post_it_text").value=s[u].postit,d=!0,l.qs("#floating_icon_select").focus()}else"fixed"===n.getEditor()&&l.qs("#event_desc").focus()}function Y(){if(u>0){var t=s[u-1];s[u-1]=s[u],s[u]=t;var e=s[u].eID,o=s[u-1].eID;s[u-1].eID=e,s[u].eID=o,u--,B(),S()}_()}function X(){if(u<s.length-1){var t=s[u+1];s[u+1]=s[u],s[u]=t;var e=s[u].eID,o=s[u+1].eID;s[u+1].eID=e,s[u].eID=o,u++,B(),S()}_()}function L(){if(u<h-1){if("none"!==s[s.length-1].icon||""!==s[s.length-1].description||"none"!==s[s.length-1].emoticon||""!==s[s.length-1].postit){if(!(s.length<h))return;a.addElementsToLayout()}for(var t=s.length-2;t>u;t--)s[t+1]=s[t],s[t+1].eID="place"+(t+1);s[u+1]={eID:"place"+(u+1),description:"",emoticon:"none",icon:"none",postit:""}}_()}function O(t){return s[t]}document.addEventListener("keydown",function(t){const e=t.key;var o=document.activeElement.getAttribute("id");if(c)switch(e){case"Enter":p?a.addElementsToLayout():d||S();break;case"Escape":d&&(S(),document.getElementById("group"+u).focus());break;case"Tab":d&&("floating_move_menu"===o&&!1===t.shiftKey&&(S(),document.getElementById("group"+u).focus()),"floating_icon_select"===o&&!0===t.shiftKey&&(0===u?(t.preventDefault(),S(),document.getElementById("help_link").focus()):(S(),document.getElementById("group"+u).focus())))}},!1),window.addEventListener("beforeunload",function(t){var e="WARNING: If you leave without saving, you will lose changes to your journey.";return(t||window.event).returnValue=e,e})},{"./assets":2,"./dimension.json":6,"./layout":9,"./user-interface":17,"./util":18}],6:[function(t,e,o){e.exports={"#":"Sizes & positions of card and Post-it components.",iconWidth:111,iconHeight:111,iconXV:110,iconYV:5,iconX:10,iconY:110,emoticonWidth:72,emoticonHeight:72,emoticonXV:30,emoticonYV:160,emoticonXVR:130,emoticonYVR:262,emoticonX:145,emoticonY:215,textXV:108,textYV:120,textXVR:8,textYVR:225,textX:122,textY:108,rectY:100,rectXV:100,postitX:72,postitY:12,postitVX:7,postitVY:40,postitVRY:150,postitVRX:125,postitTextX:78,postitTextVX:12,postitTextVRX:130,postitTextY:27,postitTextVY:57,postitTextVRY:167,postitTextWidth:85,postitScolX:245,postitTextScolX:250,postitScolY:100,postitTextScolY:15,floatEditOutlineW:240,floatEditOutlineH:165,floatEditOutlineVW:140,floatEditOutlineVH:270,floatEditOutlineX:0,floatEditOutlineY:95,floatEditOutlineVX:95,floatEditOutlineVY:0,floatEditIconVX:110,floatEditIconVY:90,floatEditIconX:10,floatEditIconY:195,floatEditEmoVX:10,floatEditEmoVY:240,floatEditEmoX:125,floatEditEmoY:300,floatEditDescX:125,floatEditDescY:105,floatEditDescVX:110,floatEditDescVY:120,floatEmptyIconVX:110,floatEmptyIconVY:5,floatEmptyIconX:10,floatEmptyIconY:105,floatEmptyEmoVX:21,floatEmptyEmoVY:150,floatEmptyEmoX:135,floatEmptyEmoY:205,floatBackX:0,floatBackY:68,floatFwdX:30,floatFwdY:68,floatBackVX:40,floatBackVY:0,floatFwdVX:70,floatFwdVY:0,floatPostItX:77,floatPostItY:30,floatPostItVX:5,floatPostItVY:50,floatPostItVRX:130,floatPostItVRY:178,floatEditOutlineVRW:140,floatEditOutlineVRH:270,floatEditOutlineVRX:95,floatEditOutlineVRY:0,floatEditIconVRX:10,floatEditIconVRY:195,floatEditEmoVRX:110,floatEditEmoVRY:342,floatEditDescVRX:10,floatEditDescVRY:225,floatEmptyIconVRX:10,floatEmptyIconVRY:105,floatEmptyEmoVRX:120,floatEmptyEmoVRY:252,floatBackVRX:135,floatBackVRY:100,floatFwdVRX:165,floatFwdVRY:100,floatAddButtonX:215,floatAddButtonY:68,floatAddButtonVX:100,floatAddButtonVY:205,floatAddButtonVRX:135,floatAddButtonVRY:310,floatMoveMenuX:175,floatMoveMenuY:70,floatMoveMenuVX:25,floatMoveMenuVY:5,floatMoveMenuVRX:133,floatMoveMenuVRY:95}},{}],7:[function(t,e,o){e.exports={initialise:function(){s("#updateform","submit",function(t){t.preventDefault(),n.updateElement()}),s("#deleteform","submit",function(t){t.preventDefault(),n.clearElement()}),s("#backform","submit",function(t){t.preventDefault(),n.moveBackElement()}),s("#forwardform","submit",function(t){t.preventDefault(),n.moveFwdElement()}),s("#floating_move_menu","change",function(t){t.preventDefault(),n.moveMenuChanged()}),s("#optionsform","submit",function(t){t.preventDefault(),r.toggleOptions()}),s("#float_optionsform","submit",function(t){t.preventDefault(),r.toggleOptions(),l.createLink()}),s("#background_select","change",function(t){t.preventDefault(),r.changeBackground()}),s("#background_elements_select","change",function(t){t.preventDefault(),r.changeBackgroundElements()}),s("#card_colour_select","change",function(t){t.preventDefault(),r.changeCardColour()}),s("#emoticon_colour_select","change",function(t){t.preventDefault(),r.changeEmoticonColour()}),s("#printform","submit",function(t){t.preventDefault(),r.printJourney()}),s("#loadform","submit",function(t){t.preventDefault(),i.loadJourney()}),s("#float_simplesaveform","submit",function(t){t.preventDefault(),i.saveJourney()}),s("#saveform","submit",function(t){t.preventDefault(),i.saveJourney()}),s("#journey-canvas","focusin",function(t){n.canvasGotFocus()}),s("#journey-canvas","focusout",function(t){n.canvasLostFocus()}),s("#floating_icon_select","change",function(t){n.updateElement()}),s("#floating_emoticon_select","change",function(t){n.updateElement()}),s("#floating_event_desc","change",function(t){n.updateElement()}),s("#floating_post_it_text","change",function(t){n.updateElement()}),s("#icon_select","change",function(t){n.updateElement()}),s("#emoticon_select","change",function(t){n.updateElement()}),s("#event_desc","keyup",function(t){n.updateElement()}),s("#post_it_text","keyup",function(t){n.updateElement()}),s("#add_more_rect","click",function(t){a.addElementsToLayout()}),s("#add_more_img","click",function(t){a.addElementsToLayout()}),s("#add_more_card","focusin",function(t){n.addMoreCardFocus()}),s("#journey-background","click",function(t){r.toggleOptions(0),n.stopFloatingFocus()})}};const n=t("./core"),i=t("./file"),r=t("./user-interface"),a=t("./layout"),l=t("./share-link");function s(t,e,o){document.querySelector(t).addEventListener(e,function(t){o(t)})}},{"./core":5,"./file":8,"./layout":9,"./share-link":16,"./user-interface":17}],8:[function(t,e,o){e.exports={saveJourneyJson:function(){var t=document.getElementById("filenamearea").value+".json",e=JSON.stringify(n.getElements(),null,2),o=document.createElement("a");o.setAttribute("href","data:text/plain;charset=utf-u,"+encodeURIComponent(e)),o.setAttribute("download",t),o.click()},saveJourney:function(){var t=document.getElementById("float_simplesavebutton");t.value="Saving...";const e=document.getElementById("filenamearea").value+".html",o=r.getRedirectHtml();let n=document.createElement("a");n.setAttribute("href","data:text/html;charset=utf-u,"+encodeURIComponent(o)),n.setAttribute("download",e),n.click(),t.value="Save"},loadJourney:function(){var t,e,o;if("function"!=typeof l)return void a("The file API isn't supported on this browser yet.");(t=document.getElementById("fileinput"))?t.files?t.files[0]?(e=t.files[0],(o=new l).onload=s,o.readAsText(e)):a("Please select a file before clicking 'Load'"):a("This browser doesn't seem to support the `files` property of file inputs."):a("Couldn't find the fileinput element.")}};const n=t("./core"),i=t("./layout"),r=t("./views"),a=window.alert,l=window.FileReader;function s(t){let e=t.target.result;const o=JSON.parse(e);var r=n.getElements(),a=o.length-n.getNumElements();if(a>0)for(var l=a/10,s=0;s<l;s++)i.addElementsToLayout();for(var u=0;u<o.length;u++)r[u]={eID:o[u].eID,description:o[u].description,emoticon:o[u].emoticon,icon:o[u].icon,postit:o[u].postit};n.updateElements()}},{"./core":5,"./layout":9,"./views":19}],9:[function(t,e,o){e.exports={reflow:d,getLayout:function(){return c},getLayoutData:function(){return n},addElementsToLayout:function(){if(a.getNumElements()<a.getMaxElements()){var t,e,o=a.getNumElements();a.addElements(10),"default"===u?(d(c="default"+a.getNumElements()),t=parseInt(document.getElementById("journey-canvas").getAttribute("height"))+720,a.getNumElements()<a.getMaxElements()?(e=parseInt(document.getElementById("add_more_card").getAttribute("y"))+710,document.getElementById("add_more_card").setAttribute("y",e)):document.getElementById("add_more_card").setAttribute("visibility","collapse")):"scol"===u&&(d("scol"),t=parseInt(document.getElementById("journey-canvas").getAttribute("height"))+1400,a.getNumElements()<a.getMaxElements()?(e=parseInt(document.getElementById("add_more_card").getAttribute("y")),document.getElementById("add_more_card").setAttribute("y",e)):document.getElementById("add_more_card").setAttribute("visibility","collapse")),document.getElementById("journey-canvas").setAttribute("height",t),document.getElementById("journey-background").setAttribute("height",t),a.initialiseElements(o)}},setScol:function(){u="scol",c="scol",document.getElementById("journey-canvas").setAttribute("height","2400"),document.getElementById("journey-canvas").setAttribute("width","500"),d(c),l.chooseEditor("float"),l.changeBackgroundElements("none"),document.getElementById("journey_logo").setAttribute("visibility","collapse"),document.getElementById("add_more_card").setAttribute("x",55),document.getElementById("start_point").setAttribute("visibility","collapse"),document.getElementById("scol_start_point").setAttribute("visibility","visible")},getLayoutStyle:function(){return u}};const n=t("./layouts.json"),i=t("./views").cardTemplate,r="#journey-canvas .card-holder",a=t("./core"),l=t("./user-interface"),s=t("./util");var u="default",c="default";function d(t){t=t||"default";const e=s.qs(r);console.warn("layout:",t,n[t],e);let o=[];if("scol"===t){for(var l=[],u=0;u<a.getNumElements();u++)l.push({"{j}":u,"{x}":0,"{y}":130*u+70,"{w}":240,"{h}":130,"{orient}":"horiz"});l.forEach(function(t){t["{assets}"]=s.config("assetUrl"),o.push(s.replace(i,t))}),document.getElementById("add_more_card").setAttribute("y",130*a.getNumElements()+170)}else n[t].forEach(function(t){"vert"===t["{orient}"]?(t["{w}"]=130,t["{h}"]=240):(t["{w}"]=240,t["{h}"]=130),t["{assets}"]=s.config("assetUrl"),o.push(s.replace(i,t))}),document.getElementById("scol_start_point").setAttribute("visibility","collapse");e.innerHTML=o.join("\n")}},{"./core":5,"./layouts.json":10,"./user-interface":17,"./util":18,"./views":19}],10:[function(t,e,o){e.exports={"#":"Position data for the SVG cards.",default:[{"{j}":0,"{x}":20,"{y}":285,"{orient}":"vert"},{"{j}":1,"{x}":255,"{y}":295,"{orient}":"horiz"},{"{j}":2,"{x}":500,"{y}":295,"{orient}":"horiz"},{"{j}":3,"{x}":745,"{y}":295,"{orient}":"horiz"},{"{j}":4,"{x}":990,"{y}":295,"{orient}":"vert"},{"{j}":5,"{x}":990,"{y}":540,"{orient}":"vert"},{"{j}":6,"{x}":745,"{y}":650,"{orient}":"horiz"},{"{j}":7,"{x}":500,"{y}":650,"{orient}":"horiz"},{"{j}":8,"{x}":255,"{y}":650,"{orient}":"horiz"},{"{j}":9,"{x}":20,"{y}":750,"{orient}":"vert"},{"{j}":10,"{x}":20,"{y}":995,"{orient}":"vert"},{"{j}":11,"{x}":255,"{y}":1005,"{orient}":"horiz"},{"{j}":12,"{x}":500,"{y}":1005,"{orient}":"horiz"},{"{j}":13,"{x}":745,"{y}":1005,"{orient}":"horiz"},{"{j}":14,"{x}":990,"{y}":1005,"{orient}":"vert"}],default25:[{"{j}":0,"{x}":20,"{y}":285,"{orient}":"vert"},{"{j}":1,"{x}":255,"{y}":295,"{orient}":"horiz"},{"{j}":2,"{x}":500,"{y}":295,"{orient}":"horiz"},{"{j}":3,"{x}":745,"{y}":295,"{orient}":"horiz"},{"{j}":4,"{x}":990,"{y}":295,"{orient}":"vert"},{"{j}":5,"{x}":990,"{y}":540,"{orient}":"vert"},{"{j}":6,"{x}":745,"{y}":650,"{orient}":"horiz"},{"{j}":7,"{x}":500,"{y}":650,"{orient}":"horiz"},{"{j}":8,"{x}":255,"{y}":650,"{orient}":"horiz"},{"{j}":9,"{x}":20,"{y}":750,"{orient}":"vert"},{"{j}":10,"{x}":20,"{y}":995,"{orient}":"vert"},{"{j}":11,"{x}":255,"{y}":1005,"{orient}":"horiz"},{"{j}":12,"{x}":500,"{y}":1005,"{orient}":"horiz"},{"{j}":13,"{x}":745,"{y}":1005,"{orient}":"horiz"},{"{j}":14,"{x}":990,"{y}":1005,"{orient}":"vert"},{"{j}":15,"{x}":990,"{y}":1250,"{orient}":"vert"},{"{j}":16,"{x}":745,"{y}":1360,"{orient}":"horiz"},{"{j}":17,"{x}":500,"{y}":1360,"{orient}":"horiz"},{"{j}":18,"{x}":255,"{y}":1360,"{orient}":"horiz"},{"{j}":19,"{x}":20,"{y}":1460,"{orient}":"vert"},{"{j}":20,"{x}":20,"{y}":1705,"{orient}":"vert"},{"{j}":21,"{x}":255,"{y}":1715,"{orient}":"horiz"},{"{j}":22,"{x}":500,"{y}":1715,"{orient}":"horiz"},{"{j}":23,"{x}":745,"{y}":1715,"{orient}":"horiz"},{"{j}":24,"{x}":990,"{y}":1715,"{orient}":"vert"}],default35:[{"{j}":0,"{x}":20,"{y}":285,"{orient}":"vert"},{"{j}":1,"{x}":255,"{y}":295,"{orient}":"horiz"},{"{j}":2,"{x}":500,"{y}":295,"{orient}":"horiz"},{"{j}":3,"{x}":745,"{y}":295,"{orient}":"horiz"},{"{j}":4,"{x}":990,"{y}":295,"{orient}":"vert"},{"{j}":5,"{x}":990,"{y}":540,"{orient}":"vert"},{"{j}":6,"{x}":745,"{y}":650,"{orient}":"horiz"},{"{j}":7,"{x}":500,"{y}":650,"{orient}":"horiz"},{"{j}":8,"{x}":255,"{y}":650,"{orient}":"horiz"},{"{j}":9,"{x}":20,"{y}":750,"{orient}":"vert"},{"{j}":10,"{x}":20,"{y}":995,"{orient}":"vert"},{"{j}":11,"{x}":255,"{y}":1005,"{orient}":"horiz"},{"{j}":12,"{x}":500,"{y}":1005,"{orient}":"horiz"},{"{j}":13,"{x}":745,"{y}":1005,"{orient}":"horiz"},{"{j}":14,"{x}":990,"{y}":1005,"{orient}":"vert"},{"{j}":15,"{x}":990,"{y}":1250,"{orient}":"vert"},{"{j}":16,"{x}":745,"{y}":1360,"{orient}":"horiz"},{"{j}":17,"{x}":500,"{y}":1360,"{orient}":"horiz"},{"{j}":18,"{x}":255,"{y}":1360,"{orient}":"horiz"},{"{j}":19,"{x}":20,"{y}":1460,"{orient}":"vert"},{"{j}":20,"{x}":20,"{y}":1705,"{orient}":"vert"},{"{j}":21,"{x}":255,"{y}":1715,"{orient}":"horiz"},{"{j}":22,"{x}":500,"{y}":1715,"{orient}":"horiz"},{"{j}":23,"{x}":745,"{y}":1715,"{orient}":"horiz"},{"{j}":24,"{x}":990,"{y}":1715,"{orient}":"vert"},{"{j}":25,"{x}":990,"{y}":1960,"{orient}":"vert"},{"{j}":26,"{x}":745,"{y}":2070,"{orient}":"horiz"},{"{j}":27,"{x}":500,"{y}":2070,"{orient}":"horiz"},{"{j}":28,"{x}":255,"{y}":2070,"{orient}":"horiz"},{"{j}":29,"{x}":20,"{y}":2170,"{orient}":"vert"},{"{j}":30,"{x}":20,"{y}":2415,"{orient}":"vert"},{"{j}":31,"{x}":255,"{y}":2425,"{orient}":"horiz"},{"{j}":32,"{x}":500,"{y}":2425,"{orient}":"horiz"},{"{j}":33,"{x}":745,"{y}":2425,"{orient}":"horiz"},{"{j}":34,"{x}":990,"{y}":2425,"{orient}":"vert"}],default45:[{"{j}":0,"{x}":20,"{y}":285,"{orient}":"vert"},{"{j}":1,"{x}":255,"{y}":295,"{orient}":"horiz"},{"{j}":2,"{x}":500,"{y}":295,"{orient}":"horiz"},{"{j}":3,"{x}":745,"{y}":295,"{orient}":"horiz"},{"{j}":4,"{x}":990,"{y}":295,"{orient}":"vert"},{"{j}":5,"{x}":990,"{y}":540,"{orient}":"vert"},{"{j}":6,"{x}":745,"{y}":650,"{orient}":"horiz"},{"{j}":7,"{x}":500,"{y}":650,"{orient}":"horiz"},{"{j}":8,"{x}":255,"{y}":650,"{orient}":"horiz"},{"{j}":9,"{x}":20,"{y}":750,"{orient}":"vert"},{"{j}":10,"{x}":20,"{y}":995,"{orient}":"vert"},{"{j}":11,"{x}":255,"{y}":1005,"{orient}":"horiz"},{"{j}":12,"{x}":500,"{y}":1005,"{orient}":"horiz"},{"{j}":13,"{x}":745,"{y}":1005,"{orient}":"horiz"},{"{j}":14,"{x}":990,"{y}":1005,"{orient}":"vert"},{"{j}":15,"{x}":990,"{y}":1250,"{orient}":"vert"},{"{j}":16,"{x}":745,"{y}":1360,"{orient}":"horiz"},{"{j}":17,"{x}":500,"{y}":1360,"{orient}":"horiz"},{"{j}":18,"{x}":255,"{y}":1360,"{orient}":"horiz"},{"{j}":19,"{x}":20,"{y}":1460,"{orient}":"vert"},{"{j}":20,"{x}":20,"{y}":1705,"{orient}":"vert"},{"{j}":21,"{x}":255,"{y}":1715,"{orient}":"horiz"},{"{j}":22,"{x}":500,"{y}":1715,"{orient}":"horiz"},{"{j}":23,"{x}":745,"{y}":1715,"{orient}":"horiz"},{"{j}":24,"{x}":990,"{y}":1715,"{orient}":"vert"},{"{j}":25,"{x}":990,"{y}":1960,"{orient}":"vert"},{"{j}":26,"{x}":745,"{y}":2070,"{orient}":"horiz"},{"{j}":27,"{x}":500,"{y}":2070,"{orient}":"horiz"},{"{j}":28,"{x}":255,"{y}":2070,"{orient}":"horiz"},{"{j}":29,"{x}":20,"{y}":2170,"{orient}":"vert"},{"{j}":30,"{x}":20,"{y}":2415,"{orient}":"vert"},{"{j}":31,"{x}":255,"{y}":2425,"{orient}":"horiz"},{"{j}":32,"{x}":500,"{y}":2425,"{orient}":"horiz"},{"{j}":33,"{x}":745,"{y}":2425,"{orient}":"horiz"},{"{j}":34,"{x}":990,"{y}":2425,"{orient}":"vert"},{"{j}":35,"{x}":990,"{y}":2670,"{orient}":"vert"},{"{j}":36,"{x}":745,"{y}":2780,"{orient}":"horiz"},{"{j}":37,"{x}":500,"{y}":2780,"{orient}":"horiz"},{"{j}":38,"{x}":255,"{y}":2780,"{orient}":"horiz"},{"{j}":39,"{x}":20,"{y}":2880,"{orient}":"vert"},{"{j}":40,"{x}":20,"{y}":3125,"{orient}":"vert"},{"{j}":41,"{x}":255,"{y}":3135,"{orient}":"horiz"},{"{j}":42,"{x}":500,"{y}":3135,"{orient}":"horiz"},{"{j}":43,"{x}":745,"{y}":3135,"{orient}":"horiz"},{"{j}":44,"{x}":990,"{y}":3135,"{orient}":"vert"}],default55:[{"{j}":0,"{x}":20,"{y}":285,"{orient}":"vert"},{"{j}":1,"{x}":255,"{y}":295,"{orient}":"horiz"},{"{j}":2,"{x}":500,"{y}":295,"{orient}":"horiz"},{"{j}":3,"{x}":745,"{y}":295,"{orient}":"horiz"},{"{j}":4,"{x}":990,"{y}":295,"{orient}":"vert"},{"{j}":5,"{x}":990,"{y}":540,"{orient}":"vert"},{"{j}":6,"{x}":745,"{y}":650,"{orient}":"horiz"},{"{j}":7,"{x}":500,"{y}":650,"{orient}":"horiz"},{"{j}":8,"{x}":255,"{y}":650,"{orient}":"horiz"},{"{j}":9,"{x}":20,"{y}":750,"{orient}":"vert"},{"{j}":10,"{x}":20,"{y}":995,"{orient}":"vert"},{"{j}":11,"{x}":255,"{y}":1005,"{orient}":"horiz"},{"{j}":12,"{x}":500,"{y}":1005,"{orient}":"horiz"},{"{j}":13,"{x}":745,"{y}":1005,"{orient}":"horiz"},{"{j}":14,"{x}":990,"{y}":1005,"{orient}":"vert"},{"{j}":15,"{x}":990,"{y}":1250,"{orient}":"vert"},{"{j}":16,"{x}":745,"{y}":1360,"{orient}":"horiz"},{"{j}":17,"{x}":500,"{y}":1360,"{orient}":"horiz"},{"{j}":18,"{x}":255,"{y}":1360,"{orient}":"horiz"},{"{j}":19,"{x}":20,"{y}":1460,"{orient}":"vert"},{"{j}":20,"{x}":20,"{y}":1705,"{orient}":"vert"},{"{j}":21,"{x}":255,"{y}":1715,"{orient}":"horiz"},{"{j}":22,"{x}":500,"{y}":1715,"{orient}":"horiz"},{"{j}":23,"{x}":745,"{y}":1715,"{orient}":"horiz"},{"{j}":24,"{x}":990,"{y}":1715,"{orient}":"vert"},{"{j}":25,"{x}":990,"{y}":1960,"{orient}":"vert"},{"{j}":26,"{x}":745,"{y}":2070,"{orient}":"horiz"},{"{j}":27,"{x}":500,"{y}":2070,"{orient}":"horiz"},{"{j}":28,"{x}":255,"{y}":2070,"{orient}":"horiz"},{"{j}":29,"{x}":20,"{y}":2170,"{orient}":"vert"},{"{j}":30,"{x}":20,"{y}":2415,"{orient}":"vert"},{"{j}":31,"{x}":255,"{y}":2425,"{orient}":"horiz"},{"{j}":32,"{x}":500,"{y}":2425,"{orient}":"horiz"},{"{j}":33,"{x}":745,"{y}":2425,"{orient}":"horiz"},{"{j}":34,"{x}":990,"{y}":2425,"{orient}":"vert"},{"{j}":35,"{x}":990,"{y}":2670,"{orient}":"vert"},{"{j}":36,"{x}":745,"{y}":2780,"{orient}":"horiz"},{"{j}":37,"{x}":500,"{y}":2780,"{orient}":"horiz"},{"{j}":38,"{x}":255,"{y}":2780,"{orient}":"horiz"},{"{j}":39,"{x}":20,"{y}":2880,"{orient}":"vert"},{"{j}":40,"{x}":20,"{y}":3125,"{orient}":"vert"},{"{j}":41,"{x}":255,"{y}":3135,"{orient}":"horiz"},{"{j}":42,"{x}":500,"{y}":3135,"{orient}":"horiz"},{"{j}":43,"{x}":745,"{y}":3135,"{orient}":"horiz"},{"{j}":44,"{x}":990,"{y}":3135,"{orient}":"vert"},{"{j}":45,"{x}":990,"{y}":3380,"{orient}":"vert"},{"{j}":46,"{x}":745,"{y}":3490,"{orient}":"horiz"},{"{j}":47,"{x}":500,"{y}":3490,"{orient}":"horiz"},{"{j}":48,"{x}":255,"{y}":3490,"{orient}":"horiz"},{"{j}":49,"{x}":20,"{y}":3590,"{orient}":"vert"},{"{j}":50,"{x}":20,"{y}":3835,"{orient}":"vert"},{"{j}":51,"{x}":255,"{y}":3845,"{orient}":"horiz"},{"{j}":52,"{x}":500,"{y}":3845,"{orient}":"horiz"},{"{j}":53,"{x}":745,"{y}":3845,"{orient}":"horiz"},{"{j}":54,"{x}":990,"{y}":3845,"{orient}":"vert"}],default65:[{"{j}":0,"{x}":20,"{y}":285,"{orient}":"vert"},{"{j}":1,"{x}":255,"{y}":295,"{orient}":"horiz"},{"{j}":2,"{x}":500,"{y}":295,"{orient}":"horiz"},{"{j}":3,"{x}":745,"{y}":295,"{orient}":"horiz"},{"{j}":4,"{x}":990,"{y}":295,"{orient}":"vert"},{"{j}":5,"{x}":990,"{y}":540,"{orient}":"vert"},{"{j}":6,"{x}":745,"{y}":650,"{orient}":"horiz"},{"{j}":7,"{x}":500,"{y}":650,"{orient}":"horiz"},{"{j}":8,"{x}":255,"{y}":650,"{orient}":"horiz"},{"{j}":9,"{x}":20,"{y}":750,"{orient}":"vert"},{"{j}":10,"{x}":20,"{y}":995,"{orient}":"vert"},{"{j}":11,"{x}":255,"{y}":1005,"{orient}":"horiz"},{"{j}":12,"{x}":500,"{y}":1005,"{orient}":"horiz"},{"{j}":13,"{x}":745,"{y}":1005,"{orient}":"horiz"},{"{j}":14,"{x}":990,"{y}":1005,"{orient}":"vert"},{"{j}":15,"{x}":990,"{y}":1250,"{orient}":"vert"},{"{j}":16,"{x}":745,"{y}":1360,"{orient}":"horiz"},{"{j}":17,"{x}":500,"{y}":1360,"{orient}":"horiz"},{"{j}":18,"{x}":255,"{y}":1360,"{orient}":"horiz"},{"{j}":19,"{x}":20,"{y}":1460,"{orient}":"vert"},{"{j}":20,"{x}":20,"{y}":1705,"{orient}":"vert"},{"{j}":21,"{x}":255,"{y}":1715,"{orient}":"horiz"},{"{j}":22,"{x}":500,"{y}":1715,"{orient}":"horiz"},{"{j}":23,"{x}":745,"{y}":1715,"{orient}":"horiz"},{"{j}":24,"{x}":990,"{y}":1715,"{orient}":"vert"},{"{j}":25,"{x}":990,"{y}":1960,"{orient}":"vert"},{"{j}":26,"{x}":745,"{y}":2070,"{orient}":"horiz"},{"{j}":27,"{x}":500,"{y}":2070,"{orient}":"horiz"},{"{j}":28,"{x}":255,"{y}":2070,"{orient}":"horiz"},{"{j}":29,"{x}":20,"{y}":2170,"{orient}":"vert"},{"{j}":30,"{x}":20,"{y}":2415,"{orient}":"vert"},{"{j}":31,"{x}":255,"{y}":2425,"{orient}":"horiz"},{"{j}":32,"{x}":500,"{y}":2425,"{orient}":"horiz"},{"{j}":33,"{x}":745,"{y}":2425,"{orient}":"horiz"},{"{j}":34,"{x}":990,"{y}":2425,"{orient}":"vert"},{"{j}":35,"{x}":990,"{y}":2670,"{orient}":"vert"},{"{j}":36,"{x}":745,"{y}":2780,"{orient}":"horiz"},{"{j}":37,"{x}":500,"{y}":2780,"{orient}":"horiz"},{"{j}":38,"{x}":255,"{y}":2780,"{orient}":"horiz"},{"{j}":39,"{x}":20,"{y}":2880,"{orient}":"vert"},{"{j}":40,"{x}":20,"{y}":3125,"{orient}":"vert"},{"{j}":41,"{x}":255,"{y}":3135,"{orient}":"horiz"},{"{j}":42,"{x}":500,"{y}":3135,"{orient}":"horiz"},{"{j}":43,"{x}":745,"{y}":3135,"{orient}":"horiz"},{"{j}":44,"{x}":990,"{y}":3135,"{orient}":"vert"},{"{j}":45,"{x}":990,"{y}":3380,"{orient}":"vert"},{"{j}":46,"{x}":745,"{y}":3490,"{orient}":"horiz"},{"{j}":47,"{x}":500,"{y}":3490,"{orient}":"horiz"},{"{j}":48,"{x}":255,"{y}":3490,"{orient}":"horiz"},{"{j}":49,"{x}":20,"{y}":3590,"{orient}":"vert"},{"{j}":50,"{x}":20,"{y}":3835,"{orient}":"vert"},{"{j}":51,"{x}":255,"{y}":3845,"{orient}":"horiz"},{"{j}":52,"{x}":500,"{y}":3845,"{orient}":"horiz"},{"{j}":53,"{x}":745,"{y}":3845,"{orient}":"horiz"},{"{j}":54,"{x}":990,"{y}":3845,"{orient}":"vert"},{"{j}":55,"{x}":990,"{y}":4090,"{orient}":"vert"},{"{j}":56,"{x}":745,"{y}":4200,"{orient}":"horiz"},{"{j}":57,"{x}":500,"{y}":4200,"{orient}":"horiz"},{"{j}":58,"{x}":255,"{y}":4200,"{orient}":"horiz"},{"{j}":59,"{x}":20,"{y}":4300,"{orient}":"vert"},{"{j}":60,"{x}":20,"{y}":4545,"{orient}":"vert"},{"{j}":61,"{x}":255,"{y}":4555,"{orient}":"horiz"},{"{j}":62,"{x}":500,"{y}":4555,"{orient}":"horiz"},{"{j}":63,"{x}":745,"{y}":4555,"{orient}":"horiz"},{"{j}":64,"{x}":990,"{y}":4555,"{orient}":"vert"}]}},{}],11:[function(t,e,o){e.exports='\r\n<p class="footer-copy">\r\n  <a href="https://iet-ou.github.io/our-journey/">our-journey</a>\r\n  v<i>1.6.2</i>\r\n  |\r\n  © <a href="http://www.open.ac.uk/" target=\'_blank\' title=\'Copyright © 2018 The Open University\'>The Open University</a>\r\n  | <a href="https://iet.open.ac.uk/" target=\'_blank\' title=\'Developed by the Institute of Educational Technology (IET)\'>IET</a>\r\n  <a rel=\'license\' target=\'_blank\' href="https://gnu.org/licenses/gpl-3.0.en.html" title="GNU General Public License, version 3 or later [GPL-3.0+]">License</a>\r\n  <a class=\'p\' href=\'{privacyUrl}\' target=\'_blank\' title=\'Privacy policy, and terms of service\'>Privacy</a>\r\n</p>\r\n\r\n<p class="footer-logos">\r\n  <a href="https://iet.open.ac.uk/" target=\'_blank\'><img src="{assets}/iet-logo.svg" alt="Institute of Educational Technology" title="Institute of Educational Technology" /></a>\r\n  <a href="http://www.open.ac.uk/" target=\'_blank\'><img src="{assets}/ou-logo.svg" alt="The Open University" title="The Open University" /></a>\r\n</p>\r\n\r\n<p class="fork-me-btn"><a\r\n  href="https://github.com/IET-OU/our-journey#fork"\r\n  target="_blank"\r\n  aria-label="Fork IET-OU/our-journey on GitHub"\r\n  title="Fork IET-OU/our-journey on GitHub" >\r\n  <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-mark-github" aria-hidden="true">\r\n    <path fill-rule="evenodd" d=\r\n    "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>\r\n  </svg>\r\n  <span>Fork me on GitHub</span>\r\n</a></p>\r\n \x3c!--\r\n  https://buttons.github.io/\r\n   <a class="github-button" href="https://github.com/IET-OU/our-journey/fork" data-size="large" aria-label="Fork IET-OU/our-journey on GitHub">Fork</a>\r\n   <script async defer src="https://buttons.github.io/buttons.js"><\/script>\r\n--\x3e\r\n'},{}],12:[function(t,e,o){e.exports="\r\n<svg x=\"270\" y=\"0\" id='head_background'>\r\n  <image xlink:href='{assets}/background/head-background.png' role='presentation' x='0' y='0' height=\"315\" width=\"952\" id='headBackgroundImage'/>\r\n</svg>\r\n\r\n<svg x=\"120\" y=\"20\" id='start_point'>\r\n  <rect aria-labelledby=\"start-card\" width=\"130\" height=\"240\" y=\"20\" x=\"0\" stroke=\"black\" fill=\"crimson\" stroke-width=\"1\" id='start_place' fill-opacity=\"1.0\" role='presentation'/>\r\n  <image xlink:href='{assets}/start-here-trans.png' x=\"7\" y=\"60\" height=\"156\" width=\"115\" id='startIcon' role='presentation'/>\r\n</svg>\r\n<svg x='0' y='0' id='scol_start_point' visibility='collapse'>\r\n  <rect aria-labelledby=\"start-card\" width=\"240\" height=\"170\" y=\"0\" x=\"0\" stroke=\"black\" fill=\"crimson\" stroke-width=\"1\" id='start_place' fill-opacity=\"1.0\" role='presentation'/>\r\n  <image xlink:href='{assets}/start-here-trans.png' x=\"65\" y=\"5\" height=\"156\" width=\"115\" id='startIcon' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"390\" y=\"565\" id='journey_logo'>\r\n  <image xlink:href='{assets}/background/journey-logo.png' x='0' y='0' height=\"140\" width=\"442\" id='journeyLogoImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"320\" y=\"930\" id='pencil_background'>\r\n  <image xlink:href='{assets}/background/pencil.png' x='0' y='0' height=\"97\" width=\"161\" id='pencilImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"1010\" y=\"920\" id='plant_background'>\r\n  <image xlink:href='{assets}/background/plant.png' x='0' y='0' height=\"134\" width=\"137\" id='plantImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"100\" y=\"1260\" id='calc_background'>\r\n  <image xlink:href='{assets}/background/calculator.png' x='0' y='0' height=\"145\" width=\"141\" id='calcImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"50\" y=\"580\" id='biscuits_background'>\r\n  <image xlink:href='{assets}/background/biscuits.png' x='0' y='0' height=\"144\" width=\"139\" id='biscuitsImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"770\" y=\"1280\" id='glasses_background'>\r\n  <image xlink:href='{assets}/background/glasses.png' x='0' y='0' height=\"90\" width=\"141\" id='glassesImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"950\" y=\"1600\" id='folder_background'>\r\n  <image xlink:href='{assets}/background/folder.png' x='0' y='0' height=\"202\" width=\"209\" id='folderImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"300\" y=\"1610\" id='coffee_background'>\r\n  <image xlink:href='{assets}/background/coffee.png' x='0' y='0' height=\"110\" width=\"115\" id='coffeeImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"610\" y=\"1630\" id='pens_background'>\r\n  <image xlink:href='{assets}/background/pens.png' x='0' y='0' height=\"122\" width=\"197\" id='pensImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"130\" y=\"1970\" id='graph_background'>\r\n  <image xlink:href='{assets}/background/graph.png' x='0' y='0' height=\"191\" width=\"247\" id='graphImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"750\" y=\"1970\" id='jammie_background'>\r\n  <image xlink:href='{assets}/background/jammie.png' x='0' y='0' height=\"124\" width=\"134\" id='jammieImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"990\" y=\"3780\" id='pencil_background_2'>\r\n  <image xlink:href='{assets}/background/pencil.png' x='0' y='0' height=\"97\" width=\"161\" id='pencilImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"700\" y=\"2315\" id='biscuits_background_2'>\r\n  <image xlink:href='{assets}/background/biscuits.png' x='0' y='0' height=\"144\" width=\"139\" id='biscuitsImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"440\" y=\"2315\" id='plant_background_2'>\r\n  <image xlink:href='{assets}/background/plant.png' x='0' y='0' height=\"134\" width=\"137\" id='plantImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"900\" y=\"4450\" id='tablet_background'>\r\n  <image xlink:href='{assets}/background/tablet.png' x='0' y='0' height=\"206\" width=\"292\" id='tabletImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"700\" y=\"2670\" id='calc_background_2'>\r\n  <image xlink:href='{assets}/background/calculator.png' x='0' y='0' height=\"145\" width=\"141\" id='calcImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"30\" y=\"2660\" id='tablet_background_2'>\r\n  <image xlink:href='{assets}/background/tablet.png' x='0' y='0' height=\"206\" width=\"292\" id='tabletImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"1030\" y=\"3080\" id='glasses_background_2'>\r\n  <image xlink:href='{assets}/background/glasses.png' x='0' y='0' height=\"90\" width=\"141\" id='glassesImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"270\" y=\"3030\" id='coffee_background_2'>\r\n  <image xlink:href='{assets}/background/coffee.png' x='0' y='0' height=\"110\" width=\"115\" id='coffeeImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"640\" y=\"3390\" id='pens_background_2'>\r\n  <image xlink:href='{assets}/background/pens.png' x='0' y='0' height=\"122\" width=\"197\" id='pensImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"100\" y=\"3380\" id='folder_background_2'>\r\n  <image xlink:href='{assets}/background/folder.png' x='0' y='0' height=\"202\" width=\"209\" id='folderImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"20\" y=\"4080\" id='graph_background_2'>\r\n  <image xlink:href='{assets}/background/graph.png' x='0' y='0' height=\"191\" width=\"247\" id='graphImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"985\" y=\"4920\" id='jammie_background_2'>\r\n  <image xlink:href='{assets}/background/jammie.png' x='0' y='0' height=\"124\" width=\"134\" id='jammieImage' role='presentation'/>\r\n</svg>\r\n\r\n<svg x=\"800\" y=\"4100\" id='coffee_background_3'>\r\n  <image xlink:href='{assets}/background/coffee.png' x='0' y='0' height=\"110\" width=\"115\" id='coffeeImage' role='presentation'/>\r\n</svg>\r\n\r\n<rect width=\"1240\" height=\"1600\" fill-opacity=\"0.0\" stroke-opacity=\"0.0\" id=\"journey-background\" role=\"presentation\"/>\r\n"},{}],13:[function(t,e,o){e.exports='\r\n<svg x="{x}" y="{y}" id="group{j}" role="listitem" class="card orient-{orient}" tabindex="0">\r\n  <rect width="{w}" height="{h}" id="place{j}"/>\r\n  <image href="" id="icon{j}"/>\r\n  <switch>\r\n    <foreignObject id="description{j}" class="in_card" width="115" height="380">\r\n      <p xmlns="http://www.w3.org/1999/xhtml">not filled</p>\r\n    </foreignObject>\r\n    <text id="description{j}" class="in_card">not filled</text>\r\n  </switch>\r\n  <circle r="43" id="emoticonback{j}" visibility="collapse" role="presentation" fill="Ivory" stroke-width="2" stroke="gray"/>\r\n  <image href="" id="emoticon{j}"/>\r\n\r\n  <image id="postit{j}" href="{assets}/PostIt.png" width="100" height="100" visibility="collapse" role="presentation"></image>\r\n  <switch>\r\n    <foreignObject id="postittext{j}" class="in_postit" width="85" height="85" visibility="collapse">\r\n      <p xmlns="http://www.w3.org/1999/xhtml">not filled</p>\r\n    </foreignObject>\r\n    <text id="postittext{j}" class="in_card">not filled</text>\r\n  </switch>\r\n</svg>\r\n'},{}],14:[function(t,e,o){e.exports='\r\n<div class="editorbar" id="editorbar">\r\n  <div class="formeditor" id="formeditor">\r\n\r\n    <h1 id="title">Journey editor: Map your study journey on to the cards</h1>\r\n\r\n    <form id="updateform">\r\n      <select id="icon_select" aria-labelledby="What happened?">\r\n        <option value="considerstudy">Considering study</option>\r\n        <option value="information">Finding information</option>\r\n        <option value="register">Registering</option>\r\n        <option value="finances">Finances</option>\r\n        <option value="peersupport">Peer support</option>\r\n        <option value="none">What happened?</option>\r\n        <option value="achievement">Achievement</option>\r\n        <option value="admin">Admin and forms</option>\r\n        <option value="assessment">Assessment</option>\r\n        <option value="studybreak">Break from study</option>\r\n        <option value="barrier">Barrier</option>\r\n        <option value="communication">Communication</option>\r\n        <option value="confidence">Confidence boost</option>\r\n        <option value="duedates">Due dates</option>\r\n        <option value="employment">Jobs and Employment</option>\r\n        <option value="studygoal">Goal</option>\r\n        <option value="helpneeded">Help needed</option>\r\n        <option value="highpressure">High pressure</option>\r\n        <option value="lostdirection">Lost direction</option>\r\n        <option value="lowenergy">Low energy</option>\r\n        <option value="lowscores">Low scores</option>\r\n        <option value="moving">Moving home</option>\r\n        <option value="studymilestone">Milestone</option>\r\n        <option value="nosupport">No support</option>\r\n        <option value="problem">Problem</option>\r\n        <option value="repetition">Repetition</option>\r\n        <option value="studyexperience">Study experience</option>\r\n        <option value="studysuccess">Study success</option>\r\n        <option value="studysupport">Study support</option>\r\n        <option value="timelost">Time Lost</option>\r\n      </select>\r\n\r\n      <label for="event_desc">Describe it:</label>\r\n      <textarea rows=3 maxlength=45 cols=12 id="event_desc" value=""></textarea>\r\n\r\n      <select id="emoticon_select" aria-labelledby="How did you feel?">\r\n        <option value="none">How did you feel?</option>\r\n        <option value="angry">Angry</option>\r\n        <option value="anxious">Anxious</option>\r\n        <option value="bored">Bored</option>\r\n        <option value="confident">Confident</option>\r\n        <option value="confused">Confused</option>\r\n        <option value="curious">Curious</option>\r\n        <option value="embarrassed">Embarrassed</option>\r\n        <option value="excited">Excited</option>\r\n        <option value="happy">Happy</option>\r\n        <option value="nervous">Nervous</option>\r\n        <option value="proud">Proud</option>\r\n        <option value="scared">Scared</option>\r\n        <option value="stressed">Bored</option>\r\n        <option value="thinking">Thinking</option>\r\n        <option value="tired">Tired</option>\r\n        <option value="unhappy">Unhappy</option>\r\n        <option value="unwell">Unwell</option>\r\n        <option value="upset">Upset</option>\r\n      </select>\r\n\r\n      <label for="post_it_text">Optional note:</label>\r\n      <textarea rows=3 maxlength=44 cols=12 id="post_it_text" value=""></textarea>\r\n      <input type=\'submit\' aria-label="Update element" value="Update" id="updateButton">\r\n    </form>\r\n\r\n    <form id="deleteform">\r\n      <input type=\'submit\' aria-label="Delete element" value="Clear" id="deleteButton">\r\n    </form>\r\n\r\n    <form id="backform">\r\n      <input type=\'submit\' aria-label="Move element backwards" value="Move Back" id="backButton">\r\n    </form>\r\n    <form id="forwardform">\r\n      <input type=\'submit\' aria-label="Move element forwards" value="Move Fwd" id="fwdButton">\r\n    </form>\r\n    <form id="optionsform">\r\n      <input type=\'submit\' aria-label="Show or hide other menu options" value="Options" id="optionsButton">\r\n    </form>\r\n    <a href="{helpUrl}" target="_blank">Help</a>\r\n  </div>\r\n\r\n  <div id="float_bar" class="float_bar">\r\n    <form id="float_simplesaveform">\r\n      <input type=\'submit\' aria-label="Save journey to file" value="Save" id="float_simplesavebutton">\r\n    </form>\r\n    <form id="float_optionsform">\r\n      <input type=\'submit\' aria-label="Show or hide menu options" value="Options" id="float_optionsButton">\r\n    </form>\r\n\r\n    <a class="help_link" id="help_link" href="{helpUrl}" target="_blank">Help</a>\r\n  </div>\r\n\r\n  <div class="optionsbar" id="options" aria-label="Menu">\r\n    <h2>Options</h2>\r\n    <h2>File:</h2>\r\n    <h3>Save As:</h3>\r\n    <form id="saveform" aria-label="Save journey to file name">\r\n      <label for="filenamearea">Choose a filename:</label>\r\n      <input type=\'text\' value="journey-file" id="filenamearea">\r\n      <input type=\'submit\' value="Save" id="saveButton" >\r\n    </form>\r\n\r\n    <br>\r\n    <form id="loadform" aria-label="Load journey from file" hidden>\r\n      <h3 hidden><label for="fileinput">Load:</label></h3>\r\n      <input type=\'file\' accept=\'application/json, text/html\' id=\'fileinput\' required aria-required="true" hidden>\r\n      <input type=\'submit\' id="loadButton" value="Load File" hidden>\r\n    </form>\r\n    <h3>Load:</h3>\r\n    You can load your saved journey by opening the file in a browser. Opening the saved file (for example by double clicking on it) should load it in your default browser.\r\n    \r\n    <br>\r\n    <h3>Print:</h3>\r\n    <form id="printform">\r\n      <input type=\'submit\' aria-label="Print using browser" value="Print using browser" id="printButton">\r\n    </form>\r\n    <hr>\r\n    <h2>View:</h2>\r\n\r\n    <form id="backgroundelementsform" aria-label="Show or hide background images">\r\n      <label for="background_elements_select">Show Background Images:</label>\r\n      <select id="background_elements_select">\r\n        <option value="all" selected="selected">All images</option>\r\n        <option value="some">Some images</option>\r\n        <option value="none">No images</option>\r\n      </select>\r\n    </form>\r\n\r\n    <br>\r\n\r\n    <form id="backgroundform" aria-label="Choose background colour">\r\n      <label for="background_select">Background Colour:</label>\r\n      <select id="background_select">\r\n        <option value="none">None</option>\r\n        <option value="Wheat" selected="selected">Wheat</option>\r\n        <option value="Ivory">Ivory</option>\r\n        <option value="Linen">Linen</option>\r\n        <option value="Beige">Beige</option>\r\n        <option value="BurlyWood">Wood</option>\r\n        <option value="DarkSeaGreen">Green</option>\r\n        <option value="PaleTurquoise">Turquoise</option>\r\n        <option value="SkyBlue">Blue</option>\r\n        <option value="LightPink">Pink</option>\r\n        <option value="Lavender">Lavender</option>\r\n        <option value="LightGray">Grey</option>\r\n        <option value="Coral">Orange</option>\r\n      </select>\r\n    </form>\r\n\r\n    <br>\r\n\r\n    <form id="cardcolourform" aria-label="Choose card colour">\r\n      <label for="card_colour_select">Card Colour:</label>\r\n      <select id="card_colour_select">\r\n        <option value="none">None</option>\r\n        <option value="White">White</option>\r\n        <option value="Ivory" selected="selected">Ivory</option>\r\n        <option value="Linen">Linen</option>\r\n        <option value="Beige">Beige</option>\r\n        <option value="Wheat">Wheat</option>\r\n        <option value="BurlyWood">Wood</option>\r\n        <option value="DarkSeaGreen">Green</option>\r\n        <option value="PaleTurquoise">Turquoise</option>\r\n        <option value="SkyBlue">Blue</option>\r\n        <option value="LightPink">Pink</option>\r\n        <option value="Lavender">Lavender</option>\r\n        <option value="LightGray">Grey</option>\r\n        <option value="Coral">Orange</option>\r\n      </select>\r\n    </form>\r\n\r\n    <br>\r\n\r\n    <form id="emoticoncolourform" aria-label="Choose emoticon background colour">\r\n      <label for="emoticon_colour_select">Emoticon Colour:</label>\r\n      <select id="emoticon_colour_select" selected="White">\r\n        <option value="none">None</option>\r\n        <option value="White" selected="selected">White</option>\r\n        <option value="Ivory">Ivory</option>\r\n        <option value="Linen">Linen</option>\r\n        <option value="Beige">Beige</option>\r\n        <option value="Wheat">Wheat</option>\r\n        <option value="BurlyWood">Wood</option>\r\n        <option value="DarkSeaGreen">Green</option>\r\n        <option value="PaleTurquoise">Turquoise</option>\r\n        <option value="SkyBlue">Blue</option>\r\n        <option value="LightPink">Pink</option>\r\n        <option value="Lavender">Lavender</option>\r\n        <option value="LightGray">Grey</option>\r\n        <option value="Coral">Orange</option>\r\n        <option value="Black">Black</option>\r\n      </select>\r\n    </form>\r\n\r\n    <br>\r\n    <hr>\r\n    <h2>Share:</h2>\r\n    <p>\r\n      <a id="oj-share-link" class="oj-share-link" href="?empty" rel="nofollow" title="Base64 encoded!">Go to shareable URL</a>\r\n    </p>\r\n  </div>\r\n</div>\r\n'},{}],15:[function(t,e,o){e.exports='\r\n<svg id="floating_editor" x="0" y="0" width="370" height="370" visibility="collapse">\r\n  <rect id="floating_editor_outline" width="240" height="130" stroke="black" stroke-width="0" fill-opacity="0.0" fill="Ivory"/>\r\n\r\n  <svg id="empty_icon" x="10" y="110">\r\n    <rect id="empty_icon_rect" width="110" height="110" fill="LightGray"/>\r\n    <foreignObject id="empty_icon_text" width="100" height="75" x="5" y="10">\r\n      <p>1. What happened?</p>\r\n    </foreignObject>\r\n  </svg>\r\n\r\n  <foreignObject id="floating_icon" y=85 x=5 width="110" height="30">\r\n    <form>\r\n    <select class="floating_icon_select" id="floating_icon_select" width="110" aria-label="Select an event" tabindex="0">\r\n      <option value="none">Select</option>\r\n\r\n      <optgroup label="Figuring things out">\r\n        <option value="considerstudy">Considering study</option>\r\n        <option value="information">Finding information</option>\r\n        <option value="register">Registering</option>\r\n        <option value="admin">Admin and forms</option>\r\n        <option value="communication">Communication</option>\r\n        <option value="studygoal">Study goal</option>\r\n      </optgroup>\r\n      <optgroup label="Study">\r\n        <option value="assessment">Assessment</option>\r\n        <option value="duedates">Due dates</option>\r\n        <option value="lowscores">Low scores</option>\r\n        <option value="studymilestone">Milestone</option>\r\n        <option value="studyexperience">Study experience</option>\r\n        <option value="studysupport">Study support</option>\r\n      </optgroup>\r\n      <optgroup label="Positives">\r\n        <option value="achievement">Achievement</option>\r\n        <option value="confidence">Confidence boost</option>\r\n        <option value="peersupport">Peer support</option>\r\n        <option value="studysuccess">Study success</option>\r\n      </optgroup>\r\n      <optgroup label="Challenges">\r\n        <option value="barrier">Barrier</option>\r\n        <option value="helpneeded">Help needed</option>\r\n        <option value="highpressure">High pressure</option>\r\n        <option value="lostdirection">Lost direction</option>\r\n        <option value="nosupport">No support</option>\r\n        <option value="problem">Problem</option>\r\n        <option value="timelost">Time lost</option>\r\n      </optgroup>\r\n      <optgroup label="Life">\r\n        <option value="studybreak">Break from study</option>\r\n        <option value="finances">Finances</option>\r\n        <option value="employment">Jobs and employment</option>\r\n        <option value="lowenergy">Low energy</option>\r\n        <option value="moving">Moving home</option>\r\n        <option value="repetition">Repetition</option>\r\n      </optgroup>\r\n\r\n    </select>\r\n    </form>\r\n  </foreignObject>\r\n\r\n  <foreignObject x=125 y=10 id="floating_desc" width="110" height="160">\r\n    <textarea id="floating_event_desc" rows=5 cols=12 tabindex="0" maxlength=80 placeholder="2. Describe the event"></textarea>\r\n  </foreignObject>\r\n\r\n  <svg id="empty_emoticon" x="110" y="250">\r\n    <circle id="empty_emoticon_rect" r="42" cx="45" cy="45" fill="LightGray"/>\r\n    <foreignObject id="empty_emoticon_text" width="80" height="75" x="2" y="30">\r\n      <p>3. How did you feel?</p>\r\n    </foreignObject>\r\n  </svg>\r\n\r\n  <foreignObject id="floating_emoticon" y=140 x=12 width="110" height="30">\r\n    <form>\r\n      <select class="floating_emoticon_select" id="floating_emoticon_select" width="110" aria-label="How did you feel?" tabindex="0">\r\n        <option value="none">Select</option>\r\n        <option value="angry">Angry</option>\r\n        <option value="anxious">Anxious</option>\r\n        <option value="bored">Bored</option>\r\n        <option value="confident">Confident</option>\r\n        <option value="confused">Confused</option>\r\n        <option value="curious">Curious</option>\r\n        <option value="embarrassed">Embarrassed</option>\r\n        <option value="excited">Excited</option>\r\n        <option value="happy">Happy</option>\r\n        <option value="nervous">Nervous</option>\r\n        <option value="proud">Proud</option>\r\n        <option value="scared">Scared</option>\r\n        <option value="stressed">Stressed</option>\r\n        <option value="thinking">Thinking</option>\r\n        <option value="tired">Tired</option>\r\n        <option value="unhappy">Unhappy</option>\r\n        <option value="unwell">Unwell</option>\r\n        <option value="upset">Upset</option>\r\n      </select>\r\n    </form>\r\n  </foreignObject>\r\n\r\n  <foreignObject x=\'245\' y=\'10\' id="floating_post" width=\'95\' height=\'100\'>\r\n    <textarea class="floating_post" id="floating_post_it_text" rows=3 cols=9 maxlength=36 placeholder="4. Add an optional note"></textarea>\r\n  </foreignObject>\r\n\r\n  <foreignObject x=\'0\' y=\'220\' id="floating_move" width=\'70\' height=\'30\'>\r\n    <form>\r\n      <select id="floating_move_menu" class="floating_move_menu" width="80" tabindex="0" aria-label="Move card menu">\r\n        <option value="Move">Move</option>\r\n        <option value="SwapBack">Swap card backwards</option>\r\n        <option value="SwapFwd">Swap card forwards</option>\r\n        <option value="AddNew">Add new card next</option>\r\n      </select>\r\n    </form>\r\n  </foreignObject>\r\n</svg>\r\n'},{}],16:[function(t,e,o){e.exports={createUrl:r,createLink:function(t){const e=document.getElementById("oj-share-link");e.setAttribute("href","?"+r(t));const o=new window.CustomEvent("updatesharelink.ourjourney",{detail:{link:e,journey:t}});i.container().dispatchEvent(o),i.config("onUpdateShareLink")(e,t)},loadLink:function(t){console.warn("loadShareLink - start");var e=0,o=window.location.search.match(/[?&]j=base64:([\w%]+(%3D|=)*)/);if(o){var i;try{i=JSON.parse((a=decodeURIComponent(o[1]),decodeURIComponent(window.atob(a).split("").map(function(t){return"%"+("00"+t.charCodeAt(0).toString(16)).slice(-2)}).join(""))))}catch(t){return console.error('---- ! ERROR in "loadShareLink()" function ! ----'),console.error(o),console.error(t),void window.alert('Sorry, the URL parameter "j" was wrongly encoded. I failed to load your Journey :(')}for(var r=0;r<i.length;r++)t[r]={eID:i[r].eID,description:i[r].description,emoticon:i[r].emoticon,icon:i[r].icon,postit:i[r].postit};return n.updateElements(),e=i.length,console.warn("loadShareLink - load COMPLETE ;) !"),e}var a}};const n=t("./core"),i=t("./util");function r(t){return t=t||n.getElements(),"j=base64:"+encodeURIComponent((e=JSON.stringify(t),window.btoa(encodeURIComponent(e).replace(/%([0-9A-F]{2})/g,function(t,e){return String.fromCharCode("0x"+e)}))))+"&zz";var e}},{"./core":5,"./util":18}],17:[function(t,e,o){e.exports={toggleEditor:function(t){if("fixed"===a){var e=document.getElementById("editorbar");1===t||"show"===t?e.style.display="block":0!==t&&"hide"!==t||(e.style.display="none")}else if("float"===a){var o=document.getElementById("float_bar");1===t||"show"===t?o.style.display="block":0!==t&&"hide"!==t||(o.style.display="none")}},toggleOptions:l,changeBackground:function(t){const e=r.config("wholePage")?document.body:r.container(),o=t||r.qs("#background_select").value;e.style.background=o,r.qs("#background_select").value=o},changeBackgroundElements:function(t){var e,o=t||document.getElementById("background_elements_select").value,i=n.getBackgroundElements();if("all"===o)for(e=0;e<i.length;e++)document.getElementById(i[e]).setAttribute("visibility","visible");else if("some"===o){var r=1;for(e=0;e<i.length;e++)r%2==0?document.getElementById(i[e]).setAttribute("visibility","visible"):document.getElementById(i[e]).setAttribute("visibility","collapse"),r+=1}else if("none"===o)for(e=0;e<i.length;e++)document.getElementById(i[e]).setAttribute("visibility","collapse")},changeCardColour:function(){var t=document.getElementById("card_colour_select").value;i.setCardColour(t)},changeEmoticonColour:function(){var t=document.getElementById("emoticon_colour_select").value;i.setEmoticonColour(t)},chooseEditor:function(t){"float"===t?(document.getElementById("formeditor").style.display="none",document.getElementById("float_bar").style.display="inline",a=t):"fixed"===t&&(document.getElementById("floating_editor").setAttribute("visibility","collapse"),document.getElementById("float_bar").style.display="none")},getEditor:function(){return a},toggleFloatOptions:function(){var t=document.getElementById("float_saveload");"none"!==t.style.display&&t.style.display?t.style.display="none":t.style.display="block"},printJourney:function(){var t;"fixed"===a?(t=document.getElementById("editorbar")).style.display="none":"float"===a&&(t=document.getElementById("float_bar"),l(0),t.style.display="none",i.stopFloatingFocus(),i.clearFocus(),i.isPrinting());window.scrollTo(0,0),window.print(),t.style.display="block"}};const n=t("./assets"),i=t("./core"),r=t("./util");var a="fixed";function l(t){var e=document.getElementById("options");0===t?(e.style.display="none",document.getElementById("optionsButton").value="Options",document.getElementById("float_optionsButton").value="Menu"):"none"===e.style.display||1===t?(e.style.display="block",document.getElementById("optionsButton").value="Hide Options",document.getElementById("float_optionsButton").value="Hide Menu"):(e.style.display="none",document.getElementById("optionsButton").value="Options",document.getElementById("float_optionsButton").value="Menu")}},{"./assets":2,"./core":5,"./util":18}],18:[function(t,e,o){e.exports={putConfig:function(o){return e.exports.CFG=n=function(t,e){var o,n={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}(t("./config").DEFAULTS,o),n.container=document.querySelector(n.containerSelector),n},config:function(t){return t?n[t]:n},container:function(){return n.container},param:function(t,e){e=e||null;const o=window.location.search.match(t);return o?o[1]:e},qs:function(t){return n.container.querySelector(t)},replace:function(t,e){const o=new RegExp(Object.keys(e).join("|"),"g");return t.replace(o,function(t){return e[t]})}};let n={}},{"./config":4}],19:[function(t,e,o){e.exports={cardTemplate:t("./partials/card-template.svg"),getRedirectHtml:function(){const e=a.replace(/\?.+/,"")+"?utm_source=save&utm_medium=redirect&",o={created:(new Date).toISOString(),generator:"our-journey/"+r.config("version"),journey:n.getElements()};return r.replace(t("./views/redirect.html"),{"{debug}":"UA: "+l,"{json}":JSON.stringify(o,null,2),"{redirectUrl}":e+i.createUrl(),"{version}":r.config("version"),"{timestamp}":o.created})},setup:function(){const e=r.config("container");e.innerHTML=r.replace(t("./views/default-tool.html"),{"{assets}":r.config("assetUrl"),"{zoom}":r.config("zoom"),"{attribution partial}":s(t("./partials/attribute.html")),"{background partial}":s(t("./partials/background.svg")),"{editor bar partial}":s(t("./partials/editor-bar.html")),"{floating editor partial}":s(t("./partials/floating-editor.svg"))}),e.className+=" our-journey-js ok"}};const n=t("./core"),i=t("./share-link"),r=t("./util"),a=window.location.href,l=window.navigator.userAgent;function s(t){return r.replace(t,{"{assets}":r.config("assetUrl"),"{privacyUrl}":r.config("privacyUrl")||"","{helpUrl}":r.config("helpUrl")})}},{"./core":5,"./partials/attribute.html":11,"./partials/background.svg":12,"./partials/card-template.svg":13,"./partials/editor-bar.html":14,"./partials/floating-editor.svg":15,"./share-link":16,"./util":18,"./views/default-tool.html":20,"./views/redirect.html":21}],20:[function(t,e,o){e.exports='<style>\r\n.our-journey-js .editorbar,\r\n.our-journey-js .main { zoom: {zoom}%; } </style>\r\n\r\n{editor bar partial}\r\n\r\n<div class="main" id="main">\r\n\r\n  <svg width="1240" height="1600" class="journey-canvas" id="journey-canvas" aria-label="Journey canvas" tabindex="-1"\r\n    onload="ourJourneySvgLoad(typeof event==\'undefined\'?{time:Date.now()}:event) /* Directly attached */">\r\n\r\n    {background partial}\r\n\r\n    <g class="card-holder"></g>\r\n\r\n    {floating editor partial}\r\n\r\n  <svg id="add_more_card" class="add_more_card" width="130" height="240" y="1350" x="990" role=\'button\' tabindex=\'0\' aria-label=\'Add more cards\'>\r\n        <title>Add more cards</title>\r\n        <rect fill="crimson" id="add_more_rect" width = "130" height = "240" stroke="black" fill="crimson" stroke-width="1" fill-opacity="1.0"/>\r\n        <image xlink:href = "{assets}/add-more.png" x = "4" y = "30" height="176" width="121" id="add_more_img" class="add_more_img"/>\r\n    </svg>\r\n\r\n  </svg>\r\n\r\n</div>\r\n\r\n{attribution partial}\r\n'},{}],21:[function(t,e,o){e.exports="\x3c!--\r\n  Instructions: Open this file in your preferred browser, to load the journey!\r\n--\x3e\r\n<!doctype html><html lang='en'>\r\n\r\n  <meta charset='utf-8'/>\r\n  <style>\r\n    body {font:1em sans-serif; margin:1em auto; max-width:32em}\r\n    [type] {display:none}\r\n  </style>\r\n\r\n  <title>Our Journey: saved journey</title> <h1>Our Journey: saved journey</h1>\r\n\r\n  <p>If you are not automatically redirected, <a id='journey-link' href=\r\n'{redirectUrl}'\r\n  >Go to the saved journey</a>.</p>\r\n\r\n  <p>File date: <time>{timestamp}</time>.</p>\r\n\r\n  <hr/>\r\n\r\n  <p role='contentinfo'><a href='https://iet-ou.github.io/our-journey/'>our-journey</a> v<i>{version}</i></p>\r\n\r\n  <script>\r\n    location.href = document.querySelector('#journey-link').getAttribute('href');\r\n  <\/script>\r\n\r\n  <i type='application/json'>{json}</i>\r\n\r\n  \x3c!-- {debug} --\x3e\r\n</html>\r\n"},{}],"our-journey":[function(t,e,o){e.exports={app:t("./src/app"),config:t("./src/config"),core:t("./src/core"),layout:t("./src/layout"),events:t("./src/event"),file:t("./src/file"),share:t("./src/share-link"),ui:t("./src/user-interface"),util:t("./src/util"),views:t("./src/views")}},{"./src/app":1,"./src/config":4,"./src/core":5,"./src/event":7,"./src/file":8,"./src/layout":9,"./src/share-link":16,"./src/user-interface":17,"./src/util":18,"./src/views":19}]},{},[]);