import{S as _}from"./uVdLDItu.js";import{z as w,D as x,Z as k}from"./CfjfYOu4.js";import{f as v,r as h,g as y,c as s,o as a,a as p,w as n,d as r,e as m,j as b,F as S,k as C,b as z,x as B,q as D,t as d,u as N,n as V}from"./BVo-4L0X.js";const q={class:"s-dropdown__button s-text-regular"},A={class:"flex items-center"},E={"data-test-id":"s-dropdown__button-text",class:"mr-[8px]"},L={class:"s-dropdown__wrapper min-w-[260px] max-w-[315px]"},T={key:0},$={key:1,"data-test-id":"s-dropdown__item-name",class:"block p-[16px]"},F="s-dropdown",R=v({__name:"SDropdown",props:{...w(),buttonText:{type:String,default:"Links"},items:{type:Array},direction:{type:String,validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"].includes(e)},default:"bottom"},triggers:{type:Array,required:!1,default:()=>["click","touch"]},linkEl:{type:String,default:"s-nav-link"}},setup(e){const c=e,o=h(!1),{themeClasses:u}=x(c,F),f=y(()=>[u.value]);return(l,i)=>(a(),s("div",{"data-test-id":"s-dropdown__root",class:V(["s-dropdown",...f.value])},[p(N(_),{shown:o.value,"onUpdate:shown":i[0]||(i[0]=t=>o.value=t),eagerMount:"",handleResize:"",distance:10,placement:e.direction,triggers:e.triggers,container:!1},{default:n(()=>[m(l.$slots,"default",{},()=>[r("div",q,[r("button",A,[r("span",E,d(e.buttonText),1),p(k,{name:o.value?"icon-chevron-up":"icon-chevron-down",size:"small"},null,8,["name"])])])])]),popper:n(()=>[r("div",L,[m(l.$slots,"extend",{items:e.items},()=>[e.items&&e.items.length?(a(),s("div",T,[(a(!0),s(S,null,C(e.items,(t,g)=>(a(),s("div",{key:g,class:"s-dropdown__wrapper__item s-text-regular"},[t!=null&&t.url?(a(),z(B(e.linkEl),{key:0,"data-test-id":"s-dropdown__item-link",class:"block p-[16px]",href:t.url,target:t.target?t.target:"_self"},{default:n(()=>[D(d(t.name),1)]),_:2},1032,["href","target"])):(a(),s("div",,ドルd(t.name),1))]))),128))])):b("",!0)])])]),_:3},8,["shown","placement","triggers"])],2))}});export{R as default};

AltStyle によって変換されたページ (->オリジナル) /