diff --git a/CHANGELOG.md b/CHANGELOG.md index 8fbfdf5d..da019bde 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,10 @@ Changelog ========= +## v9.6.1 *(2024-07-27)* +- Added new property: `shortcut` the `Tooltip` component. + + ## v9.6.0 *(2024-06-29)* - Added experimental `left` and `right` positioning to the `Popover` and `Tooltip` components. diff --git a/docs-src/app/App.svelte b/docs-src/app/App.svelte index 7e661503..f5ccefe1 100644 --- a/docs-src/app/App.svelte +++ b/docs-src/app/App.svelte @@ -12,5 +12,6 @@ import { Header } from '../header'; let component = undefined; -$:pageName = (component && component.name || '').toLowerCase(); +$:pageName = (component?.name ?? '').toLowerCase(); + diff --git a/docs-src/components/tooltip/Tooltip.svelte b/docs-src/components/tooltip/Tooltip.svelte index 0e45a340..a6f02f10 100644 --- a/docs-src/components/tooltip/Tooltip.svelte +++ b/docs-src/components/tooltip/Tooltip.svelte @@ -46,6 +46,21 @@

lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit.

+

Show keyboard shortcuts

+ +
control + c
+ +
cmd + c
+ +
option + command + x
+ +
shift + enter
+ +Open something +Another one +Another one +Another one +

Custom offset

@@ -80,6 +95,7 @@ const apiProps = [ { name: 'info', description: 'Tooltip type: info' }, { name: 'offset', type: 'number', default: '2', description: 'Customize tooltip offset. Use negative number for smaller offset or positive for bigger' }, { name: 'position', type: ['top', 'bottom', 'left', 'right'], default: 'top', description: 'Prefer the position of the tooltip to be above (top), below (bottom), left or right of the target element.' }, + { name: 'shortcut', type: 'string', description: 'Display a nicely formatted keyboard shortcut in the tooltip.' }, { name: 'success', description: 'Tooltip type: success' }, { name: 'target', required: true, type: 'string', description: 'ID of the target element.' }, { name: 'warning', description: 'Tooltip type: warning' }, @@ -90,7 +106,7 @@ const apiProps = [ const exampleHtml = `
-Some tooltip text +Some tooltip text `; diff --git a/docs-src/pages/changelog.svelte b/docs-src/pages/changelog.svelte index ccecb8c8..f41ab65a 100644 --- a/docs-src/pages/changelog.svelte +++ b/docs-src/pages/changelog.svelte @@ -1,4 +1,8 @@

Changelog

+

v9.6.1 (2024-07-27)

+

v9.6.0 (2024-06-29)

`,H(i,"class","logo"),v1(i.src,o="logo.svg")||H(i,"src",o),H(i,"alt","Logo"),H(a,"class","logotype"),H(n,"href","https://ui.perfectthings.dev"),H(e,"class","banner"),H(h,"class","sticky-block"),H(w,"class","sticky-block"),H(v,"class","sticky-block"),H(I,"class","sticky-block")},m(D,L){l(D,e,L),F(e,n),F(n,i),F(n,r),F(n,a),F(a,u),F(a,c),F(a,f),l(D,d,L),l(D,b,L),l(D,g,L),l(D,h,L),l(D,_,L),l(D,w,L),l(D,k,L),l(D,v,L),l(D,S,L),l(D,I,L)},p:we,i:we,o:we,d(D){D&&(s(e),s(d),s(b),s(g),s(h),s(_),s(w),s(k),s(v),s(S),s(I))}}}var Mh=class extends le{constructor(e){super(),ae(this,e,null,L4,re,{})}},r2=Mh;function D4(t){let e,n,i,o,r,a,u,c,f,d,b,g,h,_,w,k,v,S,I,D,L,T,A,x,O,P,N,W,z,V,J,q,j,K,Z,te,ee,Y,X,ge,de,U,G,Q,ce,$e,_e,ue,se,Ne,ye,fe,he,He,Te,Fe,Se,me,Pe,Je,it,ut,ct,De,Re,vt,ht,mt,gt,Ce,xe,bt,At,dt,St,lt,yt,ke,je,Ae,ze,rt,be,Ie,It,Ot,Yt,Pt,Jt,Me,qe,Ut,Wt,Kt,on,tn,bn,ln,_n,Le,nt,fn,Cn,dn,En,pn,Tn,Ee,oe,Be,Sn,Bn,Ln,Rn,Dn,jn,An,zn,In,Wn,On,Vn,Hn,Un,xn,bi,si,_i,li,vi,ri,$i,ai,wi,Wi,vo,Vi,$o,Ui,wo,Gi,wu,yu,ku,ys,Tu,ks,Mu,Ts,Cu,Ms,Eu,Cs,Su,Es,Lu,Ss,Du,Ls,Au,Ds,Iu,As,Ou,Is,Hu,Os,xu,Hs,Pu,xs,Nu,Ps,Fu,Ns,qu,Fs,Bu,qs,Ru,Bs,ju,Rs,zu,js,Wu,zs,Vu,Ws,Uu,Vs,Gu,Us,Yu,Gs,Ku,Ys,Xu,Ks,Ju,Xs,Zu,Js,Qu,Zs,ef,Qs,tf,el,nf,tl,of,nl,sf,lf,rf,il,af,ol,uf,sl,ff,ll,cf,rl,mf,al,df,ul,pf,fl,hf,cl,gf,ml,bf,dl,_f,pl,vf,hl,$f,gl,wf,bl,yf,_l,kf,vl,Tf,$l,Mf,wl,Cf,yl,Ef,kl,Sf,Tl,Lf,Ml,Df,Af,If,Cl,Of,El,Hf,Sl,xf,Ll,Pf,Dl,Nf,Al,Ff,Il,qf,Ol,Bf,Hl,Rf,xl,jf,Pl,zf,Nl,Wf,Fl,Vf,ql,Uf,Bl,Gf,Rl,Yf,jl,Kf,zl,Xf,Wl,Jf,Vl,Zf,Ul,Qf,Gl,ec,Yl,tc,Kl,nc,Xl,ic,Jl,oc,Zl,sc,Ql,lc,er,rc,tr,ac,nr,uc,ir,fc,or,cc,sr,mc,lr,dc,rr,pc,ar,hc,ur,gc,fr,bc,cr,_c,mr,vc,dr,$c,pr,wc,hr,yc,gr,kc,br,Tc,_r,Mc,vr,Cc,$r,Ec,wr,Sc,yr,Lc,kr,Dc,Tr,Ac,Mr,Ic,Cr,Oc,Er,Hc,Sr,xc,Lr,Pc,Dr,Nc,Ar,Fc,Ir,qc,Or,Bc,Hr,Rc,xr,jc,Pr,zc,Nr,Wc,Fr,Vc,qr,Uc,Br,Gc,Rr,Yc,jr,Kc,zr,Xc,Wr,Jc,Vr,Zc,Ur,Qc,Gr,em,tm,nm,Yr,im,Kr,om,Xr,sm,Jr,lm,Zr,rm,Qr,am,ea,um,ta,fm,na,cm,ia,mm,oa,dm,sa,pm,la,hm,ra,gm,aa,bm,ua,_m,fa,vm,ca,$m,ma,wm,da,ym,km,Tm,pa,Mm,ha,Cm,Em,Sm,ga,Lm,ba,Dm,_a,Am,va,Im,$a,Om,wa,Hm,ya,xm,ka,Pm,Ta,Nm,Ma,Fm,qm,Bm,Ca,Rm,Ea,jm,zm,Wm,Sa;return{c(){e=p("h1"),e.textContent="Changelog",n=m(),i=p("h2"),i.innerHTML="v9.6.1 (2024-07-27)",o=m(),r=p("ul"),r.innerHTML="
  • Added new property: shortcut the Tooltip component.
  • ",a=m(),u=p("h2"),u.innerHTML="v9.6.0 (2024-06-29)",c=m(),f=p("ul"),f.innerHTML="
  • Added experimental left and right positioning to the Popover and Tooltip components.
  • ",d=m(),b=p("h2"),b.innerHTML="v9.5.6 (2024-06-18)",g=m(),h=p("ul"),h.innerHTML="
  • Added 2 new functions to utils getValueAtPath and setValueAtPath to handle deeply and uncertain object structures.
  • ",_=m(),w=p("h2"),w.innerHTML="v9.5.5 (2024-06-13)",k=m(),v=p("ul"),v.innerHTML="
  • Improve InputNumber and InputMath to better filter out invalid characters and keep the formatting.
  • ",S=m(),I=p("h2"),I.innerHTML="v9.5.4 (2024-06-11)",D=m(),L=p("ul"),L.innerHTML="
  • New component: Grid (alpha). This should not be used for production yet, as it's still in development (or it may even be dropped).
  • Use crypto for guid generation in utils.
  • ",T=m(),A=p("h2"),A.innerHTML="v9.5.3 (2024-05-18)",x=m(),O=p("ul"),O.innerHTML="
  • Fix Combobox issue for some edge cases.
  • ",P=m(),N=p("h2"),N.innerHTML="v9.5.2 (2024-05-15)",W=m(),z=p("ul"),z.innerHTML="
  • Fix --ui-shadow-large in light-mode (was a bit too dark).
  • Animation speed increased from 0.3 to 0.25s.
  • Fix Dialog's rendering artifacts in Safari.
  • ",V=m(),J=p("h2"),J.innerHTML="v9.5.1, v9.5.0 (2024-05-12)",q=m(),j=p("ul"),j.innerHTML="
  • New property for Dialog: modal.
  • Fix square radiobuttons bug.
  • ",K=m(),Z=p("h2"),Z.innerHTML="v9.4.21, v9.4.20 (2024-05-11)",te=m(),ee=p("ul"),ee.innerHTML="
  • Fix MenuItem descenders were 1px cropped when using some fonts.
  • Fix active style in ButtonToggle was showing despite the disabled attribute.
  • Improve js & css linting and build process.
  • Upgrade dependencies.
  • ",Y=m(),X=p("h2"),X.innerHTML="v9.4.19 (2024-05-06)",ge=m(),de=p("ul"),de.innerHTML="
  • Hide error on InputPassword where zxcvbn wasn't loaded.
  • Correct icons' alignment.
  • Renamed icons: pluscircle to plusCircle and minuscircle to minusCircle.
  • Fix chartLine icon (there was /> showing in the icon).
  • Fix InputPassword it was focusable when disabled.
  • Fix InputPassword incorrect layout when strength and labelOnTheLeft was set.
  • ",U=m(),G=p("h2"),G.innerHTML="v9.4.18 (2024-05-01)",Q=m(),ce=p("ul"),ce.innerHTML="
  • Fix icon alignment in Menu.
  • Fix tests to work with the latest version of svelte testing library.
  • ",$e=m(),_e=p("h2"),_e.innerHTML="v9.4.17 (2024-04-14)",ue=m(),se=p("ul"),se.innerHTML="
  • InputDate event handling race-condition fix (when enter was pressed).
  • ",Ne=m(),ye=p("h2"),ye.innerHTML="v9.4.16 (2024-04-13)",fe=m(),he=p("ul"),he.innerHTML="
  • Maintenance release; updating dependencies.
  • ",He=m(),Te=p("h2"),Te.innerHTML="v9.4.15, v9.4.14 (2024-02-03)",Fe=m(),Se=p("ul"),Se.innerHTML="
  • Fix InputDate's value setting on Enter, after input was emptied.
  • ",me=m(),Pe=p("h2"),Pe.innerHTML="v9.4.13 (2024-01-26)",Je=m(),it=p("ul"),it.innerHTML="
  • Dialog's backdrop style tweaks (add some effects to the backdrop).
  • Popover tip style tweaks (it's now offset using full pixels, so the tip's border will look consistently all around).
  • ",ut=m(),ct=p("h2"),ct.innerHTML="v9.4.12 (2024-01-25)",De=m(),Re=p("ul"),Re.innerHTML="
  • Fix InputRating - it would select value on mouse-down. This - where an error message was displayed above the input - would cause the error message to be removed, and input to slide up, which would unselect the value (while mouse was down), and cause the error message to reappear.
  • ",vt=m(),ht=p("h2"),ht.innerHTML="v9.4.11, v9.4.10, v9.4.9 (2024-01-20)",mt=m(),gt=p("ul"),gt.innerHTML="
  • Minor style tweaks (label-on-the-left alignment).
  • Fix tip positioning when popups are not centered on targets (for Tooltip and Popover).
  • ",Ce=m(),xe=p("h2"),xe.innerHTML="v9.4.8 (2024-01-19)",bt=m(),At=p("ul"),At.innerHTML="
  • Style tweak: reduce margin around Radio items.
  • ",dt=m(),St=p("h2"),St.innerHTML="v9.4.7 (2024-01-17)",lt=m(),yt=p("ul"),yt.innerHTML="
  • Fix Range - knob alignment in Safari is off.
  • Fix Range - clicking on ticks should set the value.
  • ",ke=m(),je=p("h2"),je.innerHTML="v9.4.6, v9.4.5, v9.4.4, v9.4.3 (2024-01-14)",Ae=m(),ze=p("ul"),ze.innerHTML="
  • More bugfixes, tests and some optimisations of the Combobox component.
  • Fix to allow to clear the value of the Combobox by setting its value to null or [].
  • ",rt=m(),be=p("h2"),be.innerHTML="v9.4.2 (2024-01-10)",Ie=m(),It=p("ul"),It.innerHTML="
  • Minor bugfixes for Popover and Combobox.
  • ",Ot=m(),Yt=p("h2"),Yt.innerHTML="v9.4.1 (2024-01-07)",Pt=m(),Jt=p("ul"),Jt.innerHTML="
  • Add title attribute to the multiselect Combobox input, so that when it's too long, the value can be read easily.
  • ",Me=m(),qe=p("h2"),qe.innerHTML="v9.4.0 (2024-01-04)",Ut=m(),Wt=p("ul"),Wt.innerHTML="
  • Add multiselect option to the Combobox.
  • ",Kt=m(),on=p("h2"),on.innerHTML="v9.3.4, v9.3.3 (2023-12-25)",tn=m(),bn=p("ul"),bn.innerHTML="
  • Fix InputDate when picker was not in sync with the input value.
  • Better dropdown alignment for Popover and Menu onScroll (should work if scrolling other elements beside the <body>).
  • ",ln=m(),_n=p("h2"),_n.innerHTML="v9.3.2, v9.3.1 (2023-12-17)",Le=m(),nt=p("ul"),nt.innerHTML="
  • Add $$restProps to some components, to allow passing through custom props.
  • Fix Range offset issue in chromium browsers.
  • ",fn=m(),Cn=p("h2"),Cn.innerHTML="v9.3.0, v9.2.4 (2023-12-12)",dn=m(),En=p("ul"),En.innerHTML="
  • Panel types (color variations).
  • New icons (print).
  • Icon optimisations.
  • ",pn=m(),Tn=p("h2"),Tn.innerHTML="v9.2.3 (2023-11-10)",Ee=m(),oe=p("ul"),oe.innerHTML="
  • Fix InputTag.
  • ",Be=m(),Sn=p("h2"),Sn.innerHTML="v9.2.2 (2023-10-15)",Bn=m(),Ln=p("ul"),Ln.innerHTML="
  • Change tooltip to ticks in Range component, for better accessibility.
  • ",Rn=m(),Dn=p("h2"),Dn.innerHTML="v9.2.1 (2023-10-14)",jn=m(),An=p("ul"),An.innerHTML="
  • Tag should not be clickable (or focusable) by default. It can be made interactive by adding the new clickable attribute.
  • ",zn=m(),In=p("h2"),In.innerHTML="v9.2.0 (2023-10-13)",Wn=m(),On=p("ul"),On.innerHTML="
  • New component: Range.
  • ",Vn=m(),Hn=p("h2"),Hn.innerHTML="v9.1.2, v9.1.1, v9.1.0 (2023-09-27)",Un=m(),xn=p("ul"),xn.innerHTML="
  • New components: InputRating, Tag, InputTag, InputTime.
  • Add hideTip and more, to Popover.
  • Add useNativeOnMobile to InputDate.
  • Fix Popover z-index (so that it shows over dialogs)
  • Many other smaller bugfixes and improvements.
  • ",bi=m(),si=p("h2"),si.innerHTML="v9.0.5 (2023-09-22)",_i=m(),li=p("ul"),li.innerHTML="
  • Reduce Dialog's z-index so that the popups from the dialog show up on top of it.
  • ",vi=m(),ri=p("h2"),ri.innerHTML="v9.0.4, v9.0.3, v9.0.2, v9.0.1 (2023-09-16)",$i=m(),ai=p("ul"),ai.innerHTML="
  • Make title optional for Panel.
  • Add ANIMATION_SPEED to utils/properties.
  • Correct FOCUSABLE_SELECTOR (it's a constant, not a svelte store).
  • ",wi=m(),Wi=p("h2"),Wi.innerHTML="v9.0.0 (2023-09-09)",vo=m(),Vi=p("ul"),Vi.innerHTML="
  • New: added Utils page in the docs with APIs to the utility functions exposed by the library.
  • Tooltip was simplified and now the positioning ensures that the tooltip is always visible on the screen.
  • Popover will now update its position when the window is resized.
  • The tip of the Tooltip and Popover will now try to be centered on the target element (if the box was offset from the screen edge).
  • Improved keyboard focus for notifications: when a notification is dismissed from the keyboard (Escape) the focus will be moved to the next available notification.
  • Improved & standardised z-index throughout the components.
  • Tweaked Menu positioning to update on window resize.
  • Tweaked MenuItem for responsiveness (e.g. add ellipsis if the text is too long).
  • ",$o=m(),Ui=p("h3"),Ui.textContent="Breaking changes",wo=m(),Gi=p("ul"),Gi.innerHTML="
  • The events property was dropped from the Tooltip, leaving hover and focus events as the default. For use cases when the click was needed, Popover should be used instead.
  • z-index value of the Popover and Tooltip has been reduced from 9999 to 99, so that it's closer to the content it describes. Ideally tooltips should slide under some other floating elements of the UI (like toolbars or drawers), while remaining above the content layer. This can be o overriden in the app's own css if needed.
  • ",wu=m(),yu=p("hr"),ku=m(),ys=p("h2"),ys.innerHTML="v8.4.5, v8.4.4 (2023-08-26)",Tu=m(),ks=p("ul"),ks.innerHTML="
  • Standardise InputSearch UX: clear button and Escape-to-clear behaviour now works the same in different browsers.
  • Enhance Popover so that it updates its position after it detects a content change.
  • Expose Popover's updatePosition function.
  • Tweak the dropdown-align function for popover.
  • ",Mu=m(),Ts=p("h2"),Ts.innerHTML="v8.4.3 (2023-08-25)",Cu=m(),Ms=p("ul"),Ms.innerHTML="
  • Fix InputRadio group block padding.
  • ",Eu=m(),Cs=p("h2"),Cs.innerHTML="v8.4.2, v8.4.1, v8.4.0 (2023-08-24)",Su=m(),Es=p("ul"),Es.innerHTML="
  • New: Popover component. If a Dialog and Tooltip had a child - this would be it. It's a container that can be opened like a dialog, but will be attached to the target element (like a tooltip). It's a great way to display additional information or actions for a specific element on the page. It can contain other components (e.g. buttons) and can serve as a free-form menu.
  • Fix popover above the target styling.
  • Simplify & refactor Tooltip to share more code with Popover. Styling and core functionality is now almost the same, while the UX and usage remains a bit different.
  • ",Lu=m(),Ss=p("h2"),Ss.innerHTML="v8.3.3 (2023-08-19)",Du=m(),Ls=p("ul"),Ls.innerHTML="
  • Inputs with dropdowns (e.g. Combobox and InputDate) will not trigger page scroll on focus (in mobile Safari).
  • Combobox dropdown will now auto-adjust its position when the virtual keyboard opens (in mobile Safari).
  • :focus has been updated to :focus-visible for non-input elements, for a better look.
  • ",Au=m(),Ds=p("h2"),Ds.innerHTML="v8.3.2 (2023-08-18)",Iu=m(),As=p("ul"),As.innerHTML="
  • Improve InputRadio styling to look more like the rest of the inputs (e.g. checkbox).
  • Standardise font sizes into css variables: --ui-font-xs=14px, --ui-font-s=15px, --ui-font-m=16px, --ui-font-l=17px, --ui-font-xl=22px
  • Correct the symbol for Return (\u23CE) in Menu.
  • Menu can now be centered with the target button (using align attribute).
  • Context Menu will now open above the long-pressed spot on mobile (by default).
  • Pressing the same letter key, with the Menu open will now cycle through the items starting with that letter.
  • Pressing space with the Menu open, while typing something quickly, will not trigger the click event on the currently selected item. This allows to type-to-highlight elements that contain space in the text. Pressing space standalone (while not typing), will trigger the click event.
  • ",Ou=m(),Is=p("h2"),Is.innerHTML="v8.3.1 (2023-08-14)",Hu=m(),Os=p("ul"),Os.innerHTML="
  • Removed --ui-margin-xl and --ui-margin-xxl as they were not used.
  • Merged --ui-border-radius-s with --ui-border-radius and changed to a rem value that calculates to the whole pixel (so that browsers would render it better).
  • Fixed the NotificationCenter issue, where toasts would not close if navigated away from the page that initialises the component.
  • Tweaked dialog border-radius to render a bit better (for dialog's header and footer).
  • Aligned components heights (Menu, Combobox, and InputRadio items).
  • Fixed Menu's longpress event to not triger when moving the finger (touchmove should stop longpress).
  • Improve navigation swipe event (swiping can now be triggered by any element that is not scrollable and has no scrollable ancestors).
  • Increased Menu font size slightly, while decreasing it for everything (102% -> 100% on body).
  • ",xu=m(),Hs=p("h2"),Hs.innerHTML="v8.3.0 (2023-08-11)",Pu=m(),xs=p("ul"),xs.innerHTML="
  • New: InputSearch component. Not much more than InputText, except the search icon and (depending on the browser) - the clear button.
  • Fixed a weird and edge-case issue with Menu on mobile Safari (#119).
  • ",Nu=m(),Ps=p("h2"),Ps.innerHTML="v8.2.0 (2023-08-08)",Fu=m(),Ns=p("ul"),Ns.innerHTML="
  • data attribute in Combobox is deprecated. It will be removed in the next major version. Use items instead.
  • Combobox and Menu now use the same align function (for consistency and performance) and there's no need to add elevate attribute to either of them, as both popups are rendered inside the body element and are only added to the DOM, when they are opened (to avoid polluting the DOM with unnecessary elements).
  • ",qu=m(),Fs=p("h2"),Fs.innerHTML="v8.1.4 (2023-07-31)",Bu=m(),qs=p("ul"),qs.innerHTML="
  • Improved PushButton pressed styling.
  • Some buttons should now react faster on mobile (touch-action added to notification buttons and all inputs, selects and textareas).
  • ",Ru=m(),Bs=p("h2"),Bs.innerHTML="v8.1.3 (2023-07-30)",ju=m(),Rs=p("ul"),Rs.innerHTML="
  • PushButton now has better contrast (when pressed).
  • Fixed showMessage style for long messages on mobile.
  • Fixed password strength popup style.
  • Docs: fancy font should be applied do docs only, not to the components.
  • Docs: try swipeRight on mobile to open sidebar.
  • Added touch-action: manipulation to Label and some other missing places.
  • ",zu=m(),js=p("h2"),js.innerHTML="v8.1.2 (2023-07-29)",Wu=m(),zs=p("ul"),zs.innerHTML="
  • Small table style tweaks
  • Docs improvements
  • ",Vu=m(),Ws=p("h2"),Ws.innerHTML="v8.1.1 (2023-07-28)",Uu=m(),Vs=p("ul"),Vs.innerHTML="
  • Bring back --ui-color-accent-semi and --ui-color-highlight-semi colors.
  • Combobox and InputDate buttons should not be tabbable.
  • Combobox and InputDate buttons should toggle the dropdown on click.
  • ",Gu=m(),Us=p("h2"),Us.innerHTML="v8.1.0 (2023-07-28)",Yu=m(),Gs=p("ul"),Gs.innerHTML="
  • New: All inputs have a new attribute labelOnTheLeft which allows to move the label to the left of the input.
  • ",Ku=m(),Ys=p("h2"),Ys.innerHTML="v8.0.1 (2023-07-26)",Xu=m(),Ks=p("ul"),Ks.innerHTML="
  • New: Check the platform on load and add a mobile or desktop class to the html element.
  • Fixed: Menu separator is now aligned with menu items.
  • Fixed: Notifications Archive "Clear all" button is now back to normal.
  • ",Ju=m(),Xs=p("h2"),Xs.innerHTML="v8.0.0 (2023-07-25)",Zu=m(),Js=p("ul"),Js.innerHTML="
  • New: Label component.
  • New icons: sun and moon for the dark-theme switchers.
  • Improvement: info, error and label attributes are now supported on other inputs (Combobox, InputDate, Select, ButtonToggle, and Toggle).
  • Improvement: all components now expose element and inputElement (if there is one (and only one)). The exceptions are NotificationCenter and MessageBox, due to their implementation.
  • Added title attribute to ButtonToggle.
  • Added success type for MessageBox.
  • Fixed selectable=false not working on Table.
  • Improved styling for Dialog and MessageBox.
  • ",Qu=m(),Zs=p("h3"),Zs.textContent="Breaking changes",ef=m(),Qs=p("ul"),Qs.innerHTML="
  • Color palette has been completely revamped for better accessibility (more contrast), consistency and simplicity (fewer colors and css variables).
  • Autocomplete has been renamed to Combobox as this is what it really is.
  • Datepicker has been renamed to InputDate.
  • Toaster component has been removed. Use NotificationCenter instead.
  • Select - HTML structure has changed: .select-wrap select --> .select .input-inner .input-row select
  • Table - CSS classes have changed from .table-wrapper table.table --> .table table
  • Toggle - HTML structure has changed from .toggle .toggle-inner .toggle-scroller input --> .toggle .toggle-inner .toggle-label .toggle-scroller input
  • drawBorders attribute has been removed from Dialog, while header and footer styling has been improved for all dialogs.
  • These components previously exposed _this, which is now called element: Button, Checkbox, InputMath, PushButton, Table
  • ",tf=m(),el=p("h3"),el.textContent="Color palette - mapping from v7 to v8 colors:",nf=m(),tl=p("ul"),tl.innerHTML="
  • --ui-color-text-dark-1 --> --ui-color-text-1
  • --ui-color-text-dark-2 --> --ui-color-text-2
  • --ui-color-border-dark-1 --> --ui-color-border-1
  • --ui-color-border-dark-2 --> --ui-color-border-2
  • --ui-color-background-light-2 --> --ui-color-background-1
  • --ui-color-background-dark-2 --> --ui-color-background-2
  • --ui-color-highlight-dark-2 --> --ui-color-highlight-1
  • ",of=m(),nl=p("p"),nl.innerHTML="Other (not mentioned above) color variations, (i.e. -light- and -dark-) have been removed.",sf=m(),lf=p("hr"),rf=m(),il=p("h2"),il.innerHTML="v7.1.2 (2023-07-05)",af=m(),ol=p("ul"),ol.innerHTML="
  • Fix Checkbox label (don't render empty label if no label attribute was passed).
  • ",uf=m(),sl=p("h2"),sl.innerHTML="v7.1.1 (2023-07-01)",ff=m(),ll=p("ul"),ll.innerHTML="
  • Fixed some NotificationCenter bugs.
  • ",cf=m(),rl=p("h2"),rl.innerHTML="v7.1.0 (2023-06-30)",mf=m(),al=p("ul"),al.innerHTML="
  • Improve Panel component with new properties: collapsible (it's not collapsible by default), and disabled.
  • ",df=m(),ul=p("h2"),ul.innerHTML="v7.0.2 (2023-06-29)",pf=m(),fl=p("ul"),fl.innerHTML="
  • Add success to the InfoBar component.
  • Behind the scenes refactoring and improvements.
  • ",hf=m(),cl=p("h2"),cl.innerHTML="v7.0.1 (2023-06-28)",gf=m(),ml=p("ul"),ml.innerHTML="
  • Textarea component now follows all basic inputs and support error, info, and label properties.
  • Notifications are now centered on mobile screen sizes.
  • ",bf=m(),dl=p("h2"),dl.innerHTML="v7.0.0 (2023-06-28)",_f=m(),pl=p("ul"),pl.innerHTML='
  • New: InfoBar component.
  • New: InputText, InputNumber, and Radio components.
  • New: info, error and label attributes are now supported on all basic inputs (InputText, InputNumber, InputMath, InputPassword, Radio, and Checkbox).
  • Improved: InputMath component: support for () characters, to allow for more complex expressions.
  • ',vf=m(),hl=p("h3"),hl.textContent="Breaking changes",$f=m(),gl=p("h4"),gl.textContent="Checkbox",wf=m(),bl=p("ul"),bl.innerHTML="
  • HTML structure changed input --> .checkbox .checkbox-row input
  • on:change is called with a svelte event instead of the native one, so: e.target.checked is now e.detail.checked
  • ",yf=m(),_l=p("h4"),_l.textContent="InputMath",kf=m(),vl=p("ul"),vl.innerHTML="
  • HTML structure changed .input-math-wrapper input --> .input-math .input-inner .input-math-row input
  • ",Tf=m(),$l=p("h4"),$l.textContent="InputNumber:",Mf=m(),wl=p("ul"),wl.innerHTML="
  • HTML structure changed: input --> .input-number .input-inner input
  • ",Cf=m(),yl=p("h4"),yl.textContent="InputPassword",Ef=m(),kl=p("ul"),kl.innerHTML="
  • HTML structure changed: .input-password-wrapper .input-password-row input --> .input-password .input-inner .input-password-row input
  • ",Sf=m(),Tl=p("h4"),Tl.textContent="CSS variables changed:",Lf=m(),Ml=p("ul"),Ml.innerHTML="
  • --ui-shadow-invalid --> --ui-shadow-danger
  • ",Df=m(),Af=p("hr"),If=m(),Cl=p("h2"),Cl.innerHTML="v6.8.2, v6.8.1 (2023-06-21)",Of=m(),El=p("ul"),El.innerHTML="
  • Allow HTML in MessageBox.
  • Improve styling for multi-line messages in MessageBox.
  • ",Hf=m(),Sl=p("h2"),Sl.innerHTML="v6.8.0 (2023-06-17)",xf=m(),Ll=p("ul"),Ll.innerHTML="
  • New: MessageBox component for displaying quick info/warning/error messages or confirmation dialogs (replacement for browser's native alert and confirm).
  • ",Pf=m(),Dl=p("h2"),Dl.innerHTML="v6.7.1 (2023-06-13)",Nf=m(),Al=p("ul"),Al.innerHTML="
  • Fix Menu show and hide events and clearing the highlight on mouse out.
  • ",Ff=m(),Il=p("h2"),Il.innerHTML="v6.7.0 (2023-06-13)",qf=m(),Ol=p("ul"),Ol.innerHTML="
  • New: NotificationCenter component. This will eventually replace Toaster, as it's more accessible and powerful.
  • Toaster component is now deprecated and will be removed in the next major version.
  • PushButton changes:
  • ",Bf=m(),Hl=p("h2"),Hl.innerHTML="v6.6.8 (2023-06-07)",Rf=m(),xl=p("ul"),xl.innerHTML="
  • Menu improvements:
  • ",jf=m(),Pl=p("h2"),Pl.innerHTML="v6.6.7 (2023-06-01)",zf=m(),Nl=p("ul"),Nl.innerHTML="
  • Toaster enhancements:
  • ",Wf=m(),Fl=p("h2"),Fl.innerHTML="v6.6.6 (2023-05-31)",Vf=m(),ql=p("ul"),ql.innerHTML="
  • Fix button-toggle not working on mobile.
  • ",Uf=m(),Bl=p("h2"),Bl.innerHTML="v6.6.4, v6.6.5 (2023-05-12)",Gf=m(),Rl=p("ul"),Rl.innerHTML="
  • Bring back --ui-shadow-small property.
  • Menu performance improvements: menu will not be rendered until it's opened.
  • ",Yf=m(),jl=p("h2"),jl.innerHTML="v6.6.3, v6.6.2, v6.6.1, v6.6.0, (2023-05-11)",Kf=m(),zl=p("ul"),zl.innerHTML="
  • Select now also accepts an array of strings for items.
  • ButtonToggle now also accepts an array of strings for items.
  • em to rem, as it's more consistent and predictable.
  • ",Xf=m(),Wl=p("h2"),Wl.innerHTML="v6.5.5, v6.5.4, v6.5.3 (2023-05-09)",Jf=m(),Vl=p("ul"),Vl.innerHTML="
  • Standardise button height to match all the other controls.
  • Standardise placeholder and input-icon colours.
  • Enhance Autocomplete's and DatePicker's input-icon click experience.
  • Size the icons in em not px.
  • ",Zf=m(),Ul=p("h2"),Ul.innerHTML="v6.5.2 (2023-05-08)",Qf=m(),Gl=p("ul"),Gl.innerHTML="
  • Maintenance update: upgrade dependencies, remove yet another useless a11y warning from svelte zealots.
  • ",ec=m(),Yl=p("h2"),Yl.innerHTML="v6.5.1 (2023-05-07)",tc=m(),Kl=p("ul"),Kl.innerHTML="
  • Menu highlighting upgrade: ArrowDown on the last item will highlight the first item, ArrowUp on the first item will highlight the last item.
  • ",nc=m(),Xl=p("h2"),Xl.innerHTML="v6.5.0 (2023-04-28)",ic=m(),Jl=p("ul"),Jl.innerHTML="
  • Change the default color for a secondary button.
  • Add info type to Button component (that takes the colour of the previous default).
  • Fix round button (with text) aspect-ratio lock.
  • ",oc=m(),Zl=p("h2"),Zl.innerHTML="v6.4.3 (2023-04-27)",sc=m(),Ql=p("ul"),Ql.innerHTML="
  • Improve <InputPassword/> component: don't rerender when eye button is clicked, minor alignment style tweak.
  • Autocomplete keyboard scrolling alignment fix (highlighted item was partially cropped).
  • ",lc=m(),er=p("h2"),er.innerHTML="v6.4.2, v6.4.1 (2023-04-22)",rc=m(),tr=p("ul"),tr.innerHTML="
  • Remove the need to inline svg icons in the consumer's build.
  • Add addIcon function to allow adding custom icons.
  • Fix menu.open issue when event was not passed.
  • ",ac=m(),nr=p("h2"),nr.innerHTML="v6.4.0 (2023-04-20)",uc=m(),ir=p("ul"),ir.innerHTML="
  • Tweaks to allow it to be used with SvelteKit.
  • ",fc=m(),or=p("h2"),or.innerHTML="v6.3.16, v6.3.15 (2023-04-15)",cc=m(),sr=p("ul"),sr.innerHTML="
  • New icons: undo and redo.
  • Fix ButtonGroup styling for other button types.
  • ",mc=m(),lr=p("h2"),lr.innerHTML="v6.3.14, v6.3.13 (2023-04-12)",dc=m(),rr=p("ul"),rr.innerHTML="
  • Tooltip style tweaks, so it's finally perfect.
  • Minor fix in Tooltip.
  • ",pc=m(),ar=p("h2"),ar.innerHTML="v6.3.12 (2023-04-09)",hc=m(),ur=p("ul"),ur.innerHTML="
  • Cleanup.
  • ",gc=m(),fr=p("h2"),fr.innerHTML="v6.3.12, v6.3.11, v6.3.10, v6.3.9 (2023-04-07)",bc=m(),cr=p("ul"),cr.innerHTML="
  • Menu on-close should resolve instantly, when the menu is already closed.
  • Menu new attribute align allows to align the menu to the right with the target.
  • ",_c=m(),mr=p("h2"),mr.innerHTML="v6.3.8, v6.3.7, v6.3.6, v6.3.5, v6.3.4 (2023-04-06)",vc=m(),dr=p("ul"),dr.innerHTML="
  • Handle svelte's newest a11y warnings.
  • Tweak media query notation.
  • Remove menu of type='input'.
  • Allow data- attributes on Button and MenuItem.
  • Fix Menu target button's aria-expanded attribute (wasn't set to false on menu close).
  • ",$c=m(),pr=p("h2"),pr.innerHTML="v6.3.3 (2023-04-05)",wc=m(),hr=p("ul"),hr.innerHTML="
  • Tooltip tip was upgraded to take advantage of the new clip-path property.
  • Tooltip tip was enhanced with color variations: success, warning and danger.
  • ",yc=m(),gr=p("h2"),gr.innerHTML="v6.3.2 (2023-03-30)",kc=m(),br=p("ul"),br.innerHTML="
  • Table will not listen to events when it's not the target.
  • Dialog buttons can now be navigated with left & right arrow keys for convenience.
  • ",Tc=m(),_r=p("h2"),_r.innerHTML="v6.3.1 (2023-03-26)",Mc=m(),vr=p("ul"),vr.innerHTML="
  • ButtonGroup styling tweaks (edge buttons padding alignment)
  • ",Cc=m(),$r=p("h2"),$r.innerHTML="v6.3.0 (2023-03-26)",Ec=m(),wr=p("ul"),wr.innerHTML="
  • enhance MenuItem component (add props: class, disabled, icon, success, warning, danger)
  • ",Sc=m(),yr=p("h2"),yr.innerHTML="v6.2.10 (2023-03-25)",Lc=m(),kr=p("ul"),kr.innerHTML="
  • Also pass event target in menu on:close event.
  • ",Dc=m(),Tr=p("h2"),Tr.innerHTML="v6.2.9 (2023-03-25)",Ac=m(),Mr=p("ul"),Mr.innerHTML="
  • Fix: menu on:open event was missing.
  • ",Ic=m(),Cr=p("h2"),Cr.innerHTML="v6.2.8 (2023-03-24)",Oc=m(),Er=p("ul"),Er.innerHTML="
  • move tooltip custom class attribute to the tooltip itself, not the content (so that it can easily overwrite the background color).
  • ",Hc=m(),Sr=p("h2"),Sr.innerHTML="v6.2.7 (2023-03-24)",xc=m(),Lr=p("ul"),Lr.innerHTML="
  • revert some tooltip changes (events prop is actually useful)
  • ",Pc=m(),Dr=p("h2"),Dr.innerHTML="v6.2.6 (2023-03-24)",Nc=m(),Ar=p("ul"),Ar.innerHTML="
  • simplify tooltip (change bg color to accent, drop events prop and default to focus + hover)
  • ",Fc=m(),Ir=p("h2"),Ir.innerHTML="v6.2.5 (2023-03-24)",qc=m(),Or=p("ul"),Or.innerHTML='
  • disable svelte false-positive a11y warnings. See svelte#8402
  • ',Bc=m(),Hr=p("h2"),Hr.innerHTML="v6.2.4 (2023-03-24)",Rc=m(),xr=p("ul"),xr.innerHTML="
  • update table docs (missing data prop)
  • change button's active class to touching for touch events (to not conflict with popular active class name that may be used by consumers)
  • ",jc=m(),Pr=p("h2"),Pr.innerHTML="v6.2.3, v6.2.2 (2023-03-24)",zc=m(),Nr=p("ul"),Nr.innerHTML="
  • Fix issue where a selectable table would become non-selectable if another table on the same page was destroyed.
  • ",Wc=m(),Fr=p("h2"),Fr.innerHTML="v6.2.1 (2023-03-23)",Vc=m(),qr=p("ul"),qr.innerHTML="
  • Datepicker should stopPropagation on Escape, when the calendar is open.
  • ",Uc=m(),Br=p("h2"),Br.innerHTML="v6.2.0 (2023-03-20)",Gc=m(),Rr=p("ul"),Rr.innerHTML="
  • Review accessibility of all components (added aria- roles and attributes where necessary).
  • Tweaked some components (e.g. close Tooltip on Escape)
  • Added unit tests for all components.
  • Docs pages style tweaks (e.g. color palette)
  • ",Yc=m(),jr=p("h2"),jr.innerHTML="v6.1.1 (2023-03-15)",Kc=m(),zr=p("ul"),zr.innerHTML="
  • Remove coverage folder from the npm package.
  • ",Xc=m(),Wr=p("h2"),Wr.innerHTML="v6.1.0 (2023-03-15)",Jc=m(),Vr=p("ul"),Vr.innerHTML="
  • Toggle component has been completely rewritten to make it more flexible and perfect.
  • ",Zc=m(),Ur=p("h2"),Ur.innerHTML="v6.0.2, v6.0.1, v6.0.0 (2023-03-13)",Qc=m(),Gr=p("ul"),Gr.innerHTML="
  • rebrand simple-ui-components-in-svelte to @perfectthings/ui
  • ",em=m(),tm=p("hr"),nm=m(),Yr=p("h2"),Yr.innerHTML="v5.1.0 (2023-03-12)",im=m(),Kr=p("ul"),Kr.innerHTML="
  • Better Menu highlighting (doesn't hl first item on open, mouseout removes the highlighting), inline with how native menus work on MacOS
  • Mobile friendlier buttons (touchstart invokes :active styling)
  • unit tests for some components
  • ",om=m(),Xr=p("h2"),Xr.innerHTML="v5.0.8 (2023-03-03)",sm=m(),Jr=p("ul"),Jr.innerHTML="
  • Tooltip offset parameter
  • ",lm=m(),Zr=p("h2"),Zr.innerHTML="v5.0.7 (2023-03-03)",rm=m(),Qr=p("ul"),Qr.innerHTML="
  • PushButton fix (pushed class was not applied)
  • ",am=m(),ea=p("h2"),ea.innerHTML="v5.0.6 (2023-03-02)",um=m(),ta=p("ul"),ta.innerHTML="
  • Add back form property to a button
  • ",fm=m(),na=p("h2"),na.innerHTML="v5.0.5 (2023-03-02)",cm=m(),ia=p("ul"),ia.innerHTML="
  • Reduce memory footprint (removed some of the transform props that were no longer necessary)
  • ",mm=m(),oa=p("h2"),oa.innerHTML="v5.0.4 (2023-03-02)",dm=m(),sa=p("ul"),sa.innerHTML="
  • esbuild replaced rollup for speed and simplicity
  • cleanup & refactoring
  • ",pm=m(),la=p("h2"),la.innerHTML="v5.0.3 (2023-03-01)",hm=m(),ra=p("ul"),ra.innerHTML="
  • Tooltip hiding fix (wasn't hiding when hovering target)
  • ",gm=m(),aa=p("h2"),aa.innerHTML="v5.0.2 (2023-03-01)",bm=m(),ua=p("ul"),ua.innerHTML="
  • Toaster import fix
  • Tooltip fix (some console errors were popping up)
  • ",_m=m(),fa=p("h2"),fa.innerHTML="v5.0.1 (2023-02-28)",vm=m(),ca=p("ul"),ca.innerHTML="
  • Bring back button-outline.css (it was accidentally deleted in v5.0.0)
  • ",$m=m(),ma=p("h2"),ma.innerHTML="v5.0.0 (2023-02-28)",wm=m(),da=p("ul"),da.innerHTML="
  • Breaking change: renamed props for all components: className -> class (as it turns out it is possible to use class as a prop name in svelte)
  • Almost all components now have a class prop, which can be used to add custom classes to the component
  • Updated docs to reflect the above changes
  • Docs API table is now alphabetically sorted
  • Components don't use $$props anymore, as it was causing issues with the class prop. Instead, the props are now explicitly passed down to the component. This is a good thing to do, as it makes the components more explicit and easier to understand.
  • ",ym=m(),km=p("hr"),Tm=m(),pa=p("h2"),pa.innerHTML="v4.0.0 (2023-02-28)",Mm=m(),ha=p("ul"),ha.innerHTML="
  • Breaking change: renamed components: Item -> MenuItem, Separator -> MenuSeparator
  • Refactored the folder structure
  • ",Cm=m(),Em=p("hr"),Sm=m(),ga=p("h2"),ga.innerHTML="v3.1.2 (2023-01-04)",Lm=m(),ba=p("ul"),ba.innerHTML="
  • Toggle's innerWidth function was somehow overwriting window.innerWidth property (maybe a compiler issue?)
  • ",Dm=m(),_a=p("h2"),_a.innerHTML="v3.1.1 (2023-01-04)",Am=m(),va=p("ul"),va.innerHTML="
  • Fix input-number (could not enter decimals)
  • Fix input-math (math didn't work)
  • ",Im=m(),$a=p("h2"),$a.innerHTML="v3.1.0 (2023-01-03)",Om=m(),wa=p("ul"),wa.innerHTML="
  • UX change: autocomplete will not close on scroll or resize events from now on (it can be changed using new properties hideOnScroll and hideOnResize).
  • fixed: autocomplete issue, where clicking on a filtered list would not select.
  • tweak: autocomplete will now show "create new item" always (when enabled), not only when the query did not match anything. Except when the query matches an item exactly.
  • ",Hm=m(),ya=p("h2"),ya.innerHTML="v3.0.1 (2022-12-30)",xm=m(),ka=p("ul"),ka.innerHTML="
  • autocomplete should revert when entered value is not on the list
  • ",Pm=m(),Ta=p("h2"),Ta.innerHTML="v3.0.0 (2022-12-28)",Nm=m(),Ma=p("ul"),Ma.innerHTML="
  • breaking change: cssClass property available on some components has been renamed to className (to be more aligned with the standard workaround in other libs/frameworks).
  • some components (where possible) are now using $$props to pass-through the properties of the instance down to the component.
  • ",Fm=m(),qm=p("hr"),Bm=m(),Ca=p("h2"),Ca.innerHTML="v2.1.1 (2022-12-24)",Rm=m(),Ea=p("ul"),Ea.innerHTML="
  • breaking change: dist folder has been renamed to docs, as this is the only allowed name for a GH pages folder so that the GH pages is published automatically (without writing a GH action specifically for this).
  • ",jm=m(),zm=p("hr"),Wm=m(),Sa=p("h2"),Sa.innerHTML="v1.7.12 (2022)"},m(B,R){l(B,e,R),l(B,n,R),l(B,i,R),l(B,o,R),l(B,r,R),l(B,a,R),l(B,u,R),l(B,c,R),l(B,f,R),l(B,d,R),l(B,b,R),l(B,g,R),l(B,h,R),l(B,_,R),l(B,w,R),l(B,k,R),l(B,v,R),l(B,S,R),l(B,I,R),l(B,D,R),l(B,L,R),l(B,T,R),l(B,A,R),l(B,x,R),l(B,O,R),l(B,P,R),l(B,N,R),l(B,W,R),l(B,z,R),l(B,V,R),l(B,J,R),l(B,q,R),l(B,j,R),l(B,K,R),l(B,Z,R),l(B,te,R),l(B,ee,R),l(B,Y,R),l(B,X,R),l(B,ge,R),l(B,de,R),l(B,U,R),l(B,G,R),l(B,Q,R),l(B,ce,R),l(B,$e,R),l(B,_e,R),l(B,ue,R),l(B,se,R),l(B,Ne,R),l(B,ye,R),l(B,fe,R),l(B,he,R),l(B,He,R),l(B,Te,R),l(B,Fe,R),l(B,Se,R),l(B,me,R),l(B,Pe,R),l(B,Je,R),l(B,it,R),l(B,ut,R),l(B,ct,R),l(B,De,R),l(B,Re,R),l(B,vt,R),l(B,ht,R),l(B,mt,R),l(B,gt,R),l(B,Ce,R),l(B,xe,R),l(B,bt,R),l(B,At,R),l(B,dt,R),l(B,St,R),l(B,lt,R),l(B,yt,R),l(B,ke,R),l(B,je,R),l(B,Ae,R),l(B,ze,R),l(B,rt,R),l(B,be,R),l(B,Ie,R),l(B,It,R),l(B,Ot,R),l(B,Yt,R),l(B,Pt,R),l(B,Jt,R),l(B,Me,R),l(B,qe,R),l(B,Ut,R),l(B,Wt,R),l(B,Kt,R),l(B,on,R),l(B,tn,R),l(B,bn,R),l(B,ln,R),l(B,_n,R),l(B,Le,R),l(B,nt,R),l(B,fn,R),l(B,Cn,R),l(B,dn,R),l(B,En,R),l(B,pn,R),l(B,Tn,R),l(B,Ee,R),l(B,oe,R),l(B,Be,R),l(B,Sn,R),l(B,Bn,R),l(B,Ln,R),l(B,Rn,R),l(B,Dn,R),l(B,jn,R),l(B,An,R),l(B,zn,R),l(B,In,R),l(B,Wn,R),l(B,On,R),l(B,Vn,R),l(B,Hn,R),l(B,Un,R),l(B,xn,R),l(B,bi,R),l(B,si,R),l(B,_i,R),l(B,li,R),l(B,vi,R),l(B,ri,R),l(B,$i,R),l(B,ai,R),l(B,wi,R),l(B,Wi,R),l(B,vo,R),l(B,Vi,R),l(B,$o,R),l(B,Ui,R),l(B,wo,R),l(B,Gi,R),l(B,wu,R),l(B,yu,R),l(B,ku,R),l(B,ys,R),l(B,Tu,R),l(B,ks,R),l(B,Mu,R),l(B,Ts,R),l(B,Cu,R),l(B,Ms,R),l(B,Eu,R),l(B,Cs,R),l(B,Su,R),l(B,Es,R),l(B,Lu,R),l(B,Ss,R),l(B,Du,R),l(B,Ls,R),l(B,Au,R),l(B,Ds,R),l(B,Iu,R),l(B,As,R),l(B,Ou,R),l(B,Is,R),l(B,Hu,R),l(B,Os,R),l(B,xu,R),l(B,Hs,R),l(B,Pu,R),l(B,xs,R),l(B,Nu,R),l(B,Ps,R),l(B,Fu,R),l(B,Ns,R),l(B,qu,R),l(B,Fs,R),l(B,Bu,R),l(B,qs,R),l(B,Ru,R),l(B,Bs,R),l(B,ju,R),l(B,Rs,R),l(B,zu,R),l(B,js,R),l(B,Wu,R),l(B,zs,R),l(B,Vu,R),l(B,Ws,R),l(B,Uu,R),l(B,Vs,R),l(B,Gu,R),l(B,Us,R),l(B,Yu,R),l(B,Gs,R),l(B,Ku,R),l(B,Ys,R),l(B,Xu,R),l(B,Ks,R),l(B,Ju,R),l(B,Xs,R),l(B,Zu,R),l(B,Js,R),l(B,Qu,R),l(B,Zs,R),l(B,ef,R),l(B,Qs,R),l(B,tf,R),l(B,el,R),l(B,nf,R),l(B,tl,R),l(B,of,R),l(B,nl,R),l(B,sf,R),l(B,lf,R),l(B,rf,R),l(B,il,R),l(B,af,R),l(B,ol,R),l(B,uf,R),l(B,sl,R),l(B,ff,R),l(B,ll,R),l(B,cf,R),l(B,rl,R),l(B,mf,R),l(B,al,R),l(B,df,R),l(B,ul,R),l(B,pf,R),l(B,fl,R),l(B,hf,R),l(B,cl,R),l(B,gf,R),l(B,ml,R),l(B,bf,R),l(B,dl,R),l(B,_f,R),l(B,pl,R),l(B,vf,R),l(B,hl,R),l(B,$f,R),l(B,gl,R),l(B,wf,R),l(B,bl,R),l(B,yf,R),l(B,_l,R),l(B,kf,R),l(B,vl,R),l(B,Tf,R),l(B,$l,R),l(B,Mf,R),l(B,wl,R),l(B,Cf,R),l(B,yl,R),l(B,Ef,R),l(B,kl,R),l(B,Sf,R),l(B,Tl,R),l(B,Lf,R),l(B,Ml,R),l(B,Df,R),l(B,Af,R),l(B,If,R),l(B,Cl,R),l(B,Of,R),l(B,El,R),l(B,Hf,R),l(B,Sl,R),l(B,xf,R),l(B,Ll,R),l(B,Pf,R),l(B,Dl,R),l(B,Nf,R),l(B,Al,R),l(B,Ff,R),l(B,Il,R),l(B,qf,R),l(B,Ol,R),l(B,Bf,R),l(B,Hl,R),l(B,Rf,R),l(B,xl,R),l(B,jf,R),l(B,Pl,R),l(B,zf,R),l(B,Nl,R),l(B,Wf,R),l(B,Fl,R),l(B,Vf,R),l(B,ql,R),l(B,Uf,R),l(B,Bl,R),l(B,Gf,R),l(B,Rl,R),l(B,Yf,R),l(B,jl,R),l(B,Kf,R),l(B,zl,R),l(B,Xf,R),l(B,Wl,R),l(B,Jf,R),l(B,Vl,R),l(B,Zf,R),l(B,Ul,R),l(B,Qf,R),l(B,Gl,R),l(B,ec,R),l(B,Yl,R),l(B,tc,R),l(B,Kl,R),l(B,nc,R),l(B,Xl,R),l(B,ic,R),l(B,Jl,R),l(B,oc,R),l(B,Zl,R),l(B,sc,R),l(B,Ql,R),l(B,lc,R),l(B,er,R),l(B,rc,R),l(B,tr,R),l(B,ac,R),l(B,nr,R),l(B,uc,R),l(B,ir,R),l(B,fc,R),l(B,or,R),l(B,cc,R),l(B,sr,R),l(B,mc,R),l(B,lr,R),l(B,dc,R),l(B,rr,R),l(B,pc,R),l(B,ar,R),l(B,hc,R),l(B,ur,R),l(B,gc,R),l(B,fr,R),l(B,bc,R),l(B,cr,R),l(B,_c,R),l(B,mr,R),l(B,vc,R),l(B,dr,R),l(B,$c,R),l(B,pr,R),l(B,wc,R),l(B,hr,R),l(B,yc,R),l(B,gr,R),l(B,kc,R),l(B,br,R),l(B,Tc,R),l(B,_r,R),l(B,Mc,R),l(B,vr,R),l(B,Cc,R),l(B,$r,R),l(B,Ec,R),l(B,wr,R),l(B,Sc,R),l(B,yr,R),l(B,Lc,R),l(B,kr,R),l(B,Dc,R),l(B,Tr,R),l(B,Ac,R),l(B,Mr,R),l(B,Ic,R),l(B,Cr,R),l(B,Oc,R),l(B,Er,R),l(B,Hc,R),l(B,Sr,R),l(B,xc,R),l(B,Lr,R),l(B,Pc,R),l(B,Dr,R),l(B,Nc,R),l(B,Ar,R),l(B,Fc,R),l(B,Ir,R),l(B,qc,R),l(B,Or,R),l(B,Bc,R),l(B,Hr,R),l(B,Rc,R),l(B,xr,R),l(B,jc,R),l(B,Pr,R),l(B,zc,R),l(B,Nr,R),l(B,Wc,R),l(B,Fr,R),l(B,Vc,R),l(B,qr,R),l(B,Uc,R),l(B,Br,R),l(B,Gc,R),l(B,Rr,R),l(B,Yc,R),l(B,jr,R),l(B,Kc,R),l(B,zr,R),l(B,Xc,R),l(B,Wr,R),l(B,Jc,R),l(B,Vr,R),l(B,Zc,R),l(B,Ur,R),l(B,Qc,R),l(B,Gr,R),l(B,em,R),l(B,tm,R),l(B,nm,R),l(B,Yr,R),l(B,im,R),l(B,Kr,R),l(B,om,R),l(B,Xr,R),l(B,sm,R),l(B,Jr,R),l(B,lm,R),l(B,Zr,R),l(B,rm,R),l(B,Qr,R),l(B,am,R),l(B,ea,R),l(B,um,R),l(B,ta,R),l(B,fm,R),l(B,na,R),l(B,cm,R),l(B,ia,R),l(B,mm,R),l(B,oa,R),l(B,dm,R),l(B,sa,R),l(B,pm,R),l(B,la,R),l(B,hm,R),l(B,ra,R),l(B,gm,R),l(B,aa,R),l(B,bm,R),l(B,ua,R),l(B,_m,R),l(B,fa,R),l(B,vm,R),l(B,ca,R),l(B,$m,R),l(B,ma,R),l(B,wm,R),l(B,da,R),l(B,ym,R),l(B,km,R),l(B,Tm,R),l(B,pa,R),l(B,Mm,R),l(B,ha,R),l(B,Cm,R),l(B,Em,R),l(B,Sm,R),l(B,ga,R),l(B,Lm,R),l(B,ba,R),l(B,Dm,R),l(B,_a,R),l(B,Am,R),l(B,va,R),l(B,Im,R),l(B,$a,R),l(B,Om,R),l(B,wa,R),l(B,Hm,R),l(B,ya,R),l(B,xm,R),l(B,ka,R),l(B,Pm,R),l(B,Ta,R),l(B,Nm,R),l(B,Ma,R),l(B,Fm,R),l(B,qm,R),l(B,Bm,R),l(B,Ca,R),l(B,Rm,R),l(B,Ea,R),l(B,jm,R),l(B,zm,R),l(B,Wm,R),l(B,Sa,R)},p:we,i:we,o:we,d(B){B&&(s(e),s(n),s(i),s(o),s(r),s(a),s(u),s(c),s(f),s(d),s(b),s(g),s(h),s(_),s(w),s(k),s(v),s(S),s(I),s(D),s(L),s(T),s(A),s(x),s(O),s(P),s(N),s(W),s(z),s(V),s(J),s(q),s(j),s(K),s(Z),s(te),s(ee),s(Y),s(X),s(ge),s(de),s(U),s(G),s(Q),s(ce),s($e),s(_e),s(ue),s(se),s(Ne),s(ye),s(fe),s(he),s(He),s(Te),s(Fe),s(Se),s(me),s(Pe),s(Je),s(it),s(ut),s(ct),s(De),s(Re),s(vt),s(ht),s(mt),s(gt),s(Ce),s(xe),s(bt),s(At),s(dt),s(St),s(lt),s(yt),s(ke),s(je),s(Ae),s(ze),s(rt),s(be),s(Ie),s(It),s(Ot),s(Yt),s(Pt),s(Jt),s(Me),s(qe),s(Ut),s(Wt),s(Kt),s(on),s(tn),s(bn),s(ln),s(_n),s(Le),s(nt),s(fn),s(Cn),s(dn),s(En),s(pn),s(Tn),s(Ee),s(oe),s(Be),s(Sn),s(Bn),s(Ln),s(Rn),s(Dn),s(jn),s(An),s(zn),s(In),s(Wn),s(On),s(Vn),s(Hn),s(Un),s(xn),s(bi),s(si),s(_i),s(li),s(vi),s(ri),s($i),s(ai),s(wi),s(Wi),s(vo),s(Vi),s($o),s(Ui),s(wo),s(Gi),s(wu),s(yu),s(ku),s(ys),s(Tu),s(ks),s(Mu),s(Ts),s(Cu),s(Ms),s(Eu),s(Cs),s(Su),s(Es),s(Lu),s(Ss),s(Du),s(Ls),s(Au),s(Ds),s(Iu),s(As),s(Ou),s(Is),s(Hu),s(Os),s(xu),s(Hs),s(Pu),s(xs),s(Nu),s(Ps),s(Fu),s(Ns),s(qu),s(Fs),s(Bu),s(qs),s(Ru),s(Bs),s(ju),s(Rs),s(zu),s(js),s(Wu),s(zs),s(Vu),s(Ws),s(Uu),s(Vs),s(Gu),s(Us),s(Yu),s(Gs),s(Ku),s(Ys),s(Xu),s(Ks),s(Ju),s(Xs),s(Zu),s(Js),s(Qu),s(Zs),s(ef),s(Qs),s(tf),s(el),s(nf),s(tl),s(of),s(nl),s(sf),s(lf),s(rf),s(il),s(af),s(ol),s(uf),s(sl),s(ff),s(ll),s(cf),s(rl),s(mf),s(al),s(df),s(ul),s(pf),s(fl),s(hf),s(cl),s(gf),s(ml),s(bf),s(dl),s(_f),s(pl),s(vf),s(hl),s($f),s(gl),s(wf),s(bl),s(yf),s(_l),s(kf),s(vl),s(Tf),s($l),s(Mf),s(wl),s(Cf),s(yl),s(Ef),s(kl),s(Sf),s(Tl),s(Lf),s(Ml),s(Df),s(Af),s(If),s(Cl),s(Of),s(El),s(Hf),s(Sl),s(xf),s(Ll),s(Pf),s(Dl),s(Nf),s(Al),s(Ff),s(Il),s(qf),s(Ol),s(Bf),s(Hl),s(Rf),s(xl),s(jf),s(Pl),s(zf),s(Nl),s(Wf),s(Fl),s(Vf),s(ql),s(Uf),s(Bl),s(Gf),s(Rl),s(Yf),s(jl),s(Kf),s(zl),s(Xf),s(Wl),s(Jf),s(Vl),s(Zf),s(Ul),s(Qf),s(Gl),s(ec),s(Yl),s(tc),s(Kl),s(nc),s(Xl),s(ic),s(Jl),s(oc),s(Zl),s(sc),s(Ql),s(lc),s(er),s(rc),s(tr),s(ac),s(nr),s(uc),s(ir),s(fc),s(or),s(cc),s(sr),s(mc),s(lr),s(dc),s(rr),s(pc),s(ar),s(hc),s(ur),s(gc),s(fr),s(bc),s(cr),s(_c),s(mr),s(vc),s(dr),s($c),s(pr),s(wc),s(hr),s(yc),s(gr),s(kc),s(br),s(Tc),s(_r),s(Mc),s(vr),s(Cc),s($r),s(Ec),s(wr),s(Sc),s(yr),s(Lc),s(kr),s(Dc),s(Tr),s(Ac),s(Mr),s(Ic),s(Cr),s(Oc),s(Er),s(Hc),s(Sr),s(xc),s(Lr),s(Pc),s(Dr),s(Nc),s(Ar),s(Fc),s(Ir),s(qc),s(Or),s(Bc),s(Hr),s(Rc),s(xr),s(jc),s(Pr),s(zc),s(Nr),s(Wc),s(Fr),s(Vc),s(qr),s(Uc),s(Br),s(Gc),s(Rr),s(Yc),s(jr),s(Kc),s(zr),s(Xc),s(Wr),s(Jc),s(Vr),s(Zc),s(Ur),s(Qc),s(Gr),s(em),s(tm),s(nm),s(Yr),s(im),s(Kr),s(om),s(Xr),s(sm),s(Jr),s(lm),s(Zr),s(rm),s(Qr),s(am),s(ea),s(um),s(ta),s(fm),s(na),s(cm),s(ia),s(mm),s(oa),s(dm),s(sa),s(pm),s(la),s(hm),s(ra),s(gm),s(aa),s(bm),s(ua),s(_m),s(fa),s(vm),s(ca),s($m),s(ma),s(wm),s(da),s(ym),s(km),s(Tm),s(pa),s(Mm),s(ha),s(Cm),s(Em),s(Sm),s(ga),s(Lm),s(ba),s(Dm),s(_a),s(Am),s(va),s(Im),s($a),s(Om),s(wa),s(Hm),s(ya),s(xm),s(ka),s(Pm),s(Ta),s(Nm),s(Ma),s(Fm),s(qm),s(Bm),s(Ca),s(Rm),s(Ea),s(jm),s(zm),s(Wm),s(Sa))}}}var Ch=class extends le{constructor(e){super(),ae(this,e,null,D4,re,{})}},a2=Ch;var f1={};Um(f1,{Button:()=>Oh,ButtonGroup:()=>Nh,ButtonToggle:()=>g2,Checkbox:()=>b2,ColorPalette:()=>u1,Combobox:()=>_2,Dialog:()=>fg,Drawer:()=>mg,Grid:()=>vg,Icon:()=>Sg,InfoBar:()=>ng,InputDate:()=>v2,InputMath:()=>$2,InputNumber:()=>w2,InputPassword:()=>y2,InputRating:()=>k2,InputSearch:()=>M2,InputTag:()=>C2,InputText:()=>L2,InputTime:()=>E2,Menu:()=>Cg,MessageBox:()=>lg,NotificationCenter:()=>og,Panel:()=>pg,Popover:()=>gg,PushButton:()=>xh,Radio:()=>A2,Range:()=>I2,Select:()=>O2,Splitter:()=>l1,Table:()=>wg,Tag:()=>Dg,Textarea:()=>H2,Toggle:()=>x2,Tooltip:()=>ag,Tree:()=>kg,Utils:()=>o1});function u2(t,e,n){let i=t.slice();return i[3]=e[n],i}function f2(t){let e;return{c(){e=p("p")},m(n,i){l(n,e,i),e.innerHTML=t[1]},p(n,i){i&2&&(e.innerHTML=n[1])},d(n){n&&s(e)}}}function c2(t){let e,n,i=t[3].name+"",o,r,a,u=m2(t[3])+"",c,f,d=t[3].description+"",b;return{c(){e=p("tr"),n=p("td"),o=ne(i),r=m(),a=p("td"),c=m(),f=p("td"),b=m()},m(g,h){l(g,e,h),F(e,n),F(n,o),F(e,r),F(e,a),a.innerHTML=u,F(e,c),F(e,f),f.innerHTML=d,F(e,b)},p(g,h){h&4&&i!==(i=g[3].name+"")&&Ue(o,i),h&4&&u!==(u=m2(g[3])+"")&&(a.innerHTML=u),h&4&&d!==(d=g[3].description+"")&&(f.innerHTML=d)},d(g){g&&s(e)}}}function A4(t){let e,n,i,o=Ge(t[2]),r=[];for(let a=0;aAttributeType/ValueDescription",n=m(),i=p("tbody");for(let a=0;a`${i}`);return e.push(n.join(" | ")),typeof t.required<"u"&&e.push("required"),typeof t.default<"u"&&e.push(`
    (defaults to ${t.default})`),e.join(" ")}function O4(t,e,n){let{title:i="API"}=e,{description:o=""}=e,{props:r=[{name:"id",type:"string",defalut:"",required:!0,description:"assign ID to the underlying component"}]}=e;return t.$$set=a=>{"title"in a&&n(0,i=a.title),"description"in a&&n(1,o=a.description),"props"in a&&n(2,r=a.props)},[i,o,r]}var Eh=class extends le{constructor(e){super(),ae(this,e,O4,I4,re,{title:0,description:1,props:2})}},We=Eh;function d2(t){let e,n,i=t[2]===void 0&&p2(t);return{c(){i&&i.c(),e=m(),n=p("h3"),n.textContent="Example"},m(o,r){i&&i.m(o,r),l(o,e,r),l(o,n,r)},p(o,r){o[2]===void 0?i||(i=p2(o),i.c(),i.m(e.parentNode,e)):i&&(i.d(1),i=null)},d(o){o&&(s(e),s(n)),i&&i.d(o)}}}function p2(t){let e;return{c(){e=p("hr")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function H4(t){let e,n,i,o,r,a=h2(t[0])+"",u,c=!t[1]&&d2(t);return{c(){c&&c.c(),e=m(),n=p("pre"),i=p("code"),o=ne(` + `),r=new Gn(!1),u=ne(` +`),r.a=u,H(i,"class","language-svelte")},m(f,d){c&&c.m(f,d),l(f,e,d),l(f,n,d),F(n,i),F(i,o),r.m(a,i),F(i,u)},p(f,[d]){f[1]?c&&(c.d(1),c=null):c?c.p(f,d):(c=d2(f),c.c(),c.m(e.parentNode,e)),d&1&&a!==(a=h2(f[0])+"")&&r.p(a)},i:we,o:we,d(f){f&&(s(e),s(n)),c&&c.d(f)}}}function h2(t){return t.replace(/{/gim,"{").replace(/}/gim,"}").replace(//gim,">").replace(/\t/gim," ").trim()}function x4(t,e,n){let{html:i=""}=e,{notitle:o=!1}=e,{nohr:r=void 0}=e;return t.$$set=a=>{"html"in a&&n(0,i=a.html),"notitle"in a&&n(1,o=a.notitle),"nohr"in a&&n(2,r=a.nohr)},[i,o,r]}var Sh=class extends le{constructor(e){super(),ae(this,e,x4,H4,re,{html:0,notitle:1,nohr:2})}},Xe=Sh;function P4(t){let e,n;return{c(){e=p("pre"),n=p("code"),H(n,"class","language-")},m(i,o){l(i,e,o),F(e,n),n.innerHTML=t[0]},p(i,[o]){o&1&&(n.innerHTML=i[0])},i:we,o:we,d(i){i&&s(e)}}}function N4(t,e,n){let{tag:i="div"}=e,{props:o={}}=e,{text:r=""}=e,a="";Pn(()=>{requestAnimationFrame(u)});function u(){n(0,a=window.Prism.highlight(c(),window.Prism.languages.svelte,"svelte"))}function c(){let f={};for(let b in o)o[b]!==!1&&o[b]!==""&&(f[b]=o[b]);let d=JSON.stringify(f).replace(/"([^"]+)":/g,"$1:").replace(/(:)/g,"=").replace(/,/g," ").replace(/({|}|=true|default)/g,"").trim();return d&&(d=" "+d),r?`<${i}${d}>${r}`:`<${i}${d}/>`}return t.$$set=f=>{"tag"in f&&n(1,i=f.tag),"props"in f&&n(2,o=f.props),"text"in f&&n(3,r=f.text)},[a,i,o,r]}var Lh=class extends le{constructor(e){super(),ae(this,e,N4,P4,re,{tag:1,props:2,text:3})}},Dh=Lh;function F4(t){let e,n;return{c(){e=p("pre"),n=p("code"),H(n,"class","language-json")},m(i,o){l(i,e,o),F(e,n),n.innerHTML=t[0]},p(i,[o]){o&1&&(n.innerHTML=i[0])},i:we,o:we,d(i){i&&s(e)}}}function q4(t){if(!t)return"";let e=JSON.stringify(t);return e=e.replace(/([:,])/g,"$1 "),e.match(/^{/)?e=e.replace(/{/g,"{ "):(e.match(/}/)&&(e=e.replace(/\]/g,` ]`)),e=e.replace(/{/g,` - { `)),e=e.replace(/}/g," }"),e}function x4(t,e,n){let{value:i=""}=e,o="";Hn(()=>{requestAnimationFrame(r)});function r(){typeof i!="string"&&n(1,i=H4(i)),n(0,o=window.Prism.highlight(i,window.Prism.languages.json,"json"))}return t.$$set=a=>{"value"in a&&n(1,i=a.value)},[o,i]}var Ch=class extends le{constructor(e){super(),ae(this,e,x4,O4,re,{value:1})}},bo=Ch;function P4(t){let e,n,i=[t[0]],o={};for(let r=0;rZe(g,"value",se)),v=new en({props:{label:"Style",items:t[3],value:""}}),v.$on("change",t[6]),I=new en({props:{label:"Type",items:t[4],value:""}}),I.$on("change",t[7]),L=new en({props:{label:"Icon",items:t[5],value:""}}),L.$on("change",t[8]);function K(U){t[10](U)}let X={label:"Round"};t[0].round!==void 0&&(X.value=t[0].round),A=new vn({props:X}),he.push(()=>Ze(A,"value",K));function be(U){t[11](U)}let pe={label:"Disabled"};return t[0].disabled!==void 0&&(pe.value=t[0].disabled),N=new vn({props:pe}),he.push(()=>Ze(N,"value",be)),J=new Re({props:{props:t[2]}}),{c(){e=p("h2"),e.textContent="Button",n=m(),i=p("h3"),i.textContent="Live demo",o=m(),r=p("div"),u.c(),c=m(),E(f.$$.fragment),d=m(),b=p("hr"),_=m(),h=p("div"),E(g.$$.fragment),k=m(),E(v.$$.fragment),S=m(),E(I.$$.fragment),D=m(),E(L.$$.fragment),T=m(),E(A.$$.fragment),O=m(),E(N.$$.fragment),W=m(),z=p("hr"),V=m(),E(J.$$.fragment),H(r,"class","docs-buttons-row"),jt(r,"height","3rem"),H(h,"class","button-demo-props")},m(U,Y){l(U,e,Y),l(U,n,Y),l(U,i,Y),l(U,o,Y),l(U,r,Y),G[a].m(r,null),l(U,c,Y),M(f,U,Y),l(U,d,Y),l(U,b,Y),l(U,_,Y),l(U,h,Y),M(g,h,null),q(h,k),M(v,h,null),q(h,S),M(I,h,null),q(h,D),M(L,h,null),q(h,T),M(A,h,null),q(h,O),M(N,h,null),l(U,W,Y),l(U,z,Y),l(U,V,Y),M(J,U,Y),F=!0},p(U,[Y]){let Q=a;a=Z(U,Y),a===Q?G[a].p(U,Y):(Ge(),y(G[Q],1,1,()=>{G[Q]=null}),Ye(),u=G[a],u?u.p(U,Y):(u=G[a]=j[a](U),u.c()),$(u,1),u.m(r,null));let me={};Y&2&&(me.text=U[1]),Y&1&&(me.props=U[0]),f.$set(me);let $e={};!w&&Y&2&&(w=!0,$e.value=U[1],Je(()=>w=!1)),g.$set($e);let _e={};!x&&Y&1&&(x=!0,_e.value=U[0].round,Je(()=>x=!1)),A.$set(_e);let ue={};!P&&Y&1&&(P=!0,ue.value=U[0].disabled,Je(()=>P=!1)),N.$set(ue)},i(U){F||($(u),$(f.$$.fragment,U),$(g.$$.fragment,U),$(v.$$.fragment,U),$(I.$$.fragment,U),$(L.$$.fragment,U),$(A.$$.fragment,U),$(N.$$.fragment,U),$(J.$$.fragment,U),F=!0)},o(U){y(u),y(f.$$.fragment,U),y(g.$$.fragment,U),y(v.$$.fragment,U),y(I.$$.fragment,U),y(L.$$.fragment,U),y(A.$$.fragment,U),y(N.$$.fragment,U),y(J.$$.fragment,U),F=!1},d(U){U&&(s(e),s(n),s(i),s(o),s(r),s(c),s(d),s(b),s(_),s(h),s(W),s(z),s(V)),G[a].d(),C(f,U),C(g),C(v),C(I),C(L),C(A),C(N),C(J,U)}}}function B4(t,e,n){let i=[{name:"class",type:"string",description:"Additional css class name to be added to the component."},{name:"danger",description:"Button type: danger"},{name:"data-",description:"Dataset attribute allows to pass some data of a primitive type (string, number, boolean), which will be accessible in the on:click event listener, via button reference."},{name:"disabled",description:"Makes the button disabled"},{name:"icon",type:"string",description:'Adds an icon, with this name, to the button (see icons section for icon names)'},{name:"id",type:"string",description:"Assign ID to the underlying button"},{name:"info",description:"Button type: info"},{name:"link",description:"Button style: link"},{name:"outline",description:"Button style: outline"},{name:"round",description:"Makes the button round"},{name:"submit",type:["true","false"],default:"false",description:"If true button type is set to submit, otherwise it's button"},{name:"success",description:"Button type: success"},{name:"text",description:"Button style: text"},{name:"title",type:"string",description:"Assign title to the underlying button"},{name:"warning",description:"Button type: warning"},{name:"bind:element",type:"element",description:"Exposes the HTML element of the component."},{name:"on:click",type:"function",description:"Triggered when the button is clicked."}],o={},r="Demo button",a=[{name:"Normal",value:""},{name:"Outline",value:"outline"},{name:"Text",value:"text"},{name:"Link",value:"link"}],u=[{name:"Default",value:""},{name:"Info",value:"info"},{name:"Success",value:"success"},{name:"Warning",value:"warning"},{name:"Danger",value:"danger"}],c=[{name:"none",value:""},{name:"info",value:"info"},{name:"check",value:"check"},{name:"alert",value:"alert"},{name:"trash",value:"trash"}];function f(k){n(0,o.outline=!1,o),n(0,o.text=!1,o),n(0,o.link=!1,o),_(k.detail,!0)}function d(k){n(0,o.info=!1,o),n(0,o.success=!1,o),n(0,o.warning=!1,o),n(0,o.danger=!1,o),_(k.detail,!0)}function b(k){_("icon",k.detail)}function _(k,v){!k||typeof v>"u"||n(0,o[k]=v,o)}function h(k){r=k,n(1,r)}function g(k){t.$$.not_equal(o.round,k)&&(o.round=k,n(0,o))}function w(k){t.$$.not_equal(o.disabled,k)&&(o.disabled=k,n(0,o))}return[o,r,i,a,u,c,f,d,b,h,g,w]}var Eh=class extends le{constructor(e){super(),ae(this,e,B4,q4,re,{})}},Sh=Eh;function R4(t){let e;return{c(){e=te("Hello")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function j4(t){let e;return{c(){e=te("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function z4(t){let e;return{c(){e=te("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function W4(t){let e;return{c(){e=te("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function V4(t){let e;return{c(){e=te("Danger")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function U4(t){let e;return{c(){e=te("Hello")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function G4(t){let e;return{c(){e=te("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function Y4(t){let e;return{c(){e=te("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function K4(t){let e;return{c(){e=te("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function X4(t){let e;return{c(){e=te("Danger")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function J4(t){let e;return{c(){e=te("Hello")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function Z4(t){let e;return{c(){e=te("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function Q4(t){let e;return{c(){e=te("Success")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ey(t){let e;return{c(){e=te("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ty(t){let e;return{c(){e=te("Danger")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ny(t){let e;return{c(){e=te("Help")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function iy(t){let e;return{c(){e=te("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function oy(t){let e;return{c(){e=te("Success")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function sy(t){let e;return{c(){e=te("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ly(t){let e;return{c(){e=te("Delete")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ry(t){let e;return{c(){e=te("Hello")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ay(t){let e;return{c(){e=te("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function uy(t){let e;return{c(){e=te("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function fy(t){let e;return{c(){e=te("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function cy(t){let e;return{c(){e=te("Danger")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function my(t){let e,n,i,o,r,a,u,c,f,d,b,_,h,g,w,k,v,S,I,D,L,T,A,x,O,N,P,W,z,V,J,F,j,G,Z,se,ee,K,X,be,pe,U,Y,Q,me,$e,_e,ue,oe,Ne,ye,fe,ge,Ie,Te,Fe,Se,de,Pe,Xe,nt,rt,at,Le,ce,He,bt,mt,_t,Ce,xe,pt,Lt,dt,Dt,st,Ct,ke,je,Oe,ze,ft,It,zt,Ot,Ht,Xt,Wt,Qt,Ee,Be,Yt,Gt,Jt,fn,ln,Fn,hn,qn,De,tt,rn,Tn,cn,Mn,mn,wn;return c=new ht({props:{$$slots:{default:[R4]},$$scope:{ctx:t}}}),d=new ht({props:{info:!0,$$slots:{default:[j4]},$$scope:{ctx:t}}}),_=new ht({props:{success:!0,$$slots:{default:[z4]},$$scope:{ctx:t}}}),g=new ht({props:{warning:!0,$$slots:{default:[W4]},$$scope:{ctx:t}}}),k=new ht({props:{danger:!0,$$slots:{default:[V4]},$$scope:{ctx:t}}}),L=new ht({props:{pressed:!0,$$slots:{default:[U4]},$$scope:{ctx:t}}}),A=new ht({props:{pressed:!0,info:!0,$$slots:{default:[G4]},$$scope:{ctx:t}}}),O=new ht({props:{pressed:!0,success:!0,$$slots:{default:[Y4]},$$scope:{ctx:t}}}),P=new ht({props:{pressed:!0,warning:!0,$$slots:{default:[K4]},$$scope:{ctx:t}}}),z=new ht({props:{pressed:!0,danger:!0,$$slots:{default:[X4]},$$scope:{ctx:t}}}),G=new ht({props:{pressed:!0,disabled:!0,$$slots:{default:[J4]},$$scope:{ctx:t}}}),se=new ht({props:{pressed:!0,disabled:!0,info:!0,$$slots:{default:[Z4]},$$scope:{ctx:t}}}),K=new ht({props:{pressed:!0,disabled:!0,success:!0,$$slots:{default:[Q4]},$$scope:{ctx:t}}}),be=new ht({props:{pressed:!0,disabled:!0,warning:!0,$$slots:{default:[ey]},$$scope:{ctx:t}}}),U=new ht({props:{pressed:!0,disabled:!0,danger:!0,$$slots:{default:[ty]},$$scope:{ctx:t}}}),_e=new ht({props:{icon:"help",$$slots:{default:[ny]},$$scope:{ctx:t}}}),oe=new ht({props:{icon:"info",info:!0,$$slots:{default:[iy]},$$scope:{ctx:t}}}),ye=new ht({props:{icon:"check",success:!0,$$slots:{default:[oy]},$$scope:{ctx:t}}}),ge=new ht({props:{icon:"alert",warning:!0,$$slots:{default:[sy]},$$scope:{ctx:t}}}),Te=new ht({props:{icon:"trash",danger:!0,$$slots:{default:[ly]},$$scope:{ctx:t}}}),Xe=new ht({props:{outline:!0,$$slots:{default:[ry]},$$scope:{ctx:t}}}),rt=new ht({props:{outline:!0,info:!0,$$slots:{default:[ay]},$$scope:{ctx:t}}}),Le=new ht({props:{outline:!0,success:!0,$$slots:{default:[uy]},$$scope:{ctx:t}}}),He=new ht({props:{outline:!0,warning:!0,$$slots:{default:[fy]},$$scope:{ctx:t}}}),mt=new ht({props:{outline:!0,danger:!0,$$slots:{default:[cy]},$$scope:{ctx:t}}}),Ct=new ht({props:{icon:"help"}}),je=new ht({props:{icon:"info",info:!0}}),ze=new ht({props:{icon:"check",success:!0}}),It=new ht({props:{icon:"alert",warning:!0}}),Ot=new ht({props:{icon:"trash",danger:!0}}),Jt=new ht({props:{round:!0,icon:"help"}}),ln=new ht({props:{round:!0,icon:"info",info:!0}}),hn=new ht({props:{round:!0,icon:"check",success:!0}}),De=new ht({props:{round:!0,icon:"alert",warning:!0}}),rn=new ht({props:{round:!0,icon:"trash",danger:!0}}),cn=new Ke({props:{html:t[1]}}),mn=new Re({props:{props:t[0]}}),{c(){e=p("h2"),e.textContent="Push Button",n=m(),i=p("h3"),i.textContent="Normal",o=m(),r=p("h4"),r.textContent="Default",a=m(),u=p("div"),E(c.$$.fragment),f=m(),E(d.$$.fragment),b=m(),E(_.$$.fragment),h=m(),E(g.$$.fragment),w=m(),E(k.$$.fragment),v=m(),S=p("h4"),S.textContent="Pressed",I=m(),D=p("div"),E(L.$$.fragment),T=m(),E(A.$$.fragment),x=m(),E(O.$$.fragment),N=m(),E(P.$$.fragment),W=m(),E(z.$$.fragment),V=m(),J=p("h4"),J.textContent="Disabled",F=m(),j=p("div"),E(G.$$.fragment),Z=m(),E(se.$$.fragment),ee=m(),E(K.$$.fragment),X=m(),E(be.$$.fragment),pe=m(),E(U.$$.fragment),Y=m(),Q=p("h4"),Q.textContent="With icon",me=m(),$e=p("div"),E(_e.$$.fragment),ue=m(),E(oe.$$.fragment),Ne=m(),E(ye.$$.fragment),fe=m(),E(ge.$$.fragment),Ie=m(),E(Te.$$.fragment),Fe=m(),Se=p("h4"),Se.textContent="Outline",de=m(),Pe=p("div"),E(Xe.$$.fragment),nt=m(),E(rt.$$.fragment),at=m(),E(Le.$$.fragment),ce=m(),E(He.$$.fragment),bt=m(),E(mt.$$.fragment),_t=m(),Ce=p("hr"),xe=m(),pt=p("h3"),pt.textContent="Icon only buttons",Lt=m(),dt=p("h4"),dt.textContent="Default",Dt=m(),st=p("div"),E(Ct.$$.fragment),ke=m(),E(je.$$.fragment),Oe=m(),E(ze.$$.fragment),ft=m(),E(It.$$.fragment),zt=m(),E(Ot.$$.fragment),Ht=m(),Xt=p("hr"),Wt=m(),Qt=p("h3"),Qt.textContent="Icon only, and round",Ee=m(),Be=p("h4"),Be.textContent="Default",Yt=m(),Gt=p("div"),E(Jt.$$.fragment),fn=m(),E(ln.$$.fragment),Fn=m(),E(hn.$$.fragment),qn=m(),E(De.$$.fragment),tt=m(),E(rn.$$.fragment),Tn=m(),E(cn.$$.fragment),Mn=m(),E(mn.$$.fragment),H(u,"class","docs-buttons-row"),H(D,"class","docs-buttons-row"),H(j,"class","docs-buttons-row"),H($e,"class","docs-buttons-row"),H(Pe,"class","docs-buttons-row"),H(st,"class","docs-buttons-row"),H(Gt,"class","docs-buttons-row")},m(Me,ie){l(Me,e,ie),l(Me,n,ie),l(Me,i,ie),l(Me,o,ie),l(Me,r,ie),l(Me,a,ie),l(Me,u,ie),M(c,u,null),q(u,f),M(d,u,null),q(u,b),M(_,u,null),q(u,h),M(g,u,null),q(u,w),M(k,u,null),l(Me,v,ie),l(Me,S,ie),l(Me,I,ie),l(Me,D,ie),M(L,D,null),q(D,T),M(A,D,null),q(D,x),M(O,D,null),q(D,N),M(P,D,null),q(D,W),M(z,D,null),l(Me,V,ie),l(Me,J,ie),l(Me,F,ie),l(Me,j,ie),M(G,j,null),q(j,Z),M(se,j,null),q(j,ee),M(K,j,null),q(j,X),M(be,j,null),q(j,pe),M(U,j,null),l(Me,Y,ie),l(Me,Q,ie),l(Me,me,ie),l(Me,$e,ie),M(_e,$e,null),q($e,ue),M(oe,$e,null),q($e,Ne),M(ye,$e,null),q($e,fe),M(ge,$e,null),q($e,Ie),M(Te,$e,null),l(Me,Fe,ie),l(Me,Se,ie),l(Me,de,ie),l(Me,Pe,ie),M(Xe,Pe,null),q(Pe,nt),M(rt,Pe,null),q(Pe,at),M(Le,Pe,null),q(Pe,ce),M(He,Pe,null),q(Pe,bt),M(mt,Pe,null),l(Me,_t,ie),l(Me,Ce,ie),l(Me,xe,ie),l(Me,pt,ie),l(Me,Lt,ie),l(Me,dt,ie),l(Me,Dt,ie),l(Me,st,ie),M(Ct,st,null),q(st,ke),M(je,st,null),q(st,Oe),M(ze,st,null),q(st,ft),M(It,st,null),q(st,zt),M(Ot,st,null),l(Me,Ht,ie),l(Me,Xt,ie),l(Me,Wt,ie),l(Me,Qt,ie),l(Me,Ee,ie),l(Me,Be,ie),l(Me,Yt,ie),l(Me,Gt,ie),M(Jt,Gt,null),q(Gt,fn),M(ln,Gt,null),q(Gt,Fn),M(hn,Gt,null),q(Gt,qn),M(De,Gt,null),q(Gt,tt),M(rn,Gt,null),l(Me,Tn,ie),M(cn,Me,ie),l(Me,Mn,ie),M(mn,Me,ie),wn=!0},p(Me,[ie]){let qe={};ie&4&&(qe.$$scope={dirty:ie,ctx:Me}),c.$set(qe);let Cn={};ie&4&&(Cn.$$scope={dirty:ie,ctx:Me}),d.$set(Cn);let Bn={};ie&4&&(Bn.$$scope={dirty:ie,ctx:Me}),_.$set(Bn);let En={};ie&4&&(En.$$scope={dirty:ie,ctx:Me}),g.$set(En);let Rn={};ie&4&&(Rn.$$scope={dirty:ie,ctx:Me}),k.$set(Rn);let Sn={};ie&4&&(Sn.$$scope={dirty:ie,ctx:Me}),L.$set(Sn);let jn={};ie&4&&(jn.$$scope={dirty:ie,ctx:Me}),A.$set(jn);let Ln={};ie&4&&(Ln.$$scope={dirty:ie,ctx:Me}),O.$set(Ln);let zn={};ie&4&&(zn.$$scope={dirty:ie,ctx:Me}),P.$set(zn);let Dn={};ie&4&&(Dn.$$scope={dirty:ie,ctx:Me}),z.$set(Dn);let Wn={};ie&4&&(Wn.$$scope={dirty:ie,ctx:Me}),G.$set(Wn);let An={};ie&4&&(An.$$scope={dirty:ie,ctx:Me}),se.$set(An);let Vn={};ie&4&&(Vn.$$scope={dirty:ie,ctx:Me}),K.$set(Vn);let In={};ie&4&&(In.$$scope={dirty:ie,ctx:Me}),be.$set(In);let Un={};ie&4&&(Un.$$scope={dirty:ie,ctx:Me}),U.$set(Un);let On={};ie&4&&(On.$$scope={dirty:ie,ctx:Me}),_e.$set(On);let bi={};ie&4&&(bi.$$scope={dirty:ie,ctx:Me}),oe.$set(bi);let oi={};ie&4&&(oi.$$scope={dirty:ie,ctx:Me}),ye.$set(oi);let _i={};ie&4&&(_i.$$scope={dirty:ie,ctx:Me}),ge.$set(_i);let si={};ie&4&&(si.$$scope={dirty:ie,ctx:Me}),Te.$set(si);let vi={};ie&4&&(vi.$$scope={dirty:ie,ctx:Me}),Xe.$set(vi);let li={};ie&4&&(li.$$scope={dirty:ie,ctx:Me}),rt.$set(li);let $i={};ie&4&&($i.$$scope={dirty:ie,ctx:Me}),Le.$set($i);let ri={};ie&4&&(ri.$$scope={dirty:ie,ctx:Me}),He.$set(ri);let wi={};ie&4&&(wi.$$scope={dirty:ie,ctx:Me}),mt.$set(wi)},i(Me){wn||($(c.$$.fragment,Me),$(d.$$.fragment,Me),$(_.$$.fragment,Me),$(g.$$.fragment,Me),$(k.$$.fragment,Me),$(L.$$.fragment,Me),$(A.$$.fragment,Me),$(O.$$.fragment,Me),$(P.$$.fragment,Me),$(z.$$.fragment,Me),$(G.$$.fragment,Me),$(se.$$.fragment,Me),$(K.$$.fragment,Me),$(be.$$.fragment,Me),$(U.$$.fragment,Me),$(_e.$$.fragment,Me),$(oe.$$.fragment,Me),$(ye.$$.fragment,Me),$(ge.$$.fragment,Me),$(Te.$$.fragment,Me),$(Xe.$$.fragment,Me),$(rt.$$.fragment,Me),$(Le.$$.fragment,Me),$(He.$$.fragment,Me),$(mt.$$.fragment,Me),$(Ct.$$.fragment,Me),$(je.$$.fragment,Me),$(ze.$$.fragment,Me),$(It.$$.fragment,Me),$(Ot.$$.fragment,Me),$(Jt.$$.fragment,Me),$(ln.$$.fragment,Me),$(hn.$$.fragment,Me),$(De.$$.fragment,Me),$(rn.$$.fragment,Me),$(cn.$$.fragment,Me),$(mn.$$.fragment,Me),wn=!0)},o(Me){y(c.$$.fragment,Me),y(d.$$.fragment,Me),y(_.$$.fragment,Me),y(g.$$.fragment,Me),y(k.$$.fragment,Me),y(L.$$.fragment,Me),y(A.$$.fragment,Me),y(O.$$.fragment,Me),y(P.$$.fragment,Me),y(z.$$.fragment,Me),y(G.$$.fragment,Me),y(se.$$.fragment,Me),y(K.$$.fragment,Me),y(be.$$.fragment,Me),y(U.$$.fragment,Me),y(_e.$$.fragment,Me),y(oe.$$.fragment,Me),y(ye.$$.fragment,Me),y(ge.$$.fragment,Me),y(Te.$$.fragment,Me),y(Xe.$$.fragment,Me),y(rt.$$.fragment,Me),y(Le.$$.fragment,Me),y(He.$$.fragment,Me),y(mt.$$.fragment,Me),y(Ct.$$.fragment,Me),y(je.$$.fragment,Me),y(ze.$$.fragment,Me),y(It.$$.fragment,Me),y(Ot.$$.fragment,Me),y(Jt.$$.fragment,Me),y(ln.$$.fragment,Me),y(hn.$$.fragment,Me),y(De.$$.fragment,Me),y(rn.$$.fragment,Me),y(cn.$$.fragment,Me),y(mn.$$.fragment,Me),wn=!1},d(Me){Me&&(s(e),s(n),s(i),s(o),s(r),s(a),s(u),s(v),s(S),s(I),s(D),s(V),s(J),s(F),s(j),s(Y),s(Q),s(me),s($e),s(Fe),s(Se),s(de),s(Pe),s(_t),s(Ce),s(xe),s(pt),s(Lt),s(dt),s(Dt),s(st),s(Ht),s(Xt),s(Wt),s(Qt),s(Ee),s(Be),s(Yt),s(Gt),s(Tn),s(Mn)),C(c),C(d),C(_),C(g),C(k),C(L),C(A),C(O),C(P),C(z),C(G),C(se),C(K),C(be),C(U),C(_e),C(oe),C(ye),C(ge),C(Te),C(Xe),C(rt),C(Le),C(He),C(mt),C(Ct),C(je),C(ze),C(It),C(Ot),C(Jt),C(ln),C(hn),C(De),C(rn),C(cn,Me),C(mn,Me)}}}function dy(t){return[[{name:"class",type:"string",description:"Additional css class name to be added to the component."},{name:"danger",description:"Button type: danger"},{name:"disabled",description:"Makes the button disabled"},{name:"icon",type:"string",description:'Adds an icon, with this name, to the button (see icons section for icon names)'},{name:"id",type:"string",description:"Assign ID to the underlying button"},{name:"outline",description:"Button style: outline"},{name:"pressed",type:["true","false"],default:"false",description:"Initial pressed state of the button."},{name:"round",description:"Makes the button round"},{name:"submit",type:["true","false"],default:"false",description:"If true button type is set to submit, otherwise it's button"},{name:"success",description:"Button type: success"},{name:"title",type:"string",description:"Assign title to the underlying button"},{name:"warning",description:"Button type: warning"},{name:"bind:element",type:"element",description:"Exposes the HTML element of the component."},{name:"on:click",type:"function",description:"Triggered when the button is clicked."}],` + { `)),e=e.replace(/}/g," }"),e}function B4(t,e,n){let{value:i=""}=e,o="";Pn(()=>{requestAnimationFrame(r)});function r(){typeof i!="string"&&n(1,i=q4(i)),n(0,o=window.Prism.highlight(i,window.Prism.languages.json,"json"))}return t.$$set=a=>{"value"in a&&n(1,i=a.value)},[o,i]}var Ah=class extends le{constructor(e){super(),ae(this,e,B4,F4,re,{value:1})}},_o=Ah;function R4(t){let e,n,i=[t[0]],o={};for(let r=0;rQe(_,"value",te)),v=new en({props:{label:"Style",items:t[3],value:""}}),v.$on("change",t[6]),I=new en({props:{label:"Type",items:t[4],value:""}}),I.$on("change",t[7]),L=new en({props:{label:"Icon",items:t[5],value:""}}),L.$on("change",t[8]);function Y(U){t[10](U)}let X={label:"Round"};t[0].round!==void 0&&(X.value=t[0].round),A=new yn({props:X}),pe.push(()=>Qe(A,"value",Y));function ge(U){t[11](U)}let de={label:"Disabled"};return t[0].disabled!==void 0&&(de.value=t[0].disabled),P=new yn({props:de}),pe.push(()=>Qe(P,"value",ge)),J=new We({props:{props:t[2]}}),{c(){e=p("h2"),e.textContent="Button",n=m(),i=p("h3"),i.textContent="Live demo",o=m(),r=p("div"),u.c(),c=m(),E(f.$$.fragment),d=m(),b=p("hr"),g=m(),h=p("div"),E(_.$$.fragment),k=m(),E(v.$$.fragment),S=m(),E(I.$$.fragment),D=m(),E(L.$$.fragment),T=m(),E(A.$$.fragment),O=m(),E(P.$$.fragment),W=m(),z=p("hr"),V=m(),E(J.$$.fragment),H(r,"class","docs-buttons-row"),Vt(r,"height","3rem"),H(h,"class","button-demo-props")},m(U,G){l(U,e,G),l(U,n,G),l(U,i,G),l(U,o,G),l(U,r,G),K[a].m(r,null),l(U,c,G),M(f,U,G),l(U,d,G),l(U,b,G),l(U,g,G),l(U,h,G),M(_,h,null),F(h,k),M(v,h,null),F(h,S),M(I,h,null),F(h,D),M(L,h,null),F(h,T),M(A,h,null),F(h,O),M(P,h,null),l(U,W,G),l(U,z,G),l(U,V,G),M(J,U,G),q=!0},p(U,[G]){let Q=a;a=Z(U,G),a===Q?K[a].p(U,G):(Ye(),y(K[Q],1,1,()=>{K[Q]=null}),Ke(),u=K[a],u?u.p(U,G):(u=K[a]=j[a](U),u.c()),$(u,1),u.m(r,null));let ce={};G&2&&(ce.text=U[1]),G&1&&(ce.props=U[0]),f.$set(ce);let $e={};!w&&G&2&&(w=!0,$e.value=U[1],Ze(()=>w=!1)),_.$set($e);let _e={};!x&&G&1&&(x=!0,_e.value=U[0].round,Ze(()=>x=!1)),A.$set(_e);let ue={};!N&&G&1&&(N=!0,ue.value=U[0].disabled,Ze(()=>N=!1)),P.$set(ue)},i(U){q||($(u),$(f.$$.fragment,U),$(_.$$.fragment,U),$(v.$$.fragment,U),$(I.$$.fragment,U),$(L.$$.fragment,U),$(A.$$.fragment,U),$(P.$$.fragment,U),$(J.$$.fragment,U),q=!0)},o(U){y(u),y(f.$$.fragment,U),y(_.$$.fragment,U),y(v.$$.fragment,U),y(I.$$.fragment,U),y(L.$$.fragment,U),y(A.$$.fragment,U),y(P.$$.fragment,U),y(J.$$.fragment,U),q=!1},d(U){U&&(s(e),s(n),s(i),s(o),s(r),s(c),s(d),s(b),s(g),s(h),s(W),s(z),s(V)),K[a].d(),C(f,U),C(_),C(v),C(I),C(L),C(A),C(P),C(J,U)}}}function V4(t,e,n){let i=[{name:"class",type:"string",description:"Additional css class name to be added to the component."},{name:"danger",description:"Button type: danger"},{name:"data-",description:"Dataset attribute allows to pass some data of a primitive type (string, number, boolean), which will be accessible in the on:click event listener, via button reference."},{name:"disabled",description:"Makes the button disabled"},{name:"icon",type:"string",description:'Adds an icon, with this name, to the button (see icons section for icon names)'},{name:"id",type:"string",description:"Assign ID to the underlying button"},{name:"info",description:"Button type: info"},{name:"link",description:"Button style: link"},{name:"outline",description:"Button style: outline"},{name:"round",description:"Makes the button round"},{name:"submit",type:["true","false"],default:"false",description:"If true button type is set to submit, otherwise it's button"},{name:"success",description:"Button type: success"},{name:"text",description:"Button style: text"},{name:"title",type:"string",description:"Assign title to the underlying button"},{name:"warning",description:"Button type: warning"},{name:"bind:element",type:"element",description:"Exposes the HTML element of the component."},{name:"on:click",type:"function",description:"Triggered when the button is clicked."}],o={},r="Demo button",a=[{name:"Normal",value:""},{name:"Outline",value:"outline"},{name:"Text",value:"text"},{name:"Link",value:"link"}],u=[{name:"Default",value:""},{name:"Info",value:"info"},{name:"Success",value:"success"},{name:"Warning",value:"warning"},{name:"Danger",value:"danger"}],c=[{name:"none",value:""},{name:"info",value:"info"},{name:"check",value:"check"},{name:"alert",value:"alert"},{name:"trash",value:"trash"}];function f(k){n(0,o.outline=!1,o),n(0,o.text=!1,o),n(0,o.link=!1,o),g(k.detail,!0)}function d(k){n(0,o.info=!1,o),n(0,o.success=!1,o),n(0,o.warning=!1,o),n(0,o.danger=!1,o),g(k.detail,!0)}function b(k){g("icon",k.detail)}function g(k,v){!k||typeof v>"u"||n(0,o[k]=v,o)}function h(k){r=k,n(1,r)}function _(k){t.$$.not_equal(o.round,k)&&(o.round=k,n(0,o))}function w(k){t.$$.not_equal(o.disabled,k)&&(o.disabled=k,n(0,o))}return[o,r,i,a,u,c,f,d,b,h,_,w]}var Ih=class extends le{constructor(e){super(),ae(this,e,V4,W4,re,{})}},Oh=Ih;function U4(t){let e;return{c(){e=ne("Hello")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function G4(t){let e;return{c(){e=ne("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function Y4(t){let e;return{c(){e=ne("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function K4(t){let e;return{c(){e=ne("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function X4(t){let e;return{c(){e=ne("Danger")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function J4(t){let e;return{c(){e=ne("Hello")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function Z4(t){let e;return{c(){e=ne("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function Q4(t){let e;return{c(){e=ne("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ey(t){let e;return{c(){e=ne("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ty(t){let e;return{c(){e=ne("Danger")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ny(t){let e;return{c(){e=ne("Hello")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function iy(t){let e;return{c(){e=ne("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function oy(t){let e;return{c(){e=ne("Success")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function sy(t){let e;return{c(){e=ne("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ly(t){let e;return{c(){e=ne("Danger")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ry(t){let e;return{c(){e=ne("Help")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function ay(t){let e;return{c(){e=ne("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function uy(t){let e;return{c(){e=ne("Success")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function fy(t){let e;return{c(){e=ne("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function cy(t){let e;return{c(){e=ne("Delete")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function my(t){let e;return{c(){e=ne("Hello")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function dy(t){let e;return{c(){e=ne("Info")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function py(t){let e;return{c(){e=ne("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function hy(t){let e;return{c(){e=ne("Warning")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function gy(t){let e;return{c(){e=ne("Danger")},m(n,i){l(n,e,i)},d(n){n&&s(e)}}}function by(t){let e,n,i,o,r,a,u,c,f,d,b,g,h,_,w,k,v,S,I,D,L,T,A,x,O,P,N,W,z,V,J,q,j,K,Z,te,ee,Y,X,ge,de,U,G,Q,ce,$e,_e,ue,se,Ne,ye,fe,he,He,Te,Fe,Se,me,Pe,Je,it,ut,ct,De,Re,vt,ht,mt,gt,Ce,xe,bt,At,dt,St,lt,yt,ke,je,Ae,ze,rt,be,Ie,It,Ot,Yt,Pt,Jt,Me,qe,Ut,Wt,Kt,on,tn,bn,ln,_n,Le,nt,fn,Cn,dn,En,pn,Tn;return c=new _t({props:{$$slots:{default:[U4]},$$scope:{ctx:t}}}),d=new _t({props:{info:!0,$$slots:{default:[G4]},$$scope:{ctx:t}}}),g=new _t({props:{success:!0,$$slots:{default:[Y4]},$$scope:{ctx:t}}}),_=new _t({props:{warning:!0,$$slots:{default:[K4]},$$scope:{ctx:t}}}),k=new _t({props:{danger:!0,$$slots:{default:[X4]},$$scope:{ctx:t}}}),L=new _t({props:{pressed:!0,$$slots:{default:[J4]},$$scope:{ctx:t}}}),A=new _t({props:{pressed:!0,info:!0,$$slots:{default:[Z4]},$$scope:{ctx:t}}}),O=new _t({props:{pressed:!0,success:!0,$$slots:{default:[Q4]},$$scope:{ctx:t}}}),N=new _t({props:{pressed:!0,warning:!0,$$slots:{default:[ey]},$$scope:{ctx:t}}}),z=new _t({props:{pressed:!0,danger:!0,$$slots:{default:[ty]},$$scope:{ctx:t}}}),K=new _t({props:{pressed:!0,disabled:!0,$$slots:{default:[ny]},$$scope:{ctx:t}}}),te=new _t({props:{pressed:!0,disabled:!0,info:!0,$$slots:{default:[iy]},$$scope:{ctx:t}}}),Y=new _t({props:{pressed:!0,disabled:!0,success:!0,$$slots:{default:[oy]},$$scope:{ctx:t}}}),ge=new _t({props:{pressed:!0,disabled:!0,warning:!0,$$slots:{default:[sy]},$$scope:{ctx:t}}}),U=new _t({props:{pressed:!0,disabled:!0,danger:!0,$$slots:{default:[ly]},$$scope:{ctx:t}}}),_e=new _t({props:{icon:"help",$$slots:{default:[ry]},$$scope:{ctx:t}}}),se=new _t({props:{icon:"info",info:!0,$$slots:{default:[ay]},$$scope:{ctx:t}}}),ye=new _t({props:{icon:"check",success:!0,$$slots:{default:[uy]},$$scope:{ctx:t}}}),he=new _t({props:{icon:"alert",warning:!0,$$slots:{default:[fy]},$$scope:{ctx:t}}}),Te=new _t({props:{icon:"trash",danger:!0,$$slots:{default:[cy]},$$scope:{ctx:t}}}),Je=new _t({props:{outline:!0,$$slots:{default:[my]},$$scope:{ctx:t}}}),ut=new _t({props:{outline:!0,info:!0,$$slots:{default:[dy]},$$scope:{ctx:t}}}),De=new _t({props:{outline:!0,success:!0,$$slots:{default:[py]},$$scope:{ctx:t}}}),vt=new _t({props:{outline:!0,warning:!0,$$slots:{default:[hy]},$$scope:{ctx:t}}}),mt=new _t({props:{outline:!0,danger:!0,$$slots:{default:[gy]},$$scope:{ctx:t}}}),yt=new _t({props:{icon:"help"}}),je=new _t({props:{icon:"info",info:!0}}),ze=new _t({props:{icon:"check",success:!0}}),be=new _t({props:{icon:"alert",warning:!0}}),It=new _t({props:{icon:"trash",danger:!0}}),Kt=new _t({props:{round:!0,icon:"help"}}),tn=new _t({props:{round:!0,icon:"info",info:!0}}),ln=new _t({props:{round:!0,icon:"check",success:!0}}),Le=new _t({props:{round:!0,icon:"alert",warning:!0}}),fn=new _t({props:{round:!0,icon:"trash",danger:!0}}),dn=new Xe({props:{html:t[1]}}),pn=new We({props:{props:t[0]}}),{c(){e=p("h2"),e.textContent="Push Button",n=m(),i=p("h3"),i.textContent="Normal",o=m(),r=p("h4"),r.textContent="Default",a=m(),u=p("div"),E(c.$$.fragment),f=m(),E(d.$$.fragment),b=m(),E(g.$$.fragment),h=m(),E(_.$$.fragment),w=m(),E(k.$$.fragment),v=m(),S=p("h4"),S.textContent="Pressed",I=m(),D=p("div"),E(L.$$.fragment),T=m(),E(A.$$.fragment),x=m(),E(O.$$.fragment),P=m(),E(N.$$.fragment),W=m(),E(z.$$.fragment),V=m(),J=p("h4"),J.textContent="Disabled",q=m(),j=p("div"),E(K.$$.fragment),Z=m(),E(te.$$.fragment),ee=m(),E(Y.$$.fragment),X=m(),E(ge.$$.fragment),de=m(),E(U.$$.fragment),G=m(),Q=p("h4"),Q.textContent="With icon",ce=m(),$e=p("div"),E(_e.$$.fragment),ue=m(),E(se.$$.fragment),Ne=m(),E(ye.$$.fragment),fe=m(),E(he.$$.fragment),He=m(),E(Te.$$.fragment),Fe=m(),Se=p("h4"),Se.textContent="Outline",me=m(),Pe=p("div"),E(Je.$$.fragment),it=m(),E(ut.$$.fragment),ct=m(),E(De.$$.fragment),Re=m(),E(vt.$$.fragment),ht=m(),E(mt.$$.fragment),gt=m(),Ce=p("hr"),xe=m(),bt=p("h3"),bt.textContent="Icon only buttons",At=m(),dt=p("h4"),dt.textContent="Default",St=m(),lt=p("div"),E(yt.$$.fragment),ke=m(),E(je.$$.fragment),Ae=m(),E(ze.$$.fragment),rt=m(),E(be.$$.fragment),Ie=m(),E(It.$$.fragment),Ot=m(),Yt=p("hr"),Pt=m(),Jt=p("h3"),Jt.textContent="Icon only, and round",Me=m(),qe=p("h4"),qe.textContent="Default",Ut=m(),Wt=p("div"),E(Kt.$$.fragment),on=m(),E(tn.$$.fragment),bn=m(),E(ln.$$.fragment),_n=m(),E(Le.$$.fragment),nt=m(),E(fn.$$.fragment),Cn=m(),E(dn.$$.fragment),En=m(),E(pn.$$.fragment),H(u,"class","docs-buttons-row"),H(D,"class","docs-buttons-row"),H(j,"class","docs-buttons-row"),H($e,"class","docs-buttons-row"),H(Pe,"class","docs-buttons-row"),H(lt,"class","docs-buttons-row"),H(Wt,"class","docs-buttons-row")},m(Ee,oe){l(Ee,e,oe),l(Ee,n,oe),l(Ee,i,oe),l(Ee,o,oe),l(Ee,r,oe),l(Ee,a,oe),l(Ee,u,oe),M(c,u,null),F(u,f),M(d,u,null),F(u,b),M(g,u,null),F(u,h),M(_,u,null),F(u,w),M(k,u,null),l(Ee,v,oe),l(Ee,S,oe),l(Ee,I,oe),l(Ee,D,oe),M(L,D,null),F(D,T),M(A,D,null),F(D,x),M(O,D,null),F(D,P),M(N,D,null),F(D,W),M(z,D,null),l(Ee,V,oe),l(Ee,J,oe),l(Ee,q,oe),l(Ee,j,oe),M(K,j,null),F(j,Z),M(te,j,null),F(j,ee),M(Y,j,null),F(j,X),M(ge,j,null),F(j,de),M(U,j,null),l(Ee,G,oe),l(Ee,Q,oe),l(Ee,ce,oe),l(Ee,$e,oe),M(_e,$e,null),F($e,ue),M(se,$e,null),F($e,Ne),M(ye,$e,null),F($e,fe),M(he,$e,null),F($e,He),M(Te,$e,null),l(Ee,Fe,oe),l(Ee,Se,oe),l(Ee,me,oe),l(Ee,Pe,oe),M(Je,Pe,null),F(Pe,it),M(ut,Pe,null),F(Pe,ct),M(De,Pe,null),F(Pe,Re),M(vt,Pe,null),F(Pe,ht),M(mt,Pe,null),l(Ee,gt,oe),l(Ee,Ce,oe),l(Ee,xe,oe),l(Ee,bt,oe),l(Ee,At,oe),l(Ee,dt,oe),l(Ee,St,oe),l(Ee,lt,oe),M(yt,lt,null),F(lt,ke),M(je,lt,null),F(lt,Ae),M(ze,lt,null),F(lt,rt),M(be,lt,null),F(lt,Ie),M(It,lt,null),l(Ee,Ot,oe),l(Ee,Yt,oe),l(Ee,Pt,oe),l(Ee,Jt,oe),l(Ee,Me,oe),l(Ee,qe,oe),l(Ee,Ut,oe),l(Ee,Wt,oe),M(Kt,Wt,null),F(Wt,on),M(tn,Wt,null),F(Wt,bn),M(ln,Wt,null),F(Wt,_n),M(Le,Wt,null),F(Wt,nt),M(fn,Wt,null),l(Ee,Cn,oe),M(dn,Ee,oe),l(Ee,En,oe),M(pn,Ee,oe),Tn=!0},p(Ee,[oe]){let Be={};oe&4&&(Be.$$scope={dirty:oe,ctx:Ee}),c.$set(Be);let Sn={};oe&4&&(Sn.$$scope={dirty:oe,ctx:Ee}),d.$set(Sn);let Bn={};oe&4&&(Bn.$$scope={dirty:oe,ctx:Ee}),g.$set(Bn);let Ln={};oe&4&&(Ln.$$scope={dirty:oe,ctx:Ee}),_.$set(Ln);let Rn={};oe&4&&(Rn.$$scope={dirty:oe,ctx:Ee}),k.$set(Rn);let Dn={};oe&4&&(Dn.$$scope={dirty:oe,ctx:Ee}),L.$set(Dn);let jn={};oe&4&&(jn.$$scope={dirty:oe,ctx:Ee}),A.$set(jn);let An={};oe&4&&(An.$$scope={dirty:oe,ctx:Ee}),O.$set(An);let zn={};oe&4&&(zn.$$scope={dirty:oe,ctx:Ee}),N.$set(zn);let In={};oe&4&&(In.$$scope={dirty:oe,ctx:Ee}),z.$set(In);let Wn={};oe&4&&(Wn.$$scope={dirty:oe,ctx:Ee}),K.$set(Wn);let On={};oe&4&&(On.$$scope={dirty:oe,ctx:Ee}),te.$set(On);let Vn={};oe&4&&(Vn.$$scope={dirty:oe,ctx:Ee}),Y.$set(Vn);let Hn={};oe&4&&(Hn.$$scope={dirty:oe,ctx:Ee}),ge.$set(Hn);let Un={};oe&4&&(Un.$$scope={dirty:oe,ctx:Ee}),U.$set(Un);let xn={};oe&4&&(xn.$$scope={dirty:oe,ctx:Ee}),_e.$set(xn);let bi={};oe&4&&(bi.$$scope={dirty:oe,ctx:Ee}),se.$set(bi);let si={};oe&4&&(si.$$scope={dirty:oe,ctx:Ee}),ye.$set(si);let _i={};oe&4&&(_i.$$scope={dirty:oe,ctx:Ee}),he.$set(_i);let li={};oe&4&&(li.$$scope={dirty:oe,ctx:Ee}),Te.$set(li);let vi={};oe&4&&(vi.$$scope={dirty:oe,ctx:Ee}),Je.$set(vi);let ri={};oe&4&&(ri.$$scope={dirty:oe,ctx:Ee}),ut.$set(ri);let $i={};oe&4&&($i.$$scope={dirty:oe,ctx:Ee}),De.$set($i);let ai={};oe&4&&(ai.$$scope={dirty:oe,ctx:Ee}),vt.$set(ai);let wi={};oe&4&&(wi.$$scope={dirty:oe,ctx:Ee}),mt.$set(wi)},i(Ee){Tn||($(c.$$.fragment,Ee),$(d.$$.fragment,Ee),$(g.$$.fragment,Ee),$(_.$$.fragment,Ee),$(k.$$.fragment,Ee),$(L.$$.fragment,Ee),$(A.$$.fragment,Ee),$(O.$$.fragment,Ee),$(N.$$.fragment,Ee),$(z.$$.fragment,Ee),$(K.$$.fragment,Ee),$(te.$$.fragment,Ee),$(Y.$$.fragment,Ee),$(ge.$$.fragment,Ee),$(U.$$.fragment,Ee),$(_e.$$.fragment,Ee),$(se.$$.fragment,Ee),$(ye.$$.fragment,Ee),$(he.$$.fragment,Ee),$(Te.$$.fragment,Ee),$(Je.$$.fragment,Ee),$(ut.$$.fragment,Ee),$(De.$$.fragment,Ee),$(vt.$$.fragment,Ee),$(mt.$$.fragment,Ee),$(yt.$$.fragment,Ee),$(je.$$.fragment,Ee),$(ze.$$.fragment,Ee),$(be.$$.fragment,Ee),$(It.$$.fragment,Ee),$(Kt.$$.fragment,Ee),$(tn.$$.fragment,Ee),$(ln.$$.fragment,Ee),$(Le.$$.fragment,Ee),$(fn.$$.fragment,Ee),$(dn.$$.fragment,Ee),$(pn.$$.fragment,Ee),Tn=!0)},o(Ee){y(c.$$.fragment,Ee),y(d.$$.fragment,Ee),y(g.$$.fragment,Ee),y(_.$$.fragment,Ee),y(k.$$.fragment,Ee),y(L.$$.fragment,Ee),y(A.$$.fragment,Ee),y(O.$$.fragment,Ee),y(N.$$.fragment,Ee),y(z.$$.fragment,Ee),y(K.$$.fragment,Ee),y(te.$$.fragment,Ee),y(Y.$$.fragment,Ee),y(ge.$$.fragment,Ee),y(U.$$.fragment,Ee),y(_e.$$.fragment,Ee),y(se.$$.fragment,Ee),y(ye.$$.fragment,Ee),y(he.$$.fragment,Ee),y(Te.$$.fragment,Ee),y(Je.$$.fragment,Ee),y(ut.$$.fragment,Ee),y(De.$$.fragment,Ee),y(vt.$$.fragment,Ee),y(mt.$$.fragment,Ee),y(yt.$$.fragment,Ee),y(je.$$.fragment,Ee),y(ze.$$.fragment,Ee),y(be.$$.fragment,Ee),y(It.$$.fragment,Ee),y(Kt.$$.fragment,Ee),y(tn.$$.fragment,Ee),y(ln.$$.fragment,Ee),y(Le.$$.fragment,Ee),y(fn.$$.fragment,Ee),y(dn.$$.fragment,Ee),y(pn.$$.fragment,Ee),Tn=!1},d(Ee){Ee&&(s(e),s(n),s(i),s(o),s(r),s(a),s(u),s(v),s(S),s(I),s(D),s(V),s(J),s(q),s(j),s(G),s(Q),s(ce),s($e),s(Fe),s(Se),s(me),s(Pe),s(gt),s(Ce),s(xe),s(bt),s(At),s(dt),s(St),s(lt),s(Ot),s(Yt),s(Pt),s(Jt),s(Me),s(qe),s(Ut),s(Wt),s(Cn),s(En)),C(c),C(d),C(g),C(_),C(k),C(L),C(A),C(O),C(N),C(z),C(K),C(te),C(Y),C(ge),C(U),C(_e),C(se),C(ye),C(he),C(Te),C(Je),C(ut),C(De),C(vt),C(mt),C(yt),C(je),C(ze),C(be),C(It),C(Kt),C(tn),C(ln),C(Le),C(fn),C(dn,Ee),C(pn,Ee)}}}function _y(t){return[[{name:"class",type:"string",description:"Additional css class name to be added to the component."},{name:"danger",description:"Button type: danger"},{name:"disabled",description:"Makes the button disabled"},{name:"icon",type:"string",description:'Adds an icon, with this name, to the button (see icons section for icon names)'},{name:"id",type:"string",description:"Assign ID to the underlying button"},{name:"outline",description:"Button style: outline"},{name:"pressed",type:["true","false"],default:"false",description:"Initial pressed state of the button."},{name:"round",description:"Makes the button round"},{name:"submit",type:["true","false"],default:"false",description:"If true button type is set to submit, otherwise it's button"},{name:"success",description:"Button type: success"},{name:"title",type:"string",description:"Assign title to the underlying button"},{name:"warning",description:"Button type: warning"},{name:"bind:element",type:"element",description:"Exposes the HTML element of the component."},{name:"on:click",type:"function",description:"Triggered when the button is clicked."}],`