https://www.bauwerk-parkett.com/_nuxt/B50CSzsE.js

1import{d as M,c as i,a as t,F as r,r as d,e as l,p as c,o as a,a8 as g,g as u,w as x,h as p,t as n,b as z,f as b,_ as A,bR as D}from"./DuSFgMaH.js";import{_ as N}from"./Ba1MGzt6.js";const w={class:"container"},O={class:"col-span-2 md:col-span-3"},S={class:"col-span-1 md:col-span-2 font-design-system"},L={class:"text-sm"},P={class:"col-span-1 md:col-span-2 font-design-system"},I={class:"text-sm"},F={class:"col-span-1 md:col-span-5 font-design-system"},V={class:"text-sm"},T={class:"mt-20"},H={class:"col-span-2 md:col-span-3"},U={class:"col-span-1 md:col-span-3 font-design-system"},C={class:"text-sm"},q={class:"col-span-2 md:col-span-3"},R={class:"col-span-1 md:col-span-2 font-design-system"},$={class:"text-sm"},j={class:"col-span-1 md:col-span-2 font-design-system"},E={class:"text-sm"},G={class:"col-span-1 md:col-span-2 font-design-system"},J={class:"text-sm"},K={class:"col-span-1 md:col-span-3 font-design-system"},Q={class:"text-sm"},W=["onMouseenter","onMouseleave"],X={class:"col-span-1 md:col-span-2 font-design-system"},Y={class:"text-sm"},Z={class:"col-span-1 md:col-span-2 font-design-system"},tt={class:"text-sm"},et={class:"col-span-1 md:col-span-2 font-design-system"},st={class:"text-sm"},nt={class:"col-span-1 md:col-span-3 font-design-system"},at={class:"text-sm"},it=M({__name:"DsButtons",props:{blok:{}},setup(ot){const m=c([{tag:"button",variant:"primary",text:"Mehr entdecken",usage:"Button Primary"},{tag:"a",variant:"primary",text:"Mehr entdecken",usage:"Button Primary with Icon Before",iconBefore:"24:plus"},{tag:"button",variant:"primary",text:"Mehr entdecken",usage:"Button Primary with Icon After",iconAfter:"24:plus"},{tag:"button",variant:"primary",text:"Netural steht für wegweisende Strategien",usage:"Button Primary truncated with too long text"},{tag:"button",variant:"secondary",text:"Mehr entdecken",usage:"Button Secondary"},{tag:"button",variant:"secondary",text:"Mehr entdecken",usage:"Button Secondary with Icon Before",iconBefore:"24:plus"},{tag:"button",variant:"secondary",text:"Mehr entdecken",usage:"Button Secondary with Icon After",iconAfter:"24:plus"},{tag:"button",variant:"secondary",text:"Mehr entdecken",usage:"N/A",isOnDark:!0},{tag:"button",variant:"primary",text:"Absenden",usage:"Button Primary with Loading Indicator",isLoading:!0},{tag:"button",variant:"secondary",text:"Absenden",usage:"Button Secondary with Loading Indicator",isLoading:!0},{tag:"button",variant:"primary",text:"Mehr entdecken",usage:"Button Primary Disabled",isDisabled:!0},{tag:"button",variant:"secondary",text:"Mehr entdecken",usage:"Button Secondary Disabled",isDisabled:!0}]),k=c([{usage:"Icon Only",variant:"square",icon:"24:shopping-cart"},{usage:"Icon Only - Ghost, Location Finder",variant:"square-ghost",icon:"24:target"},{usage:"Footer (Back-Up Button)",variant:"round",icon:"24:chevron-up",isOnDark:!0}]),h=c([{tag:"a",variant:"plain-link",text:"Mehr entdecken",size:"S",usage:"without arrow icon on hover"},{tag:"a",variant:"plain-link",text:"Mehr entdecken",size:"M",usage:"without arrow icon on hover"},{tag:"a",variant:"plain-link",text:"Mehr entdecken",size:"L",usage:"without arrow icon on hover"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"S",usage:"N/A"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"M",usage:"N/A"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"L",usage:"N/A"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"S",usage:"N/A",iconBefore:"24:plus"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"M",usage:"N/A",iconBefore:"24:plus"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"L",usage:"N/A",iconBefore:"24:plus"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"S",usage:"N/A",iconAfter:"24:plus"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"M",usage:"N/A",iconAfter:"24:plus"},{tag:"button",variant:"link",text:"Mehr entdecken",size:"L",usage:"N/A",iconAfter:"24:plus"},{tag:"button",variant:"subtle-link",text:"Dashboard",size:"S",usage:"Profile Navigation",iconBefore:"24:dashboard"},{tag:"button",variant:"subtle-link",text:"Dashboard",size:"M",usage:"Profile Navigation",iconBefore:"24:dashboard"},{tag:"button",variant:"subtle-link",text:"Dashboard",size:"L",usage:"Profile Navigation",iconBefore:"24:dashboard"},{tag:"a",variant:"link",text:"Mehr entdecken",size:"S",usage:"N/A",isOnDark:!0},{tag:"a",variant:"link",text:"Mehr entdecken",size:"M",usage:"N/A",isOnDark:!0},{tag:"a",variant:"link",text:"Mehr entdecken",size:"L",usage:"N/A",isOnDark:!0},{tag:"button",variant:"footer-link",text:"Mehr entdecken",size:"S",usage:"Footer",isOnDark:!0},{tag:"button",variant:"footer-link",text:"Mehr entdecken",size:"M",usage:"Footer",isOnDark:!0},{tag:"button",variant:"footer-link",text:"Mehr entdecken",size:"L",usage:"Footer",isOnDark:!0}]),f=c([{type:"Profile Avatar",variant:"light",initials:"BP",size:"",usage:"Main Navigation transparent (homepage)",isOnDark:!0,isHovered:!1},{type:"Profile Avatar",variant:"dark",initials:"BP",size:"",usage:"Main Navigation solid white (e.g. References Overview), Mobile Navigation, Mobile fixed bottom navigation",isHovered:!1}]);return(rt,s)=>{const v=A,y=N,_=D;return a(),i("div",w,[s[13]||(s[13]=t("h3",{class:"ds-section-heading mt-16"},"Buttons",-1)),(a(!0),i(r,null,d(l(m),(e,o)=>(a(),i("div",{key:o,class:g(["grid grid-cols-2 gap-5 mt-8 md:grid-cols-12 px-8",{"bg-black text-white on-dark py-8":e.isOnDark}])},[t("div",O,[u(v,{tag:e.tag,variant:e.variant,size:e.size,"icon-before":e.iconBefore,"icon-after":e.iconAfter,"is-loading":e.isLoading,"is-disabled":e.isDisabled},{default:x(()=>[p(n(e.text),1)]),_:2},1032,["tag","variant","size","icon-before","icon-after","is-loading","is-disabled"])]),t("div",S,[s[0]||(s[0]=t("div",{class:"text-xs text-gray-600"},"Type / Tag",-1)),t("div",L,n(e.tag),1)]),t("div",P,[s[1]||(s[1]=t("div",{class:"text-xs text-gray-600"}

1,"Variant",-1)),t("div",I,n(e.variant),1)]),t("div",F,[s[2]||(s[2]=t("div",{class:"text-xs text-gray-600"},"Usage",-1)),t("div",V,n(e.usage),1)])],2))),128)),t("div",T,[s[4]||(s[4]=t("h3",{class:"ds-section-heading mt-16"},"Icon Buttons",-1)),(a(!0),i(r,null,d(l(k),(e,o)=>(a(),i("div",{key:o,class:g(["grid grid-cols-2 gap-5 mt-8 md:grid-cols-12 px-8",{"bg-black text-white on-dark py-8":e.isOnDark}])},[t("div",H,[u(y,{variant:e.variant,icon:e.icon},null,8,["variant","icon"])]),t("div",U,[s[3]||(s[3]=t("div",{class:"text-xs text-gray-600"},"Usage",-1)),t("div",C,n(e.usage),1)])],2))),128))]),s[14]||(s[14]=t("h3",{class:"ds-section-heading mt-16"},"Link Buttons",-1)),(a(!0),i(r,null,d(l(h),(e,o)=>(a(),i("div",{key:o,class:g(["grid grid-cols-2 gap-5 mt-8 md:grid-cols-12 px-8",{"bg-black text-white on-dark py-8":e.isOnDark}])},[t("div",q,[u(v,{tag:e.tag,variant:e.variant,size:e.size,"icon-before":e.iconBefore,"icon-after":e.iconAfter},{default:x(()=>[p(n(e.text),1)]),_:2},1032,["tag","variant","size","icon-before","icon-after"])]),t("div",R,[s[5]||(s[5]=t("div",{class:"text-xs text-gray-600"},"Type / Tag",-1)),t("div",$,n(e.tag),1)]),t("div",j,[s[6]||(s[6]=t("div",{class:"text-xs text-gray-600"},"Variant",-1)),t("div",E,n(e.variant),1)]),t("div",G,[s[7]||(s[7]=t("div",{class:"text-xs text-gray-600"},"Size",-1)),t("div",J,n(e.size),1)]),t("div",K,[s[8]||(s[8]=t("div",{class:"text-xs text-gray-600"},"Usage",-1)),t("div",Q,n(e.usage),1)])],2))),128)),s[15]||(s[15]=t("h3",{class:"ds-section-heading mt-16"},"Avatar",-1)),(a(!0),i(r,null,d(l(f),(e,o)=>(a(),i("div",{key:o,class:g(["grid grid-cols-2 gap-5 mt-8 md:grid-cols-12 px-8",{"bg-black text-white on-dark py-8":e.isOnDark}])},[t("div",{class:"col-span-2 md:col-span-3",onMouseenter:B=>e.isHovered=!0,onMouseleave:B=>e.isHovered=!1},[e?.initials?(a(),z(_,{key:0,initials:e.initials,variant:e.variant,"is-active":e.isHovered},null,8,["initials","variant","is-active"])):b("",!0)],40,W),t("div",X,[s[9]||(s[9]=t("div",{class:"text-xs text-gray-600"},"Type",-1)),t("div",Y,n(e.type),1)]),t("div",Z,[s[10]||(s[10]=t("div",{class:"text-xs text-gray-600"},"Variant",-1)),t("div",tt,n(e.variant),1)]),t("div",et,[s[11]||(s[11]=t("div",{class:"text-xs text-gray-600"},"Size",-1)),t("div",st,n(e.size),1)]),t("div",nt,[s[12]||(s[12]=t("div",{class:"text-xs text-gray-600"},"Usage",-1)),t("div",at,n(e.usage),1)])],2))),128))])}}}),ct=Object.assign(it,{__name:"DsButtons"});export{ct as default};