https://shop.mycma.ch/_nuxt/Buttons.b8h9yO6w.js

1import{_ as C}from"./generic-link.PubmXkgH.js";import{_,t as N}from"./testing.94yxVAWD.js";import{J as x}from"./Button.ESSauv6W.js";import{A as J}from"./AmountButton.Jfn6YkJl.js";import T from"./navigation-button.xAhVyjDT.js";import{C as w}from"./link.bsqX5Gdx.js";import{N as A,a6 as r,P as n,a7 as u,a8 as a,T as s,aC as i,aH as c,Q as l,R as g,S as b,bo as V,a9 as I,W as v,ba as M,bb as D}from"./entry.IRopAhUk.js";import"./index.tsdXPcWo.js";import"./client-only.9mdVhW0Y.js";import"./icon-svg.BWRi8_RI.js";function H(){return{pagePadding:0}}const P={name:"TestButtons",components:{AmountButton:J,ComponentTester:_,NavigationButton:T,JButton:x,CustomLink:w},mixins:[N],data(){return{types:["primary","secondary","danger","neutral","outline-primary","outline-dark",{type:"outline-light",bg:"#000"}],variants:[{label:"Label"},{label:"Add to cart",icon:"shopping-bag-add"},{customLabel:`
2            <div style="display: flex; flex-direction: column">
3              <span>Purchase now</span>
4              <span>123 CHF</span>
5            </div>
6          `},{label:"Label",sm:!0},{label:"Label",disabled:!0},{label:"Label loading",loading:!0},{label:"Label loading",icon:"trash",loading:!0},{label:"Label",loading:!0,sm:!0},{icon:"trash"},{icon:"trash",loading:!0},{icon:"trash",sm:!0},{icon:"trash",sm:!0,noIconBg:!0},{disabled:!0,icon:"trash"},{disabled:!0,icon:"trash",sm:!0}]}},computed:{computedTypes(){return this.types.map(o=>typeof o=="string"?{type:o,bg:"transparent"}:o)}},mounted(){this.screenDefaults=H(),this.createScreen("All types",{url:"https://www.figma.com/design/hieoAjLl8lCtMC0eJpvCKj/Design-System---JAMES-Web?node-id=411-14845&t=2TEm8Z7ypVegs2qP-1"})}},y=o=>(M("data-v-0a9acbb3"),o=o(),D(),o),$={class:"buttons"},E={class:"buttons"},O=y(()=>s("div",null,"Navigation",-1)),j={class:"buttons"},F=y(()=>s("div",null,"Amount",-1)),W={key:0,class:"buttons"},q={style:{color:"#888"}},z=["innerHTML"];function K(o,m,Q,R,h,f){const k=r("CustomLink"),d=r("JButton"),B=C,L=r("NavigationButton"),p=r("AmountButton"),S=_;return n(),u(S,{id:"Buttons",modelValue:o.selectedScreen,"onUpdate:modelValue":m[0]||(m[0]=e=>o.selectedScreen=e),class:"component-tester",screens:o.screens},{default:a(()=>[s("div",$,[i(k,{type:"nuxt-link",to:"/de/wishlist"},{default:a(()=>[c(" CustomLink ")]),_:1}),i(d,{to:"/de/wishlist",primary:""},{default:a(()=>[c(" JButton ")]),_:1}),i(B,{to:"/de/wishlist"},{default:a(()=>[c(" NuxtLink ")]),_:1})]),s("div",E,[O,i(L,{icon:"dismiss"})]),s("div",j,[F,i(p,{add:""}),i(p,{add:!1})]),o.selectedScreen?(n(),l("div",W,[(n(!0),l(g,null,b(f.computedTypes,e=>(n(),l("div",{key:e,class:"button-type",style:V({"background-color":e.bg})},[s("h2",q,I(e.type),1),(n(!0),l(g,null,b(h.variants,t=>(n(),l("div",{key:`${e.type}-${JSON.stringify(t)}`},[t.customLabel?(n(),u(d,{key:1,title:JSON.stringify(t),sm:t.sm,disabled:t.disabled,loading:t.loading,icon:t.icon,primary:e.type==="primary",secondary:e.type==="secondary",danger:e.type==="danger",neutral:e.type==="neutral","no-icon-bg":t.noIconBg,"outline-color":e.type==="outline-primary","outline-dark":e.type==="outline-dark","outline-light":e.type==="outline-light"},{default:a(()=>[s("div",{innerHTML:t.customLabel},null,8,z)]),_:2},1032,["title","sm","disabled","loading","icon","primary","secondary","danger","neutral","no-icon-bg","outline-color","outline-dark","outline-light"])):(n(),u(d,{key:0,title:JSON.stringify(t),sm:t.sm,disabled:t.disabled,loading:t.loading,icon:t.icon,label:t.label,primary:e.type==="primary",secondary:e.type==="secondary",danger:e.type==="danger",neutral:e.type==="neutral","no-icon-bg":t.noIconBg,"outline-color":e.type==="outline-primary","outline-dark":e.type==="outline-dark","outline-light":e.type==="outline-light"},null,8,["title","sm","disabled","loading","icon","label","primary","secondary","danger","neutral","no-icon-bg","outline-color","outline-dark","outline-light"]))]))),128))],4))),128))])):v("",!0)]),_:1},8,["modelValue","screens"])}const ie=A(P,[["render",K],["__scopeId","data-v-0a9acbb3"]]);export{ie as default};