!function(n,t,e){"use strict";var i=function(){function n(){var n=this;this.promise=new Promise((function(t,e){n.resolve=t,n.reject=e})),this.then=this.promise.then.bind(this.promise),this.catch=this.promise.catch.bind(this.promise)}return n.settlePromises=n.prototype.settlePromises=function(n){var t=n.map((function(n){return n.then((function(n){return{result:n,status:"resolved"}}),(function(n){return{result:n,status:"rejected"}}))}));return Promise.all(t)},n}(),a=function(){function n(){this.state=!0,this.errors=[],this.stacktrace="",this.setStackTrace()}return n.prototype={addError:function(n,t,e){this.state=!1;var i={header:n,message:t};return e&&(i.context=e.context,i.code=e.code,i.serverCode=e.serverCode),this.errors.push(i),this},firstError:function(){return this.errors.length>0?this.errors[0]:null},merge:function(n){return Array.prototype.push.apply(this.errors,n.errors),this.state=this.errors.length<1,this},setStackTrace:function(){var n=new Error;return n.name="FlybitsError",this.stacktrace=n.stack,this.stacktrace&&(this.stacktrace=this.stacktrace.split("\n").filter((function(n){return n.indexOf("Validation")<0})).join("\n")),this},toJSON:function(){return{state:this.state,errors:this.errors,stacktrace:this.stacktrace}}},n.prototype.type=n.type={},n.prototype.type.MALFORMED=n.type.MALFORMED=1e3,n.prototype.type.INVALIDARG=n.type.INVALIDARG=1001,n.prototype.type.MISSINGARG=n.type.MISSINGARG=1002,n.prototype.type.NOTFOUND=n.type.NOTFOUND=1003,n.prototype.type.CONNECTIONERROR=n.type.CONNECTIONERROR=1004,n.prototype.type.UNAUTHENTICATED=n.type.UNAUTHENTICATED=1005,n.prototype.type.RETRIEVALERROR=n.type.RETRIEVALERROR=1006,n.prototype.type.NOTSUPPORTED=n.type.NOTSUPPORTED=1007,n.prototype.type.UNEXPECTED=n.type.UNEXPECTED=1008,n}(),o=function(){var n=function(n){this.id,n&&n.id&&(this.id=n.id)};return n.prototype.constructor=n,n.prototype.reqKeys={id:"id"},n}(),d=function(){function n(){this.nodes=[]}return n.prototype.getNode=function(n){return this.nodes.filter((function(t){return Flybits.util.Obj.functionName(t.constructor)===n}))[0]},n.prototype.append=function(n){return this.nodes.push(n),this},n.prototype.serialize=function(){for(var n="",t=0;t<this.nodes.length;t++)n+="/"+this.nodes[t]._pathName,this.nodes[t].id&&(n+="/"+this.nodes[t].id);return n},n}(),r=function(){function n(n){this.fromJSON(n)}return n.prototype={fromJSON:function(n){return n=n||{},this.id=n.id,this.name=n.name||"Zone "+Y.util.Obj.guid().slice(0,4),this.referenceID=n.referenceID||(this.name?this.name.toLowerCase().replaceAll(" ",""):""),this.labels=n.labels||[],this.height=n.height||0,this.modules=n.modules?n.modules.map((function(n){return new l(n)})):[],this},toJSON:function(){var n={name:this.name,referenceID:this.referenceID,labels:this.labels,height:this.height,modules:this.modules.map((function(n){return n.toJSON()})),version:this.version,scriptURLs:this.scriptURLs};return this.id&&(n.id=this.id),n}},n}(),l=function(){function n(n){this.fromJSON(n)}return n.prototype={hasLabelLimits:function(){return this.labelLimits.length&&this.labelLimits.filter((function(n){return n.limit>0})).length},syncLabelLimits:function(){var n={};this.labelLimits.forEach((function(t){n[t.label]=+t.limit})),this.labelLimits=this.labels.map((function(t){return{label:t,limit:n[t]?n[t]:0}}))},syncAdvancedStr:function(){var n=this.advancedStr;if(!n){if(n="data=true&limit="+(this._hasContentLimits?this.paging.limit:20),this.hasLabelLimits()){var t={labels:this.labels,limits:this.labelLimits.map((function(n){return+n.limit}))};n+="&cp="+encodeURIComponent(JSON.stringify(t))}else n+="&labelsFormula=("+this.labels.join(";")+")";this.advancedStr=n}},updateQueryMode:function(){var n=this._queryMode;"labellimits"===n.key?this.syncLabelLimits():"advanced"===n.key&&this.syncAdvancedStr()},fromJSON:function(t){t=t||{},this.id=t.id,this.name=t.name||"Module "+Y.util.Obj.guid().slice(0,4),this.height=t.height||0;var e=new URLSearchParams(t.query);this.paging={},this.advancedStr="",this.labels=[],this.labelLimits=[],this._queryMode=n.QUERYMODES[0];var i=e.get("limit");i&&(this.paging.limit=+i),this.paging.limit&&(this._hasContentLimits=!0);var a=e.get("labelsFormula"),o=e.get("cp");if(n.hasAdvancedStr(e))this.advancedStr=e.toString(),this._queryMode=n.QUERYMODES[2];else if(a)this.labels=a?a.replace("(","").replace(")","").split(";"):[];else if(o){var d=JSON.parse(o);this.labels=d.labels,this.labelLimits=this.labels.map((function(n,t){return{label:n,limit:d.limits[t]}})),this._queryMode=n.QUERYMODES[1]}return this.layoutName=t.layout,this.layoutHTML=t.layoutHTML,this.styleCSSURL=t.styleCSSURL,this.styleCSS=t.styleCSS,this},toJSON:function(){this._hasContentLimits||delete this.paging.limit;var t={name:this.name,height:this.height,layout:this.layoutName,layoutHTML:this.layoutHTML,styleCSSURL:this.styleCSSURL,styleCSS:this.styleCSS};this.id&&(t.id=this.id);var e=new URLSearchParams;if(e.append("data",!0),this.paging.limit&&e.append("limit",this.paging.limit),this.labels.length&&(this._queryMode===n.QUERYMODES[0]||this._queryMode===n.QUERYMODES[1]&&!this.hasLabelLimits()))e.append("labelsFormula","("+this.labels.join(";")+")"),t.query=e.toString();else if(this.labels.length&&this.hasLabelLimits()&&this._queryMode===n.QUERYMODES[1]){var i={labels:this.labels,limits:this.labelLimits.map((function(n){return+n.limit}))};e.append("cp",JSON.stringify(i)),t.query=e.toString()}else this.advancedStr&&this._queryMode===n.QUERYMODES[2]&&(t.query=new URLSearchParams(this.advancedStr).toString());return t}},n.hasAdvancedStr=function(n){return n.size>3||!n.has("data")||!n.has("labelsFormula")&&!n.has("cp")},n.QUERYMODES=n.prototype.QUERYMODES=[{label:"Basic",key:"basic"},{label:"Label Limits",key:"labellimits"},{label:"Advanced",key:"advanced"}],n}(),s=function(){var n=Flybits.util.Api;function t(n){o.call(this,n),this.fromJSON(n)}return t.prototype=Object.create(o.prototype),t.prototype.constructor=t,t.prototype.types=t.types={DEFAULT:"default",SURVEY:"SurveyQuestions"},t.prototype._pathName=t._pathName="content/instances",t.prototype.reqKeys=t.reqKeys={name:"name",description:"description",createdDate:"createdAt",lastModifiedDate:"modifiedAt",id:"id"},t.prototype._fromLocaleJSON=function(n){return{name:n.name,description:n.description}},t.prototype._toLocaleJSON=function(n){return{name:n.name,description:n.description}},t.prototype.parseContents=function(t){var e=n.parsePaging(t),i=this;return{result:t.data.map((function(n){var t=(new d).append(i);try{return new Flybits.ContentData(n,t)}catch(t){throw console.error(t),(new a).addError("Parse Failed","Failed to parse Content data model.",{code:a.type.MALFORMED,context:n})}})),nextPageFn:n.createNextPageCall(Flybits.api.ContentData.getAll,{contentID:i.id},e)}},t.prototype.getData=function(){var n=this;if(this.data&&this.data.result&&this.data.result.length>0)return Promise.resolve(this.data.result[0].payload);var t=new Flybits.Deferred;return Flybits.api.ContentData.getAll({contentID:this.id}).then((function(e){e&&e.result&&e.result.length>0?(n.data=e,t.resolve(e.result[0].payload)):t.resolve()})).catch((function(n){t.reject(n)})),t.promise},t.prototype.fromJSON=function(n){n=n||{};var i=this;i.id=n.id,i.tenantID=n.tenantId,i.templateID=n.templateId,i.type=n.templateType||t.types.DEFAULT,i.iconURL=n.iconUrl,i.createdDate=n.createdAt?new Date(1e3*n.createdAt):null,i.lastModifiedDate=n.modifiedAt?new Date(1e3*n.modifiedAt):null,i.locales={},(n.localizations?Object.keys(n.localizations):[]).forEach((function(t){i.locales[t]=i._fromLocaleJSON(n.localizations[t])})),i.name=i.locales.en?i.locales.en.name:"",i.description=i.locales.en?i.locales.en.description:"",i.linkedFields=n.linkedFields,i.labels=n.labels||[],i.data=n.content?this.parseContents(n.content):e,i.renderType=n.renderType,i.defaultUI=n.defaultUIConfig?n.defaultUIConfig:{layout:"",layoutHTML:"",styleCSS:"",styleCSSURL:""},i.detailsUI=n.detailsUIConfig?n.detailsUIConfig:{layout:"",layoutHTML:"",styleCSS:"",styleCSSURL:""}},t.prototype.toJSON=function(){var n=this,t={iconUrl:n.iconURL,localizations:{en:{name:n.name,description:n.description}},labels:n.labels,defaultUIConfig:this.defaultUI,detailsUIConfig:this.detailsUI};return this.defaultUI&&(this.defaultUI.layout||this.defaultUI.layoutHTML)?t.renderType="html":t.renderType="",n.createdDate&&(t.createdAt=Math.round(n.createdDate.getTime()/1e3)),n.lastModifiedDate&&(t.modifiedAt=Math.round(n.lastModifiedDate.getTime()/1e3)),n.id&&(t.id=n.id),!n.id&&n.data&&(t.data=n.data),n.tenantID&&(t.tenantId=n.tenantID),n.templateID&&(t.templateId=n.templateID),n.type&&(t.templateType=n.type),n.metadata?t.metadata=n.metadata:t.metadata={},t},t.getInstance=function(n){var e=n.content&&n.content.data&&n.content.data.length&&n.content.data[0].questions;return n.templateType===t.types.SURVEY&&n.surveyMetadata||e?new Flybits.Survey(n):new t(n)},t}(),c=function(){function n(n){this.fromJSON(n)}return n.prototype={fromJSON:function(n){return n=n||{},this.id=n.id||Y.util.Obj.guid().toUpperCase(),this.tenantID=n.tenantID,this.zones=n.zones?n.zones.map((function(n){return new r(n)})):[],this.scriptURLs=n.scriptURLs||[],this.version=n.version||{major:0,minor:1,patch:0},this.versionStr=this.version.major+"."+this.version.minor+"."+this.version.patch,this},toJSON:function(){var n={tenantID:this.tenantID,zones:this.zones.map((function(n){return n.toJSON()})),scriptURLs:this.scriptURLs,version:this.version};return this.id&&(n.id=this.id),n}},n}(),p=Vue.extend({template:"#view-loading"});Vue.component("loading-view",p);var m=Vue.extend({template:"#loader-bar"});Vue.component("loader-bar",m);var b=Vue.extend({template:"#header-bar",props:{title:{default:"Concierge Manager"}},data:function(){return{logoURL:"images/logoIcon.png",isAdmin:Y.store.state.user.isAdmin,version:Y.vm.version}},computed:{userInitials:function(){var n="";return Y.store.state.user.user&&Y.store.state.user.user.firstName&&(n+=Y.store.state.user.user.firstName.charAt(0)),Y.store.state.user.user&&Y.store.state.user.user.lastName&&(n+=Y.store.state.user.user.lastName.charAt(0)),n.toUpperCase()},userFullName:function(){return Y.store.state.user.user?Y.store.state.user.user.firstName+" "+Y.store.state.user.user.lastName:""},isFlybitsUser:function(){return Y?.store?.state?.user?.user?.email?.indexOf("@flybits.com")>-1}},methods:{logout:function(){Y.store.dispatch("user/logout"),Y.router.replace({name:"login"})},gotoSettings:function(){Y.router.push({name:"settings"})}},mounted:function(){}});Vue.component("header-bar",b);var u=Vue.extend({template:"#editable-displayfield",props:["value","placeholder"],data:function(){return{proxyVal:""}},watch:{value:function(n,t){this.proxyVal!==n&&(this.proxyVal=n)},proxyVal:function(n,t){this.value!==n&&(this.$emit("input",n),this.resize())}},methods:{focusEdit:function(){this.$refs.textedit.focus()},resize:function(){this.$refs.textedit.style.width=this.proxyVal.length+5+"ch"}},mounted:function(){this.value&&(this.proxyVal=this.value,this.resize())}});Vue.component("editable-displayfield",u);var g=Vue.extend({template:"#text-toggle",props:{options:{type:Array,default:function(){return[{label:"Off",key:"off"},{label:"On",key:"on"}]}},value:{type:Object}},methods:{isSelected:function(n){return n.key===this.value.key},select:function(n){this.$emit("input",n),this.$emit("change",n)}}});Vue.component("text-toggle",g);var f=Vue.extend({template:"#toggle-view",props:["value","label","inverted"],methods:{toggle:function(){this.$emit("input",!this.value)}}});Vue.component("toggle-view",f);var h=Vue.extend({template:"#label-picker",props:{value:{type:Array},available:{type:Array,default:function(){return[]}},onlyAvailable:{type:Boolean,default:!1}},data:function(){return{tmpNewLabel:"",inputMode:!1,removeLastMode:!1}},watch:{tmpNewLabel:function(n,t){this.removeLastMode=!1}},methods:{addLabel:function(n){var t=this,e=this.tmpNewLabel||n;e&&(this.value.push(e),this.$emit("input",this.value),this.$emit("change",this.value),this.tmpNewLabel="",Vue.nextTick((function(){t.removeLastMode=!0})))},removeLabel:function(n){Y.util.Obj.removeObject(this.value,n),this.$emit("input",this.value),this.$emit("change",this.value)},removeLastLabel:function(){!this.tmpNewLabel&&this.removeLastMode?(this.value.pop(),this.$emit("input",this.value),this.$emit("change",this.value)):this.tmpNewLabel||this.removeLastMode||(this.removeLastMode=!0)},toggleInputMode:function(){var n=this;this.onlyAvailable||(this.inputMode=!this.inputMode,this.inputMode?Vue.nextTick((function(){n.$refs.labelinput.focus()})):this.tmpNewLabel="")}}});Vue.component("label-picker",h);var v,y,x=(v=function(n){var t=n.data.result&&Array.isArray(n.data.result)?n.data.result[0].toJSON():n.data;Y.util.Content.flattenLocales(t);var e={id:n.id,data:t,uiTemplate:"",style:"",styleStr:""},i=n.defaultUI||n.detailsUI||{};return e.uiTemplate=i.layoutHTML||'\n  <div class="content-preview-card content-preview-card--no-preview" aria-label="content preview">\n  <div class="content-preview-card__content">\n    <div class="content-preview-card__description" aria-label="content description">No preview available</div>\n  </div>\n  </div>\n',e.style=i.styleCSSURL,e.styleStr=i.layoutHTML?i.styleCSS:"\n  .content-preview-card {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 100%;\n    height: 128px;\n    margin: 16px 0;\n    border-radius: 10px;\n    background-color: #fff;\n    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.1);\n  }\n\n  .content-preview-card__content {\n    padding: 10px 10px 14px 10px;\n  }\n\n  .content-preview-card--no-preview .content-preview-card__description {\n    padding: 20px 0;\n    font-size: 24px;\n    font-weight: 700;\n    text-align: center;\n    color: #82899b;\n  }\n\n  .content-preview-card__description {\n    margin-top: 10px;\n    font-size: 10px;\n    font-weight: 400;\n    line-height: 13px;\n    color: #848688;\n    overflow-wrap: break-word;\n  }\n",e},y=function(n,t){var e=new i,a=function(){n.contentWindow.postMessage(t,"*"),e.resolve()};n.addEventListener("load",a),n.setAttribute("src",Y.store.state.config.res.ZONEAPP),e.promise.then((function(){n.removeEventListener("load",a)}))},Vue.extend({template:"#phone-preview",props:["zone","module","changeHash","content"],data:function(){return{timer:null,time:null,isLoading:!1}},computed:{timeStr:function(){var n="";return this.time&&(n=Y.util.Obj.zero2Pad(this.time.getHours())+":"+Y.util.Obj.zero2Pad(this.time.getMinutes())),n},zonePayload:function(){if(this.zone){var n=this;return{name:this.zone.name,containers:this.zone.modules.map((function(t){return{name:t.name,layoutStr:t.layoutHTML,layout:t.layoutName,style:t.styleCSSURL,styleStr:t.styleCSS,query:t.toJSON().query,content:n.getResolvedContents(t).map((function(n){return v(n)}))}}))}}},modulePayload:function(){if(this.module)return{name:"tmp"+Y.util.Obj.guid(1),containers:[{name:this.module.name,layoutStr:this.module.layoutHTML,layout:this.module.layoutName,style:this.module.styleCSSURL,styleStr:this.module.styleCSS,query:this.module.toJSON().query,content:this.getResolvedContents(this.module).map((function(n){return v(n)}))}]}}},watch:{changeHash:function(n,t){console.log("> newVal",n),this.debouncedLoad()},zonePayload:function(n,t){this.debouncedLoad()},modulePayload:function(n,t){this.debouncedLoad()}},methods:{getResolvedContents:function(n){return this.content||Y.store.getters["content/getContentByLabels"](n.labels)||[]},startClock:function(){var n=this;this.endClock(),console.log("> start clock"),n.time=new Date,this.timer=setInterval((function(){n.time=new Date}),6e4)},endClock:function(){clearInterval(this.timer),this.timer=null},loadZone:function(){var n=this,t=this.$refs.zoneframe;this.isLoading=!0,setTimeout((function(){n.zone?y(t,n.zonePayload):n.module&&y(t,n.modulePayload)}),200),setTimeout((function(){n.isLoading=!1}),300)}},mounted:function(){this.startClock();var n=this;this.debouncedLoad=Y.util.Obj.debounce((function(){n.loadZone()}),200),this.changeHash&&(n=this,Vue.nextTick((function(){n.loadZone()})))}}));Vue.component("phone-preview",x);var k=Vue.extend({template:"#card-placeholder",data:function(){return{block:0}},methods:{getRandomInt:function(n,t){return Math.floor(Math.random()*(t-n+1))+n}},mounted:function(){this.block=this.getRandomInt(0,3)}});Vue.component("card-placeholder",k);var w,I,z=(w={label:"Basic",key:"basic"},I={label:"Advanced",key:"advanced"},Vue.extend({template:"#layout-editor",props:["module"],data:function(){return{editModeObj:w,modes:[w,I],isHTMLEditorOpen:!0,isCSSEditorOpen:!0}},computed:{htmlSize:function(){return this.isHTMLEditorOpen?this.isHTMLEditorOpen&&this.isCSSEditorOpen?"half":this.isHTMLEditorOpen&&!this.isCSSEditorOpen?"full":void 0:"closed"},cssSize:function(){return this.isCSSEditorOpen?this.isCSSEditorOpen&&this.isHTMLEditorOpen?"half":this.isCSSEditorOpen&&!this.isHTMLEditorOpen?"full":void 0:"closed"},editMode:function(){return this.editModeObj.key},layouts:function(){return Y.store.state.component.moduleTemplates}},methods:{expandEditor:function(n){"html"===n?this.isHTMLEditorOpen=!this.isHTMLEditorOpen:"css"===n&&(this.isCSSEditorOpen=!this.isCSSEditorOpen)},emitChange:function(){this.$emit("change")},emitDone:function(){this.$emit("done")},selectLayout:function(n){this.module.layoutHTML=n.html,this.module.styleCSS=n.css,this.emitChange(),this.emitDone()}}}));Vue.component("layout-editor",z);var S,C=(S={indent_size:"2",indent_char:" ",max_preserve_newlines:"-1",preserve_newlines:!1,keep_array_indentation:!1,break_chained_methods:!1,indent_scripts:"normal",brace_style:"collapse",space_before_conditional:!0,unescape_strings:!1,jslint_happy:!1,end_with_newline:!1,wrap_line_length:"0",indent_inner_html:!0,comma_first:!1,e4x:!1,indent_empty_lines:!1},Vue.extend({template:"#code-editor",props:["value","language"],data:function(){return{editor:null,tmpChange:""}},watch:{value:function(n,t){n!==this.tmpChange&&this.editor.updateCode(this.beautify(n))}},methods:{beautify:function(n){return"js"===this.language?js_beautify(n,S):"html"===this.language?html_beautify(n,S):"css"===this.language?css_beautify(n,S):n},sanitize:function(n){return n.split("\n").join("")}},mounted:function(){var n=this;this.editor=new CodeFlask(this.$refs.code,{language:this.language,lineNumbers:!0}),this.value&&this.editor.updateCode(this.beautify(this.value)),this.editor.onUpdate((function(t){n.tmpChange=n.sanitize(t),n.$emit("input",n.tmpChange)}))}}));Vue.component("code-editor",C);var T=Vue.extend({template:"#confirm-button",props:["label"],data:function(){return{isConfirm:!1}},methods:{confirm:function(){this.isConfirm=!0},cancel:function(){this.isConfirm=!1},action:function(){this.$emit("action"),this.isConfirm=!1}}});Vue.component("confirm-button",T);var A=function(){function n(n){(n=n||{}).beforeRouteEnter&&(this.extBeforeRouteEnter=n.beforeRouteEnter,delete n.beforeRouteEnter),Flybits.util.Obj.extend(this,n,{mutate:!0})}return n.prototype={beforeRouteEnter:function(n,t,e){var i=n.matched[0]?n.matched[0].components.default:null;setTimeout((function(){Y.ready.then((function(){i&&i.extBeforeRouteEnter?i.extBeforeRouteEnter(n,t,e):e()}))}),1)}},n}(),O=function(){function n(n){A.call(this,n)}return n.prototype=Object.create(A.prototype),n.prototype.constructor=n,n.prototype.beforeRouteEnter=function(n,t,e){var i=n.matched[0]?n.matched[0].components.default:null;setTimeout((function(){Y.ready.then((function(){Flybits.Session.resolveSession().then((function(){Y.store.dispatch("user/resolveUser",!0),i&&i.extBeforeRouteEnter?i.extBeforeRouteEnter(n,t,e):e()})).catch((function(n){Flybits.Session.clearSession(),Y.authClient.request()}))}))}),1)},n}(),D=new O({template:"#concierge-manager",beforeRouteEnter:function(n,t,e){e((function(n){i.settlePromises([Y.store.dispatch("content/hydrate"),Y.store.dispatch("zone/hydrate")]).then((function(){n.zones=Y.store.state.zone.zones,n.selectZone(n.zones[0])})).catch((function(n){console.error(n),Y.toast("Failed to load data","error")})).then((function(){n.isLoading=!1}))}))},data:function(){return{isLoading:!0,selectedModule:null,selectedZone:null,zones:[],changeHash:"",queryEditModes:l.QUERYMODES}},methods:{toggleHash:function(){this.changeHash=Y.util.Obj.guid()},selectZone:function(n){this.selectZone!==n&&(this.selectedZone=n,n&&(this.changeHash=Y.util.Obj.hash(JSON.stringify(n.toJSON()))))},editModuleLayout:function(n){this.selectedModule=n,n?(this.selectZone(),this.changeHash=Y.util.Obj.hash(JSON.stringify(n.toJSON()))):this.selectZone(this.zones[0])},addZone:function(){this.zones.push(new r)},removeZone:function(n){Y.util.Obj.removeObject(this.zones,n)},addModule:function(n){n.modules.push(new l)},removeModule:function(n,t){Y.util.Obj.removeObject(n.modules,t)},adjustModuleQuery:function(n){n.updateQueryMode()},moveTo:function(n,t,e,i){!n||!t||e===i||e<0||i<0||e>n.modules.length||i>n.modules.length||(n.modules.splice(e,1),n.modules.splice(i,0,t))},save:function(){var n=this;Y.evt.emit(Y.actions.LOADING,!0),Y.store.dispatch("zone/saveAll").then((function(){n.zones=Y.store.state.zone.zones,n.selectZone(n.zones[0]),n.editModuleLayout()})).catch((function(n){Y.toast("failed to save configuration","error"),console.error(n)})).then((function(){Y.evt.emit(Y.actions.LOADING,!1)}))}},mounted:function(){var n=this.$el.querySelectorAll(".module-item");n=[].slice.call(n)}});Vue.component("concierge-manager",D);var E=new O({template:"#experience-templates",beforeRouteEnter:function(n,t,e){e((function(n){n.loadFrame()}))},beforeRouteLeave:function(t,e,i){n.removeEventListener("message",this.loadHandlerFn),i()},data:function(){return{loadHandlerFn:null}},computed:{injectPayload:function(){return{env:Y.store.getters["config/envStr"],host:Y.store.state.config.HOST,token:Flybits.Session.userToken}}},methods:{loadFrame:function(){var t=this,e=this.$refs.frame;this.loadHandlerFn=function(n){"flb.journeytemplatemanager.ready"===n?.data?.type&&(console.log("> flb.journeytemplatemanager.ready"),t.inject())},n.addEventListener("message",this.loadHandlerFn),e.setAttribute("src",Y.store.state.config.JOURNEYMANAGER)},inject:function(){this.$refs.frame.contentWindow.postMessage(this.injectPayload,Y.store.state.config.JOURNEYMANAGER)}}});Vue.component("experience-templates",E);var N={template:"#settings-page"};Vue.component("settings-page",N);var L=new A({template:"#splash-page",beforeRouteEnter:function(n,t,e){e((function(n){Y.store.dispatch("user/resolveUser",!0).then((function(){Y.router.replace({name:"conciergeManager"})})).catch((function(n){console.error(n),Flybits.Session.clearSession(),Y.authClient.request()}))}))}});Vue.component("splash-page",L);var M=new A({template:"#auth-callback",beforeRouteEnter:function(n,t,e){e((function(n){Y.evt.emit(Y.actions.LOADING,!0),Y.authClient.requestSPAuthz().then((function(n){n&&n.accessToken?(Flybits.Session.setUserToken(n.accessToken),Y.store.dispatch("user/resolveUser"),Y.router.replace({name:"conciergeManager"})):(console.error("> uh oh: no valid accessToken"),Y.toast("Authorization denied","error"),Y.store.dispatch("user/logout"),Y.router.replace({name:"login"}))})).catch((function(n){console.error("> blah",n),Y.toast("Authorization denied","error"),Y.store.dispatch("user/logout"),Y.router.replace({name:"login"})})).then((function(){Y.evt.emit(Y.actions.LOADING,!1)}))}))}});Vue.component("auth-callback",M);var U=new A({template:"#login-page",methods:{goto:function(){Y.evt.emit(Y.actions.LOADING,!0),Y.router.replace({name:"conciergeManager"})}}});Vue.component("login-page",U);var R=new O({template:"#content-manager",beforeRouteEnter:function(n,t,e){e((function(n){n.loadFrame()}))},beforeRouteLeave:function(t,e,i){n.removeEventListener("message",this.loadHandlerFn),i()},data:function(){return{loadHandlerFn:null}},computed:{injectPayload:function(){return{env:Y.store.getters["config/envStr"],host:Y.store.state.config.HOST,token:Flybits.Session.userToken}}},methods:{loadFrame:function(){var t=this,e=this.$refs.frame;this.loadHandlerFn=function(n){"flb.contentmanager.ready"===n?.data?.type&&(console.log("> flb.contentmanager.ready"),t.inject())},n.addEventListener("message",this.loadHandlerFn),e.setAttribute("src",Y.store.state.config.CONTENTMANAGER)},inject:function(){this.$refs.frame.contentWindow.postMessage(this.injectPayload,Y.store.state.config.CONTENTMANAGER)}}});Vue.component("content-manager",R);var F,j,_,P,H,V={namespaced:!0,state:{initPromise:(F=new i).promise,initialized:!1,HOST:"https://api.demo.flybits.com",res:{},debug:!1},getters:{envStr:function(n,t){return n.HOST.split(".")[1]}},mutations:{setDefaults:function(n,t){n.HOST=t.HOST,n.APPHOST=t.APPHOST,n.PROJECTID=t.PROJECTID,n.PIXELHOST=t.PIXELHOST,n.CLIENTID=t.CLIENTID,n.CONTENTMANAGER="https://experiences.flybits.app/#/manage/content",n.JOURNEYMANAGER="https://experiences.flybits.app/#/journey/templates/manage",n.res=t.res,n.store=t.store,n.debug=t.debug,n.namespace=t.namespace},setInitialized:function(n){F.resolve(),n.initialized=!0}},actions:{parse:function(n){var t=new i;return fetch(Y.ext.CONFIG).then((function(n){if(200!==n.status)throw(new a).addError("Configuration file not found","Reverting to default configuration. No configuration found at:"+app.ext.CONFIG,{code:Flybits.Validation.type.MISSINGARG});return n.json()})).then((function(e){n.commit("setDefaults",e.defaults),n.commit("setInitialized"),t.resolve(e.defaults)})).catch((function(n){n instanceof a?t.reject(n):t.reject((new a).addError("Failed to read configuration file.","Reverting to default configuration. Configuration format incorrect at:"+app.ext.CONFIG,{code:a.type.MALFORMED}))})),t.promise}}},q=function(){var n=new i;const t="user";return{namespaced:!0,state:{initPromise:n.promise,initialized:!1,isAdmin:!1,user:null},mutations:{setInitialized:function(t){n.resolve(),t.initialized=!0},setUser:function(n,e){n.user=e,Y.cache.setItem(t,e.toJSON())},clearUser:function(n){n.isAdmin=!1,Y.cache.removeItem(t)}},actions:{logout:function(n){n.commit("clearUser"),Flybits.Session.disconnect()},resolveUser:function(n,e){var i=new Flybits.Deferred,a=Y.cache.getItem(t),o=e?Promise.resolve():Flybits.api.User.getSignedInUser();return Flybits.Deferred.settlePromises([a,o]).then((function(t){if("resolved"===t[0].status&&"resolved"===t[1].status)if(e&&t[0].result){let e=new Flybits.User(t[0].result);n.commit("setUser",e),i.resolve(e)}else if(!e&&t[1].result){let e=t[1].result;n.commit("setUser",e),i.resolve(e)}else i.reject((new Flybits.Validation).addError("No valid session","",{type:Flybits.Validation.type.NOTFOUND}));else i.reject((new Flybits.Validation).addError("No valid session","",{type:Flybits.Validation.type.NOTFOUND}))})).catch((function(n){i.reject((new Flybits.Validation).addError("No valid session","",{type:Flybits.Validation.type.NOTFOUND}))})),i.promise}}}}(),J=function(){var n=new i,t=function(){var n=new Flybits.Deferred,t=Flybits.cfg.HOST+Y.store.state.config.res.ZONES;return Flybits.util.Api.flbFetch(t).then((function(t){n.resolve(new c(t.body))})).catch((function(t){n.reject(t)})),n.promise},e=function(n){var t=new Flybits.Deferred,e=Flybits.cfg.HOST+Y.store.state.config.res.ZONES+"/"+n.id;return Flybits.util.Api.flbFetch(e,{method:"PUT",body:JSON.stringify(n.toJSON())}).then((function(n){t.resolve(new c(n.body))})).catch((function(n){t.reject(n)})),t.promise};return{namespaced:!0,state:{initPromise:n.promise,initialized:!1,zones:[],zoneConfigs:null},getters:{modules:function(n,t){var e=[];return n.zones.forEach((function(n){Array.prototype.push.apply(e,n.modules)})),e}},mutations:{setInitialized:function(t){n.resolve(),t.initialized=!0},setConfig:function(n,t){n.zoneConfigs=t,n.zones=t?t.zones:[]}},actions:{hydrate:function(n){var e=new i;return t().then((function(t){n.commit("setConfig",t),n.state.initialized||n.commit("setInitialized"),e.resolve()})).catch((function(t){404===t.firstError().serverCode?(n.state.zoneConfigs=new c,n.state.zones=n.state.zoneConfigs.zones,n.state.initialized||n.commit("setInitialized"),e.resolve()):e.reject(t)})),e.promise},saveAll:function(n){var t=new Flybits.Deferred;return e(n.state.zoneConfigs).then((function(e){n.commit("setConfig",e),t.resolve()})).catch((function(n){t.reject(n)})),t.promise}}}}(),B=function(){var n=new i;const t={"special-events":{carousel:["carousel"],lander:["lander"],details:["details"]},"special-offers":{carousel:["carousel"],lander:["lander"],details:["details"]},education:{carousel:["carousel"],lander:["lander"],details:["details"]},"personalized-info":{carousel:["carousel"],lander:["lander"],details:["details"]},"td-for-me":{carousel:["carousel"],lander:["lander"],details:["details"]},"alert-card":{alert:["icon","description","textlink"]},"dynamic-page":{details:["banner","header","options"]},"input-page":{details:["banner","primaryMsg","secondaryMsg","actionLink","secondaryLinks"]}};var e=function(n){var t=new i,e=Flybits.cfg.HOST+Flybits.cfg.res.CONTENTS+"/"+n,a={data:!0,limit:2e3,managementMode:!0,returnRichText:!0,disableContextEmbed:!0};return""!==(a=Flybits.util.Api.toURLParams(a))&&(e+="?"+a),Flybits.util.Api.flbFetch(e,{method:"GET"}).then((function(n){t.resolve(new s(n.body))})).catch((function(n){t.reject(n)})),t.promise},a=function(n){n=n||{};var t=new i,e=Flybits.cfg.HOST+Flybits.cfg.res.CONTENTS,a={data:!0,limit:2e3,managementMode:!0,returnRichText:!0,disableContextEmbed:!0};return n.labels&&n.labels.length&&(a.labelsFormula="("+n.labels.join(";")+")"),n.ids&&Array.isArray(n.ids)&&(a.contentIds=n.ids.join(",")),""!==(a=Flybits.util.Api.toURLParams(a))&&(e+="?"+a),Flybits.util.Api.flbFetch(e,{method:"GET"}).then((function(n){t.resolve(n.body.data)})).catch((function(n){t.reject(n)})),t.promise},o=function(){return Flybits.api.ContentTemplate.getAll({paging:{limit:200}})};return{namespaced:!0,state:{initPromise:n.promise,initialized:!1,content:[],templates:[]},getters:{getTemplateByID:function(n){return function(t){return n.templates.filter((function(n){return n.id===t}))[0]}},getContentByLabels:function(n){return function(t){return n.content.filter((function(n){return Y.util.Obj.intersection(n.labels,t).length>0}))}},getTemplateAttrMapping:function(n,e){return function(n){return e.getTemplateByID(n)?t[e.getTemplateByID(n).type]:null}}},mutations:{setInitialized:function(t){n.resolve(),t.initialized=!0},addContent:function(n,t){n.content.filter((function(n){return n.id===t.id}))[0]||n.content.push(t)},setContent:function(n,t){n.content=t.map((function(n){return new s(n)}))},addTemplate:function(n,t){n.templates.filter((function(n){return n.id===t.id}))[0]||n.templates.push(t)},setTemplates:function(n,t){n.templates=t},removeContent:function(n,t){Y.util.Obj.removeObject(n.content,t)}},actions:{getByID:function(n,t){var i=e(t);return i.then((function(t){n.commit("addContent",t)})),i},getByIDs:function(n,t){if(!t||!t.ids.length)return Promise.resolve([]);var e=a(t);return e.then((function(t){n.commit("addContent",t)})),e},getTemplateByID:function(n,t){var e=Flybits.api.ContentTemplate.get(t);return e.then((function(t){n.commit("addTemplate",t)})),e},hydrate:function(n){var t=new i,e=[o(),a()];return i.settlePromises(e).then((function(e){"rejected"===e[0].status?(Y.toast("Failed to load Content Templates"),console.error(e[0].result)):n.commit("setTemplates",e[0].result.result),"rejected"===e[1].status?(Y.toast("Failed to load Content"),console.error(e[1].result),t.reject()):(n.commit("setContent",e[1].result),t.resolve()),n.state.initialized||n.commit("setInitialized")})),t.promise},delete:function(n,t){n.commit("removeContent",t);var e=new i;return Flybits.api.Content.delete(t).then((function(){e.resolve()})).catch((function(i){n.commit("addContent",t),e.reject(i)})),e.promise}}}}(),$={namespaced:!0,state:{uiTemplates:[{key:"special-events",defaultUI:{html:'\n              <div class="card-base card-info special-event" dmb="dmb" dmb:type="blk" v-on:click="emitAction(\'details://?title=\'+data.categoryName,{type:\'card\',name:\'card\',compID:\'card\'})" role="button" tabindex="0">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']">\n                  <div class="category-icon" v-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon">\n                  </div>\n                </div>\n                <div class="main-body" v-if="data" dmb="dmb" dmb:type="blk">\n                  <div class="date-blk" v-if="data.startDateTime" dmb="dmb" dmb:type="date">\n                    <div class="month" dmb="dmb">\n                      <datetime-field v-bind:datetime="data.startDateTime" format="aMMM"></datetime-field>\n                    </div>\n                    <div class="date" dmb="dmb">\n                      <datetime-field v-bind:datetime="data.startDateTime" format="DD"></datetime-field>\n                    </div>\n                  </div>\n                  <div class="meta-blk" dmb="dmb" dmb:type="blk" dmb:style="max-height:none;-webkit-line-clamp:initial;">\n                    <div class="carousel title dmb-text" v-if="data.carousel && data.carousel.title" dmb="dmb" dmb:type="text">{{data.carousel.title}}</div dmb="dmb">\n                    <div class="lander title dmb-text" v-if="data.lander && data.lander.title" dmb="dmb" dmb:type="text">{{data.lander.title}}</div dmb="dmb">\n                    <br/>\n                    <div class="carousel description dmb-textarea" v-if="data.carousel && data.carousel.description" v-rtf="data.carousel.description" dmb="dmb" dmb:type="textarea"></div>\n                    <div class="lander description dmb-textarea" v-if="data.lander && data.lander.description" v-rtf="data.lander.description" dmb="dmb" dmb:type="textarea"></div>\n                  </div>\n                  <div class="details-link" dmb="dmb" dmb:type="icon" aria-hidden="true">›</div>\n                </div>\n              </div>\n            ',css:'\n              .card-info.card-base {\n                margin: 0;\n                position: relative;\n                width: 100%;\n                margin: 0;\n                border-radius: 8px;\n                overflow: hidden;\n                background-color: white;\n                border: none;\n                box-shadow: 0px 1px 4px 0px rgba(28, 28, 28, 0.03),\n                            0px 1px 8px 0px rgba(28, 28, 28, 0.06);\n                color: #1c1c1c;\n                cursor: pointer;\n              }\n\n              .card-info::after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n              \n              .card-info .img-blk {\n                position: relative;\n                height: 130px;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                border-bottom: 1px solid #CCCCCC;\n              }\n              \n              .card-info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 40px;\n                height: 40px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 130px;\n                right: 16px;\n                z-index: 1;\n              }\n              \n              .card-info .main-body {\n                padding: 16px;\n                padding-right: 41px;\n                position: relative;\n              }\n\n              .android .card-info .main-body{\n                padding-right: 16px;\n              }\n              \n              .card-info:active .main-body {\n                background-color: whitesmoke;\n              }\n              \n              .card-info.special-event .main-body .date-blk {\n                display: none;\n              }\n              \n              .card-info.special-event .main-body .date-blk {\n                position: absolute;\n                top: 50%;\n                transform: translateY(-50%);\n                text-align: center;\n                color: #295A61;\n              }\n              \n              .card-info.special-event .main-body .date-blk .month {\n                font-size: 12px;\n              }\n              \n              .card-info.special-event .main-body .date-blk .date {\n                font-size: 19px;\n              }\n              \n              .card-info.special-event .main-body .meta-blk {\n                max-height: 57px;\n                height: 57px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                line-height: 19px;\n                font-size: 16px;\n                letter-spacing: -0.43px;\n              }\n              \n              .card-info.special-event .main-body .title {\n                font-weight: bold;\n                display: inline;\n              }\n              .card-info.special-event .main-body .title.lander{\n                display: none;\n              }\n              \n              .card-info.special-event .main-body .description {\n                position: relative;\n                max-height: 38px;\n                height: 38px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n              }\n              .card-info.special-event .main-body .description.lander{\n                display: none;\n              }\n\n              .card-info.special-event .main-body p {\n                margin: 0;\n              }\n              \n              .card-info.special-event .main-body .details-link {\n                position: absolute;\n                right: 16px;\n                bottom: 50%;\n                transform: translateY(50%);\n                font-size: 27px;\n                cursor: pointer;\n                color: #767676;\n              }\n\n              .android .card-info.special-event .main-body .details-link {\n                display: none;\n              }\n              \n              .flb-layout.info-group .card-info{\n                box-shadow: none;\n                border-radius: 0;\n              }\n\n              .flb-layout.info-group .card-info.special-event .main-body .date-blk {\n                display: block;\n              }\n              \n              .flb-layout.info-group .card-info.special-event .main-body .meta-blk {\n                padding-left: 39px;\n                max-height: 76px;\n                height: auto;\n                -webkit-line-clamp: 4;\n              }\n              \n              .flb-layout.info-group .card-info.special-event .main-body .title.carousel{\n                display: none;\n              }\n              .flb-layout.info-group .card-info.special-event .main-body .title.lander{\n                display: inline;\n              }\n              \n              .flb-layout.info-group .card-info.special-event .main-body .description.carousel {\n                display: none;\n              }\n              .flb-layout.info-group .card-info.special-event .main-body .description.lander{\n                max-height: 57px;\n                height: auto;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n              }\n            '},detailsUI:{html:'\n              <div class="details-page info" dmb="dmb" dmb:type="blk" v-track-custom-data="{content:{title:\'details.title\',category:\'categoryName\',location:\'$moduleName\'}}">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']">\n                  <div class="category-icon" v-if="data && data.details.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.details.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                  <div class="category-icon" v-else-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                </div>\n                <div class="main-content" dmb="dmb" dmb:type="blk">\n                  <div class="title" dmb="dmb" dmb:type="text" v-if="data.details" role="heading" aria-level="1">{{data.details.title}}</div>\n                  <div class="meta-wrap" dmb="dmb" dmb:type="blk">\n                    <div class="meta-item date" v-if="data.startDateTime" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-if="data.details" v-bind:style="{backgroundImage: \'url(\'+data.details.dateIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Date."></div> \n                      <div><span class="meta-value" dmb="dmb" dmb:type="text" dmb:size="10">\n                        <datetime-field v-bind:datetime="data.startDateTime" format="aMMM DD"></datetime-field>\n                      </span><span v-if="data.endDateTime && !(new Date(data.startDateTime).getDate() === new Date(data.endDateTime).getDate() && new Date(data.startDateTime).getMonth() === new Date(data.endDateTime).getMonth())" aria-label="to"> - </span><span class="meta-value" v-if="data.endDateTime && !(new Date(data.startDateTime).getDate() === new Date(data.endDateTime).getDate() && new Date(data.startDateTime).getMonth() === new Date(data.endDateTime).getMonth())" dmb="dmb" dmb:type="text" dmb:size="10">\n                        <datetime-field v-bind:datetime="data.endDateTime" format="aMMM DD"></datetime-field>\n                      </span></div>\n                    </div>\n                    <div class="meta-item time" v-if="data.startDateTime" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div dmb="dmb" dmb:type="img" v-if="data.details" v-bind:style="{backgroundImage: \'url(\'+data.details.timeIcon+\')\'}" class="meta-icon" aria-label="Time."></div>\n                      <div><span class="meta-value" v-if="data.startDateTime" dmb="dmb" dmb:type="text" dmb:size="10">\n                        <datetime-field v-bind:datetime="data.startDateTime" format="HH:mm" clockType="12"></datetime-field>\n                      </span><span v-if="data.endDateTime" aria-label="to"> - </span><span class="meta-value" v-if="data.endDateTime" dmb="dmb" dmb:type="text" dmb:size="10">\n                        <datetime-field v-bind:datetime="data.endDateTime" format="HH:mm" clockType="12"></datetime-field>\n                      </span></div>\n                    </div>\n                    <div class="meta-item location" v-if="data.details && data.details.location" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div dmb="dmb" dmb:type="img" v-bind:style="{backgroundImage: \'url(\'+data.details.locationIcon+\')\'}" class="meta-icon" aria-label="Location."></div>\n                      <div><span class="meta-value" dmb="dmb" dmb:type="text" dmb:size="10">{{data.details.location}}</span></div>\n                    </div>\n                  </div>\n                  <div class="body-text body-wrap" v-if="data.details && data.details.body" v-rtf="data.details.body" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="body-text legal-wrap" v-rtf="data.details.legalCopy" v-if="data.details && data.details.legalCopy" dmb="dmb" dmb:type="textarea"></div>\n                </div>\n                <div class="con-wrap" v-if="data.details && data.details.buttons && data.details.buttons.length" dmb="dmb" dmb-spacer:style="width:100%;" dmb:type="blk">\n                  <div class="button" v-bind:item-index="index" v-for="(button,index) in data.details.buttons" dmb="dmb" v-on:click.stop.prevent="emitAction(button.uri,{type:\'button\',name:button.label,compID:\'btn\'+index})" role="button">\n                    <div class="inner-btn" dmb="dmb" dmb:type="text">{{button.label}}</div>\n                  </div>\n                </div>\n              </div>\n            ',css:"\n              .details-page.info{\n                position: relative;\n                background-color: #F3F3F3;\n              }\n              .details-page.info .img-blk {\n                position: relative;\n                background-size: cover;\n                background-repeat: no-repeat;\n                background-position: center;\n                height: 180px;\n                border-bottom: 1px solid #cccccc;\n              }\n            \n              .details-page.info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 50px;\n                height: 50px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 180px;\n                right: 20px;\n              }\n            \n              .details-page.info .main-content {\n                padding: 45px 16px 0px 16px;\n                color: #1c1c1c;\n                background-color: white;\n              }\n            \n              .details-page.info .main-content .title {\n                font-size: 21px;\n                line-height: 25px;\n                font-weight: 500;\n                letter-spacing: -0.43px;\n              }\n            \n              .details-page.info .main-content .meta-wrap {\n                font-size: 16px;\n                color: #555555;\n                margin-top: 20px;\n                letter-spacing: -0.43px;\n              }\n            \n              .details-page.info .main-content .meta-wrap .meta-item {\n                margin-bottom: 10px;\n                display: grid;\n                grid-template-columns: 30px auto;\n              }\n            \n              .details-page.info .main-content .meta-wrap .meta-item span,\n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                vertical-align: middle\n              }\n            \n              .details-page.info .main-content .meta-wrap .meta-item:last-of-type {\n                margin-bottom: 0;\n              }\n            \n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                position: relative;\n                width: 20px;\n                height: 20px;\n                margin-right: 10px;\n                display: inline-block;\n                background-size: cover;\n                background-position: center;\n                vertical-align: middle;\n              }\n            \n              .details-page.info .main-content .meta-wrap .meta-item .meta-value {\n                display: inline-block;\n                line-height: 20px;\n                font-size: 16px;\n                vertical-align: middle;\n              }\n            \n              .details-page.info .main-content .body-text {\n                padding-top: 20px;\n                font-size: 16px;\n                line-height: 22px;\n                color: black;\n                letter-spacing: -0.43px;\n              }\n            \n              .details-page.info .main-content .body-wrap {\n                border-top: 1px solid #cccccc;\n                margin-top: 20px;\n                overflow: hidden;\n              }\n            \n              .con-wrap {\n                position: relative;\n                background-color: white;\n                padding: 20px 16px;\n              }\n\n              .con-wrap .button {\n                text-align: center;\n                border: 1px solid #008a00;\n                color: #008a00;\n                font-size: 17px;\n                letter-spacing: -0.43px;\n                padding: 12px 0;\n                margin-bottom: 16px;\n                cursor: pointer;\n              }\n\n              .android .con-wrap .button{\n                margin: 8px;\n              }\n            \n              .con-wrap .button:first-of-type {\n                background-color: #008a00;\n                color: white;\n                font-weight: bold;\n              }\n              .con-wrap .button:last-of-type {\n                margin-bottom: 0;\n              }\n            \n              .con-wrap .button:active {\n                background-color: #1A5336;\n                color: white;\n                border: 1px solid #1A5336;\n              }\n\n              @media (min-width: 710px) {\n                .details-page.info{\n                  padding: 32px 64px;\n                }\n                .con-wrap {\n                  padding: 12.5px 64px;\n                }\n                .con-wrap .button{\n                  max-width: 330px;\n                }\n              }\n              @media (min-width: 810px) {\n                .details-page.info .img-blk {\n                  height: 300px;\n                }\n                .details-page.info .category-icon {\n                  right: 70px;\n                  top: 300px;\n                }\n                .details-page.info .main-content {\n                  padding: 45px 70px 120px 70px;\n                }\n              }\n            "}},{key:"special-offers",defaultUI:{html:'\n              <div class="card-base card-info special-offer" dmb="dmb" dmb:type="blk" v-on:click="emitAction(\'details://?title=\'+data.categoryName,{type:\'card\',name:\'card\',compID:\'card\'})" role="button" tabindex="0">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']"></div>\n                <div class="category-icon" v-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                <div class="main-body" v-if="data" dmb="dmb" dmb:type="blk">\n                  <div class="meta-blk" dmb="dmb" dmb:type="blk" dmb:style="max-height:none;-webkit-line-clamp:initial;">\n                    <div class="carousel title dmb-text" v-if="data.carousel && data.carousel.title" dmb="dmb" dmb:type="text">{{data.carousel.title}}</div dmb="dmb">\n                    <div class="lander title dmb-text" v-if="data.lander && data.lander.title" dmb="dmb" dmb:type="text">{{data.lander.title}}</div dmb="dmb">\n                    <br/>\n                    <div class="carousel description dmb-textarea" v-if="data.carousel && data.carousel.description" v-rtf="data.carousel.description" dmb="dmb" dmb:type="textarea"></div>\n                    <div class="lander description dmb-textarea" v-if="data.lander && data.lander.description" v-rtf="data.lander.description" dmb="dmb" dmb:type="textarea"></div>\n                  </div>\n                  <div class="details-link" dmb="dmb" dmb:type="icon" aria-hidden="true">›</div>\n                </div>\n              </div>\n            ',css:'\n              .card-info.card-base {\n                margin: 0;\n                position: relative;\n                width: 100%;\n                margin: 0;\n                border-radius: 8px;\n                overflow: hidden;\n                background-color: white;\n                border: none;\n                box-shadow: 0px 1px 4px 0px rgba(28, 28, 28, 0.03),\n                            0px 1px 8px 0px rgba(28, 28, 28, 0.06);\n                color: #1c1c1c;\n                cursor: pointer;\n              }\n\n              .card-info::after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n\n              .card-info .img-blk {\n                position: relative;\n                height: 130px;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                border-bottom: 1px solid #CCCCCC;\n              }\n\n              .card-info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 40px;\n                height: 40px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 130px;\n                right: 16px;\n                z-index: 1;\n              }\n\n              .card-info .main-body {\n                padding: 16px;\n                padding-right: 41px;\n                position: relative;\n              }\n              \n              .android .card-info .main-body{\n                padding-right: 16px;\n              }\n\n              .card-info:active .main-body{\n                background-color: whitesmoke;\n              }\n\n              .card-info .main-body .meta-blk {\n                max-height: 57px;\n                height: 57px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                line-height: 19px;\n                font-size: 16px;\n                letter-spacing: -0.43px;\n              }\n\n              .card-info .main-body .title {\n                font-weight: bold;\n                display: inline;\n              }\n\n              .card-info .main-body .title.lander{\n                display: none;\n              }\n\n              .card-info .main-body .description {\n                position: relative;\n                max-height: 38px;\n                height: 38px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n              }\n\n              .card-info .main-body .description.lander{\n                display: none;\n              }\n\n              .card-info .main-body p {\n                margin: 0;\n              }\n\n              .card-info .main-body .details-link {\n                position: absolute;\n                right: 16px;\n                bottom: 50%;\n                transform: translateY(50%);\n                font-size: 27px;\n                color: #767676;\n              }\n\n              .android .card-info .main-body .details-link {\n                display: none;\n              }\n\n              .flb-layout.info-group .card-info {\n                box-shadow: none;\n                border-radius: 0;\n              }\n\n              .flb-layout.info-group .card-info .main-body .meta-blk {\n                max-height: 80px;\n                height: auto;\n                -webkit-line-clamp: 4;\n              }\n\n              .flb-layout.info-group .card-info .main-body .title.carousel{\n                display: none;\n              }\n              .flb-layout.info-group .card-info .main-body .title.lander{\n                display: inline;\n              }\n              \n              .flb-layout.info-group .card-info .main-body .description.carousel {\n                display: none;\n              }\n              .flb-layout.info-group .card-info .main-body .description.lander{\n                max-height: 57px;\n                height: auto;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n              }\n            '},detailsUI:{html:'\n              <div class="details-page info" dmb="dmb" dmb:type="blk" v-track-custom-data="{content:{title:\'details.title\',category:\'categoryName\',location:\'$moduleName\'}}">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']">\n                  <div class="category-icon" v-if="data && data.details.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.details.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                  <div class="category-icon" v-else-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                </div>\n                <div class="main-content" dmb="dmb" dmb:type="blk">\n                  <div class="title" dmb="dmb" dmb:type="text" v-if="data.details" role="heading" aria-level="1">{{data.details.title}}</div>\n                  <div class="meta-wrap" dmb="dmb" dmb:type="blk">\n                    <div class="meta-item date" v-if="data.details && data.details.startDate" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.dateIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Start Date."></div>\n                      <div><span class="meta-value" dmb="dmb" dmb:type="text" dmb:size="10">{{data.details.startDate}}</span></div>\n                    </div>\n                    <div class="meta-item date" v-if="data.details && data.details.endDate" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.dateIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="End Date."></div>\n                      <div><span class="meta-value" dmb="dmb" dmb:type="text" dmb:size="10">{{data.details.endDate}}</span></div>\n                    </div>\n                    <div class="meta-item location" v-if="data.details && data.details.location" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.locationIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Location."></div> <span class="meta-value" dmb="dmb" dmb:type="text" dmb:size="10">{{data.details.location}}</span>\n                    </div>\n                  </div>\n                  <div class="body-text body-wrap" v-if="data.details && data.details.body" v-rtf="data.details.body" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="body-text short opt-out" v-rtf="data.details.shortOptOut" v-if="data.details && data.details.shortOptOut" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="body-text legal-wrap" v-rtf="data.details.legalCopy" v-if="data.details && data.details.legalCopy" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="body-text long opt-out" v-rtf="data.details.longOptOut" v-if="data.details && data.details.longOptOut" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="body-text add legal-wrap" v-rtf="data.details.additionalLegalCopy" v-if="data.details && data.details.additionalLegalCopy" dmb="dmb" dmb:type="textarea"></div>\n                </div>\n                <div class="con-wrap" v-if="data.details && data.details.buttons && data.details.buttons.length" dmb="dmb" dmb-spacer:style="width:100%;" dmb:type="blk">\n                  <div class="button" v-bind:item-index="index" v-for="(button,index) in data.details.buttons" dmb="dmb" v-on:click.stop.prevent="emitAction(button.uri,{type:\'button\',name:button.label,compID:\'btn\'+index})" role="button">\n                    <div class="inner-btn" dmb="dmb" dmb:type="text">{{button.label}}</div>\n                  </div>\n                </div>\n              </div>\n            ',css:"\n              .details-page.info {\n                position: relative;\n                background-color: #F3F3F3;\n              }\n              .details-page.info .img-blk {\n                position: relative;\n                background-size: cover;\n                background-repeat: no-repeat;\n                background-position: center;\n                height: 180px;\n                border-bottom: 1px solid #cccccc;\n              }\n              \n              .details-page.info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 50px;\n                height: 50px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 180px;\n                right: 20px;\n              }\n              \n              .details-page.info .main-content {\n                padding: 45px 16px 0px 16px;\n                color: #1c1c1c;\n                background-color: white;\n              }\n              \n              .details-page.info .main-content .title {\n                font-size: 21px;\n                line-height: 25px;\n                font-weight: 500;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .meta-wrap {\n                font-size: 16px;\n                color: #555555;\n                margin-top: 20px;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item {\n                margin-bottom: 10px;\n                display: grid;\n                grid-template-columns: 30px auto;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item span,\n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                vertical-align: middle\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item:last-of-type {\n                margin-bottom: 0;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                position: relative;\n                width: 20px;\n                height: 20px;\n                display: inline-block;\n                background-size: cover;\n                background-position: center;\n                vertical-align: middle;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item .meta-value {\n                display: inline-block;\n                line-height: 20px;\n                font-size: 16px;\n                vertical-align: middle;\n              }\n              \n              .details-page.info .main-content .body-text {\n                padding-top: 20px;\n                font-size: 16px;\n                line-height: 22px;\n                color: black;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .body-text ul {\n                padding-inline-start: 30px;\n              }\n              \n              .details-page.info .main-content .body-wrap {\n                border-top: 1px solid #cccccc;\n                margin-top: 20px;\n                overflow: hidden;\n              }\n              \n              .details-page.info .main-content .short.opt-out {\n                border: 1px solid #008A00;\n                font-size: 17px;\n                line-height: 22px;\n                letter-spacing: -0.43px;\n                margin-top: 20px;\n                padding: 20px;\n                color: black;\n              }\n              \n              .details-page.info .main-content .legal-wrap {\n                font-size: 13px;\n                line-height: 15px;\n                color: #555555;\n              }\n              \n              .details-page.info .main-content .long.opt-out {\n                border: 1px solid #008A00;\n                font-size: 17px;\n                line-height: 22px;\n                margin-top: 20px;\n                padding: 20px;\n                color: black;\n              }\n              \n              .con-wrap {\n                position: relative;\n                background-color: white;\n                padding: 20px 16px;\n              }\n\n              .con-wrap .button {\n                text-align: center;\n                border: 1px solid #008a00;\n                color: #008a00;\n                font-size: 17px;\n                letter-spacing: -0.43px;\n                padding: 12px 0;\n                margin-bottom: 16px;\n                cursor: pointer;\n              }\n\n              .con-wrap .button:first-of-type {\n                background-color: #008a00;\n                color: white;\n                font-weight: bold;\n              }\n              .con-wrap .button:last-of-type {\n                margin-bottom: 0;\n              }\n              \n              .con-wrap .button:active {\n                background-color: #1A5336;\n                color: white;\n                border: 1px solid #1A5336;\n              }\n\n              @media (min-width: 710px) {\n                .details-page.info{\n                  padding: 32px 64px;\n                }\n                .con-wrap {\n                  padding: 20px 64px;\n                }\n                .con-wrap .button{\n                  max-width: 330px;\n                }\n              }\n              @media (min-width: 810px) {\n                .details-page.info .img-blk {\n                  height: 300px;\n                }\n                .details-page.info .category-icon {\n                  right: 70px;\n                  top: 300px;\n                }\n                .details-page.info .main-content {\n                  padding: 45px 70px 120px 70px;\n                }\n              }\n            "}},{key:"education",defaultUI:{html:'\n              <div class="card-base card-info education" dmb="dmb" dmb:type="blk" v-on:click="emitAction(\'details://?title=\'+data.categoryName,{type:\'card\',name:\'card\',compID:\'card\'})" role="button" tabindex="0">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']"></div>\n                <div class="category-icon" v-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                <div class="main-body" v-if="data" dmb="dmb" dmb:type="blk">\n                  <div class="meta-blk" dmb="dmb" dmb:type="blk" dmb:style="max-height:none;-webkit-line-clamp:initial;">\n                    <div class="carousel title dmb-text" v-if="data.carousel && data.carousel.title" dmb="dmb" dmb:type="text">{{data.carousel.title}}</div dmb="dmb">\n                    <div class="lander title dmb-text" v-if="data.lander && data.lander.title" dmb="dmb" dmb:type="text">{{data.lander.title}}</div dmb="dmb">\n                    <br/>\n                    <div class="carousel description dmb-textarea" v-if="data.carousel && data.carousel.description" v-rtf="data.carousel.description" dmb="dmb" dmb:type="textarea"></div>\n                    <div class="lander description dmb-textarea" v-if="data.lander && data.lander.description" v-rtf="data.lander.description" dmb="dmb" dmb:type="textarea"></div>\n                  </div>\n                  <div class="details-link" dmb="dmb" dmb:type="icon" aria-hidden="true">›</div>\n                </div>\n              </div>\n            ',css:'\n              .card-info.card-base {\n                margin: 0;\n                position: relative;\n                width: 100%;\n                margin: 0;\n                border-radius: 8px;\n                overflow: hidden;\n                background-color: white;\n                border: none;\n                box-shadow: 0px 1px 4px 0px rgba(28, 28, 28, 0.03),\n                            0px 1px 8px 0px rgba(28, 28, 28, 0.06);\n                color: #1c1c1c;\n                cursor: pointer;\n              }\n\n              .card-info::after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n\n              .card-info .img-blk {\n                position: relative;\n                height: 130px;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                border-bottom: 1px solid #CCCCCC;\n              }\n\n              .card-info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 40px;\n                height: 40px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 130px;\n                right: 16px;\n                z-index: 1;\n              }\n\n              .card-info .main-body {\n                padding: 16px;\n                padding-right: 41px;\n                position: relative;\n              }\n\n              .android .card-info .main-body{\n                padding-right: 16px;\n              }\n\n              .card-info:active .main-body{\n                background-color: whitesmoke;\n              }\n\n              .card-info .main-body .meta-blk {\n                max-height: 57px;\n                height: 57px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                line-height: 19px;\n                font-size: 16px;\n                letter-spacing: -0.43px;\n              }\n\n              .card-info .main-body .title {\n                font-weight: bold;\n                display: inline;\n              }\n\n              .card-info .main-body .title.lander{\n                display: none;\n              }\n\n              .card-info .main-body .description {\n                position: relative;\n                max-height: 38px;\n                height: 38px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n              }\n\n              .card-info .main-body .description.lander{\n                display: none;\n              }\n\n              .card-info .main-body p {\n                margin: 0;\n              }\n\n              .card-info .main-body .details-link {\n                position: absolute;\n                right: 16px;\n                bottom: 50%;\n                transform: translateY(50%);\n                font-size: 27px;\n                color: #767676;\n              }\n\n              .android .card-info .main-body .details-link {\n                display: none;\n              }\n\n              .flb-layout.info-group .card-info {\n                box-shadow: none;\n                border-radius: 0;\n              }\n\n              .flb-layout.info-group .card-info .main-body .meta-blk {\n                max-height: 80px;\n                height: auto;\n                -webkit-line-clamp: 4;\n              }\n\n              .flb-layout.info-group .card-info .main-body .title.carousel{\n                display: none;\n              }\n              .flb-layout.info-group .card-info .main-body .title.lander{\n                display: inline;\n              }\n              \n              .flb-layout.info-group .card-info .main-body .description.carousel {\n                display: none;\n              }\n              .flb-layout.info-group .card-info .main-body .description.lander{\n                max-height: 57px;\n                height: auto;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n              }\n            '},detailsUI:{html:'\n              <div class="details-page info" dmb="dmb" dmb:type="blk" v-track-custom-data="{content:{title:\'details.title\',category:\'categoryName\',location:\'$moduleName\'}}">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']">\n                  <div class="category-icon" v-if="data && data.details.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.details.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                  <div class="category-icon" v-else-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                </div>\n                <div class="main-content" dmb="dmb" dmb:type="blk">\n                  <div class="title" dmb="dmb" dmb:type="text" v-if="data.details" role="heading" aria-level="1">{{data.details.title}}</div>\n                  <div class="meta-wrap"  dmb="dmb" dmb:type="blk">\n                    <div class="meta-item date" v-if="data.details && data.details.startDate" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.dateIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Date."></div>\n                      <div><span class="meta-value" dmb="dmb" dmb:type="text" dmb:size="10">{{data.details.startDate}}</span></div>\n                    </div>\n                    <div class="meta-item location" v-if="data.details && data.details.location" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.locationIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Location."></div> \n                      <div><span class="meta-value" dmb="dmb" dmb:type="text" dmb:size="10">{{data.details.location}}</span></div>\n                    </div>\n                  </div>\n                  <div class="body-text body-wrap" v-if="data.details && data.details.body" v-rtf="data.details.body" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="body-text legal-wrap" v-rtf="data.details.legalCopy" v-if="data.details && data.details.legalCopy" dmb="dmb" dmb:type="textarea"></div>\n                </div>\n                <div class="con-wrap" v-if="data.details && data.details.buttons && data.details.buttons.length" dmb="dmb" dmb-spacer:style="width:100%;" dmb:type="blk">\n                  <div class="button" v-bind:item-index="index" v-for="(button,index) in data.details.buttons" dmb="dmb" v-on:click.stop.prevent="emitAction(button.uri,{type:\'button\',name:button.label,compID:\'btn\'+index})" role="button">\n                    <div class="inner-btn" dmb="dmb" dmb:type="text">{{button.label}}</div>\n                  </div>\n                </div>\n              </div>\n            ',css:"\n              .details-page.info {\n                position: relative;\n                background-color: #F3F3F3;\n              }\n              .details-page.info .img-blk {\n                position: relative;\n                background-size: cover;\n                background-repeat: no-repeat;\n                background-position: center;\n                height: 180px;\n                border-bottom: 1px solid #cccccc;\n              }\n              \n              .details-page.info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 50px;\n                height: 50px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 180px;\n                right: 20px;\n              }\n              \n              .details-page.info .main-content {\n                padding: 45px 16px 0px 16px;\n                color: #1c1c1c;\n                background-color: white;\n              }\n              \n              .details-page.info .main-content .title {\n                font-size: 21px;\n                line-height: 25px;\n                font-weight: 500;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .meta-wrap {\n                font-size: 16px;\n                color: #555555;\n                margin-top: 20px;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item {\n                margin-bottom: 10px;\n                display: grid;\n                grid-template-columns: 30px auto;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item span,\n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                vertical-align: middle\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item:last-of-type {\n                margin-bottom: 0;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                position: relative;\n                width: 20px;\n                height: 20px;\n                display: inline-block;\n                background-size: cover;\n                background-position: center;\n                vertical-align: middle;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item .meta-value {\n                display: inline-block;\n                line-height: 20px;\n                font-size: 16px;\n                vertical-align: middle;\n              }\n              \n              .details-page.info .main-content .body-text {\n                padding-top: 20px;\n                font-size: 16px;\n                line-height: 22px;\n                color: black;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .body-text ul {\n                padding-inline-start: 30px;\n              }\n              \n              .details-page.info .main-content .body-wrap {\n                border-top: 1px solid #cccccc;\n                margin-top: 20px;\n                overflow: hidden;\n              }\n              \n              .con-wrap {\n                position: relative;\n                background-color: white;\n                padding: 20px 16px;\n              }\n\n              .con-wrap .button {\n                text-align: center;\n                border: 1px solid #008a00;\n                color: #008a00;\n                font-size: 17px;\n                letter-spacing: -0.43px;\n                padding: 12px 0;\n                margin-bottom: 16px;\n                cursor: pointer;\n              }\n\n              .con-wrap .button:first-of-type {\n                background-color: #008a00;\n                color: white;\n                font-weight: bold;\n              }\n              .con-wrap .button:last-of-type {\n                margin-bottom: 0;\n              }\n              \n              .con-wrap .button:active {\n                background-color: #1A5336;\n                color: white;\n                border: 1px solid #1A5336;\n              }\n              \n              @media (min-width: 710px) {\n                .details-page.info{\n                  padding: 32px 64px;\n                }\n                .con-wrap {\n                  padding: 12.5px 64px;\n                }\n                .con-wrap .button{\n                  max-width: 330px;\n                }\n              }\n              @media (min-width: 810px) {\n                .details-page.info .img-blk {\n                  height: 300px;\n                }\n                .details-page.info .category-icon {\n                  right: 70px;\n                  top: 300px;\n                }\n                .details-page.info .main-content {\n                  padding: 45px 70px 120px 70px;\n                }\n              }\n            "}},{key:"personalized-info",defaultUI:{html:'\n              <div class="card-base card-info education" dmb="dmb" dmb:type="blk" v-on:click="emitAction(\'details://?title=\'+data.categoryName,{type:\'card\',name:\'card\',compID:\'card\'})" role="button" tabindex="0">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']"></div>\n                <div class="category-icon" v-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                <div class="main-body" v-if="data" dmb="dmb" dmb:type="blk">\n                  <div class="meta-blk" dmb="dmb" dmb:type="blk" dmb:style="max-height:none;-webkit-line-clamp:initial;">\n                    <div class="carousel title dmb-text" v-if="data.carousel && data.carousel.title" dmb="dmb" dmb:type="text">{{data.carousel.title}}</div dmb="dmb">\n                    <div class="lander title dmb-text" v-if="data.lander && data.lander.title" dmb="dmb" dmb:type="text">{{data.lander.title}}</div dmb="dmb">\n                    <br/>\n                    <div class="carousel description dmb-textarea" v-if="data.carousel && data.carousel.description" v-rtf="data.carousel.description" dmb="dmb" dmb:type="textarea"></div>\n                    <div class="lander description dmb-textarea" v-if="data.lander && data.lander.description" v-rtf="data.lander.description" dmb="dmb" dmb:type="textarea"></div>\n                  </div>\n                  <div class="details-link" dmb="dmb" dmb:type="icon" aria-hidden="true">›</div>\n                </div>\n              </div>\n            ',css:'\n              .card-info.card-base {\n                margin: 0;\n                position: relative;\n                width: 100%;\n                margin: 0;\n                border-radius: 8px;\n                overflow: hidden;\n                background-color: white;\n                border: none;\n                box-shadow: 0px 1px 4px 0px rgba(28, 28, 28, 0.03),\n                            0px 1px 8px 0px rgba(28, 28, 28, 0.06);\n                color: #1c1c1c;\n                cursor: pointer;\n              }\n\n              .card-info::after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n\n              .card-info .img-blk {\n                position: relative;\n                height: 130px;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                border-bottom: 1px solid #CCCCCC;\n              }\n\n              .card-info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 40px;\n                height: 40px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 130px;\n                right: 16px;\n                z-index: 1;\n              }\n\n              .card-info .main-body {\n                padding: 16px;\n                padding-right: 41px;\n                position: relative;\n              }\n\n              .android .card-info .main-body{\n                padding-right: 16px;\n              }\n\n              .card-info:active .main-body{\n                background-color: whitesmoke;\n              }\n\n              .card-info .main-body .meta-blk {\n                max-height: 57px;\n                height: 57px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                line-height: 19px;\n                font-size: 16px;\n                letter-spacing: -0.43px;\n              }\n\n              .card-info .main-body .title {\n                font-weight: bold;\n                display: inline;\n              }\n\n              .card-info .main-body .title.lander{\n                display: none;\n              }\n\n              .card-info .main-body .description {\n                position: relative;\n                max-height: 38px;\n                height: 38px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n              }\n\n              .card-info .main-body .description.lander{\n                display: none;\n              }\n\n              .card-info .main-body p {\n                margin: 0;\n              }\n\n              .card-info .main-body .details-link {\n                position: absolute;\n                right: 16px;\n                bottom: 50%;\n                transform: translateY(50%);\n                font-size: 27px;\n                color: #767676;\n              }\n\n              .android .card-info .main-body .details-link {\n                display: none;\n              }\n\n              .flb-layout.info-group .card-info {\n                box-shadow: none;\n                border-radius: 0;\n              }\n\n              .flb-layout.info-group .card-info .main-body .meta-blk {\n                max-height: 80px;\n                height: auto;\n                -webkit-line-clamp: 4;\n              }\n\n              .flb-layout.info-group .card-info .main-body .title.carousel{\n                display: none;\n              }\n              .flb-layout.info-group .card-info .main-body .title.lander{\n                display: inline;\n              }\n              \n              .flb-layout.info-group .card-info .main-body .description.carousel {\n                display: none;\n              }\n              .flb-layout.info-group .card-info .main-body .description.lander{\n                max-height: 57px;\n                height: auto;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n              }\n            '},detailsUI:{html:'\n              <div class="details-page info" dmb="dmb" dmb:type="blk" v-track-custom-data="{content:{title:\'details.title\',category:\'categoryName\',location:\'$moduleName\'}}">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']">\n                  <div class="category-icon" v-if="data && data.details.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.details.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                  <div class="category-icon" v-else-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                </div>\n                <div class="main-content" dmb="dmb" dmb:type="blk">\n                  <div class="title" dmb="dmb" dmb:type="text" v-if="data.details" role="heading" aria-level="1">{{data.details.title}}</div>\n                  <div class="meta-wrap" dmb="dmb" dmb:type="blk">\n                    <div class="meta-item date" v-if="data.details && data.details.startDate" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.dateIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Date."></div>\n                      <div><span class="meta-value" dmb="dmb" dmb:type="text">{{data.details.startDate}}</span></div>\n                    </div>\n                    <div class="meta-item location" v-if="data.details && data.details.location" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.locationIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Location."></div> <div><span class="meta-value" dmb="dmb" dmb:type="text">{{data.details.location}}</span></div>\n                    </div>\n                  </div>\n                  <div class="body-text body-wrap" v-if="data.details && data.details.body" v-rtf="data.details.body" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="body-text legal-wrap" v-rtf="data.details.legalCopy" v-if="data.details && data.details.legalCopy" dmb="dmb" dmb:type="textarea"></div>\n                </div>\n                <div class="con-wrap" v-if="data.details && data.details.buttons && data.details.buttons.length" dmb="dmb" dmb-spacer:style="width:100%;" dmb:type="blk">\n                  <div class="button" v-bind:item-index="index" v-for="(button,index) in data.details.buttons" dmb="dmb" v-on:click.stop.prevent="emitAction(button.uri,{type:\'button\',name:button.label,compID:\'btn\'+index})" role="button">\n                    <div class="inner-btn" dmb="dmb" dmb:type="text">{{button.label}}</div>\n                  </div>\n                </div>\n              </div>\n            ',css:"\n              .details-page.info {\n                position: relative;\n                background-color: #F3F3F3;\n              }\n              .details-page.info .img-blk {\n                position: relative;\n                background-size: cover;\n                background-repeat: no-repeat;\n                background-position: center;\n                height: 180px;\n                border-bottom: 1px solid #cccccc;\n              }\n              \n              .details-page.info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 50px;\n                height: 50px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 180px;\n                right: 20px;\n              }\n              \n              .details-page.info .main-content {\n                padding: 45px 16px 0px 16px;\n                color: #1c1c1c;\n                background-color: white;\n              }\n              \n              .details-page.info .main-content .title {\n                font-size: 21px;\n                line-height: 25px;\n                font-weight: 500;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .meta-wrap {\n                font-size: 16px;\n                color: #555555;\n                margin-top: 20px;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item {\n                margin-bottom: 10px;\n                display: grid;\n                grid-template-columns: 30px auto;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item span,\n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                vertical-align: middle\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item:last-of-type {\n                margin-bottom: 0;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                position: relative;\n                width: 20px;\n                height: 20px;\n                display: inline-block;\n                background-size: cover;\n                background-position: center;\n                vertical-align: middle;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item .meta-value {\n                display: inline-block;\n                line-height: 20px;\n                font-size: 16px;\n                vertical-align: middle;\n              }\n              \n              .details-page.info .main-content .body-text {\n                padding-top: 20px;\n                font-size: 16px;\n                line-height: 22px;\n                color: black;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .body-text ul {\n                padding-inline-start: 30px;\n              }\n              \n              .details-page.info .main-content .body-wrap {\n                border-top: 1px solid #cccccc;\n                margin-top: 20px;\n                overflow: hidden;\n              }\n              \n              .con-wrap {\n                position: relative;\n                background-color: white;\n                padding: 20px 16px;\n              }\n              \n              .con-wrap .button {\n                text-align: center;\n                border: 1px solid #008a00;\n                color: #008a00;\n                font-size: 17px;\n                letter-spacing: -0.43px;\n                padding: 12px 0;\n                margin-bottom: 16px;\n                cursor: pointer;\n              }\n\n              .con-wrap .button:first-of-type {\n                background-color: #008a00;\n                color: white;\n                font-weight: bold;\n              }\n              .con-wrap .button:last-of-type {\n                margin-bottom: 0;\n              }\n              \n              .con-wrap .button:active {\n                background-color: #1A5336;\n                color: white;\n                border: 1px solid #1A5336;\n              }\n\n              @media (min-width: 710px) {\n                .details-page.info{\n                  padding: 32px 64px;\n                }\n                .con-wrap {\n                  padding: 20px 64px;\n                }\n                .con-wrap .button{\n                  max-width: 330px;\n                }\n              }\n              @media (min-width: 810px) {\n                .details-page.info .img-blk {\n                  height: 300px;\n                }\n                .details-page.info .category-icon {\n                  right: 70px;\n                  top: 300px;\n                }\n                .details-page.info .main-content {\n                  padding: 45px 70px 120px 70px;\n                }\n              }\n            "}},{key:"td-for-me",defaultUI:{html:'\n              <div class="card-base card-info education" dmb="dmb" dmb:type="blk" v-on:click="emitAction(\'details://?title=\'+data.categoryName,{type:\'card\',name:\'card\',compID:\'card\'})" role="button" tabindex="0">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']"></div>\n                <div class="category-icon" v-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                <div class="main-body" v-if="data" dmb="dmb" dmb:type="blk">\n                  <div class="meta-blk" dmb="dmb" dmb:type="blk" dmb:style="max-height:none;-webkit-line-clamp:initial;">\n                    <div class="carousel title dmb-text" v-if="data.carousel && data.carousel.title" dmb="dmb" dmb:type="text">{{data.carousel.title}}</div dmb="dmb">\n                    <div class="lander title dmb-text" v-if="data.lander && data.lander.title" dmb="dmb" dmb:type="text">{{data.lander.title}}</div dmb="dmb">\n                    <br/>\n                    <div class="carousel description dmb-textarea" v-if="data.carousel && data.carousel.description" v-rtf="data.carousel.description" dmb="dmb" dmb:type="textarea"></div>\n                    <div class="lander description dmb-textarea" v-if="data.lander && data.lander.description" v-rtf="data.lander.description" dmb="dmb" dmb:type="textarea"></div>\n                  </div>\n                  <div class="details-link" dmb="dmb" dmb:type="icon" aria-hidden="true">›</div>\n                </div>\n              </div>\n            ',css:'\n              .card-info.card-base {\n                margin: 0;\n                position: relative;\n                width: 100%;\n                margin: 0;\n                border-radius: 8px;\n                overflow: hidden;\n                background-color: white;\n                border: none;\n                box-shadow: 0px 1px 4px 0px rgba(28, 28, 28, 0.03),\n                            0px 1px 8px 0px rgba(28, 28, 28, 0.06);\n                color: #1c1c1c;\n                cursor: pointer;\n              }\n\n              .card-info::after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n\n              .card-info .img-blk {\n                position: relative;\n                height: 130px;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                border-bottom: 1px solid #CCCCCC;\n              }\n\n              .card-info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 40px;\n                height: 40px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 130px;\n                right: 16px;\n                z-index: 1;\n              }\n\n              .card-info .main-body {\n                padding: 16px;\n                padding-right: 41px;\n                position: relative;\n              }\n\n              .android .card-info .main-body{\n                padding-right: 16px;\n              }\n\n              .card-info:active .main-body{\n                background-color: whitesmoke;\n              }\n\n              .card-info .main-body .meta-blk {\n                max-height: 57px;\n                height: 57px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n                line-height: 19px;\n                font-size: 16px;\n                letter-spacing: -0.43px;\n              }\n\n              .card-info .main-body .title {\n                font-weight: bold;\n                display: inline;\n              }\n\n              .card-info .main-body .title.lander{\n                display: none;\n              }\n\n              .card-info .main-body .description {\n                position: relative;\n                max-height: 38px;\n                height: 38px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n              }\n\n              .card-info .main-body .description.lander{\n                display: none;\n              }\n\n              .card-info .main-body p {\n                margin: 0;\n              }\n\n              .card-info .main-body .details-link {\n                position: absolute;\n                right: 16px;\n                bottom: 50%;\n                transform: translateY(50%);\n                font-size: 27px;\n                color: #767676;\n              }\n\n              .android .card-info .main-body .details-link {\n                display: none;\n              }\n\n              .flb-layout.info-group .card-info {\n                box-shadow: none;\n                border-radius: 0;\n              }\n\n              .flb-layout.info-group .card-info .main-body .meta-blk {\n                max-height: 80px;\n                height: auto;\n                -webkit-line-clamp: 4;\n              }\n\n              .flb-layout.info-group .card-info .main-body .title.carousel{\n                display: none;\n              }\n              .flb-layout.info-group .card-info .main-body .title.lander{\n                display: inline;\n              }\n              \n              .flb-layout.info-group .card-info .main-body .description.carousel {\n                display: none;\n              }\n              .flb-layout.info-group .card-info .main-body .description.lander{\n                max-height: 57px;\n                height: auto;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 3;\n                -webkit-box-orient: vertical;\n              }\n            '},detailsUI:{html:'\n              <div class="details-page info" dmb="dmb" dmb:type="blk" v-track-custom-data="{content:{title:\'details.title\',category:\'categoryName\',location:\'$moduleName\'}}">\n                <div class="img-blk" v-if="data && data.mainImg" v-bind:style="{backgroundImage: \'url(\'+data.mainImg+\')\'}" dmb="dmb" dmb:type="banner" v-bind:role="[data && data.mainImgAltText?\'img\':\'\']" v-bind:aria-label="[data && data.mainImgAltText?data.mainImgAltText:\'\']">\n                  <div class="category-icon" v-if="data && data.details.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.details.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                  <div class="category-icon" v-else-if="data && data.categoryIcon" v-bind:style="{backgroundImage: \'url(\'+data.categoryIcon+\')\'}" dmb="dmb" dmb:type="icon"></div>\n                </div>\n                <div class="main-content" dmb="dmb" dmb:type="blk">\n                  <div class="title" dmb="dmb" dmb:type="text" v-if="data.details" role="heading" aria-level="1">{{data.details.title}}</div>\n                  <div class="meta-wrap" dmb="dmb" dmb:type="blk">\n                    <div class="meta-item date" v-if="data.details && data.details.startDate" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.dateIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Date."></div>\n                      <div><span class="meta-value" dmb="dmb" dmb:type="text" dmb:size="10">{{data.details.startDate}}</span></div>\n                    </div>\n                    <div class="meta-item location" v-if="data.details && data.details.location" dmb="dmb" dmb:type="blk" dmb:style="display:block;" dmb-spacer:style="display:grid;grid-template-columns:30px auto;" role="text" tabindex="0">\n                      <div v-bind:style="{backgroundImage: \'url(\'+data.details.locationIcon+\')\'}" class="meta-icon" dmb="dmb" dmb:type="icon" aria-label="Location."></div> <div><span class="meta-value" dmb="dmb" dmb:type="text">{{data.details.location}}</span></div>\n                    </div>\n                  </div>\n                  <div class="body-text body-wrap" v-if="data.details && data.details.body" v-rtf="data.details.body" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="body-text legal-wrap" v-rtf="data.details.legalCopy" v-if="data.details && data.details.legalCopy" dmb="dmb" dmb:type="textarea"></div>\n                </div>\n                <div class="con-wrap" v-if="data.details && data.details.buttons && data.details.buttons.length" dmb="dmb" dmb-spacer:style="width:100%;" dmb:type="blk">\n                  <div class="button" v-bind:item-index="index" v-for="(button,index) in data.details.buttons" dmb="dmb" v-on:click.stop.prevent="emitAction(button.uri,{type:\'button\',name:button.label,compID:\'btn\'+index})" role="button">\n                    <div class="inner-btn" dmb="dmb" dmb:type="text">{{button.label}}</div>\n                  </div>\n                </div>\n              </div>\n            ',css:"\n              .details-page.info {\n                position: relative;\n                background-color: #F3F3F3;\n              }  \n              .details-page.info .img-blk {\n                position: relative;\n                background-size: cover;\n                background-repeat: no-repeat;\n                background-position: center;\n                height: 180px;\n                border-bottom: 1px solid #cccccc;\n              }\n              \n              .details-page.info .category-icon {\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                width: 50px;\n                height: 50px;\n                position: absolute;\n                transform: translateY(-50%);\n                top: 180px;\n                right: 20px;\n              }\n              \n              .details-page.info .main-content {\n                padding: 45px 16px 0px 16px;\n                color: #1c1c1c;\n                background-color: white;\n              }\n              \n              .details-page.info .main-content .title {\n                font-size: 21px;\n                line-height: 25px;\n                font-weight: 500;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .meta-wrap {\n                font-size: 16px;\n                color: #555555;\n                margin-top: 20px;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item {\n                margin-bottom: 10px;\n                display: grid;\n                grid-template-columns: 30px auto;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item span,\n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                vertical-align: middle\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item:last-of-type {\n                margin-bottom: 0;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item .meta-icon {\n                position: relative;\n                width: 20px;\n                height: 20px;\n                display: inline-block;\n                background-size: cover;\n                background-position: center;\n                vertical-align: middle;\n              }\n              \n              .details-page.info .main-content .meta-wrap .meta-item .meta-value {\n                display: inline-block;\n                line-height: 20px;\n                font-size: 16px;\n                vertical-align: middle;\n              }\n              \n              .details-page.info .main-content .body-text {\n                padding-top: 20px;\n                font-size: 16px;\n                line-height: 22px;\n                color: black;\n                letter-spacing: -0.43px;\n              }\n              \n              .details-page.info .main-content .body-text ul {\n                padding-inline-start: 30px;\n              }\n              \n              .details-page.info .main-content .body-wrap {\n                border-top: 1px solid #cccccc;\n                margin-top: 20px;\n                overflow: hidden;\n              }\n              \n              .con-wrap {\n                position: relative;\n                background-color: white;\n                padding: 20px 16px;\n              }\n\n              .con-wrap .button {\n                text-align: center;\n                border: 1px solid #008a00;\n                color: #008a00;\n                font-size: 17px;\n                letter-spacing: -0.43px;\n                padding: 12px 0;\n                margin-bottom: 16px;\n                cursor: pointer;\n              }\n              \n              .con-wrap .button:first-of-type {\n                background-color: #008a00;\n                color: white;\n                font-weight: bold;\n              }\n              .con-wrap .button:last-of-type {\n                margin-bottom: 0;\n              }\n              \n              .con-wrap .button:active {\n                background-color: #1A5336;\n                color: white;\n                border: 1px solid #1A5336;\n              }\n\n              @media (min-width: 710px) {\n                .details-page.info{\n                  padding: 32px 64px;\n                }\n                .con-wrap {\n                  padding: 20px 64px;\n                }\n                .con-wrap .button{\n                  max-width: 330px;\n                }\n              }\n              @media (min-width: 810px) {\n                .details-page.info .img-blk {\n                  height: 300px;\n                }\n                .details-page.info .category-icon {\n                  right: 70px;\n                  top: 300px;\n                }\n                .details-page.info .main-content {\n                  padding: 45px 70px 120px 70px;\n                }\n              }\n            "}},{key:"text-link",defaultUI:{html:'\n              <div class="card-textlink" dmb="dmb" dmb:type="blk">\n                <div class="img-blk" v-if="data" v-bind:style="{backgroundImage: \'url(\'+data.image+\')\'}" dmb="dmb" dmb:type="banner"></div>\n                <div class="main-body" v-if="data" dmb="dmb" dmb:type="blk">\n                  <div class="header" v-if="data" dmb="dmb" dmb:type="text">{{data.header || ""}}</div>\n                  <div class="title" v-if="data" dmb="dmb" dmb:type="text">{{data.title || ""}}</div>\n                  <div class="description" v-if="data" v-rtf="data.description || \'\'" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="action" v-if="data" dmb="dmb" dmb:type="textbutton">{{data.link?data.link.text:""}}</div>\n                </div>\n              </div>\n            ',css:'\n              .card-textlink{\n                position: relative;\n                min-height: 200px;\n                width: 100%;\n                margin: 0 10px;\n                border-radius: 5px;\n                overflow: hidden;\n                background-color: transparent;\n                color: #3f3f3f;\n              }\n              .card-textlink:hover .img-blk{\n                box-shadow: 0 2px 5px rgba(0,0,0,0.24);\n              }\n              .card-textlink .img-blk{\n                border-radius: 15px;\n              }\n              .card-textlink::after{\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n              .card-textlink .img-blk{\n                position: relative;\n                height: 130px;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n              }\n              .card-textlink .main-body {\n                padding: 10px 0;\n              }\n              .card-textlink .main-body .header {\n                font-size: 12px;\n                padding: 5px 0;\n              }\n              .card-textlink .main-body .title {\n                font-weight: bold;\n                color: black;\n                font-size: 14px;\n                padding: 5px 0 10px 0;\n              }\n              .card-textlink .main-body .action {\n                cursor: pointer;\n                color: #0c94f2;\n                font-weight: bold;\n                font-size: 12px;\n                margin-top: 10px;\n              }\n              .card-textlink .main-body .description{\n                font-size: 12px;\n              }\n            '},detailsUI:{html:"",css:""}},{key:"button-link",defaultUI:{html:'\n              <div class="dmb-shell card-buttonlink" dmb="dmb" dmb:type="blk">\n                <div class="dmb-icon card-buttonlink__image" dmb="dmb" dmb:type="icon" v-bind:style="{backgroundImage: \'url(\'+data.image+\')\'}"></div>\n                <div class="dmb-shell card-buttonlink__content" dmb="dmb" dmb:type="blk">\n                  <div class="dmb-shell card-buttonlink__content__header" dmb="dmb" dmb:type="blk">\n                    <div class="dmb-text" dmb="dmb" dmb:type="text" dmb:size="40">{{data.header}}</div>\n                  </div>\n                  <div class="dmb-shell card-buttonlink__content__title" dmb="dmb" dmb:type="blk">\n                    <div class="dmb-text" dmb="dmb" dmb:type="text">{{data.title}}</div>\n                  </div>\n                  <div class="dmb-shell card-buttonlink__content__description" dmb="dmb" dmb:type="blk">\n                    <div class="dmb-textarea" dmb="dmb" dmb:type="textarea" v-rtf="data.description"/>\n                  </div>\n                </div>\n                <div class="dmb-shell card-buttonlink__actions" dmb="dmb" dmb:type="blk">\n                  <div class="dmb-button primary" dmb="dmb" dmb:type="primarybutton" v-on:click="emitAction(null)">{{data.buttons[0].text}}</div>\n                </div>\n                <div class="dmb-shell card-buttonlink__actions" dmb="dmb" dmb:type="blk">\n                  <div class="dmb-button secondary" dmb="dmb" dmb:type="secondarybutton" v-on:click="emitAction(null)">{{data.buttons[1].text}}</div>\n                </div>\n              </div>\n            ',css:'\n              .dmb-button.primary {\n                background-color: #0851DF;\n                border: 1px solid #3258E9;\n                color: white;\n                text-align: center;\n                border-radius: 4px;\n                cursor: pointer;\n                padding: 7px 0;\n              }\n              \n              .dmb-button.primary:hover,\n              .dmb-button.primary:active {\n                background-color: #1237B5;\n              }\n              \n              .dmb-button.secondary {\n                border: 1px solid #0851DF;\n                color: #0851DF;\n                text-align: center;\n                border-radius: 4px;\n                cursor: pointer;\n                padding: 7px 0;\n              }\n              \n              .dmb-button.secondary:hover,\n              .dmb-button.secondary:active {\n                background-color: #DDECFF;\n                color: #1237B5;\n              }\n              \n              .dmb-text {\n                clear: both;\n              }\n              \n              .dmb-icon {\n                position: relative;\n                display: inline-block;\n                width: 30px;\n                height: 30px;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n              }\n              \n              .dmb-shell:after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n              \n              .card-buttonlink {\n                margin: 16px 0;\n                border-radius: 10px;\n                background-color: #fff;\n                box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.1);\n              }\n              \n              .card-buttonlink__image {\n                background-size: cover;\n                width: 100%;\n                height: 120px;\n                border-radius: 10px 10px 0 0;\n              }\n              \n              .card-buttonlink__content {\n                padding: 10px 10px 14px 10px\n              }\n              \n              .card-buttonlink__content__header {\n                font-size: 10px;\n                font-weight: 500;\n                letter-spacing: 1.85px;\n                line-height: 12px;\n                text-transform: uppercase;\n                color: #697186;\n                overflow-wrap: break-word;\n              }\n              \n              .card-buttonlink__content__title {\n                margin-top: 5px;\n                font-size: 14px;\n                font-weight: 700;\n                line-height: 15px;\n                color: #333333;\n                overflow-wrap: break-word;\n              }\n              \n              .card-buttonlink__content__description {\n                margin: 12px 0 24px 0;\n                font-size: 12px;\n                font-weight: 400;\n                line-height: 13px;\n                color: #848688;\n                overflow-wrap: break-word;\n              }\n              \n              .card-buttonlink__actions {\n                padding: 6px 0;\n                grid-gap: 6px;\n                gap: 6px;\n              }\n            '},detailsUI:{html:"",css:""}},{key:"banner",defaultUI:{html:'\n              <div class="card-textlink" dmb="dmb" dmb:type="blk">\n                <div class="img-blk" v-if="data" v-bind:style="{backgroundImage: \'url(\'+data.image+\')\'}" dmb="dmb" dmb:type="banner"></div>\n                <div class="main-body" v-if="data" dmb="dmb" dmb:type="blk">\n                  <div class="header" v-if="data" dmb="dmb" dmb:type="text">{{data.header || ""}}</div>\n                  <div class="title" v-if="data" dmb="dmb" dmb:type="text">{{data.title || ""}}</div>\n                  <div class="description" v-if="data" v-rtf="data.description || \'\'" dmb="dmb" dmb:type="textarea"></div>\n                  <div class="action" v-if="data" dmb="dmb" dmb:type="textbutton">{{data.link?data.link.text:""}}</div>\n                </div>\n              </div>\n            ',css:'\n              .card-textlink{\n                position: relative;\n                min-height: 100px;\n                width: 100%;\n                margin: 0 10px;\n                border-radius: 15px;\n                overflow: hidden;\n                background-color: white;\n                color: #3f3f3f;\n              }\n              .card-textlink:hover .img-blk{\n                box-shadow: 0 2px 5px rgba(0,0,0,0.24);\n              }\n              .card-textlink::after{\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n              .card-textlink .img-blk{\n                position: absolute;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                width: 33.3333%;\n                background-size: cover;\n                background-repeat: no-repeat;\n                height: 100%;\n                background-position: left;\n              }\n              .card-textlink .main-body {\n                width: 66.6666%;\n                box-sizing: border-box;\n                padding: 14px;\n              }\n              .card-textlink .main-body .header {\n                font-size: 12px;\n                padding: 0 0 2px 0;\n              }\n              .card-textlink .main-body .title {\n                font-weight: bold;\n                color: black;\n                font-size: 14px;\n                padding: 5px 0 5px 0;\n              }\n              .card-textlink .main-body .action {\n                cursor: pointer;\n                color: #0c94f2;\n                font-weight: bold;\n                font-size: 12px;\n                margin-top: 10px;\n              }\n              .card-textlink .main-body .description{\n                font-size: 12px;\n                display: -webkit-box;\n                -webkit-box-orient: vertical;\n                -webkit-line-clamp: 2;\n                overflow: hidden;\n                text-overflow: ellipsis;\n              }\n            '},detailsUI:{html:"",css:""}},{key:"hero",defaultUI:{html:'\n              <div class="card-highlight" dmb="dmb" dmb:type="blk">\n                <div class="img-blk" v-if="data" v-bind:style="{backgroundImage: \'url(\'+data.image+\')\'}" dmb="dmb" dmb:type="banner"></div>\n                <div class="main-body" v-if="data" dmb="dmb" dmb:type="blk" dmb-spacer:style="height: 60px;">\n                  <div class="header" v-if="data" dmb="dmb" dmb:type="text">{{data.header || ""}}</div>\n                  <div class="title" v-if="data" dmb="dmb" dmb:type="text" dmb:style="height: 40px;">{{data.title || ""}}</div>\n                </div>\n              </div>\n            ',css:"\n              .card-highlight {\n                position: relative;\n                aspect-ratio: 4/2.3;\n                box-shadow: none;\n                border: none;\n                cursor: pointer;\n                user-select: none;\n                width: 100%;\n                border-radius: 5px;\n                overflow: hidden;\n              }\n              \n              .card-highlight .img-blk {\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                background-size: cover;\n                background-position: center\n              }\n              \n              .card-highlight .main-body {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                color: #fff;\n                padding: 20px 20px 30px;\n                z-index: 1\n              }\n              \n              .card-highlight .main-body .header,\n              .card-highlight .main-body .title,\n              .card-highlight .main-body [dmb=dmb] {\n                position: relative;\n                z-index: 2\n              }\n              \n              .card-highlight .main-body .header {\n                font-size: 12px;\n                margin-bottom: 5px\n              }\n              \n              .card-highlight .main-body .title {\n                white-space: pre-wrap;\n                line-height: 25px\n              }\n              \n              .card-highlight .main-body::after {\n                content: '';\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                height: 120%;\n                background: linear-gradient(rgba(0, 0, 0, 0), #000);\n                z-index: 1\n              }\n            "},detailsUI:{html:"",css:""}},{key:"alert-card",defaultUI:{html:'\n              <div class="dmb-shell alart-card card-base" dmb="dmb" dmb:type="blk">\n                <div class="header-blk">\n                  <div class="dismiss-btn">×</div>\n                  <div class="more-menu">⠇</div>\n                </div>\n                <div class="inner-shell dmb-shell" dmb="dmb" dmb:type="blk" dmb-spacer:style="display:grid;grid-template-columns:50px auto;gap:10px;">\n                  <div class="dmb-icon" dmb="dmb" dmb:type="icon" v-bind:style="{backgroundImage: \'url(\'+data.icon+\')\'}" style=""></div>\n                  <div class="meta-wrap dmb-shell" dmb="dmb" dmb:type="blk">\n                    <div class="dmb-textarea" dmb="dmb" dmb:type="textarea" style="" v-rtf="data.description"></div>\n                    <div class="dmb-button text" dmb="dmb" dmb:type="textbutton" v-on:click="emitAction(data.textlink.uri)" style="">{{data.textlink.label}}</div>\n                  </div>\n                </div>\n              </div>\n            ',css:'\n              .alart-card.card-base {\n                background-color: white;\n                margin: 0;\n                padding: 20px;\n              }\n              \n              .alart-card .header-blk {\n                overflow: hidden;\n                margin-bottom: 15px;\n              }\n              \n              .alart-card .header-blk .dismiss-btn {\n                float: left;\n                font-size: 30px;\n                line-height: 20px;\n              }\n              \n              .alart-card .header-blk .more-menu {\n                float: right;\n                font-size: 20px;\n                line-height: 20px;\n              }\n              \n              .alart-card .dmb-button.text {\n                color: #207506;\n                font-weight: 500;\n                margin-top: 20px;\n                cursor: pointer;\n              }\n              \n              .alart-card .dmb-icon {\n                position: relative;\n                display: inline-block;\n                width: 50px;\n                height: 50px;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n              }\n              \n              .alart-card .inner-shell {\n                display: grid;\n                grid-template-columns: 50px auto;\n                gap: 0 10px;\n              }\n              \n              .dmb-button.text:hover,\n              .dmb-button.text:active {\n                color: #1b6405;\n              }\n              \n              .dmb-textarea {\n                display: block;\n              }\n              \n              .dmb-textarea p {\n                margin: 0;\n              }\n              \n              .dmb-shell:after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n            '}},{key:"custom",defaultUI:{html:'\n              <div class="dmb-shell" dmb="dmb" dmb:type="blk"></div>\n            ',css:'\n              .dmb-shell:after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n            '},detailsUI:{html:'\n              <div class="dmb-shell" dmb="dmb" dmb:type="blk"></div>\n            ',css:'\n              .dmb-shell:after {\n                content: "";\n                visibility: hidden;\n                display: block;\n                height: 0;\n                clear: both;\n              }\n            '}}],uiComponents:[{key:"container",label:"Container",icon:"images/Component-Custom_Container.png",category:"blocks",html:'<div class="dmb-shell" dmb="dmb" dmb:type="blk"></div>',css:'\n            .dmb-shell:after {\n              content: "";\n              visibility: hidden;\n              display: block;\n              height: 0;\n              clear: both;\n            }\n          '},{key:"primarybutton",label:"Primary Button",icon:"images/Component-Buttons_Primary.png",category:"buttons",html:'\n            <div class="dmb-button primary" dmb="dmb" dmb:type="primarybutton">\n              <div class="inner-btn text"></div>\n            </div>\n          ',css:"\n            .dmb-button.primary {\n              background-color: #3258E9;\n              border: 1px solid #3258E9;\n              color: white;\n              text-align: center;\n              border-radius: 4px;\n              cursor: pointer;\n              padding: 7px 0;\n            }\n            .dmb-button.primary:hover,.dmb-button.primary:active {\n              background-color: #4432e9;\n            }\n          "},{key:"secondarybutton",label:"Secondary Button",icon:"images/Component-Buttons_Secondary.png",category:"buttons",html:'\n            <div class="dmb-button secondary" dmb="dmb" dmb:type="secondarybutton">\n              <div class="inner-btn text"></div>\n            </div>\n          ',css:"\n            .dmb-button.secondary {\n              background-color: transparent;\n              border: 1px solid #3258E9;\n              color: white;\n              text-align: center;\n              border-radius: 4px;\n              cursor: pointer;\n              padding: 7px 0;\n            }\n            .dmb-button.secondary:hover,.dmb-button.secondary:active {\n              background-color: #4432e9;\n            }\n          "},{key:"textbutton",label:"Text Button",icon:"images/Component-Buttons_Text.png",category:"buttons",html:'\n            <div class="dmb-button text" dmb="dmb" dmb:type="textbutton">\n              <div class="inner-btn text-blk"></div>\n            </div>\n          ',css:"\n            .dmb-button.text {\n              text-decoration: underline;\n              color: #3258E9\n            }\n            .dmb-button.text:hover,.dmb-button.text:active {\n              color: #4432e9;\n            }\n          "},{key:"text",label:"Text Field",icon:"images/Component-Text_Header.png",category:"text",html:'<div class="dmb-text" dmb="dmb" dmb:type="text"></div>',css:"\n            .dmb-text {\n              display: inline-block;\n              clear: both;\n            }\n          "},{key:"textarea",label:"Text Area",icon:"images/Component-Text_Description.png",category:"text",html:'<div class="dmb-textarea" dmb="dmb" dmb:type="textarea"></div>',css:"\n            .dmb-textarea {\n              display: block;\n            }\n            .dmb-textarea p {\n              margin: 0;\n            }\n          "},{key:"icon",label:"Icon",icon:"images/Component-Images_Icon.png",category:"images",html:'<div class="dmb-icon" dmb="dmb" dmb:type="icon"></div>',css:"\n            .dmb-icon {\n              position: relative;\n              display: inline-block;\n              width: 30px;\n              height: 30px;\n              background-size: cover;\n              background-position: center;\n              background-repeat: no-repeat;\n            }\n          "},{key:"banner",label:"Banner",icon:"images/Component-Images_Banner.png",category:"images",html:'<div class="dmb-banner" dmb="dmb" dmb:type="banner"></div>',css:"\n            .dmb-banner {\n              min-height: 120px;\n              position: relative;\n              background-size: cover;\n              background-position: center;\n              background-repeat: no-repeat;\n            }\n          "},{key:"textinput",label:"Text Input",icon:"images/TextInput_Icon.png",category:"input",html:'\n            <div class="dmb-inputgroup textinput" dmb="dmb" dmb:type="textinput">\n              <div class="dmb-inputlabel" dmb:type="inputlabel"></div>\n              <input type="text" class="dmb-input text">\n            </div>\n          ',css:"\n            .dmb-inputgroup.textinput{\n              margin: 10px 0;\n            }\n            .dmb-inputgroup.textinput .dmb-inputlabel{\n              font-weight: bold;\n              margin-bottom: 5px;\n              font-size: 13px;\n            }\n            .dmb-inputgroup.textinput .dmb-input.text {\n              box-sizing: border-box;\n              width: 100%;\n              line-height: 24px;\n            }\n          "},{key:"textareainput",label:"Text Area Input",icon:"images/TextArea_Icon.png",category:"input",html:'\n            <div class="dmb-inputgroup textareainput" dmb="dmb" dmb:type="textareainput">\n              <div class="dmb-inputlabel" dmb:type="inputlabel"></div>\n              <textarea class="dmb-input textarea"></textarea>\n            </div>\n          ',css:"\n            .dmb-inputgroup.textareainput{\n              margin: 10px 0;\n            }\n            .dmb-inputgroup.textareainput .dmb-inputlabel{\n              font-weight: bold;\n              margin-bottom: 5px;\n              font-size: 13px;\n            }\n            .dmb-inputgroup.textareainput .dmb-input.textarea {\n              box-sizing: border-box;\n              max-width: 100%;\n              min-width: 100%;\n              height: 40px;\n              line-height: 18px;\n            }\n          "},{key:"rangeinput",label:"Slider",icon:"images/Slider_Icon.png",category:"input",html:'\n            <div class="dmb-inputgroup rangeinput" dmb="dmb" dmb:type="rangeinput">\n              <div class="dmb-inputlabel" dmb:type="inputlabel"></div>\n              <input type="range" class="dmb-input slider">\n            </div>\n          ',css:"\n            .dmb-inputgroup.rangeinput{\n              margin: 10px 0;\n            }\n            .dmb-inputgroup.rangeinput .dmb-inputlabel{\n              font-weight: bold;\n              margin-bottom: 5px;\n              font-size: 13px;\n            }\n            .dmb-inputgroup.rangeinput .dmb-input.slider {\n              box-sizing: border-box;\n              width: 100%;\n            }\n          "},{key:"checkboxinput",label:"Checkbox",icon:"images/checkbox_icon.png",category:"input",html:'\n            <div class="dmb-inputgroup checkbox" dmb="dmb" dmb:type="checkboxinput">\n              <input type="checkbox" class="dmb-input checkbox">\n              <div class="dmb-inputlabel" dmb:type="inputlabel"></div>\n            </div>\n          ',css:"\n            .dmb-inputgroup.checkbox{\n              margin: 5px 0;\n            }\n            .dmb-inputgroup.checkbox .dmb-inputlabel{\n              display: inline-block;\n              padding: 0 10px;\n              vertical-align: middle;\n              font-size: 16px;\n            }\n            .dmb-inputgroup.checkbox .dmb-input.checkbox {\n              box-sizing: border-box;\n              vertical-align: middle;\n            }\n          "},{key:"radioinput",label:"Radio",icon:"images/Selection_Icon.png",category:"input",html:'\n            <div class="dmb-inputgroup radio" dmb="dmb" dmb:type="radioinput">\n              <label>\n                <input type="radio" class="dmb-input radio">\n                <div class="dmb-inputlabel" dmb:type="inputlabel"></div>\n              </label>\n            </div>\n          ',css:"\n            .dmb-inputgroup.radio{\n              margin: 5px 0;\n            }\n            .dmb-inputgroup.radio .dmb-inputlabel{\n              display: inline-block;\n              padding: 0 10px;\n              vertical-align: middle;\n              font-size: 16px;\n            }\n            .dmb-inputgroup.radio .dmb-input.radio {\n              box-sizing: border-box;\n              vertical-align: middle;\n            }\n          "}],moduleTemplates:[{key:"carousel",label:"Carousel",img:"images/layout-carousel.png",html:"\n            <div class=\"zone1\" v-track-module v-track-custom-data=\"{content:{title:'carousel.title',category:'categoryName',location:'$moduleName'}}\"> \n              <flybits-carousel v-bind:class=\"[content.length > 1?'multi':'']\" v-bind:content=\"content\"></flybits-carousel>\n            </div>\n          ",css:"\n            .zone1 {\n              background-color: #F3F3F3;\n            }\n\n            .zone1 .flb-carousel .scroll-wrap,\n            .zone1 .flb-horizontal .scroll-wrap {\n              min-height: 70px;\n              padding-top: 12px;\n              padding-bottom: 12px;\n              scroll-snap-type: x mandatory;\n            }\n\n            .zone1 .flb-carousel .flb-viewable,\n            .zone1 .flb-horizontal .flb-viewable {\n              width: 100%;\n              scroll-snap-align: center;\n              box-sizing: border-box;\n              padding: 0 6px;\n            }\n\n            .zone1 .flb-carousel .flb-viewable:first-of-type,\n            .zone1 .flb-horizontal .flb-viewable:first-of-type {\n              padding-left: 16px;\n              padding-right: 16px;\n            }\n\n            .android .zone1 .flb-carousel .flb-viewable:first-of-type,\n            .android .zone1 .flb-horizontal .flb-viewable:first-of-type {\n              padding-left: 8px;\n              padding-right: 8px;\n            }\n\n            .zone1 .flb-carousel.multi .flb-viewable,\n            .zone1 .flb-horizontal.multi .flb-viewable {\n              width: 86.5%;\n              box-sizing: unset;\n            }\n\n            @media (min-width: 520px) {\n\n              .zone1 .flb-carousel.multi .flb-viewable,\n              .zone1 .flb-horizontal.multi .flb-viewable {\n                width: 343px;\n                box-sizing: unset;\n              }\n            }\n\n            .zone1 .flb-carousel.multi .flb-viewable:first-of-type,\n            .zone1 .flb-horizontal.multi .flb-viewable:first-of-type {\n              padding-right: 6px;\n            }\n\n            .zone1 .flb-carousel.multi .flb-viewable:last-of-type,\n            .zone1 .flb-horizontal.multi .flb-viewable:last-of-type {\n              padding-right: 16px;\n            }\n\n            .android .zone1 .flb-carousel.multi .flb-viewable:last-of-type,\n            .android .zone1 .flb-horizontal.multi .flb-viewable:last-of-type {\n              padding-right: 8px;\n            }\n          "},{key:"list",label:"List",img:"images/layout-list.png",html:"",css:""},{key:"categorygroup",label:"Category Group",img:"images/layout-categorygroup.png",html:'\n            <div class="flb-layout info-group" v-if="content.length" v-track-module v-track-custom-data="{content:{title:\'lander.title\',category:\'categoryName\',location:\'$moduleName\'}}">\n              <div class="group-wrap">\n                <div class="group-header" role="heading" aria-level="2">\n                  <div class="category-icon" v-if="content.length" v-bind:style="{backgroundImage: \'url(\'+content[0].data.categoryIcon+\')\'}"></div>\n                  <div class="category-label" v-if="content.length">{{content[0].data.categoryName}}</div>\n                </div>\n                <div class="group-content first"> <flybits-viewable v-for="(item, index) in content.slice(0,1)" v-bind:detailsUIConfig="item.detailsUIConfig" v-bind:id="index" v-bind:contentInfo="item.contentInfo" v-bind:key="item.id" v-bind:template="item.uiTemplate" v-bind:data="item.data" v-bind:styleURL="item.style" v-bind:styleStr="item.styleStr" v-bind:layout="item.layout" v-bind:ref="item.id" v-track-content></flybits-viewable> </div>\n                <div class="group-content remaining" v-bind:class="[$props.index?\'expanded\':\'\']" v-if="content.length > 1"> <flybits-viewable v-for="(item, index) in content.slice(1)" v-bind:detailsUIConfig="item.detailsUIConfig" v-bind:id="index" v-bind:contentInfo="item.contentInfo" v-bind:key="item.id" v-bind:template="item.uiTemplate" v-bind:data="item.data" v-bind:styleURL="item.style" v-bind:styleStr="item.styleStr" v-bind:layout="item.layout" v-bind:ref="item.id" v-track-content></flybits-viewable> </div>\n                <div class="group-footer">\n                  <div class="expand-toggle" v-if="content.length > 1" v-on:click="$props.index= !$props.index" role="button" v-bind:aria-expanded="$props.index"> <span v-if="!$props.index">Show more ({{content.length - 1}})</span> <span v-else>Show less</span> </div>\n                </div>\n              </div>\n            </div>\n          ',css:"\n            .info-group {\n              padding: 7px 16px 5px 16px;\n              background-color: #F3F3F3;\n            }\n            .android .info-group{\n              padding: 7px 8px 5px 8px;\n            }\n\n            .container>.flb-viewable:first-of-type .info-group {\n              padding-top: 16px;\n            }\n\n            .container>.flb-viewable:last-of-type .info-group {\n              padding-bottom: 16px;\n            }\n\n            .container>.flb-viewable .img-blk {\n              display: none;\n            }\n\n            .container>.flb-viewable .group-header {\n              border-bottom: 1px solid #cccccc;\n            }\n\n            .info-group .group-wrap {\n              box-shadow: 0px 1px 4px 0px rgba(28, 28, 28, 0.03),\n                          0px 1px 8px 0px rgba(28, 28, 28, 0.06);\n              border-radius: 8px;\n              background-color: white;\n            }\n\n            @media (min-width: 700px) {\n              .info-group .group-wrap {\n                max-width: 700px;\n                margin-left: auto;\n                margin-right: auto;\n              }\n            }\n\n            @media (min-width: 1110px) {\n              .info-group .group-wrap {\n                max-width: 820px;\n              }\n            }\n\n            .info-group .group-header {\n              color: #1c1c1c;\n              font-size: 19px;\n              padding: 12px 16px 12px 16px;\n              font-weight: 500;\n              line-height: 40px;\n              letter-spacing: -0.45px;\n            }\n\n            .info-group .group-header .category-icon {\n              width: 40px;\n              height: 40px;\n              background-size: cover;\n              background-position: center;\n              display: inline-block;\n              vertical-align: middle;\n              margin-right: 5px;\n            }\n\n            .info-group .group-header .category-label {\n              display: inline-block;\n              vertical-align: middle;\n            }\n\n            .group-content.remaining {\n              max-height: 0;\n              transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.4s;\n              overflow: hidden;\n              visibility: hidden;\n            }\n\n            .group-content.remaining .flb-viewable {\n              position: relative;\n            }\n\n            .group-content.remaining .flb-viewable::after {\n              content: '';\n              position: absolute;\n              bottom: 0;\n              left: 16px;\n              right: 16px;\n              height: 1px;\n              background-color: #CCCCCC;\n            }\n\n            .group-content.remaining .flb-viewable:first-of-type::before{\n              content: '';\n              position: absolute;\n              top: 0;\n              left: 16px;\n              right: 16px;\n              height: 1px;\n              background-color: #CCCCCC;\n              z-index: 1;\n            }\n\n            .group-content.remaining .flb-viewable:last-of-type::after{\n              display: none;\n            }\n\n            .group-content.remaining.expanded {\n              max-height: 10000px;\n              transition: max-height 0.5s cubic-bezier(0.64, 0, 0.78, 0), visibility 0s linear 0s;\n              visibility: visible;\n            }\n\n            .info-group .card-base {\n              box-shadow: none;\n              border-radius: 0;\n            }\n\n            .info-group .card-base .category-icon {\n              display: none;\n            }\n\n            .info-group .group-footer {\n              height: 45px;\n              border-top: 1px solid #cccccc;\n            }\n\n            .info-group .group-footer .expand-toggle {\n              float: right;\n              font-size: 13px;\n              font-weight: 600;\n              letter-spacing: -0.08px;\n              line-height: 45px;\n              padding: 0 16px 0 0;\n              cursor: pointer;\n              color: #038203;\n              padding-left: 16px;\n            }\n          "}]},getters:{getLayoutByKey:function(n){return function(t){return n.uiTemplates.filter((function(n){return n.key===t}))[0]}},getComponentByKey:function(n){return function(t){return n.uiComponents.filter((function(n){return n.key===t}))[0]}},getModuleLayoutByKey:function(n){return function(t){return n.moduleTemplates.filter((function(n){return n.key===t}))[0]}}}},G=function(){var n=new i;return{namespaced:!0,state:{initPromise:n.promise,initialized:!1,contextPlugins:[]},getters:{contextAttributes:function(n){var t=[];return n.contextPlugins.forEach((function(n){n.attributes.forEach((function(e){t.push({pluginIcon:n.iconURL,pluginID:n.id,pluginName:n.name,name:e.name,id:e.id,type:e.type,params:e.parameters})}))})),t}},mutations:{setInitialized:function(t){n.resolve(),t.initialized=!0},setPlugins:function(n,t){n.contextPlugins=t}},actions:{hydrate:function(n){var t=new i;return Flybits.api.ContextPlugin.getAll().then((function(t){n.commit("setPlugins",t),n.commit("setInitialized")})).catch((function(n){console.log("> uh oh",n),Y.toast("Failed to load Context Attributes","error")})),t.promise}}}}(),Y=function(){var e=new i,a={ready:e.promise,vm:null,evt:null,ext:{CONFIG:"res/config.json",VERSION:"version.txt"},actions:{LOADING:"loading",CONFIG_UPDATE:"configupdated",VIBRATE:"vibrate",OPENMANAGEIMAGE:"open_manage_image",CHOOSELOCATION:"choose_location",SENDMSG:"send_message",ONMSG:"on_message"},util:{},checkVersion:function(){fetch(this.ext.VERSION).then((function(n){return n.text()})).then((function(n){a.vm.version=n,console.debug(n)}))},toast:function(n,t,e){if(t=t||"normal","object"==typeof n)try{n=JSON.stringify(n)}catch(n){console.log("> toast stringify fail",n)}var i={text:n,gravity:"bottom",duration:3e3,offset:{y:50}};"error"===t&&(i.backgroundColor="#b20000",i.duration=7e3),e&&(i.duration=e),Toastify(i).showToast()},startup:function(){a.authClient=new IAMFlybits.oauth2PKCE.Client({spHost:a.store.state.config.HOST,projectID:a.store.state.config.PROJECTID,clientID:a.store.state.config.CLIENTID,appCallbackURL:a.store.state.config.APPHOST+"/"+a.store.state.config.res.AUTHCALLBACK}),a.cache=new n.localforage.createInstance({name:a.store.state.config.store.USERDB});var i=t.referrer&&t.referrer.indexOf(".development.")>-1?"https://api.development.flybits.com":a.store.state.config.HOST;Flybits.init({HOST:i}).then((function(){e.resolve()}))}},o=a.router=new VueRouter({routes:[{path:"/",name:"splash",component:L},{path:"/login",name:"login",component:U},{path:"/settings",name:"settings",component:N},{path:"/auth-callback",name:"authCallback",component:M},{path:"/concierge/manage",name:"conciergeManager",component:D},{path:"/content/manage",name:"contentManager",component:R},{path:"/journey/manage",name:"journeyManage",component:E}]}),d=a.store=new Vuex.Store({modules:{config:V,zone:J,user:q,content:B,component:$,context:G}});Vue.config.productionTip=!1,a.vm=new Vue({router:o,store:d,el:".container",data:function(){return{isLoaded:!1,isLoading:!1,isCFGLoaded:!1,isDebug:!1,errorText:"",lastSeed:null}},computed:{},watch:{},methods:{refreshApp:function(){n.location.reload()}},mounted:function(){this.isLoaded=!0,n.App=a}}),a.vm.on=a.vm.$on,a.vm.off=a.vm.$off,a.vm.emit=a.vm.$emit,a.evt=a.vm;var r=[],l=0;return a.evt.on(a.actions.LOADING,(function(n,t){if(n)a.vm.isLoading=!0,r.length<=0&&(l=(new Date).getTime()),r.push(!0);else if(!n&&r.length>1)r.pop();else if(!n){r.pop(),(new Date).getTime()-l<300&&!t?setTimeout((function(){a.vm.isLoading=!1}),300):a.vm.isLoading=!1}})),a.evt.on(a.actions.VIBRATE,(function(n){if("vibrate"in navigator){var t=n&&(n.pattern||n.duration)||[200,50,200];navigator.vibrate(t)}})),a.evt.on(a.actions.SENDMSG,(function(t){n.parent.postMessage(t,"*")})),n.addEventListener("message",(function(n){n.data&&n.data.token?(console.log("> message received",n.data),a.evt.emit(a.actions.ONMSG,n.data),a.vm.lastSeed=n.data):n.data||console.log("> empty message received",n)})),a}();Y.checkVersion(),Y.store.dispatch("config/parse").then((function(){Y.startup()})).catch((function(n){console.log("> initialiaation failed",n)})),Y.util.Obj=(j=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},_={guid:function(n){var t="";if(n&&n>0){for(var e=0;e<n;e++)t+=""!==t?"-"+j():j();return t}return j()+j()+"-"+j()+"-"+j()+"-"+j()+"-"+j()+j()+j()},getByStr:function(n,t){for(var e=(t=(t=t.replace(/\[(\w+)\]/g,".$1")).replace(/^\./,"")).split("."),i=0,a=e.length;i<a;++i){var o=e[i];if(!(o in n))return;n=n[o]}return n},setByStr:function(n,t,e){for(var i=(t=(t=t.replace(/\[(\w+)\]/g,".$1")).replace(/^\./,"")).split("."),a=0,o=i.length;a<o;a++){var d=i[a];if(d in n&&a+1<o)n=n[d];else{if(d in n||!(a+1<o))return n[d]=e,e;n[d]={},n=n[d]}}},zero2Pad:function(n){return("0"+n).slice(-2)},removeObject:function(n,t,e){var i=n.indexOf(t);if(e){var a=n.filter(e);a.length>0&&(i=n.indexOf(a[0]))}return i>=0?n.splice(i,1):n},debounce:function(n,t,e){var i;return function(){var a=this,o=arguments,d=e&&!i;clearTimeout(i),i=setTimeout((function(){i=null,e||n.apply(a,o)}),t),d&&n.apply(a,o)}},difference:function(n,t){for(var e=[],i=0;i<n.length;i++)t.indexOf(n[i])<0&&e.push(n[i]);return e},intersection:function(n,t){for(var e=[],i=0;i<n.length;i++)t.indexOf(n[i])>-1&&e.push(n[i]);return e},hash:function(n){var t,e=0;if(0===n.length)return e;for(t=0;t<n.length;t++)e=(e<<5)-e+n.charCodeAt(t),e|=0;return"f"+e},replaceAllStr:function(n,t,e){return n.split(t).join(e)},stringToColour:function(n){for(var t=0,e=0;e<n.length;e++)t=n.charCodeAt(e)+((t<<5)-t);var i="#";for(e=0;e<3;e++)i+=("00"+(t>>8*e&255).toString(16)).substr(-2);return i},getContrastYIQ:function(n){return(299*parseInt(n.substr(0,2),16)+587*parseInt(n.substr(2,2),16)+114*parseInt(n.substr(4,2),16))/1e3>=128?"black":"white"},hexToRGB:function(n){"#"==n[0]&&(n=n.slice(1));var t=parseInt(n,16);return{r:t>>16,g:255&t,b:t>>8&255}},lightenDarkenColor:function(n,t){var e=!1;"#"==n[0]&&(n=n.slice(1),e=!0);var i=parseInt(n,16),a=(i>>16)+t;a>255?a=255:a<0&&(a=0);var o=(i>>8&255)+t;o>255?o=255:o<0&&(o=0);var d=(255&i)+t;return d>255?d=255:d<0&&(d=0),(e?"#":"")+(d|o<<8|a<<16).toString(16)},darken:function(n,t){return this.lightenDarkenColor(n,-t)},lighten:function(n,t){return this.lightenDarkenColor(n,t)},randomInt:function(n,t){return Math.floor(Math.random()*(t-n+1)+n)},toStringParams:function(n){var t={};return Object.keys(n).forEach((function(e){var i=n[e];if("object"==typeof i)try{t[e]=JSON.stringify(i)}catch(n){t[e]=i}else t[e]=i})),t}},_.extend=function(){function n(n){return n&&"object"==typeof n&&"[object RegExp]"!==Object.prototype.toString.call(n)&&"[object Date]"!==Object.prototype.toString.call(n)}function t(t,e){var a;return e&&!0===e.clone&&n(t)?i((a=t,Array.isArray(a)?[]:{}),t,e):t}function e(e,a,o){var d=e.slice();return a.forEach((function(a,r){void 0===d[r]?d[r]=t(a,o):n(a)?d[r]=i(e[r],a,o):-1===e.indexOf(a)&&d.push(t(a,o))})),d}function i(a,o,d){var r=Array.isArray(o),l=(d||{arrayMerge:e}).arrayMerge||e;return r?Array.isArray(a)?l(a,o,d):t(o,d):function(e,a,o){var d={};return n(e)&&Object.keys(e).forEach((function(n){d[n]=t(e[n],o)})),Object.keys(a).forEach((function(r){n(a[r])&&e[r]?d[r]=i(e[r],a[r],o):d[r]=t(a[r],o)})),d}(a,o,d)}return i.all=function(n,t){if(!Array.isArray(n)||n.length<2)throw new Error("first argument should be an array with at least two elements");return n.reduce((function(n,e){return i(n,e,t)}))},i}(),_),Y.util.Api=(P={method:"GET",headers:{}},H={fetch:function(n,t){(t=t||{}).respType=t.respType||"json";var e=new i,o=ObjUtil.extend({},P),d="json"===t.respType;return delete t.respType,ObjUtil.extend(o,t),fetch(n,o).then(this.checkResult).then(this.getResultBody).then((function(n){if(d)try{n.body=H.parseResponse(n.body),e.resolve(n)}catch(n){e.reject((new a).addError("Request Failed","Unexpected server response.",{code:a.type.MALFORMED}))}else e.resolve(n)})).catch((function(n){H.getResultBody(n).then((function(t){var i=H.parseErrorMsg(t.body);e.reject((new a).addError("Request error",i,{serverCode:n.status}))}))})),e.promise},checkResult:function(n){if(n.status>=200&&n.status<300)return n;throw n},getResultBody:function(n){var t=new i;if(n&&n.text){var e={};n.headers.forEach((function(n,t){e[t]=n})),n.text().then((function(n){t.resolve({body:n,headers:e})})).catch((function(n){t.reject(n)}))}else t.resolve({body:"",headers:{}});return t.promise},getResultJSON:function(n){return n.json()},htmlEncode:function(n){return encodeURIComponent(n)},htmlDecode:function(n){return n.replace(/&#?(\w+);/g,(function(n,t){return isNaN(t)&&(chars={quot:34,amp:38,lt:60,gt:62,nbsp:160,copy:169,reg:174,deg:176,frasl:47,trade:8482,euro:8364,Agrave:192,Aacute:193,Acirc:194,Atilde:195,Auml:196,Aring:197,AElig:198,Ccedil:199,Egrave:200,Eacute:201,Ecirc:202,Euml:203,Igrave:204,Iacute:205,Icirc:206,Iuml:207,ETH:208,Ntilde:209,Ograve:210,Oacute:211,Ocirc:212,Otilde:213,Ouml:214,times:215,Oslash:216,Ugrave:217,Uacute:218,Ucirc:219,Uuml:220,Yacute:221,THORN:222,szlig:223,agrave:224,aacute:225,acirc:226,atilde:227,auml:228,aring:229,aelig:230,ccedil:231,egrave:232,eacute:233,ecirc:234,euml:235,igrave:236,iacute:237,icirc:238,iuml:239,eth:240,ntilde:241,ograve:242,oacute:243,ocirc:244,otilde:245,ouml:246,divide:247,oslash:248,ugrave:249,uacute:250,ucirc:251,uuml:252,yacute:253,thorn:254,yuml:255,lsquo:8216,rsquo:8217,sbquo:8218,ldquo:8220,rdquo:8221,bdquo:8222,dagger:8224,Dagger:8225,permil:8240,lsaquo:8249,rsaquo:8250,spades:9824,clubs:9827,hearts:9829,diams:9830,oline:8254,larr:8592,uarr:8593,rarr:8594,darr:8595,hellip:133,ndash:150,mdash:151,iexcl:161,cent:162,pound:163,curren:164,yen:165,brvbar:166,brkbar:166,sect:167,uml:168,die:168,ordf:170,laquo:171,not:172,shy:173,macr:175,hibar:175,plusmn:177,sup2:178,sup3:179,acute:180,micro:181,para:182,middot:183,cedil:184,sup1:185,ordm:186,raquo:187,frac14:188,frac12:189,frac34:190,iquest:191,Alpha:913,alpha:945,Beta:914,beta:946,Gamma:915,gamma:947,Delta:916,delta:948,Epsilon:917,epsilon:949,Zeta:918,zeta:950,Eta:919,eta:951,Theta:920,theta:952,Iota:921,iota:953,Kappa:922,kappa:954,Lambda:923,lambda:955,Mu:924,mu:956,Nu:925,nu:957,Xi:926,xi:958,Omicron:927,omicron:959,Pi:928,pi:960,Rho:929,rho:961,Sigma:931,sigma:963,Tau:932,tau:964,Upsilon:933,upsilon:965,Phi:934,phi:966,Chi:935,chi:967,Psi:936,psi:968,Omega:937,omega:969},chars[t]!==e&&(t=chars[t])),String.fromCharCode(t)}))},base64Decode:function(n){return decodeURIComponent(Array.prototype.map.call(atob(n),(function(n){return"%"+("00"+n.charCodeAt(0).toString(16)).slice(-2)})).join(""))},parseResponse:function(n){return JSON.parse(n,(function(n,t){return"string"==typeof t?api.htmlDecode(t):t}))},parseErrorMsg:function(n){try{var t=this.parseResponse(n)}catch(n){return"Malformed server response"}return t?(t.error&&(t=t.error),t.messageJSON||t.exceptionMessage||t.message||"Unexpected error has occurred"):null},parseYoutubeID:function(n){return n=n.split(/(vi\/|v%3D|v=|\/v\/|youtu\.be\/|\/embed\/)/),e!==n[2]?n[2].split(/[^0-9a-z_\-]/i)[0]:n[0]}}),Y.util.Browser=function(){Date.prototype.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"],Date.prototype.dayNames=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],Date.prototype.getMonthName=function(){return this.monthNames[this.getMonth()]},Date.prototype.getShortMonthName=function(){return this.getMonthName().substr(0,3)},Date.prototype.getDayName=function(){return this.dayNames[this.getDay()]},Date.prototype.getShortDayName=function(){return this.getDayName().substr(0,3)};n.ObjUtil={s4:function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},guid:function(n){var t="js";if(n&&n>0){for(var e=0;e<n;e++)t+="js"!==t?"-"+this.s4():this.s4();return t}return"js"+this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()}};var e,i,a=((e=function(){var n=this;this.promise=new Promise((function(t,e){n.resolve=t,n.reject=e})),this.then=this.promise.then.bind(this.promise),this.catch=this.promise.catch.bind(this.promise)}).settlePromises=e.prototype.settlePromises=function(n){var t=n.map((function(n){return n.then((function(n){return{result:n,status:"resolved"}}),(function(n){return{result:n,status:"rejected"}}))}));return Promise.all(t)},e),o=(i={createScript:function(n){var e=t.createElement("script"),i=new a;return e.setAttribute("type","text/javascript"),e.setAttribute("data-type","inject"),e.setAttribute("src",n),e.ready=i.promise,e.addEventListener("load",(function(n){i.resolve()})),e},createModule:function(n){var e=t.createElement("script"),i=new a;return e.setAttribute("type","module"),e.setAttribute("src",n),e.ready=i.promise,console.log("going sending"),e.addEventListener("load",(function(n){console.log("resovling"),i.resolve()})),e},createStyle:function(n){var e=t.createElement("link"),i=new a;return e.setAttribute("rel","stylesheet"),e.setAttribute("href",n),e.ready=i.promise,e.addEventListener("load",(function(n){i.resolve()})),e}},{loadDependencies:function(){var n=new a;return fetch("/bin/resources.json").then((function(n){if(200!==n.status)throw new Error("Configuration file not found");return n.json()})).then((function(n){return a.settlePromises([o.loadURLs(n.scriptURLs),o.loadStyleURLs(n.styleURLs)])})).then((function(t){var e=t.filter((function(n){return"rejected"===n.status}))[0];e?n.reject(e.result):n.resolve()})),n.promise},loadModule:function(n){var e=t.querySelector("body"),o=i.createModule(n);return e.prepend(o),a.settlePromises([o.ready])},loadURLs:function(n){n&&Array.isArray(n)||console.error("Invalid resource list");var e=t.querySelector("body"),o=[];return n.map((function(n){return i.createScript(n)})).forEach((function(n){o.push(n.ready),e.append(n)})),a.settlePromises(o)},loadStyleURLs:function(n){n&&Array.isArray(n)||console.error("Invalid resource list");var t=[];return n.forEach((function(n){t.push(o.loadStyleURL(n))})),a.settlePromises(t)},loadStyleURL:function(n){var e=t.head,a=i.createStyle(n);return e.append(a),a.ready},loadStyleStr:function(n,e){console.log(n,e);var i=t.head,a=t.createElement("style");return a.setAttribute("data-type",n),a.setAttribute("key",n),a.innerHTML=e,i.append(a),Promise.resolve()}});return{ResourceLoader:o,getCookie:function(n){var e=("; "+t.cookie).split("; "+n+"=");return 2==e.length?e.pop().split(";").shift():null},setCookie:function(n,e,i){var a="";i&&(a="; expires="+i.toGMTString()),t.cookie=n+"="+e+a+"; path=/"},getURLParam:function(t,e){e=e||n.location.href,t=t.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var i=new RegExp("[\\?&]"+t+"=([^&#]*)").exec(e);return null===i?"":i[1]},toURLParamString:function(n){return"?"+Object.keys(n).map((function(t){return t+"="+n[t]})).join("&")},loadImage:function(n){var e=new a;if(!n)return Promise.reject();var i=t.querySelector("body"),o=t.createElement("img");return o.style.position="absolute",o.style.opacity=0,o.style.width="1px",o.style.height="1px",o.setAttribute("src",n),i.appendChild(o),o.onload=function(){i.removeChild(o),e.resolve()},e.promise},saveAs:function(n,e){n=encodeURIComponent(n);var i=t.createElement("a");i.style.position="absolute",i.style.width="1px",i.style.height="1px",i.style.opacity="0";var a=t.querySelector("body");i.setAttribute("download",e),i.setAttribute("href","data:application/octet-stream,"+n),a.appendChild(i),i.click()}}}(),Y.util.Content=function(){var n={flattenLocales:function(t){Object.keys(t).forEach((function(e){if("localizations"===e){var i=t.localizations&&t.localizations.en?t.localizations.en:null;i&&Object.assign(t,i)}else"object"!=typeof t[e]||Array.isArray(t[e])?Array.isArray(t[e])&&"object"==typeof t[e][0]&&t[e].forEach((function(t){n.flattenLocales(t)})):n.flattenLocales(t[e])}))},getSchemaFieldList:function(n,t){var e=[],i=function(n,a,o,d){n.forEach((function(n,r){var l=n.key,s="array"===d,c=t&&s&&Y.util.Obj.getByStr(t,a)?Y.util.Obj.getByStr(t,a).length:0;if(s)if("object"===n.type)for(let t=0;t<c;t++){l=a+"["+t+"]."+n.key;let e=o+"["+t+"] ❱ "+n.displayName;i(n.fields,l,e,n.type)}else for(let t=0;t<c;t++){l="data."+a+"["+t+"]."+l;let i=o+"["+t+"] ❱ "+n.displayName;e.push({key:l,name:i,type:n.type,uiType:n.uiType,isRequired:n.isRequired})}else if(a&&(l=a+"."+n.key),"object"===n.type)i(n.fields,l,n.displayName,n.type);else if("array"===n.type&&"object"===n.subType){var p=o?o+" ❱ "+n.displayName:n.displayName;i(n.fields,l,p,n.type)}else{l="data."+l;p=o?o+" ❱ "+n.displayName:n.displayName;e.push({key:l,name:p,type:n.type,uiType:n.uiType,isRequired:n.isRequired})}}))};return i(n.schema),e.sort((function(n,t){const e=n.name.toUpperCase(),i=t.name.toUpperCase();return e<i?-1:e>i?1:0}))},setUI:function(n,t){var e=Y.store.state.component.uiTemplates.filter((function(n){return n.key.indexOf(t)>-1||t.indexOf(n.key)>-1}))[0];e?(n.defaultUI.layoutHTML=e.defaultUI.html,n.defaultUI.styleCSS=e.defaultUI.css,n.detailsUI.layoutHTML=e.detailsUI.html,n.detailsUI.styleCSS=e.detailsUI.css):console.log("> no UI template for content template type:",t)}};return n}()}(window,document);
//# sourceMappingURL=app-1e8b2ad422.js.map