carbon-components-svelte/assets/RadioButton.c0f33fb8.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as a,i as s,s as t,w as p,g as o,j as e,k as c,l,o as u,p as r,y as i,x as k,q as $,r as d,I as g,A as m,Y as f,J as v,B as x,C as B,G,c as R,a as b,m as h,t as w,b as S,d as T,h as F,n as y,N as E}from"./index.c2c9d961.js";import"./Button.37430222.js";import"./index.af83b04a.js";import{C as j,P}from"./Preview.4c9c0c28.js";import"./ChevronDown16.d70ae9ed.js";import"./Loading.8dea5962.js";import{F as L,R as _,a as I}from"./RadioButtonGroup.823c4a52.js";import"./Column.2e03e551.js";import"./Content.94950662.js";import"./store.a9279dc1.js";function A(n){let a,s,t,x,B,G,R=[n[0]],b={};for(let n=0;n<R.length;n+=1)b=p(b,R[n]);return{c(){a=o("div"),s=o("div"),t=e(),x=o("span"),this.h()},l(n){a=c(n,"DIV",{});var p=l(a);s=c(p,"DIV",{}),l(s).forEach(u),t=r(p),x=c(p,"SPAN",{}),l(x).forEach(u),p.forEach(u),this.h()},h(){i(s,"bx--radio-button",!0),i(s,"bx--skeleton",!0),i(x,"bx--radio-button__label",!0),i(x,"bx--skeleton",!0),k(a,b),i(a,"bx--radio-button-wrapper",!0)},m(p,o){$(p,a,o),d(a,s),d(a,t),d(a,x),B||(G=[g(a,"click",n[1]),g(a,"mouseover",n[2]),g(a,"mouseenter",n[3]),g(a,"mouseleave",n[4])],B=!0)},p(n,[s]){k(a,b=m(R,[1&s&&n[0]])),i(a,"bx--radio-button-wrapper",!0)},i:f,o:f,d(n){n&&u(a),B=!1,v(G)}}}function D(n,a,s){const t=[];let o=x(a,t);return n.$$set=n=>{a=p(p({},a),B(n)),s(0,o=x(a,t))},[o,function(a){G(n,a)},function(a){G(n,a)},function(a){G(n,a)},function(a){G(n,a)}]}class V extends a{constructor(n){super(),s(this,n,D,A,t,{})}}function C(n){let a,s,t,p,o,c;return a=new I({props:{labelText:"Free (1 GB)",value:"free"}}),t=new I({props:{labelText:"Standard (10 GB)",value:"standard"}}),o=new I({props:{labelText:"Pro (128 GB)",value:"pro"}}),{c(){R(a.$$.fragment),s=e(),R(t.$$.fragment),p=e(),R(o.$$.fragment)},l(n){b(a.$$.fragment,n),s=r(n),b(t.$$.fragment,n),p=r(n),b(o.$$.fragment,n)},m(n,e){h(a,n,e),$(n,s,e),h(t,n,e),$(n,p,e),h(o,n,e),c=!0},p:f,i(n){c||(w(a.$$.fragment,n),w(t.$$.fragment,n),w(o.$$.fragment,n),c=!0)},o(n){S(a.$$.fragment,n),S(t.$$.fragment,n),S(o.$$.fragment,n),c=!1},d(n){T(a,n),n&&u(s),T(t,n),n&&u(p),T(o,n)}}}function H(n){let a,s;return a=new _({props:{selected:"standard",$$slots:{default:[C]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function U(n){let a,s;return a=new L({props:{legendText:"Storage tier (disk)",$$slots:{default:[H]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function N(n){let a,s,t,p,o,c;return a=new I({props:{labelText:"Free (1 GB)",value:"free"}}),t=new I({props:{labelText:"Standard (10 GB)",value:"standard"}}),o=new I({props:{labelText:"Pro (128 GB)",value:"pro"}}),{c(){R(a.$$.fragment),s=e(),R(t.$$.fragment),p=e(),R(o.$$.fragment)},l(n){b(a.$$.fragment,n),s=r(n),b(t.$$.fragment,n),p=r(n),b(o.$$.fragment,n)},m(n,e){h(a,n,e),$(n,s,e),h(t,n,e),$(n,p,e),h(o,n,e),c=!0},p:f,i(n){c||(w(a.$$.fragment,n),w(t.$$.fragment,n),w(o.$$.fragment,n),c=!0)},o(n){S(a.$$.fragment,n),S(t.$$.fragment,n),S(o.$$.fragment,n),c=!1},d(n){T(a,n),n&&u(s),T(t,n),n&&u(p),T(o,n)}}}function q(n){let a,s;return a=new _({props:{labelPosition:"left",selected:"standard",$$slots:{default:[N]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function J(n){let a,s;return a=new L({props:{legendText:"Storage tier (disk)",$$slots:{default:[q]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function M(n){let a,s,t,p,o,c;return a=new I({props:{labelText:"Free (1 GB)",value:"free"}}),t=new I({props:{labelText:"Standard (10 GB)",value:"standard"}}),o=new I({props:{labelText:"Pro (128 GB)",value:"pro"}}),{c(){R(a.$$.fragment),s=e(),R(t.$$.fragment),p=e(),R(o.$$.fragment)},l(n){b(a.$$.fragment,n),s=r(n),b(t.$$.fragment,n),p=r(n),b(o.$$.fragment,n)},m(n,e){h(a,n,e),$(n,s,e),h(t,n,e),$(n,p,e),h(o,n,e),c=!0},p:f,i(n){c||(w(a.$$.fragment,n),w(t.$$.fragment,n),w(o.$$.fragment,n),c=!0)},o(n){S(a.$$.fragment,n),S(t.$$.fragment,n),S(o.$$.fragment,n),c=!1},d(n){T(a,n),n&&u(s),T(t,n),n&&u(p),T(o,n)}}}function Y(n){let a,s;return a=new _({props:{orientation:"vertical",selected:"standard",$$slots:{default:[M]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function z(n){let a,s;return a=new L({props:{legendText:"Storage tier (disk)",$$slots:{default:[Y]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function K(n){let a,s,t,p,o,c;return a=new V({}),t=new V({}),o=new V({}),{c(){R(a.$$.fragment),s=e(),R(t.$$.fragment),p=e(),R(o.$$.fragment)},l(n){b(a.$$.fragment,n),s=r(n),b(t.$$.fragment,n),p=r(n),b(o.$$.fragment,n)},m(n,e){h(a,n,e),$(n,s,e),h(t,n,e),$(n,p,e),h(o,n,e),c=!0},i(n){c||(w(a.$$.fragment,n),w(t.$$.fragment,n),w(o.$$.fragment,n),c=!0)},o(n){S(a.$$.fragment,n),S(t.$$.fragment,n),S(o.$$.fragment,n),c=!1},d(n){T(a,n),n&&u(s),T(t,n),n&&u(p),T(o,n)}}}function O(n){let a,s;return a=new _({props:{$$slots:{default:[K]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function Q(n){let a,s;return a=new L({props:{legendText:"Storage tier (disk)",$$slots:{default:[O]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function W(n){let a,s,t,p,o,c;return a=new V({}),t=new V({}),o=new V({}),{c(){R(a.$$.fragment),s=e(),R(t.$$.fragment),p=e(),R(o.$$.fragment)},l(n){b(a.$$.fragment,n),s=r(n),b(t.$$.fragment,n),p=r(n),b(o.$$.fragment,n)},m(n,e){h(a,n,e),$(n,s,e),h(t,n,e),$(n,p,e),h(o,n,e),c=!0},i(n){c||(w(a.$$.fragment,n),w(t.$$.fragment,n),w(o.$$.fragment,n),c=!0)},o(n){S(a.$$.fragment,n),S(t.$$.fragment,n),S(o.$$.fragment,n),c=!1},d(n){T(a,n),n&&u(s),T(t,n),n&&u(p),T(o,n)}}}function X(n){let a,s;return a=new _({props:{orientation:"vertical",$$slots:{default:[W]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function Z(n){let a,s;return a=new L({props:{legendText:"Storage tier (disk)",$$slots:{default:[X]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,s){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}function nn(n){let a,s,t,p,i,k,g,m,f,v,x,B,G,R,b,h,w,S,T,j,P,L,_,I,A,D;return{c(){a=o("div"),s=o("ul"),t=o("li"),p=o("a"),i=F("Usage"),k=e(),g=o("ul"),m=o("li"),f=o("a"),v=F("Default"),x=e(),B=o("li"),G=o("a"),R=F("Label text aligned left"),b=e(),h=o("li"),w=o("a"),S=F("Vertical orientation"),T=e(),j=o("li"),P=o("a"),L=F("Skeleton"),_=e(),I=o("li"),A=o("a"),D=F("Skeleton (vertical orientation)"),this.h()},l(n){a=c(n,"DIV",{slot:!0});var o=l(a);s=c(o,"UL",{class:!0});var e=l(s);t=c(e,"LI",{class:!0});var $=l(t);p=c($,"A",{class:!0,href:!0});var d=l(p);i=y(d,"Usage"),d.forEach(u),k=r($),g=c($,"UL",{class:!0});var F=l(g);m=c(F,"LI",{class:!0});var E=l(m);f=c(E,"A",{class:!0,href:!0});var V=l(f);v=y(V,"Default"),V.forEach(u),E.forEach(u),x=r(F),B=c(F,"LI",{class:!0});var C=l(B);G=c(C,"A",{class:!0,href:!0});var H=l(G);R=y(H,"Label text aligned left"),H.forEach(u),C.forEach(u),b=r(F),h=c(F,"LI",{class:!0});var U=l(h);w=c(U,"A",{class:!0,href:!0});var N=l(w);S=y(N,"Vertical orientation"),N.forEach(u),U.forEach(u),T=r(F),j=c(F,"LI",{class:!0});var q=l(j);P=c(q,"A",{class:!0,href:!0});var J=l(P);L=y(J,"Skeleton"),J.forEach(u),q.forEach(u),_=r(F),I=c(F,"LI",{class:!0});var M=l(I);A=c(M,"A",{class:!0,href:!0});var Y=l(A);D=y(Y,"Skeleton (vertical orientation)"),Y.forEach(u),M.forEach(u),F.forEach(u),$.forEach(u),e.forEach(u),o.forEach(u),this.h()},h(){E(p,"class","bx--link"),E(p,"href","#usage"),E(f,"class","bx--link"),E(f,"href","#default"),E(m,"class","bx--list__item"),E(G,"class","bx--link"),E(G,"href","#label-text-aligned-left"),E(B,"class","bx--list__item"),E(w,"class","bx--link"),E(w,"href","#vertical-orientation"),E(h,"class","bx--list__item"),E(P,"class","bx--link"),E(P,"href","#skeleton"),E(j,"class","bx--list__item"),E(A,"class","bx--link"),E(A,"href","#skeleton-vertical-orientation"),E(I,"class","bx--list__item"),E(g,"class","bx--list--unordered bx--list--nested"),E(t,"class","bx--list__item"),E(s,"class","bx--list--unordered"),E(a,"slot","aside")},m(n,o){$(n,a,o),d(a,s),d(s,t),d(t,p),d(p,i),d(t,k),d(t,g),d(g,m),d(m,f),d(f,v),d(g,x),d(g,B),d(B,G),d(G,R),d(g,b),d(g,h),d(h,w),d(w,S),d(g,T),d(g,j),d(j,P),d(P,L),d(g,_),d(g,I),d(I,A),d(A,D)},d(n){n&&u(a)}}}function an(n){let a,s,t,p,i,k,g,m,f,v,x,B,G,j,L,_,I,A,D,V,C,H,N,q,M,Y;return p=new P({props:{codeRaw:'<script>\n  import {\n    FormGroup,\n    RadioButtonGroup,\n    RadioButton,\n  } from "carbon-components-svelte";\n<\/script>\n\n<FormGroup legendText="Storage tier (disk)">\n  <RadioButtonGroup selected="standard">\n    <RadioButton labelText="Free (1 GB)" value="free" />\n    <RadioButton labelText="Standard (10 GB)" value="standard" />\n    <RadioButton labelText="Pro (128 GB)" value="pro" />\n  </RadioButtonGroup>\n</FormGroup>\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>\n    FormGroup<span class="token punctuation">,</span>\n    RadioButtonGroup<span class="token punctuation">,</span>\n    RadioButton<span class="token punctuation">,</span>\n  <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>FormGroup</span> <span class="token attr-name">legendText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Storage tier (disk)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonGroup</span> <span class="token attr-name">selected</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>standard<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Free (1 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>free<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Standard (10 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>standard<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Pro (128 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>pro<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButtonGroup</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormGroup</span><span class="token punctuation">></span></span>\n',$$slots:{default:[U]},$$scope:{ctx:n}}}),f=new P({props:{codeRaw:'<script>\n  import {\n    FormGroup,\n    RadioButtonGroup,\n    RadioButton,\n  } from "carbon-components-svelte";\n<\/script>\n\n<FormGroup legendText="Storage tier (disk)">\n  <RadioButtonGroup labelPosition="left" selected="standard">\n    <RadioButton labelText="Free (1 GB)" value="free" />\n    <RadioButton labelText="Standard (10 GB)" value="standard" />\n    <RadioButton labelText="Pro (128 GB)" value="pro" />\n  </RadioButtonGroup>\n</FormGroup>\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>\n    FormGroup<span class="token punctuation">,</span>\n    RadioButtonGroup<span class="token punctuation">,</span>\n    RadioButton<span class="token punctuation">,</span>\n  <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>FormGroup</span> <span class="token attr-name">legendText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Storage tier (disk)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonGroup</span> <span class="token attr-name">labelPosition</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>left<span class="token punctuation">"</span></span> <span class="token attr-name">selected</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>standard<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Free (1 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>free<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Standard (10 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>standard<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Pro (128 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>pro<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButtonGroup</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormGroup</span><span class="token punctuation">></span></span>\n',$$slots:{default:[J]},$$scope:{ctx:n}}}),j=new P({props:{codeRaw:'<script>\n  import {\n    FormGroup,\n    RadioButtonGroup,\n    RadioButton,\n  } from "carbon-components-svelte";\n<\/script>\n\n<FormGroup legendText="Storage tier (disk)">\n  <RadioButtonGroup orientation="vertical" selected="standard">\n    <RadioButton labelText="Free (1 GB)" value="free" />\n    <RadioButton labelText="Standard (10 GB)" value="standard" />\n    <RadioButton labelText="Pro (128 GB)" value="pro" />\n  </RadioButtonGroup>\n</FormGroup>\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>\n    FormGroup<span class="token punctuation">,</span>\n    RadioButtonGroup<span class="token punctuation">,</span>\n    RadioButton<span class="token punctuation">,</span>\n  <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>FormGroup</span> <span class="token attr-name">legendText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Storage tier (disk)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonGroup</span> <span class="token attr-name">orientation</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>vertical<span class="token punctuation">"</span></span> <span class="token attr-name">selected</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>standard<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Free (1 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>free<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Standard (10 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>standard<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">labelText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Pro (128 GB)<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>pro<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButtonGroup</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormGroup</span><span class="token punctuation">></span></span>\n',$$slots:{default:[z]},$$scope:{ctx:n}}}),D=new P({props:{codeRaw:'<script>\n  import {\n    FormGroup,\n    RadioButtonGroup,\n    RadioButtonSkeleton,\n  } from "carbon-components-svelte";\n<\/script>\n\n<FormGroup legendText="Storage tier (disk)">\n  <RadioButtonGroup>\n    <RadioButtonSkeleton />\n    <RadioButtonSkeleton />\n    <RadioButtonSkeleton />\n  </RadioButtonGroup>\n</FormGroup>\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>\n    FormGroup<span class="token punctuation">,</span>\n    RadioButtonGroup<span class="token punctuation">,</span>\n    RadioButtonSkeleton<span class="token punctuation">,</span>\n  <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>FormGroup</span> <span class="token attr-name">legendText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Storage tier (disk)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonGroup</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonSkeleton</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonSkeleton</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonSkeleton</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButtonGroup</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormGroup</span><span class="token punctuation">></span></span>\n',$$slots:{default:[Q]},$$scope:{ctx:n}}}),q=new P({props:{codeRaw:'<script>\n  import {\n    FormGroup,\n    RadioButtonGroup,\n    RadioButtonSkeleton,\n  } from "carbon-components-svelte";\n<\/script>\n\n<FormGroup legendText="Storage tier (disk)">\n  <RadioButtonGroup orientation="vertical">\n    <RadioButtonSkeleton />\n    <RadioButtonSkeleton />\n    <RadioButtonSkeleton />\n  </RadioButtonGroup>\n</FormGroup>\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>\n    FormGroup<span class="token punctuation">,</span>\n    RadioButtonGroup<span class="token punctuation">,</span>\n    RadioButtonSkeleton<span class="token punctuation">,</span>\n  <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>FormGroup</span> <span class="token attr-name">legendText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Storage tier (disk)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonGroup</span> <span class="token attr-name">orientation</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>vertical<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonSkeleton</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonSkeleton</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButtonSkeleton</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButtonGroup</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormGroup</span><span class="token punctuation">></span></span>\n',$$slots:{default:[Z]},$$scope:{ctx:n}}}),{c(){a=o("h3"),s=F("Default"),t=e(),R(p.$$.fragment),i=e(),k=o("h3"),g=F("Label text aligned left"),m=e(),R(f.$$.fragment),v=e(),x=o("h3"),B=F("Vertical orientation"),G=e(),R(j.$$.fragment),L=e(),_=o("h3"),I=F("Skeleton"),A=e(),R(D.$$.fragment),V=e(),C=o("h3"),H=F("Skeleton (vertical orientation)"),N=e(),R(q.$$.fragment),M=e(),this.h()},l(n){a=c(n,"H3",{id:!0});var o=l(a);s=y(o,"Default"),o.forEach(u),t=r(n),b(p.$$.fragment,n),i=r(n),k=c(n,"H3",{id:!0});var e=l(k);g=y(e,"Label text aligned left"),e.forEach(u),m=r(n),b(f.$$.fragment,n),v=r(n),x=c(n,"H3",{id:!0});var $=l(x);B=y($,"Vertical orientation"),$.forEach(u),G=r(n),b(j.$$.fragment,n),L=r(n),_=c(n,"H3",{id:!0});var d=l(_);I=y(d,"Skeleton"),d.forEach(u),A=r(n),b(D.$$.fragment,n),V=r(n),C=c(n,"H3",{id:!0});var R=l(C);H=y(R,"Skeleton (vertical orientation)"),R.forEach(u),N=r(n),b(q.$$.fragment,n),M=r(n),this.h()},h(){E(a,"id","default"),E(k,"id","label-text-aligned-left"),E(x,"id","vertical-orientation"),E(_,"id","skeleton"),E(C,"id","skeleton-vertical-orientation")},m(n,o){$(n,a,o),d(a,s),$(n,t,o),h(p,n,o),$(n,i,o),$(n,k,o),d(k,g),$(n,m,o),h(f,n,o),$(n,v,o),$(n,x,o),d(x,B),$(n,G,o),h(j,n,o),$(n,L,o),$(n,_,o),d(_,I),$(n,A,o),h(D,n,o),$(n,V,o),$(n,C,o),d(C,H),$(n,N,o),h(q,n,o),$(n,M,o),Y=!0},p(n,a){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),p.$set(s);const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),f.$set(t);const o={};1&a&&(o.$$scope={dirty:a,ctx:n}),j.$set(o);const e={};1&a&&(e.$$scope={dirty:a,ctx:n}),D.$set(e);const c={};1&a&&(c.$$scope={dirty:a,ctx:n}),q.$set(c)},i(n){Y||(w(p.$$.fragment,n),w(f.$$.fragment,n),w(j.$$.fragment,n),w(D.$$.fragment,n),w(q.$$.fragment,n),Y=!0)},o(n){S(p.$$.fragment,n),S(f.$$.fragment,n),S(j.$$.fragment,n),S(D.$$.fragment,n),S(q.$$.fragment,n),Y=!1},d(n){n&&u(a),n&&u(t),T(p,n),n&&u(i),n&&u(k),n&&u(m),T(f,n),n&&u(v),n&&u(x),n&&u(G),T(j,n),n&&u(L),n&&u(_),n&&u(A),T(D,n),n&&u(V),n&&u(C),n&&u(N),T(q,n),n&&u(M)}}}function sn(n){let a,s;return a=new j({props:{$$slots:{default:[an],aside:[nn]},$$scope:{ctx:n}}}),{c(){R(a.$$.fragment)},l(n){b(a.$$.fragment,n)},m(n,t){h(a,n,t),s=!0},p(n,[s]){const t={};1&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t)},i(n){s||(w(a.$$.fragment,n),s=!0)},o(n){S(a.$$.fragment,n),s=!1},d(n){T(a,n)}}}export default class extends a{constructor(n){super(),s(this,n,null,sn,t,{})}}