2 lines
4.7 KiB
JavaScript
2 lines
4.7 KiB
JavaScript
import{Q as q,a0 as S,a1 as w,o as a,a as f,p as k,q as d,B as C,bW as z,ac as r,s,e as n,ab as B,f as c,ah as h,ag as m,F as v,r as b,m as p,ak as I,P,c as j,am as x}from"./Bc72JdWY.js";import V from"./DTDQm4Kq.js";const A={slots:{root:"relative isolate",container:"flex flex-col lg:grid py-16 sm:py-24 lg:py-32 gap-8 sm:gap-16",wrapper:"",header:"",leading:"flex items-center mb-6",leadingIcon:"size-10 shrink-0 text-primary",headline:"mb-3",title:"text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-highlighted",description:"text-base sm:text-lg text-muted",body:"mt-8",features:"grid",footer:"mt-8",links:"flex flex-wrap gap-x-6 gap-y-3"},variants:{orientation:{horizontal:{container:"lg:grid-cols-2 lg:items-center",description:"text-pretty",features:"gap-4"},vertical:{container:"",headline:"justify-center",leading:"justify-center",title:"text-center",description:"text-center text-balance",links:"justify-center",features:"sm:grid-cols-2 lg:grid-cols-3 gap-8"}},reverse:{true:{wrapper:"order-last"}},headline:{true:{headline:"font-semibold text-primary flex items-center gap-1.5"}},title:{true:{description:"mt-6"}},description:{true:""},body:{true:""}},compoundVariants:[{orientation:"vertical",title:!0,class:{body:"mt-16"}},{orientation:"vertical",description:!0,class:{body:"mt-16"}},{orientation:"vertical",body:!0,class:{footer:"mt-16"}}]},N={key:2,class:"hidden lg:block"},E={__name:"UPageSection",props:{as:{type:null,required:!1,default:"section"},headline:{type:String,required:!1},icon:{type:null,required:!1},title:{type:String,required:!1},description:{type:String,required:!1},links:{type:Array,required:!1},features:{type:Array,required:!1},orientation:{type:null,required:!1,default:"vertical"},reverse:{type:Boolean,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1}},setup(t){const u=t,e=q(),$=S(),i=w("pageSection",u),l=j(()=>x({extend:x(A),...$.ui?.pageSection||{}})({orientation:u.orientation,reverse:u.reverse,title:!!u.title||!!e.title,description:!!u.description||!!e.description,body:!!e.body||!!u.features?.length||!!e.features}));return(o,F)=>(a(),f(s(P),{as:t.as,"data-orientation":t.orientation,"data-slot":"root",class:r(l.value.root({class:[s(i)?.root,u.class]}))},{default:k(()=>[d(o.$slots,"top"),C(z,{"data-slot":"container",class:r(l.value.container({class:s(i)?.container}))},{default:k(()=>[e.header||t.icon||e.leading||t.headline||e.headline||t.title||e.title||t.description||e.description||e.body||t.features?.length||e.features||e.footer||t.links?.length||e.links?(a(),n("div",{key:0,"data-slot":"wrapper",class:r(l.value.wrapper({class:s(i)?.wrapper}))},[e.header||t.icon||e.leading||t.headline||e.headline||t.title||e.title||t.description||e.description?(a(),n("div",{key:0,"data-slot":"header",class:r(l.value.header({class:s(i)?.header}))},[d(o.$slots,"header",{},()=>[t.icon||e.leading?(a(),n("div",{key:0,"data-slot":"leading",class:r(l.value.leading({class:s(i)?.leading}))},[d(o.$slots,"leading",{ui:l.value},()=>[t.icon?(a(),f(B,{key:0,name:t.icon,"data-slot":"leadingIcon",class:r(l.value.leadingIcon({class:s(i)?.leadingIcon}))},null,8,["name","class"])):c("",!0)])],2)):c("",!0),t.headline||e.headline?(a(),n("div",{key:1,"data-slot":"headline",class:r(l.value.headline({class:s(i)?.headline,headline:!e.headline}))},[d(o.$slots,"headline",{},()=>[h(m(t.headline),1)])],2)):c("",!0),t.title||e.title?(a(),n("h2",{key:2,"data-slot":"title",class:r(l.value.title({class:s(i)?.title}))},[d(o.$slots,"title",{},()=>[h(m(t.title),1)])],2)):c("",!0),t.description||e.description?(a(),n("div",{key:3,"data-slot":"description",class:r(l.value.description({class:s(i)?.description}))},[d(o.$slots,"description",{},()=>[h(m(t.description),1)])],2)):c("",!0)])],2)):c("",!0),e.body||t.features?.length||e.features?(a(),n("div",{key:1,"data-slot":"body",class:r(l.value.body({class:s(i)?.body}))},[d(o.$slots,"body",{},()=>[t.features?.length||e.features?(a(),n("ul",{key:0,"data-slot":"features",class:r(l.value.features({class:s(i)?.features}))},[d(o.$slots,"features",{},()=>[(a(!0),n(v,null,b(t.features,(g,y)=>(a(),f(V,p({key:y,as:"li"},{ref_for:!0},g),null,16))),128))])],2)):c("",!0)])],2)):c("",!0),e.footer||t.links?.length||e.links?(a(),n("div",{key:2,"data-slot":"footer",class:r(l.value.footer({class:s(i)?.footer}))},[d(o.$slots,"footer",{},()=>[t.links?.length||e.links?(a(),n("div",{key:0,"data-slot":"links",class:r(l.value.links({class:s(i)?.links}))},[d(o.$slots,"links",{},()=>[(a(!0),n(v,null,b(t.links,(g,y)=>(a(),f(I,p({key:y,size:"lg"},{ref_for:!0},g),null,16))),128))])],2)):c("",!0)])],2)):c("",!0)],2)):c("",!0),e.default?d(o.$slots,"default",{key:1}):t.orientation==="horizontal"?(a(),n("div",N)):c("",!0)]),_:3},8,["class"]),d(o.$slots,"bottom")]),_:3},8,["as","data-orientation","class"]))}};export{E as default};
|