https://familiesforlife.sg/assets/Tab.ae5df488.js

1import{P as a,Q as e}from"./element-plus.80abf16b.js";import{c1 as l,bM as t,bK as s,bR as n,bQ as o,c2 as c,c3 as i,c7 as r,c8 as p,cc as d,ca as u,cb as m,bP as b,bI as v,cI as y,cg as D,bW as f,cp as h,cd as k,ev as C,ce as g,cf as j,cY as _,eu as S}from"./commonmodules.b9c1dd40.js";import{_ as x,a as A}from"./index.d3bd9396.js";import{D as I,T as O,a as w}from"./model.3d7b3a01.js";import T from"./RenderHtml.81f5c09a.js";import"./lodash-es.480d1bd8.js";import"./axios.1263d4b1.js";import"./vue-router.5e13d197.js";const B={class:"camps-tab-webpart"},J={class:"camps-tab camps-common-container"},K=["onClick","onKeyup","aria-label"],M={class:"camps-tab-panel camps-paragraph"},N={key:0,class:"camps-tab-mobile"},V={class:"camps-tab-mobile-panel camps-paragraph"};var z=x(l({__name:"Tab",props:{domId:null,componentData:null,save:{type:Function}},setup(l){const x=l;C((a=>({"786b8cea":b(W),"1d3e83c5":b(R),"7bcffca0":b(Q),"4599e6a6":b(z).activeColor})));const z=t(I),P=t(z.value.panelData[0].id),Q=s((()=>{var a;return(null==(a=z.value.inactiveBorderColor)?void 0:a.sameAsActiveColor)?z.value.activeColor:z.value.inactiveBorderColor.color})),R=s((()=>z.value.horizontalAlign?z.value.horizontalAlign:2===z.value.panelData.length?w.SpaceAround:w.SpaceBetween)),W=s((()=>z.value.tabControlOnMobile===O.Tab?"block":"none")),F=a=>S(a,A.getXssWhiteList());n((()=>{x.componentData&&(z.value={...A.deepCopy(I),...JSON.parse(x.componentData)})}));o((()=>x.componentData),(a=>{a&&(z.value={...I,...JSON.parse(x.componentData)}),-1===z.value.panelData.findIndex((a=>a.id===P.value))&&(P.value=z.value.panelData[0].id)}),{immediate:!0});const H=a=>{P.value=a},L=s((()=>z.value.style||"")),U=s((()=>{if(L.value)return"";const a=z.value.style||"";try{return JSON.parse(a)}catch(e){return a}}));return(l,t)=>{const s=a,n=e;return c(),i("div",B,[(c(),r(d("style"),null,{default:p((()=>[g(j(b(L)),1)])),_:1})),u("div",J,[u("div",{class:m(["camps-tab-title",{"camps-tab-length":2===b(z).panelData.length}])},[(c(!0),i(v,null,y(b(z).panelData,((a,e)=>(c(),i("h4",{key:a.id,onClick:e=>H(a.id),onKeyup:_((e=>H(a.id)),["enter"]),class:m([{active:b(P)===a.id},"camps-tab-title-item"]),style:h(b(U)),tabindex:"0","aria-label":a.title},j(a.title),47,K)))),128))],2),u("div",M,[(c(!0),i(v,null,y(b(z).panelData,((a,e)=>(c(),i(v,{key:a.id},[b(P)===a.id?(c(),r(T,{key:0,class:m(["tab","tab-"+e]),content:F(a.content),style:h(b(U))},null,8,["class","content","style"])):k("",!0)],64)))),128))])]),b(z).tabControlOnMobile===b(O).Dropdown?(c(),i("div",N,[D(n,{modelValue:b(P),"onUpdate:modelValue":t[0]||(t[0]=a=>f(P)?P.value=a:null),class:"camps-tab-mobile-select",style:h(b(U)),"aria-label":"Tab Selection Dropdown"},{default:p((()=>[(c(!0),i(v,null,y(b(z).panelData,(a=>(c(),r(s,{key:a.id,label:a.title,value:a.id},null,8,["label","value"])))),128))])),_:1},8,["modelValue","style"]),u("div",V,[(c(!0),i(v,null,y(b(z).panelData,((a,e)=>(c(),i(v,{key:a.id},[b(P)===a.id?(c(),r(T,{key:0,class:m(["tab","tab-"+e]),content:F(a.content),style:h(b(U))},null,8,["class","content","style"])):k("",!0)],64)))),128))])])):k("",!0)])}}}),[["__scopeId","data-v-fa8e4ca0"]]);export{z as default};