carbon-components-svelte/assets/ButtonSet.f48157ab.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as s,i as t,s as a,v as e,w as o,g as p,k as c,l,o as u,x as r,y as i,q as $,z as k,A as f,t as d,b as g,B as m,C as h,c as x,a as B,m as b,d as v,K as S,h as j,j as w,n as y,p as E,N as L,r as C}from"./index.3ce6747c.js";import{B as D}from"./Button.d7a75b79.js";import"./index.6957f369.js";import{C as _,P as I}from"./Preview.f61f216f.js";import"./ChevronDown16.6514157c.js";import"./Loading.f1e97527.js";import"./Column.1fb4637e.js";import"./Content.9ffe34a9.js";import"./store.e3a4d2a9.js";function A(n){let s,t;const a=n[3].default,m=e(a,n,n[2],null);let h=[n[1]],x={};for(let n=0;n<h.length;n+=1)x=o(x,h[n]);return{c(){s=p("div"),m&&m.c(),this.h()},l(n){s=c(n,"DIV",{});var t=l(s);m&&m.l(t),t.forEach(u),this.h()},h(){r(s,x),i(s,"bx--btn-set",!0),i(s,"bx--btn-set--stacked",n[0])},m(n,a){$(n,s,a),m&&m.m(s,null),t=!0},p(n,[t]){m&&m.p&&4&t&&k(m,a,n,n[2],t,null,null),r(s,x=f(h,[2&t&&n[1]])),i(s,"bx--btn-set",!0),i(s,"bx--btn-set--stacked",n[0])},i(n){t||(d(m,n),t=!0)},o(n){g(m,n),t=!1},d(n){n&&u(s),m&&m.d(n)}}}function U(n,s,t){const a=["stacked"];let e=m(s,a),{$$slots:p={},$$scope:c}=s,{stacked:l=!1}=s;return n.$$set=n=>{s=o(o({},s),h(n)),t(1,e=m(s,a)),"stacked"in n&&t(0,l=n.stacked),"$$scope"in n&&t(2,c=n.$$scope)},[l,e,c,p]}class H extends s{constructor(n){super(),t(this,n,U,A,a,{stacked:0})}}function P(n){let s;return{c(){s=j("Cancel")},l(n){s=y(n,"Cancel")},m(n,t){$(n,s,t)},d(n){n&&u(s)}}}function R(n){let s;return{c(){s=j("Submit")},l(n){s=y(n,"Submit")},m(n,t){$(n,s,t)},d(n){n&&u(s)}}}function V(n){let s,t,a,e;return s=new D({props:{kind:"secondary",$$slots:{default:[P]},$$scope:{ctx:n}}}),a=new D({props:{$$slots:{default:[R]},$$scope:{ctx:n}}}),{c(){x(s.$$.fragment),t=w(),x(a.$$.fragment)},l(n){B(s.$$.fragment,n),t=E(n),B(a.$$.fragment,n)},m(n,o){b(s,n,o),$(n,t,o),b(a,n,o),e=!0},p(n,t){const e={};1&t&&(e.$$scope={dirty:t,ctx:n}),s.$set(e);const o={};1&t&&(o.$$scope={dirty:t,ctx:n}),a.$set(o)},i(n){e||(d(s.$$.fragment,n),d(a.$$.fragment,n),e=!0)},o(n){g(s.$$.fragment,n),g(a.$$.fragment,n),e=!1},d(n){v(s,n),n&&u(t),v(a,n)}}}function q(n){let s,t;return s=new H({props:{$$slots:{default:[V]},$$scope:{ctx:n}}}),{c(){x(s.$$.fragment)},l(n){B(s.$$.fragment,n)},m(n,a){b(s,n,a),t=!0},p(n,t){const a={};1&t&&(a.$$scope={dirty:t,ctx:n}),s.$set(a)},i(n){t||(d(s.$$.fragment,n),t=!0)},o(n){g(s.$$.fragment,n),t=!1},d(n){v(s,n)}}}function z(n){let s;return{c(){s=j("Login")},l(n){s=y(n,"Login")},m(n,t){$(n,s,t)},d(n){n&&u(s)}}}function K(n){let s;return{c(){s=j("Sign up")},l(n){s=y(n,"Sign up")},m(n,t){$(n,s,t)},d(n){n&&u(s)}}}function M(n){let s,t,a,e;return s=new D({props:{$$slots:{default:[z]},$$scope:{ctx:n}}}),a=new D({props:{kind:"ghost",$$slots:{default:[K]},$$scope:{ctx:n}}}),{c(){x(s.$$.fragment),t=w(),x(a.$$.fragment)},l(n){B(s.$$.fragment,n),t=E(n),B(a.$$.fragment,n)},m(n,o){b(s,n,o),$(n,t,o),b(a,n,o),e=!0},p(n,t){const e={};1&t&&(e.$$scope={dirty:t,ctx:n}),s.$set(e);const o={};1&t&&(o.$$scope={dirty:t,ctx:n}),a.$set(o)},i(n){e||(d(s.$$.fragment,n),d(a.$$.fragment,n),e=!0)},o(n){g(s.$$.fragment,n),g(a.$$.fragment,n),e=!1},d(n){v(s,n),n&&u(t),v(a,n)}}}function N(n){let s,t;return s=new H({props:{stacked:!0,$$slots:{default:[M]},$$scope:{ctx:n}}}),{c(){x(s.$$.fragment)},l(n){B(s.$$.fragment,n)},m(n,a){b(s,n,a),t=!0},p(n,t){const a={};1&t&&(a.$$scope={dirty:t,ctx:n}),s.$set(a)},i(n){t||(d(s.$$.fragment,n),t=!0)},o(n){g(s.$$.fragment,n),t=!1},d(n){v(s,n)}}}function T(n){let s,t,a,e,o,r,i,k,f,d,g,m,h,x;return{c(){s=p("div"),t=p("ul"),a=p("li"),e=p("a"),o=j("Usage"),r=w(),i=p("ul"),k=p("li"),f=p("a"),d=j("Default (juxtaposed)"),g=w(),m=p("li"),h=p("a"),x=j("Stacked"),this.h()},l(n){s=c(n,"DIV",{slot:!0});var p=l(s);t=c(p,"UL",{class:!0});var $=l(t);a=c($,"LI",{class:!0});var B=l(a);e=c(B,"A",{class:!0,href:!0});var b=l(e);o=y(b,"Usage"),b.forEach(u),r=E(B),i=c(B,"UL",{class:!0});var v=l(i);k=c(v,"LI",{class:!0});var S=l(k);f=c(S,"A",{class:!0,href:!0});var j=l(f);d=y(j,"Default (juxtaposed)"),j.forEach(u),S.forEach(u),g=E(v),m=c(v,"LI",{class:!0});var w=l(m);h=c(w,"A",{class:!0,href:!0});var L=l(h);x=y(L,"Stacked"),L.forEach(u),w.forEach(u),v.forEach(u),B.forEach(u),$.forEach(u),p.forEach(u),this.h()},h(){L(e,"class","bx--link"),L(e,"href","#usage"),L(f,"class","bx--link"),L(f,"href","#default-juxtaposed"),L(k,"class","bx--list__item"),L(h,"class","bx--link"),L(h,"href","#stacked"),L(m,"class","bx--list__item"),L(i,"class","bx--list--unordered bx--list--nested"),L(a,"class","bx--list__item"),L(t,"class","bx--list--unordered"),L(s,"slot","aside")},m(n,p){$(n,s,p),C(s,t),C(t,a),C(a,e),C(e,o),C(a,r),C(a,i),C(i,k),C(k,f),C(f,d),C(i,g),C(i,m),C(m,h),C(h,x)},d(n){n&&u(s)}}}function F(n){let s,t,a,e,o,r,i,k,f,m,h;return e=new I({props:{codeRaw:'<script>\n  import { ButtonSet, Button } from "carbon-components-svelte";\n<\/script>\n\n<ButtonSet>\n  <Button kind="secondary">Cancel</Button>\n  <Button>Submit</Button>\n</ButtonSet>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> ButtonSet<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ButtonSet</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">kind</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>secondary<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Cancel<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>Submit<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ButtonSet</span><span class="token punctuation">></span></span>\n',$$slots:{default:[q]},$$scope:{ctx:n}}}),f=new I({props:{codeRaw:'<script>\n  import { ButtonSet, Button } from "carbon-components-svelte";\n<\/script>\n\n<ButtonSet stacked>\n  <Button>Login</Button>\n  <Button kind="ghost">Sign up</Button>\n</ButtonSet>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> ButtonSet<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ButtonSet</span> <span class="token attr-name">stacked</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>Login<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">kind</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ghost<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Sign up<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ButtonSet</span><span class="token punctuation">></span></span>\n',$$slots:{default:[N]},$$scope:{ctx:n}}}),{c(){s=p("h3"),t=j("Default (juxtaposed)"),a=w(),x(e.$$.fragment),o=w(),r=p("h3"),i=j("Stacked"),k=w(),x(f.$$.fragment),m=w(),this.h()},l(n){s=c(n,"H3",{id:!0});var p=l(s);t=y(p,"Default (juxtaposed)"),p.forEach(u),a=E(n),B(e.$$.fragment,n),o=E(n),r=c(n,"H3",{id:!0});var $=l(r);i=y($,"Stacked"),$.forEach(u),k=E(n),B(f.$$.fragment,n),m=E(n),this.h()},h(){L(s,"id","default-juxtaposed"),L(r,"id","stacked")},m(n,p){$(n,s,p),C(s,t),$(n,a,p),b(e,n,p),$(n,o,p),$(n,r,p),C(r,i),$(n,k,p),b(f,n,p),$(n,m,p),h=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),e.$set(t);const a={};1&s&&(a.$$scope={dirty:s,ctx:n}),f.$set(a)},i(n){h||(d(e.$$.fragment,n),d(f.$$.fragment,n),h=!0)},o(n){g(e.$$.fragment,n),g(f.$$.fragment,n),h=!1},d(n){n&&u(s),n&&u(a),v(e,n),n&&u(o),n&&u(r),n&&u(k),v(f,n),n&&u(m)}}}function G(n){let s,t;const a=[J];let e={$$slots:{default:[F],aside:[T]},$$scope:{ctx:n}};for(let n=0;n<a.length;n+=1)e=o(e,a[n]);return s=new _({props:e}),{c(){x(s.$$.fragment)},l(n){B(s.$$.fragment,n)},m(n,a){b(s,n,a),t=!0},p(n,[t]){const e=0&t?f(a,[S(J)]):{};1&t&&(e.$$scope={dirty:t,ctx:n}),s.$set(e)},i(n){t||(d(s.$$.fragment,n),t=!0)},o(n){g(s.$$.fragment,n),t=!1},d(n){v(s,n)}}}const J={source:"Button/ButtonSet.svelte"};export default class extends s{constructor(n){super(),t(this,n,null,G,a,{})}}export{J as metadata};