https://discoversurreybc.com/_resources/themes/default/dist/assets/UIElementalTriptych.ce-DBQsR_1Y.js

1import{_ as e,P as t,M as a,u as s,g as l,w as n,E as o,o as r,n as u,c,d as i,e as p,S as d,z as f,h as y,i as g,f as v,r as k,F as m,x as h,k as w,l as M,B as b}from"./main-UqpYKZEw.js";import{a as _,b as x,d as D,e as T}from"./composables-BNXpm-LZ.js";import{M as j}from"./MDSkeleton.ce-B3PsUbGG.js";import{M as S}from"./MDButton.ce-BLVSTFDu.js";const B='@import"/_resources/themes/default/dist/assets/css/main.css";';const H={name:"UIElementalTriptych",components:{Picture:t,MDButton:S,MDBlocker:a,MDSkeleton:j},props:{info:{type:String,default(){return null}},config:{type:Object,default(){return null}}},setup(e){const t=s();const a=w(null);const u=w(null);l();const c=w(null);const i=w({});const p=M((()=>T(c.value?.title,[...c.value?.focustext])));const d=M((()=>!!c.value?.display?.displaycontent&&c.value?.content));const f=M((()=>!!c.value?.display?.displaylinks&&!!c.value?.links?.length));const y=M((()=>!!c.value?.display?.showtitle&&!!c.value?.title));const g=w(null);const v=w(null);const k=w(null);const m=w(null);const h=w(null);const b=w(null);n(a,((e,a)=>{if(e instanceof HTMLElement)t.observe(e)}));n(c,((e,t)=>{const{layout:a}=_(c);i.value={...a.value};const{ratios:s}=x(c);k.value={...s.value};v.value={};if(c.value?.grid?.gap)v.value[c.value?.grid?.gap]="";h.value=h.value??{};c.value?.grid?.span?.map((e=>{h.value[e]=""}));h.value={...h.value??{},...k.value??{}};b.value={};Object.keys(o(h.value))?.map((e=>{if(!e?.includes("aspect"))b.value[e]=h.value[e]}));m.value=i.value?.template??"triptych";switch(m.value){}}));r((()=>{const t=e.info?JSON.parse(e?.info):null;if(t?.constructor==Object&&!!t?.prefetch)D({...t,lazyTarget:a,query:"readTriptych",data:c});else if(!!e.config)c.value=JSON.parse(e.config)?.props}));return{root:a,heading:u,data:c,showcontent:d,showlinks:f,showtitle:y,wrappedtitle:p,layoutprops:i,panellayout:g,panellayoutprops:v,paneltemplate:m,gridprops:h,contentgridprops:b}}};const L=["innerHTML"];function O(e,t,a,s,l,n){const o=u("rs-heading");const r=u("rs-content");const w=u("MDButton");const M=u("rs-actions");

1const _=u("rs-griditem");const x=u("Picture");const D=u("rs-grid");const T=u("MDSkeleton");const j=u("MDBlocker");const S=u("rs-container");return c(),i(S,f({ref:"root","rs-elemental":"uielementaltriptych"},s.layoutprops),{default:p((()=>[(c(),i(d,null,{default:p((()=>[s.data?.assets?.length?(c(),i(D,f({key:0,"xxs-1":"","sm-12":"","span-xs-12":""},s.panellayoutprops),{default:p((()=>[s.showtitle||s.showcontent?(c(),i(_,f({key:0},s.contentgridprops,{content:""}),{default:p((()=>[s.showtitle?(c(),i(o,{key:0},{default:p((()=>[y("h2",{heading:"",ref:"heading",scale:"lg",weight:"regular",casing:"display-sm",gutters:"0",caps:"",innerHTML:s.wrappedtitle},null,8,L)])),_:1})):g("",true),s.showcontent?(c(),i(r,{key:1,innerHTML:s.data?.content},null,8,["innerHTML"])):g("",true),s.showlinks?(c(),i(M,{key:2},{default:p((()=>[(c(true),v(m,null,k(s.data?.links,((e,t)=>(c(),i(w,{tag:"a",href:e?.url,target:e?.openinnewwindow?"_blank":null,key:e?.key,index:t,label:e?.title,type:t==0?"contained":"outlined",class:b(e?.css),contained:"",solid:"",maxed:""},null,8,["href","target","index","label","type","class"])))),128))])),_:1})):g("",true)])),_:1},16)):g("",true),s.data?.assets?.length?(c(true),v(m,{key:1},k(s.data?.assets,((e,t)=>(c(),i(_,f({key:`panel-${e?.id}`},{ref_for:true},s.gridprops,{style:`background-color: ${e?.backgroundcolor??"transparent"}`,stackable:"",media:""}),{default:p((()=>[e?.id?(c(),i(x,{key:0,"stackable-item":"",config:e,alt:e?.alt??s.data?.title},null,8,["config","alt"])):g("",true)])),_:2},1040,["style"])))),128)):g("",true)])),_:1},16)):(c(),i(T,{key:1,"aspect-3-1":"",error:"true",spin:""}))])),fallback:p((()=>[h(T,{"aspect-21-9":""},{default:p((()=>[h(j,{active:"true",cursor:"progress",type:"default"})])),_:1})])),_:1}))])),_:1},16)}const E=e(H,[["render",O],["styles",[B]]]);export{E as default};
2//# sourceMappingURL=UIElementalTriptych.ce-DBQsR_1Y.js.map