import{x as m}from"./DJ8mcDMO.js";import{x as g,D as x}from"./DThBoNQI.js";import{f as y,E as b,g as v,c as o,o as s,a as C,w as d,d as n,n as p,j as c,e as a,u as r}from"./tXL-a5uR.js";const _={key:0,class:"flex flex-col"},h={class:"s-tooltip__wrapper-text s-text-details"},w={key:0,class:"s-tooltip__wrapper-link s-text-regular-bold mt-[8px]"},k="s-tooltip",j=y({__name:"STooltip",props:{...g(),linkConfig:{type:Object,default:()=>({})},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"},delay:{type:Object,default:()=>({show:100,hide:500})},triggers:{type:Array,required:!1,default:()=>["hover","click","touch"]},autoHide:{type:Boolean,default:!0},wrapperClass:String,container:{type:String},disabled:{type:Boolean}},setup(e){const l=b(),u=e,{themeClasses:f}=x(u,k),i=v(()=>[f.value]);return(t,S)=>(s(),o("div",{"data-test-id":"s-tooltip__root",class:p(["s-tooltip",...i.value])},[C(r(m),{popperClass:e.container?["s-tooltip",...i.value]:void 0,autoHide:e.autoHide,eagerMount:"",handleResize:"",distance:10,placement:e.direction,triggers:e.triggers,container:e.container?e.container:!1,delay:e.delay,disabled:e.disabled},{default:d(()=>[a(t.$slots,"default")]),popper:d(()=>[n("div",{class:p(["s-tooltip__wrapper max-w-[315px] p-[16px]",e.wrapperClass])},[r(l).text?(s(),o("div",_,[n("div",h,[a(t.$slots,"text")]),r(l).action?(s(),o("div",w,[a(t.$slots,"action")])):c("",!0)])):c("",!0),a(t.$slots,"extend")],2)]),_:3},8,["popperClass","autoHide","placement","triggers","container","delay","disabled"])],2))}});export{j as default};

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