https://stcdn.leadconnectorhq.com/_preview/q5wwwIwr.js

1import{a1 as b,af as f,c as m,M as x,N as y,ag as l,aA as n,am as s,an as v,ai as c,ah as d}from"./CqWH0BZP.js";import{g as u}from"./RrNCYXFM.js";import"./CrDWMLst.js";import"./auZV1AwM.js";import"./BCFd6tDZ.js";import"./C7_QE1jR.js";import"./BoA7liN9.js";import"./D1OHNg6k.js";import"./C3e4t58V.js";import"./DpGxo2Of.js";import"./CRPoBB0N.js";import"./DKeuBCMA.js";import"./CPWV9los.js";import"./Dnmlltzm.js";import"./Dq_8iFRl.js";import"./C6nNTBQ1.js";import"./b_E3N7Ru.js";import"./uHKR0ql4.js";import"./Czg0hGSk.js";import"./BY0WBI6p.js";import"./BFkM9BLg.js";import"./CO6V9O4h.js";import"./CVk9jOhv.js";import"./DR88hh9l.js";import"./CyPzke6V.js";import"./Ds8ok4jT.js";import"./C5HMWgr1.js";import"./D1nErt21.js";import"./D0mAmvsc.js";import"./PyyIl4xt.js";import"./CW5zlrUH.js";import"./BGlyW11y.js";import"./YM59w0gP.js";import"./BUJMsU-H.js";import"./BoerX1hL.js";/* empty css        */import"./BqNaOmTD.js";import"./4smSzVNP.js";import"./v8JD3_nS.js";import"./KPpQo_MF.js";import"./Rw3HD8NH.js";import"./BPzZT6qn.js";import"./DRNKrJGC.js";import"./B3f9NtC5.js";import"./OZkP_-ir.js";import"./C3h9HDah.js";import"./DyaW2dO0.js";import"./DQE77ral.js";import"./DgvJtLXL.js";import"./DyhyJT5Q.js";const V={class:"view-options"},$=["innerHTML"],S=["innerHTML"],k=b({__name:"UserSelectView",props:{view:{type:String,required:!0},prefix:{type:String,default:"cal_services_widget"}},emits:["update:view"],setup(w,{emit:C}){const{t:T}=f(),t=w,g=C,p=m(()=>t.view==="card"),e=a=>{g("update:view",a)},o=m(()=>({backgroundColor:`var(--${t.prefix}-background-color)`,borderColor:`var(--${t.prefix}-border-color)`,primaryColor:`var(--${t.prefix}-primary-color)`,lightTextColor:`var(--${t.prefix}-light-text-color)`}));return(a,r)=>(x(),y("div",{class:"services-user-view-selector",style:n({"--background-color":o.value.backgroundColor,"--border-color":o.value.borderColor,"--primary-color":o.value.primaryColor,"--light-text-color":o.value.lightTextColor})},[l("div",V,[l("div",{class:c(["view-option",{active:!p.value,"first-view":!0}]),onClick:r[0]||(r[0]=i=>e("list")),role:"button","aria-label":"List View",onKeydown:[r[1]||(r[1]=s(i=>e("list"),["enter"])),r[2]||(r[2]=s(v(i=>e("list"),["prevent"]),["space"]))],style:n({borderRight:`1px solid ${o.value.borderColor}`})},[l("div",{class:"view-icon",innerHTML:d(u)({svgName:"listView",color:p.value?o.value.lightTextColor:o.value.primaryColor})},null,8,$)],38),l("div",{class:c(["view-option",{active:p.value,"second-view":!0}]),onClick:r[3]||(r[3]=i=>e("card")),role:"button","aria-label":"Card View",onKeydown:[r[4]||(r[4]=s(i=>e("card"),["enter"])),r[5]||(r[5]=s(v(i=>e("card"),["prevent"]),["space"]))]},[l("div",{class:"view-icon",innerHTML:d(u)({svgName:"cardView",color:p.value?o.value.primaryColor:o.value.lightTextColor})},null,8,S)],34)])],4))}}),$r=Object.assign(k,{__name:"PreviewElementsServicesCommonUserSelectView"});export{$r as default};