carbon-components-svelte/assets/Tabs.4f51a4d5.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as a,i as t,s,h as e,n as o,q as p,M as l,o as c,v as r,w as i,g as u,j as $,c as d,k as b,l as k,p as f,a as g,N as m,y as h,x as v,r as x,m as T,I as C,z as y,A as w,t as _,b as E,d as D,J as I,B as j,a1 as L,e as S,ab as A,a4 as H,Q as V,C as B,a2 as M,G as U,aa as R,a5 as z,H as G,Y as P,L as q,Z as J,a9 as N}from"./index.3ce6747c.js";import"./Button.d7a75b79.js";import"./index.6957f369.js";import{C as Q,P as Y}from"./Preview.f61f216f.js";import"./ChevronDown16.6514157c.js";import"./Loading.f1e97527.js";import"./Column.1fb4637e.js";import{C as Z}from"./ChevronDownGlyph.0758df15.js";import"./Content.9ffe34a9.js";import"./store.e3a4d2a9.js";const F=n=>({}),K=n=>({});function O(n){let a,t=n[4].label+"";return{c(){a=e(t)},l(n){a=o(n,t)},m(n,t){p(n,a,t)},p(n,s){16&s&&t!==(t=n[4].label+"")&&l(a,t)},d(n){n&&c(a)}}}function W(n){let a,t,s,e,o,l,j,L,S,A,H,V,B=n[4]&&O(n);o=new Z({props:{"aria-hidden":"true",title:n[1]}});const M=n[13].default,U=r(M,n,n[12],null);let R=[{role:"navigation"},n[9]],z={};for(let n=0;n<R.length;n+=1)z=i(z,R[n]);const G=n[13].content,P=r(G,n,n[12],K);return{c(){a=u("div"),t=u("div"),s=u("a"),B&&B.c(),e=$(),d(o.$$.fragment),j=$(),L=u("ul"),U&&U.c(),S=$(),P&&P.c(),this.h()},l(n){a=b(n,"DIV",{role:!0});var p=k(a);t=b(p,"DIV",{role:!0,tabindex:!0,"aria-label":!0});var l=k(t);s=b(l,"A",{tabindex:!0,href:!0});var r=k(s);B&&B.l(r),r.forEach(c),e=f(l),g(o.$$.fragment,l),l.forEach(c),j=f(p),L=b(p,"UL",{role:!0});var i=k(L);U&&U.l(i),i.forEach(c),p.forEach(c),S=f(n),P&&P.l(n),this.h()},h(){m(s,"tabindex","-1"),m(s,"href",n[2]),h(s,"bx--tabs-trigger-text",!0),m(t,"role","listbox"),m(t,"tabindex","0"),m(t,"aria-label",l=n[10]["aria-label"]||"listbox"),h(t,"bx--tabs-trigger",!0),m(L,"role","tablist"),h(L,"bx--tabs__nav",!0),h(L,"bx--tabs__nav--hidden",n[3]),v(a,z),h(a,"bx--tabs",!0),h(a,"bx--tabs--container","container"===n[0])},m(l,c){p(l,a,c),x(a,t),x(t,s),B&&B.m(s,null),x(t,e),T(o,t,null),x(a,j),x(a,L),U&&U.m(L,null),p(l,S,c),P&&P.m(l,c),A=!0,H||(V=[C(s,"click",n[15]),C(s,"click",n[16]),C(t,"click",n[17]),C(t,"keypress",n[14]),C(t,"keypress",n[18])],H=!0)},p(n,[e]){n[4]?B?B.p(n,e):(B=O(n),B.c(),B.m(s,null)):B&&(B.d(1),B=null),(!A||4&e)&&m(s,"href",n[2]);const p={};2&e&&(p.title=n[1]),o.$set(p),(!A||1024&e&&l!==(l=n[10]["aria-label"]||"listbox"))&&m(t,"aria-label",l),U&&U.p&&4096&e&&y(U,M,n,n[12],e,null,null),8&e&&h(L,"bx--tabs__nav--hidden",n[3]),v(a,z=w(R,[{role:"navigation"},512&e&&n[9]])),h(a,"bx--tabs",!0),h(a,"bx--tabs--container","container"===n[0]),P&&P.p&&4096&e&&y(P,G,n,n[12],e,F,K)},i(n){A||(_(o.$$.fragment,n),_(U,n),_(P,n),A=!0)},o(n){E(o.$$.fragment,n),E(U,n),E(P,n),A=!1},d(n){n&&c(a),B&&B.d(),D(o),U&&U.d(n),n&&c(S),P&&P.d(n),H=!1,I(V)}}}function X(n,a,t){const s=["selected","type","iconDescription","triggerHref"];let e,o,p,l,c=j(a,s),{$$slots:r={},$$scope:u}=a,{selected:$=0}=a,{type:d="default"}=a,{iconDescription:b="Show menu options"}=a,{triggerHref:k="#"}=a;const f=L(),g=M([]);S(n,g,n=>t(21,o=n));const m=A(g,n=>n.reduce((n,a)=>({...n,[a.id]:a}),{}));S(n,m,n=>t(20,e=n));const h=M(void 0);S(n,h,n=>t(24,l=n));const v=M([]);S(n,v,n=>t(23,p=n));const x=A(v,n=>n.reduce((n,a)=>({...n,[a.id]:a}),{})),T=M(void 0);H("Tabs",{tabs:g,contentById:x,selectedTab:h,selectedContent:T,add:n=>{g.update(a=>[...a,{...n,index:a.length}])},addContent:n=>{v.update(a=>[...a,{...n,index:a.length}])},update:n=>{t(19,y=e[n].index)},change:n=>{let a=y+n;a<0?a=o.length-1:a>=o.length&&(a=0);let s=o[a].disabled;for(;s;)a+=n,a<0?a=o.length-1:a>=o.length&&(a=0),s=o[a].disabled;t(19,y=a)}}),V(()=>{t(11,$=y)});let C=!0,y=$;let w,_;return n.$$set=n=>{t(10,a=i(i({},a),B(n))),t(9,c=j(a,s)),"selected"in n&&t(11,$=n.selected),"type"in n&&t(0,d=n.type),"iconDescription"in n&&t(1,b=n.iconDescription),"triggerHref"in n&&t(2,k=n.triggerHref),"$$scope"in n&&t(12,u=n.$$scope)},n.$$.update=()=>{2048&n.$$.dirty&&t(19,y=$),2621440&n.$$.dirty&&t(4,w=o[y]||void 0),8912896&n.$$.dirty&&t(22,_=p[y]||void 0),4718608&n.$$.dirty&&(f("change",y),w&&h.set(w.id),_&&T.set(_.id)),16777216&n.$$.dirty&&l&&t(3,C=!0)},a=B(a),[d,b,k,C,w,g,m,h,v,c,a,$,u,r,function(a){U(n,a)},function(a){U(n,a)},()=>{t(3,C=!C)},()=>{t(3,C=!C)},()=>{t(3,C=!C)}]}class nn extends a{constructor(n){super(),t(this,n,X,W,s,{selected:11,type:0,iconDescription:1,triggerHref:2})}}function an(n){let a,t,s,$,d,f;const g=n[12].default,T=r(g,n,n[11],null),D=T||function(n){let a;return{c(){a=e(n[1])},l(t){a=o(t,n[1])},m(n,t){p(n,a,t)},p(n,t){2&t&&l(a,n[1])},d(n){n&&c(a)}}}(n);let j=[{tabindex:"-1"},{role:"presentation"},n[10]],L={};for(let n=0;n<j.length;n+=1)L=i(L,j[n]);return{c(){a=u("li"),t=u("a"),D&&D.c(),this.h()},l(n){a=b(n,"LI",{tabindex:!0,role:!0});var s=k(a);t=b(s,"A",{role:!0,tabindex:!0,"aria-selected":!0,"aria-disabled":!0,id:!0,href:!0});var e=k(t);D&&D.l(e),e.forEach(c),s.forEach(c),this.h()},h(){m(t,"role","tab"),m(t,"tabindex",s=n[3]?"-1":n[4]),m(t,"aria-selected",n[6]),m(t,"aria-disabled",n[3]),m(t,"id",n[5]),m(t,"href",n[2]),h(t,"bx--tabs__nav-link",!0),v(a,L),h(a,"bx--tabs__nav-item",!0),h(a,"bx--tabs__nav-item--disabled",n[3]),h(a,"bx--tabs__nav-item--selected",n[6])},m(s,e){p(s,a,e),x(a,t),D&&D.m(t,null),n[16](t),$=!0,d||(f=[C(a,"click",R(n[17])),C(a,"mouseover",n[13]),C(a,"mouseenter",n[14]),C(a,"mouseleave",n[15]),C(a,"keydown",n[18])],d=!0)},p(n,[e]){T?T.p&&2048&e&&y(T,g,n,n[11],e,null,null):D&&D.p&&2&e&&D.p(n,e),(!$||24&e&&s!==(s=n[3]?"-1":n[4]))&&m(t,"tabindex",s),(!$||64&e)&&m(t,"aria-selected",n[6]),(!$||8&e)&&m(t,"aria-disabled",n[3]),(!$||32&e)&&m(t,"id",n[5]),(!$||4&e)&&m(t,"href",n[2]),v(a,L=w(j,[{tabindex:"-1"},{role:"presentation"},1024&e&&n[10]])),h(a,"bx--tabs__nav-item",!0),h(a,"bx--tabs__nav-item--disabled",n[3]),h(a,"bx--tabs__nav-item--selected",n[6])},i(n){$||(_(D,n),$=!0)},o(n){E(D,n),$=!1},d(t){t&&c(a),D&&D.d(t),n[16](null),d=!1,I(f)}}}function tn(n,a,t){const s=["label","href","disabled","tabindex","id","ref"];let e,o=j(a,s),{$$slots:p={},$$scope:l}=a,{label:c=""}=a,{href:r="#"}=a,{disabled:u=!1}=a,{tabindex:$="0"}=a,{id:d="ccs-"+Math.random().toString(36)}=a,{ref:b=null}=a;const{selectedTab:k,add:f,update:g,change:m}=z("Tabs");S(n,k,n=>t(19,e=n)),f({id:d,label:c,disabled:u});let h;return n.$$set=n=>{a=i(i({},a),B(n)),t(10,o=j(a,s)),"label"in n&&t(1,c=n.label),"href"in n&&t(2,r=n.href),"disabled"in n&&t(3,u=n.disabled),"tabindex"in n&&t(4,$=n.tabindex),"id"in n&&t(5,d=n.id),"ref"in n&&t(0,b=n.ref),"$$scope"in n&&t(11,l=n.$$scope)},n.$$.update=()=>{524320&n.$$.dirty&&t(6,h=e===d),65&n.$$.dirty&&h&&b&&b.focus()},[b,c,r,u,$,d,h,k,g,m,o,l,p,function(a){U(n,a)},function(a){U(n,a)},function(a){U(n,a)},function(n){G[n?"unshift":"push"](()=>{b=n,t(0,b)})},()=>{u||g(d)},({key:n})=>{u||("ArrowRight"===n?m(1):"ArrowLeft"===n?m(-1):" "!==n&&"Enter"!==n||g(d))}]}class sn extends a{constructor(n){super(),t(this,n,tn,an,s,{label:1,href:2,disabled:3,tabindex:4,id:5,ref:0})}}function en(n){let a,t,s,e;const o=n[8].default,l=r(o,n,n[7],null);let $=[{role:"tabpanel"},{"aria-labelledby":n[2]},{"aria-hidden":t=!n[1]},{hidden:s=n[1]?void 0:""},{id:n[0]},n[6]],d={};for(let n=0;n<$.length;n+=1)d=i(d,$[n]);return{c(){a=u("div"),l&&l.c(),this.h()},l(n){a=b(n,"DIV",{role:!0,"aria-labelledby":!0,"aria-hidden":!0,hidden:!0,id:!0});var t=k(a);l&&l.l(t),t.forEach(c),this.h()},h(){v(a,d),h(a,"bx--tab-content",!0)},m(n,t){p(n,a,t),l&&l.m(a,null),e=!0},p(n,[p]){l&&l.p&&128&p&&y(l,o,n,n[7],p,null,null),v(a,d=w($,[{role:"tabpanel"},(!e||4&p)&&{"aria-labelledby":n[2]},(!e||2&p&&t!==(t=!n[1]))&&{"aria-hidden":t},(!e||2&p&&s!==(s=n[1]?void 0:""))&&{hidden:s},(!e||1&p)&&{id:n[0]},64&p&&n[6]])),h(a,"bx--tab-content",!0)},i(n){e||(_(l,n),e=!0)},o(n){E(l,n),e=!1},d(n){n&&c(a),l&&l.d(n)}}}function on(n,a,t){const s=["id"];let e,o,p,l=j(a,s),{$$slots:c={},$$scope:r}=a,{id:u="ccs-"+Math.random().toString(36)}=a;const{selectedContent:$,addContent:d,tabs:b,contentById:k}=z("Tabs");let f,g,m;return S(n,$,n=>t(9,e=n)),S(n,b,n=>t(12,p=n)),S(n,k,n=>t(11,o=n)),d({id:u}),n.$$set=n=>{a=i(i({},a),B(n)),t(6,l=j(a,s)),"id"in n&&t(0,u=n.id),"$$scope"in n&&t(7,r=n.$$scope)},n.$$.update=()=>{513&n.$$.dirty&&t(1,f=e===u),2049&n.$$.dirty&&t(10,g=o[u].index),5120&n.$$.dirty&&t(2,m=p[g].id)},[u,f,m,$,b,k,l,r,c]}class pn extends a{constructor(n){super(),t(this,n,on,en,s,{id:0})}}function ln(n,a,t){const s=n.slice();return s[6]=a[t],s[8]=t,s}function cn(n,a){let t,s,l,r;return{key:n,first:null,c(){t=u("li"),s=u("div"),l=e(" "),r=$(),this.h()},l(n){t=b(n,"LI",{});var a=k(t);s=b(a,"DIV",{});var e=k(s);l=o(e," "),e.forEach(c),r=f(a),a.forEach(c),this.h()},h(){h(s,"bx--tabs__nav-link",!0),h(t,"bx--tabs__nav-item",!0),this.first=t},m(n,a){p(n,t,a),x(t,s),x(s,l),x(t,r)},p:P,d(n){n&&c(t)}}}function rn(n){let a,t,s,l,r,d,g,T,y,_,E,D=[],j=new Map,L=Array.from({length:n[0]},un);const S=n=>n[6];for(let a=0;a<L.length;a+=1){let t=ln(n,L,a),s=S(t);j.set(s,D[a]=cn(s))}let A=[n[1]],H={};for(let n=0;n<A.length;n+=1)H=i(H,A[n]);return{c(){a=u("div"),t=u("div"),s=u("div"),l=e(" "),r=$(),d=q("svg"),g=q("path"),T=$(),y=u("ul");for(let n=0;n<D.length;n+=1)D[n].c();this.h()},l(n){a=b(n,"DIV",{});var e=k(a);t=b(e,"DIV",{});var p=k(t);s=b(p,"DIV",{});var i=k(s);l=o(i," "),i.forEach(c),r=f(p),d=b(p,"svg",{width:!0,height:!0,viewBox:!0,"fill-rule":!0},1);var u=k(d);g=b(u,"path",{d:!0},1),k(g).forEach(c),u.forEach(c),p.forEach(c),T=f(e),y=b(e,"UL",{});var $=k(y);for(let n=0;n<D.length;n+=1)D[n].l($);$.forEach(c),e.forEach(c),this.h()},h(){h(s,"bx--tabs-trigger-text",!0),m(g,"d","M10 0L5 5 0 0z"),m(d,"width","10"),m(d,"height","5"),m(d,"viewBox","0 0 10 5"),m(d,"fill-rule","evenodd"),h(t,"bx--tabs-trigger",!0),h(y,"bx--tabs__nav",!0),h(y,"bx--tabs__nav--hidden",!0),v(a,H),h(a,"bx--tabs",!0),h(a,"bx--skeleton",!0)},m(e,o){p(e,a,o),x(a,t),x(t,s),x(s,l),x(t,r),x(t,d),x(d,g),x(a,T),x(a,y);for(let n=0;n<D.length;n+=1)D[n].m(y,null);_||(E=[C(a,"click",n[2]),C(a,"mouseover",n[3]),C(a,"mouseenter",n[4]),C(a,"mouseleave",n[5])],_=!0)},p(n,[t]){if(1&t){const a=Array.from({length:n[0]},un);D=J(D,t,S,1,n,a,j,y,N,cn,null,ln)}v(a,H=w(A,[2&t&&n[1]])),h(a,"bx--tabs",!0),h(a,"bx--skeleton",!0)},i:P,o:P,d(n){n&&c(a);for(let n=0;n<D.length;n+=1)D[n].d();_=!1,I(E)}}}const un=(n,a)=>a;function $n(n,a,t){const s=["count"];let e=j(a,s),{count:o=4}=a;return n.$$set=n=>{a=i(i({},a),B(n)),t(1,e=j(a,s)),"count"in n&&t(0,o=n.count)},[o,e,function(a){U(n,a)},function(a){U(n,a)},function(a){U(n,a)},function(a){U(n,a)}]}class dn extends a{constructor(n){super(),t(this,n,$n,rn,s,{count:0})}}function bn(n){let a;return{c(){a=e("Content 1")},l(n){a=o(n,"Content 1")},m(n,t){p(n,a,t)},d(n){n&&c(a)}}}function kn(n){let a;return{c(){a=e("Content 2")},l(n){a=o(n,"Content 2")},m(n,t){p(n,a,t)},d(n){n&&c(a)}}}function fn(n){let a;return{c(){a=e("Content 3")},l(n){a=o(n,"Content 3")},m(n,t){p(n,a,t)},d(n){n&&c(a)}}}function gn(n){let a,t,s,e,o,l,r;return t=new pn({props:{$$slots:{default:[bn]},$$scope:{ctx:n}}}),e=new pn({props:{$$slots:{default:[kn]},$$scope:{ctx:n}}}),l=new pn({props:{$$slots:{default:[fn]},$$scope:{ctx:n}}}),{c(){a=u("div"),d(t.$$.fragment),s=$(),d(e.$$.fragment),o=$(),d(l.$$.fragment),this.h()},l(n){a=b(n,"DIV",{slot:!0});var p=k(a);g(t.$$.fragment,p),s=f(p),g(e.$$.fragment,p),o=f(p),g(l.$$.fragment,p),p.forEach(c),this.h()},h(){m(a,"slot","content")},m(n,c){p(n,a,c),T(t,a,null),x(a,s),T(e,a,null),x(a,o),T(l,a,null),r=!0},p(n,a){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),t.$set(s);const o={};1&a&&(o.$$scope={dirty:a,ctx:n}),e.$set(o);const p={};1&a&&(p.$$scope={dirty:a,ctx:n}),l.$set(p)},i(n){r||(_(t.$$.fragment,n),_(e.$$.fragment,n),_(l.$$.fragment,n),r=!0)},o(n){E(t.$$.fragment,n),E(e.$$.fragment,n),E(l.$$.fragment,n),r=!1},d(n){n&&c(a),D(t),D(e),D(l)}}}function mn(n){let a,t,s,e,o,l,r;return a=new sn({props:{label:"Tab label 1"}}),s=new sn({props:{label:"Tab label 2"}}),o=new sn({props:{label:"Tab label 3"}}),{c(){d(a.$$.fragment),t=$(),d(s.$$.fragment),e=$(),d(o.$$.fragment),l=$()},l(n){g(a.$$.fragment,n),t=f(n),g(s.$$.fragment,n),e=f(n),g(o.$$.fragment,n),l=f(n)},m(n,c){T(a,n,c),p(n,t,c),T(s,n,c),p(n,e,c),T(o,n,c),p(n,l,c),r=!0},p:P,i(n){r||(_(a.$$.fragment,n),_(s.$$.fragment,n),_(o.$$.fragment,n),r=!0)},o(n){E(a.$$.fragment,n),E(s.$$.fragment,n),E(o.$$.fragment,n),r=!1},d(n){D(a,n),n&&c(t),D(s,n),n&&c(e),D(o,n),n&&c(l)}}}function hn(n){let a,t;return a=new nn({props:{$$slots:{default:[mn],content:[gn]},$$scope:{ctx:n}}}),{c(){d(a.$$.fragment)},l(n){g(a.$$.fragment,n)},m(n,s){T(a,n,s),t=!0},p(n,t){const s={};1&t&&(s.$$scope={dirty:t,ctx:n}),a.$set(s)},i(n){t||(_(a.$$.fragment,n),t=!0)},o(n){E(a.$$.fragment,n),t=!1},d(n){D(a,n)}}}function vn(n){let a;return{c(){a=e("Content 1")},l(n){a=o(n,"Content 1")},m(n,t){p(n,a,t)},d(n){n&&c(a)}}}function xn(n){let a;return{c(){a=e("Content 2")},l(n){a=o(n,"Content 2")},m(n,t){p(n,a,t)},d(n){n&&c(a)}}}function Tn(n){let a;return{c(){a=e("Content 3")},l(n){a=o(n,"Content 3")},m(n,t){p(n,a,t)},d(n){n&&c(a)}}}function Cn(n){let a,t,s,e,o,l,r;return t=new pn({props:{$$slots:{default:[vn]},$$scope:{ctx:n}}}),e=new pn({props:{$$slots:{default:[xn]},$$scope:{ctx:n}}}),l=new pn({props:{$$slots:{default:[Tn]},$$scope:{ctx:n}}}),{c(){a=u("div"),d(t.$$.fragment),s=$(),d(e.$$.fragment),o=$(),d(l.$$.fragment),this.h()},l(n){a=b(n,"DIV",{slot:!0});var p=k(a);g(t.$$.fragment,p),s=f(p),g(e.$$.fragment,p),o=f(p),g(l.$$.fragment,p),p.forEach(c),this.h()},h(){m(a,"slot","content")},m(n,c){p(n,a,c),T(t,a,null),x(a,s),T(e,a,null),x(a,o),T(l,a,null),r=!0},p(n,a){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),t.$set(s);const o={};1&a&&(o.$$scope={dirty:a,ctx:n}),e.$set(o);const p={};1&a&&(p.$$scope={dirty:a,ctx:n}),l.$set(p)},i(n){r||(_(t.$$.fragment,n),_(e.$$.fragment,n),_(l.$$.fragment,n),r=!0)},o(n){E(t.$$.fragment,n),E(e.$$.fragment,n),E(l.$$.fragment,n),r=!1},d(n){n&&c(a),D(t),D(e),D(l)}}}function yn(n){let a,t,s,e,o,l,r;return a=new sn({props:{label:"Tab label 1"}}),s=new sn({props:{label:"Tab label 2"}}),o=new sn({props:{label:"Tab label 3"}}),{c(){d(a.$$.fragment),t=$(),d(s.$$.fragment),e=$(),d(o.$$.fragment),l=$()},l(n){g(a.$$.fragment,n),t=f(n),g(s.$$.fragment,n),e=f(n),g(o.$$.fragment,n),l=f(n)},m(n,c){T(a,n,c),p(n,t,c),T(s,n,c),p(n,e,c),T(o,n,c),p(n,l,c),r=!0},p:P,i(n){r||(_(a.$$.fragment,n),_(s.$$.fragment,n),_(o.$$.fragment,n),r=!0)},o(n){E(a.$$.fragment,n),E(s.$$.fragment,n),E(o.$$.fragment,n),r=!1},d(n){D(a,n),n&&c(t),D(s,n),n&&c(e),D(o,n),n&&c(l)}}}function wn(n){let a,t;return a=new nn({props:{type:"container",$$slots:{default:[yn],content:[Cn]},$$scope:{ctx:n}}}),{c(){d(a.$$.fragment)},l(n){g(a.$$.fragment,n)},m(n,s){T(a,n,s),t=!0},p(n,t){const s={};1&t&&(s.$$scope={dirty:t,ctx:n}),a.$set(s)},i(n){t||(_(a.$$.fragment,n),t=!0)},o(n){E(a.$$.fragment,n),t=!1},d(n){D(a,n)}}}function _n(n){let a,t;return a=new dn({props:{count:3}}),{c(){d(a.$$.fragment)},l(n){g(a.$$.fragment,n)},m(n,s){T(a,n,s),t=!0},p:P,i(n){t||(_(a.$$.fragment,n),t=!0)},o(n){E(a.$$.fragment,n),t=!1},d(n){D(a,n)}}}function En(n){let a,t,s,l,r,i,d,g,h,v,T,C,y,w,_,E,D,I;return{c(){a=u("div"),t=u("ul"),s=u("li"),l=u("a"),r=e("Usage"),i=$(),d=u("ul"),g=u("li"),h=u("a"),v=e("Default"),T=$(),C=u("li"),y=u("a"),w=e("Container type"),_=$(),E=u("li"),D=u("a"),I=e("Skeleton"),this.h()},l(n){a=b(n,"DIV",{slot:!0});var e=k(a);t=b(e,"UL",{class:!0});var p=k(t);s=b(p,"LI",{class:!0});var u=k(s);l=b(u,"A",{class:!0,href:!0});var $=k(l);r=o($,"Usage"),$.forEach(c),i=f(u),d=b(u,"UL",{class:!0});var m=k(d);g=b(m,"LI",{class:!0});var x=k(g);h=b(x,"A",{class:!0,href:!0});var j=k(h);v=o(j,"Default"),j.forEach(c),x.forEach(c),T=f(m),C=b(m,"LI",{class:!0});var L=k(C);y=b(L,"A",{class:!0,href:!0});var S=k(y);w=o(S,"Container type"),S.forEach(c),L.forEach(c),_=f(m),E=b(m,"LI",{class:!0});var A=k(E);D=b(A,"A",{class:!0,href:!0});var H=k(D);I=o(H,"Skeleton"),H.forEach(c),A.forEach(c),m.forEach(c),u.forEach(c),p.forEach(c),e.forEach(c),this.h()},h(){m(l,"class","bx--link"),m(l,"href","#usage"),m(h,"class","bx--link"),m(h,"href","#default"),m(g,"class","bx--list__item"),m(y,"class","bx--link"),m(y,"href","#container-type"),m(C,"class","bx--list__item"),m(D,"class","bx--link"),m(D,"href","#skeleton"),m(E,"class","bx--list__item"),m(d,"class","bx--list--unordered bx--list--nested"),m(s,"class","bx--list__item"),m(t,"class","bx--list--unordered"),m(a,"slot","aside")},m(n,e){p(n,a,e),x(a,t),x(t,s),x(s,l),x(l,r),x(s,i),x(s,d),x(d,g),x(g,h),x(h,v),x(d,T),x(d,C),x(C,y),x(y,w),x(d,_),x(d,E),x(E,D),x(D,I)},d(n){n&&c(a)}}}function Dn(n){let a,t,s,l,r,i,h,v,C,y,w,I,j,L,S,A;return l=new Y({props:{codeRaw:'<script>\n  import { Tabs, Tab, TabContent } from "carbon-components-svelte";\n<\/script>\n\n<Tabs>\n  <Tab label="Tab label 1" />\n  <Tab label="Tab label 2" />\n  <Tab label="Tab label 3" />\n  <div slot="content">\n    <TabContent>Content 1</TabContent>\n    <TabContent>Content 2</TabContent>\n    <TabContent>Content 3</TabContent>\n  </div>\n</Tabs>\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> Tabs<span class="token punctuation">,</span> Tab<span class="token punctuation">,</span> TabContent <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>Tabs</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Tab label 1<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>Tab</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Tab label 2<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>Tab</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Tab label 3<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>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>content<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>TabContent</span><span class="token punctuation">></span></span>Content 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TabContent</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TabContent</span><span class="token punctuation">></span></span>Content 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TabContent</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TabContent</span><span class="token punctuation">></span></span>Content 3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TabContent</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Tabs</span><span class="token punctuation">></span></span>\n',$$slots:{default:[hn]},$$scope:{ctx:n}}}),C=new Y({props:{codeRaw:'<script>\n  import { Tabs, Tab, TabContent } from "carbon-components-svelte";\n<\/script>\n\n<Tabs type="container">\n  <Tab label="Tab label 1" />\n  <Tab label="Tab label 2" />\n  <Tab label="Tab label 3" />\n  <div slot="content">\n    <TabContent>Content 1</TabContent>\n    <TabContent>Content 2</TabContent>\n    <TabContent>Content 3</TabContent>\n  </div>\n</Tabs>\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> Tabs<span class="token punctuation">,</span> Tab<span class="token punctuation">,</span> TabContent <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>Tabs</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>container<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>Tab</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Tab label 1<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>Tab</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Tab label 2<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>Tab</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Tab label 3<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>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>content<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>TabContent</span><span class="token punctuation">></span></span>Content 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TabContent</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TabContent</span><span class="token punctuation">></span></span>Content 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TabContent</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TabContent</span><span class="token punctuation">></span></span>Content 3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TabContent</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Tabs</span><span class="token punctuation">></span></span>\n',$$slots:{default:[wn]},$$scope:{ctx:n}}}),L=new Y({props:{codeRaw:'<script>\n  import { TabsSkeleton } from "carbon-components-svelte";\n<\/script>\n\n<TabsSkeleton count={3} />\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> TabsSkeleton <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>TabsSkeleton</span> <span class="token attr-name">count=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">3</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[_n]},$$scope:{ctx:n}}}),{c(){a=u("h3"),t=e("Default"),s=$(),d(l.$$.fragment),r=$(),i=u("h3"),h=e("Container type"),v=$(),d(C.$$.fragment),y=$(),w=u("h3"),I=e("Skeleton"),j=$(),d(L.$$.fragment),S=$(),this.h()},l(n){a=b(n,"H3",{id:!0});var e=k(a);t=o(e,"Default"),e.forEach(c),s=f(n),g(l.$$.fragment,n),r=f(n),i=b(n,"H3",{id:!0});var p=k(i);h=o(p,"Container type"),p.forEach(c),v=f(n),g(C.$$.fragment,n),y=f(n),w=b(n,"H3",{id:!0});var u=k(w);I=o(u,"Skeleton"),u.forEach(c),j=f(n),g(L.$$.fragment,n),S=f(n),this.h()},h(){m(a,"id","default"),m(i,"id","container-type"),m(w,"id","skeleton")},m(n,e){p(n,a,e),x(a,t),p(n,s,e),T(l,n,e),p(n,r,e),p(n,i,e),x(i,h),p(n,v,e),T(C,n,e),p(n,y,e),p(n,w,e),x(w,I),p(n,j,e),T(L,n,e),p(n,S,e),A=!0},p(n,a){const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),l.$set(t);const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),C.$set(s);const e={};1&a&&(e.$$scope={dirty:a,ctx:n}),L.$set(e)},i(n){A||(_(l.$$.fragment,n),_(C.$$.fragment,n),_(L.$$.fragment,n),A=!0)},o(n){E(l.$$.fragment,n),E(C.$$.fragment,n),E(L.$$.fragment,n),A=!1},d(n){n&&c(a),n&&c(s),D(l,n),n&&c(r),n&&c(i),n&&c(v),D(C,n),n&&c(y),n&&c(w),n&&c(j),D(L,n),n&&c(S)}}}function In(n){let a,t;return a=new Q({props:{$$slots:{default:[Dn],aside:[En]},$$scope:{ctx:n}}}),{c(){d(a.$$.fragment)},l(n){g(a.$$.fragment,n)},m(n,s){T(a,n,s),t=!0},p(n,[t]){const s={};1&t&&(s.$$scope={dirty:t,ctx:n}),a.$set(s)},i(n){t||(_(a.$$.fragment,n),t=!0)},o(n){E(a.$$.fragment,n),t=!1},d(n){D(a,n)}}}export default class extends a{constructor(n){super(),t(this,n,null,In,s,{})}}