{"version":3,"sources":["../../dist/concat.js"],"names":["Vue","component","mixins","SceneContentComponentMixin","template","data","img","video","imgDirectory","videoDirectory","autoplay","controls","mute","loop","hideUI","videoplayerready","isVideoPaused","methods","playVideo","computed","videoURL","imgURL","mounted","touchKit","ComponentManager","register","singleton","activetab","slides","align","open","sidepanelEntranceName","contentTransitionName","animateEntrance","changeTab","i","contentReady","flipped","allowfullscreen","media","showFullscreen","vid","document","getElementById","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","props","config","BACKGROUND_IMAGE_DIRECTORY","BACKGROUND_VIDEO_DIRECTORY","videoPlaying","currentPoster","console","log","window","app","radio","$on","createPoster","ImageCache","done","then","$el","querySelector","eventListeners","addEventListener","destroyed","Object","keys","forEach","event","removeEventListener","background","fullscreen","$emit","backgroundClicked","test","getAsset","content","Array","from","children","o","remove","appendChild","hotspotShown","minDelay","maxDelay","animatingClick","showText","hasUniqueStyle","hotspotcolor","textcolor","hotspotType","settings","hotspotEntranceType","loopAnimationType","clickAnimationType","animationCycleStyle","hotspot","isActiveHotspot","title","undefined","index","getRandomAnimationDelay","min","max","Math","random","onClickAnimation","setTimeout","hotspotEntrance","delay","getUniqueStyle","hasOwnProperty","setUniqueStyles","hotspotstyle","style","hotspotentrance","loopanimation","clickanimation","getAnimationCycleStyle","toFixed","created","getHotspotType","hotspots","type","getContinuousHotspotAnimation","resetHotspot","getClickHotspotAnimation","getHotspotColor","getTextColor","activeHotspot","inactiveHotspot","showLabel","enterAnimation","leaveAnimation","progress","onEnterComplete","getLoadProgress","PageGeneric","objData","PageManager","getPage","pageId","html","setPageId","setWrapperClass","PageHome","$route","path","alert","focusClicked","src","alt","alttext","alignRight","alignBottom","navigatesTo","navigateTo","home","includes","openLink","route","$router","currentRoute","push","url","logoPlacement","top","bottom","right","left","keepWidth","menuHidden","menuReady","bigNavElements","findBigNavElements","handleClick","e","classlist","target","classList","length","slice","navGoto","substring","back","toggleMenu","isActiveNav","nav","atHomePage","utils","isChildRouteOf","setNativeNavClass","navtype","islink","endsWith","navigatesto","externalnavigatesto","individualNavWidth","menuElements","n","backButtonDisabled","isFullscreenButton","isFullscreen","menuPlacement","contentPage","subPage","replace","split"],"mappings":";;AAAAA,GAAG,CAACC,SAAJ,CAAc,iBAAd,EAAiC;AAC7BC,EAAAA,MAAM,EAAE,CAACC,0BAAD,CADqB;AAE7BC,EAAAA,QAAQ,+4BAFqB;AAuB7BC,EAAAA,IAvB6B,kBAuBtB;AACH,WAAO;AACHC,MAAAA,GAAG,EAAE,EADF;AAEHC,MAAAA,KAAK,EAAE,EAFJ;AAIH;AACAC,MAAAA,YAAY,EAAE,aALX;AAMHC,MAAAA,cAAc,EAAE,eANb;AAQH;AACA;AACAC,MAAAA,QAAQ,EAAE,IAVP;AAWHC,MAAAA,QAAQ,EAAE,IAXP;AAYHC,MAAAA,IAAI,EAAE,KAZH;AAaHC,MAAAA,IAAI,EAAE,KAbH;AAcHC,MAAAA,MAAM,EAAE,KAdL;AAgBH;AACAC,MAAAA,gBAAgB,EAAE,KAjBf;AAkBHC,MAAAA,aAAa,EAAE;AAlBZ,KAAP;AAoBH,GA5C4B;AA6C7BC,EAAAA,OAAO,EAAE;AACLC,IAAAA,SADK,uBACO;AACR;AACA,WAAKF,aAAL,GAAqB,CAAC,KAAKA,aAA3B;AACH;AAJI,GA7CoB;AAmD7BG,EAAAA,QAAQ,EAAE;AACNC,IAAAA,QADM,sBACK;AACP;AACA,aAAO,KAAKX,cAAL,GAAsB,KAAKF,KAAlC;AACH,KAJK;AAKNc,IAAAA,MALM,oBAKG;AACL;AACA,aAAO,KAAKb,YAAL,GAAoB,KAAKF,GAAhC;AACH;AARK,GAnDmB;AA6D7BgB,EAAAA,OA7D6B,qBA6DnB;AACN;AACA,SAAKP,gBAAL,GAAwB,IAAxB,CAFM,CAIN;;AACA,SAAKC,aAAL,GAAqB,CAAC,KAAKN,QAA3B;AACH;AAnE4B,CAAjC;AAsEAa,QAAQ,CAACC,gBAAT,CAA0BC,QAA1B,CAAmC,iBAAnC,EAAsD;AAACC,EAAAA,SAAS,EAAE;AAAZ,CAAtD;AAAyE;AACzE1B,GAAG,CAACC,SAAJ,CAAc,WAAd,EAA2B;AACvBC,EAAAA,MAAM,EAAE,CAACC,0BAAD,CADe;AAEvBC,EAAAA,QAAQ,wvDAFe;AAmCvBC,EAAAA,IAnCuB,kBAmChB;AACH,WAAO;AACHsB,MAAAA,SAAS,EAAE,CADR;AAGH;AACAC,MAAAA,MAAM,EAAE,EAJL;AAMH;AACAC,MAAAA,KAAK,EAAE,MAPJ;AASH;AACAC,MAAAA,IAAI,EAAE,KAVH;AAWHC,MAAAA,qBAAqB,EAAE,uBAXpB;AAYHC,MAAAA,qBAAqB,EAAE;AAZpB,KAAP;AAcH,GAlDsB;AAmDvBV,EAAAA,OAnDuB,qBAmDb;AACN,SAAKW,eAAL;AACH,GArDsB;AAsDvBhB,EAAAA,OAAO,EAAE;AACLgB,IAAAA,eADK,6BACa;AACd;AACA,WAAKF,qBAAL,GAA6B,KAAKF,KAAL,IAAc,MAAd,GAAuB,uBAAvB,GAAiD,wBAA9E;AACA,WAAKC,IAAL,GAAY,IAAZ;AACH,KALI;AAMLI,IAAAA,SANK,qBAMKC,CANL,EAMQ;AACT;AACA,WAAKH,qBAAL,GAA6B,KAAKL,SAAL,GAAiBQ,CAAjB,GAAqB,mBAArB,GAA2C,kBAAxE;AACA,WAAKR,SAAL,GAAiBQ,CAAjB;AACH;AAVI;AAtDc,CAA3B;AAoEAZ,QAAQ,CAACC,gBAAT,CAA0BC,QAA1B,CAAmC,WAAnC,EAAgD;AAACC,EAAAA,SAAS,EAAE;AAAZ,CAAhD;AAAoE;AACpE1B,GAAG,CAACC,SAAJ,CAAc,cAAd,EAA8B;AAC1BC,EAAAA,MAAM,EAAE,CAACC,0BAAD,CADkB;AAE1BC,EAAAA,QAAQ,qiEAFkB;AA0C1BC,EAAAA,IA1C0B,kBA0CnB;AACH,WAAO;AACH;AACA+B,MAAAA,YAAY,EAAE,KAFX;AAGHJ,MAAAA,qBAAqB,EAAE,mBAHpB;AAIHL,MAAAA,SAAS,EAAE,CAJR;AAMH;AACAC,MAAAA,MAAM,EAAE,EAPL;AASH;AACAS,MAAAA,OAAO,EAAE,KAVN;AAWHC,MAAAA,eAAe,EAAE,KAXd;AAYHC,MAAAA,KAAK,EAAE;AAZJ,KAAP;AAcH,GAzDyB;AA0D1BjB,EAAAA,OA1D0B,qBA0DhB;AACN;AACA,SAAKc,YAAL,GAAoB,IAApB;AACH,GA7DyB;AA8D1BnB,EAAAA,OAAO,EAAE;AACLiB,IAAAA,SADK,qBACKC,CADL,EACQ;AACT;AACA,WAAKH,qBAAL,GAA6B,KAAKL,SAAL,GAAiBQ,CAAjB,GAAqB,mBAArB,GAA2C,kBAAxE;AACA,WAAKR,SAAL,GAAiBQ,CAAjB;AACH,KALI;AAMLK,IAAAA,cANK,4BAMY;AACb;AACA,UAAIC,GAAG,GAAGC,QAAQ,CAACC,cAAT,CAAwB,sBAAxB,CAAV;;AACA,UAAIF,GAAG,CAACG,iBAAR,EAA2B;AACvBH,QAAAA,GAAG,CAACG,iBAAJ;AACH,OAFD,MAEO,IAAIH,GAAG,CAACI,oBAAR,EAA8B;AACjCJ,QAAAA,GAAG,CAACI,oBAAJ;AACH,OAFM,MAEA,IAAIJ,GAAG,CAACK,uBAAR,EAAiC;AACpCL,QAAAA,GAAG,CAACK,uBAAJ;AACH;AACJ;AAhBI;AA9DiB,CAA9B;AAkFAvB,QAAQ,CAACC,gBAAT,CAA0BC,QAA1B,CAAmC,cAAnC,EAAmD;AAACC,EAAAA,SAAS,EAAE;AAAZ,CAAnD;AAAsE;AAGtE1B,GAAG,CAACC,SAAJ,CAAc,YAAd,EAA4B;AACxB8C,EAAAA,KAAK,EAAE,CAAC,YAAD,CADiB;AAExB3C,EAAAA,QAAQ,wqBAFgB;AA8BxBC,EAAAA,IA9BwB,kBA8BhB;AACJ,WAAO;AACH;AACAG,MAAAA,YAAY,EAAEwC,MAAM,CAACC,0BAFlB;AAGHxC,MAAAA,cAAc,EAAEuC,MAAM,CAACE,0BAHpB;AAIHC,MAAAA,YAAY,EAAE,KAJX;AAKHC,MAAAA,aAAa,EAAE;AALZ,KAAP;AAOH,GAtCuB;AAyCxB9B,EAAAA,OAzCwB,qBAyCb;AAAA;;AAEP,SAAK6B,YAAL,GAAoB,KAApB;AACAE,IAAAA,OAAO,CAACC,GAAR,CAAY,oBAAZ,EAAkC,KAAKjC,MAAvC,EAHO,CAKP;AACA;AACA;AACA;AACA;AACA;;AACAkC,IAAAA,MAAM,CAACC,GAAP,CAAWC,KAAX,CAAiBC,GAAjB,CAAqB,mBAArB,EAA0C,YAAK;AAC3CL,MAAAA,OAAO,CAACC,GAAR,CAAY,mBAAZ,EAAiC,KAAI,CAACH,YAAtC,EAAoD,KAAI,CAAC9B,MAAzD;;AACA,MAAA,KAAI,CAACsC,YAAL;AACH,KAHD,EAXO,CAgBP;;AACA,QAAG,gBAAgBJ,MAAM,CAACC,GAA1B,EAA+B;AAC3BD,MAAAA,MAAM,CAACC,GAAP,CAAWI,UAAX,CAAsBC,IAAtB,GAA6BC,IAA7B,CAAkC,YAAK;AACnC,QAAA,KAAI,CAACH,YAAL;AACH,OAFD;AAGH;;AAED,QAAIpD,KAAK,GAAI,KAAKwD,GAAL,CAASC,aAAT,CAAuB,OAAvB,CAAb;AACA,SAAKC,cAAL,GAAsB,EAAtB;;AACA,SAAKA,cAAL,CAAoB,SAApB,IAAiC,YAAM;AACnC,MAAA,KAAI,CAACd,YAAL,GAAoB,IAApB;AACH,KAFD;;AAIA5C,IAAAA,KAAK,CAAC2D,gBAAN,CAAuB,SAAvB,EAAmC,KAAKD,cAAL,CAAoB,SAApB,CAAnC;AACH,GAvEuB;AAyExBE,EAAAA,SAzEwB,uBAyEX;AAAA;;AACT,QAAI5D,KAAK,GAAI,KAAKwD,GAAL,CAASC,aAAT,CAAuB,OAAvB,CAAb;AACAI,IAAAA,MAAM,CAACC,IAAP,CAAY,KAAKJ,cAAjB,EAAiCK,OAAjC,CAAyC,UAAAC,KAAK,EAAI;AAC9ChE,MAAAA,KAAK,CAACiE,mBAAN,CAA0BD,KAA1B,EAAkC,MAAI,CAACN,cAAL,CAAoBM,KAApB,CAAlC;AACH,KAFD;AAGH,GA9EuB;AAgFxBpD,EAAAA,QAAQ,EAAE;AACNC,IAAAA,QADM,sBACK;AACP,aAAO,KAAKX,cAAL,GAAsB,KAAKgE,UAAL,CAAgBlE,KAA7C;AACH,KAHK;AAINc,IAAAA,MAJM,oBAIG;AACL,aAAO,KAAKb,YAAL,GAAoB,KAAKiE,UAAL,CAAgBnE,GAA3C;AACH;AANK,GAhFc;AAwFxBW,EAAAA,OAAO,EAAE;AACLyD,IAAAA,UADK,wBACQ;AACT,WAAKC,KAAL,CAAW,YAAX;AACH,KAHI;AAILC,IAAAA,iBAJK,+BAIe;AAChB,WAAKD,KAAL,CAAW,iBAAX;AACH,KANI;AAOLhB,IAAAA,YAPK,0BAOW;AACZ;AACA;AACA;AACA,UAAG,gBAAgBkB,IAAhB,CAAqB,KAAKxD,MAA1B,KAAqC,CAAC,KAAK8B,YAA9C,EAA4D;AACxDE,QAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,aAAKF,aAAL,GAAqB,KAAK/B,MAA1B;AACA,YAAIf,GAAG,GAAGkD,GAAG,CAACI,UAAJ,CAAekB,QAAf,CAAwB,KAAKzD,MAA7B,EAAqC0D,OAA/C;AACAC,QAAAA,KAAK,CAACC,IAAN,CAAW,KAAKlB,GAAL,CAASC,aAAT,CAAuB,SAAvB,EAAkCkB,QAA7C,EAAuDZ,OAAvD,CAA+D,UAAAa,CAAC;AAAA,iBAAIA,CAAC,CAACC,MAAF,EAAJ;AAAA,SAAhE;AACA,aAAKrB,GAAL,CAASC,aAAT,CAAuB,SAAvB,EAAkCqB,WAAlC,CAA8C/E,GAA9C;AACH;AACJ;AAlBI;AAxFe,CAA5B;AA6GAN,GAAG,CAACC,SAAJ,CAAc,SAAd,EAAyB;AACrB8C,EAAAA,KAAK,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,UAArB,EAAiC,cAAjC,EAAiD,eAAjD,CADc;AAErB3C,EAAAA,QAAQ,+pCAFa;AA8BrBC,EAAAA,IA9BqB,kBA8Bd;AACH,WAAO;AACH;AACAiF,MAAAA,YAAY,EAAE,KAFX;AAGHC,MAAAA,QAAQ,EAAE,CAHP;AAIHC,MAAAA,QAAQ,EAAE,EAJP;AAKHC,MAAAA,cAAc,EAAE,KALb;AAMHC,MAAAA,QAAQ,EAAE,KANP;AAQH;AACAC,MAAAA,cAAc,EAAE,KATb;AAUHtD,MAAAA,OAAO,EAAE,KAVN;AAWHuD,MAAAA,YAAY,EAAE,EAXX;AAYHC,MAAAA,SAAS,EAAE,EAZR;AAcH;AACAC,MAAAA,WAAW,EAAE,KAAKC,QAAL,CAAcD,WAfxB;AAiBHE,MAAAA,mBAAmB,EAAE,KAAKD,QAAL,CAAcC,mBAjBhC;AAkBHC,MAAAA,iBAAiB,EAAE,KAAKF,QAAL,CAAcE,iBAlB9B;AAmBHC,MAAAA,kBAAkB,EAAE,KAAKH,QAAL,CAAcG,kBAnB/B;AAqBHC,MAAAA,mBAAmB,EAAE,KAAKJ,QAAL,CAAcI;AArBhC,KAAP;AAuBH,GAtDoB;AAuDrBlF,EAAAA,OAAO,EAAE;AAAA,0BACAmF,OADA,EACS;AACV;AACA,UAAI,KAAKC,eAAL,IAAwB,KAAKD,OAAL,CAAaE,KAAb,KAAuB,MAAMC,SAA7B,CAA5B,EAAqE;AACjE,aAAK5B,KAAL,CAAW,MAAX,EAAmByB,OAAnB;AACH,OAFD,MAEO;AACH,aAAKzB,KAAL,CAAW,mBAAX,EAAgC,KAAK6B,KAArC;AACH;AACJ,KARI;AASLC,IAAAA,uBATK,mCASmBC,GATnB,EASwBC,GATxB,EAS6B;AAC9B;AACA,aAAOC,IAAI,CAACC,MAAL,MAAiBF,GAAG,GAAGD,GAAvB,IAA8BA,GAArC;AACH,KAZI;AAaLI,IAAAA,gBAbK,8BAac;AAAA;;AACf;AACA,UAAI,KAAKrB,cAAL,IAAuB,KAA3B,EACI,KAAKA,cAAL,GAAsB,IAAtB;AACJsB,MAAAA,UAAU,CAAC,YAAM;AACb,QAAA,MAAI,CAACtB,cAAL,GAAsB,KAAtB;;AACA,QAAA,MAAI,CAACd,KAAL,CAAW,4BAAX;AACH,OAHS,EAGP,IAHO,CAAV;AAIH,KArBI;AAsBLqC,IAAAA,eAtBK,6BAsBa;AAAA;;AACd;AACA;AACA,UAAIC,KAAK,GAAG,CAAZ;AACAA,MAAAA,KAAK,GAAI,KAAKT,KAAL,GAAa,GAAd,GAAqB,GAA7B;AAEAO,MAAAA,UAAU,CAAC,YAAM;AACb,QAAA,MAAI,CAACzB,YAAL,GAAoB,IAApB;AACH,OAFS,EAEP2B,KAFO,CAAV;AAGAF,MAAAA,UAAU,CAAC,YAAM;AACb,QAAA,MAAI,CAACrB,QAAL,GAAgB,IAAhB;AACH,OAFS,EAEPuB,KAAK,GAAG,GAFD,CAAV;AAGH,KAlCI;AAmCLC,IAAAA,cAnCK,4BAmCY;AACb;AACA,WAAKvB,cAAL,GAAsB,KAAKS,OAAL,CAAae,cAAb,CAA4B,cAA5B,CAAtB;;AACA,UAAI,KAAKxB,cAAT,EAAyB;AACrB,aAAKyB,eAAL,CAAqB,KAAKhB,OAAL,CAAaiB,YAAlC;AACH;AACJ,KAzCI;AA0CLD,IAAAA,eA1CK,2BA0CWE,KA1CX,EA0CkB;AACnB;AAEA;AACA,WAAKjF,OAAL,GAAeiF,KAAK,CAACjF,OAArB,CAJmB,CAMnB;;AACAiF,MAAAA,KAAK,CAACH,cAAN,CAAqB,aAArB,IAAsC,KAAKrB,WAAL,GAAmBwB,KAAK,CAACxB,WAA/D,GAA6E,KAAKA,WAAlF,CAPmB,CASnB;;AACAwB,MAAAA,KAAK,CAACH,cAAN,CAAqB,iBAArB,IAA0C,KAAKnB,mBAAL,GAA2BsB,KAAK,CAACC,eAA3E,GAA6F,KAAKvB,mBAAlG;AACAsB,MAAAA,KAAK,CAACH,cAAN,CAAqB,eAArB,IAAwC,KAAKlB,iBAAL,GAAyBqB,KAAK,CAACE,aAAvE,GAAuF,KAAKvB,iBAA5F;AACAqB,MAAAA,KAAK,CAACH,cAAN,CAAqB,gBAArB,IAAyC,KAAKjB,kBAAL,GAA0BoB,KAAK,CAACG,cAAzE,GAA0F,KAAKvB,kBAA/F,CAZmB,CAcnB;;AACAoB,MAAAA,KAAK,CAACH,cAAN,CAAqB,cAArB,IAAuC,KAAKvB,YAAL,GAAoB0B,KAAK,CAAC1B,YAAjE,GAAgF,KAAKA,YAArF;AACA0B,MAAAA,KAAK,CAACH,cAAN,CAAqB,WAArB,IAAoC,KAAKtB,SAAL,GAAiByB,KAAK,CAACzB,SAA3D,GAAuE,KAAKD,YAA5E;AACH,KA3DI;AA4DL8B,IAAAA,sBA5DK,oCA4DoB;AACrB;AACA,cAAQ,KAAKvB,mBAAb;AACI,aAAK,QAAL;AACI,iBAAO,KAAKM,uBAAL,CAA6B,KAAKlB,QAAlC,EAA4C,KAAKC,QAAjD,EAA2DmC,OAA3D,CAAmE,CAAnE,IAAwE,GAA/E;;AACJ,aAAK,OAAL;AACI,iBAAS,KAAKnB,KAAL,GAAa,GAAd,GAAqB,GAAtB,GAA6B,GAApC;AAJR;AAMH;AApEI,GAvDY;AA6HrBoB,EAAAA,OA7HqB,qBA6HX;AACN,SAAKV,cAAL;AACH,GA/HoB;AAgIrB5F,EAAAA,OAhIqB,qBAgIX;AACN,SAAK0F,eAAL;AACH,GAlIoB;AAmIrB7F,EAAAA,QAAQ,EAAE;AACN0G,IAAAA,cADM,4BACW;AACb;AACA;AACA,UAAI,KAAKzB,OAAL,CAAa0B,QAAb,IAAyB,IAA7B,EAAmC;AAC/B,eAAO,aAAP;AACH,OAFD,MAEO;AACH,eAAO,KAAK1B,OAAL,CAAa2B,IAApB;AACH;AACJ,KATK;AAUNC,IAAAA,6BAVM,2CAU0B;AAC5B;AACA,UAAI,KAAKC,YAAL,IAAqB,IAAzB,EAA+B;AAC3B;AACH,OAFD,MAEO;AACH,eAAO;AACH,4BAAkB,KAAKhC,iBADpB;AAEH,uCAA6B,UAF1B;AAGH,gCAAsB,KAHnB;AAIH,6BAAmB,KAAKyB,sBAAL;AAJhB,SAAP;AAMH;AACJ,KAtBK;AAuBNQ,IAAAA,wBAvBM,sCAuBqB;AACvB;AACA,UAAI,KAAKzC,cAAT,EAAyB;AACrB,eAAO;AACH,4BAAkB,KAAKS,kBADpB;AAEH,uCAA6B,GAF1B;AAGH,gCAAsB,MAHnB;AAIH,6BAAmB;AAJhB,SAAP;AAMH,OAPD,MAOO;AACH;AACH;AACJ,KAnCK;AAoCNiC,IAAAA,eApCM,6BAoCY;AACd;AACA,UAAI,KAAKvC,YAAL,IAAqB,EAAzB,EAA6B;AACzB,eAAO;AACH,wBAAc,KAAKA;AADhB,SAAP;AAGH,OAJD,MAIO;AACH;AACH;AAEJ,KA9CK;AA+CNwC,IAAAA,YA/CM,0BA+CS;AACX;AACA,UAAI,KAAKvC,SAAL,IAAkB,EAAtB,EAA0B;AACtB,eAAO;AACH,mBAAS,KAAKA;AADX,SAAP;AAGH,OAJD,MAIO;AACH;AACH;AACJ,KAxDK;AAyDNQ,IAAAA,eAzDM,6BAyDY;AACd,UAAI,CAAC,KAAKG,KAAL,IAAc,KAAK6B,aAAnB,IAAoC,KAAKvC,WAAL,IAAoB,UAAzD,KAAwE,KAAKJ,QAAjF,EAA2F;AACvF,eAAO,IAAP;AACH,OAFD,MAEO;AACH,eAAO,KAAP;AACH;AACJ,KA/DK;AAgEN4C,IAAAA,eAhEM,6BAgEY;AACd,UAAG,CAAC,KAAKjC,eAAN,IAAyB,KAAKP,WAAL,IAAoB,UAAhD,EAA4D;AACxD,eAAO;AACH,qBAAW;AADR,SAAP;AAGH;AACJ,KAtEK;AAuENyC,IAAAA,SAvEM,uBAuEM;AACR,UAAI,KAAKnC,OAAL,CAAaE,KAAb,KAAuB,MAAMC,SAA7B,KAA2C,KAAKF,eAApD,EAAqE;AACjE,eAAO,IAAP;AACH;AACJ;AA3EK;AAnIW,CAAzB;AAiNArG,GAAG,CAACC,SAAJ,CAAc,cAAd,EAA8B;AAC1B8C,EAAAA,KAAK,EAAE,CAAC,SAAD,CADmB;AAE1B3C,EAAAA,QAAQ,spBAFkB;AAkB1BC,EAAAA,IAlB0B,kBAkBlB;AACJ,WAAO;AACHmI,MAAAA,cAAc,EAAE,iBADb;AAEHC,MAAAA,cAAc,EAAE,sCAFb;AAGHC,MAAAA,QAAQ,EAAE;AAHP,KAAP;AAKH,GAxByB;AA0B1BpH,EAAAA,OA1B0B,qBA0Bf;AAAA;;AACPiC,IAAAA,MAAM,CAACC,GAAP,CAAWC,KAAX,CAAiBC,GAAjB,CAAqB,iBAArB,EAAwC,UAACgF,QAAD,EAAc;AAClD,MAAA,MAAI,CAACA,QAAL,GAAgBA,QAAhB;AACH,KAFD;AAGH,GA9ByB;AA+B1BzH,EAAAA,OAAO,EAAE;AACL0H,IAAAA,eADK,6BACc,CAAE,CADhB;AAELC,IAAAA,eAFK,6BAEa;AACd,aAAO,KAAKF,QAAL,IAAiB,CAAjB,GAAqB,KAArB,GAA8B,KAAKA,QAAL,GAAgB,IAArD;AACH;AAJI;AA/BiB,CAA9B;AAuCA,IAAMG,WAAW,GAAG;AAEhB9F,EAAAA,KAAK,EAAE,CAAC,QAAD,CAFS;AAIhB1C,EAAAA,IAJgB,kBAIR;AACJ,QAAIyI,OAAO,GAAGvH,QAAQ,CAACwH,WAAT,CAAqBC,OAArB,CAA6B,KAAKC,MAAlC,KAA6C;AAAE5I,MAAAA,IAAI,EAAE;AAAE6I,QAAAA,IAAI,EAAE;AAAR;AAAR,KAA3D;AACA,WAAO;AACHA,MAAAA,IAAI,EAAEJ,OAAO,CAACzI,IAAR,CAAa6I;AADhB,KAAP;AAGH,GATe;AAWhB9I,EAAAA,QAAQ,4JAXQ;AAmBhBe,EAAAA,QAAQ,EAAE;AACNgI,IAAAA,SADM,uBACO;AACT,aAAO,KAAKF,MAAL,GAAc,QAArB;AACH,KAHK;AAING,IAAAA,eAJM,6BAIa;AACf,aAAO,KAAKH,MAAL,GAAc,gBAArB;AACH;AANK;AAnBM,CAApB;AA4BA,IAAMI,QAAQ,GAAG;AAEbjJ,EAAAA,QAAQ;AAFK,CAAjB;AAQAJ,GAAG,CAACC,SAAJ,CAAc,WAAd,EAA2B;AAGvBI,EAAAA,IAHuB,kBAGf;AACJ,WAAO;AACHiG,MAAAA,KAAK,EAAE;AADJ,KAAP;AAGH,GAPsB;AASvBlG,EAAAA,QAAQ,+HATe;AAavBkB,EAAAA,OAbuB,qBAaZ;AACP+B,IAAAA,OAAO,CAACC,GAAR,CAAY,eAAZ,EAA8B,KAAKgG,MAAL,CAAYC,IAA1C;AACH,GAfsB;AAiBvBtI,EAAAA,OAAO,EAAE;AACLuI,IAAAA,KADK;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA,kBACI;AACLA,MAAAA,KAAK,CAAC,KAAKlD,KAAN,CAAL;AACH,KAHI;AAAA;AAjBc,CAA3B;AA4BA;AACAtG,GAAG,CAACC,SAAJ,CAAc,MAAd,EAAsB;AAClBC,EAAAA,MAAM,EAAE,CAACC,0BAAD,CADU;AAGlBE,EAAAA,IAHkB,kBAGV;AACJ,WAAO;AACHiG,MAAAA,KAAK,EAAE;AADJ,KAAP;AAGH,GAPiB;AAQlBlG,EAAAA,QAAQ;AARU,CAAtB;AAeAmB,QAAQ,CAACC,gBAAT,CAA0BC,QAA1B,CAAmC,MAAnC,EAA2C;AAACC,EAAAA,SAAS,EAAE;AAAZ,CAA3C;AAIA;AACA1B,GAAG,CAACC,SAAJ,CAAc,SAAd,EAAyB;AACrB8C,EAAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,UAAlB,CADc;AAErB3C,EAAAA,QAAQ,2OAFa;AAUrBa,EAAAA,OAAO,EAAE;AACLwI,IAAAA,YADK,0BACU;AACX,WAAK9E,KAAL,CAAW,iBAAX;AACH;AAHI;AAVY,CAAzB;AAgBA3E,GAAG,CAACC,SAAJ,CAAc,MAAd,EAAsB;AAClB8C,EAAAA,KAAK,EAAE,CAAC,UAAD,CADW;AAElB3C,EAAAA,QAAQ,8GAFU;AAKlBC,EAAAA,IALkB,kBAKX;AACH,WAAO;AACH;AACAqJ,MAAAA,GAAG,EAAE,KAAK3D,QAAL,CAAc2D,GAFhB;AAGHC,MAAAA,GAAG,EAAE,KAAK5D,QAAL,CAAc6D,OAHhB;AAIHC,MAAAA,UAAU,EAAE,KAAK9D,QAAL,CAAc8D,UAAd,GAA2B,KAAK9D,QAAL,CAAc8D,UAAzC,GAAsD,KAJ/D;AAKHC,MAAAA,WAAW,EAAE,KAAK/D,QAAL,CAAc+D,WAAd,GAA4B,KAAK/D,QAAL,CAAc+D,WAA1C,GAAwD,KALlE;AAMHC,MAAAA,WAAW,EAAE,KAAKhE,QAAL,CAAcgE;AANxB,KAAP;AAQH,GAdiB;AAelB9I,EAAAA,OAAO,EAAE;AACL+I,IAAAA,UADK,wBACS;AACV;AACA,UAAG,KAAKD,WAAL,IAAoB,MAAvB,EAA+B;AAC3B,aAAKE,IAAL;AACH,OAFD,MAEO,IAAI,KAAKF,WAAL,CAAiBG,QAAjB,CAA0B,SAA1B,CAAJ,EAA0C;AAC7C,qBAAU,KAAKH,WAAf;AACH,OAFM,MAEA,IAAI,KAAKA,WAAL,CAAiBG,QAAjB,CAA0B,KAA1B,CAAJ,EAAsC;AACzC,aAAKC,QAAL,CAAc,KAAKJ,WAAnB;AACH;AACJ,KAVI;AAWLE,IAAAA,IAXK,kBAWE;AACH;AACA,WAAKtF,KAAL,CAAW,MAAX;AACH,KAdI;AAAA,0BAeAyF,KAfA,EAeO;AACR;AACA,UAAI,KAAKC,OAAL,CAAaC,YAAb,CAA0Bf,IAA1B,KAAmCa,KAAvC,EACI,KAAKC,OAAL,CAAaE,IAAb,CAAkBH,KAAlB;AACP,KAnBI;AAoBLD,IAAAA,QApBK,oBAoBIK,GApBJ,EAoBS;AACV;AACAjH,MAAAA,MAAM,CAACzB,IAAP,CAAY0I,GAAZ,EAAiB,QAAjB;AACH;AAvBI,GAfS;AAwClBrJ,EAAAA,QAAQ,EAAE;AACNsJ,IAAAA,aADM,2BACU;AACZ;AACA,aAAO;AACHC,QAAAA,GAAG,EAAE,KAAKZ,WAAL,GAAmB,MAAnB,GAA4B,IAD9B;AAEHa,QAAAA,MAAM,EAAE,KAAKb,WAAL,GAAmB,IAAnB,GAA0B,MAF/B;AAIHc,QAAAA,KAAK,EAAE,KAAKf,UAAL,GAAkB,MAAlB,GAA2B,MAJ/B;AAKHgB,QAAAA,IAAI,EAAE,KAAKhB,UAAL,GAAkB,MAAlB,GAA2B;AAL9B,OAAP;AAOH;AAVK;AAxCQ,CAAtB,E,CAqDA;;AACA7J,GAAG,CAACC,SAAJ,CAAc,UAAd,EAA0B;AACtB8C,EAAAA,KAAK,EAAE,CAAC,YAAD,EAAe,cAAf,EAA+B,UAA/B,EAA2C,cAA3C,CADe;AAEtB3C,EAAAA,QAAQ,ihDAFc;AA6BtBC,EAAAA,IA7BsB,kBA6Bf;AACH,WAAO;AACH;AACAwJ,MAAAA,UAAU,EAAE,KAAK9D,QAAL,CAAc8D,UAAd,GAA2B,KAAK9D,QAAL,CAAc8D,UAAzC,GAAsD,KAF/D;AAGHC,MAAAA,WAAW,EAAE,KAAK/D,QAAL,CAAc+D,WAAd,GAA4B,KAAK/D,QAAL,CAAc+D,WAA1C,GAAwD,IAHlE;AAIHgB,MAAAA,SAAS,EAAE,KAAK/E,QAAL,CAAc+E,SAJtB;AAMH;AACAC,MAAAA,UAAU,EAAE,KAPT;AAQHC,MAAAA,SAAS,EAAE,KARR;AASHC,MAAAA,cAAc,EAAE;AATb,KAAP;AAWH,GAzCqB;AA0CtBrD,EAAAA,OA1CsB,qBA0CZ;AACN;AACA,SAAKsD,kBAAL;AACH,GA7CqB;AA8CtB5J,EAAAA,OA9CsB,qBA8CZ;AACN;AACA,SAAK0J,SAAL,GAAiB,IAAjB;AACH,GAjDqB;AAkDtB/J,EAAAA,OAAO,EAAE;AACLkK,IAAAA,WADK,uBACOC,CADP,EACU;AACX;AAEA,UAAIC,SAAS,GAAGD,CAAC,CAACE,MAAF,CAASC,SAAzB;;AAEA,WAAK,IAAIpJ,CAAC,GAAG,CAAb,EAAgBkJ,SAAS,CAACG,MAAV,GAAmBrJ,CAAnC,EAAsCA,CAAC,EAAvC,EAA2C;AAEnC;AACJ,YAAIkJ,SAAS,CAAClJ,CAAD,CAAT,CAAasJ,KAAb,CAAmB,CAAnB,EAAsB,EAAtB,KAA6B,aAAjC,EAAgD;AAC5C,eAAKC,OAAL,CAAaL,SAAS,CAAClJ,CAAD,CAAT,CAAawJ,SAAb,CAAuB,EAAvB,CAAb,EAD4C,CAG5C;AACH,SAJD,MAIO,IAAIN,SAAS,CAAClJ,CAAD,CAAT,CAAasJ,KAAb,CAAmB,CAAnB,EAAsB,EAAtB,KAA6B,gBAAjC,EAAmD;AACtD,eAAKtB,QAAL,CAAckB,SAAS,CAAClJ,CAAD,CAAT,CAAawJ,SAAb,CAAuB,EAAvB,CAAd,EADsD,CAGtD;AACH,SAJM,MAIA,IAAIN,SAAS,CAAClJ,CAAD,CAAT,CAAawJ,SAAb,CAAuB,EAAvB,KAA8B,MAAlC,EAA0C;AAC7C,eAAK1B,IAAL;AACH,SAFM,MAEA,IAAIoB,SAAS,CAAClJ,CAAD,CAAT,CAAawJ,SAAb,CAAuB,EAAvB,KAA8B,MAAlC,EAA0C;AAC7C,eAAKC,IAAL;AACH,SAFM,MAEA,IAAIP,SAAS,CAAClJ,CAAD,CAAT,CAAawJ,SAAb,CAAuB,EAAvB,KAA8B,YAAlC,EAAgD;AACnD,eAAKjH,UAAL;AACH,SAFM,MAEA,IAAI2G,SAAS,CAAClJ,CAAD,CAAT,CAAawJ,SAAb,CAAuB,EAAvB,KAA8B,YAAlC,EAAgD;AACnD,eAAKE,UAAL;AACH;AACJ,OAzBU,CA0BX;;AACH,KA5BI;AA6BL5B,IAAAA,IA7BK,kBA6BE;AACH;AACA,WAAKtF,KAAL,CAAW,MAAX;AACH,KAhCI;AAiCLiH,IAAAA,IAjCK,kBAiCE;AACH;AACA,WAAKjH,KAAL,CAAW,MAAX;AACH,KApCI;AAqCLD,IAAAA,UArCK,wBAqCQ;AACT;AACA,WAAKC,KAAL,CAAW,YAAX;AACH,KAxCI;AAyCLkH,IAAAA,UAzCK,wBAyCQ;AACT;AACA,WAAKd,UAAL,GAAkB,CAAC,KAAKA,UAAxB;AACH,KA5CI;AA6CLZ,IAAAA,QA7CK,oBA6CIK,GA7CJ,EA6CS;AACV;AACAjH,MAAAA,MAAM,CAACzB,IAAP,CAAY0I,GAAZ,EAAiB,QAAjB;AACH,KAhDI;AAiDLkB,IAAAA,OAjDK,mBAiDGtB,KAjDH,EAiDU;AACX;AACA,UAAI,KAAKC,OAAL,CAAaC,YAAb,CAA0Bf,IAA1B,KAAmCa,KAAvC,EACI,KAAKC,OAAL,CAAaE,IAAb,CAAkBH,KAAlB;AACP,KArDI;AAsDL0B,IAAAA,WAtDK,uBAsDOC,GAtDP,EAsDY;AACb;AACA;AACA,UAAIA,GAAG,CAAC5E,cAAJ,CAAmB,OAAnB,CAAJ,EAAiC;AAC7B,YAAImD,YAAY,GAAG,KAAKD,OAAL,CAAaC,YAAb,CAA0Bf,IAA7C;AACA,YAAI,KAAKyC,UAAT,EAAqB;;AACrB,YAAIzK,QAAQ,CAAC0K,KAAT,CAAeC,cAAf,CAA8BH,GAAG,CAAC3B,KAAlC,EAAyCE,YAAzC,CAAJ,EAA4D;AACxD,iBAAO,mCAAP;AACH;AACJ;AACJ,KAhEI;AAiEL6B,IAAAA,iBAjEK,6BAiEaJ,GAjEb,EAiEkB;AACnB;AACA;AACA,UAAIK,OAAO,GAAG,gBAAgBL,GAAG,CAAChE,IAAlC;AACA,UAAIsE,MAAM,GAAG,CAACN,GAAG,CAAChE,IAAJ,CAASuE,QAAT,CAAkB,MAAlB,CAAD,GAA6B,gCAA7B,GAAgE,2BAA7E;AACA,UAAIC,WAAW,GAAGR,GAAG,CAAC5E,cAAJ,CAAmB,OAAnB,IAA8B,gBAAgB4E,GAAG,CAAC3B,KAAlD,GAA0D,EAA5E;AACA,UAAIoC,mBAAmB,GAAGT,GAAG,CAAC5E,cAAJ,CAAmB,KAAnB,IAA4B,mBAAmB4E,GAAG,CAACvB,GAAnD,GAAyD,EAAnF;AAEA,aAAO4B,OAAO,GAAG,GAAV,GAAgBC,MAAhB,GAAyB,GAAzB,GAA+BE,WAA/B,GAA6C,GAA7C,GAAmDC,mBAA1D;AACH,KA1EI;AA4ELC,IAAAA,kBA5EK,8BA4EcV,GA5Ed,EA4EmB;AACpB;AACA,UAAIA,GAAG,CAAChE,IAAJ,IAAY,cAAZ,IAA8BgE,GAAG,CAAChE,IAAJ,IAAY,cAA9C,EACI,OAAO,wBAAwB,KAAKkD,cAA7B,GAA8C,MAA9C,GAAwD,CAAC,KAAKyB,YAAL,CAAkBlB,MAAlB,GAA2B,KAAKP,cAAjC,IAAmD,EAApD,GAA0D,KAAKA,cAAtH,GAAuI,KAA9I;AACP,KAhFI;AAkFLC,IAAAA,kBAlFK,gCAkFgB;AACjB;AACA,UAAIyB,CAAC,GAAG,CAAR;;AACA,WAAK,IAAIxK,CAAC,GAAG,CAAb,EAAgB,KAAKuK,YAAL,CAAkBlB,MAAlB,GAA2BrJ,CAA3C,EAA8CA,CAAC,EAA/C,EAAmD;AAC/C,YAAI,KAAKuK,YAAL,CAAkBvK,CAAlB,EAAqB4F,IAArB,IAA6B,cAA7B,IAA+C,KAAK2E,YAAL,CAAkBvK,CAAlB,EAAqB4F,IAArB,IAA6B,cAAhF,EAAgG;AAC5F4E,UAAAA,CAAC;AACJ;AACJ;;AACD,WAAK1B,cAAL,GAAsB0B,CAAtB;AACH,KA3FI;AA6FLC,IAAAA,kBA7FK,8BA6Fcb,GA7Fd,EA6FmB;AACpB;AACA,UAAIA,GAAG,CAAChE,IAAJ,IAAY,MAAZ,IAAsB,KAAKiE,UAA/B,EAA2C;AACvC,eAAO,2BAAP;AACH;AACJ,KAlGI;AAoGLa,IAAAA,kBApGK,8BAoGcd,GApGd,EAoGmB;AACpB;AACA,UAAI,KAAKe,YAAL,IAAqBf,GAAG,CAAChE,IAAJ,IAAY,YAArC,EAAmD;AAC/C,eAAO,+BAAP;AACH;AACJ;AAzGI,GAlDa;AA6JtB5G,EAAAA,QAAQ,EAAE;AACN;AACA4L,IAAAA,aAFM,2BAEU;AACZ,aAAO;AACHrC,QAAAA,GAAG,EAAE,KAAKZ,WAAL,GAAmB,MAAnB,GAA4B,MAD9B;AAEHa,QAAAA,MAAM,EAAE,KAAKb,WAAL,GAAmB,MAAnB,GAA4B,MAFjC;AAIHc,QAAAA,KAAK,EAAE,KAAKf,UAAL,GAAkB,MAAlB,GAA2B,MAJ/B;AAKHgB,QAAAA,IAAI,EAAE,KAAKhB,UAAL,GAAkB,MAAlB,GAA2B;AAL9B,OAAP;AAOH;AAVK;AA7JY,CAA1B;AA0KA7J,GAAG,CAACC,SAAJ,CAAc,WAAd,EAA2B;AAEvB8C,EAAAA,KAAK,EAAE,CAAC,UAAD,CAFgB;AAIvB1C,EAAAA,IAJuB,kBAIf;AACJ,WAAO,EAAP;AACH,GANsB;AAOvBD,EAAAA,QAAQ,g7BAPe;AA6BvBkB,EAAAA,OA7BuB,qBA6Bd,CACR,CA9BsB;AA+BvBH,EAAAA,QAAQ,EAAE;AACN6L,IAAAA,WADM,yBACQ;AACV,aAAO,KAAK1D,MAAL,CAAYC,IAAZ,CAAiBW,QAAjB,CAA0B,GAA1B,CAAP;AACH,KAHK;AAIN+C,IAAAA,OAJM,qBAII;AACN,aAAO,KAAK3D,MAAL,CAAYC,IAAZ,CAAiB2D,OAAjB,CAAyB,SAAzB,EAAoC,EAApC,EAAwCC,KAAxC,CAA8C,GAA9C,EAAmD3B,MAAnD,GAA4D,CAAnE;AACH;AANK;AA/Ba,CAA3B","sourcesContent":["Vue.component(\"FullscreenVideo\", {\r\n    mixins: [SceneContentComponentMixin],\r\n    template: `\r\n        <transition name=\"fadeinvideo\">\r\n            <div class=\"FullscreenVideo__wrapper\" v-if=\"videoplayerready\" @click=\"playVideo\">\r\n                <div class=\"FullscreenVideo__playbutton\" v-if=\"isVideoPaused\">▶</div>\r\n                <div @click=\"close\" class=\"FullscreenVideo__btnClose\" v-if=\"!hideUI\">&times;</div>\r\n                <video\r\n                    id=\"FullscreenVideo__video\"\r\n                    :autoplay=\"autoplay\"\r\n                    :controls=\"controls && !hideUI\"\r\n                    :mute=\"mute\"\r\n                    :loop=\"loop\"\r\n                    playsinline\r\n                    webkit-playsinline\r\n                    type=\"video/mp4\"\r\n                    :src=\"videoURL\"\r\n                    :poster=\"imgURL\"\r\n                    @contextmenu.prevent=\"\"\r\n                ></video>\r\n            </div>\r\n        </transition>\r\n    `,\r\n    data() {\r\n        return {\r\n            img: '',\r\n            video: '',\r\n\r\n            // default img directory\r\n            imgDirectory: 'assets/img/',\r\n            videoDirectory: 'assets/video/',\r\n\r\n            // Variables that can be set to customize video player component. \r\n            // These are the default values and can be overwritten in the manifest.\r\n            autoplay: true,\r\n            controls: true,\r\n            mute: false,\r\n            loop: false,\r\n            hideUI: false,\r\n\r\n            // Variables for this instance to handle functionality\r\n            videoplayerready: false,\r\n            isVideoPaused: false\r\n        }\r\n    },\r\n    methods: {\r\n        playVideo() {\r\n            // toggle play & pause\r\n            this.isVideoPaused = !this.isVideoPaused;\r\n        }\r\n    },\r\n    computed: {\r\n        videoURL() {\r\n            // set default background video directory\r\n            return this.videoDirectory + this.video\r\n        },\r\n        imgURL() {\r\n            // set default background img directory\r\n            return this.imgDirectory + this.img\r\n        }\r\n    },\r\n    mounted() {\r\n        // handle intro animation\r\n        this.videoplayerready = true;\r\n\r\n        // start/stop video on start if autoplay is enabled\r\n        this.isVideoPaused = !this.autoplay;\r\n    },\r\n})\r\n\r\ntouchKit.ComponentManager.register(\"FullscreenVideo\", {singleton: true});;\r\nVue.component(\"SidePanel\", {\r\n    mixins: [SceneContentComponentMixin],\r\n    template: `\r\n        <transition :name=\"sidepanelEntranceName\">\r\n            <div class=\"side-panel\" :style=\"{right: align == 'right' ? 0 : 'auto'}\" v-if=\"open\">\r\n                <div class=\"side-panel__top\">\r\n                    <h1 class=\"side-panel__title\">Side Panel Example</h1>\r\n                    <div @click=\"close\" class=\"side-panel__btnClose\">&times;</div>\r\n                </div>\r\n                \r\n                <ul class=\"side-panel__navigation\"> \r\n                    <li v-for=\"(nav, i) in slides\"\r\n                    :class=\"{'side-panel__navigation--active': activetab == i}\" \r\n                    @click=\"changeTab(i)\">{{nav.title}}</li>\r\n                </ul>\r\n                \r\n                <transition-group :name=\"contentTransitionName\" tag=\"section\" class=\"side-panel__content\">\r\n                    <div v-for=\"(content, i) in slides\"\r\n                    v-show=\"activetab == i\"\r\n                    :key=\"content.title\">\r\n                    \r\n                        <img class=\"side-panel__content__poster\" v-if=\"content.poster.endsWith('jpg') || content.poster.endsWith('png')\" :src=\"content.poster\">\r\n                        <video class=\"side-panel__content__poster\" autoplay loop type=\"video/mp4\" v-if=\"content.poster.endsWith('mp4')\">\r\n                            <source :src=\"content.poster\">\r\n                        </video>\r\n                        \r\n                        <section class=\"side-panel__content__text\">\r\n                            <h2 v-html=\"content.title\"></h2>\r\n                            <p v-html=\"content.text\"></p>\r\n                        </section> \r\n                    </div>\r\n                </transition-group>\r\n            </div>\r\n        </transition>\r\n    `,\r\n    data() {\r\n        return {\r\n            activetab: 0,\r\n\r\n            // content\r\n            slides: [],\r\n            \r\n            // customization variables\r\n            align: \"left\",\r\n\r\n            // variables for this instance of the sidepanel\r\n            open: false,\r\n            sidepanelEntranceName: \"sidepanelentranceleft\",\r\n            contentTransitionName: \"contentslideright\"\r\n        }\r\n    },\r\n    mounted() {\r\n        this.animateEntrance();\r\n    },\r\n    methods: {\r\n        animateEntrance() {\r\n            // animate entrance of component based on which side of the scene it enters.\r\n            this.sidepanelEntranceName = this.align == \"left\" ? \"sidepanelentranceleft\" : \"sidepanelentranceright\"\r\n            this.open = true;\r\n        },\r\n        changeTab(i) {\r\n            // animate change in componentm slides based on what direction the next slide is in.\r\n            this.contentTransitionName = this.activetab < i ? \"contentslideright\" : \"contentslideleft\";\r\n            this.activetab = i;\r\n        },\r\n    }\r\n})\r\n\r\ntouchKit.ComponentManager.register(\"SidePanel\", {singleton: false});;\r\nVue.component(\"SplitContent\", {\r\n    mixins: [SceneContentComponentMixin],\r\n    template: `\r\n        <transition name=\"fadeinvideo\">\r\n            <div class=\"split-content\" v-if=\"contentReady\" :class=\"{'split-content--flipped': flipped}\">\r\n                <div class=\"split-content__mediawrapper\">\r\n                    <img v-if=\"media.endsWith('jpg') || media.endsWith('png')\" :src=\"media\">\r\n                    <video id=\"split-content__video\" autoplay loop type=\"video/mp4\" v-if=\"media.endsWith('mp4')\">\r\n                        <source :src=\"media\">\r\n                    </video>\r\n                    <div class=\"split-content__mediawrapper__fullscreen\" \r\n                    v-if=\"allowfullscreen\"\r\n                    @click=\"showFullscreen\">\r\n                        <img src=\"assets/img/ui/fullscreen.png\">\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"split-content__content_wrapper\">\r\n                    <div @click=\"close\" class=\"split-content__btnClose\">&times;</div>\r\n\r\n                    <transition-group :name=\"contentTransitionName\"> \r\n                        <section class=\"split-content__content\" \r\n                            v-for=\"(content, i) in slides\" \r\n                            :key=\"content.mainTitle\"\r\n                            v-show=\"activetab == i\">\r\n                            <h2 v-if=\"content.subTitle\" v-html=\"content.subTitle\"></h2>\r\n                            <h1 v-html=\"content.mainTitle\"></h1>\r\n                            <p v-html=\"content.text\"></p>\r\n                        </section>\r\n                    </transition-group>\r\n\r\n                    <ul class=\"split-content__content_navigation\">\r\n                        <li v-for=\"(nav, i) in slides\"\r\n                        :class=\"{'split-content__content_navigation--active': activetab == i}\" \r\n                        @click=\"changeTab(i)\">\r\n                            <span>{{nav.menuTitle ? nav.menuTitle : nav.mainTitle}}</span>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </transition>\r\n    `,\r\n    data() {\r\n        return {\r\n            // variables for this instance of the split content\r\n            contentReady: false,\r\n            contentTransitionName: \"contentslideright\",\r\n            activetab: 0,\r\n            \r\n            //content\r\n            slides: [],\r\n            \r\n            //customization variables from manifest.\r\n            flipped: false,\r\n            allowfullscreen: false,\r\n            media: ''\r\n        }\r\n    },\r\n    mounted() {\r\n        // hook for intro transition\r\n        this.contentReady = true;\r\n    },\r\n    methods: {\r\n        changeTab(i) {\r\n            // animate change in componentm slides based on what direction the next slide is in.\r\n            this.contentTransitionName = this.activetab < i ? \"contentslideright\" : \"contentslideleft\";\r\n            this.activetab = i;\r\n        },\r\n        showFullscreen() {\r\n            // show video in fullscreen. just html5 fullscreen.\r\n            let vid = document.getElementById(\"split-content__video\")\r\n            if (vid.requestFullscreen) {\r\n                vid.requestFullscreen();\r\n            } else if (vid.mozRequestFullScreen) {\r\n                vid.mozRequestFullScreen();\r\n            } else if (vid.webkitRequestFullscreen) {\r\n                vid.webkitRequestFullscreen();\r\n            }\r\n        }\r\n    },\r\n})\r\n\r\ntouchKit.ComponentManager.register(\"SplitContent\", {singleton: true});;\r\n\r\n\r\nVue.component(\"Background\", {\r\n    props: [\"background\"],\r\n    template: `\r\n    <div class=\"background\">\r\n\r\n   \r\n        <video\r\n            class=\"background\"\r\n            muted\r\n            autoplay\r\n            loop\r\n            playsinline\r\n            webkit-playsinline\r\n            type=\"video/mp4\"\r\n            :src=\"videoURL\"\r\n            @click=\"backgroundClicked\"\r\n            @dblclick=\"fullscreen\"\r\n            @contextmenu.prevent=\"\"\r\n        ></video>\r\n\r\n        <!-- \r\n            removed the poster from the video and replaced it with this, so we can use \r\n            the decoded image from the cache.\r\n        -->\r\n        <div class=\"poster background\" v-if=\"!videoPlaying\"></div>\r\n\r\n    </div>\r\n\r\n        \r\n    `,\r\n    data () {\r\n        return {\r\n            //default img and video directory for backgrounds for less clutter in manifest.\r\n            imgDirectory: config.BACKGROUND_IMAGE_DIRECTORY,\r\n            videoDirectory: config.BACKGROUND_VIDEO_DIRECTORY,\r\n            videoPlaying: false,\r\n            currentPoster: \"\",\r\n        }\r\n    },\r\n\r\n   \r\n    mounted () {\r\n\r\n        this.videoPlaying = false;\r\n        console.log(\"Background MOUNTED\", this.imgURL)\r\n\r\n        // The first time we load the application\r\n        // this page will be shown behind the loader, and\r\n        // when it attempts to request its assets they are not guaranteed to \r\n        // be ready. \r\n        // So we listen to the IMAGE_CACHE_READY event the first time around\r\n        // so we can create our poster image\r\n        window.app.radio.$on(\"IMAGE_CACHE_READY\", ()=> {\r\n            console.log(\"IMAGE_CACHE_READY\", this.videoPlaying, this.imgURL)\r\n            this.createPoster();\r\n        })\r\n\r\n        // Then subsequential changes of the scene we can just \r\n        if(\"ImageCache\" in window.app) {\r\n            window.app.ImageCache.done().then(()=> {\r\n                this.createPoster();\r\n            })\r\n        }\r\n        \r\n        var video =  this.$el.querySelector(\"video\");\r\n        this.eventListeners = {};\r\n        this.eventListeners[\"playing\"] = () => {\r\n            this.videoPlaying = true;\r\n        }\r\n\r\n        video.addEventListener(\"playing\",  this.eventListeners[\"playing\"]); \r\n    },\r\n\r\n    destroyed () {\r\n        var video =  this.$el.querySelector(\"video\");\r\n        Object.keys(this.eventListeners).forEach(event => {\r\n            video.removeEventListener(event,  this.eventListeners[event]);\r\n        })\r\n    },\r\n\r\n    computed: {\r\n        videoURL() {\r\n            return this.videoDirectory + this.background.video\r\n        },\r\n        imgURL() {\r\n            return this.imgDirectory + this.background.img\r\n        }\r\n    },\r\n    methods: {\r\n        fullscreen() {\r\n            this.$emit(\"fullscreen\")\r\n        },\r\n        backgroundClicked() {\r\n            this.$emit(\"closeAllContent\")\r\n        },\r\n        createPoster () {\r\n            // SHOW IMAGE...\r\n            // if the imgUrl is correctly formed (the component will get its data sat after it have been created)\r\n            // and the video is not playing\r\n            if(/(\\.jpg|\\.png)/.test(this.imgURL) && !this.videoPlaying) {\r\n                console.log(\"creating poster\");\r\n                this.currentPoster = this.imgURL;\r\n                var img = app.ImageCache.getAsset(this.imgURL).content;\r\n                Array.from(this.$el.querySelector(\".poster\").children).forEach(o => o.remove())\r\n                this.$el.querySelector(\".poster\").appendChild(img);\r\n            }\r\n        }\r\n    },\r\n});\r\nVue.component(\"Hotspot\", {\r\n    props: [\"hotspot\", \"index\", \"settings\", \"resetHotspot\", \"activeHotspot\"],\r\n    template: `\r\n    <transition :name=\"hotspotEntranceType\">\r\n        <li class=\"hotspot\" \r\n            v-if=\"hotspotShown\"\r\n            :class=\"[getHotspotType, {'hotspot--flipped': flipped}, {'hotspot--notext': hotspot.title == ('' || undefined)}, {'hotspot--active': isActiveHotspot}]\"\r\n            :style=\"[{left: hotspot.x + 'px', top: hotspot.y + 'px'}, inactiveHotspot]\"\r\n            @click=\"goto(hotspot); onClickAnimation();\">\r\n\r\n            <div class=\"hotspot__outline_left\"\r\n                :style=\"getHotspotColor\"></div>\r\n\r\n            <transition enter-active-class=\"animated flipInX\"\r\n                leave-active-class=\"animated flipOutX\">\r\n                <div class=\"hotspot__title_wrapper\" v-if=\"showLabel\">\r\n                    <h2 :style=\"getTextColor\" v-html=\"hotspot.title\"></h2>\r\n                </div>\r\n            </transition>\r\n\r\n\r\n            <div class=\"hotspot__outline_right\"\r\n                :style=\"getHotspotColor\"></div>\r\n\r\n            <div class=\"hotspot-button\"\r\n                :style=\"[getContinuousHotspotAnimation, getClickHotspotAnimation, getHotspotColor]\">\r\n            </div>\r\n        </li>\r\n    </transition>\r\n`,\r\n    data() {\r\n        return {\r\n            // variables for this instance of the hotspot\r\n            hotspotShown: false,\r\n            minDelay: 2,\r\n            maxDelay: 14,\r\n            animatingClick: false,\r\n            showText: false,\r\n\r\n            //default hotspot style values. can be overwritten in manifest.\r\n            hasUniqueStyle: false,\r\n            flipped: false,\r\n            hotspotcolor: '',\r\n            textcolor: '',\r\n\r\n            //global variables for hotspots\r\n            hotspotType: this.settings.hotspotType,\r\n\r\n            hotspotEntranceType: this.settings.hotspotEntranceType,\r\n            loopAnimationType: this.settings.loopAnimationType,\r\n            clickAnimationType: this.settings.clickAnimationType,\r\n\r\n            animationCycleStyle: this.settings.animationCycleStyle\r\n        }\r\n    },\r\n    methods: {\r\n        goto(hotspot) {\r\n            // Call goto() in PageScene\r\n            if (this.isActiveHotspot || this.hotspot.title == ('' || undefined)) {\r\n                this.$emit(\"goto\", hotspot)\r\n            } else {\r\n                this.$emit(\"makeActiveHotspot\", this.index)\r\n            }\r\n        },\r\n        getRandomAnimationDelay(min, max) {\r\n            //return a random value for random animations\r\n            return Math.random() * (max - min) + min;\r\n        },\r\n        onClickAnimation() {\r\n            // set the hotspot to animate as feedback if the hotspot is pressed\r\n            if (this.animatingClick == false)\r\n                this.animatingClick = true;\r\n            setTimeout(() => {\r\n                this.animatingClick = false;\r\n                this.$emit(\"resetHotspotAnimationCycle\");\r\n            }, 1500);\r\n        },\r\n        hotspotEntrance() {\r\n            //handler for the entrance of hotspots when scene is loaded.\r\n            // load in one by one, depending on their position in the hotspots array of the scene\r\n            let delay = 0;\r\n            delay = (this.index * 200) + 200;\r\n\r\n            setTimeout(() => {\r\n                this.hotspotShown = true;\r\n            }, delay);\r\n            setTimeout(() => {\r\n                this.showText = true;\r\n            }, delay + 800);\r\n        },\r\n        getUniqueStyle() {\r\n            // determine if hotspot has any specific style specified in the manifest\r\n            this.hasUniqueStyle = this.hotspot.hasOwnProperty(\"hotspotstyle\");\r\n            if (this.hasUniqueStyle) {\r\n                this.setUniqueStyles(this.hotspot.hotspotstyle);\r\n            }\r\n        },\r\n        setUniqueStyles(style) {\r\n            // get specific style for this hotspot from the manifest.\r\n\r\n            //is hotspot flipped?\r\n            this.flipped = style.flipped;\r\n\r\n            //get type\r\n            style.hasOwnProperty(\"hotspotType\") ? this.hotspotType = style.hotspotType : this.hotspotType;\r\n\r\n            //animations\r\n            style.hasOwnProperty('hotspotentrance') ? this.hotspotEntranceType = style.hotspotentrance : this.hotspotEntranceType;\r\n            style.hasOwnProperty(\"loopanimation\") ? this.loopAnimationType = style.loopanimation : this.loopAnimationType;\r\n            style.hasOwnProperty(\"clickanimation\") ? this.clickAnimationType = style.clickanimation : this.clickAnimationType;\r\n\r\n            //colors\r\n            style.hasOwnProperty('hotspotcolor') ? this.hotspotcolor = style.hotspotcolor : this.hotspotcolor;\r\n            style.hasOwnProperty('textcolor') ? this.textcolor = style.textcolor : this.hotspotcolor;\r\n        },\r\n        getAnimationCycleStyle() {\r\n            // helper for assigning animation cycle style from the config.js\r\n            switch (this.animationCycleStyle) {\r\n                case \"random\":\r\n                    return this.getRandomAnimationDelay(this.minDelay, this.maxDelay).toFixed(1) + 's'\r\n                case \"pulse\":\r\n                    return ((this.index * 0.1) + 1.5) + \"s\"\r\n            }\r\n        }\r\n    },\r\n    created() {\r\n        this.getUniqueStyle();\r\n    },\r\n    mounted() {\r\n        this.hotspotEntrance();\r\n    },\r\n    computed: {\r\n        getHotspotType() {\r\n            // assign Link as hot spot type if hotspot has any other hotspot children elements in manifest.\r\n            // else assign the given type.\r\n            if (this.hotspot.hotspots == true) {\r\n                return \"linkhotspot\"\r\n            } else {\r\n                return this.hotspot.type\r\n            }\r\n        },\r\n        getContinuousHotspotAnimation() {\r\n            // assign the looping animation on hotspots, as well as keeping them synced with resetHotspot.\r\n            if (this.resetHotspot == true) {\r\n                return\r\n            } else {\r\n                return {\r\n                    'animation-name': this.loopAnimationType,\r\n                    'animation-iteration-count': 'infinite',\r\n                    'animation-duration': '15s',\r\n                    'animation-delay': this.getAnimationCycleStyle()\r\n                }\r\n            }\r\n        },\r\n        getClickHotspotAnimation() {\r\n            // Assign the click animation when hotspot is clicked.\r\n            if (this.animatingClick) {\r\n                return {\r\n                    'animation-name': this.clickAnimationType,\r\n                    'animation-iteration-count': '1',\r\n                    'animation-duration': '1.5s',\r\n                    'animation-delay': '0s'\r\n                }\r\n            } else {\r\n                return\r\n            }\r\n        },\r\n        getHotspotColor() {\r\n            // assign custom hotspotcolor.\r\n            if (this.hotspotcolor != '') {\r\n                return {\r\n                    'background': this.hotspotcolor\r\n                }\r\n            } else {\r\n                return\r\n            }\r\n\r\n        },\r\n        getTextColor() {\r\n            // assign custom textcolor.\r\n            if (this.textcolor != '') {\r\n                return {\r\n                    'color': this.textcolor\r\n                }\r\n            } else {\r\n                return\r\n            }\r\n        },\r\n        isActiveHotspot() {\r\n            if ((this.index == this.activeHotspot || this.hotspotType != \"two-step\") && this.showText) {\r\n                return true;\r\n            } else {\r\n                return false;\r\n            }\r\n        },\r\n        inactiveHotspot() {\r\n            if(!this.isActiveHotspot && this.hotspotType != \"two-step\") {\r\n                return {\r\n                    'padding': 0\r\n                }\r\n            }\r\n        },\r\n        showLabel() {\r\n            if (this.hotspot.title != ('' || undefined) && this.isActiveHotspot) { \r\n                return true\r\n            }\r\n        }\r\n    }\r\n});\r\nVue.component(\"LoaderScreen\", {\r\n    props: [\"visible\"],\r\n    template: `    \r\n        <div id=\"LoaderScreen\">\r\n            <transition\r\n                name=\"custom-classes-transition\"\r\n                :enter-active-class=\"enterAnimation\"\r\n                v-on:after-enter=\"onEnterComplete\"\r\n                :leave-active-class=\"leaveAnimation\">\r\n                    <div class=\"loader-screen__content\" v-if=\"visible\">\r\n                        <div class=\"inner-wrapper\">\r\n                            <h1>LOADING {{getLoadProgress()}} </h1>\r\n                            <div class=\"lds-dual-ring\"></div>\r\n                        </div>\r\n                    </div>\r\n            </transition>\r\n        </div>\r\n    `,\r\n    data () {\r\n        return {\r\n            enterAnimation: \"animated zoomIn\",\r\n            leaveAnimation: \"animated zoomOut animation-delay-750\",\r\n            progress: 0\r\n        }\r\n    },\r\n\r\n    mounted () {\r\n        window.app.radio.$on(\"LOADER_PROGRESS\", (progress) => {\r\n            this.progress = progress;\r\n        })\r\n    },\r\n    methods: {\r\n        onEnterComplete () {},\r\n        getLoadProgress() {\r\n            return this.progress == 0 ? \"...\" : (this.progress + \" %\");\r\n        }\r\n    }\r\n\r\n});\r\nconst PageGeneric = {\r\n\r\n    props: [\"pageId\"],\r\n\r\n    data () {\r\n        var objData = touchKit.PageManager.getPage(this.pageId) || { data: { html: \"\"}}\r\n        return {\r\n            html: objData.data.html\r\n        }\r\n    },\r\n\r\n    template: `\r\n        <div class=\"page\" :id=\"setPageId\">\r\n            <div :class=\"setWrapperClass\" v-html=\"html\">\r\n            </div>\r\n        </div>\r\n    `,\r\n\r\n\r\n    computed: {\r\n        setPageId () {\r\n            return this.pageId + \"__page\"\r\n        },\r\n        setWrapperClass () {\r\n            return this.pageId + \"__page_wrapper\"\r\n        }\r\n    }\r\n};\r\nconst PageHome = {\r\n\r\n    template: `\r\n        <div>\r\n            <h1>Home</h1>\r\n        </div>\r\n    `\r\n};\r\nVue.component(\"SimcoLogo\", {   \r\n\r\n\r\n    data () {\r\n        return {\r\n            title: \"hello\",\r\n        }\r\n    },\r\n    \r\n    template: `\r\n       <h1 style=\"position:absolute; top: 0; left: 0; z-index: 999; \"  @click=\"alert\">SIMCO YOUUUAUUAUAUAU</h1>\r\n    `, \r\n\r\n    mounted () {\r\n        console.log(\"MENU MOUNTED \" , this.$route.path)\r\n    },\r\n\r\n    methods: {\r\n        alert () {\r\n            alert(this.title)\r\n        }\r\n    }\r\n});\r\n\r\n\r\n\r\n\r\n\r\n;\r\nVue.component(\"test\", {   \r\n    mixins: [SceneContentComponentMixin],\r\n\r\n    data () {\r\n        return {\r\n            title: \"lorem\",\r\n        }\r\n    },\r\n    template: `\r\n        <div class=\"component test\">\r\n            <h1>test content-id: {{contentId}} {{title}}</h1>\r\n        </div>\r\n    `,    \r\n});\r\n\r\ntouchKit.ComponentManager.register(\"test\", {singleton: true});\r\n\r\n\r\n\r\n;\r\nVue.component(\"Focused\", {\r\n    props: [\"isContentOpen\", \"settings\"],\r\n    template: `\r\n        <transition name=\"fadein\">\r\n            <div id=\"focused-overlay\" \r\n                v-if=\"isContentOpen && settings.enabled\"\r\n                @click=\"focusClicked\">\r\n            </div>\r\n        </transition>\r\n    `,\r\n    methods: {\r\n        focusClicked() {\r\n            this.$emit(\"closeAllContent\")\r\n        }\r\n    }\r\n});\r\nVue.component(\"Logo\", {\r\n    props: [\"settings\"],\r\n    template: `\r\n        <img id=\"logo\" :src=\"src\" :alt=\"alt\" @click=\"navigateTo\" :style=\"logoPlacement\">\r\n    `,\r\n    data() {\r\n        return {\r\n            // variables defined in config.js\r\n            src: this.settings.src,\r\n            alt: this.settings.alttext,\r\n            alignRight: this.settings.alignRight ? this.settings.alignRight : false,\r\n            alignBottom: this.settings.alignBottom ? this.settings.alignBottom : false,\r\n            navigatesTo: this.settings.navigatesTo\r\n        }\r\n    },\r\n    methods: {\r\n        navigateTo () {\r\n            // based on the where the logo should navigate to from config.js\r\n            if(this.navigatesTo == \"home\") {\r\n                this.home();\r\n            } else if (this.navigatesTo.includes('/scene/')) {\r\n                this.goto(this.navigatesTo);\r\n            } else if (this.navigatesTo.includes('www')) {\r\n                this.openLink(this.navigatesTo);\r\n            }\r\n        },\r\n        home() {\r\n            // call home function in PageScene\r\n            this.$emit(\"home\");\r\n        },\r\n        goto(route) {\r\n            // push route if navigatesto is a route.\r\n            if (this.$router.currentRoute.path !== route)\r\n                this.$router.push(route);\r\n        },\r\n        openLink(url) {\r\n            // open external link if navigatesto is an external url\r\n            window.open(url, \"_blank\");\r\n        }\r\n    },\r\n    computed: {\r\n        logoPlacement() {\r\n            // assign logo placement based on config.js settings for logo component\r\n            return {\r\n                top: this.alignBottom ? 'auto' : '2%',\r\n                bottom: this.alignBottom ? '9%' : 'auto',\r\n\r\n                right: this.alignRight ? '1.5%' : 'auto',\r\n                left: this.alignRight ? 'auto' : '1.5%',\r\n            }\r\n        }\r\n    }\r\n});\r\n// TODO: make good.\r\nVue.component(\"MainMenu\", {\r\n    props: [\"atHomePage\", \"menuElements\", \"settings\", \"isFullscreen\"],\r\n    template: `\r\n        <transition name=\"menuanimation\" v-if=\"settings.enabled\">\r\n            <nav id=\"main-menu\" v-show=\"menuReady\" \r\n                :class=\"{'main-menu--hidden': menuHidden}\"\r\n                :style=\"[{width: (bigNavElements == 0 && keepWidth) ? 'auto' : 'calc(100% - 60px)'}, menuPlacement]\">\r\n                <transition name=\"menuanimation\">\r\n                    <div class=\"main-menu__showmenu main-menu__showmenu--active\" @click=\"toggleMenu\" v-show=\"menuHidden\">\r\n                        <img src=\"assets/img/ui/arrowup.png\">\r\n                    </div>    \r\n                </transition>\r\n\r\n                <ul class=\"main-menu__navigation\">\r\n                    <li v-for=\"nav in menuElements\"\r\n                        :class=\"[setNativeNavClass(nav), isActiveNav(nav), backButtonDisabled(nav), isFullscreenButton(nav)]\"\r\n                        :style=\"individualNavWidth(nav)\"\r\n                        @click=\"handleClick\">\r\n                        <span class=\"main-menu__navigation_title\" v-if=\"nav.title\">\r\n                            {{nav.title}}\r\n                            <img class=\"main-menu__navigation_extlinkimg\" src=\"assets/img/ui/ext-link.png\" v-if=\"nav.type == 'externallink'\">\r\n                        </span>  \r\n                        <div class=\"main-menu__navigation_img\" v-else></div>\r\n                        <!--<img :src=\"'assets/img/ui/' + nav.type + '.png'\">-->\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n        </transition>\r\n    `,\r\n    data() {\r\n        return {\r\n            //customization variables from config.js\r\n            alignRight: this.settings.alignRight ? this.settings.alignRight : false,\r\n            alignBottom: this.settings.alignBottom ? this.settings.alignBottom : true,\r\n            keepWidth: this.settings.keepWidth,\r\n            \r\n            // variables for this instance of the main menu\r\n            menuHidden: false,\r\n            menuReady: false,\r\n            bigNavElements: 0\r\n        }\r\n    },\r\n    created() {\r\n        // do a count for how many big navigation elements there are, to then assign width to them.\r\n        this.findBigNavElements();\r\n    },\r\n    mounted() {\r\n        // intro animation when scene is ready.\r\n        this.menuReady = true;\r\n    },\r\n    methods: {\r\n        handleClick(e) {\r\n            // a click handler based on the classes assigned from setNativeNavClass(). \r\n\r\n            let classlist = e.target.classList\r\n\r\n            for (var i = 0; classlist.length > i; i++) {\r\n\r\n                    // is internal navigation\r\n                if (classlist[i].slice(0, 11) == \"navigateto_\") {\r\n                    this.navGoto(classlist[i].substring(11));\r\n\r\n                    // is external navigation\r\n                } else if (classlist[i].slice(0, 14) == \"extnavigateto_\") {\r\n                    this.openLink(classlist[i].substring(14));\r\n\r\n                    //function calls\r\n                } else if (classlist[i].substring(11) == \"home\") {\r\n                    this.home();\r\n                } else if (classlist[i].substring(11) == \"back\") {\r\n                    this.back();\r\n                } else if (classlist[i].substring(11) == \"fullscreen\") {\r\n                    this.fullscreen();\r\n                } else if (classlist[i].substring(11) == \"togglemenu\") {\r\n                    this.toggleMenu();\r\n                }\r\n            }\r\n            //console.log(\"list of classes for this element\" + classlist)\r\n        },\r\n        home() {\r\n            // call home function from pageScene\r\n            this.$emit(\"home\")\r\n        },\r\n        back() {\r\n            // call back function from pageScene\r\n            this.$emit(\"back\");\r\n        },\r\n        fullscreen() {\r\n            // call fullscreen function from pageScene\r\n            this.$emit(\"fullscreen\");\r\n        },\r\n        toggleMenu() {\r\n            // hide / unhide menu\r\n            this.menuHidden = !this.menuHidden;\r\n        },\r\n        openLink(url) {\r\n            // handler for external links, opens in new tab.\r\n            window.open(url, \"_blank\");\r\n        },\r\n        navGoto(route) {\r\n            // navigates to the navigation elements specified route from the settings.menu object in manifest.json.\r\n            if (this.$router.currentRoute.path !== route)\r\n                this.$router.push(route);\r\n        },\r\n        isActiveNav(nav) {\r\n            // check route to see if this nav element is an active nav element; meaning a check to see if the user is currently in this\r\n            // part of the manifest branch. assigns '--active' class which can be customized through css.\r\n            if (nav.hasOwnProperty(\"route\")) {\r\n                var currentRoute = this.$router.currentRoute.path;\r\n                if (this.atHomePage) return;\r\n                if (touchKit.utils.isChildRouteOf(nav.route, currentRoute)) {\r\n                    return \"main-menu__navigation_nav--active\"\r\n                }\r\n            }\r\n        },\r\n        setNativeNavClass(nav) {\r\n            // assign classes to the navigation elements based on the settings.menu data in manifest.json.\r\n            // this is then used as hooks for styling and click events.\r\n            let navtype = \"main-menu__\" + nav.type\r\n            let islink = !nav.type.endsWith(\"link\") ? \"main-menu__navigation_smallnav\" : \"main-menu__navigation_nav\"\r\n            let navigatesto = nav.hasOwnProperty(\"route\") ? \"navigateto_\" + nav.route : ''\r\n            let externalnavigatesto = nav.hasOwnProperty(\"url\") ? \"extnavigateto_\" + nav.url : ''\r\n\r\n            return navtype + \" \" + islink + \" \" + navigatesto + \" \" + externalnavigatesto\r\n        },\r\n\r\n        individualNavWidth(nav) {\r\n            // assign width of the wide elements in navigation based on findBigNavElements() count.\r\n            if (nav.type == 'internallink' || nav.type == 'externallink')\r\n                return 'width:calc((100% / ' + this.bigNavElements + ') - ' + ((this.menuElements.length - this.bigNavElements) * 70) / this.bigNavElements + 'px)'\r\n        },\r\n\r\n        findBigNavElements() {\r\n            // a count to find how many wide menu elements there are to be used to assign width to them.\r\n            let n = 0;\r\n            for (var i = 0; this.menuElements.length > i; i++) {\r\n                if (this.menuElements[i].type == 'internallink' || this.menuElements[i].type == 'externallink') {\r\n                    n++;\r\n                }\r\n            }\r\n            this.bigNavElements = n;\r\n        },\r\n\r\n        backButtonDisabled(nav) {\r\n            // disable back button if the app is at home page.\r\n            if (nav.type == \"back\" && this.atHomePage) {\r\n                return 'main-menu__back--disabled';\r\n            }\r\n        },\r\n\r\n        isFullscreenButton(nav) {\r\n            // a hook for the fullscreen button to change to a \"minimize\" styling.\r\n            if (this.isFullscreen && nav.type == \"fullscreen\") {\r\n                return \"main-menu__fullscreen--active\"\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        // place menu based on variables set in config.js\r\n        menuPlacement() {\r\n            return {\r\n                top: this.alignBottom ? 'auto' : '20px',\r\n                bottom: this.alignBottom ? '20px' : 'auto',\r\n\r\n                right: this.alignRight ? '30px' : 'auto',\r\n                left: this.alignRight ? 'auto' : '30px',\r\n            }\r\n        }\r\n    },\r\n});\r\nVue.component(\"navHeader\", {   \r\n\r\n    props: [\"settings\"],\r\n\r\n    data () {\r\n        return {}\r\n    },\r\n    template: `\r\n        <div class=\"nav-header\" :style=\"{ background: contentPage ? 'rgba(0,0,0,0)' : 'rgba(255, 255, 255, 0.68)' }\">\r\n            <div class=\"nav-header__image\">\r\n                <img :src=\"this.settings.headerSrc\">\r\n            </div>\r\n                <div v-if=\"!contentPage\">\r\n                    <div v-if=\"!subPage\" class=\"nav-header__text\">\r\n                        <h1>{{this.settings.title}}</h1>\r\n                        <h2>{{this.settings.subTitle}}</h2>\r\n                    </div>\r\n                    <div v-if=\"subPage\" class=\"nav-header__text\">\r\n                        <h2>{{this.settings.title}}</h2>\r\n                        <h1>{{this.settings.subTitle}}</h1>\r\n                    </div>\r\n                </div>\r\n\r\n            <div class=\"nav-header__logo\">\r\n                <img :src=\"this.settings.logoSrc\">\r\n            </div>\r\n            <div class=\"clearfix\"></div>\r\n        </div>\r\n    `,\r\n    mounted(){\r\n    },\r\n    computed: {\r\n        contentPage() {\r\n            return this.$route.path.includes(\":\")\r\n        },\r\n        subPage() {\r\n            return this.$route.path.replace(\"/scene/\", \"\").split(\"/\").length > 1\r\n        }\r\n    }\r\n});\r\n\r\n\r\n"],"file":"build.js"}