mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
1 line
54 KiB
JavaScript
1 line
54 KiB
JavaScript
let t=document.createElement("style");t.innerHTML="",document.head.appendChild(t);import{S as n,i as s,s as a,v as e,w as o,g as c,k as l,l as u,o as p,x as r,y as i,q as d,I as $,z as m,A as k,t as g,b as f,J as h,B as L,a1 as b,e as w,a4 as S,C as x,a2 as v,G as C,j as y,p as R,r as E,Y as N,Z as A,a9 as q,D as B,E as I,F as j,a5 as D,H as P,L as V,h as H,n as W,M,N as F,O as _,c as U,a as z,m as Y,d as T,af as G}from"./index.3ce6747c.js";import"./Button.d7a75b79.js";import"./index.6957f369.js";import{C as J,P as O}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 Z(t){let n,s,a,L;const b=t[6].default,w=e(b,t,t[5],null);let S=[{"aria-label":"Structured list section"},t[3]],x={};for(let t=0;t<S.length;t+=1)x=o(x,S[t]);return{c(){n=c("div"),w&&w.c(),this.h()},l(t){n=l(t,"DIV",{"aria-label":!0});var s=u(n);w&&w.l(s),s.forEach(p),this.h()},h(){r(n,x),i(n,"bx--structured-list",!0),i(n,"bx--structured-list--border",t[0]),i(n,"bx--structured-list--selection",t[1])},m(e,o){d(e,n,o),w&&w.m(n,null),s=!0,a||(L=[$(n,"click",t[7]),$(n,"mouseover",t[8]),$(n,"mouseenter",t[9]),$(n,"mouseleave",t[10])],a=!0)},p(t,[s]){w&&w.p&&32&s&&m(w,b,t,t[5],s,null,null),r(n,x=k(S,[{"aria-label":"Structured list section"},8&s&&t[3]])),i(n,"bx--structured-list",!0),i(n,"bx--structured-list--border",t[0]),i(n,"bx--structured-list--selection",t[1])},i(t){s||(g(w,t),s=!0)},o(t){f(w,t),s=!1},d(t){t&&p(n),w&&w.d(t),a=!1,h(L)}}}function K(t,n,s){const a=["selected","border","selection"];let e,c=L(n,a),{$$slots:l={},$$scope:u}=n,{selected:p}=n,{border:r=!1}=n,{selection:i=!1}=n;const d=b(),$=v(p);return w(t,$,t=>s(11,e=t)),S("StructuredListWrapper",{selectedValue:$,update:t=>{$.set(t)}}),t.$$set=t=>{n=o(o({},n),x(t)),s(3,c=L(n,a)),"selected"in t&&s(4,p=t.selected),"border"in t&&s(0,r=t.border),"selection"in t&&s(1,i=t.selection),"$$scope"in t&&s(5,u=t.$$scope)},t.$$.update=()=>{2048&t.$$.dirty&&s(4,p=e),2048&t.$$.dirty&&d("change",e)},[r,i,$,c,p,u,l,function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)}]}class Q extends n{constructor(t){super(),s(this,t,K,Z,a,{selected:4,border:0,selection:1})}}function X(t,n,s){const a=t.slice();return a[7]=n[s],a[9]=s,a}function tt(t,n){let s,a,e,o,r,$,m;return{key:t,first:null,c(){s=c("div"),a=c("div"),e=y(),o=c("div"),r=y(),$=c("div"),m=y(),this.h()},l(t){s=l(t,"DIV",{});var n=u(s);a=l(n,"DIV",{}),u(a).forEach(p),e=R(n),o=l(n,"DIV",{}),u(o).forEach(p),r=R(n),$=l(n,"DIV",{}),u($).forEach(p),m=R(n),n.forEach(p),this.h()},h(){i(a,"bx--structured-list-td",!0),i(o,"bx--structured-list-td",!0),i($,"bx--structured-list-td",!0),i(s,"bx--structured-list-row",!0),this.first=s},m(t,n){d(t,s,n),E(s,a),E(s,e),E(s,o),E(s,r),E(s,$),E(s,m)},p:N,d(t){t&&p(s)}}}function nt(t){let n,s,a,e,m,g,f,L,b,w,S,x,v,C,B,I=[],j=new Map,D=Array.from({length:t[0]},st);const P=t=>t[7];for(let n=0;n<D.length;n+=1){let s=X(t,D,n),a=P(s);j.set(a,I[n]=tt(a))}let V=[t[2]],H={};for(let t=0;t<V.length;t+=1)H=o(H,V[t]);return{c(){n=c("div"),s=c("div"),a=c("div"),e=c("div"),m=c("span"),g=y(),f=c("div"),L=c("span"),b=y(),w=c("div"),S=c("span"),x=y(),v=c("div");for(let t=0;t<I.length;t+=1)I[t].c();this.h()},l(t){n=l(t,"DIV",{});var o=u(n);s=l(o,"DIV",{});var c=u(s);a=l(c,"DIV",{});var r=u(a);e=l(r,"DIV",{});var i=u(e);m=l(i,"SPAN",{}),u(m).forEach(p),i.forEach(p),g=R(r),f=l(r,"DIV",{});var d=u(f);L=l(d,"SPAN",{}),u(L).forEach(p),d.forEach(p),b=R(r),w=l(r,"DIV",{});var $=u(w);S=l($,"SPAN",{}),u(S).forEach(p),$.forEach(p),r.forEach(p),c.forEach(p),x=R(o),v=l(o,"DIV",{});var k=u(v);for(let t=0;t<I.length;t+=1)I[t].l(k);k.forEach(p),o.forEach(p),this.h()},h(){i(e,"bx--structured-list-th",!0),i(f,"bx--structured-list-th",!0),i(w,"bx--structured-list-th",!0),i(a,"bx--structured-list-row",!0),i(a,"bx--structured-list-row--header-row",!0),i(s,"bx--structured-list-thead",!0),i(v,"bx--structured-list-tbody",!0),r(n,H),i(n,"bx--skeleton",!0),i(n,"bx--structured-list",!0),i(n,"bx--structured-list--border",t[1])},m(o,c){d(o,n,c),E(n,s),E(s,a),E(a,e),E(e,m),E(a,g),E(a,f),E(f,L),E(a,b),E(a,w),E(w,S),E(n,x),E(n,v);for(let t=0;t<I.length;t+=1)I[t].m(v,null);C||(B=[$(n,"click",t[3]),$(n,"mouseover",t[4]),$(n,"mouseenter",t[5]),$(n,"mouseleave",t[6])],C=!0)},p(t,[s]){if(1&s){const n=Array.from({length:t[0]},st);I=A(I,s,P,1,t,n,j,v,q,tt,null,X)}r(n,H=k(V,[4&s&&t[2]])),i(n,"bx--skeleton",!0),i(n,"bx--structured-list",!0),i(n,"bx--structured-list--border",t[1])},i:N,o:N,d(t){t&&p(n);for(let t=0;t<I.length;t+=1)I[t].d();C=!1,h(B)}}}const st=(t,n)=>n;function at(t,n,s){const a=["rows","border"];let e=L(n,a),{rows:c=5}=n,{border:l=!1}=n;return t.$$set=t=>{n=o(o({},n),x(t)),s(2,e=L(n,a)),"rows"in t&&s(0,c=t.rows),"border"in t&&s(1,l=t.border)},[c,l,e,function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)}]}class et extends n{constructor(t){super(),s(this,t,at,nt,a,{rows:0,border:1})}}function ot(t){let n,s,a,L;const b=t[2].default,w=e(b,t,t[1],null);let S=[t[0]],x={};for(let t=0;t<S.length;t+=1)x=o(x,S[t]);return{c(){n=c("div"),w&&w.c(),this.h()},l(t){n=l(t,"DIV",{});var s=u(n);w&&w.l(s),s.forEach(p),this.h()},h(){r(n,x),i(n,"bx--structured-list-tbody",!0)},m(e,o){d(e,n,o),w&&w.m(n,null),s=!0,a||(L=[$(n,"click",t[3]),$(n,"mouseover",t[4]),$(n,"mouseenter",t[5]),$(n,"mouseleave",t[6])],a=!0)},p(t,[s]){w&&w.p&&2&s&&m(w,b,t,t[1],s,null,null),r(n,x=k(S,[1&s&&t[0]])),i(n,"bx--structured-list-tbody",!0)},i(t){s||(g(w,t),s=!0)},o(t){f(w,t),s=!1},d(t){t&&p(n),w&&w.d(t),a=!1,h(L)}}}function ct(t,n,s){const a=[];let e=L(n,a),{$$slots:c={},$$scope:l}=n;return t.$$set=t=>{n=o(o({},n),x(t)),s(0,e=L(n,a)),"$$scope"in t&&s(1,l=t.$$scope)},[e,l,c,function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)}]}class lt extends n{constructor(t){super(),s(this,t,ct,ot,a,{})}}function ut(t){let n,s,a,L;const b=t[2].default,w=e(b,t,t[1],null);let S=[t[0]],x={};for(let t=0;t<S.length;t+=1)x=o(x,S[t]);return{c(){n=c("div"),w&&w.c(),this.h()},l(t){n=l(t,"DIV",{});var s=u(n);w&&w.l(s),s.forEach(p),this.h()},h(){r(n,x),i(n,"bx--structured-list-thead",!0)},m(e,o){d(e,n,o),w&&w.m(n,null),s=!0,a||(L=[$(n,"click",t[3]),$(n,"mouseover",t[4]),$(n,"mouseenter",t[5]),$(n,"mouseleave",t[6])],a=!0)},p(t,[s]){w&&w.p&&2&s&&m(w,b,t,t[1],s,null,null),r(n,x=k(S,[1&s&&t[0]])),i(n,"bx--structured-list-thead",!0)},i(t){s||(g(w,t),s=!0)},o(t){f(w,t),s=!1},d(t){t&&p(n),w&&w.d(t),a=!1,h(L)}}}function pt(t,n,s){const a=[];let e=L(n,a),{$$slots:c={},$$scope:l}=n;return t.$$set=t=>{n=o(o({},n),x(t)),s(0,e=L(n,a)),"$$scope"in t&&s(1,l=t.$$scope)},[e,l,c,function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)}]}class rt extends n{constructor(t){super(),s(this,t,pt,ut,a,{})}}function it(t){let n,s,a,L;const b=t[4].default,w=e(b,t,t[3],null);let S=[t[2]],x={};for(let t=0;t<S.length;t+=1)x=o(x,S[t]);return{c(){n=c("div"),w&&w.c(),this.h()},l(t){n=l(t,"DIV",{});var s=u(n);w&&w.l(s),s.forEach(p),this.h()},h(){r(n,x),i(n,"bx--structured-list-th",t[0]),i(n,"bx--structured-list-td",!t[0]),i(n,"bx--structured-list-content--nowrap",t[1])},m(e,o){d(e,n,o),w&&w.m(n,null),s=!0,a||(L=[$(n,"click",t[5]),$(n,"mouseover",t[6]),$(n,"mouseenter",t[7]),$(n,"mouseleave",t[8])],a=!0)},p(t,[s]){w&&w.p&&8&s&&m(w,b,t,t[3],s,null,null),r(n,x=k(S,[4&s&&t[2]])),i(n,"bx--structured-list-th",t[0]),i(n,"bx--structured-list-td",!t[0]),i(n,"bx--structured-list-content--nowrap",t[1])},i(t){s||(g(w,t),s=!0)},o(t){f(w,t),s=!1},d(t){t&&p(n),w&&w.d(t),a=!1,h(L)}}}function dt(t,n,s){const a=["head","noWrap"];let e=L(n,a),{$$slots:c={},$$scope:l}=n,{head:u=!1}=n,{noWrap:p=!1}=n;return t.$$set=t=>{n=o(o({},n),x(t)),s(2,e=L(n,a)),"head"in t&&s(0,u=t.head),"noWrap"in t&&s(1,p=t.noWrap),"$$scope"in t&&s(3,l=t.$$scope)},[u,p,e,l,c,function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)}]}class $t extends n{constructor(t){super(),s(this,t,dt,it,a,{head:0,noWrap:1})}}function mt(t){let n,s,a,L;const b=t[5].default,w=e(b,t,t[4],null);let S=[t[3]],x={};for(let t=0;t<S.length;t+=1)x=o(x,S[t]);return{c(){n=c("div"),w&&w.c(),this.h()},l(t){n=l(t,"DIV",{});var s=u(n);w&&w.l(s),s.forEach(p),this.h()},h(){r(n,x),i(n,"bx--structured-list-row",!0),i(n,"bx--structured-list-row--header-row",t[0])},m(e,o){d(e,n,o),w&&w.m(n,null),s=!0,a||(L=[$(n,"click",t[11]),$(n,"mouseover",t[12]),$(n,"mouseenter",t[13]),$(n,"mouseleave",t[14])],a=!0)},p(t,s){w&&w.p&&16&s&&m(w,b,t,t[4],s,null,null),r(n,x=k(S,[8&s&&t[3]])),i(n,"bx--structured-list-row",!0),i(n,"bx--structured-list-row--header-row",t[0])},i(t){s||(g(w,t),s=!0)},o(t){f(w,t),s=!1},d(t){t&&p(n),w&&w.d(t),a=!1,h(L)}}}function kt(t){let n,s,a,L;const b=t[5].default,w=e(b,t,t[4],null);let S=[{role:"presentation"},{tabindex:t[2]},t[3]],x={};for(let t=0;t<S.length;t+=1)x=o(x,S[t]);return{c(){n=c("label"),w&&w.c(),this.h()},l(t){n=l(t,"LABEL",{role:!0,tabindex:!0});var s=u(n);w&&w.l(s),s.forEach(p),this.h()},h(){r(n,x),i(n,"bx--structured-list-row",!0),i(n,"bx--structured-list-row--header-row",t[0])},m(e,o){d(e,n,o),w&&w.m(n,null),s=!0,a||(L=[$(n,"click",t[6]),$(n,"mouseover",t[7]),$(n,"mouseenter",t[8]),$(n,"mouseleave",t[9]),$(n,"keydown",t[10])],a=!0)},p(t,a){w&&w.p&&16&a&&m(w,b,t,t[4],a,null,null),r(n,x=k(S,[{role:"presentation"},(!s||4&a)&&{tabindex:t[2]},8&a&&t[3]])),i(n,"bx--structured-list-row",!0),i(n,"bx--structured-list-row--header-row",t[0])},i(t){s||(g(w,t),s=!0)},o(t){f(w,t),s=!1},d(t){t&&p(n),w&&w.d(t),a=!1,h(L)}}}function gt(t){let n,s,a,e;const o=[kt,mt],c=[];function l(t,n){return t[1]?0:1}return n=l(t),s=c[n]=o[n](t),{c(){s.c(),a=B()},l(t){s.l(t),a=B()},m(t,s){c[n].m(t,s),d(t,a,s),e=!0},p(t,[e]){let u=n;n=l(t),n===u?c[n].p(t,e):(I(),f(c[u],1,1,()=>{c[u]=null}),j(),s=c[n],s||(s=c[n]=o[n](t),s.c()),g(s,1),s.m(a.parentNode,a))},i(t){e||(g(s),e=!0)},o(t){f(s),e=!1},d(t){c[n].d(t),t&&p(a)}}}function ft(t,n,s){const a=["head","label","tabindex"];let e=L(n,a),{$$slots:c={},$$scope:l}=n,{head:u=!1}=n,{label:p=!1}=n,{tabindex:r="0"}=n;return t.$$set=t=>{n=o(o({},n),x(t)),s(3,e=L(n,a)),"head"in t&&s(0,u=t.head),"label"in t&&s(1,p=t.label),"tabindex"in t&&s(2,r=t.tabindex),"$$scope"in t&&s(4,l=t.$$scope)},[u,p,r,e,l,c,function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)}]}class ht extends n{constructor(t){super(),s(this,t,ft,gt,a,{head:0,label:1,tabindex:2})}}function Lt(t){let n,s,a,e=[{type:"radio"},{tabindex:"-1"},{checked:t[0]},{id:t[4]},{name:t[5]},{title:t[2]},{value:t[3]},t[8]],u={};for(let t=0;t<e.length;t+=1)u=o(u,e[t]);return{c(){n=c("input"),this.h()},l(t){n=l(t,"INPUT",{type:!0,tabindex:!0,checked:!0,id:!0,name:!0,title:!0,value:!0}),this.h()},h(){r(n,u),i(n,"bx--structured-list-input",!0)},m(e,o){d(e,n,o),t[9](n),s||(a=$(n,"change",t[10]),s=!0)},p(t,[s]){r(n,u=k(e,[{type:"radio"},{tabindex:"-1"},1&s&&{checked:t[0]},16&s&&{id:t[4]},32&s&&{name:t[5]},4&s&&{title:t[2]},8&s&&{value:t[3]},256&s&&t[8]])),i(n,"bx--structured-list-input",!0)},i:N,o:N,d(e){e&&p(n),t[9](null),s=!1,a()}}}function bt(t,n,s){const a=["checked","title","value","id","name","ref"];let e,c=L(n,a),{checked:l=!1}=n,{title:u="title"}=n,{value:p="value"}=n,{id:r="ccs-"+Math.random().toString(36)}=n,{name:i=""}=n,{ref:d=null}=n;const{selectedValue:$,update:m}=D("StructuredListWrapper");w(t,$,t=>s(11,e=t)),l&&m(p);return t.$$set=t=>{n=o(o({},n),x(t)),s(8,c=L(n,a)),"checked"in t&&s(0,l=t.checked),"title"in t&&s(2,u=t.title),"value"in t&&s(3,p=t.value),"id"in t&&s(4,r=t.id),"name"in t&&s(5,i=t.name),"ref"in t&&s(1,d=t.ref)},t.$$.update=()=>{2056&t.$$.dirty&&s(0,l=e===p)},[l,d,u,p,r,i,$,m,c,function(t){P[t?"unshift":"push"](()=>{d=t,s(1,d)})},()=>{m(p)}]}class wt extends n{constructor(t){super(),s(this,t,bt,Lt,a,{checked:0,title:2,value:3,id:4,name:5,ref:1})}}function St(t){let n,s;return{c(){n=V("title"),s=H(t[2])},l(a){n=l(a,"title",{},1);var e=u(n);s=W(e,t[2]),e.forEach(p)},m(t,a){d(t,n,a),E(n,s)},p(t,n){4&n&&M(s,t[2])},d(t){t&&p(n)}}}function xt(t){let n,s,a,c,r,i;const L=t[8].default,b=e(L,t,t[7],null),w=b||function(t){let n,s=t[2]&&St(t);return{c(){s&&s.c(),n=B()},l(t){s&&s.l(t),n=B()},m(t,a){s&&s.m(t,a),d(t,n,a)},p(t,a){t[2]?s?s.p(t,a):(s=St(t),s.c(),s.m(n.parentNode,n)):s&&(s.d(1),s=null)},d(t){s&&s.d(t),t&&p(n)}}}(t);let S=[{"data-carbon-icon":"CheckmarkFilled16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 16 16"},{fill:"currentColor"},{width:"16"},{height:"16"},{class:t[0]},{preserveAspectRatio:"xMidYMid meet"},{style:t[3]},{id:t[1]},t[4]],x={};for(let t=0;t<S.length;t+=1)x=o(x,S[t]);return{c(){n=V("svg"),s=V("path"),a=V("path"),w&&w.c(),this.h()},l(t){n=l(t,"svg",{"data-carbon-icon":!0,xmlns:!0,viewBox:!0,fill:!0,width:!0,height:!0,class:!0,preserveAspectRatio:!0,style:!0,id:!0},1);var e=u(n);s=l(e,"path",{d:!0},1),u(s).forEach(p),a=l(e,"path",{d:!0,"data-icon-path":!0,opacity:!0},1),u(a).forEach(p),w&&w.l(e),e.forEach(p),this.h()},h(){F(s,"d","M8,1C4.1,1,1,4.1,1,8c0,3.9,3.1,7,7,7s7-3.1,7-7C15,4.1,11.9,1,8,1z M7,11L4.3,8.3l0.9-0.8L7,9.3l4-3.9l0.9,0.8L7,11z"),F(a,"d","M7,11L4.3,8.3l0.9-0.8L7,9.3l4-3.9l0.9,0.8L7,11z"),F(a,"data-icon-path","inner-path"),F(a,"opacity","0"),_(n,x)},m(e,o){d(e,n,o),E(n,s),E(n,a),w&&w.m(n,null),c=!0,r||(i=[$(n,"click",t[9]),$(n,"mouseover",t[10]),$(n,"mouseenter",t[11]),$(n,"mouseleave",t[12]),$(n,"keyup",t[13]),$(n,"keydown",t[14])],r=!0)},p(t,[s]){b?b.p&&128&s&&m(b,L,t,t[7],s,null,null):w&&w.p&&4&s&&w.p(t,s),_(n,x=k(S,[{"data-carbon-icon":"CheckmarkFilled16"},{xmlns:"http://www.w3.org/2000/svg"},{viewBox:"0 0 16 16"},{fill:"currentColor"},{width:"16"},{height:"16"},(!c||1&s)&&{class:t[0]},{preserveAspectRatio:"xMidYMid meet"},(!c||8&s)&&{style:t[3]},(!c||2&s)&&{id:t[1]},16&s&&t[4]]))},i(t){c||(g(w,t),c=!0)},o(t){f(w,t),c=!1},d(t){t&&p(n),w&&w.d(t),r=!1,h(i)}}}function vt(t,n,s){let a,e,c,l,{$$slots:u={},$$scope:p}=n,{class:r}=n,{id:i}=n,{tabindex:d}=n,{focusable:$=!1}=n,{title:m}=n,{style:k}=n;return t.$$set=t=>{s(18,n=o(o({},n),x(t))),"class"in t&&s(0,r=t.class),"id"in t&&s(1,i=t.id),"tabindex"in t&&s(5,d=t.tabindex),"focusable"in t&&s(6,$=t.focusable),"title"in t&&s(2,m=t.title),"style"in t&&s(3,k=t.style),"$$scope"in t&&s(7,p=t.$$scope)},t.$$.update=()=>{s(15,a=n["aria-label"]),s(16,e=n["aria-labelledby"]),98308&t.$$.dirty&&s(17,c=a||e||m),229472&t.$$.dirty&&s(4,l={"aria-label":a,"aria-labelledby":e,"aria-hidden":!c||void 0,role:c?"img":void 0,focusable:"0"===d||$,tabindex:d})},n=x(n),[r,i,m,k,l,d,$,p,u,function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)},function(n){C(t,n)}]}class Ct extends n{constructor(t){super(),s(this,t,vt,xt,a,{class:0,id:1,tabindex:5,focusable:6,title:2,style:3})}}function yt(t,n,s){const a=t.slice();return a[0]=n[s],a}function Rt(t){let n;return{c(){n=H("Column A")},l(t){n=W(t,"Column A")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Et(t){let n;return{c(){n=H("Column B")},l(t){n=W(t,"Column B")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Nt(t){let n;return{c(){n=H("Column C")},l(t){n=W(t,"Column C")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function At(t){let n,s,a,e,o,c;return n=new $t({props:{head:!0,$$slots:{default:[Rt]},$$scope:{ctx:t}}}),a=new $t({props:{head:!0,$$slots:{default:[Et]},$$scope:{ctx:t}}}),o=new $t({props:{head:!0,$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment),e=y(),U(o.$$.fragment)},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t),e=R(t),z(o.$$.fragment,t)},m(t,l){Y(n,t,l),d(t,s,l),Y(a,t,l),d(t,e,l),Y(o,t,l),c=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const c={};8&s&&(c.$$scope={dirty:s,ctx:t}),a.$set(c);const l={};8&s&&(l.$$scope={dirty:s,ctx:t}),o.$set(l)},i(t){c||(g(n.$$.fragment,t),g(a.$$.fragment,t),g(o.$$.fragment,t),c=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),f(o.$$.fragment,t),c=!1},d(t){T(n,t),t&&p(s),T(a,t),t&&p(e),T(o,t)}}}function qt(t){let n,s;return n=new ht({props:{head:!0,$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment)},l(t){z(n.$$.fragment,t)},m(t,a){Y(n,t,a),s=!0},p(t,s){const a={};8&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(g(n.$$.fragment,t),s=!0)},o(t){f(n.$$.fragment,t),s=!1},d(t){T(n,t)}}}function Bt(t){let n;return{c(){n=H("Row 1")},l(t){n=W(t,"Row 1")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function It(t){let n;return{c(){n=H("Row 1")},l(t){n=W(t,"Row 1")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function jt(t){let n;return{c(){n=H("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere\n sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque\n vulputate nisl a porttitor interdum.")},l(t){n=W(t,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere\n sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque\n vulputate nisl a porttitor interdum.")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Dt(t){let n,s,a,e,o,c;return n=new $t({props:{noWrap:!0,$$slots:{default:[Bt]},$$scope:{ctx:t}}}),a=new $t({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),o=new $t({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment),e=y(),U(o.$$.fragment)},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t),e=R(t),z(o.$$.fragment,t)},m(t,l){Y(n,t,l),d(t,s,l),Y(a,t,l),d(t,e,l),Y(o,t,l),c=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const c={};8&s&&(c.$$scope={dirty:s,ctx:t}),a.$set(c);const l={};8&s&&(l.$$scope={dirty:s,ctx:t}),o.$set(l)},i(t){c||(g(n.$$.fragment,t),g(a.$$.fragment,t),g(o.$$.fragment,t),c=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),f(o.$$.fragment,t),c=!1},d(t){T(n,t),t&&p(s),T(a,t),t&&p(e),T(o,t)}}}function Pt(t){let n;return{c(){n=H("Row 2")},l(t){n=W(t,"Row 2")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Vt(t){let n;return{c(){n=H("Row 2")},l(t){n=W(t,"Row 2")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Ht(t){let n;return{c(){n=H("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere\n sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque\n vulputate nisl a porttitor interdum.")},l(t){n=W(t,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere\n sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque\n vulputate nisl a porttitor interdum.")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Wt(t){let n,s,a,e,o,c;return n=new $t({props:{noWrap:!0,$$slots:{default:[Pt]},$$scope:{ctx:t}}}),a=new $t({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),o=new $t({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment),e=y(),U(o.$$.fragment)},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t),e=R(t),z(o.$$.fragment,t)},m(t,l){Y(n,t,l),d(t,s,l),Y(a,t,l),d(t,e,l),Y(o,t,l),c=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const c={};8&s&&(c.$$scope={dirty:s,ctx:t}),a.$set(c);const l={};8&s&&(l.$$scope={dirty:s,ctx:t}),o.$set(l)},i(t){c||(g(n.$$.fragment,t),g(a.$$.fragment,t),g(o.$$.fragment,t),c=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),f(o.$$.fragment,t),c=!1},d(t){T(n,t),t&&p(s),T(a,t),t&&p(e),T(o,t)}}}function Mt(t){let n;return{c(){n=H("Row 3")},l(t){n=W(t,"Row 3")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Ft(t){let n;return{c(){n=H("Row 3")},l(t){n=W(t,"Row 3")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function _t(t){let n;return{c(){n=H("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere\n sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque\n vulputate nisl a porttitor interdum.")},l(t){n=W(t,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere\n sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque\n vulputate nisl a porttitor interdum.")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Ut(t){let n,s,a,e,o,c;return n=new $t({props:{noWrap:!0,$$slots:{default:[Mt]},$$scope:{ctx:t}}}),a=new $t({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),o=new $t({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment),e=y(),U(o.$$.fragment)},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t),e=R(t),z(o.$$.fragment,t)},m(t,l){Y(n,t,l),d(t,s,l),Y(a,t,l),d(t,e,l),Y(o,t,l),c=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const c={};8&s&&(c.$$scope={dirty:s,ctx:t}),a.$set(c);const l={};8&s&&(l.$$scope={dirty:s,ctx:t}),o.$set(l)},i(t){c||(g(n.$$.fragment,t),g(a.$$.fragment,t),g(o.$$.fragment,t),c=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),f(o.$$.fragment,t),c=!1},d(t){T(n,t),t&&p(s),T(a,t),t&&p(e),T(o,t)}}}function zt(t){let n,s,a,e,o,c;return n=new ht({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),a=new ht({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),o=new ht({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment),e=y(),U(o.$$.fragment)},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t),e=R(t),z(o.$$.fragment,t)},m(t,l){Y(n,t,l),d(t,s,l),Y(a,t,l),d(t,e,l),Y(o,t,l),c=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const c={};8&s&&(c.$$scope={dirty:s,ctx:t}),a.$set(c);const l={};8&s&&(l.$$scope={dirty:s,ctx:t}),o.$set(l)},i(t){c||(g(n.$$.fragment,t),g(a.$$.fragment,t),g(o.$$.fragment,t),c=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),f(o.$$.fragment,t),c=!1},d(t){T(n,t),t&&p(s),T(a,t),t&&p(e),T(o,t)}}}function Yt(t){let n,s,a,e;return n=new rt({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),a=new lt({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment)},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t)},m(t,o){Y(n,t,o),d(t,s,o),Y(a,t,o),e=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const o={};8&s&&(o.$$scope={dirty:s,ctx:t}),a.$set(o)},i(t){e||(g(n.$$.fragment,t),g(a.$$.fragment,t),e=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),e=!1},d(t){T(n,t),t&&p(s),T(a,t)}}}function Tt(t){let n,s;return n=new Q({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment)},l(t){z(n.$$.fragment,t)},m(t,a){Y(n,t,a),s=!0},p(t,s){const a={};8&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(g(n.$$.fragment,t),s=!0)},o(t){f(n.$$.fragment,t),s=!1},d(t){T(n,t)}}}function Gt(t){let n;return{c(){n=H("ColumnA")},l(t){n=W(t,"ColumnA")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Jt(t){let n;return{c(){n=H("ColumnB")},l(t){n=W(t,"ColumnB")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Ot(t){let n;return{c(){n=H("ColumnC")},l(t){n=W(t,"ColumnC")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function Zt(t){let n;return{c(){n=H("")},l(t){n=W(t,"")},m(t,s){d(t,n,s)},p:N,d(t){t&&p(n)}}}function Kt(t){let n,s,a,e,o,c,l,u;return n=new $t({props:{head:!0,$$slots:{default:[Gt]},$$scope:{ctx:t}}}),a=new $t({props:{head:!0,$$slots:{default:[Jt]},$$scope:{ctx:t}}}),o=new $t({props:{head:!0,$$slots:{default:[Ot]},$$scope:{ctx:t}}}),l=new $t({props:{head:!0,$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment),e=y(),U(o.$$.fragment),c=y(),U(l.$$.fragment)},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t),e=R(t),z(o.$$.fragment,t),c=R(t),z(l.$$.fragment,t)},m(t,p){Y(n,t,p),d(t,s,p),Y(a,t,p),d(t,e,p),Y(o,t,p),d(t,c,p),Y(l,t,p),u=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const c={};8&s&&(c.$$scope={dirty:s,ctx:t}),a.$set(c);const u={};8&s&&(u.$$scope={dirty:s,ctx:t}),o.$set(u);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),l.$set(p)},i(t){u||(g(n.$$.fragment,t),g(a.$$.fragment,t),g(o.$$.fragment,t),g(l.$$.fragment,t),u=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),f(o.$$.fragment,t),f(l.$$.fragment,t),u=!1},d(t){T(n,t),t&&p(s),T(a,t),t&&p(e),T(o,t),t&&p(c),T(l,t)}}}function Qt(t){let n,s;return n=new ht({props:{head:!0,$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment)},l(t){z(n.$$.fragment,t)},m(t,a){Y(n,t,a),s=!0},p(t,s){const a={};8&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(g(n.$$.fragment,t),s=!0)},o(t){f(n.$$.fragment,t),s=!1},d(t){T(n,t)}}}function Xt(t){let n,s;return{c(){n=H("Row "),s=H(t[0])},l(a){n=W(a,"Row "),s=W(a,t[0])},m(t,a){d(t,n,a),d(t,s,a)},p:N,d(t){t&&p(n),t&&p(s)}}}function tn(t){let n,s;return{c(){n=H("Row "),s=H(t[0])},l(a){n=W(a,"Row "),s=W(a,t[0])},m(t,a){d(t,n,a),d(t,s,a)},p:N,d(t){t&&p(n),t&&p(s)}}}function nn(t){let n;return{c(){n=H("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean\n posuere sem vel euismod dignissim. Nulla ut cursus dolor.\n Pellentesque vulputate nisl a porttitor interdum.")},l(t){n=W(t,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean\n posuere sem vel euismod dignissim. Nulla ut cursus dolor.\n Pellentesque vulputate nisl a porttitor interdum.")},m(t,s){d(t,n,s)},d(t){t&&p(n)}}}function sn(t){let n,s;return n=new Ct({props:{class:"bx--structured-list-svg","aria-label":"select an option",title:"select an option"}}),{c(){U(n.$$.fragment)},l(t){z(n.$$.fragment,t)},m(t,a){Y(n,t,a),s=!0},p:N,i(t){s||(g(n.$$.fragment,t),s=!0)},o(t){f(n.$$.fragment,t),s=!1},d(t){T(n,t)}}}function an(t){let n,s,a,e,o,c,l,u,r,i,$;return n=new $t({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),a=new $t({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),o=new $t({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),l=new wt({props:{id:"row-"+t[0],value:"row-"+t[0]+"-value",title:"row-"+t[0]+"-title",name:"row-"+t[0]+"-name"}}),r=new $t({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment),e=y(),U(o.$$.fragment),c=y(),U(l.$$.fragment),u=y(),U(r.$$.fragment),i=y()},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t),e=R(t),z(o.$$.fragment,t),c=R(t),z(l.$$.fragment,t),u=R(t),z(r.$$.fragment,t),i=R(t)},m(t,p){Y(n,t,p),d(t,s,p),Y(a,t,p),d(t,e,p),Y(o,t,p),d(t,c,p),Y(l,t,p),d(t,u,p),Y(r,t,p),d(t,i,p),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const c={};8&s&&(c.$$scope={dirty:s,ctx:t}),a.$set(c);const l={};8&s&&(l.$$scope={dirty:s,ctx:t}),o.$set(l);const u={};8&s&&(u.$$scope={dirty:s,ctx:t}),r.$set(u)},i(t){$||(g(n.$$.fragment,t),g(a.$$.fragment,t),g(o.$$.fragment,t),g(l.$$.fragment,t),g(r.$$.fragment,t),$=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),f(o.$$.fragment,t),f(l.$$.fragment,t),f(r.$$.fragment,t),$=!1},d(t){T(n,t),t&&p(s),T(a,t),t&&p(e),T(o,t),t&&p(c),T(l,t),t&&p(u),T(r,t),t&&p(i)}}}function en(t){let n,s;return n=new ht({props:{label:!0,for:"row-"+t[0],$$slots:{default:[an]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment)},l(t){z(n.$$.fragment,t)},m(t,a){Y(n,t,a),s=!0},p(t,s){const a={};8&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(g(n.$$.fragment,t),s=!0)},o(t){f(n.$$.fragment,t),s=!1},d(t){T(n,t)}}}function on(t){let n,s,a=[1,2,3],e=[];for(let n=0;n<3;n+=1)e[n]=en(yt(t,a,n));return{c(){for(let t=0;t<3;t+=1)e[t].c();n=B()},l(t){for(let n=0;n<3;n+=1)e[n].l(t);n=B()},m(t,a){for(let n=0;n<3;n+=1)e[n].m(t,a);d(t,n,a),s=!0},p:N,i(t){if(!s){for(let t=0;t<3;t+=1)g(e[t]);s=!0}},o(t){e=e.filter(Boolean);for(let t=0;t<3;t+=1)f(e[t]);s=!1},d(t){G(e,t),t&&p(n)}}}function cn(t){let n,s,a,e;return n=new rt({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),a=new lt({props:{$$slots:{default:[on]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment),s=y(),U(a.$$.fragment)},l(t){z(n.$$.fragment,t),s=R(t),z(a.$$.fragment,t)},m(t,o){Y(n,t,o),d(t,s,o),Y(a,t,o),e=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const o={};8&s&&(o.$$scope={dirty:s,ctx:t}),a.$set(o)},i(t){e||(g(n.$$.fragment,t),g(a.$$.fragment,t),e=!0)},o(t){f(n.$$.fragment,t),f(a.$$.fragment,t),e=!1},d(t){T(n,t),t&&p(s),T(a,t)}}}function ln(t){let n,s;return n=new Q({props:{selection:!0,selected:"row-1-value",$$slots:{default:[cn]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment)},l(t){z(n.$$.fragment,t)},m(t,a){Y(n,t,a),s=!0},p(t,s){const a={};8&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(g(n.$$.fragment,t),s=!0)},o(t){f(n.$$.fragment,t),s=!1},d(t){T(n,t)}}}function un(t){let n,s;return n=new et({props:{rows:3}}),{c(){U(n.$$.fragment)},l(t){z(n.$$.fragment,t)},m(t,a){Y(n,t,a),s=!0},p:N,i(t){s||(g(n.$$.fragment,t),s=!0)},o(t){f(n.$$.fragment,t),s=!1},d(t){T(n,t)}}}function pn(t){let n,s,a,e,o,r,i,$,m,k,g,f,h,L,b,w,S,x;return{c(){n=c("div"),s=c("ul"),a=c("li"),e=c("a"),o=H("Usage"),r=y(),i=c("ul"),$=c("li"),m=c("a"),k=H("Default (read-only)"),g=y(),f=c("li"),h=c("a"),L=H("Selectable rows"),b=y(),w=c("li"),S=c("a"),x=H("Skeleton"),this.h()},l(t){n=l(t,"DIV",{slot:!0});var c=u(n);s=l(c,"UL",{class:!0});var d=u(s);a=l(d,"LI",{class:!0});var v=u(a);e=l(v,"A",{class:!0,href:!0});var C=u(e);o=W(C,"Usage"),C.forEach(p),r=R(v),i=l(v,"UL",{class:!0});var y=u(i);$=l(y,"LI",{class:!0});var E=u($);m=l(E,"A",{class:!0,href:!0});var N=u(m);k=W(N,"Default (read-only)"),N.forEach(p),E.forEach(p),g=R(y),f=l(y,"LI",{class:!0});var A=u(f);h=l(A,"A",{class:!0,href:!0});var q=u(h);L=W(q,"Selectable rows"),q.forEach(p),A.forEach(p),b=R(y),w=l(y,"LI",{class:!0});var B=u(w);S=l(B,"A",{class:!0,href:!0});var I=u(S);x=W(I,"Skeleton"),I.forEach(p),B.forEach(p),y.forEach(p),v.forEach(p),d.forEach(p),c.forEach(p),this.h()},h(){F(e,"class","bx--link"),F(e,"href","#usage"),F(m,"class","bx--link"),F(m,"href","#default-read-only"),F($,"class","bx--list__item"),F(h,"class","bx--link"),F(h,"href","#selectable-rows"),F(f,"class","bx--list__item"),F(S,"class","bx--link"),F(S,"href","#skeleton"),F(w,"class","bx--list__item"),F(i,"class","bx--list--unordered bx--list--nested"),F(a,"class","bx--list__item"),F(s,"class","bx--list--unordered"),F(n,"slot","aside")},m(t,c){d(t,n,c),E(n,s),E(s,a),E(a,e),E(e,o),E(a,r),E(a,i),E(i,$),E($,m),E(m,k),E(i,g),E(i,f),E(f,h),E(h,L),E(i,b),E(i,w),E(w,S),E(S,x)},d(t){t&&p(n)}}}function rn(t){let n,s,a,e,o,r,i,$,m,k,h,L,b,w,S,x;return e=new O({props:{codeRaw:'<script>\n import {\n StructuredList,\n StructuredListHead,\n StructuredListRow,\n StructuredListCell,\n StructuredListBody,\n } from "carbon-components-svelte";\n<\/script>\n\n<StructuredList>\n <StructuredListHead>\n <StructuredListRow head>\n <StructuredListCell head>Column A</StructuredListCell>\n <StructuredListCell head>Column B</StructuredListCell>\n <StructuredListCell head>Column C</StructuredListCell>\n </StructuredListRow>\n </StructuredListHead>\n <StructuredListBody>\n <StructuredListRow>\n <StructuredListCell noWrap>Row 1</StructuredListCell>\n <StructuredListCell>Row 1</StructuredListCell>\n <StructuredListCell>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna,\n finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem vel\n euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a\n porttitor interdum.\n </StructuredListCell>\n </StructuredListRow>\n <StructuredListRow>\n <StructuredListCell noWrap>Row 2</StructuredListCell>\n <StructuredListCell>Row 2</StructuredListCell>\n <StructuredListCell>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna,\n finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem vel\n euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a\n porttitor interdum.\n </StructuredListCell>\n </StructuredListRow>\n <StructuredListRow>\n <StructuredListCell noWrap>Row 3</StructuredListCell>\n <StructuredListCell>Row 3</StructuredListCell>\n <StructuredListCell>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna,\n finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem vel\n euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a\n porttitor interdum.\n </StructuredListCell>\n </StructuredListRow>\n </StructuredListBody>\n</StructuredList>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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 StructuredList<span class="token punctuation">,</span>\n StructuredListHead<span class="token punctuation">,</span>\n StructuredListRow<span class="token punctuation">,</span>\n StructuredListCell<span class="token punctuation">,</span>\n StructuredListBody<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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredList</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListHead</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListRow</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span>Column A<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span>Column B<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span>Column C<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListHead</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListBody</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">noWrap</span><span class="token punctuation">></span></span>Row 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>Row 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna,\n finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem vel\n euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a\n porttitor interdum.\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">noWrap</span><span class="token punctuation">></span></span>Row 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>Row 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna,\n finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem vel\n euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a\n porttitor interdum.\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">noWrap</span><span class="token punctuation">></span></span>Row 3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>Row 3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna,\n finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem vel\n euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a\n porttitor interdum.\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListBody</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredList</span><span class="token punctuation">></span></span>\n',$$slots:{default:[Tt]},$$scope:{ctx:t}}}),m=new O({props:{codeRaw:'<script>\n import {\n StructuredList,\n StructuredListHead,\n StructuredListRow,\n StructuredListCell,\n StructuredListBody,\n StructuredListInput,\n } from "carbon-components-svelte";\n import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16";\n<\/script>\n\n<StructuredList selection selected="row-1-value">\n <StructuredListHead>\n <StructuredListRow head>\n <StructuredListCell head>ColumnA</StructuredListCell>\n <StructuredListCell head>ColumnB</StructuredListCell>\n <StructuredListCell head>ColumnC</StructuredListCell>\n <StructuredListCell head>{\'\'}</StructuredListCell>\n </StructuredListRow>\n </StructuredListHead>\n <StructuredListBody>\n {#each [1, 2, 3] as item}\n <StructuredListRow label for="row-{item}">\n <StructuredListCell>Row {item}</StructuredListCell>\n <StructuredListCell>Row {item}</StructuredListCell>\n <StructuredListCell>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere\n sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque\n vulputate nisl a porttitor interdum.\n </StructuredListCell>\n <StructuredListInput\n id="row-{item}"\n value="row-{item}-value"\n title="row-{item}-title"\n name="row-{item}-name"\n />\n <StructuredListCell>\n <CheckmarkFilled16\n class="bx--structured-list-svg"\n aria-label="select an option"\n title="select an option"\n />\n </StructuredListCell>\n </StructuredListRow>\n {/each}\n </StructuredListBody>\n</StructuredList>\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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 StructuredList<span class="token punctuation">,</span>\n StructuredListHead<span class="token punctuation">,</span>\n StructuredListRow<span class="token punctuation">,</span>\n StructuredListCell<span class="token punctuation">,</span>\n StructuredListBody<span class="token punctuation">,</span>\n StructuredListInput<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 class="token keyword">import</span> CheckmarkFilled16 <span class="token keyword">from</span> <span class="token string">"carbon-icons-svelte/lib/CheckmarkFilled16"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredList</span> <span class="token attr-name">selection</span> <span class="token attr-name">selected</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>row-1-value<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"><</span>StructuredListHead</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListRow</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span>ColumnA<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span>ColumnB<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span>ColumnC<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span> <span class="token attr-name">head</span><span class="token punctuation">></span></span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token string">\'\'</span><span class="token punctuation">}</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListHead</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListBody</span><span class="token punctuation">></span></span>\n <span class="token each"><span class="token punctuation">{</span><span class="token keyword">#each</span> <span class="token language-javascript"><span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">]</span> </span><span class="token keyword">as</span> <span class="token language-javascript">item<span class="token punctuation">}</span></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListRow</span> <span class="token attr-name">label</span> <span class="token attr-name">for="row-</span><span class="token language-javascript"><span class="token punctuation">{</span>item<span class="token punctuation">}</span></span><span class="token attr-name">"</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>Row <span class="token language-javascript"><span class="token punctuation">{</span>item<span class="token punctuation">}</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>Row <span class="token language-javascript"><span class="token punctuation">{</span>item<span class="token punctuation">}</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui\n magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere\n sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque\n vulputate nisl a porttitor interdum.\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListInput</span>\n <span class="token attr-name">id="row-</span><span class="token language-javascript"><span class="token punctuation">{</span>item<span class="token punctuation">}</span></span><span class="token attr-name">"</span>\n <span class="token attr-name">value="row-</span><span class="token language-javascript"><span class="token punctuation">{</span>item<span class="token punctuation">}</span></span><span class="token attr-name">-value"</span>\n <span class="token attr-name">title="row-</span><span class="token language-javascript"><span class="token punctuation">{</span>item<span class="token punctuation">}</span></span><span class="token attr-name">-title"</span>\n <span class="token attr-name">name="row-</span><span class="token language-javascript"><span class="token punctuation">{</span>item<span class="token punctuation">}</span></span><span class="token attr-name">-name"</span>\n <span class="token punctuation">/></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>CheckmarkFilled16</span>\n <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>bx--structured-list-svg<span class="token punctuation">"</span></span>\n <span class="token attr-name">aria-label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>select an option<span class="token punctuation">"</span></span>\n <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>select an option<span class="token punctuation">"</span></span>\n <span class="token punctuation">/></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListCell</span><span class="token punctuation">></span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListRow</span><span class="token punctuation">></span></span>\n <span class="token each"><span class="token punctuation">{</span><span class="token keyword">/each</span><span class="token punctuation">}</span></span>\n <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredListBody</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>StructuredList</span><span class="token punctuation">></span></span>\n',$$slots:{default:[ln]},$$scope:{ctx:t}}}),w=new O({props:{codeRaw:'<script>\n import { StructuredListSkeleton } from "carbon-components-svelte";\n<\/script>\n\n<StructuredListSkeleton rows={3} />\n',code:'<span class="token tag"><span class="token tag"><span class="token punctuation"><</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> StructuredListSkeleton <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"></</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>StructuredListSkeleton</span> <span class="token attr-name">rows=</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:[un]},$$scope:{ctx:t}}}),{c(){n=c("h3"),s=H("Default (read-only)"),a=y(),U(e.$$.fragment),o=y(),r=c("h3"),i=H("Selectable rows"),$=y(),U(m.$$.fragment),k=y(),h=c("h3"),L=H("Skeleton"),b=y(),U(w.$$.fragment),S=y(),this.h()},l(t){n=l(t,"H3",{id:!0});var c=u(n);s=W(c,"Default (read-only)"),c.forEach(p),a=R(t),z(e.$$.fragment,t),o=R(t),r=l(t,"H3",{id:!0});var d=u(r);i=W(d,"Selectable rows"),d.forEach(p),$=R(t),z(m.$$.fragment,t),k=R(t),h=l(t,"H3",{id:!0});var g=u(h);L=W(g,"Skeleton"),g.forEach(p),b=R(t),z(w.$$.fragment,t),S=R(t),this.h()},h(){F(n,"id","default-read-only"),F(r,"id","selectable-rows"),F(h,"id","skeleton")},m(t,c){d(t,n,c),E(n,s),d(t,a,c),Y(e,t,c),d(t,o,c),d(t,r,c),E(r,i),d(t,$,c),Y(m,t,c),d(t,k,c),d(t,h,c),E(h,L),d(t,b,c),Y(w,t,c),d(t,S,c),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),m.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),w.$set(o)},i(t){x||(g(e.$$.fragment,t),g(m.$$.fragment,t),g(w.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f(m.$$.fragment,t),f(w.$$.fragment,t),x=!1},d(t){t&&p(n),t&&p(a),T(e,t),t&&p(o),t&&p(r),t&&p($),T(m,t),t&&p(k),t&&p(h),t&&p(b),T(w,t),t&&p(S)}}}function dn(t){let n,s;return n=new J({props:{$$slots:{default:[rn],aside:[pn]},$$scope:{ctx:t}}}),{c(){U(n.$$.fragment)},l(t){z(n.$$.fragment,t)},m(t,a){Y(n,t,a),s=!0},p(t,[s]){const a={};8&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(g(n.$$.fragment,t),s=!0)},o(t){f(n.$$.fragment,t),s=!1},d(t){T(n,t)}}}export default class extends n{constructor(t){super(),s(this,t,null,dn,a,{})}}
|