mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
1 line
24 KiB
JavaScript
1 line
24 KiB
JavaScript
let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as a,i as t,s,g as e,h as p,j as o,c as i,k as c,l,n as r,o as u,p as g,a as m,N as $,y as f,q as d,r as k,m as h,M as b,U as x,t as v,b as w,d as _,w as I,x as S,E as T,F as P,A as y,B as E,a1 as z,C as D,H as j,T as C,D as R,Z as L,_ as A,I as H,J as M,G as U,Y as N}from"./index.e7d8faec.js";import{S as V}from"./SkeletonText.82cdd942.js";import{B}from"./Button.2d988908.js";import"./index.afebacfb.js";import{S as O,b as q,C as F,P as G}from"./Preview.56cdfa1f.js";import"./ChevronDown16.a487f433.js";import"./Loading.f65f7ed1.js";import"./Column.a6aa8264.js";import{C as J,a as Y}from"./CaretRight16.cfe34497.js";import"./Content.9363af19.js";import"./store.7f148588.js";function Z(n,a,t){const s=n.slice();return s[26]=a[t],s[28]=t,s}function K(n,a,t){const s=n.slice();return s[26]=a[t],s[28]=t,s}function Q(n){let a,t,s,I,S,T,P,y;function E(a){n[21].call(null,a)}let z={id:"bx--pagination-select-"+n[14],class:"bx--select__item-count",hideLabel:!0,noLabel:!0,inline:!0,$$slots:{default:[X]},$$scope:{ctx:n}};return void 0!==n[1]&&(z.selected=n[1]),T=new O({props:z}),j.push(()=>C(T,"selected",E)),{c(){a=e("label"),t=p(n[5]),S=o(),i(T.$$.fragment),this.h()},l(s){a=c(s,"LABEL",{id:!0,for:!0});var e=l(a);t=r(e,n[5]),e.forEach(u),S=g(s),m(T.$$.fragment,s),this.h()},h(){$(a,"id",s="bx--pagination-select-"+n[14]+"-count-label"),$(a,"for",I="bx--pagination-select-"+n[14]),f(a,"bx--pagination__text",!0)},m(n,s){d(n,a,s),k(a,t),d(n,S,s),h(T,n,s),y=!0},p(n,e){(!y||32&e)&&b(t,n[5]),(!y||16384&e&&s!==(s="bx--pagination-select-"+n[14]+"-count-label"))&&$(a,"id",s),(!y||16384&e&&I!==(I="bx--pagination-select-"+n[14]))&&$(a,"for",I);const p={};16384&e&&(p.id="bx--pagination-select-"+n[14]),1073742848&e&&(p.$$scope={dirty:e,ctx:n}),!P&&2&e&&(P=!0,p.selected=n[1],x(()=>P=!1)),T.$set(p)},i(n){y||(v(T.$$.fragment,n),y=!0)},o(n){w(T.$$.fragment,n),y=!1},d(n){n&&u(a),n&&u(S),_(T,n)}}}function W(n,a){let t,s,e;return s=new q({props:{value:a[26],text:a[26].toString()}}),{key:n,first:null,c(){t=R(),i(s.$$.fragment),this.h()},l(n){t=R(),m(s.$$.fragment,n),this.h()},h(){this.first=t},m(n,a){d(n,t,a),h(s,n,a),e=!0},p(n,a){const t={};1024&a&&(t.value=n[26]),1024&a&&(t.text=n[26].toString()),s.$set(t)},i(n){e||(v(s.$$.fragment,n),e=!0)},o(n){w(s.$$.fragment,n),e=!1},d(n){n&&u(t),_(s,n)}}}function X(n){let a,t,s=[],e=new Map,p=n[10];const o=n=>n[26];for(let a=0;a<p.length;a+=1){let t=K(n,p,a),i=o(t);e.set(i,s[a]=W(i,t))}return{c(){for(let n=0;n<s.length;n+=1)s[n].c();a=R()},l(n){for(let a=0;a<s.length;a+=1)s[a].l(n);a=R()},m(n,e){for(let a=0;a<s.length;a+=1)s[a].m(n,e);d(n,a,e),t=!0},p(n,t){if(1024&t){const p=n[10];T(),s=L(s,t,o,1,n,p,e,a.parentNode,A,W,a,K),P()}},i(n){if(!t){for(let n=0;n<p.length;n+=1)v(s[n]);t=!0}},o(n){for(let n=0;n<s.length;n+=1)w(s[n]);t=!1},d(n){for(let a=0;a<s.length;a+=1)s[a].d(n);n&&u(a)}}}function nn(n){let a,t=n[7](Math.min(n[1]*(n[0]-1)+1,n[2]),Math.min(n[0]*n[1],n[2]),n[2])+"";return{c(){a=p(t)},l(n){a=r(n,t)},m(n,t){d(n,a,t)},p(n,s){135&s&&t!==(t=n[7](Math.min(n[1]*(n[0]-1)+1,n[2]),Math.min(n[0]*n[1],n[2]),n[2])+"")&&b(a,t)},d(n){n&&u(a)}}}function an(n){let a,t=n[6](n[1]*(n[0]-1)+1,n[0]*n[1])+"";return{c(){a=p(t)},l(n){a=r(n,t)},m(n,t){d(n,a,t)},p(n,s){67&s&&t!==(t=n[6](n[1]*(n[0]-1)+1,n[0]*n[1])+"")&&b(a,t)},d(n){n&&u(a)}}}function tn(n){let a,t,s,p,r;function $(a){n[22].call(null,a)}let k={id:"bx--pagination-select-"+(n[14]+2),class:"bx--select__page-number",labelText:"Page number, of "+n[15]+" pages",inline:!0,hideLabel:!0,$$slots:{default:[en]},$$scope:{ctx:n}};function b(n,a){return n[11]?on:pn}void 0!==n[0]&&(k.selected=n[0]),a=new O({props:k}),j.push(()=>C(a,"selected",$));let I=b(n),S=I(n);return{c(){i(a.$$.fragment),s=o(),p=e("span"),S.c(),this.h()},l(n){m(a.$$.fragment,n),s=g(n),p=c(n,"SPAN",{});var t=l(p);S.l(t),t.forEach(u),this.h()},h(){f(p,"bx--pagination__text",!0)},m(n,t){h(a,n,t),d(n,s,t),d(n,p,t),S.m(p,null),r=!0},p(n,s){const e={};16384&s&&(e.id="bx--pagination-select-"+(n[14]+2)),32768&s&&(e.labelText="Page number, of "+n[15]+" pages"),1073807360&s&&(e.$$scope={dirty:s,ctx:n}),!t&&1&s&&(t=!0,e.selected=n[0],x(()=>t=!1)),a.$set(e),I===(I=b(n))&&S?S.p(n,s):(S.d(1),S=I(n),S&&(S.c(),S.m(p,null)))},i(n){r||(v(a.$$.fragment,n),r=!0)},o(n){w(a.$$.fragment,n),r=!1},d(n){_(a,n),n&&u(s),n&&u(p),S.d()}}}function sn(n,a){let t,s,e;return s=new q({props:{value:a[26]+1,text:(a[26]+1).toString()}}),{key:n,first:null,c(){t=R(),i(s.$$.fragment),this.h()},l(n){t=R(),m(s.$$.fragment,n),this.h()},h(){this.first=t},m(n,a){d(n,t,a),h(s,n,a),e=!0},p(n,a){const t={};65536&a&&(t.value=n[26]+1),65536&a&&(t.text=(n[26]+1).toString()),s.$set(t)},i(n){e||(v(s.$$.fragment,n),e=!0)},o(n){w(s.$$.fragment,n),e=!1},d(n){n&&u(t),_(s,n)}}}function en(n){let a,t,s=[],e=new Map,p=n[16];const o=n=>n[26];for(let a=0;a<p.length;a+=1){let t=Z(n,p,a),i=o(t);e.set(i,s[a]=sn(i,t))}return{c(){for(let n=0;n<s.length;n+=1)s[n].c();a=R()},l(n){for(let a=0;a<s.length;a+=1)s[a].l(n);a=R()},m(n,e){for(let a=0;a<s.length;a+=1)s[a].m(n,e);d(n,a,e),t=!0},p(n,t){if(65536&t){const p=n[16];T(),s=L(s,t,o,1,n,p,e,a.parentNode,A,sn,a,Z),P()}},i(n){if(!t){for(let n=0;n<p.length;n+=1)v(s[n]);t=!0}},o(n){for(let n=0;n<s.length;n+=1)w(s[n]);t=!1},d(n){for(let a=0;a<s.length;a+=1)s[a].d(n);n&&u(a)}}}function pn(n){let a,t=n[13](n[0],n[15])+"";return{c(){a=p(t)},l(n){a=r(n,t)},m(n,t){d(n,a,t)},p(n,s){40961&s&&t!==(t=n[13](n[0],n[15])+"")&&b(a,t)},d(n){n&&u(a)}}}function on(n){let a,t=n[12](n[0])+"";return{c(){a=p(t)},l(n){a=r(n,t)},m(n,t){d(n,a,t)},p(n,s){4097&s&&t!==(t=n[12](n[0])+"")&&b(a,t)},d(n){n&&u(a)}}}function cn(n){let a,t,s,p,r,$,b,x,E,z,D,j=!n[9]&&Q(n);function C(n,a){return n[11]?an:nn}let R=C(n),L=R(n),A=!n[8]&&tn(n);x=new B({props:{hasIconOnly:!0,kind:"ghost",tooltipAlignment:"center",tooltipPosition:"top",icon:J,iconDescription:n[4],disabled:n[17],class:"bx--pagination__button bx--pagination__button--backward "+(n[17]?"bx--pagination__button--no-index":"")}}),x.$on("click",n[23]),z=new B({props:{hasIconOnly:!0,kind:"ghost",tooltipAlignment:"end",tooltipPosition:"top",icon:Y,iconDescription:n[3],disabled:n[18],class:"bx--pagination__button bx--pagination__button--forward "+(n[18]?"bx--pagination__button--no-index":"")}}),z.$on("click",n[24]);let H=[{id:n[14]},n[19]],M={};for(let n=0;n<H.length;n+=1)M=I(M,H[n]);return{c(){a=e("div"),t=e("div"),j&&j.c(),s=o(),p=e("span"),L.c(),r=o(),$=e("div"),A&&A.c(),b=o(),i(x.$$.fragment),E=o(),i(z.$$.fragment),this.h()},l(n){a=c(n,"DIV",{id:!0});var e=l(a);t=c(e,"DIV",{});var o=l(t);j&&j.l(o),s=g(o),p=c(o,"SPAN",{});var i=l(p);L.l(i),i.forEach(u),o.forEach(u),r=g(e),$=c(e,"DIV",{});var f=l($);A&&A.l(f),b=g(f),m(x.$$.fragment,f),E=g(f),m(z.$$.fragment,f),f.forEach(u),e.forEach(u),this.h()},h(){f(p,"bx--pagination__text",!n[9]),f(t,"bx--pagination__left",!0),f($,"bx--pagination__right",!0),S(a,M),f(a,"bx--pagination",!0)},m(n,e){d(n,a,e),k(a,t),j&&j.m(t,null),k(t,s),k(t,p),L.m(p,null),k(a,r),k(a,$),A&&A.m($,null),k($,b),h(x,$,null),k($,E),h(z,$,null),D=!0},p(n,[e]){n[9]?j&&(T(),w(j,1,1,()=>{j=null}),P()):j?(j.p(n,e),512&e&&v(j,1)):(j=Q(n),j.c(),v(j,1),j.m(t,s)),R===(R=C(n))&&L?L.p(n,e):(L.d(1),L=R(n),L&&(L.c(),L.m(p,null))),512&e&&f(p,"bx--pagination__text",!n[9]),n[8]?A&&(T(),w(A,1,1,()=>{A=null}),P()):A?(A.p(n,e),256&e&&v(A,1)):(A=tn(n),A.c(),v(A,1),A.m($,b));const o={};16&e&&(o.iconDescription=n[4]),131072&e&&(o.disabled=n[17]),131072&e&&(o.class="bx--pagination__button bx--pagination__button--backward "+(n[17]?"bx--pagination__button--no-index":"")),x.$set(o);const i={};8&e&&(i.iconDescription=n[3]),262144&e&&(i.disabled=n[18]),262144&e&&(i.class="bx--pagination__button bx--pagination__button--forward "+(n[18]?"bx--pagination__button--no-index":"")),z.$set(i),S(a,M=y(H,[(!D||16384&e)&&{id:n[14]},524288&e&&n[19]])),f(a,"bx--pagination",!0)},i(n){D||(v(j),v(A),v(x.$$.fragment,n),v(z.$$.fragment,n),D=!0)},o(n){w(j),w(A),w(x.$$.fragment,n),w(z.$$.fragment,n),D=!1},d(n){n&&u(a),j&&j.d(),L.d(),A&&A.d(),_(x),_(z)}}}function ln(n,a,t){const s=["page","totalItems","disabled","forwardText","backwardText","itemsPerPageText","itemText","itemRangeText","pageInputDisabled","pageSizeInputDisabled","pageSize","pageSizes","pagesUnknown","pageText","pageRangeText","id"];let e=E(a,s),{page:p=1}=a,{totalItems:o=0}=a,{disabled:i=!1}=a,{forwardText:c="Next page"}=a,{backwardText:l="Previous page"}=a,{itemsPerPageText:r="Items per page:"}=a,{itemText:u=((n,a)=>`${n}–${a} items`)}=a,{itemRangeText:g=((n,a,t)=>`${n}–${a} of ${t} items`)}=a,{pageInputDisabled:m=!1}=a,{pageSizeInputDisabled:$=!1}=a,{pageSize:f=10}=a,{pageSizes:d=[10]}=a,{pagesUnknown:k=!1}=a,{pageText:h=(n=>"page "+n)}=a,{pageRangeText:b=((n,a)=>`of ${a} page${1===a?"":"s"}`)}=a,{id:x="ccs-"+Math.random().toString(36)}=a;const v=z();let w,_,S,T;return n.$$set=n=>{a=I(I({},a),D(n)),t(19,e=E(a,s)),"page"in n&&t(0,p=n.page),"totalItems"in n&&t(2,o=n.totalItems),"disabled"in n&&t(20,i=n.disabled),"forwardText"in n&&t(3,c=n.forwardText),"backwardText"in n&&t(4,l=n.backwardText),"itemsPerPageText"in n&&t(5,r=n.itemsPerPageText),"itemText"in n&&t(6,u=n.itemText),"itemRangeText"in n&&t(7,g=n.itemRangeText),"pageInputDisabled"in n&&t(8,m=n.pageInputDisabled),"pageSizeInputDisabled"in n&&t(9,$=n.pageSizeInputDisabled),"pageSize"in n&&t(1,f=n.pageSize),"pageSizes"in n&&t(10,d=n.pageSizes),"pagesUnknown"in n&&t(11,k=n.pagesUnknown),"pageText"in n&&t(12,h=n.pageText),"pageRangeText"in n&&t(13,b=n.pageRangeText),"id"in n&&t(14,x=n.id)},n.$$.update=()=>{3&n.$$.dirty&&("number"!=typeof p&&t(0,p=Number(p)),"number"!=typeof f&&t(1,f=Number(f)),v("update",{pageSize:f,page:p})),6&n.$$.dirty&&t(15,w=Math.max(Math.ceil(o/f),1)),32768&n.$$.dirty&&t(16,_=Array.from({length:w},(n,a)=>a)),1048577&n.$$.dirty&&t(17,S=i||1===p),1081345&n.$$.dirty&&t(18,T=i||p===w)},[p,f,o,c,l,r,u,g,m,$,d,k,h,b,x,w,_,S,T,e,i,function(n){f=n,t(1,f),t(0,p)},function(n){p=n,t(0,p),t(1,f)},()=>{t(0,p--,p)},()=>{t(0,p++,p)}]}class rn extends a{constructor(n){super(),t(this,n,ln,cn,s,{page:0,totalItems:2,disabled:20,forwardText:3,backwardText:4,itemsPerPageText:5,itemText:6,itemRangeText:7,pageInputDisabled:8,pageSizeInputDisabled:9,pageSize:1,pageSizes:10,pagesUnknown:11,pageText:12,pageRangeText:13,id:14})}}function un(n){let a,t,s,p,r,$,b,x,T,P,E,z,D;s=new V({props:{width:"70px"}}),r=new V({props:{width:"35px"}}),b=new V({props:{width:"105px"}}),P=new V({props:{width:"70px"}});let j=[n[0]],C={};for(let n=0;n<j.length;n+=1)C=I(C,j[n]);return{c(){a=e("div"),t=e("div"),i(s.$$.fragment),p=o(),i(r.$$.fragment),$=o(),i(b.$$.fragment),x=o(),T=e("div"),i(P.$$.fragment),this.h()},l(n){a=c(n,"DIV",{});var e=l(a);t=c(e,"DIV",{});var o=l(t);m(s.$$.fragment,o),p=g(o),m(r.$$.fragment,o),$=g(o),m(b.$$.fragment,o),o.forEach(u),x=g(e),T=c(e,"DIV",{});var i=l(T);m(P.$$.fragment,i),i.forEach(u),e.forEach(u),this.h()},h(){f(t,"bx--pagination__left",!0),f(T,"bx--pagination__right",!0),f(T,"bx--pagination--inline",!0),S(a,C),f(a,"bx--pagination",!0),f(a,"bx--skeleton",!0)},m(e,o){d(e,a,o),k(a,t),h(s,t,null),k(t,p),h(r,t,null),k(t,$),h(b,t,null),k(a,x),k(a,T),h(P,T,null),E=!0,z||(D=[H(a,"click",n[1]),H(a,"mouseover",n[2]),H(a,"mouseenter",n[3]),H(a,"mouseleave",n[4])],z=!0)},p(n,[t]){S(a,C=y(j,[1&t&&n[0]])),f(a,"bx--pagination",!0),f(a,"bx--skeleton",!0)},i(n){E||(v(s.$$.fragment,n),v(r.$$.fragment,n),v(b.$$.fragment,n),v(P.$$.fragment,n),E=!0)},o(n){w(s.$$.fragment,n),w(r.$$.fragment,n),w(b.$$.fragment,n),w(P.$$.fragment,n),E=!1},d(n){n&&u(a),_(s),_(r),_(b),_(P),z=!1,M(D)}}}function gn(n,a,t){const s=[];let e=E(a,s);return n.$$set=n=>{a=I(I({},a),D(n)),t(0,e=E(a,s))},[e,function(a){U(n,a)},function(a){U(n,a)},function(a){U(n,a)},function(a){U(n,a)}]}class mn extends a{constructor(n){super(),t(this,n,gn,un,s,{})}}function $n(n){let a,t;return a=new rn({props:{totalItems:102,pageSizes:[10,15,20]}}),{c(){i(a.$$.fragment)},l(n){m(a.$$.fragment,n)},m(n,s){h(a,n,s),t=!0},p:N,i(n){t||(v(a.$$.fragment,n),t=!0)},o(n){w(a.$$.fragment,n),t=!1},d(n){_(a,n)}}}function fn(n){let a,t;return a=new rn({props:{totalItems:102,page:4}}),{c(){i(a.$$.fragment)},l(n){m(a.$$.fragment,n)},m(n,s){h(a,n,s),t=!0},p:N,i(n){t||(v(a.$$.fragment,n),t=!0)},o(n){w(a.$$.fragment,n),t=!1},d(n){_(a,n)}}}function dn(n){let a,t;return a=new rn({props:{totalItems:102,pageSizes:[16,36,99],pageSize:36}}),{c(){i(a.$$.fragment)},l(n){m(a.$$.fragment,n)},m(n,s){h(a,n,s),t=!0},p:N,i(n){t||(v(a.$$.fragment,n),t=!0)},o(n){w(a.$$.fragment,n),t=!1},d(n){_(a,n)}}}function kn(n){let a,t;return a=new rn({props:{totalItems:102,pageInputDisabled:!0}}),{c(){i(a.$$.fragment)},l(n){m(a.$$.fragment,n)},m(n,s){h(a,n,s),t=!0},p:N,i(n){t||(v(a.$$.fragment,n),t=!0)},o(n){w(a.$$.fragment,n),t=!1},d(n){_(a,n)}}}function hn(n){let a,t;return a=new mn({}),{c(){i(a.$$.fragment)},l(n){m(a.$$.fragment,n)},m(n,s){h(a,n,s),t=!0},i(n){t||(v(a.$$.fragment,n),t=!0)},o(n){w(a.$$.fragment,n),t=!1},d(n){_(a,n)}}}function bn(n){let a,t,s,i,m,f,h,b,x,v,w,_,I,S,T,P,y,E,z,D,j,C,R,L,A,H;return{c(){a=e("div"),t=e("ul"),s=e("li"),i=e("a"),m=p("Usage"),f=o(),h=e("ul"),b=e("li"),x=e("a"),v=p("Default"),w=o(),_=e("li"),I=e("a"),S=p("Current page"),T=o(),P=e("li"),y=e("a"),E=p("Custom page sizes"),z=o(),D=e("li"),j=e("a"),C=p("Hidden page input"),R=o(),L=e("li"),A=e("a"),H=p("Skeleton"),this.h()},l(n){a=c(n,"DIV",{slot:!0});var e=l(a);t=c(e,"UL",{class:!0});var p=l(t);s=c(p,"LI",{class:!0});var o=l(s);i=c(o,"A",{class:!0,href:!0});var $=l(i);m=r($,"Usage"),$.forEach(u),f=g(o),h=c(o,"UL",{class:!0});var d=l(h);b=c(d,"LI",{class:!0});var k=l(b);x=c(k,"A",{class:!0,href:!0});var M=l(x);v=r(M,"Default"),M.forEach(u),k.forEach(u),w=g(d),_=c(d,"LI",{class:!0});var U=l(_);I=c(U,"A",{class:!0,href:!0});var N=l(I);S=r(N,"Current page"),N.forEach(u),U.forEach(u),T=g(d),P=c(d,"LI",{class:!0});var V=l(P);y=c(V,"A",{class:!0,href:!0});var B=l(y);E=r(B,"Custom page sizes"),B.forEach(u),V.forEach(u),z=g(d),D=c(d,"LI",{class:!0});var O=l(D);j=c(O,"A",{class:!0,href:!0});var q=l(j);C=r(q,"Hidden page input"),q.forEach(u),O.forEach(u),R=g(d),L=c(d,"LI",{class:!0});var F=l(L);A=c(F,"A",{class:!0,href:!0});var G=l(A);H=r(G,"Skeleton"),G.forEach(u),F.forEach(u),d.forEach(u),o.forEach(u),p.forEach(u),e.forEach(u),this.h()},h(){$(i,"class","bx--link"),$(i,"href","#usage"),$(x,"class","bx--link"),$(x,"href","#default"),$(b,"class","bx--list__item"),$(I,"class","bx--link"),$(I,"href","#current-page"),$(_,"class","bx--list__item"),$(y,"class","bx--link"),$(y,"href","#custom-page-sizes"),$(P,"class","bx--list__item"),$(j,"class","bx--link"),$(j,"href","#hidden-page-input"),$(D,"class","bx--list__item"),$(A,"class","bx--link"),$(A,"href","#skeleton"),$(L,"class","bx--list__item"),$(h,"class","bx--list--unordered bx--list--nested"),$(s,"class","bx--list__item"),$(t,"class","bx--list--unordered"),$(a,"slot","aside")},m(n,e){d(n,a,e),k(a,t),k(t,s),k(s,i),k(i,m),k(s,f),k(s,h),k(h,b),k(b,x),k(x,v),k(h,w),k(h,_),k(_,I),k(I,S),k(h,T),k(h,P),k(P,y),k(y,E),k(h,z),k(h,D),k(D,j),k(j,C),k(h,R),k(h,L),k(L,A),k(A,H)},d(n){n&&u(a)}}}function xn(n){let a,t,s,f,b,x,I,S,T,P,y,E,z,D,j,C,R,L,A,H,M,U,N,V,B,O;return f=new G({props:{codeRaw:'<script>\n import { Pagination } from "carbon-components-svelte";\n<\/script>\n\n<Pagination totalItems={102} pageSizes={[10, 15, 20]} />\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> Pagination <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>Pagination</span> <span class="token attr-name">totalItems=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">102</span><span class="token punctuation">}</span></span> <span class="token attr-name">pageSizes=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token number">10</span><span class="token punctuation">,</span> <span class="token number">15</span><span class="token punctuation">,</span> <span class="token number">20</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[$n]},$$scope:{ctx:n}}}),T=new G({props:{codeRaw:'<script>\n import { Pagination } from "carbon-components-svelte";\n<\/script>\n\n<Pagination totalItems={102} page={4} />\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> Pagination <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>Pagination</span> <span class="token attr-name">totalItems=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">102</span><span class="token punctuation">}</span></span> <span class="token attr-name">page=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">4</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[fn]},$$scope:{ctx:n}}}),D=new G({props:{codeRaw:'<script>\n import { Pagination } from "carbon-components-svelte";\n<\/script>\n\n<Pagination totalItems={102} pageSizes={[16, 36, 99]} pageSize={36} />\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> Pagination <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>Pagination</span> <span class="token attr-name">totalItems=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">102</span><span class="token punctuation">}</span></span> <span class="token attr-name">pageSizes=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token number">16</span><span class="token punctuation">,</span> <span class="token number">36</span><span class="token punctuation">,</span> <span class="token number">99</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span> <span class="token attr-name">pageSize=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">36</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[dn]},$$scope:{ctx:n}}}),A=new G({props:{codeRaw:'<script>\n import { Pagination } from "carbon-components-svelte";\n<\/script>\n\n<Pagination totalItems={102} pageInputDisabled />\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> Pagination <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>Pagination</span> <span class="token attr-name">totalItems=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">102</span><span class="token punctuation">}</span></span> <span class="token attr-name">pageInputDisabled</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[kn]},$$scope:{ctx:n}}}),V=new G({props:{codeRaw:'<script>\n import { PaginationSkeleton } from "carbon-components-svelte";\n<\/script>\n\n<PaginationSkeleton />\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> PaginationSkeleton <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>PaginationSkeleton</span> <span class="token punctuation">/></span></span>\n',$$slots:{default:[hn]},$$scope:{ctx:n}}}),{c(){a=e("h3"),t=p("Default"),s=o(),i(f.$$.fragment),b=o(),x=e("h3"),I=p("Current page"),S=o(),i(T.$$.fragment),P=o(),y=e("h3"),E=p("Custom page sizes"),z=o(),i(D.$$.fragment),j=o(),C=e("h3"),R=p("Hidden page input"),L=o(),i(A.$$.fragment),H=o(),M=e("h3"),U=p("Skeleton"),N=o(),i(V.$$.fragment),B=o(),this.h()},l(n){a=c(n,"H3",{id:!0});var e=l(a);t=r(e,"Default"),e.forEach(u),s=g(n),m(f.$$.fragment,n),b=g(n),x=c(n,"H3",{id:!0});var p=l(x);I=r(p,"Current page"),p.forEach(u),S=g(n),m(T.$$.fragment,n),P=g(n),y=c(n,"H3",{id:!0});var o=l(y);E=r(o,"Custom page sizes"),o.forEach(u),z=g(n),m(D.$$.fragment,n),j=g(n),C=c(n,"H3",{id:!0});var i=l(C);R=r(i,"Hidden page input"),i.forEach(u),L=g(n),m(A.$$.fragment,n),H=g(n),M=c(n,"H3",{id:!0});var $=l(M);U=r($,"Skeleton"),$.forEach(u),N=g(n),m(V.$$.fragment,n),B=g(n),this.h()},h(){$(a,"id","default"),$(x,"id","current-page"),$(y,"id","custom-page-sizes"),$(C,"id","hidden-page-input"),$(M,"id","skeleton")},m(n,e){d(n,a,e),k(a,t),d(n,s,e),h(f,n,e),d(n,b,e),d(n,x,e),k(x,I),d(n,S,e),h(T,n,e),d(n,P,e),d(n,y,e),k(y,E),d(n,z,e),h(D,n,e),d(n,j,e),d(n,C,e),k(C,R),d(n,L,e),h(A,n,e),d(n,H,e),d(n,M,e),k(M,U),d(n,N,e),h(V,n,e),d(n,B,e),O=!0},p(n,a){const t={};1&a&&(t.$$scope={dirty:a,ctx:n}),f.$set(t);const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),T.$set(s);const e={};1&a&&(e.$$scope={dirty:a,ctx:n}),D.$set(e);const p={};1&a&&(p.$$scope={dirty:a,ctx:n}),A.$set(p);const o={};1&a&&(o.$$scope={dirty:a,ctx:n}),V.$set(o)},i(n){O||(v(f.$$.fragment,n),v(T.$$.fragment,n),v(D.$$.fragment,n),v(A.$$.fragment,n),v(V.$$.fragment,n),O=!0)},o(n){w(f.$$.fragment,n),w(T.$$.fragment,n),w(D.$$.fragment,n),w(A.$$.fragment,n),w(V.$$.fragment,n),O=!1},d(n){n&&u(a),n&&u(s),_(f,n),n&&u(b),n&&u(x),n&&u(S),_(T,n),n&&u(P),n&&u(y),n&&u(z),_(D,n),n&&u(j),n&&u(C),n&&u(L),_(A,n),n&&u(H),n&&u(M),n&&u(N),_(V,n),n&&u(B)}}}function vn(n){let a,t;return a=new F({props:{$$slots:{default:[xn],aside:[bn]},$$scope:{ctx:n}}}),{c(){i(a.$$.fragment)},l(n){m(a.$$.fragment,n)},m(n,s){h(a,n,s),t=!0},p(n,[t]){const s={};1&t&&(s.$$scope={dirty:t,ctx:n}),a.$set(s)},i(n){t||(v(a.$$.fragment,n),t=!0)},o(n){w(a.$$.fragment,n),t=!1},d(n){_(a,n)}}}export default class extends a{constructor(n){super(),t(this,n,null,vn,s,{})}}
|