!function(t,e,n){"use strict";var i,a=function(){function t(){var t=this;this.promise=new Promise((function(e,n){t.resolve=e,t.reject=n})),this.then=this.promise.then.bind(this.promise),this.catch=this.promise.catch.bind(this.promise)}return t.settlePromises=t.prototype.settlePromises=function(t){var e=t.map((function(t){return t.then((function(t){return{result:t,status:"resolved"}}),(function(t){return{result:t,status:"rejected"}}))}));return Promise.all(e)},t}(),o=function(){function t(){this.state=!0,this.errors=[],this.stacktrace="",this.setStackTrace()}return t.prototype={addError:function(t,e,n){this.state=!1;var i={header:t,message:e};return n&&(i.context=n.context,i.code=n.code,i.serverCode=n.serverCode),this.errors.push(i),this},firstError:function(){return this.errors.length>0?this.errors[0]:null},merge:function(t){return Array.prototype.push.apply(this.errors,t.errors),this.state=this.errors.length<1,this},setStackTrace:function(){var t=new Error;return t.name="FlybitsError",this.stacktrace=t.stack,this.stacktrace&&(this.stacktrace=this.stacktrace.split("\n").filter((function(t){return t.indexOf("Validation")<0})).join("\n")),this},toJSON:function(){return{state:this.state,errors:this.errors,stacktrace:this.stacktrace}}},t.prototype.type=t.type={},t.prototype.type.MALFORMED=t.type.MALFORMED=1e3,t.prototype.type.INVALIDARG=t.type.INVALIDARG=1001,t.prototype.type.MISSINGARG=t.type.MISSINGARG=1002,t.prototype.type.NOTFOUND=t.type.NOTFOUND=1003,t.prototype.type.CONNECTIONERROR=t.type.CONNECTIONERROR=1004,t.prototype.type.UNAUTHENTICATED=t.type.UNAUTHENTICATED=1005,t.prototype.type.RETRIEVALERROR=t.type.RETRIEVALERROR=1006,t.prototype.type.NOTSUPPORTED=t.type.NOTSUPPORTED=1007,t.prototype.type.UNEXPECTED=t.type.UNEXPECTED=1008,t}(),r=function(){var t=function(t){this.id,t&&t.id&&(this.id=t.id)};return t.prototype.constructor=t,t.prototype.reqKeys={id:"id"},t}(),s=function(){function t(){this.nodes=[]}return t.prototype.getNode=function(t){return this.nodes.filter((function(e){return Flybits.util.Obj.functionName(e.constructor)===t}))[0]},t.prototype.append=function(t){return this.nodes.push(t),this},t.prototype.serialize=function(){for(var t="",e=0;e<this.nodes.length;e++)t+="/"+this.nodes[e]._pathName,this.nodes[e].id&&(t+="/"+this.nodes[e].id);return t},t}(),d=function(){function t(t){this.fromJSON(t)}return t.prototype={fromJSON:function(t){return t=t||{},this.id=t.id,this.name=t.name||"Zone "+kt.util.Obj.guid().slice(0,4),this.referenceID=t.referenceID||(this.name?this.name.toLowerCase().replaceAll(" ",""):""),this.labels=t.labels||[],this.height=t.height||0,this.modules=t.modules?t.modules.map((function(t){return new l(t)})):[],this},toJSON:function(){var t={name:this.name,referenceID:this.referenceID,labels:this.labels,height:this.height,modules:this.modules.map((function(t){return t.toJSON()})),version:this.version,scriptURLs:this.scriptURLs};return this.id&&(t.id=this.id),t}},t}(),l=function(){function t(t){this.fromJSON(t)}return t.prototype={hasLabelLimits:function(){return this.labelLimits.length&&this.labelLimits.filter((function(t){return t.limit>0})).length},syncLabelLimits:function(){var t={};this.labelLimits.forEach((function(e){t[e.label]=+e.limit})),this.labelLimits=this.labels.map((function(e){return{label:e,limit:t[e]?t[e]:0}}))},syncAdvancedStr:function(){var t=this.advancedStr;if(!t){if(t="data=true&limit="+(this._hasContentLimits?this.paging.limit:20),this.hasLabelLimits()){var e={labels:this.labels,limits:this.labelLimits.map((function(t){return+t.limit}))};t+="&cp="+encodeURIComponent(JSON.stringify(e))}else t+="&labelsFormula=("+this.labels.join(";")+")";this.advancedStr=t}},updateQueryMode:function(){var t=this._queryMode;"labellimits"===t.key?this.syncLabelLimits():"advanced"===t.key&&this.syncAdvancedStr()},fromJSON:function(e){e=e||{},this.id=e.id,this.name=e.name||"Module "+kt.util.Obj.guid().slice(0,4),this.height=e.height||0;var n=new URLSearchParams(e.query);this.paging={},this.advancedStr="",this.labels=[],this.labelLimits=[],this._queryMode=t.QUERYMODES[0];var i=n.get("limit");i&&(this.paging.limit=+i),this.paging.limit&&(this._hasContentLimits=!0);var a=n.get("labelsFormula"),o=n.get("cp");if(t.hasAdvancedStr(n))this.advancedStr=n.toString(),this._queryMode=t.QUERYMODES[2];else if(a)this.labels=a?a.replace("(","").replace(")","").split(";"):[];else if(o){var r=JSON.parse(o);this.labels=r.labels,this.labelLimits=this.labels.map((function(t,e){return{label:t,limit:r.limits[e]}})),this._queryMode=t.QUERYMODES[1]}return this.layoutName=e.layout,this.layoutHTML=e.layoutHTML,this.styleCSSURL=e.styleCSSURL,this.styleCSS=e.styleCSS,this},toJSON:function(){this._hasContentLimits||delete this.paging.limit;var e={name:this.name,height:this.height,layout:this.layoutName,layoutHTML:this.layoutHTML,styleCSSURL:this.styleCSSURL,styleCSS:this.styleCSS};this.id&&(e.id=this.id);var n=new URLSearchParams;if(n.append("data",!0),this.paging.limit&&n.append("limit",this.paging.limit),this.labels.length&&(this._queryMode===t.QUERYMODES[0]||this._queryMode===t.QUERYMODES[1]&&!this.hasLabelLimits()))n.append("labelsFormula","("+this.labels.join(";")+")"),e.query=n.toString();else if(this.labels.length&&this.hasLabelLimits()&&this._queryMode===t.QUERYMODES[1]){var i={labels:this.labels,limits:this.labelLimits.map((function(t){return+t.limit}))};n.append("cp",JSON.stringify(i)),e.query=n.toString()}else this.advancedStr&&this._queryMode===t.QUERYMODES[2]&&(e.query=new URLSearchParams(this.advancedStr).toString());return e}},t.hasAdvancedStr=function(t){return t.size>3||!t.has("data")||!t.has("labelsFormula")&&!t.has("cp")},t.QUERYMODES=t.prototype.QUERYMODES=[{label:"Basic",key:"basic"},{label:"Label Limits",key:"labellimits"},{label:"Advanced",key:"advanced"}],t}(),c=function(){var t=Flybits.util.Api;function e(t){r.call(this,t),this.fromJSON(t)}return e.prototype=Object.create(r.prototype),e.prototype.constructor=e,e.prototype.types=e.types={DEFAULT:"default",SURVEY:"SurveyQuestions"},e.prototype._pathName=e._pathName="content/instances",e.prototype.reqKeys=e.reqKeys={name:"name",description:"description",createdDate:"createdAt",lastModifiedDate:"modifiedAt",id:"id"},e.prototype._fromLocaleJSON=function(t){return{name:t.name,description:t.description}},e.prototype._toLocaleJSON=function(t){return{name:t.name,description:t.description}},e.prototype.parseContents=function(e){var n=t.parsePaging(e),i=this;return{result:e.data.map((function(t){var e=(new s).append(i);try{return new Flybits.ContentData(t,e)}catch(e){throw console.error(e),(new o).addError("Parse Failed","Failed to parse Content data model.",{code:o.type.MALFORMED,context:t})}})),nextPageFn:t.createNextPageCall(Flybits.api.ContentData.getAll,{contentID:i.id},n)}},e.prototype.getData=function(){var t=this;if(this.data&&this.data.result&&this.data.result.length>0)return Promise.resolve(this.data.result[0].payload);var e=new Flybits.Deferred;return Flybits.api.ContentData.getAll({contentID:this.id}).then((function(n){n&&n.result&&n.result.length>0?(t.data=n,e.resolve(n.result[0].payload)):e.resolve()})).catch((function(t){e.reject(t)})),e.promise},e.prototype.fromJSON=function(t){t=t||{};var i=this;i.id=t.id,i.tenantID=t.tenantId,i.templateID=t.templateId,i.type=t.templateType||e.types.DEFAULT,i.iconURL=t.iconUrl,i.createdDate=t.createdAt?new Date(1e3*t.createdAt):null,i.lastModifiedDate=t.modifiedAt?new Date(1e3*t.modifiedAt):null,i.locales={},(t.localizations?Object.keys(t.localizations):[]).forEach((function(e){i.locales[e]=i._fromLocaleJSON(t.localizations[e])})),i.name=i.locales.en?i.locales.en.name:"",i.description=i.locales.en?i.locales.en.description:"",i.linkedFields=t.linkedFields,i.labels=t.labels||[],i.data=t.content?this.parseContents(t.content):n,i.renderType=t.renderType,i.defaultUI=t.defaultUIConfig?t.defaultUIConfig:{layout:"",layoutHTML:"",styleCSS:"",styleCSSURL:""},i.detailsUI=t.detailsUIConfig?t.detailsUIConfig:{layout:"",layoutHTML:"",styleCSS:"",styleCSSURL:""}},e.prototype.toJSON=function(){var t=this,e={iconUrl:t.iconURL,localizations:{en:{name:t.name,description:t.description}},labels:t.labels,defaultUIConfig:this.defaultUI,detailsUIConfig:this.detailsUI};return this.defaultUI&&(this.defaultUI.layout||this.defaultUI.layoutHTML)?e.renderType="html":e.renderType="",t.createdDate&&(e.createdAt=Math.round(t.createdDate.getTime()/1e3)),t.lastModifiedDate&&(e.modifiedAt=Math.round(t.lastModifiedDate.getTime()/1e3)),t.id&&(e.id=t.id),!t.id&&t.data&&(e.data=t.data),t.tenantID&&(e.tenantId=t.tenantID),t.templateID&&(e.templateId=t.templateID),t.type&&(e.templateType=t.type),t.metadata?e.metadata=t.metadata:e.metadata={},e},e.getInstance=function(t){var n=t.content&&t.content.data&&t.content.data.length&&t.content.data[0].questions;return t.templateType===e.types.SURVEY&&t.surveyMetadata||n?new Flybits.Survey(t):new e(t)},e}(),p=function(){function t(t){this.fromJSON(t)}return t.prototype={fromJSON:function(t){return t=t||{},this.id=t.id||kt.util.Obj.guid().toUpperCase(),this.tenantID=t.tenantID,this.zones=t.zones?t.zones.map((function(t){return new d(t)})):[],this.scriptURLs=t.scriptURLs||[],this.version=t.version||{major:0,minor:1,patch:0},this.versionStr=this.version.major+"."+this.version.minor+"."+this.version.patch,this},toJSON:function(){var t={tenantID:this.tenantID,zones:this.zones.map((function(t){return t.toJSON()})),scriptURLs:this.scriptURLs,version:this.version};return this.id&&(t.id=this.id),t}},t}(),u=function(){var t=function(t){return"&nbsp".repeat(t)};function n(t,e){this.root,this.css=e||"",this.parseDOMStr(t)}return n.prototype={isEmpty:function(){return!this.root.innerHTML.replaceAll("\n","").trim()},isAdvanced:function(){return!(!this.root||this.root.querySelectorAll("[dmb=dmb]").length)},parseDOMStr:function(t){t=t||"";var e=new DOMParser;return this.root=e.parseFromString(t,"text/html").body,this.setRefIDs(),this},setRefIDs:function(){var t=this,e=function(n){"dmb"===n.getAttribute("dmb")&&t.assignDmbRef(n),Array.from(n.children).forEach((function(t){e(t)}))};return e(this.root),this},setRoot:function(t,e){return this.root.innerHTML=t,this.css=e,this.setRefIDs(),this},assignDmbRef:function(t){return t.setAttribute("dmb:ref",kt.util.Obj.guid(1)),t},get:function(t){return this.root.querySelector('[dmb\\:ref="'+t+'"]')},add:function(t,e,n){var i=this.get(t),a=e.cloneNode(!0);this.assignDmbRef(a);var o=i||this.root;if(n&&"spacer"===n)o.prepend(a);else if(n){var r=this.get(n);r&&a.insertBefore(r)}else o.appendChild(a);return this},addHTMLStr:function(t,e,i){var a=n.createElemFromStr(e);if(a)return this.add(t,a,i)},remove:function(t){var e=this.get(t);return e&&e.remove(),this},addCSS:function(t){if(!t)return this;var e=t.slice(t.indexOf("."),t.indexOf("{")).trim();e&&this.css.indexOf(e)<0&&(this.css=t+" "+this.css)},highlight:function(t){if(this.highlightRefID=t,this.root.querySelectorAll('[dmb\\:state="highlighted"]').forEach((function(t){t.removeAttribute("dmb:state"),t.style.outline=null,t.style.outlineOffset=null})),t){var e=this.get(t);e&&(e.setAttribute("dmb:state","highlighted"),e.style.outline="4px solid rgba(0,0,255,0.5)",e.style.outlineOffset="-4px")}},toHTML:function(){return this.root.innerHTML},toPlaceholderHTML:function(){var n=(new DOMParser).parseFromString("","text/html").body,i=function(n,a){if(a.length){n.classList.add("dmb-children");var o=e.createElement("div");o.classList.add("spacer");var r,s=n.getAttribute("dmb-spacer:style");s&&o.setAttribute("style",s),(c=n.getAttribute("dmb:style"))&&n.setAttribute("style",c),"dmb"===n.getAttribute("dmb")?(r=o,n.appendChild(o)):r=n,a.forEach((function(t){var e=t.cloneNode();"dmb"===e.getAttribute("dmb")&&e.classList.add("dmb"),r.appendChild(e),i(e,Array.from(t.children))}))}else{var d=n.getAttribute("dmb:type"),l=n.getAttribute("dmb:size")?+n.getAttribute("dmb:size"):null,c=n.getAttribute("dmb:style");n.innerHTML="&nbsp;&nbsp;","text"===d||"textarea"===d?(l=l||50,n.innerHTML=`\n              <p>${t(l)}</p>\n            `):"textbutton"!==d&&"inputlabel"!==d||(n.innerHTML=`${t(25)}`),"primarybutton"!==d&&"secondarybutton"!==d||(n.style.position="initial"),c&&n.setAttribute("style",c)}"highlighted"===n.getAttribute("dmb:state")&&(n.style.outline=null,n.style.outlineOffset=null)},a=Array.from(this.root.children);return i(n,a),n.innerHTML},toScopedCSS:function(){if(!this.css)return"";var t=this.css.replaceAll("}","} .preview-view ");return t=".preview-view "+(t=t.replaceAll("fixed","absolute"))}},n.createElem=n.prototype.createElem=function(t,e){var n=Document.createElem(t);return n.setAttribute("dmb","dmb"),n.setAttribute("dmb:ref",kt.util.Obj.guid(1)),e&&(n.innerHTML=e),n},n.createElemFromStr=n.prototype.createElemeFromStr=function(t){var e=(new DOMParser).parseFromString(t,"text/html").body;return e?e.firstChild:null},n}(),m=function(){function t(t,e){var n=this.state={};this.featureList=t,t.forEach((function(t){n[t]=""})),e&&this.fromElem(e)}return t.prototype={fromElem:function(t){this.elem=t;var e=this.state,n=t.querySelector(".dmb-input"),i=t.querySelector(".dmb-inputlabel");this.featureList.forEach((function(a){var o=t.style[a];switch(a){case"layout":e.layout=t.style.display||t.style.float||"";break;case"lineClamp":e.lineClamp=t.style["-webkit-line-clamp"];break;case"fontWeight":case"textAlign":n&&(o=n.style[a]),e[a]=o;break;case"fontSize":case"paddingTop":case"paddingBottom":case"paddingLeft":case"paddingRight":n&&(o=n.style[a]),e[a]=o?+o.replace("px",""):"";break;case"marginTop":case"marginBottom":case"marginLeft":case"marginRight":e[a]=o?+o.replace("px",""):"";break;case"opacity":e[a]=o||1;break;case"inputLabel":e[a]=i.innerHTML;break;case"inputType":e[a]=n.getAttribute("type");break;case"name":e[a]=n.getAttribute("name");break;case"min":e[a]=n.getAttribute("min");break;case"max":e[a]=n.getAttribute("max");break;case"step":e[a]=n.getAttribute("step");break;default:e[a]=o}}))},applyStateToElem:function(){var t=this.elem,e=this.state,n=t.querySelector(".dmb-input"),i=t.querySelector(".dmb-inputlabel");this.featureList.forEach((function(a){var o=e[a];switch(a){case"layout":"block"===o||"inline-block"===o||"none"===o?(t.style.display=o,t.style.float=null):"left"===o||"right"===o?(t.style.display=null,t.style.float=o):(t.style.display=null,t.style.float=null);break;case"lineClamp":(o=+o)?(t.style["max-height"]=20*o+"px",t.style.overflow="hidden",t.style.display="-webkit-box",t.style["-webkit-line-clamp"]=o,t.style["-webkit-box-orient"]="vertical"):(t.style["max-height"]=null,t.style.overflow=null,"block"!==e.layout&&"inline-block"!==e.layout&&"none"!==e.layout&&(t.style.display=null),t.style["-webkit-line-clamp"]=null,t.style["-webkit-box-orient"]=null);break;case"fontWeight":case"textAlign":(n||t).style[a]=o;break;case"paddingTop":case"paddingBottom":case"paddingLeft":case"paddingRight":case"fontSize":(n||t).style[a]=o?o+"px":null;break;case"marginTop":case"marginBottom":case"marginLeft":case"marginRight":t.style[a]=o?o+"px":null;break;case"opacity":t.style[a]=o&&+o<1?o:null;break;case"inputLabel":i.innerHTML=o;break;case"inputType":n.setAttribute("type",o);break;case"name":n.setAttribute("name",o);break;case"min":n.setAttribute("min",o);break;case"max":n.setAttribute("max",o);break;case"step":n.setAttribute("step",o);break;default:t.style[a]=o}}))},resetAll:function(){this.resetAttributes(this.featureList)},resetDimensions:function(){this.resetAttributes(["padding-top","padding-bottom","padding-left","padding-right","margin-top","margin-bottom","margin-left","margin-right"])},resetAttribute:function(t){this.resetAttributes([t])},resetAttributes:function(t){var e=this.state;t.forEach((function(t){if(e.hasOwnProperty(t))if("opacity"===t)e[t]=1;else e[t]=null})),this.applyStateToElem()}},t}(),b=((i=function(){this.attributeName="",this.pluginName="",this.provider="",this.parameters=[],this.value=null,this.defaultValue=null,this.rawStr=""}).prototype.fromAttrStr=function(t){var e=t.split(".");if("ctx"===e.shift()&&(this.provider=e.shift(),this.provider&&(this.pluginName=e.shift(),this.pluginName))){if("query"===e[0]){if(e.shift(),this.attributeName=e.shift(),!this.attributeName)return;this.parameters=e.slice(0).map((function(t){return{key:"",value:t}}))}else this.attributeName=e[0];return this}},i.prototype.getLabel=function(){return this.pluginName.charAt(0).toUpperCase()+this.pluginName.slice(1)+"."+this.attributeName.charAt(0).toUpperCase()+this.attributeName.slice(1)},i.prototype.getParamDisplayString=function(){return this.parameters.map((function(t){return t.value})).join(",")},i.prototype.toCTXString=function(){var t="{{ctx."+this.provider+"."+this.pluginName+".";return this.parameters?t+="query."+this.attributeName+"."+this.parameters.map((function(t){return t.value})).join("."):t+=this.attributeName,this.defaultValue&&(t+=","+this.defaultValue),t+="}}"},i.fromCTXString=function(t){if(t.startsWith("{{")&&t.endsWith("}}")){var e=t.replaceAll("{{","").replaceAll("}}",""),n=new i;n.rawStr=t,n.defaultValue=e.split(",")[1];var a=e.split(",")[0];if(a)return n.fromAttrStr(a)}return null},i),h=Vue.extend({template:"#view-loading"});Vue.component("loading-view",h);var f=Vue.extend({template:"#loader-bar"});Vue.component("loader-bar",f);var g=Vue.extend({template:"#header-bar",props:{title:{default:"Concierge Manager"}},data:function(){return{logoURL:"images/logoIcon.png",isAdmin:kt.store.state.user.isAdmin,version:kt.vm.version}},computed:{userInitials:function(){var t="";return kt.store.state.user.user&&kt.store.state.user.user.firstName&&(t+=kt.store.state.user.user.firstName.charAt(0)),kt.store.state.user.user&&kt.store.state.user.user.lastName&&(t+=kt.store.state.user.user.lastName.charAt(0)),t.toUpperCase()},userFullName:function(){return kt.store.state.user.user?kt.store.state.user.user.firstName+" "+kt.store.state.user.user.lastName:""}},methods:{logout:function(){kt.store.dispatch("user/logout"),kt.router.replace({name:"login"})},gotoSettings:function(){kt.router.push({name:"settings"})}},mounted:function(){}});Vue.component("header-bar",g);var y=Vue.extend({template:"#editable-displayfield",props:["value","placeholder"],data:function(){return{proxyVal:""}},watch:{value:function(t,e){this.proxyVal!==t&&(this.proxyVal=t)},proxyVal:function(t,e){this.value!==t&&(this.$emit("input",t),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",y);var v=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(t){return t.key===this.value.key},select:function(t){this.$emit("input",t),this.$emit("change",t)}}});Vue.component("text-toggle",v);var x=Vue.extend({template:"#toggle-view",props:["value","label","inverted"],methods:{toggle:function(){this.$emit("input",!this.value)}}});Vue.component("toggle-view",x);var k=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(t,e){this.removeLastMode=!1}},methods:{addLabel:function(t){var e=this,n=this.tmpNewLabel||t;n&&(this.value.push(n),this.$emit("input",this.value),this.$emit("change",this.value),this.tmpNewLabel="",Vue.nextTick((function(){e.removeLastMode=!0})))},removeLabel:function(t){kt.util.Obj.removeObject(this.value,t),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 t=this;this.onlyAvailable||(this.inputMode=!this.inputMode,this.inputMode?Vue.nextTick((function(){t.$refs.labelinput.focus()})):this.tmpNewLabel="")}}});Vue.component("label-picker",k);var w,S,I=(w=function(t){var e=t.data.result&&Array.isArray(t.data.result)?t.data.result[0].toJSON():t.data;kt.util.Content.flattenLocales(e);var n={id:t.id,data:e,uiTemplate:"",style:"",styleStr:""},i=t.defaultUI||t.detailsUI||{};return n.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',n.style=i.styleCSSURL,n.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",n},S=function(t,e){var n=new a,i=function(){t.contentWindow.postMessage(e,"*"),n.resolve()};t.addEventListener("load",i),t.setAttribute("src",kt.store.state.config.res.ZONEAPP),n.promise.then((function(){t.removeEventListener("load",i)}))},Vue.extend({template:"#phone-preview",props:["zone","module","changeHash","content"],data:function(){return{timer:null,time:null,isLoading:!1}},computed:{timeStr:function(){var t="";return this.time&&(t=kt.util.Obj.zero2Pad(this.time.getHours())+":"+kt.util.Obj.zero2Pad(this.time.getMinutes())),t},zonePayload:function(){if(this.zone){var t=this;return{name:this.zone.name,containers:this.zone.modules.map((function(e){return{name:e.name,layoutStr:e.layoutHTML,layout:e.layoutName,style:e.styleCSSURL,styleStr:e.styleCSS,query:e.toJSON().query,content:t.getResolvedContents(e).map((function(t){return w(t)}))}}))}}},modulePayload:function(){if(this.module)return{name:"tmp"+kt.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(t){return w(t)}))}]}}},watch:{changeHash:function(t,e){console.log("> newVal",t),this.debouncedLoad()},zonePayload:function(t,e){this.debouncedLoad()},modulePayload:function(t,e){this.debouncedLoad()}},methods:{getResolvedContents:function(t){return this.content||kt.store.getters["content/getContentByLabels"](t.labels)||[]},startClock:function(){var t=this;this.endClock(),console.log("> start clock"),t.time=new Date,this.timer=setInterval((function(){t.time=new Date}),6e4)},endClock:function(){clearInterval(this.timer),this.timer=null},loadZone:function(){var t=this,e=this.$refs.zoneframe;this.isLoading=!0,setTimeout((function(){t.zone?S(e,t.zonePayload):t.module&&S(e,t.modulePayload)}),200),setTimeout((function(){t.isLoading=!1}),300)}},mounted:function(){this.startClock();var t=this;this.debouncedLoad=kt.util.Obj.debounce((function(){t.loadZone()}),200),this.changeHash&&(t=this,Vue.nextTick((function(){t.loadZone()})))}}));Vue.component("phone-preview",I);var C=Vue.extend({template:"#card-placeholder",data:function(){return{block:0}},methods:{getRandomInt:function(t,e){return Math.floor(Math.random()*(e-t+1))+t}},mounted:function(){this.block=this.getRandomInt(0,3)}});Vue.component("card-placeholder",C);var T,A,O=(T={label:"Basic",key:"basic"},A={label:"Advanced",key:"advanced"},Vue.extend({template:"#layout-editor",props:["module"],data:function(){return{editModeObj:T,modes:[T,A],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 kt.store.state.component.moduleTemplates}},methods:{expandEditor:function(t){"html"===t?this.isHTMLEditorOpen=!this.isHTMLEditorOpen:"css"===t&&(this.isCSSEditorOpen=!this.isCSSEditorOpen)},emitChange:function(){this.$emit("change")},emitDone:function(){this.$emit("done")},selectLayout:function(t){this.module.layoutHTML=t.html,this.module.styleCSS=t.css,this.emitChange(),this.emitDone()}}}));Vue.component("layout-editor",O);var L=function(){const t="contentInfo",e="details",n="global",i=[{iconClass:"fa-picture-o",key:n,label:"Global"},{iconClass:"fa-ellipsis-h",key:"carousel",label:"Carousel"},{iconClass:"fa-ellipsis-v",key:"lander",label:"Lander Page"},{iconClass:"fa-newspaper-o",key:e,label:"Details Page"},{iconClass:"fa-id-card-o",key:"alert",label:"Alert Cards"}];return Vue.extend({template:"#content-editor",props:["value","template","enableDesignAndCode"],data:function(){const t=[];return this.enableDesignAndCode&&t.push({label:"Data",key:"data"},{label:"Design",key:"design"},{label:"Code",key:"advanced"}),{modes:t,selectedMode:{label:"Data",key:"data"},detailsUI:null,defaultUI:null,proxyObj:null,selectedFieldFilter:null,changeHash:""}},computed:{showContentInfo:function(){return this.selectedFieldFilter&&this.selectedFieldFilter.key===t},resolvedTemplate:function(){return this.template?this.template:this.value?kt.store.getters["content/getTemplateByID"](this.value.templateID):void 0},schemaFieldList:function(){return this.resolvedTemplate?kt.util.Content.getSchemaFieldList(this.resolvedTemplate,this.proxyObj):[]},proxyFieldFilters:function(){var t=this,a=kt.store.getters["content/getTemplateAttrMapping"](this.resolvedTemplate.id);return i.filter((function(i){return a&&a[i.key]||i.key===n||i.key===e&&"data"!==t.selectedMode.key}))},schemaFilter:function(){var t=kt.store.getters["content/getTemplateAttrMapping"](this.resolvedTemplate.id);if(t&&this.selectedFieldFilter&&this.selectedFieldFilter.key){if(this.selectedFieldFilter.key===n){var e=function(t){var e=[];return Object.keys(t).forEach((function(n){Array.prototype.push.apply(e,t[n])})),e}(t);return this.resolvedTemplate.schema.map((function(t){return t.key})).filter((function(t){return e.indexOf(t)<0}))}return t[this.selectedFieldFilter.key]}},previewUI:function(){return this.selectedFieldFilter&&this.selectedFieldFilter.key===e?this.detailsUI:this.defaultUI},resolvedModule:function(){var t=kt.store.getters["zone/modules"],n=this.selectedFieldFilter.key;return n===e?{id:kt.util.Obj.guid(),layoutName:"vertical",toJSON:function(){return{}}}:t.filter((function(t){return t.name.toLowerCase().indexOf(n)>-1}))[0]||t[0]},resolvedContentArray:function(){if(!this.value)return[];var t={id:this.value.id,data:JSON.parse(JSON.stringify(this.proxyObj)),changeHash:this.changeHash};return this.selectedFieldFilter.key===e?t.detailsUI=this.detailsUI:t.defaultUI=this.defaultUI,[t]}},methods:{isFilterSelected:function(t){return this.selectedFieldFilter&&t.key===this.selectedFieldFilter.key},close:function(){this.$emit("close")},save:function(){var t=this;this.value.id?this.value&&this.value.data&&this.proxyObj&&this.value.data.result[0].fromJSON(this.proxyObj):this.value.data=this.proxyObj,this.value.defaultUI=Object.assign({},this.defaultUI),this.value.detailsUI=Object.assign({},this.detailsUI),kt.evt.emit(kt.actions.LOADING,!0),(this.value.id?Flybits.api.Content.save(this.value):Flybits.api.Content.create(this.value)).then((function(e){t.$emit("save",e.id)})).catch((function(t){kt.toast("Failed to save content","error"),t instanceof Flybits.Validation&&t.firstError()&&kt.toast(t.firstError().message,"error"),console.error(t)})).then((function(){kt.evt.emit(kt.actions.LOADING,!1)}))},selectFieldFilter:function(t){this.selectedFieldFilter=t},dataChanged:function(){this.changeHash=kt.util.Obj.hash((this.proxyObj?JSON.stringify(this.proxyObj):"")+(this.defaultUI?JSON.stringify(this.defaultUI):"")+(this.detailsUI?JSON.stringify(this.detailsUI):""))}},mounted:function(){this.value&&(this.proxyObj=this.value.data?this.value.data.result[0].toJSON():{},this.defaultUI=Object.assign({},this.value.defaultUI),this.detailsUI=Object.assign({},this.value.detailsUI),this.dataChanged()),this.selectFieldFilter({key:"contentInfo",label:"Content Info"})}})}();Vue.component("content-editor",L);var D,z=(D={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(t,e){t!==this.tmpChange&&this.editor.updateCode(this.beautify(t))}},methods:{beautify:function(t){return"js"===this.language?js_beautify(t,D):"html"===this.language?html_beautify(t,D):"css"===this.language?css_beautify(t,D):t},sanitize:function(t){return t.split("\n").join("")}},mounted:function(){var t=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(e){t.tmpChange=t.sanitize(e),t.$emit("input",t.tmpChange)}))}}));Vue.component("code-editor",z);var E=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",E);var N=Vue.extend({template:"#data-editor",props:["contentTemplate","value","schemaFilter"],data:function(){return{proxyObj:{}}},computed:{proxySchema:function(){return this.contentTemplate?this.schemaFilter?(t=this.contentTemplate.schema,e=this.schemaFilter,t.filter((function(t){return e.indexOf(t.key)>-1}))):this.contentTemplate.schema:[];var t,e}},watch:{value:function(t,e){this.seedData()}},methods:{seedData:function(){this.value&&(this.proxyObj=this.value)},updateField:function(t){console.log("> updateEvt",t),kt.util.Obj.setByStr(this.proxyObj,t.key,t.val),this.$emit("input",this.proxyObj),this.$emit("change",this.proxyObj)},getSeedValueByStr:function(t){return kt.util.Obj.getByStr(this.proxyObj,t)},getLocalizedKey:function(t){var e=t.key;return"localized"===t.type&&(e="localizations.en."+e),e}},mounted:function(){this.seedData()}});Vue.component("data-editor",N);var M,R,F=(M="object",R="array",Vue.extend({template:"#schema-field",props:["field","index","seedValue"],data:function(){return{proxyValue:null}},computed:{indexedKey:function(){var t=this.localizedKey(this.field);return this.index>-1&&(t=this.index+"."+t),t},isParent:function(){return this.field&&(this.field.type===M||this.field.type===R)},isArray:function(){return this.field&&this.field.type===R},isObjectArray:function(){return this.field&&this.field.type===R&&this.field.subType===M},isPrimitiveArray:function(){return this.field&&this.field.type===R&&this.field.subType!==M},hasRichTextEnabled:function(){return this.field?.input?.isRichTextEnabled}},watch:{proxyValue:function(t,e){this.isParent||this.$emit("change",{key:this.indexedKey,val:t})},seedValue:function(t,e){this.setDefault()}},methods:{collapseAll:function(){this.isObjectArray&&this.proxyValue.forEach((function(t){t._isCollapsed=!0}))},expandAll:function(){this.isObjectArray&&this.proxyValue.forEach((function(t){t._isCollapsed=!1}))},getSeedValueByStr:function(t,e){return t?kt.util.Obj.getByStr(t,e):null},localizedKey:function(t){var e=t.key;return"localized"===t.type&&(e="localizations.en."+e),e},childChanged:function(t){this.$emit("change",{key:this.indexedKey+"."+t.key,val:t.val})},addItem:function(){this.isPrimitiveArray?this.proxyValue.push({id:kt.util.Obj.guid(1),value:""}):this.proxyValue.push({id:kt.util.Obj.guid(1),_isCollapsed:!1,value:{}}),this.$emit("change",{key:this.indexedKey,val:this.proxyValue.map((function(t){return t.value}))})},removeItem:function(t){kt.util.Obj.removeObject(this.proxyValue,t),this.$emit("change",{key:this.indexedKey,val:this.proxyValue.map((function(t){return t.value}))})},toggleExpand:function(t){t._isCollapsed=!t._isCollapsed},setDefault:function(){this.isObjectArray?this.proxyValue=this.seedValue?this.seedValue.map((function(t){return{id:kt.util.Obj.guid(1),_isCollapsed:!1,value:t}})):[]:this.isPrimitiveArray?this.proxyValue=this.seedValue?this.seedValue.map((function(t){return{id:kt.util.Obj.guid(1),value:t}})):[]:this.proxyValue=this.seedValue}},mounted:function(){this.field&&this.seedValue?this.setDefault():this.field&&this.isArray&&(this.proxyValue=[])}}));Vue.component("schema-field",F);var U=function(){var t={label:"Basic",key:"basic"},e={label:"Advanced",key:"advanced"},n="design",i=[{key:"special-events",label:"Special Events",img:"images/style-special-event.png"},{key:"special-offers",label:"Special Offers",img:"images/style-special-offer.png"},{key:"education",label:"Education",img:"images/style-education.png"},{key:"personalized-info",label:"Personalized Info",img:"images/style-personalized-info.png"},{key:"td-for-me",label:"TD for Me",img:"images/style-td-for-me.png"},{key:"text-link",label:"Text Link Card",img:"images/style-textlink.png"},{key:"button-link",label:" Button Link Card",img:"images/style-buttonlink.png"},{key:"banner",label:"Banner Card",img:"images/style-banner.png"},{key:"alert-card",label:"Alert Card",img:"images/style-alertcard.png"},{key:"hero",label:"Hero Image",img:"images/style-hero.png"},{key:"custom",label:"Custom",img:"images/style-custom.png"}];return Vue.extend({template:"#ui-editor",props:{mode:{default:function(){return t}},value:{type:Object},dataObj:{type:Object},uiKey:{type:String},fieldList:{type:Array}},data:function(){return{modes:[t,e],isHTMLEditorOpen:!0,isCSSEditorOpen:!0,styleLayouts:i,domBuilder:null,placeholderHTML:"",selectedBlkRefID:null,isStylePickerOpen:!1,selectedStyle:null,selectedBlk:null,isDetailExpanded:!1}},computed:{isAdvanced:function(){return this.mode.key===e.key},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"},detailBlkState:function(){return this.selectedBlk?this.isDetailExpanded?"expanded":"selected":""},componentGroups:function(){var t=[],e={};return kt.store.state.component.uiComponents.forEach((function(n){var i=e[n.category];i||(i=e[n.category]={label:n.category,components:[]},t.push(i)),i.components.push(n)})),t}},watch:{"mode.key":function(t,i){t===n&&i===e.key&&(this.initValue(),this.initComponentDrag()),this.selectBlk()},value:function(t,e){this.initValue(),this.selectBlk(),this.renderPreview()},isDetailExpanded:function(t,e){if(t){const t=174;var n=this.$refs.selectedcon.getBoundingClientRect(),i=this.$refs.detailsblk.getBoundingClientRect(),a=(i.top-i.height+50-t)/2+t-15,o=-1*(n.top-a);this.$refs.previewblk.style.transform="translateY("+o+"px)"}else this.$refs.previewblk.style.transform=null}},methods:{isHTMLEmpty:function(){return!this.domBuilder||this.domBuilder.isEmpty()},initValue:function(){this.value&&(this.domBuilder=new u(this.value.layoutHTML,this.value.styleCSS),this.renderPreview(),this.selectedStyle=null)},getComponent:function(t){return kt.store.getters["component/getComponentByKey"](t)},expandEditor:function(t){"html"===t?this.isHTMLEditorOpen=!this.isHTMLEditorOpen:"css"===t&&(this.isCSSEditorOpen=!this.isCSSEditorOpen)},setStylePicker:function(t){this.isStylePickerOpen=t},selectStyleLayout:function(t){var e=kt.store.getters["component/getLayoutByKey"](t.key);if(e){this.selectBlk();var n="details"===this.uiKey?e.detailsUI:e.defaultUI;this.domBuilder.setRoot(n.html,n.css),this.renderPreview(),this.selectedStyle=t}else kt.toast("Style not supported","error");this.setStylePicker(!1)},renderPreview:function(){this.domBuilder&&(this.placeholderHTML=`\n            <style>${this.domBuilder.toScopedCSS()}</style>\n            ${this.domBuilder.toPlaceholderHTML()}\n          `,this.updateRichPreview())},updateRichPreview:function(){this.value&&(this.value.layoutHTML=this.domBuilder.toHTML(),this.value.styleCSS=this.domBuilder.css)},setSelectedBlkCon:function(t){if(!t)return this.selectedBlk=null,this;var e={label:"",x:"",y:""},n=t.getAttribute("dmb:type")||"Container";switch(n){case"blk":n="Container";break;case"textarea":n="Text Area";break;case"img":n="Image"}e.label=n.charAt(0).toUpperCase()+n.slice(1);var i=t.getBoundingClientRect(),a=this.$refs.previewblk.getBoundingClientRect();e.x=i.left-a.left+i.width/2+10+"px",e.y=i.top-a.top+(i.height-33)/2+"px",this.selectedBlk=e},selectBlk:function(t){if(t){var e=t.target&&t.target.classList.contains("dmb")?t.target:t.target.closest(".dmb"),n=e?e.getAttribute("dmb:ref"):null;e?(this.setSelectedBlkCon(e),this.selectedBlkRefID=n,this.domBuilder.highlight(n),this.renderPreview()):this.selectBlk()}else this.selectedBlkRefID=null,this.isDetailExpanded=!1,this.domBuilder.highlight(null),this.renderPreview(),this.setSelectedBlkCon(null)},removeBlk:function(){this.selectedBlkRefID?(this.domBuilder.remove(this.selectedBlkRefID),this.renderPreview()):console.error("No dmb block to remove"),this.selectBlk()},toggleExpandDetails:function(){this.selectedBlk&&(this.isDetailExpanded=!this.isDetailExpanded)},initComponentDrag:function(){this.drake&&this.drake.destroy();var t=this;Vue.nextTick((function(){var e=t.$refs.components.querySelectorAll(".objects-list");e=[].slice.call(e),t.drake=dragula(e,{slideFactorY:5,slideFactorX:5,copy:!0,isContainer:function(t){return t&&"blk"===t.getAttribute("dmb:type")},accepts:function(t,e,n,i){return e&&!e.classList.contains("objects-list")}}),t.drake.on("drop",(function(e,n,i,a){if(e.remove(),e&&n){var o,r=e.getAttribute("data-key"),s=n.getAttribute("dmb:ref");a&&a.getAttribute("dmb:ref")?o=a.getAttribute("dmb:ref"):a&&a.classList.contains("spacer")&&(o="spacer"),console.log("> dropped ["+r+"] on",s),console.log("> sibling",o);var d=t.getComponent(r);d&&(t.domBuilder.addHTMLStr(s,d.html,o),d.css&&t.domBuilder.addCSS(d.css),t.renderPreview())}}))}))}},mounted:function(){this.initValue(),this.componentGroups.length&&this.initComponentDrag()},beforeDestroy:function(){this.selectBlk()}})}();Vue.component("ui-editor",U);var P=Vue.extend({template:"",props:["dataObj","layout","layoutStr","styleStr","styleURL"],data:function(){return{}},computed:{data:function(){var t=this.dataObj?JSON.parse(JSON.stringify(this.dataObj)):null;return t&&kt.util.Content.flattenLocales(t),t}},methods:{layoutString:function(){if(null==this.layout||null!=this.layoutStr)return this.layoutStr;switch(console.log(">layout",this.layout),this.layout){case"horizontal":return'<flybits-carousel v-bind:content="content"></flybits-carousel>';case"card-buttonlink":return'<card-buttonlink v-bind:data="data"></card-buttonlink>';case"vertical":return'<flybits-vertical v-bind:content="content" ></flybits-vertical>';case"expose":return'<flybits-expose v-bind:content="content" v-bind:viewall="viewall" v-bind:title="name"></flybits-expose>';case"banner-buttonlink":return'<banner-buttonlink v-bind:data="data"></banner-buttonlink>';case"banner-timedoffer":return'<banner-timedoffer v-bind:data="data"></banner-timedoffer>';case"banner-chart":return'<banner-chart v-bind:data="data"></banner-chart>'}console.error("No template or layout have been defined for your configuration")}},created:function(){if(this.data){var t=`\n          <div class="flb-viewable">\n            ${this.layoutString()}\n          </div>\n        `;this.$options.template=t}if(kt.util.Browser.ResourceLoader&&this.styleStr){var e=this.dataid||ObjUtil.guid(1);kt.util.Browser.ResourceLoader.loadStyleStr(e,this.styleStr)}kt.util.Browser.ResourceLoader&&this.styleURL&&kt.util.Browser.ResourceLoader.loadStyleURL(this.styleURL)}});Vue.component("viewable-preview",P);var j=Vue.extend({template:'\n    <div class="card-buttonlink card-base">\n      <media class="img-blk" v-if="data.media" v-bind:data="data.media"/>\n      <div class="main-body" v-if="data">\n        <div class="caption2" v-if="data.header">\n          {{data.header}}\n        </div>\n        <div class="title" v-if="data.title">\n          {{data.title}}\n        </div>\n        <div class="caption1" v-if="data.description">\n          {{data.description}}\n        </div>\n        <div class="button-wrap" v-if="data.buttons">\n          <div class="button footnote" v-for="(button,index) in data.buttons" v-on:click="actionTrigger(button,index)">\n            {{button.text}}\n          </div>\n        </div>\n        <div class="link footnote" v-if="data.link"  v-on:click="actionTrigger(data.link,0)">\n            {{data.link.text}}\n        </div>\n      </div>\n      <chart v-if="data.chart" v-bind:data="data.chart"/>\n    </div>\n  ',props:["data"],data:function(){return{}},methods:{actionTrigger:function(t,e){console.log("> clickity",t,e),concierge.openLink(t.actionValue)}},beforeMount:function(){var t="card-buttonlink";if(!e.head.querySelector("style[key="+t+"]")){var n=e.createElement("style");n.setAttribute("key",t),n.innerHTML="\n      .card-buttonlink, .img-blk {\n        overflow: hidden;\n        object-fit: cover;\n      }\n\n      .card-buttonlink .img-blk {\n         height: auto;\n         max-width: 100%;\n      }\n      \n      .card-buttonlink .main-body {\n        margin-top: 6px;\n        margin-left: 16px;\n        margin-right: 16px;\n      }\n\n      .card-buttonlink .main-body * {\n         margin-bottom: 16px;\n      }\n      \n      .card-buttonlink .button-wrap .button:first-child {\n        border-radius: 18px;\n        color: white;\n        background-color: #007AFF;\n        line-height: max(2.0em, 30px);\n        text-align: center;\n      }\n\n      .card-buttonlink .button-wrap .button:not(:first-child) {\n        border-radius: 18px;\n        line-height: max(2.0em, 30px);\n        text-align: center;\n        border: 1px solid #007AFF;\n      }\n\n      .card-buttonlink .link {\n        color: #007AFF;\n        line-height: max(2.0em, 30px);\n      }\n\n    ",e.head.prepend(n)}},mounted:function(){}});Vue.component("card-buttonlink",j);var B=Vue.extend({props:["data"],mounted:function(){0==this.$options.template.length&&this.failedToLoad()},created:function(){switch(this.data.mediaType){case"video":this.$options.template=function(){const n="vidyard-extended-style";var i=e.head.querySelector('script[data-type="vidyard"]');if(e.head.querySelector("style[key="+n+"]"),!i){var a=e.createElement("script");a.setAttribute("data-type","vidyard"),a.src="https://play.vidyard.com/embed/v4.js",a.async=!0,a.onerror=function(t){console.error("failed!!!! ",t)},t.onVidyardAPI=t=>{t.api.addReadyListener(((t,e)=>{console.log("ready")}))};var o=e.createElement("style");return o.setAttribute("key",n),o.innerHTML="\n        .vidyard-player-embed iframe,\n        .vidyard-player-embed object,\n        .vidyard-player-embed embed {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%% !important;\n            height: 100%% !important;\n    }\n    ",e.head.prepend(o),e.body.prepend(a),'<img class="vidyard-player-embed"  data-uuid="WgLAV4YRy2u6XeRyQoC1Fb" data-type="inline" data-quality="360"/>'}console.log("existing")}();break;case"image":this.$options.template='\n                    <img :src="this.data.resourceURL"/>\n                ';break;default:this.$options.template=""}},inject:["failedToLoad"]});Vue.component("media",B);var V=Vue.extend({template:"#image-field",props:{value:String,default:String,aspectRatio:[String,Number],editable:{type:Boolean,default:!0}},data:function(){return{currentURL:null}},watch:{value:function(t,e){this.currentURL=t}},methods:{openManager:function(){if(this.editable){var t=this,e=new Flybits.Deferred,n={deferredChild:e};if(this.currentURL&&(n.existingURL=this.currentURL),this.aspectRatio&&"string"==typeof this.aspectRatio&&this.aspectRatio.indexOf("/")>-1){var i=+this.aspectRatio.split("/")[0],a=+this.aspectRatio.split("/")[1];n.constraints={aspectRatio:+(i/a).toFixed(4)}}else this.aspectRatio&&"number"==typeof this.aspectRatio&&(n.constraints={aspectRatio:+this.aspectRatio.toFixed(4)});e.promise.then((function(e){t.setImg(e),console.log("> manager closed")})).catch((function(){console.log("> manager error closed")})),kt.evt.emit(kt.actions.OPENMANAGEIMAGE,n)}},setImg:function(t){t&&(this.currentURL=t.url,this.$emit("input",t.url))}},mounted:function(){this.currentURL=this.value;var t=this;Vue.nextTick((function(){t.default&&!t.value&&t.setImg({url:t.default})}))}});Vue.component("image-field",V);var H,_,$,q,J,K=(_=function(){var t=function(){function t(t){t&&this.fromJSON(t)}return t.prototype.fromJSON=function(t){return this.grayscale=!!t.hasOwnProperty("grayscale")&&t.grayscale,this.blur=t.hasOwnProperty("blur")?t.blur:0,this.rotate=t.hasOwnProperty("rotate")?t.rotate:0,this.crop=t.crop?JSON.parse(JSON.stringify(t.crop)):null,this},t.prototype.toJSON=function(){var t={grayscale:this.grayscale,blur:+this.blur,rotate:+this.rotate};return this.crop&&(t.crop=JSON.parse(JSON.stringify(this.crop))),t},t.prototype.equals=function(t){return this.grayscale===t.grayscale&&this.blur===t.blur&&this.rotate===t.rotate&&this.crop==t.crop},t.copy=t.prototype.copy=function(e){return new t(e)},t}();function n(e){this.style=new t,e&&this.fromJSON(e)}return n.prototype.setStyle=function(t){this.style.fromJSON(t.toJSON())},n.prototype.toJSON=function(){var t={id:this.id,url:this.url,friendlyName:this.name,extension:this.extension};return this.uploadedAt&&(t.uploadedAt=Math.round(this.uploadedAt.getTime()/1e3)),this.size&&(t.size=this.size),t},n.prototype.fromJSON=function(t){this.id=t.id,this.url=t.url,t.uploadedAt&&(this.uploadedAt=new Date(1e3*t.uploadedAt),this.uploadedAtStr=this.uploadedAt.getShortMonthName()+" "+this.uploadedAt.getDate()+", "+this.uploadedAt.getFullYear()),this.name=t.friendlyName,this.extension=t.extension,t.size&&(this.size=t.size,this.sizeStr=n.generateSizeStr(this.size)),this.resolutionStr="",this.dimensions={width:0,height:0};var i=e.createElement("img");i.style.position="fixed",i.style.left="-1999px",i.style.opacity=0,i.src=this.url,e.body.appendChild(i);var a=this;i.onload=function(){a.dimensions.width=i.naturalWidth,a.dimensions.height=i.naturalHeight,e.body.removeChild(i)}},n.generateSizeStr=function(t){return t<1e3?t+" B":t<1e6?(t/1e3).toFixed(1)+" KB":t<1e9?(t/1e6).toFixed(1)+" MB":t<1e12?(t/1e9).toFixed(1)+" GB":""},n.StyleState=t,n}(),$=function(){function t(t){t=t||{},this.offset=-1,this.total=0,this.limit=t.limit||20,this.images=[],this.isLoading=!1}return t.prototype.getMore=function(){if(!this.hasMore())return Promise.reject();-1===this.offset?this.offset=0:this.offset=this.offset+this.limit;var t=this,e=new Flybits.Deferred,n=H+"?limit="+this.limit+"&offset="+this.offset;return this.isLoading=!0,Flybits.util.Api.flbFetch(n).then((function(n){t.offset=n.body.pagination.offset,t.total=n.body.pagination.totalRecords;var i=t.images.map((function(t){return t.id})),a=n.body.data.map((function(t){return new _(t)})).filter((function(t){return i.indexOf(t.id)<0}));t.images.push.apply(t.images,a),e.resolve(t.images)})).catch((function(t){e.reject(t)})).then((function(){t.isLoading=!1})),e.promise},t.prototype.hasMore=function(){return-1===this.offset||this.offset+this.limit<this.total},t.prototype.deleteImage=function(t){var e=new Flybits.Deferred,n=H+"/"+t.id,i=this;return Flybits.util.Api.flbFetch(n,{method:"DELETE",respType:"none"}).then((function(){kt.util.Obj.removeObject(i.images,t,(function(e){return e.id===t.id})),e.resolve()})).catch((function(t){e.reject(t)})),e.promise},t.prototype.insertImage=function(t){this.images.map((function(t){return t.id})).indexOf(t.id)<0&&this.images.push(t)},t}(),q={uploadFile:function(e){e=e||{onfilechange:function(){}};var n=new Flybits.Deferred,i=H+"/upload";return t.allUpload({targetURL:kt.store.state.config.PIXELHOST+"/upload?callback="+t.location.origin+"/noop.html",acceptStr:"image/*",fileParamName:"image",isResponseInQueryString:!0,onfilechange:e.onfilechange,formArgs:kt.util.Obj.toStringParams({proxyTarget:i,proxyFileParam:"file",proxyHeaders:{"X-Authorization":Flybits.Session.userToken},proxyParams:{isPrivate:!1}})}).then((function(t){try{var e=JSON.parse(t.data);n.resolve(e)}catch(t){n.reject(t)}})).catch((function(t){n.reject(t)})),n.promise},uploadURL:function(t){t=t||{};var e=new Flybits.Deferred,n=H+"/upload",i=kt.store.state.config.PIXELHOST+"/transform";return t.url?(Flybits.util.Api.fetch(i,{method:"POST",headers:{"Content-Type":"application/json"},respType:"json",body:JSON.stringify({image:t.url,proxyTarget:n,proxyFileParam:"file",proxyHeaders:{"X-Authorization":Flybits.Session.userToken},proxyParams:{isPrivate:!1}})}).then((function(t){e.resolve(t.body)})).catch((function(t){e.reject(t)})),e.promise):Promise.reject()},transform:function(t,e){var n=new Flybits.Deferred,i=kt.store.state.config.PIXELHOST+"/transform",a=H+"/upload",o=kt.util.Obj.extend(e.toJSON(),{image:t,proxyTarget:a,proxyFileParam:"file",proxyHeaders:{"X-Authorization":Flybits.Session.userToken},proxyParams:{isPrivate:!1}});return Flybits.util.Api.fetch(i,{method:"POST",headers:{"Content-Type":"application/json"},respType:"json",body:JSON.stringify(o)}).then((function(t){n.resolve(t.body)})).catch((function(t){n.reject(t)})),n.promise}},J=function(){function e(t){t=t||{},this.image=t.image,this.$el=t.$el,this.state=_.StyleState.copy(t.image.style),this.backHistory=[],this.forwardHistory=[],this.cropper,this.constraints=t.constraints,this.commit()}return e.prototype.undo=function(){if(this.backHistory.length>1){var t=this.backHistory.pop();this.forwardHistory.unshift(t),this.revert()}return this},e.prototype.redo=function(){if(this.forwardHistory.length){var t=this.forwardHistory.shift();this.state.fromJSON(t.toJSON()),this.backHistory.push(t)}return this},e.prototype.commit=function(t){var e=_.StyleState.copy(this.state);this.backHistory.push(e),this.flushForwardHistory()},e.prototype.revert=function(){var t=this.backHistory[this.backHistory.length-1];t&&this.state.fromJSON(t.toJSON())},e.prototype.flushForwardHistory=function(){this.forwardHistory.splice(0,this.forwardHistory.length)},e.prototype.updateImage=function(){var t="",e="",n="";if(this.state.grayscale&&(t+="grayscale(100%)"),+this.state.blur>0&&(t+="blur("+(5*+this.state.blur+.3)+"px)"),+this.state.rotate>0&&+this.state.rotate<360&&(e+="rotate("+this.state.rotate+"deg)"),this.state.crop){var i=this.state.crop.containerData,a=this.state.crop.cropBoxData,o=a.left,r=a.top,s=i.height-(r+a.height),d=i.width-(o+a.width);s<0&&(s=0),d<0&&(d=0),n+="inset("+r+"px "+d+"px "+s+"px "+o+"px)",e+="translate3d("+((i.width-a.width)/2-o)+"px,"+((i.height-a.height)/2-r)+"px,0)"}var l="";""!==t&&(l+="filter:"+t+";"),""!==e&&(l+="transform:"+e+";"),""!==n&&(l+="clip-path:"+n+";"),this.$el.setAttribute("style",l)},e.prototype.push=function(){var t=new Flybits.Deferred;return q.transform(this.image.url,this.state).then((function(e){t.resolve(new _(e[0]))})).catch((function(e){t.reject(e)})),t.promise},e.prototype.startCrop=function(){var e=this,n={viewMode:1,zommable:!1,ready:function(){},crop:function(t){e.state.crop={x:t.detail.x,y:t.detail.y,dx:t.detail.width,dy:t.detail.height,canvasData:i.getCanvasData(),cropBoxData:i.getCropBoxData(),containerData:i.getContainerData()}}};e.constraints&&e.constraints.aspectRatio&&(n.aspectRatio=e.constraints.aspectRatio);var i=this.cropper=new t.Cropper(this.$el,n)},e.prototype.stopCrop=function(){this.cropper&&(this.cropper.destroy(),this.cropper=null)},e}(),Vue.extend({template:"#image-manager",data:function(){return{isOpen:!1,deferredChild:null,isEdit:!1,isDetail:!1,store:new $,currentImg:null,isLoading:!1,urlToUpload:null,pixelPusher:null,detailMode:null,constraints:null}},computed:{detailChange:function(){if(this.pixelPusher){var t=JSON.stringify(this.pixelPusher.state.crop);return""+this.pixelPusher.state.blur+this.pixelPusher.state.rotate+this.pixelPusher.state.grayscale+t}return!1}},watch:{detailChange:function(t,e){t&&e&&this.pixelPusher.updateImage()},detailMode:function(t,e){"crop"===t?this.pixelPusher.startCrop():this.pixelPusher&&this.pixelPusher.stopCrop()}},methods:{switchMode:function(t){var e=this;this.isEdit=t&&"edit"===t.toLowerCase(),this.isEdit&&this.currentImg&&(this.pixelPusher=new J({image:e.currentImg,constraints:e.constraints}),Vue.nextTick((function(){e.pixelPusher.$el=e.$refs.imageEl})))},pushMode:function(t){this.isDetail=!!t,this.detailMode=t},undo:function(){this.pixelPusher.undo()},redo:function(){this.pixelPusher.redo()},acceptDetail:function(){this.isDetail=!1,this.detailMode=null,this.pixelPusher.commit()},cancelDetail:function(){this.isDetail=!1,this.detailMode=null,this.pixelPusher.revert()},finalizeEdit:function(){var t=this;this.pixelPusher.push().then((function(e){t.store.insertImage(e),t.selectImg(e),t.switchMode("")})).catch((function(t){console.log("> uh oh",t)}))},deleteFile:function(){var t=this;this.currentImg&&(this.isLoading=!0,this.store.deleteImage(this.currentImg).then((function(){t.selectImg(null)})).catch((function(t){console.log("> uh oh",t)})).then((function(){t.isLoading=!1})))},uploadFile:function(){var t=this;q.uploadFile({onfilechange:function(){t.isLoading=!0}}).then((function(e){console.log("> fileuplaoded",e);var n=new _(e[0]);t.store.insertImage(n),t.selectImg(n)})).catch((function(t){console.log("> uh oh",t)})).then((function(){t.isLoading=!1}))},uploadURL:function(){var t=this;this.urlToUpload&&(this.isLoading=!0,q.uploadURL({url:this.urlToUpload}).then((function(e){console.log("> urluplaoded",e),t.selectImg(new _(e[0])),t.urlToUpload=null})).catch((function(t){console.log("> uh oh",t)})).then((function(){t.isLoading=!1})))},openManager:function(t){this.isOpen=!0,this.deferredChild=t.deferredChild,t.existingURL&&this.selectImg(new _({url:t.existingURL})),t.constraints&&(this.constraints=t.constraints)},closeManager:function(t){var e=this;this.isOpen=!1,this.deferredChild&&(t?this.deferredChild.reject():this.deferredChild.resolve(this.currentImg),this.deferredChild=null),setTimeout((function(){e.pixelPusher&&(e.pixelPusher.stopCrop(),e.pixelPusher=null),e.currentImg=null,e.urlToUpload=null,e.isEdit=!1,e.isDetail=!1,e.detailMode=null}),200)},revertEditMode:function(){this.pixelPusher&&(this.pixelPusher.stopCrop(),this.pixelPusher=null),this.isDetail=!1,this.detailMode=null,this.isEdit=!1},cancelMode:function(){this.isEdit?this.revertEditMode():this.closeManager(!0)},completeManage:function(){this.closeManager()},selectImg:function(t){this.currentImg=t},listLoad:function(){var e=this,n=this.$refs.imagelist,i=this.$refs.imageswrap;t.requestAnimationFrame((function(){n.scrollTop+n.offsetHeight>=i.offsetHeight-25&&!e.store.isLoading&&e.store.hasMore()&&(console.log("> load moar"),e.store.getMore())}))}},mounted:function(){var t=this;setTimeout((function(){kt.ready.then((function(){H=kt.store.state.config.HOST+"/kernel/file-manager/files",Flybits.Session.ready.then((function(){t.store.getMore()})),kt.evt.on(kt.actions.OPENMANAGEIMAGE,(function(e){t.openManager(e)}))}))}),1)}}));Vue.component("image-manager",K);var G=Vue.extend({template:"#color-picker",props:{value:String,reset:Boolean,alpha:{type:Boolean,default:!1}},data:function(){return{picker:null,previewColor:null}},watch:{value:function(t,e){this.picker.setColor(t),this.previewColor=t}},methods:{setColor:function(t){this.$emit("input",t),this.previewColor=t},clear:function(){this.setColor(null)}},mounted:function(){var t=this;this.picker=new Picker({parent:this.$el.querySelector(".preview"),alpha:!1,onDone:function(e){t.setColor(e.hex.substr(0,7))}}),this.value&&(this.picker.setColor(this.value),this.previewColor=this.value)}});Vue.component("color-picker",G);var Y=function(){const t=/{{(.*?)}}/g;var n=function(){var t=Quill.import("blots/embed");class n extends t{static blotName="dynamic-attribute";static className="dynamic-attribute";static tagName="SPAN";static create(t){let e=super.create(t),i=b.fromCTXString(t);return n.assembleNode(e,i)}static assembleNode(t,e){t.setAttribute("class","dynamic-attribute"),t.setAttribute("data-raw",e.rawStr);var n="";return e.parameters.length&&(n+=`Parameters: ${e.getParamDisplayString()}`),e.defaultValue&&(n&&(n+="\r"),n+=`Default: ${e.defaultValue}`),n&&t.setAttribute("title",n),t.innerHTML=`<i class="fa fa-code icon"></i><span class="idstr">${e.getLabel()}</span>`,t}static parseCTXStrings(t){for(var i=t.matchAll(/{{(.*?)}}/g),a=i.next().value;a;){let o=e.createElement("span"),r=b.fromCTXString(a[0]);o=n.assembleNode(o,r),t=t.replace(a[0],function(){let t=e.createElement("div");return t.appendChild(o),t.innerHTML}()),a=i.next().value}return t}static serializeCTXStrings(t){return t.querySelectorAll(".dynamic-attribute").forEach((function(t){t.replaceWith(`${t.getAttribute("data-raw")}`)})),t}}return n}();Quill.register(n);var i=Quill.import("attributors/style/size");return i.whitelist=["16px","17px","18px","19px","20px"],Quill.register(i,!0),Vue.extend({template:"#rtf-editor",props:{value:{},uriEncoded:{type:Boolean,default:!0},inputType:{type:String,default:"textarea"},returnType:{type:String,default:"richtext"},toolbarOpts:{type:Array,default:function(){return[["bold","italic","underline","strike"],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{header:[1,2,3,!1]}],[{size:["16px","17px","18px","19px","20px"]}],[{color:[]},{background:[]}],[{align:[]}],["link"],["clean"],["dynamicAttr"]]}}},data:function(){return{quill:null,isCTXPickerOpen:!1}},watch:{value:function(t,e){t&&!e&&this.setValue(t)}},methods:{setValue:function(t){try{var e=decodeURIComponent(t);e=n.parseCTXStrings(e),"plaintext"===this.returnType?this.quill.root.innerHTML=`<p>${e}</p>`:this.quill.root.innerHTML=e}catch(e){console.error(e),this.quill.root.innerHTML=t}},emitValue:function(){var e,i=this.quill.root.cloneNode(!0);if(n.serializeCTXStrings(i),"plaintext"===this.returnType)this.$emit("input",i.textContent);else{var a=i.innerHTML.replaceAll(';"','"'),o=encodeURIComponent(a);[...(e=(e=o).replaceAll("%7B","{").replaceAll("%7D","}")).matchAll(t)].map((function(t){return t[1]})).forEach((function(t){var n=decodeURIComponent(t);e=e.replace(t,n)})),o=e,this.$emit("input",o)}}},mounted:function(){var t=this;this.quill=new Quill(this.$refs.editorwrap,{theme:"snow",modules:{toolbar:{container:t.toolbarOpts,handlers:{dynamicAttr:function(e){let n=this.quill.getSelection();if(n&&0===n.length){var i=new a;t.isCTXPickerOpen=!0,setTimeout((function(){t.$refs.ctxpicker.open(i)}),10),i.promise.then((function(e){console.log("> chose",e);let i=e.plugin.id+".";e.attribute.parameters.length&&e.paramValues.length?i+="query."+e.attribute.id+"."+e.paramValues.join("."):i+=e.attribute.id,e.defaultVal&&(i+=","+e.defaultVal),t.quill.insertEmbed(n.index,"dynamic-attribute",`{{${i}}}`)})).catch((function(t){console.error(t)})).then((function(){setTimeout((function(){t.isCTXPickerOpen=!1}),200)}))}}}}}}),this.quill.on("text-change",(function(e,n,i){t.emitValue()})),this.value&&t.setValue(this.value)}})}();Vue.component("rtf-editor",Y);var X=Vue.extend({template:"#datetime-picker",props:["value","placeholder"],data:function(){return{picker:null}},watch:{value:function(t,e){if(t)if(t instanceof Date)this.picker.setDate(t);else try{this.picker.setDate(new Date(t))}catch(e){this.$refs.input.value=t}else this.$refs.input.value=t}},mounted:function(){var t=this;this.picker=flatpickr(this.$refs.input,{enableTime:!0,onChange:function(e,n,i){t.$emit("input",e[0].toISOString())}}),this.value&&this.value instanceof Date&&this.picker.setDate(this.value)}});Vue.component("datetime-picker",X);var Q=function(){const t={details:{params:[{label:"Content Instance",type:"text",placeholder:"",required:!1,val:"",key:"contentId",mode:{label:"Default",key:"default"}}]},web:{params:[{label:"URL",type:"text",placeholder:"",required:!0,val:"",key:"url"}]},browser:{params:[{label:"URL",type:"text",placeholder:"",required:!0,val:"",key:"url"}]},https:{params:[{label:"URL",type:"text",placeholder:"",required:!0,val:"",key:""}]},phone:{params:[{label:"No.#",type:"number",placeholder:"",required:!0,val:"",key:"phoneNumber"}]},app:{params:[{label:"Name",type:"text",placeholder:"",required:!0,val:"",key:"name"}]},concierge:{params:[{label:"Container",type:"text",placeholder:"configured",required:!1,val:"",key:"container"},{label:"Zone Reference ID",type:"text",placeholder:"",required:!1,val:"",key:"zoneReferenceId"},{label:"Filter",type:"text",placeholder:"",required:!1,val:"",key:"filter"},{label:"Style",type:"text",placeholder:"",required:!1,val:"",key:"style"}]},universalLink:{params:[{label:"iOS",type:"text",placeholder:"",required:!0,val:"",key:"ios"},{label:"Android",type:"text",placeholder:"",required:!0,val:"",key:"android"}]},mail:{params:[{label:"To",type:"text",placeholder:"",required:!0,val:"",key:"sendTo"},{label:"Subject",type:"text",placeholder:"",required:!1,val:"",key:"subject"},{label:"Body",type:"text",placeholder:"",required:!1,val:"",key:"body"},{label:"CC",type:"text",placeholder:"",required:!1,val:"",key:"cc"},{label:"BCC",type:"text",placeholder:"",required:!1,val:"",key:"bcc"}]},custom:{params:[{label:"",type:"text",placeholder:"",required:!0,val:"",key:""}]}};return Vue.extend({template:"#uri-editor",props:{value:String,options:Array},data:function(){return{optTypeKey:null,params:[]}},computed:{selectedType:function(){if(this.optTypeKey&&this.options){var t=this.optTypeKey;return this.options.filter((function(e){return t===e.val}))[0]}},fullProtocol:function(){return"custom"!==this.optTypeKey?this.optTypeKey+"://":""},isCustom:function(){return"custom"===this.optTypeKey}},watch:{value:function(t,e){t&&!e&&this.inflateDefault(t)},optTypeKey:function(e,n){var i=t[e];this.setParams(i?i.params:t.custom.params)},params:{handler:function(t,e){var n=this.fullProtocol;if("custom"===this.optTypeKey)n=this.params[0].val;else if("https"===this.optTypeKey){var i=this.params[0].val;n=(i.startsWith("https://")||i.startsWith("http://")?"":"https://")+i}else{var a={};this.params.forEach((function(t){t.val&&(a[t.key]=t.val)})),kt.util.Browser.toURLParamString(a).length>1&&(n+=kt.util.Browser.toURLParamString(a))}this.$emit("input",n)},deep:!0}},methods:{setParams:function(t){this.params=JSON.parse(JSON.stringify(t))},setOptTypeKey:function(e){this.optTypeKey=t[e]?e:"custom"},inflateDefault:function(e){if(console.log("> inflate seed",e),e){var n=e.split("://")[0],i=e.indexOf("://")>-1?e.substring(e.indexOf("://")+3):e,a=t.custom;if(t[n]?a=t[n]:n="custom",a){this.setOptTypeKey(n);var o=this;Vue.nextTick((function(){o.params.forEach((function(t){t.key?(t.val=kt.util.Browser.getURLParam(t.key,e),"contentId"===t.key&&t.val&&(t.mode={label:"Other",key:"other"})):t.val=i}))}))}}},syncDetailsParam:function(t){t.mode&&"default"===t.mode.key&&(t.val="")}},mounted:function(){this.value?this.inflateDefault(this.value):this.options?.length&&this.setOptTypeKey(this.options[8].val)}})}();Vue.component("uri-editor",Q);var W=Vue.extend({template:"#carousel-picker",props:{items:{type:Array,default:function(){return[]}},selected:{type:String}},data:function(){return{hasLeft:!1,hasRight:!1}},methods:{select:function(t){this.$emit("selected",t)},calcPos:function(){this.hasLeft=this.$refs.scroller.scrollLeft>0,this.hasRight=this.$refs.innerwrap.clientWidth>this.$refs.root.clientWidth&&this.$refs.root.clientWidth+this.$refs.scroller.scrollLeft<this.$refs.innerwrap.clientWidth-5},scrollLeft:function(){var t=this;this.$refs.scroller.scrollLeft=this.$refs.scroller.scrollLeft-this.$refs.root.clientWidth,setTimeout((function(){t.calcPos()}),500)},scrollRight:function(){var t=this;this.$refs.scroller.scrollLeft=this.$refs.scroller.scrollLeft+this.$refs.root.clientWidth,setTimeout((function(){t.calcPos()}),500)},hoverOn:function(){this.calcPos()}},mounted:function(){this.calcPos()}});Vue.component("carousel-picker",W);var Z=function(){var t=["layout","opacity","backgroundColor","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight"],e={text:["fontSize","fontWeight","color","lineClamp","textAlign"],container:["lineClamp"],banner:["backgroundSize","backgroundPosition"],textinput:["fontSize","fontWeight","color","textAlign","inputType","inputLabel"],textareainput:["fontSize","fontWeight","color","textAlign","inputLabel"],rangeinput:["inputLabel","min","max","step"],checkboxinput:["inputLabel"],radioinput:["inputLabel","name"]};e.textbutton=e.primarybutton=e.secondarybutton=e.text,e.textarea=e.text,e.icon=e.banner,e.blk=e.container;const n=/{{(.*?)}}/g,i=/\emitAction\((.*?)\)/g;return Vue.extend({template:"#style-editor",props:["domBuilder","refId","fieldList"],data:function(){return{dataBindKey:null,actionBindKey:null,elemStyling:null,inputBindKey:null,inputType:null}},computed:{canBeBound:function(){return"blk"!==this.type&&"container"!==this.type&&!this.isInput},isActionable:function(){return"primarybutton"===this.type||"secondarybutton"===this.type||"textbutton"===this.type},isInput:function(){return"textinput"===this.type||"textareainput"===this.type||"rangeinput"===this.type||"checkboxinput"===this.type||"radioinput"===this.type},element:function(){return this.refId&&this.domBuilder?this.domBuilder.get(this.refId):null},type:function(){return this.element?this.element.getAttribute("dmb:type"):null},typeFeatures:function(){var n=t.slice(0);return Array.prototype.push.apply(n,e[this.type]||[]),n},actionFieldList:function(){return this.fieldList.filter((function(t){return"cturi"===t.uiType}))},requiredDataBindKey:function(){return this.fieldList.find((function(t){return t.isRequired}))?.key||null}},watch:{refId:function(t,e){e&&t?(this.parseDataBinding(),this.parseElemStyling(),!this.dataBindKey&&this.setDataBindingWithRequiredField()):t||(this.dataBindKey=null,this.elemStyling=null,this.actionBindKey=null,this.inputBindKey=null,this.inputType=null)},elemStyling:{deep:!0,handler:function(t,e){this.updateElemStyling()}}},methods:{parseDataBinding:function(){if(this.element){if(this.dataBindKey=null,this.actionBindKey=null,this.inputBindKey=null,"img"===this.type||"icon"===this.type||"banner"===this.type){var t=this.element.getAttribute("v-bind:style");if(t){var e=t.indexOf("url("),a=t.indexOf(")");if(e+4<a){var o=t.slice(e+4,a).replaceAll("'","").replaceAll("+","");o&&o.startsWith("data.")&&(this.dataBindKey=o)}}}else if("textarea"===this.type)this.dataBindKey=this.element.getAttribute("v-rtf");else{var r=this.element.innerHTML.match(n)?this.element.innerHTML.match(n).map((function(t){return t.replace(/[{}]/g,"")})):[];console.log("> data bindings",r),r&&r.length&&(this.dataBindKey=r[0])}if("primarybutton"===this.type||"secondarybutton"===this.type||"textbutton"===this.type){var s=this.element.getAttribute("v-on:click");s&&(this.actionBindKey=i.exec(s)[1])}this.isInput&&(this.inputBindKey=this.element.getAttribute("dmb:ctx"))}else this.dataBindKey=null,this.actionBindKey=null,this.inputBindKey=null},canStyleAttr:function(t){return this.typeFeatures.indexOf(t)>-1},parseElemStyling:function(){if(this.element){var t=new m(this.typeFeatures,this.element);this.elemStyling=t}else this.elemStyling=null},attributeSelectChange:function(t){this.inputType=t.attribute.type,this.setBindKey()},setBindKey:function(){this.element&&(console.log("> setBindKey",this.dataBindKey),"img"===this.type||"icon"===this.type||"banner"===this.type?this.element.setAttribute("v-bind:style","{backgroundImage: 'url('+"+this.dataBindKey+"+')'}"):"textarea"===this.type?this.element.setAttribute("v-rtf",this.dataBindKey):this.canBeBound&&(this.element.innerHTML="{{"+this.dataBindKey+"}}"),"primarybutton"!==this.type&&"secondarybutton"!==this.type&&"textbutton"!==this.type||this.element.setAttribute("v-on:click","emitAction("+this.actionBindKey+")"),this.isInput&&(this.element.setAttribute("dmb:ctx",this.inputBindKey),this.element.setAttribute("dmb:ctxtype",this.inputType)),this.$emit("update"))},updateElemStyling:function(){this.elemStyling.applyStateToElem(),this.$emit("update")},setDataBindingWithRequiredField:function(){this.dataBindKey=this.requiredDataBindKey,this.setBindKey()}},mounted:function(){this.parseDataBinding(),this.parseElemStyling(),!this.dataBindKey&&this.setDataBindingWithRequiredField()}})}();Vue.component("style-editor",Z);var tt=Vue.extend({template:"#content-picker",props:["value"],data:function(){return{isOpen:!1,isShown:!1}},computed:{contentInstances:function(){return kt.store.state.content.content.sort((function(t,e){return t.name.toLowerCase()<e.name.toLowerCase()?-1:1}))},selectedContent:function(){if(this.value&&this.contentInstances){var t=this;return this.contentInstances.filter((function(e){return e.id===t.value}))[0]}}},methods:{isSelected:function(t){return this.value&&t.id===this.value},select:function(t){t&&(this.$emit("input",t.id),this.close())},open:function(){var t=this;this.isOpen=!0,setTimeout((function(){t.isShown=!0}),1)},close:function(){var t=this;this.isShown=!1,setTimeout((function(){t.isOpen=!1}),200)}}});Vue.component("content-picker",tt);var et=Vue.extend({template:"#attribute-picker",props:{defaultEditable:{default:!1}},data:function(){return{isShown:!1,showDefaultEdit:!1,selectedPlugin:null,selectedAttribute:null,tmpParamVals:null,defaultVal:null}},computed:{contextPlugins:function(){return kt.store.state.context.contextPlugins.sort((function(t,e){return t.name.toLowerCase()<e.name.toLowerCase()?-1:1}))}},methods:{isSelected:function(t){return this.value&&t.id===this.value},editDefault:function(){this.showDefaultEdit=!0},selectPlugin:function(t){this.selectedPlugin=t,t||(this.selectAttribute(),this.showDefaultEdit=!1)},selectAttribute:function(t){this.selectedAttribute=t,this.selectedAttribute&&(this.selectedAttribute.parameters.length?this.tmpParamVals=this.selectedAttribute.parameters.map((function(t){return""})):this.defaultEditable?this.editDefault():this.done())},done:function(){this.deferredResult&&this.deferredResult.resolve({plugin:this.selectedPlugin,attribute:this.selectedAttribute,paramValues:this.tmpParamVals,defaultVal:this.defaultVal}),this.close()},open:function(t){this.selectedAttribute=null,this.selectedPlugin=null,this.tmpParamVals=null,this.defaultVal=null,this.isShown=!0,this.showDefaultEdit=!1,this.deferredResult=t},close:function(){this.isShown=!1}}});Vue.component("attribute-picker",et);var nt=Vue.extend({template:"#attribute-picker-field",props:["value"],data:function(){return{selectedPlugin:null,selectedAttribute:null,paramVals:null}},watch:{value:function(t,e){!t||e||this.selectedPlugin||this.parseCTXID()}},methods:{open:function(){var t=this,e=new a;this.$refs.picker.open(e),e.promise.then((function(e){t.selectedPlugin=e.plugin,t.selectedAttribute=e.attribute,t.paramVals=e.paramValues,t.setCTXID()})).catch((function(e){kt.toast("Failed to select Context","error"),console.error(e),t.close()}))},parseCTXID:function(){if(this.value){var t=this.value.split("."),e=t[0]+"."+t[1]+"."+t[2],n="query"===t[3]?t[4]:t[3],i=this.contextPlugins.filter((function(t){return t.id===e}))[0];if(i){this.selectedPlugin=i;var a=this.selectedPlugin.attributes.filter((function(t){return t.id===n}))[0];a&&(this.selectedAttribute=a,this.selectedAttribute.parameters.length&&(this.tmpParamVals=t.slice(4)))}}},setCTXID:function(){if(this.selectedPlugin&&this.selectedAttribute)if(this.selectedAttribute.parameters.length){let t=this.selectedPlugin.id+".query."+this.selectedAttribute.id;t+="."+this.paramVals.join("."),this.$emit("input",t)}else{let t=this.selectedPlugin.id+"."+this.selectedAttribute.id;this.$emit("input",t)}}}});Vue.component("attribute-picker-field",nt);var it=function(){function t(t){(t=t||{}).beforeRouteEnter&&(this.extBeforeRouteEnter=t.beforeRouteEnter,delete t.beforeRouteEnter),Flybits.util.Obj.extend(this,t,{mutate:!0})}return t.prototype={beforeRouteEnter:function(t,e,n){var i=t.matched[0]?t.matched[0].components.default:null;setTimeout((function(){kt.ready.then((function(){i&&i.extBeforeRouteEnter?i.extBeforeRouteEnter(t,e,n):n()}))}),1)}},t}(),at=function(){function t(t){it.call(this,t)}return t.prototype=Object.create(it.prototype),t.prototype.constructor=t,t.prototype.beforeRouteEnter=function(t,e,n){var i=t.matched[0]?t.matched[0].components.default:null;setTimeout((function(){kt.ready.then((function(){Flybits.Session.resolveSession().then((function(){kt.store.dispatch("user/resolveUser",!0),i&&i.extBeforeRouteEnter?i.extBeforeRouteEnter(t,e,n):n()})).catch((function(t){Flybits.Session.clearSession(),kt.authClient.request()}))}))}),1)},t}(),ot=new at({template:"#concierge-manager",beforeRouteEnter:function(t,e,n){n((function(t){a.settlePromises([kt.store.dispatch("content/hydrate"),kt.store.dispatch("zone/hydrate")]).then((function(){t.zones=kt.store.state.zone.zones,t.selectZone(t.zones[0])})).catch((function(t){console.error(t),kt.toast("Failed to load data","error")})).then((function(){t.isLoading=!1}))}))},data:function(){return{isLoading:!0,selectedModule:null,selectedZone:null,zones:[],changeHash:"",queryEditModes:l.QUERYMODES}},methods:{toggleHash:function(){this.changeHash=kt.util.Obj.guid()},selectZone:function(t){this.selectZone!==t&&(this.selectedZone=t,t&&(this.changeHash=kt.util.Obj.hash(JSON.stringify(t.toJSON()))))},editModuleLayout:function(t){this.selectedModule=t,t?(this.selectZone(),this.changeHash=kt.util.Obj.hash(JSON.stringify(t.toJSON()))):this.selectZone(this.zones[0])},addZone:function(){this.zones.push(new d)},removeZone:function(t){kt.util.Obj.removeObject(this.zones,t)},addModule:function(t){t.modules.push(new l)},removeModule:function(t,e){kt.util.Obj.removeObject(t.modules,e)},adjustModuleQuery:function(t){t.updateQueryMode()},moveTo:function(t,e,n,i){!t||!e||n===i||n<0||i<0||n>t.modules.length||i>t.modules.length||(t.modules.splice(n,1),t.modules.splice(i,0,e))},save:function(){var t=this;kt.evt.emit(kt.actions.LOADING,!0),kt.store.dispatch("zone/saveAll").then((function(){t.zones=kt.store.state.zone.zones,t.selectZone(t.zones[0]),t.editModuleLayout()})).catch((function(t){kt.toast("failed to save configuration","error"),console.error(t)})).then((function(){kt.evt.emit(kt.actions.LOADING,!1)}))}},mounted:function(){var t=this.$el.querySelectorAll(".module-item");t=[].slice.call(t)}});Vue.component("concierge-manager",ot);var rt={template:"#experience-templates"};Vue.component("experience-templates",rt);var st={template:"#settings-page"};Vue.component("settings-page",st);var dt=new it({template:"#splash-page",beforeRouteEnter:function(t,e,n){n((function(t){kt.store.dispatch("user/resolveUser",!0).then((function(){kt.router.replace({name:"conciergeManager"})})).catch((function(t){console.error(t),Flybits.Session.clearSession(),kt.authClient.request()}))}))}});Vue.component("splash-page",dt);var lt=new it({template:"#auth-callback",beforeRouteEnter:function(t,e,n){n((function(t){kt.evt.emit(kt.actions.LOADING,!0),kt.authClient.requestSPAuthz().then((function(t){t&&t.accessToken?(Flybits.Session.setUserToken(t.accessToken),kt.store.dispatch("user/resolveUser"),kt.router.replace({name:"conciergeManager"})):(console.error("> uh oh: no valid accessToken"),kt.toast("Authorization denied","error"),kt.store.dispatch("user/logout"),kt.router.replace({name:"login"}))})).catch((function(t){console.error("> blah",t),kt.toast("Authorization denied","error"),kt.store.dispatch("user/logout"),kt.router.replace({name:"login"})})).then((function(){kt.evt.emit(kt.actions.LOADING,!1)}))}))}});Vue.component("auth-callback",lt);var ct=new it({template:"#login-page",methods:{goto:function(){kt.evt.emit(kt.actions.LOADING,!0),kt.router.replace({name:"conciergeManager"})}}});Vue.component("login-page",ct);var pt=new it({template:"#edit-content",beforeRouteEnter:function(t,e,n){n((function(t){kt.evt.on(kt.actions.ONMSG,(function(e){t.hydrate(e)})),kt.vm.lastSeed&&t.hydrate(kt.vm.lastSeed)}))},data:function(){return{isLoading:!0,contentInstance:null,contentTemplate:null,enableDesignAndCode:!0}},methods:{hydrate:function(t){var e=this;if(t){var{contentTemplateId:n,contentInstanceId:i,token:a,enableDesignAndCode:o=!0}=t;e.enableDesignAndCode=o,a&&Flybits.Session.setUserToken(a),kt.store.dispatch("context/hydrate"),kt.store.dispatch("zone/hydrate"),kt.store.dispatch("content/hydrate"),new Promise(((t,a)=>{i?kt.store.dispatch("content/getByID",i).then((function(n){e.contentInstance=n,t(kt.store.dispatch("content/getTemplateByID",n.templateID))})):n?t(kt.store.dispatch("content/getTemplateByID",n)):a("Failed to provide any ids.")})).then((function(t){if(e.contentTemplate=t,!e.contentInstance){var n=new c;n.templateID=t.id,n.type=t.type,kt.util.Content.setUI(n,t.type),e.contentInstance=n}})).catch((function(t){console.error(t),kt.toast("Failed to load data","error")})).then((function(){e.isLoading=!1}))}else kt.toast("Missing data","error")},close:function(){kt.evt.emit(kt.actions.SENDMSG,{action:"close"})},save:function(t){kt.evt.emit(kt.actions.SENDMSG,{action:"success",id:t})}}});Vue.component("edit-content",pt);var ut=new at({template:"#content-manager",beforeRouteEnter:function(t,e,n){n((function(t){t.loadFrame()}))},computed:{injectPayload:function(){return{env:kt.store.getters["config/envStr"],host:kt.store.state.config.HOST,token:Flybits.Session.userToken}}},methods:{loadFrame:function(){var t=this,e=this.$refs.frame,n=function(){console.log("> frame loaded"),t.inject(),e.removeEventListener("load",n)};e.addEventListener("load",n),e.setAttribute("src",kt.store.state.config.CONTENTMANAGER)},inject:function(){this.$refs.frame.contentWindow.postMessage(this.injectPayload,"*")}}});Vue.component("content-manager",ut);var mt=new it({template:"#preview-page",beforeRouteEnter:function(t,e,n){n((function(t){t.zoneLoadPromise=kt.store.dispatch("zone/hydrate"),kt.evt.on(kt.actions.ONMSG,(function(e){t.hydrate(e)})),kt.vm.lastSeed&&t.hydrate(kt.vm.lastSeed)}))},data:function(){return{isLoading:!0,zoneLoadPromise:Promise.resolve(),zone:null,contentArr:[],changeHash:""}},computed:{isEmpty:function(){return!this.contentArr.length||!this.zone}},watch:{zone:function(t,e){if(!e&&t){var n=this;Vue.nextTick((function(){n.checkResize()}))}}},methods:{hydrate:function(t){var e=this;if(t){var{contentInstanceIds:n,token:i,isDetails:a}=t;i&&Flybits.Session.setUserToken(i),Flybits.Deferred.settlePromises([this.zoneLoadPromise,kt.store.dispatch("content/getByIDs",{ids:n})]).then((function(t){if(t.filter((function(t){return"rejected"===t.status})).length)kt.toast("Failed to load data","error");else{e.contentArr=t[1].result.map((function(t){var e=t.content;return e.data=e.data[0],e.id=t.id,e.detailsUI=t.detailsUIConfig,a&&t.detailsUIConfig.layoutHTML||!t.defaultUIConfig||!t.defaultUIConfig.layoutHTML||(e.defaultUI=t.defaultUIConfig),e}));var n,i=e.contentArr.length&&e.contentArr[0].detailsUI&&e.contentArr[0].detailsUI.layoutHTML;a&&i?((n=kt.store.state.zone.zones[0]).modules=[{id:kt.util.Obj.guid(),layoutName:"vertical",toJSON:function(){return{}}}],e.zone=n):((n=kt.store.state.zone.zones[0]).modules=n.modules.slice(0,1),e.zone=n),Vue.nextTick((function(){e.changeHash=kt.util.Obj.guid(2)}))}e.isLoading=!1}))}else kt.toast("Missing data","error")},checkResize:function(){var t=e.body.getBoundingClientRect();if(!(t.width>800)){var n=this.$refs.preview;if(n){var i=(n=n.$el).getBoundingClientRect(),a=t.width/i.width;n.style.transform="scale("+a+")"}}}},mounted:function(){if(this.zone){var t=this;Vue.nextTick((function(){t.checkResize()}))}}});Vue.component("preview-page",mt);var bt,ht={namespaced:!0,state:{initPromise:(bt=new a).promise,initialized:!1,HOST:"https://api.demo.flybits.com",res:{},debug:!1},getters:{envStr:function(t,e){return t.HOST.split(".")[1]}},mutations:{setDefaults:function(t,e){t.HOST=e.HOST,t.APPHOST=e.APPHOST,t.PROJECTID=e.PROJECTID,t.PIXELHOST=e.PIXELHOST,t.CLIENTID=e.CLIENTID,t.CONTENTMANAGER=e.CONTENTMANAGER||"https://content-manager.demo.flybits.com/content/manage",t.res=e.res,t.store=e.store,t.debug=e.debug,t.namespace=e.namespace},setInitialized:function(t){bt.resolve(),t.initialized=!0}},actions:{parse:function(t){var e=new a;return fetch(kt.ext.CONFIG).then((function(t){if(200!==t.status)throw(new o).addError("Configuration file not found","Reverting to default configuration. No configuration found at:"+app.ext.CONFIG,{code:Flybits.Validation.type.MISSINGARG});return t.json()})).then((function(n){t.commit("setDefaults",n.defaults),t.commit("setInitialized"),e.resolve(n.defaults)})).catch((function(t){t instanceof o?e.reject(t):e.reject((new o).addError("Failed to read configuration file.","Reverting to default configuration. Configuration format incorrect at:"+app.ext.CONFIG,{code:o.type.MALFORMED}))})),e.promise}}},ft=function(){var t=new a;const e="user";return{namespaced:!0,state:{initPromise:t.promise,initialized:!1,isAdmin:!1,user:null},mutations:{setInitialized:function(e){t.resolve(),e.initialized=!0},setUser:function(t,n){t.user=n,kt.cache.setItem(e,n.toJSON())},clearUser:function(t){t.isAdmin=!1,kt.cache.removeItem(e)}},actions:{logout:function(t){t.commit("clearUser"),Flybits.Session.disconnect()},resolveUser:function(t,n){var i=new Flybits.Deferred,a=kt.cache.getItem(e),o=n?Promise.resolve():Flybits.api.User.getSignedInUser();return Flybits.Deferred.settlePromises([a,o]).then((function(e){if("resolved"===e[0].status&&"resolved"===e[1].status)if(n&&e[0].result){let n=new Flybits.User(e[0].result);t.commit("setUser",n),i.resolve(n)}else if(!n&&e[1].result){let n=e[1].result;t.commit("setUser",n),i.resolve(n)}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(t){i.reject((new Flybits.Validation).addError("No valid session","",{type:Flybits.Validation.type.NOTFOUND}))})),i.promise}}}}(),gt=function(){var t=new a,e=function(){var t=new Flybits.Deferred,e=Flybits.cfg.HOST+kt.store.state.config.res.ZONES;return Flybits.util.Api.flbFetch(e).then((function(e){t.resolve(new p(e.body))})).catch((function(e){t.reject(e)})),t.promise},n=function(t){var e=new Flybits.Deferred,n=Flybits.cfg.HOST+kt.store.state.config.res.ZONES+"/"+t.id;return Flybits.util.Api.flbFetch(n,{method:"PUT",body:JSON.stringify(t.toJSON())}).then((function(t){e.resolve(new p(t.body))})).catch((function(t){e.reject(t)})),e.promise};return{namespaced:!0,state:{initPromise:t.promise,initialized:!1,zones:[],zoneConfigs:null},getters:{modules:function(t,e){var n=[];return t.zones.forEach((function(t){Array.prototype.push.apply(n,t.modules)})),n}},mutations:{setInitialized:function(e){t.resolve(),e.initialized=!0},setConfig:function(t,e){t.zoneConfigs=e,t.zones=e?e.zones:[]}},actions:{hydrate:function(t){var n=new a;return e().then((function(e){t.commit("setConfig",e),t.state.initialized||t.commit("setInitialized"),n.resolve()})).catch((function(e){404===e.firstError().serverCode?(t.state.zoneConfigs=new p,t.state.zones=t.state.zoneConfigs.zones,t.state.initialized||t.commit("setInitialized"),n.resolve()):n.reject(e)})),n.promise},saveAll:function(t){var e=new Flybits.Deferred;return n(t.state.zoneConfigs).then((function(n){t.commit("setConfig",n),e.resolve()})).catch((function(t){e.reject(t)})),e.promise}}}}(),yt=function(){var t=new a;const e={"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 n=function(t){var e=new a,n=Flybits.cfg.HOST+Flybits.cfg.res.CONTENTS+"/"+t,i={data:!0,limit:2e3,managementMode:!0,returnRichText:!0,disableContextEmbed:!0};return""!==(i=Flybits.util.Api.toURLParams(i))&&(n+="?"+i),Flybits.util.Api.flbFetch(n,{method:"GET"}).then((function(t){e.resolve(new c(t.body))})).catch((function(t){e.reject(t)})),e.promise},i=function(t){t=t||{};var e=new a,n=Flybits.cfg.HOST+Flybits.cfg.res.CONTENTS,i={data:!0,limit:2e3,managementMode:!0,returnRichText:!0,disableContextEmbed:!0};return t.labels&&t.labels.length&&(i.labelsFormula="("+t.labels.join(";")+")"),t.ids&&Array.isArray(t.ids)&&(i.contentIds=t.ids.join(",")),""!==(i=Flybits.util.Api.toURLParams(i))&&(n+="?"+i),Flybits.util.Api.flbFetch(n,{method:"GET"}).then((function(t){e.resolve(t.body.data)})).catch((function(t){e.reject(t)})),e.promise},o=function(){return Flybits.api.ContentTemplate.getAll({paging:{limit:200}})};return{namespaced:!0,state:{initPromise:t.promise,initialized:!1,content:[],templates:[]},getters:{getTemplateByID:function(t){return function(e){return t.templates.filter((function(t){return t.id===e}))[0]}},getContentByLabels:function(t){return function(e){return t.content.filter((function(t){return kt.util.Obj.intersection(t.labels,e).length>0}))}},getTemplateAttrMapping:function(t,n){return function(t){return n.getTemplateByID(t)?e[n.getTemplateByID(t).type]:null}}},mutations:{setInitialized:function(e){t.resolve(),e.initialized=!0},addContent:function(t,e){t.content.filter((function(t){return t.id===e.id}))[0]||t.content.push(e)},setContent:function(t,e){t.content=e.map((function(t){return new c(t)}))},addTemplate:function(t,e){t.templates.filter((function(t){return t.id===e.id}))[0]||t.templates.push(e)},setTemplates:function(t,e){t.templates=e},removeContent:function(t,e){kt.util.Obj.removeObject(t.content,e)}},actions:{getByID:function(t,e){var i=n(e);return i.then((function(e){t.commit("addContent",e)})),i},getByIDs:function(t,e){if(!e||!e.ids.length)return Promise.resolve([]);var n=i(e);return n.then((function(e){t.commit("addContent",e)})),n},getTemplateByID:function(t,e){var n=Flybits.api.ContentTemplate.get(e);return n.then((function(e){t.commit("addTemplate",e)})),n},hydrate:function(t){var e=new a,n=[o(),i()];return a.settlePromises(n).then((function(n){"rejected"===n[0].status?(kt.toast("Failed to load Content Templates"),console.error(n[0].result)):t.commit("setTemplates",n[0].result.result),"rejected"===n[1].status?(kt.toast("Failed to load Content"),console.error(n[1].result),e.reject()):(t.commit("setContent",n[1].result),e.resolve()),t.state.initialized||t.commit("setInitialized")})),e.promise},delete:function(t,e){t.commit("removeContent",e);var n=new a;return Flybits.api.Content.delete(e).then((function(){n.resolve()})).catch((function(i){t.commit("addContent",e),n.reject(i)})),n.promise}}}}(),vt={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(t){return function(e){return t.uiTemplates.filter((function(t){return t.key===e}))[0]}},getComponentByKey:function(t){return function(e){return t.uiComponents.filter((function(t){return t.key===e}))[0]}},getModuleLayoutByKey:function(t){return function(e){return t.moduleTemplates.filter((function(t){return t.key===e}))[0]}}}},xt=function(){var t=new a;return{namespaced:!0,state:{initPromise:t.promise,initialized:!1,contextPlugins:[]},getters:{contextAttributes:function(t){var e=[];return t.contextPlugins.forEach((function(t){t.attributes.forEach((function(n){e.push({pluginIcon:t.iconURL,pluginID:t.id,pluginName:t.name,name:n.name,id:n.id,type:n.type,params:n.parameters})}))})),e}},mutations:{setInitialized:function(e){t.resolve(),e.initialized=!0},setPlugins:function(t,e){t.contextPlugins=e}},actions:{hydrate:function(t){var e=new a;return Flybits.api.ContextPlugin.getAll().then((function(e){t.commit("setPlugins",e),t.commit("setInitialized")})).catch((function(t){console.log("> uh oh",t),kt.toast("Failed to load Context Attributes","error")})),e.promise}}}}(),kt=function(){var n=new a,i={ready:n.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(t){return t.text()})).then((function(t){i.vm.version=t,console.debug(t)}))},toast:function(t,e,n){if(e=e||"normal","object"==typeof t)try{t=JSON.stringify(t)}catch(t){console.log("> toast stringify fail",t)}var i={text:t,gravity:"bottom",duration:3e3,offset:{y:50}};"error"===e&&(i.backgroundColor="#b20000",i.duration=7e3),n&&(i.duration=n),Toastify(i).showToast()},startup:function(){i.authClient=new IAMFlybits.oauth2PKCE.Client({spHost:i.store.state.config.HOST,projectID:i.store.state.config.PROJECTID,clientID:i.store.state.config.CLIENTID,appCallbackURL:i.store.state.config.APPHOST+"/"+i.store.state.config.res.AUTHCALLBACK}),i.cache=new t.localforage.createInstance({name:i.store.state.config.store.USERDB});var a=e.referrer&&e.referrer.indexOf(".development.")>-1?"https://api.development.flybits.com":i.store.state.config.HOST;Flybits.init({HOST:a}).then((function(){n.resolve()}))}},o=i.router=new VueRouter({routes:[{path:"/",name:"splash",component:dt},{path:"/login",name:"login",component:ct},{path:"/settings",name:"settings",component:st},{path:"/auth-callback",name:"authCallback",component:lt},{path:"/concierge/manage",name:"conciergeManager",component:ot},{path:"/content/manage",name:"contentManager",component:ut},{path:"/content/edit/:id?",name:"editContent",component:pt},{path:"/content/create",name:"createContent",component:pt},{path:"/content/preview",name:"previewContent",component:mt}]}),r=i.store=new Vuex.Store({modules:{config:ht,zone:gt,user:ft,content:yt,component:vt,context:xt}});Vue.config.productionTip=!1,i.vm=new Vue({router:o,store:r,el:".container",data:function(){return{isLoaded:!1,isLoading:!1,isCFGLoaded:!1,isDebug:!1,errorText:"",lastSeed:null}},computed:{},watch:{},methods:{refreshApp:function(){t.location.reload()}},mounted:function(){this.isLoaded=!0,t.App=i}}),i.vm.on=i.vm.$on,i.vm.off=i.vm.$off,i.vm.emit=i.vm.$emit,i.evt=i.vm;var s=[],d=0;return i.evt.on(i.actions.LOADING,(function(t,e){if(t)i.vm.isLoading=!0,s.length<=0&&(d=(new Date).getTime()),s.push(!0);else if(!t&&s.length>1)s.pop();else if(!t){s.pop(),(new Date).getTime()-d<300&&!e?setTimeout((function(){i.vm.isLoading=!1}),300):i.vm.isLoading=!1}})),i.evt.on(i.actions.VIBRATE,(function(t){if("vibrate"in navigator){var e=t&&(t.pattern||t.duration)||[200,50,200];navigator.vibrate(e)}})),i.evt.on(i.actions.SENDMSG,(function(e){t.parent.postMessage(e,"*")})),t.addEventListener("message",(function(t){t.data&&t.data.token?(console.log("> message received",t.data),i.evt.emit(i.actions.ONMSG,t.data),i.vm.lastSeed=t.data):t.data||console.log("> empty message received",t)})),i}(),wt=Quill.import("attributors/style/align");Quill.register(wt,!0);var St,It,Ct,Tt,At=Quill.import("attributors/style/color");Quill.register(At,!0),kt.checkVersion(),kt.store.dispatch("config/parse").then((function(){kt.startup()})).catch((function(t){console.log("> initialiaation failed",t)})),kt.util.Obj=(St=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},It={guid:function(t){var e="";if(t&&t>0){for(var n=0;n<t;n++)e+=""!==e?"-"+St():St();return e}return St()+St()+"-"+St()+"-"+St()+"-"+St()+"-"+St()+St()+St()},getByStr:function(t,e){for(var n=(e=(e=e.replace(/\[(\w+)\]/g,".$1")).replace(/^\./,"")).split("."),i=0,a=n.length;i<a;++i){var o=n[i];if(!(o in t))return;t=t[o]}return t},setByStr:function(t,e,n){for(var i=(e=(e=e.replace(/\[(\w+)\]/g,".$1")).replace(/^\./,"")).split("."),a=0,o=i.length;a<o;a++){var r=i[a];if(r in t&&a+1<o)t=t[r];else{if(r in t||!(a+1<o))return t[r]=n,n;t[r]={},t=t[r]}}},zero2Pad:function(t){return("0"+t).slice(-2)},removeObject:function(t,e,n){var i=t.indexOf(e);if(n){var a=t.filter(n);a.length>0&&(i=t.indexOf(a[0]))}return i>=0?t.splice(i,1):t},debounce:function(t,e,n){var i;return function(){var a=this,o=arguments,r=function(){i=null,n||t.apply(a,o)},s=n&&!i;clearTimeout(i),i=setTimeout(r,e),s&&t.apply(a,o)}},difference:function(t,e){for(var n=[],i=0;i<t.length;i++)e.indexOf(t[i])<0&&n.push(t[i]);return n},intersection:function(t,e){for(var n=[],i=0;i<t.length;i++)e.indexOf(t[i])>-1&&n.push(t[i]);return n},hash:function(t){var e,n=0;if(0===t.length)return n;for(e=0;e<t.length;e++)n=(n<<5)-n+t.charCodeAt(e),n|=0;return"f"+n},replaceAllStr:function(t,e,n){return t.split(e).join(n)},stringToColour:function(t){for(var e=0,n=0;n<t.length;n++)e=t.charCodeAt(n)+((e<<5)-e);var i="#";for(n=0;n<3;n++)i+=("00"+(e>>8*n&255).toString(16)).substr(-2);return i},getContrastYIQ:function(t){return(299*parseInt(t.substr(0,2),16)+587*parseInt(t.substr(2,2),16)+114*parseInt(t.substr(4,2),16))/1e3>=128?"black":"white"},hexToRGB:function(t){"#"==t[0]&&(t=t.slice(1));var e=parseInt(t,16);return{r:e>>16,g:255&e,b:e>>8&255}},lightenDarkenColor:function(t,e){var n=!1;"#"==t[0]&&(t=t.slice(1),n=!0);var i=parseInt(t,16),a=(i>>16)+e;a>255?a=255:a<0&&(a=0);var o=(i>>8&255)+e;o>255?o=255:o<0&&(o=0);var r=(255&i)+e;return r>255?r=255:r<0&&(r=0),(n?"#":"")+(r|o<<8|a<<16).toString(16)},darken:function(t,e){return this.lightenDarkenColor(t,-e)},lighten:function(t,e){return this.lightenDarkenColor(t,e)},randomInt:function(t,e){return Math.floor(Math.random()*(e-t+1)+t)},toStringParams:function(t){var e={};return Object.keys(t).forEach((function(n){var i=t[n];if("object"==typeof i)try{e[n]=JSON.stringify(i)}catch(t){e[n]=i}else e[n]=i})),e}},It.extend=function(){function t(t){return t&&"object"==typeof t&&"[object RegExp]"!==Object.prototype.toString.call(t)&&"[object Date]"!==Object.prototype.toString.call(t)}function e(e,n){var a;return n&&!0===n.clone&&t(e)?i((a=e,Array.isArray(a)?[]:{}),e,n):e}function n(n,a,o){var r=n.slice();return a.forEach((function(a,s){void 0===r[s]?r[s]=e(a,o):t(a)?r[s]=i(n[s],a,o):-1===n.indexOf(a)&&r.push(e(a,o))})),r}function i(a,o,r){var s=Array.isArray(o),d=(r||{arrayMerge:n}).arrayMerge||n;return s?Array.isArray(a)?d(a,o,r):e(o,r):function(n,a,o){var r={};return t(n)&&Object.keys(n).forEach((function(t){r[t]=e(n[t],o)})),Object.keys(a).forEach((function(s){t(a[s])&&n[s]?r[s]=i(n[s],a[s],o):r[s]=e(a[s],o)})),r}(a,o,r)}return i.all=function(t,e){if(!Array.isArray(t)||t.length<2)throw new Error("first argument should be an array with at least two elements");return t.reduce((function(t,n){return i(t,n,e)}))},i}(),It),kt.util.Api=(Ct={method:"GET",headers:{}},Tt={fetch:function(t,e){(e=e||{}).respType=e.respType||"json";var n=new a,i=ObjUtil.extend({},Ct),r="json"===e.respType;return delete e.respType,ObjUtil.extend(i,e),fetch(t,i).then(this.checkResult).then(this.getResultBody).then((function(t){if(r)try{t.body=Tt.parseResponse(t.body),n.resolve(t)}catch(t){n.reject((new o).addError("Request Failed","Unexpected server response.",{code:o.type.MALFORMED}))}else n.resolve(t)})).catch((function(t){Tt.getResultBody(t).then((function(e){var i=Tt.parseErrorMsg(e.body);n.reject((new o).addError("Request error",i,{serverCode:t.status}))}))})),n.promise},checkResult:function(t){if(t.status>=200&&t.status<300)return t;throw t},getResultBody:function(t){var e=new a;if(t&&t.text){var n={};t.headers.forEach((function(t,e){n[e]=t})),t.text().then((function(t){e.resolve({body:t,headers:n})})).catch((function(t){e.reject(t)}))}else e.resolve({body:"",headers:{}});return e.promise},getResultJSON:function(t){return t.json()},htmlEncode:function(t){return encodeURIComponent(t)},htmlDecode:function(t){return t.replace(/&#?(\w+);/g,(function(t,e){return isNaN(e)&&(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[e]!==n&&(e=chars[e])),String.fromCharCode(e)}))},base64Decode:function(t){return decodeURIComponent(Array.prototype.map.call(atob(t),(function(t){return"%"+("00"+t.charCodeAt(0).toString(16)).slice(-2)})).join(""))},parseResponse:function(t){return JSON.parse(t,(function(t,e){return"string"==typeof e?api.htmlDecode(e):e}))},parseErrorMsg:function(t){try{var e=this.parseResponse(t)}catch(t){return"Malformed server response"}return e?(e.error&&(e=e.error),e.messageJSON||e.exceptionMessage||e.message||"Unexpected error has occurred"):null},parseYoutubeID:function(t){return t=t.split(/(vi\/|v%3D|v=|\/v\/|youtu\.be\/|\/embed\/)/),n!==t[2]?t[2].split(/[^0-9a-z_\-]/i)[0]:t[0]}}),kt.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)};t.ObjUtil={s4:function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},guid:function(t){var e="js";if(t&&t>0){for(var n=0;n<t;n++)e+="js"!==e?"-"+this.s4():this.s4();return e}return"js"+this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()}};var n,i,a=((n=function(){var t=this;this.promise=new Promise((function(e,n){t.resolve=e,t.reject=n})),this.then=this.promise.then.bind(this.promise),this.catch=this.promise.catch.bind(this.promise)}).settlePromises=n.prototype.settlePromises=function(t){var e=t.map((function(t){return t.then((function(t){return{result:t,status:"resolved"}}),(function(t){return{result:t,status:"rejected"}}))}));return Promise.all(e)},n),o=(i={createScript:function(t){var n=e.createElement("script"),i=new a;return n.setAttribute("type","text/javascript"),n.setAttribute("data-type","inject"),n.setAttribute("src",t),n.ready=i.promise,n.addEventListener("load",(function(t){i.resolve()})),n},createModule:function(t){var n=e.createElement("script"),i=new a;return n.setAttribute("type","module"),n.setAttribute("src",t),n.ready=i.promise,console.log("going sending"),n.addEventListener("load",(function(t){console.log("resovling"),i.resolve()})),n},createStyle:function(t){var n=e.createElement("link"),i=new a;return n.setAttribute("rel","stylesheet"),n.setAttribute("href",t),n.ready=i.promise,n.addEventListener("load",(function(t){i.resolve()})),n}},{loadDependencies:function(){var t=new a;return fetch("/bin/resources.json").then((function(t){if(200!==t.status)throw new Error("Configuration file not found");return t.json()})).then((function(t){return a.settlePromises([o.loadURLs(t.scriptURLs),o.loadStyleURLs(t.styleURLs)])})).then((function(e){var n=e.filter((function(t){return"rejected"===t.status}))[0];n?t.reject(n.result):t.resolve()})),t.promise},loadModule:function(t){var n=e.querySelector("body"),o=i.createModule(t);return n.prepend(o),a.settlePromises([o.ready])},loadURLs:function(t){t&&Array.isArray(t)||console.error("Invalid resource list");var n=e.querySelector("body"),o=[];return t.map((function(t){return i.createScript(t)})).forEach((function(t){o.push(t.ready),n.append(t)})),a.settlePromises(o)},loadStyleURLs:function(t){t&&Array.isArray(t)||console.error("Invalid resource list");var e=[];return t.forEach((function(t){e.push(o.loadStyleURL(t))})),a.settlePromises(e)},loadStyleURL:function(t){var n=e.head,a=i.createStyle(t);return n.append(a),a.ready},loadStyleStr:function(t,n){console.log(t,n);var i=e.head,a=e.createElement("style");return a.setAttribute("data-type",t),a.setAttribute("key",t),a.innerHTML=n,i.append(a),Promise.resolve()}});return{ResourceLoader:o,getCookie:function(t){var n=("; "+e.cookie).split("; "+t+"=");return 2==n.length?n.pop().split(";").shift():null},setCookie:function(t,n,i){var a="";i&&(a="; expires="+i.toGMTString()),e.cookie=t+"="+n+a+"; path=/"},getURLParam:function(e,n){n=n||t.location.href,e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var i=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(n);return null===i?"":i[1]},toURLParamString:function(t){return"?"+Object.keys(t).map((function(e){return e+"="+t[e]})).join("&")},loadImage:function(t){var n=new a;if(!t)return Promise.reject();var i=e.querySelector("body"),o=e.createElement("img");return o.style.position="absolute",o.style.opacity=0,o.style.width="1px",o.style.height="1px",o.setAttribute("src",t),i.appendChild(o),o.onload=function(){i.removeChild(o),n.resolve()},n.promise},saveAs:function(t,n){t=encodeURIComponent(t);var i=e.createElement("a");i.style.position="absolute",i.style.width="1px",i.style.height="1px",i.style.opacity="0";var a=e.querySelector("body");i.setAttribute("download",n),i.setAttribute("href","data:application/octet-stream,"+t),a.appendChild(i),i.click()}}}(),kt.util.Content=function(){var t={flattenLocales:function(e){Object.keys(e).forEach((function(n){if("localizations"===n){var i=e.localizations&&e.localizations.en?e.localizations.en:null;i&&Object.assign(e,i)}else"object"!=typeof e[n]||Array.isArray(e[n])?Array.isArray(e[n])&&"object"==typeof e[n][0]&&e[n].forEach((function(e){t.flattenLocales(e)})):t.flattenLocales(e[n])}))},getSchemaFieldList:function(t,e){var n=[],i=function(t,a,o,r){t.forEach((function(t,s){var d=t.key,l="array"===r,c=e&&l&&kt.util.Obj.getByStr(e,a)?kt.util.Obj.getByStr(e,a).length:0;if(l)if("object"===t.type)for(let e=0;e<c;e++){d=a+"["+e+"]."+t.key;let n=o+"["+e+"] ❱ "+t.displayName;i(t.fields,d,n,t.type)}else for(let e=0;e<c;e++){d="data."+a+"["+e+"]."+d;let i=o+"["+e+"] ❱ "+t.displayName;n.push({key:d,name:i,type:t.type,uiType:t.uiType,isRequired:t.isRequired})}else if(a&&(d=a+"."+t.key),"object"===t.type)i(t.fields,d,t.displayName,t.type);else if("array"===t.type&&"object"===t.subType){var p=o?o+" ❱ "+t.displayName:t.displayName;i(t.fields,d,p,t.type)}else{d="data."+d;p=o?o+" ❱ "+t.displayName:t.displayName;n.push({key:d,name:p,type:t.type,uiType:t.uiType,isRequired:t.isRequired})}}))};return i(t.schema),n.sort((function(t,e){const n=t.name.toUpperCase(),i=e.name.toUpperCase();return n<i?-1:n>i?1:0}))},setUI:function(t,e){var n=kt.store.state.component.uiTemplates.filter((function(t){return t.key.indexOf(e)>-1||e.indexOf(t.key)>-1}))[0];n?(t.defaultUI.layoutHTML=n.defaultUI.html,t.defaultUI.styleCSS=n.defaultUI.css,t.detailsUI.layoutHTML=n.detailsUI.html,t.detailsUI.styleCSS=n.detailsUI.css):console.log("> no UI template for content template type:",e)}};return t}()}(window,document);
//# sourceMappingURL=app-35e6a85a27.js.map