| import{d as V,bI as k,bJ as C,g as x,c as n,o,z as d,A as B,a as t,bA as T,C as v,D as c,b as w,y as M,bW as y,bn as I,h as $,bL as S,bx as D,by as E,x as N}from"./index-DIdlGULw.js";import{_ as L}from"./TransitionVertical.vue_vue_type_script_setup_true_lang-BwVvjQ2w.js";import{_ as P}from"./Input.vue_vue_type_script_setup_true_lang-D3nE4-M7.js";const z=["checked","name","value"],U={class:"relative mr-3 mt-0.5 flex-shrink-0"},q={class:"w-full flex flex-col gap-2"},A={class:"flex items-center"},j={key:0,class:"relative"},F=["title"],J={key:1,class:"mt-2"},Q=V({__name:"RadioCardDetail",props:k({id:null,name:null,value:null,title:null,description:null,deprecated:{type:Boolean,default:!1},showExpandCollapse:{type:Boolean,default:!0},expandCollapseThreshold:{default:100},customInputValue:{default:""},customInputPlaceholder:{default:""},showCustomInput:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const l=C(e,"modelValue"),i=x(!1);function p(){i.value=!i.value}return(f,r)=>(o(),n("label",{key:e.id,class:d(["form_radio-card-detail relative flex cursor-pointer items-start rounded-xl p-3 pr-[20px]",[l.value===e.value?"bg-primary-50 dark:bg-primary-900/20 border-primary-100 dark:border-primary-900 hover:border-primary-500/30 dark:hover:border-primary-400/30":"bg-white dark:bg-neutral-900/20 border-neutral-100 dark:border-neutral-900 hover:border-primary-500/30 dark:hover:border-primary-400/30",l.value===e.value?"form_radio-card-detail-active":"",e.deprecated?"opacity-60":""]]),transition:"all duration-200 ease-in-out",border:"2 solid"},[B(t("input",{"onUpdate:modelValue":r[0]||(r[0]=s=>l.value=s),checked:l.value===e.value,type:"radio",name:e.name,value:e.value,class:"absolute opacity-0"},null,8,z),[[T,l.value]]),t("div",U,[t("div",{class:d(["size-5 border-2 rounded-full transition-colors duration-200",[l.value===e.value?"border-primary-500 dark:border-primary-400":"border-neutral-300 dark:border-neutral-600"]])},[t("div",{class:d(["absolute left-1/2 top-1/2 size-3 rounded-full transition-opacity duration-200 -translate-x-1/2 -translate-y-1/2",[l.value===e.value?"opacity-100 bg-primary-500 dark:bg-primary-400":"opacity-0"]])},null,2)],2)]),t("div",q,[t("div",A,[t("span",{class:d(["line-clamp-1 font-medium",[l.value===e.value?"text-neutral-700 dark:text-neutral-300":"text-neutral-700 dark:text-neutral-400"]])},c(e.title),3)]),e.description?(o(),n("div",j,[w(L,null,{default:M(()=>[!i.value||!e.showExpandCollapse?(o(),n("div",{key:0,class:d(["line-clamp-2 cursor-pointer text-xs",[l.value===e.value?"text-neutral-600 dark:text-neutral-400":"text-neutral-500 dark:text-neutral-500"]]),title:e.description,onClick:y(p,["prevent"])},c(e.description),11,F)):(o(),n("div",{key:1,class:d(["cursor-pointer text-xs",[l.value===e.value?"text-neutral-600 dark:text-neutral-400":"text-neutral-500 dark:text-neutral-500"]]),onClick:y(p,["prevent"])},c(e.description),3))]),_:1}),e.showExpandCollapse&&e.description.length>e.expandCollapseThreshold?(o(),n("button",{key:0,class:"text-primary-500 dark:text-primary-600 mt-0.5 inline-flex items-center text-xs",onClick:y(p,["prevent"])},[t("span",null,c(i.value?"Show less":"Show more"),1),t("div",{class:d([{"rotate-180":i.value},"transition-transform duration-200"])},r[2]||(r[2]=[t("div",{"i-solar:alt-arrow-down-bold-duotone":"","ml-0.5":"","text-xs":""},null,-1)]),2)])):v("",!0)])):v("",!0),e.showCustomInput&&l.value===e.value?(o(),n("div",J,[w(P,{modelValue:l.value,"onUpdate:modelValue":r[1]||(r[1]=s=>l.value=s),type:"text",class:"w-full border border-neutral-300 rounded bg-white px-2 py-1 text-sm dark:border-neutral-700 dark:bg-neutral-900",placeholder:e.customInputPlaceholder},null,8,["modelValue","placeholder"])])):v("",!0)])],2))}}),W=I(Q,[["__scopeId","data-v-c9195151"]]),G={class:"radio-card-detail-many-select"},H={key:0,class:"relative","inline-flex":"~","w-full":"","items-center":""},K=["placeholder"],O={class:"mt-4 space-y-2"},X={key:0,class:"text-sm text-neutral-500 dark:text-neutral-400"},Y={key:1,class:"flex items-center gap-3 border border-2 border-amber-200 rounded-xl bg-amber-50 p-4 dark:border-amber-800 dark:bg-amber-900/20"},Z={class:"flex flex-col"},_={class:"font-medium"},ee={class:"text-sm text-amber-600 dark:text-amber-400"},te={class:"relative"},ae=V({__name:"RadioCardDetailManySelect",props:k({items:null,searchable:{type:Boolean,default:!0},searchPlaceholder:{default:"Search..."},searchNoResultsTitle:{default:"No results found"},searchNoResultsDescription:{default:"Try a different search term"},searchResultsText:{default:"{count} of {total} results"},customInputPlaceholder:{default:"Enter custom value"},expandButtonText:{default:"Show more"},collapseButtonText:{default:"Show less"},showMore:{type:Boolean,default:!0}},{modelValue:{required:!0},modelModifiers:{}}),emits:k(["update:customValue"],["update:modelValue"]),setup(e,{emit:l}){const i=e,p=l,f=C(e,"modelValue"),r=x(""),s=x(!1),g=x(""),h=$(()=>{if(!r.value)return i.items;const m=r.value.toLowerCase();return i.items.filter(a=>a.name.toLowerCase().includes(m)||a.description&&a.description.toLowerCase().includes(m))});function R(m){g.value=m,p("update:customValue",m)}return(m,a)=>(o(),n("div",G,[e.searchable?(o(),n("div",H,[a[4]||(a[4]=t("div",{class:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"},[t("div",{"i-solar:magnifer-line-duotone":"",class:"text-neutral-500 dark:text-neutral-400"})],-1)),B(t("input",{"onUpdate:modelValue":a[0]||(a[0]=u=>r.value=u),type:"search",class:"w-full rounded-xl p-2.5 pl-10 text-sm outline-none",border:"focus:primary-100 dark:focus:primary-400/50 2 solid neutral-200 dark:neutral-800",transition:"all duration-200 ease-in-out",bg:"white dark:neutral-900",placeholder:e.searchPlaceholder},null,8,K),[[S,r.value]])])):v("",!0),t("div",O,[r.value?(o(),n("div",X,c(e.searchResultsText.replace("{count}",h.value.length.toString()).replace("{total}",e.items.length.toString())),1)):v("",!0),r.value&&h.value.length===0?(o(),n("div",Y,[a[5]||(a[5]=t("div",{"i-solar:info-circle-line-duotone":"",class:"text-2xl text-amber-500 dark:text-amber-400"},null,-1)),t("div",Z,[t("span",_,c(e.searchNoResultsTitle),1),t("span",ee,c(e.searchNoResultsDescription.replace("{query}",r.value)),1)])])):v("",!0),t("div",te,[t("div",{class:d(["scrollbar-hide grid auto-cols-[350px] grid-flow-col max-h-[calc(100dvh-7lh)] gap-4 overflow-x-auto pb-4",[s.value?"grid-cols-1 md:grid-cols-2 grid-flow-row auto-cols-auto":""]]),transition:"all duration-200 ease-in-out",style:{"scroll-snap-type":"x mandatory"}},[(o(!0),n(D,null,E(h.value,u=>(o(),N(W,{id:u.id,key:u.id,modelValue:f.value,"onUpdate:modelValue":a[1]||(a[1]=b=>f.value=b),value:u.id,title:u.name,description:u.description,deprecated:u.deprecated,"show-expand-collapse":e.showMore,"expand-collapse-threshold":100,"show-custom-input":u.customizable,"custom-input-value":g.value,"custom-input-placeholder":e.customInputPlaceholder,name:"radio-card-detail-many-select",class:"scroll-snap-align-start","onUpdate:customInputValue":a[2]||(a[2]=b=>R(b))},null,8,["id","modelValue","value","title","description","deprecated","show-expand-collapse","show-custom-input","custom-input-value","custom-input-placeholder"]))),128))],2),t("div",{bg:"neutral-100 dark:[rgba(0,0,0,0.3)]","rounded-xl":"",class:d([s.value?"w-full":"mt-4 w-full rounded-lg"])},[t("button",{"w-full":"",flex:"","items-center":"","justify-center":"","gap-2":"","rounded-lg":"","py-2":"",transition:"all duration-200 ease-in-out",class:d([s.value?"bg-primary-500 hover:bg-primary-600 text-white":"bg-white dark:bg-neutral-900 hover:bg-neutral-100 dark:hover:bg-neutral-800"]),onClick:a[3]||(a[3]=u=>s.value=!s.value)},[t("span",null,c(s.value?e.collapseButtonText:e.expandButtonText),1),t("div",{class:d([s.value?"rotate-180":"","text-lg"]),"i-solar:alt-arrow-down-bold-duotone":"",transition:"transform duration-200 ease-in-out"},null,2)],2)],2)])])]))}}),se=I(ae,[["__scopeId","data-v-0c2329bf"]]);export{se as R}; | |