diff --git a/assets/AccordionDocs.13803f39.js b/assets/AccordionDocs.e06cba82.js similarity index 99% rename from assets/AccordionDocs.13803f39.js rename to assets/AccordionDocs.e06cba82.js index 5a68ac1..186a483 100644 --- a/assets/AccordionDocs.13803f39.js +++ b/assets/AccordionDocs.e06cba82.js @@ -1,4 +1,4 @@ -import{y as A,s as m,m as c,z as v,u as p,c as e,D as h,d as g,C as w,X as K,w as C,t as y,o as u}from"./index.a8c27b5b.js";import{M as j}from"./index.ef3b11e9.js";import{E as o}from"./Example.2dc3bb5a.js";import{G as P}from"./GithubSource.1602124f.js";import"./Card.99118534.js";function x(r,n){return Array.isArray(r)?r.includes(n):r===n}const B=A({}),b=B,D={as:"div"},E=r=>{const[n,s]=m(c(D,r),["as","bsPrefix","class","children","eventKey"]),t=v(b),i=p(n.bsPrefix,"accordion-collapse");return e(w,c({get in(){return x(t.activeEventKey,n.eventKey)}},s,{get children(){return e(h,{get component(){return n.as},get class(){return g(n.class,i)},get children(){return n.children}})}}))},q=E,H=A({eventKey:""}),N=H,k={as:"div"},S=r=>{const[n,s]=m(c(k,r),["as","bsPrefix","class"]),t=p(n.bsPrefix,"accordion-body"),i=v(N);return e(q,{get eventKey(){return i.eventKey},get children(){return e(h,c({get component(){return n.as}},s,{get class(){return g(n.class,t)}}))}})},T=S;function $(r,n){const s=v(b);return t=>{let i=r===s.activeEventKey?null:r;s.alwaysOpen&&(Array.isArray(s.activeEventKey)?s.activeEventKey.includes(r)?i=s.activeEventKey.filter(d=>d!==r):i=[...s.activeEventKey,r]:i=[r]),s.onSelect?.(i,t),K(n,t)}}const L={as:"button"},U=r=>{const[n,s]=m(c(L,r),["as","bsPrefix","class","onClick"]),t=p(n.bsPrefix,"accordion-button"),i=v(N),d=$(i.eventKey,n.onClick),f=v(b);return e(h,c({get component(){return n.as},onClick:d},s,{get type(){return n.as==="button"?"button":void 0},get["aria-expanded"](){return i.eventKey===f.activeEventKey},get class(){return g(n.class,t,!x(f.activeEventKey,i.eventKey)&&"collapsed")}}))},I=U,_={as:"h2"},O=r=>{const[n,s]=m(c(_,r),["as","bsPrefix","class","children","onClick"]),t=p(n.bsPrefix,"accordion-header");return e(h,c({get component(){return n.as}},s,{get class(){return g(n.class,t)},get children(){return e(I,{get onClick(){return n.onClick},get children(){return n.children}})}}))},z=O,M={as:"div"},X=r=>{const[n,s]=m(c(M,r),["as","bsPrefix","class","eventKey"]),t=p(n.bsPrefix,"accordion-item"),i={get eventKey(){return n.eventKey}};return e(N.Provider,{value:i,get children(){return e(h,c({get component(){return n.as}},s,{get class(){return g(n.class,t)}}))}})},F=X,G={as:"div"},R=r=>{const[n,s]=m(c(G,r),["as","activeKey","alwaysOpen","bsPrefix","class","defaultActiveKey","onSelect","flush"]),[t,i]=C(()=>n.activeKey,()=>n.defaultActiveKey,n.onSelect),d=p(n.bsPrefix,"accordion"),f={get activeEventKey(){return t()},get alwaysOpen(){return n.alwaysOpen},get onSelect(){return i}};return e(b.Provider,{value:f,get children(){return e(h,c({get component(){return n.as}},s,{get class(){return g(n.class,d,n.flush&&`${d}-flush`)}}))}})},a=Object.assign(R,{Button:I,Collapse:q,Item:F,Header:z,Body:T}),V=y(`

API

Accordion

import { Accordion } from 'solid-bootstrap'
NameTypeDefaultDescription
activeKey
string | string[]

The current active key that corresponds to the currently expanded card

alwaysOpen
boolean

Allow accordion items to stay open when another item is opened

as
elementType

Set a custom element for this component

defaultActiveKey
string | string[]

The default active key that is expanded on start

flush
boolean

Renders accordion edge-to-edge with its parent container

bsPrefix
string
'accordion'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Item

NameTypeDefaultDescription
as
elementType
<div>

Set a custom element for this component

eventKey required
string

A unique key used to control this item's collapse/expand.

bsPrefix
string
'accordion-item'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Header

NameTypeDefaultDescription
as
elementType
<h2>

Set a custom element for this component

onClick
function

Click handler for the AccordionButton element

bsPrefix
string
'accordion-header'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Body

NameTypeDefaultDescription
as
elementType
<div>

Set a custom element for this component

bsPrefix
string
'accordion-body'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Button

NameTypeDefaultDescription
as
elementType
<button>

Set a custom element for this component

onClick
function

A callback function for when this component is clicked

bsPrefix
string
'accordion-button'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Collapse

NameTypeDefaultDescription
as
elementType
<div>

Set a custom element for this component

children required
element

Children prop should only contain a single child, and is enforced as such

eventKey required
string

A key that corresponds to the toggler that triggers this collapse's expand or collapse.

`),Y=()=>V.cloneNode(!0),J=y('

'),Q=y('
');function ae(r={}){const{wrapper:n}=Object.assign({},j(),r.components);return n?e(n,c(r,{get children(){return e(s,{})}})):s();function s(){const t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},j(),r.components);return a||l("Accordion",!1),a.Body||l("Accordion.Body",!0),a.Header||l("Accordion.Header",!0),a.Item||l("Accordion.Item",!0),o||l("Example",!1),o.Code||l("Example.Code",!0),o.Intro||l("Example.Intro",!0),o.Preview||l("Example.Preview",!0),[e(P,{name:"AccordionDocs.mdx"}),` +import{y as A,s as m,m as c,z as v,u as p,c as e,D as h,d as g,C as w,X as K,w as C,t as y,o as u}from"./index.46b6df7f.js";import{M as j}from"./index.e0aff9b5.js";import{E as o}from"./Example.6cae19f6.js";import{G as P}from"./GithubSource.4ed1a23d.js";import"./Card.cb90095f.js";function x(r,n){return Array.isArray(r)?r.includes(n):r===n}const B=A({}),b=B,D={as:"div"},E=r=>{const[n,s]=m(c(D,r),["as","bsPrefix","class","children","eventKey"]),t=v(b),i=p(n.bsPrefix,"accordion-collapse");return e(w,c({get in(){return x(t.activeEventKey,n.eventKey)}},s,{get children(){return e(h,{get component(){return n.as},get class(){return g(n.class,i)},get children(){return n.children}})}}))},q=E,H=A({eventKey:""}),N=H,k={as:"div"},S=r=>{const[n,s]=m(c(k,r),["as","bsPrefix","class"]),t=p(n.bsPrefix,"accordion-body"),i=v(N);return e(q,{get eventKey(){return i.eventKey},get children(){return e(h,c({get component(){return n.as}},s,{get class(){return g(n.class,t)}}))}})},T=S;function $(r,n){const s=v(b);return t=>{let i=r===s.activeEventKey?null:r;s.alwaysOpen&&(Array.isArray(s.activeEventKey)?s.activeEventKey.includes(r)?i=s.activeEventKey.filter(d=>d!==r):i=[...s.activeEventKey,r]:i=[r]),s.onSelect?.(i,t),K(n,t)}}const L={as:"button"},U=r=>{const[n,s]=m(c(L,r),["as","bsPrefix","class","onClick"]),t=p(n.bsPrefix,"accordion-button"),i=v(N),d=$(i.eventKey,n.onClick),f=v(b);return e(h,c({get component(){return n.as},onClick:d},s,{get type(){return n.as==="button"?"button":void 0},get["aria-expanded"](){return i.eventKey===f.activeEventKey},get class(){return g(n.class,t,!x(f.activeEventKey,i.eventKey)&&"collapsed")}}))},I=U,_={as:"h2"},O=r=>{const[n,s]=m(c(_,r),["as","bsPrefix","class","children","onClick"]),t=p(n.bsPrefix,"accordion-header");return e(h,c({get component(){return n.as}},s,{get class(){return g(n.class,t)},get children(){return e(I,{get onClick(){return n.onClick},get children(){return n.children}})}}))},z=O,M={as:"div"},X=r=>{const[n,s]=m(c(M,r),["as","bsPrefix","class","eventKey"]),t=p(n.bsPrefix,"accordion-item"),i={get eventKey(){return n.eventKey}};return e(N.Provider,{value:i,get children(){return e(h,c({get component(){return n.as}},s,{get class(){return g(n.class,t)}}))}})},F=X,G={as:"div"},R=r=>{const[n,s]=m(c(G,r),["as","activeKey","alwaysOpen","bsPrefix","class","defaultActiveKey","onSelect","flush"]),[t,i]=C(()=>n.activeKey,()=>n.defaultActiveKey,n.onSelect),d=p(n.bsPrefix,"accordion"),f={get activeEventKey(){return t()},get alwaysOpen(){return n.alwaysOpen},get onSelect(){return i}};return e(b.Provider,{value:f,get children(){return e(h,c({get component(){return n.as}},s,{get class(){return g(n.class,d,n.flush&&`${d}-flush`)}}))}})},a=Object.assign(R,{Button:I,Collapse:q,Item:F,Header:z,Body:T}),V=y(`

API

Accordion

import { Accordion } from 'solid-bootstrap'
NameTypeDefaultDescription
activeKey
string | string[]

The current active key that corresponds to the currently expanded card

alwaysOpen
boolean

Allow accordion items to stay open when another item is opened

as
elementType

Set a custom element for this component

defaultActiveKey
string | string[]

The default active key that is expanded on start

flush
boolean

Renders accordion edge-to-edge with its parent container

bsPrefix
string
'accordion'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Item

NameTypeDefaultDescription
as
elementType
<div>

Set a custom element for this component

eventKey required
string

A unique key used to control this item's collapse/expand.

bsPrefix
string
'accordion-item'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Header

NameTypeDefaultDescription
as
elementType
<h2>

Set a custom element for this component

onClick
function

Click handler for the AccordionButton element

bsPrefix
string
'accordion-header'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Body

NameTypeDefaultDescription
as
elementType
<div>

Set a custom element for this component

bsPrefix
string
'accordion-body'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Button

NameTypeDefaultDescription
as
elementType
<button>

Set a custom element for this component

onClick
function

A callback function for when this component is clicked

bsPrefix
string
'accordion-button'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Accordion.Collapse

NameTypeDefaultDescription
as
elementType
<div>

Set a custom element for this component

children required
element

Children prop should only contain a single child, and is enforced as such

eventKey required
string

A key that corresponds to the toggler that triggers this collapse's expand or collapse.

`),Y=()=>V.cloneNode(!0),J=y('

'),Q=y('
');function ae(r={}){const{wrapper:n}=Object.assign({},j(),r.components);return n?e(n,c(r,{get children(){return e(s,{})}})):s();function s(){const t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},j(),r.components);return a||l("Accordion",!1),a.Body||l("Accordion.Body",!0),a.Header||l("Accordion.Header",!0),a.Item||l("Accordion.Item",!0),o||l("Example",!1),o.Code||l("Example.Code",!0),o.Intro||l("Example.Intro",!0),o.Preview||l("Example.Preview",!0),[e(P,{name:"AccordionDocs.mdx"}),` `,e(t.h1,{children:"Accordion"}),` `,(()=>{const i=J.cloneNode(!0);return u(i,e(t.p,{children:`Build vertically collapsing accordions in combination with the Collapse\r component.`})),i})(),` diff --git a/assets/Alert.ccf287cf.js b/assets/Alert.cfed10ed.js similarity index 94% rename from assets/Alert.ccf287cf.js rename to assets/Alert.cfed10ed.js index b2610d9..5548dfe 100644 --- a/assets/Alert.ccf287cf.js +++ b/assets/Alert.cfed10ed.js @@ -1 +1 @@ -import{q as b,r as d,v as C,s as g,m as r,w as v,u as w,F as u,c as a,S as x,j as P,d as A,o as c,k as $,x as k,t as S}from"./index.a8c27b5b.js";const L=S('
'),B=b("h4"),H=d("alert-heading",{Component:B}),_=d("alert-link",{Component:C}),j={variant:"primary",defaultShow:!0,transition:u,closeLabel:"Close alert"},y=h=>{const[e,o]=g(r(j,h),["bsPrefix","children","defaultShow","show","closeLabel","closeVariant","class","children","variant","onClose","dismissible","transition"]),[p,l]=v(()=>e.show,()=>e.defaultShow,e.onClose),t=w(e.bsPrefix,"alert"),m=s=>{l&&l(!1,s)},n=e.transition===!0?u:e.transition,i=()=>(()=>{const s=L.cloneNode(!0);return P(s,r(n?{}:o,{get class(){return A(e.class,t,e.variant&&`${t}-${e.variant}`,e.dismissible&&`${t}-dismissible`)}}),!1,!0),c(s,(()=>{const f=$(()=>!!e.dismissible);return()=>f()&&a(k,{onClick:m,get["aria-label"](){return e.closeLabel},get variant(){return e.closeVariant}})})(),null),c(s,()=>e.children,null),s})();return a(x,{when:!!n,get fallback(){return e.show?i:null},get children(){return a(n,r({unmountOnExit:!0},o,{ref(s){undefined=s},get in(){return p()},children:i}))}})},N=Object.assign(y,{Link:_,Heading:H});export{N as A}; +import{q as b,r as d,v as C,s as g,m as r,w as v,u as w,F as u,c as a,S as x,j as P,d as A,o as c,k as $,x as k,t as S}from"./index.46b6df7f.js";const L=S('
'),B=b("h4"),H=d("alert-heading",{Component:B}),_=d("alert-link",{Component:C}),j={variant:"primary",defaultShow:!0,transition:u,closeLabel:"Close alert"},y=h=>{const[e,o]=g(r(j,h),["bsPrefix","children","defaultShow","show","closeLabel","closeVariant","class","children","variant","onClose","dismissible","transition"]),[p,l]=v(()=>e.show,()=>e.defaultShow,e.onClose),t=w(e.bsPrefix,"alert"),m=s=>{l&&l(!1,s)},n=e.transition===!0?u:e.transition,i=()=>(()=>{const s=L.cloneNode(!0);return P(s,r(n?{}:o,{get class(){return A(e.class,t,e.variant&&`${t}-${e.variant}`,e.dismissible&&`${t}-dismissible`)}}),!1,!0),c(s,(()=>{const f=$(()=>!!e.dismissible);return()=>f()&&a(k,{onClick:m,get["aria-label"](){return e.closeLabel},get variant(){return e.closeVariant}})})(),null),c(s,()=>e.children,null),s})();return a(x,{when:!!n,get fallback(){return e.show?i:null},get children(){return a(n,r({unmountOnExit:!0},o,{ref(s){undefined=s},get in(){return p()},children:i}))}})},N=Object.assign(y,{Link:_,Heading:H});export{N as A}; diff --git a/assets/AlertDocs.a6320a05.js b/assets/AlertDocs.dcad11fc.js similarity index 98% rename from assets/AlertDocs.a6320a05.js rename to assets/AlertDocs.dcad11fc.js index e1515e4..e5d7298 100644 --- a/assets/AlertDocs.a6320a05.js +++ b/assets/AlertDocs.dcad11fc.js @@ -1,4 +1,4 @@ -import{t as i,f as j,c as e,o as a,k as m,m as v,a9 as p}from"./index.a8c27b5b.js";import{M as g}from"./index.ef3b11e9.js";import{E as t}from"./Example.2dc3bb5a.js";import{G as f}from"./GithubSource.1602124f.js";import{A as r}from"./Alert.ccf287cf.js";import{B as u}from"./Layout.a2c9264a.js";import"./Card.99118534.js";const b=i(`

API

Alert

import { Alert } from 'solid-bootstrap'
NameTypeDefaultDescription
closeLabel
string
'Close alert'

Sets the text for alert close button.

closeVariant
'white'

Sets the variant for close button.

dismissible
boolean

Renders a properly aligned dismiss button, as well as adding extra horizontal padding to the Alert.

onClose
function
controls show

Callback fired when alert is closed.

show
boolean
true
controlled by: onClose, initial prop: defaultShow

Controls the visual state of the Alert.

transition
boolean | elementType
Fade

Animate the alert dismissal. Defaults to using <Fade> animation or use false to disable. A custom solid-react-transition Transition can also be provided.

variant
'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'
'primary'

The Alert visual variant

bsPrefix
string
'alert'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Alert.Heading

NameTypeDefaultDescription
as
elementType
<DivStyledAsH4>

You can use a custom element type for this component.

bsPrefix required
string
'alert-heading'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Alert.Link

NameTypeDefaultDescription
as
elementType
<Anchor>

You can use a custom element type for this component.

bsPrefix required
string
'alert-link'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

`),y=()=>b.cloneNode(!0),w=i("

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

"),A=i("
"),x=i('
');function k(){const[c,d]=j(!0);return[e(r,{get show(){return c()},variant:"success",get children(){return[e(r.Heading,{children:"How's it going?!"}),w.cloneNode(!0),A.cloneNode(!0),(()=>{const o=x.cloneNode(!0);return a(o,e(u,{onClick:()=>d(!1),variant:"outline-success",children:"Close me y'all!"})),o})()]}}),m((()=>{const o=m(()=>!c());return()=>o()&&e(u,{onClick:()=>d(!0),children:"Show Alert"})})())]}const C=i('

'),N=i("

"),_=i("
"),$=i('

'),S=i('
');function L(c={}){const{wrapper:d}=Object.assign({},g(),c.components);return d?e(d,v(c,{get children(){return e(o,{})}})):o();function o(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},g(),c.components);return r||h("Alert",!1),r.Heading||h("Alert.Heading",!0),t||h("Example",!1),t.Code||h("Example.Code",!0),t.Intro||h("Example.Intro",!0),t.Preview||h("Example.Preview",!0),[e(f,{name:"AlertDocs.mdx"}),` +import{t as i,f as j,c as e,o as a,k as m,m as v,a9 as p}from"./index.46b6df7f.js";import{M as g}from"./index.e0aff9b5.js";import{E as t}from"./Example.6cae19f6.js";import{G as f}from"./GithubSource.4ed1a23d.js";import{A as r}from"./Alert.cfed10ed.js";import{B as u}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";const b=i(`

API

Alert

import { Alert } from 'solid-bootstrap'
NameTypeDefaultDescription
closeLabel
string
'Close alert'

Sets the text for alert close button.

closeVariant
'white'

Sets the variant for close button.

dismissible
boolean

Renders a properly aligned dismiss button, as well as adding extra horizontal padding to the Alert.

onClose
function
controls show

Callback fired when alert is closed.

show
boolean
true
controlled by: onClose, initial prop: defaultShow

Controls the visual state of the Alert.

transition
boolean | elementType
Fade

Animate the alert dismissal. Defaults to using <Fade> animation or use false to disable. A custom solid-react-transition Transition can also be provided.

variant
'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'
'primary'

The Alert visual variant

bsPrefix
string
'alert'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Alert.Heading

NameTypeDefaultDescription
as
elementType
<DivStyledAsH4>

You can use a custom element type for this component.

bsPrefix required
string
'alert-heading'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

Alert.Link

NameTypeDefaultDescription
as
elementType
<Anchor>

You can use a custom element type for this component.

bsPrefix required
string
'alert-link'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

`),y=()=>b.cloneNode(!0),w=i("

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

"),A=i("
"),x=i('
');function k(){const[c,d]=j(!0);return[e(r,{get show(){return c()},variant:"success",get children(){return[e(r.Heading,{children:"How's it going?!"}),w.cloneNode(!0),A.cloneNode(!0),(()=>{const o=x.cloneNode(!0);return a(o,e(u,{onClick:()=>d(!1),variant:"outline-success",children:"Close me y'all!"})),o})()]}}),m((()=>{const o=m(()=>!c());return()=>o()&&e(u,{onClick:()=>d(!0),children:"Show Alert"})})())]}const C=i('

'),N=i("

"),_=i("
"),$=i('

'),S=i('
');function L(c={}){const{wrapper:d}=Object.assign({},g(),c.components);return d?e(d,v(c,{get children(){return e(o,{})}})):o();function o(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},g(),c.components);return r||h("Alert",!1),r.Heading||h("Alert.Heading",!0),t||h("Example",!1),t.Code||h("Example.Code",!0),t.Intro||h("Example.Intro",!0),t.Preview||h("Example.Preview",!0),[e(f,{name:"AlertDocs.mdx"}),` `,e(s.h1,{children:"Alerts"}),` `,(()=>{const l=C.cloneNode(!0);return a(l,e(s.p,{children:`Provide contextual feedback messages for typical user actions with the handful\r of available and flexible alert messages.`})),l})(),` diff --git a/assets/Badge.b24f16de.js b/assets/Badge.0e5c60c3.js similarity index 66% rename from assets/Badge.b24f16de.js rename to assets/Badge.0e5c60c3.js index e27ed4b..0a7bd93 100644 --- a/assets/Badge.b24f16de.js +++ b/assets/Badge.0e5c60c3.js @@ -1 +1 @@ -import{s as o,m as e,u as p,c as l,d as n,D as c}from"./index.a8c27b5b.js";const i={as:"span",bg:"primary",pill:!1},g=t=>{const[s,a]=o(e(i,t),["as","bsPrefix","bg","pill","text","class"]),r=p(s.bsPrefix,"badge");return l(c,e({get component(){return s.as}},a,{get class(){return n(s.class,r,s.pill&&"rounded-pill",s.text&&`text-${s.text}`,s.bg&&`bg-${s.bg}`)}}))},x=g;export{x as B}; +import{s as o,m as e,u as p,c as l,d as n,D as c}from"./index.46b6df7f.js";const i={as:"span",bg:"primary",pill:!1},g=t=>{const[s,a]=o(e(i,t),["as","bsPrefix","bg","pill","text","class"]),r=p(s.bsPrefix,"badge");return l(c,e({get component(){return s.as}},a,{get class(){return n(s.class,r,s.pill&&"rounded-pill",s.text&&`text-${s.text}`,s.bg&&`bg-${s.bg}`)}}))},x=g;export{x as B}; diff --git a/assets/BadgeDocs.f0c5fd33.js b/assets/BadgeDocs.c5d04fcb.js similarity index 97% rename from assets/BadgeDocs.f0c5fd33.js rename to assets/BadgeDocs.c5d04fcb.js index 24bb027..7e7d672 100644 --- a/assets/BadgeDocs.f0c5fd33.js +++ b/assets/BadgeDocs.c5d04fcb.js @@ -1,4 +1,4 @@ -import{t as c,c as e,m as g,o as r,k as o}from"./index.a8c27b5b.js";import{M as p}from"./index.ef3b11e9.js";import{E as l}from"./Example.2dc3bb5a.js";import{G as N}from"./GithubSource.1602124f.js";import{B as n}from"./Badge.b24f16de.js";import{A as u}from"./Alert.ccf287cf.js";import{B as j}from"./Layout.a2c9264a.js";import"./Card.99118534.js";const b=c(`

API

Badge

import { Badge } from 'solid-bootstrap'
NameTypeDefaultDescription
as
elementType
<span>

You can use a custom element type for this component.

bg
'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
'primary'

The visual style of the badge

pill
boolean
false

Add the pill modifier to make badges more rounded with some additional horizontal padding

text
'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'

Sets badge text color

bsPrefix
string
'badge'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

`),f=()=>b.cloneNode(!0),x=c('

'),B=c("

Example heading

"),y=c("

Example heading

"),v=c("

Example heading

"),w=c("

Example heading

"),_=c("
Example heading
"),k=c("
Example heading
"),E=c('
');function L(d={}){const{wrapper:h}=Object.assign({},p(),d.components);return h?e(h,g(d,{get children(){return e(m,{})}})):m();function m(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},p(),d.components);return l||i("Example",!1),l.Code||i("Example.Code",!0),l.Intro||i("Example.Intro",!0),l.Preview||i("Example.Preview",!0),[e(N,{name:"BadgeDocs.mdx"}),` +import{t as c,c as e,m as g,o as r,k as o}from"./index.46b6df7f.js";import{M as p}from"./index.e0aff9b5.js";import{E as l}from"./Example.6cae19f6.js";import{G as N}from"./GithubSource.4ed1a23d.js";import{B as n}from"./Badge.0e5c60c3.js";import{A as u}from"./Alert.cfed10ed.js";import{B as j}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";const b=c(`

API

Badge

import { Badge } from 'solid-bootstrap'
NameTypeDefaultDescription
as
elementType
<span>

You can use a custom element type for this component.

bg
'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
'primary'

The visual style of the badge

pill
boolean
false

Add the pill modifier to make badges more rounded with some additional horizontal padding

text
'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'

Sets badge text color

bsPrefix
string
'badge'

Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

`),f=()=>b.cloneNode(!0),x=c('

'),B=c("

Example heading

"),y=c("

Example heading

"),v=c("

Example heading

"),w=c("

Example heading

"),_=c("
Example heading
"),k=c("
Example heading
"),E=c('
');function L(d={}){const{wrapper:h}=Object.assign({},p(),d.components);return h?e(h,g(d,{get children(){return e(m,{})}})):m();function m(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},p(),d.components);return l||i("Example",!1),l.Code||i("Example.Code",!0),l.Intro||i("Example.Intro",!0),l.Preview||i("Example.Preview",!0),[e(N,{name:"BadgeDocs.mdx"}),` `,e(s.h1,{children:"Badges"}),` `,(()=>{const t=x.cloneNode(!0);return r(t,e(s.p,{children:`Badges scale to match the size of the immediate parent element by\r using relative font sizing and em units.`})),t})(),` diff --git a/assets/BreadcrumbDocs.31d96e0a.js b/assets/BreadcrumbDocs.355efb5a.js similarity index 96% rename from assets/BreadcrumbDocs.31d96e0a.js rename to assets/BreadcrumbDocs.355efb5a.js index 733d4c4..1667c2f 100644 --- a/assets/BreadcrumbDocs.31d96e0a.js +++ b/assets/BreadcrumbDocs.355efb5a.js @@ -1,4 +1,4 @@ -import{s as b,m as d,u as f,c as e,d as p,k as v,D as h,v as g,j as N,o as l,t as m}from"./index.a8c27b5b.js";import{M as u}from"./index.ef3b11e9.js";import{E as n}from"./Example.2dc3bb5a.js";import{G as j}from"./GithubSource.1602124f.js";import"./Card.99118534.js";const y={as:"li",active:!1,linkAs:g,linkProps:{}},w=a=>{const[r,o]=b(d(y,a),["bsPrefix","active","children","class","as","linkAs","linkProps","href","title","target"]),t=f(r.bsPrefix,"breadcrumb-item");return e(h,d({get component(){return r.as}},o,{get class(){return p(t,r.class,{active:r.active})},get["aria-current"](){return r.active?"page":void 0},get children(){return v(()=>!!r.active)()?r.children:e(h,d({get component(){return r.linkAs}},()=>r.linkProps,{get href(){return r.href},get title(){return r.title},get target(){return r.target},get children(){return r.children}}))}}))},x=w,P=m("
    "),B={as:"nav",label:"breadcrumb",listProps:{}},I=a=>{const[r,o]=b(d(B,a),["bsPrefix","class","listProps","children","label","as"]),t=f(r.bsPrefix,"breadcrumb");return e(h,d({get component(){return r.as},get["aria-label"](){return r.label},get class(){return p(r.class)}},o,{get children(){const s=P.cloneNode(!0);return N(s,d(()=>r.listProps,{get class(){return p(t,r.listProps?.class)}}),!1,!0),l(s,()=>r.children),s}}))},c=Object.assign(I,{Item:x}),k=m(`

    API

    Breadcrumb

    import { Breadcrumb } from 'solid-bootstrap'
    NameTypeDefaultDescription
    as
    elementType
    		<nav>

    You can use a custom element type for this component.

    label
    string
    		'breadcrumb'
    listProps
    object

    Additional props passed as-is to the underlying <ol> element

    bsPrefix
    string
    		'breadcrumb'

    Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

    Breadcrumb.Item

    NameTypeDefaultDescription
    active
    boolean
    		false

    Adds a visual "active" state to a Breadcrumb Item and disables the link.

    as
    elementType
    		<li>

    You can use a custom element type for this component.

    href
    string

    href attribute for the inner a element

    linkAs
    elementType
    		<Anchor>

    You can use a custom element type for this component's inner link.

    linkProps
    object

    Additional props passed as-is to the underlying link for non-active items.

    target
    string

    target attribute for the inner a element

    title
    node

    title attribute for the inner a element

    bsPrefix
    string
    		'breadcrumb-item'

    Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

    `),A=()=>k.cloneNode(!0),D=m('

    '),_=m('
    ');function M(a={}){const{wrapper:r}=Object.assign({},u(),a.components);return r?e(r,d(a,{get children(){return e(o,{})}})):o();function o(){const t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},u(),a.components);return c||i("Breadcrumb",!1),c.Item||i("Breadcrumb.Item",!0),n||i("Example",!1),n.Code||i("Example.Code",!0),n.Intro||i("Example.Intro",!0),n.Preview||i("Example.Preview",!0),[e(j,{name:"BreadcrumbDocs.mdx"}),` +import{s as b,m as d,u as f,c as e,d as p,k as v,D as h,v as g,j as N,o as l,t as m}from"./index.46b6df7f.js";import{M as u}from"./index.e0aff9b5.js";import{E as n}from"./Example.6cae19f6.js";import{G as j}from"./GithubSource.4ed1a23d.js";import"./Card.cb90095f.js";const y={as:"li",active:!1,linkAs:g,linkProps:{}},w=a=>{const[r,o]=b(d(y,a),["bsPrefix","active","children","class","as","linkAs","linkProps","href","title","target"]),t=f(r.bsPrefix,"breadcrumb-item");return e(h,d({get component(){return r.as}},o,{get class(){return p(t,r.class,{active:r.active})},get["aria-current"](){return r.active?"page":void 0},get children(){return v(()=>!!r.active)()?r.children:e(h,d({get component(){return r.linkAs}},()=>r.linkProps,{get href(){return r.href},get title(){return r.title},get target(){return r.target},get children(){return r.children}}))}}))},x=w,P=m("
      "),B={as:"nav",label:"breadcrumb",listProps:{}},I=a=>{const[r,o]=b(d(B,a),["bsPrefix","class","listProps","children","label","as"]),t=f(r.bsPrefix,"breadcrumb");return e(h,d({get component(){return r.as},get["aria-label"](){return r.label},get class(){return p(r.class)}},o,{get children(){const s=P.cloneNode(!0);return N(s,d(()=>r.listProps,{get class(){return p(t,r.listProps?.class)}}),!1,!0),l(s,()=>r.children),s}}))},c=Object.assign(I,{Item:x}),k=m(`

      API

      Breadcrumb

      import { Breadcrumb } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<nav>

      You can use a custom element type for this component.

      label
      string
      		'breadcrumb'
      listProps
      object

      Additional props passed as-is to the underlying <ol> element

      bsPrefix
      string
      		'breadcrumb'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Breadcrumb.Item

      NameTypeDefaultDescription
      active
      boolean
      		false

      Adds a visual "active" state to a Breadcrumb Item and disables the link.

      as
      elementType
      		<li>

      You can use a custom element type for this component.

      href
      string

      href attribute for the inner a element

      linkAs
      elementType
      		<Anchor>

      You can use a custom element type for this component's inner link.

      linkProps
      object

      Additional props passed as-is to the underlying link for non-active items.

      target
      string

      target attribute for the inner a element

      title
      node

      title attribute for the inner a element

      bsPrefix
      string
      		'breadcrumb-item'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),A=()=>k.cloneNode(!0),D=m('

      '),_=m('
      ');function M(a={}){const{wrapper:r}=Object.assign({},u(),a.components);return r?e(r,d(a,{get children(){return e(o,{})}})):o();function o(){const t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},u(),a.components);return c||i("Breadcrumb",!1),c.Item||i("Breadcrumb.Item",!0),n||i("Example",!1),n.Code||i("Example.Code",!0),n.Intro||i("Example.Intro",!0),n.Preview||i("Example.Preview",!0),[e(j,{name:"BreadcrumbDocs.mdx"}),` `,e(t.h1,{children:"Breadcrumbs"}),` `,(()=>{const s=D.cloneNode(!0);return l(s,e(t.p,{children:`Indicate the current page\u2019s location within a navigational hierarchy\r that automatically adds separators via CSS. Add active prop to active\r diff --git a/assets/ButtonDocs.38af051d.js b/assets/ButtonDocs.7e035db6.js similarity index 99% rename from assets/ButtonDocs.38af051d.js rename to assets/ButtonDocs.7e035db6.js index 69f056f..3e9de00 100644 --- a/assets/ButtonDocs.38af051d.js +++ b/assets/ButtonDocs.7e035db6.js @@ -1,4 +1,4 @@ -import{s as yl,u as Sl,aa as Cl,ab as Bl,L as kl,I as P,J as D,c as e,m as E,d as wl,t as p,f as M,h as Tl,a9 as Me,o as s,k as Ll}from"./index.a8c27b5b.js";import{M as f}from"./index.ef3b11e9.js";import{B as a}from"./Layout.a2c9264a.js";import{B as R}from"./ButtonGroup.bec3fbe2.js";import{E as t}from"./Example.2dc3bb5a.js";import{G as zl}from"./GithubSource.1602124f.js";import{A as Pl}from"./Alert.ccf287cf.js";import"./Card.99118534.js";const Dl=p(''),Rl=()=>{},Il=c=>{const[r,h]=yl(c,["bsPrefix","name","class","checked","type","onChange","value","disabled","id","inputRef"]),n=Sl(r.bsPrefix,"btn-check");return[(()=>{const l=Dl.cloneNode(!0);Cl(l,"change",r.onChange||Rl);const i=r.inputRef;return typeof i=="function"?Bl(i,l):r.inputRef=l,kl(l,n),P(d=>{const o=r.name,N=r.type,g=!!r.disabled,j=r.id;return o!==d._v$&&D(l,"name",d._v$=o),N!==d._v$2&&D(l,"type",d._v$2=N),g!==d._v$3&&(l.disabled=d._v$3=g),j!==d._v$4&&D(l,"id",d._v$4=j),d},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),P(()=>l.value=r.value),P(()=>l.checked=!!r.checked),l})(),e(a,E(h,{get class(){return wl(r.class,r.disabled&&"disabled")},type:void 0,role:void 0,as:"label",get htmlFor(){return r.id}}))]},v=Il,I=p("
      ");function Ml(){const[c,r]=M(!1);function h(){return new Promise(l=>setTimeout(l,2e3))}Tl(()=>{c()&&h().then(()=>{r(!1)})});const n=()=>r(!0);return e(a,{variant:"primary",get disabled(){return c()},get onClick(){return c()?void 0:n},get children(){return c()?"Loading\u2026":"Click to load"}})}function El(){const[c,r]=M(!1),[h,n]=M("1"),l=[{name:"Active",value:"1"},{name:"Radio",value:"2"},{name:"Radio",value:"3"}];return[e(R,{class:"mb-2",get children(){return e(v,{id:"toggle-check",type:"checkbox",variant:"secondary",get checked(){return c()},value:"1",onChange:i=>r(i.currentTarget.checked),children:"Checked"})}}),I.cloneNode(!0),e(v,{class:"mb-2",id:"toggle-check",type:"checkbox",variant:"outline-primary",get checked(){return c()},value:"1",onChange:i=>r(i.currentTarget.checked),children:"Checked"}),I.cloneNode(!0),e(R,{class:"mb-2",get children(){return e(Me,{each:l,children:(i,d)=>e(v,{get id(){return`radio-${d()}`},type:"radio",variant:"secondary",name:"radio",get value(){return i.value},get checked(){return h()===i.value},onChange:o=>n(o.currentTarget.value),get children(){return i.name}})})}}),I.cloneNode(!0),e(R,{get children(){return e(Me,{each:l,children:(i,d)=>e(v,{get id(){return`radio2-${d()}`},type:"radio",get variant(){return d()%2?"outline-success":"outline-danger"},name:"radio2",get value(){return i.value},get checked(){return h()===i.value},onChange:o=>n(o.currentTarget.value),get children(){return i.name}})})}})]}const Gl=p(`
      +import{s as yl,u as Sl,aa as Cl,ab as Bl,L as kl,I as P,J as D,c as e,m as E,d as wl,t as p,f as M,h as Tl,a9 as Me,o as s,k as Ll}from"./index.46b6df7f.js";import{M as f}from"./index.e0aff9b5.js";import{B as a}from"./Layout.4a46f345.js";import{B as R}from"./ButtonGroup.355a2d23.js";import{E as t}from"./Example.6cae19f6.js";import{G as zl}from"./GithubSource.4ed1a23d.js";import{A as Pl}from"./Alert.cfed10ed.js";import"./Card.cb90095f.js";const Dl=p(''),Rl=()=>{},Il=c=>{const[r,h]=yl(c,["bsPrefix","name","class","checked","type","onChange","value","disabled","id","inputRef"]),n=Sl(r.bsPrefix,"btn-check");return[(()=>{const l=Dl.cloneNode(!0);Cl(l,"change",r.onChange||Rl);const i=r.inputRef;return typeof i=="function"?Bl(i,l):r.inputRef=l,kl(l,n),P(d=>{const o=r.name,N=r.type,g=!!r.disabled,j=r.id;return o!==d._v$&&D(l,"name",d._v$=o),N!==d._v$2&&D(l,"type",d._v$2=N),g!==d._v$3&&(l.disabled=d._v$3=g),j!==d._v$4&&D(l,"id",d._v$4=j),d},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),P(()=>l.value=r.value),P(()=>l.checked=!!r.checked),l})(),e(a,E(h,{get class(){return wl(r.class,r.disabled&&"disabled")},type:void 0,role:void 0,as:"label",get htmlFor(){return r.id}}))]},v=Il,I=p("
      ");function Ml(){const[c,r]=M(!1);function h(){return new Promise(l=>setTimeout(l,2e3))}Tl(()=>{c()&&h().then(()=>{r(!1)})});const n=()=>r(!0);return e(a,{variant:"primary",get disabled(){return c()},get onClick(){return c()?void 0:n},get children(){return c()?"Loading\u2026":"Click to load"}})}function El(){const[c,r]=M(!1),[h,n]=M("1"),l=[{name:"Active",value:"1"},{name:"Radio",value:"2"},{name:"Radio",value:"3"}];return[e(R,{class:"mb-2",get children(){return e(v,{id:"toggle-check",type:"checkbox",variant:"secondary",get checked(){return c()},value:"1",onChange:i=>r(i.currentTarget.checked),children:"Checked"})}}),I.cloneNode(!0),e(v,{class:"mb-2",id:"toggle-check",type:"checkbox",variant:"outline-primary",get checked(){return c()},value:"1",onChange:i=>r(i.currentTarget.checked),children:"Checked"}),I.cloneNode(!0),e(R,{class:"mb-2",get children(){return e(Me,{each:l,children:(i,d)=>e(v,{get id(){return`radio-${d()}`},type:"radio",variant:"secondary",name:"radio",get value(){return i.value},get checked(){return h()===i.value},onChange:o=>n(o.currentTarget.value),get children(){return i.name}})})}}),I.cloneNode(!0),e(R,{get children(){return e(Me,{each:l,children:(i,d)=>e(v,{get id(){return`radio2-${d()}`},type:"radio",get variant(){return d()%2?"outline-success":"outline-danger"},name:"radio2",get value(){return i.value},get checked(){return h()===i.value},onChange:o=>n(o.currentTarget.value),get children(){return i.name}})})}})]}const Gl=p(`
      NameTypeDefaultDescription
      active
      boolean

      Manually set the visual state of the button to

      diff --git a/assets/ButtonGroup.bec3fbe2.js b/assets/ButtonGroup.355a2d23.js similarity index 66% rename from assets/ButtonGroup.bec3fbe2.js rename to assets/ButtonGroup.355a2d23.js index 49c20b1..06959cc 100644 --- a/assets/ButtonGroup.bec3fbe2.js +++ b/assets/ButtonGroup.355a2d23.js @@ -1 +1 @@ -import{s as c,m as t,u as i,c as l,d as n,D as p}from"./index.a8c27b5b.js";const u={as:"div",vertical:!1,role:"group"},f=a=>{const[s,o]=c(t(u,a),["bsPrefix","size","vertical","class","as"]),e=i(s.bsPrefix,"btn-group");let r=e;return s.vertical&&(r=`${e}-vertical`),l(p,t({get component(){return s.as}},o,{get class(){return n(s.class,r,s.size&&`${e}-${s.size}`)}}))},P=f;export{P as B}; +import{s as c,m as t,u as i,c as l,d as n,D as p}from"./index.46b6df7f.js";const u={as:"div",vertical:!1,role:"group"},f=a=>{const[s,o]=c(t(u,a),["bsPrefix","size","vertical","class","as"]),e=i(s.bsPrefix,"btn-group");let r=e;return s.vertical&&(r=`${e}-vertical`),l(p,t({get component(){return s.as}},o,{get class(){return n(s.class,r,s.size&&`${e}-${s.size}`)}}))},P=f;export{P as B}; diff --git a/assets/ButtonGroupDocs.ee410508.js b/assets/ButtonGroupDocs.9368d042.js similarity index 88% rename from assets/ButtonGroupDocs.ee410508.js rename to assets/ButtonGroupDocs.9368d042.js index 7d97108..a826d1b 100644 --- a/assets/ButtonGroupDocs.ee410508.js +++ b/assets/ButtonGroupDocs.9368d042.js @@ -1,4 +1,4 @@ -import{s as v,m as N,u as w,j as f,d as y,t as p,c as e,o as c}from"./index.a8c27b5b.js";import{M as j}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as x}from"./GithubSource.1602124f.js";import{D as t}from"./Dropdown.a5036113.js";import{I as o}from"./InputGroup.349202f6.js";import{B as r}from"./ButtonGroup.bec3fbe2.js";import{B as n}from"./Layout.a2c9264a.js";import{c as b}from"./FormControl.4ffd1e4d.js";import{D as u}from"./DropdownButton.e4c391a0.js";import"./Card.99118534.js";import"./Dropdown.e12de560.js";import"./store.bc2dca4a.js";import"./InputGroupContext.b6007797.js";const D=p("
      "),G={role:"toolbar"},I=i=>{const[d,m]=v(N(G,i),["bsPrefix","class"]),s=w(d.bsPrefix,"btn-toolbar");return(()=>{const l=D.cloneNode(!0);return f(l,N(m,{get class(){return y(d.class,s)}}),!1,!1),l})()},g=I,T=p(`

      API

      ButtonGroup

      import { ButtonGroup } from 'solid-bootstrap'
      NameTypeDefaultDescription
      active
      boolean

      Manually set the visual state of the button to

      as
      elementType

      You can use a custom element type for this component.

      disabled
      boolean

      Disables the Button, preventing mouse events, even if the underlying component is an element

      href
      string

      Providing a will render an element, styled as a button.

      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      role
      string
      		'group'

      An ARIA role describing the button group. Usually the default "group" role is fine. An aria-label or aria-labelledby prop is also recommended.

      size
      'sm' | 'lg'

      Sets the size for all Buttons in the group.

      vertical
      boolean
      		false

      Make the set of Buttons appear vertically stacked.

      bsPrefix
      string
      		'btn-group'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ButtonToolbar

      import { ButtonToolbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      role
      string
      		'toolbar'

      The ARIA role describing the button toolbar. Generally the default "toolbar" role is correct. An aria-label or aria-labelledby prop is also recommended.

      bsPrefix
      string
      		'btn-toolbar'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),k=()=>T.cloneNode(!0),_=p('

      '),B=p("
      "),C=p('
      ');function U(i={}){const{wrapper:d}=Object.assign({},j(),i.components);return d?e(d,N(i,{get children(){return e(m,{})}})):m();function m(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",em:"em",strong:"strong"},j(),i.components);return t||h("Dropdown",!1),t.Item||h("Dropdown.Item",!0),a||h("Example",!1),a.Code||h("Example.Code",!0),a.Intro||h("Example.Intro",!0),a.Preview||h("Example.Preview",!0),o||h("InputGroup",!1),o.Text||h("InputGroup.Text",!0),[e(x,{name:"ButtonGroupDocs.mdx"}),` +import{s as v,m as N,u as w,j as f,d as y,t as p,c as e,o as c}from"./index.46b6df7f.js";import{M as j}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import{G as x}from"./GithubSource.4ed1a23d.js";import{D as t}from"./Dropdown.bda8fe74.js";import{I as o}from"./InputGroup.9f9c5df2.js";import{B as r}from"./ButtonGroup.355a2d23.js";import{B as n}from"./Layout.4a46f345.js";import{c as b}from"./FormControl.32f92fa6.js";import{D as u}from"./DropdownButton.14b1eaa5.js";import"./Card.cb90095f.js";import"./Dropdown.3422f430.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";import"./InputGroupContext.c22a8337.js";const D=p("
      "),G={role:"toolbar"},I=i=>{const[d,m]=v(N(G,i),["bsPrefix","class"]),s=w(d.bsPrefix,"btn-toolbar");return(()=>{const l=D.cloneNode(!0);return f(l,N(m,{get class(){return y(d.class,s)}}),!1,!1),l})()},g=I,T=p(`

      API

      ButtonGroup

      import { ButtonGroup } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      role
      string
      		'group'

      An ARIA role describing the button group. Usually the default "group" role is fine. An aria-label or aria-labelledby prop is also recommended.

      size
      'sm' | 'lg'

      Sets the size for all Buttons in the group.

      vertical
      boolean
      		false

      Make the set of Buttons appear vertically stacked.

      bsPrefix
      string
      		'btn-group'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ButtonToolbar

      import { ButtonToolbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      role
      string
      		'toolbar'

      The ARIA role describing the button toolbar. Generally the default "toolbar" role is correct. An aria-label or aria-labelledby prop is also recommended.

      bsPrefix
      string
      		'btn-toolbar'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),k=()=>T.cloneNode(!0),_=p('

      '),B=p("
      "),C=p('
      ');function U(i={}){const{wrapper:d}=Object.assign({},j(),i.components);return d?e(d,N(i,{get children(){return e(m,{})}})):m();function m(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",em:"em",strong:"strong"},j(),i.components);return t||h("Dropdown",!1),t.Item||h("Dropdown.Item",!0),a||h("Example",!1),a.Code||h("Example.Code",!0),a.Intro||h("Example.Intro",!0),a.Preview||h("Example.Preview",!0),o||h("InputGroup",!1),o.Text||h("InputGroup.Text",!0),[e(x,{name:"ButtonGroupDocs.mdx"}),` `,e(s.h1,{children:"Button groups"}),` `,(()=>{const l=_.cloneNode(!0);return c(l,e(s.p,{children:"Group a series of buttons together on a single line with the button group."})),l})(),` `,(()=>{const l=C.cloneNode(!0);return c(l,e(a,{title:"Basic example",get children(){return[e(a.Intro,{get children(){return e(s.p,{get children(){return["Wrap a series of ",e(s.code,{children:"'),Ve=c(''),te=c(''),Be=c(''),Ye=40,Je={as:"div",slide:!0,fade:!1,controls:!0,indicators:!0,indicatorLabels:[],defaultActiveIndex:0,interval:5e3,keyboard:!0,pause:"hover",wrap:!0,touch:!0,prevLabel:"Previous",nextLabel:"Next"};function Qe(d){if(!d||!d.style||!d.parentNode||!d.parentNode.style)return!1;const n=getComputedStyle(d);return n.display!=="none"&&n.visibility!=="hidden"&&getComputedStyle(d.parentNode).display!=="none"}const es=d=>{const[n,b]=ie(L(Je,d),["as","bsPrefix","slide","fade","controls","indicators","indicatorLabels","activeIndex","defaultActiveIndex","onSelect","onSlide","onSlid","interval","keyboard","onKeyDown","pause","onMouseOver","onMouseOut","wrap","touch","onTouchStart","onTouchMove","onTouchEnd","prevIcon","prevLabel","nextIcon","nextLabel","variant","class","children","ref"]),[s,p]=Te(()=>n.activeIndex,()=>n.defaultActiveIndex,n.onSelect),a=de(n.bsPrefix,"carousel"),M=Le(),he=Me(()=>n.children),y=h(()=>{const t=he();return Array.isArray(t)?t:[t]}),[q,G]=v(null),[W,X]=v("next"),[pe,A]=v(!1),[E,K]=v(!1),[f,me]=v(s()||0);Ae(()=>Re(()=>{!E()&&s()!==f()&&(q()?X(q()):X((s()||0)>f()?"next":"prev"),n.slide&&K(!0),me(s()||0))})),Z(()=>{q()&&G(null)});const ue=h(()=>{for(let t=0;t{if(E())return;let i=f()-1;if(i<0){if(!n.wrap)return;i=y().length-1}G("prev"),p?.(i,t)},x=t=>{if(E())return;let i=f()+1;if(i>=y().length){if(!n.wrap)return;i=0}G("next"),p?.(i,t)},[H,ge]=v(),Ne=t=>{ge(t),typeof n.ref=="function"&&n.ref({get element(){return H()},prev:C,next:x})},je=()=>{!document.hidden&&Qe(H())&&(M()?C():x())},S=h(()=>W()==="next"?"start":"end");Z(()=>{n.slide||(n.onSlide?.(f(),S()),n.onSlid?.(f(),S()))});const fe=h(()=>`${a}-item-${W()}`),ve=h(()=>`${a}-item-${S()}`),be=t=>{Ue(t),n.onSlide?.(f(),S())},ye=()=>{K(!1),n.onSlid?.(f(),S())},Ce=t=>{if(n.keyboard&&!/input|textarea/i.test(t.target.tagName))switch(t.key){case"ArrowLeft":t.preventDefault(),M()?x(t):C(t);return;case"ArrowRight":t.preventDefault(),M()?C(t):x(t);return}I(n.onKeyDown,t)},xe=t=>{n.pause==="hover"&&A(!0),I(n.onMouseOver,t)},$e=t=>{A(!1),I(n.onMouseOut,t)};let V,D;const we=t=>{V=t.touches[0].clientX,D=0,n.pause==="hover"&&A(!0),I(n.onTouchStart,t)},Ie=t=>{t.touches&&t.touches.length>1?D=0:D=t.touches[0].clientX-V,I(n.onTouchMove,t)},Se=t=>{if(n.touch){const i=D;Math.abs(i)>Ye&&(i>0?C(t):x(t))}if(n.pause==="hover"){let i=window.setTimeout(()=>{A(!1)},n.interval);se(()=>{window.clearTimeout(i)})}I(n.onTouchEnd,t)},_e=h(()=>n.interval!=null&&!pe()&&!E()),[B,Pe]=v();Z(()=>{if(!_e())return;const t=M()?C:x;Pe(window.setInterval(document.visibilityState?je:t,ue()??n.interval??void 0)),se(()=>{B()!==null&&clearInterval(B())})});const $=Ee(f);return e(oe,L({get component(){return n.as},ref:Ne},b,{onKeyDown:Ce,onMouseOver:xe,onMouseOut:$e,onTouchStart:we,onTouchMove:Ie,onTouchEnd:Se,get class(){return z(n.class,a,n.slide&&"slide",n.fade&&`${a}-fade`,n.variant&&`${a}-${n.variant}`)},get children(){return[h(()=>h(()=>!!n.indicators)()&&(()=>{const t=ne.cloneNode(!0);return R(t,`${a}-indicators`),l(t,e(J,{get each(){return y()},children:(i,N)=>(()=>{const j=He.cloneNode(!0);return j.$$click=m=>p?.(N(),m),De(m=>{const O=n.indicatorLabels?.length?n.indicatorLabels[N()]:`Slide ${N()+1}`,_=$(N())?"active":void 0,Y=$(N());return O!==m._v$&&Q(j,"aria-label",m._v$=O),_!==m._v$2&&R(j,m._v$2=_),Y!==m._v$3&&Q(j,"aria-current",m._v$3=Y),m},{_v$:void 0,_v$2:void 0,_v$3:void 0}),j})()})),t})()),(()=>{const t=ne.cloneNode(!0);return R(t,`${a}-inner`),l(t,e(J,{get each(){return y()},children:(i,N)=>{const j=typeof i.item=="function"?i.item():i.item;return n.slide?e(Oe,{get in(){return $(N())},get onEnter(){return $(N())?be:void 0},get onEntered(){return $(N())?ye:void 0},addEndListener:Ze,children:(m,O)=>{O.ref(j);const _=z($(N())&&m!=="entered"&&fe(),(m==="entered"||m==="exiting")&&"active",(m==="entering"||m==="exiting")&&ve());return qe(j,i.prevClasses,_),i.prevClasses=_,j}}):()=>(Z(()=>{j.classList.toggle("active",$(N()))}),j)}})),t})(),h(()=>h(()=>!!n.controls)()&&[h((()=>{const t=h(()=>!!(n.wrap||s()!==0));return()=>t()&&e(ee,{class:`${a}-control-prev`,onClick:C,get children(){return[h(()=>n.prevIcon??Ve.cloneNode(!0)),h(()=>h(()=>!!n.prevLabel)()&&(()=>{const i=te.cloneNode(!0);return l(i,()=>n.prevLabel),i})())]}})})()),h((()=>{const t=h(()=>!!(n.wrap||s()!==y().length-1));return()=>t()&&e(ee,{class:`${a}-control-next`,onClick:x,get children(){return[h(()=>n.nextIcon??Be.cloneNode(!0)),h(()=>h(()=>!!n.nextLabel)()&&(()=>{const i=te.cloneNode(!0);return l(i,()=>n.nextLabel),i})())]}})})())])]}}))},r=Object.assign(es,{Caption:Fe,Item:Ke});Ge(["click"]);const ss=c(`

      API

      Carousel

      import { Carousel } from 'solid-bootstrap'
      NameTypeDefaultDescription
      activeIndex
      number
      controlled by: onSelect, initial prop: defaultActiveindex

      Controls the current visible slide

      as
      elementType

      You can use a custom element type for this component.

      controls
      boolean
      		true

      Show the Carousel previous and next arrows for changing the current slide

      fade
      boolean
      		false

      Animates slides with a crossfade animation instead of the default slide animation

      indicatorLabels
      array<>
      		[]

      An array of labels for the indicators. Defaults to "Slide #" if not provided.

      indicators
      boolean
      		true

      Show a set of slide position indicators

      interval
      number
      		5000

      The amount of time to delay between automatically cycling an item. If null, carousel will not automatically cycle.

      keyboard
      boolean
      		true

      Whether the carousel should react to keyboard events.

      nextIcon
      node
      		<span aria-hidden="true" class="carousel-control-next-icon" />

      Override the default button icon for the "next" control

      nextLabel
      string
      		'Next'

      Label shown to screen readers only, can be used to show the next element in the carousel. Set to null to deactivate.

      onSelect
      function
      controls activeIndex

      Callback fired when the active item changes.

      (eventKey: number, event: Object | null) => void
      onSlid
      function

      Callback fired when a slide transition ends.

      (eventKey: number, direction: 'left' | 'right') => void
      onSlide
      function

      Callback fired when a slide transition starts.

      (eventKey: number, direction: 'left' | 'right') => void
      pause
      'hover' | false
      		'hover'

      If set to "hover", pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it.

      On touch-enabled devices, when set to "hover", cycling will pause on touchend (once the user finished interacting with the carousel) for two intervals, before automatically resuming. Note that this is in addition to the above mouse behavior.

      prevIcon
      node
      		<span aria-hidden="true" class="carousel-control-prev-icon" />

      Override the default button icon for the "previous" control

      prevLabel
      string
      		'Previous'

      Label shown to screen readers only, can be used to show the previous element in the carousel. Set to null to deactivate.

      slide
      boolean
      		true

      Enables animation on the Carousel as it transitions between slides.

      touch
      boolean
      		true

      Whether the carousel should support left/right swipe interactions on touchscreen devices.

      variant
      'dark'

      Color variant that controls the colors of the controls, indicators and captions.

      wrap
      boolean
      		true

      Whether the carousel should cycle continuously or have hard stops.

      bsPrefix
      string
      		'carousel'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Carousel.Item

      NameTypeDefaultDescription
      as
      elementType
      		<div>

      Set a custom element for this component

      interval
      number

      The amount of time to delay between automatically cycling this specific item. Will default to the Carousel's interval prop value if none is specified.

      bsPrefix
      string
      		'carousel-item'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Carousel.Caption

      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'carousel-caption'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),as=()=>ss.cloneNode(!0),ns=c(''),P=d=>(()=>{const n=ns.cloneNode(!0);return F(n,d,!0,!0),n})(),ts=c(''),k=d=>(()=>{const n=ts.cloneNode(!0);return F(n,d,!0,!0),n})(),ls=c(''),T=d=>(()=>{const n=ls.cloneNode(!0);return F(n,d,!0,!0),n})(),U=c('
      '),rs=c("

      First slide label

      "),cs=c("

      Nulla vitae elit libero, a pharetra augue mollis interdum.

      "),is=c("

      Second slide label

      "),ds=c("

      Lorem ipsum dolor sit amet, consectetur adipiscing elit.

      "),os=c("

      Third slide label

      "),hs=c("

      Praesent commodo cursus magna, vel scelerisque nisl consectetur.

      ");function ps(){const[d,n]=v(0);return e(r,{get activeIndex(){return d()},onSelect:(s,p)=>{n(s)},get children(){return[e(r.Item,{get children(){return[(()=>{const s=U.cloneNode(!0);return s.style.setProperty("height","400px"),l(s,e(P,{})),s})(),e(r.Caption,{get children(){return[rs.cloneNode(!0),cs.cloneNode(!0)]}})]}}),e(r.Item,{get children(){return[(()=>{const s=U.cloneNode(!0);return s.style.setProperty("height","400px"),l(s,e(k,{})),s})(),e(r.Caption,{get children(){return[is.cloneNode(!0),ds.cloneNode(!0)]}})]}}),e(r.Item,{get children(){return[(()=>{const s=U.cloneNode(!0);return s.style.setProperty("height","400px"),l(s,e(T,{})),s})(),e(r.Caption,{get children(){return[os.cloneNode(!0),hs.cloneNode(!0)]}})]}})]}})}const ms=c('

      '),u=c('
      '),le=c("

      First slide label

      "),g=c("

      "),re=c("

      Second slide label

      "),ce=c("

      Third slide label

      "),us=c("

      First slide label

      "),gs=c("

      Second slide label

      "),Ns=c("

      Third slide label

      "),js=c("

      First slide label (1 sec)

      "),fs=c("

      Second slide label (2 secs)

      "),vs=c("

      Third slide label (3 secs)

      "),bs=c('
      ');function Is(d={}){const{wrapper:n}=Object.assign({},ae(),d.components);return n?e(n,L(d,{get children(){return e(b,{})}})):b();function b(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},ae(),d.components);return r||w("Carousel",!1),r.Caption||w("Carousel.Caption",!0),r.Item||w("Carousel.Item",!0),o||w("Example",!1),o.Code||w("Example.Code",!0),o.Intro||w("Example.Intro",!0),o.Preview||w("Example.Preview",!0),[e(ze,{name:"CarouselDocs.mdx"}),` +import{r as ke,s as ie,m as L,c as e,d as z,u as de,D as oe,w as Te,P as Le,B as Me,k as h,f as v,Q as Ae,h as Z,af as Ee,L as R,o as l,a9 as J,I as De,J as Q,ag as Oe,ah as Ze,ai as qe,v as ee,aj as Ge,t as c,a4 as Re,ak as Ue,X as I,Z as se,j as F}from"./index.46b6df7f.js";import{M as ae}from"./index.e0aff9b5.js";import{E as o}from"./Example.6cae19f6.js";import{G as ze}from"./GithubSource.4ed1a23d.js";import"./Card.cb90095f.js";const Fe=ke("carousel-caption"),We={as:"div"},Xe=d=>{const[n,b]=ie(L(We,d),["as","bsPrefix","class","interval"]);return{item:e(oe,L({get component(){return n.as}},b,{get class(){return z(n.class,de(n.bsPrefix,"carousel-item"))}})),interval:n.interval}},Ke=Xe,ne=c("
      "),He=c(''),Ve=c(''),te=c(''),Be=c(''),Ye=40,Je={as:"div",slide:!0,fade:!1,controls:!0,indicators:!0,indicatorLabels:[],defaultActiveIndex:0,interval:5e3,keyboard:!0,pause:"hover",wrap:!0,touch:!0,prevLabel:"Previous",nextLabel:"Next"};function Qe(d){if(!d||!d.style||!d.parentNode||!d.parentNode.style)return!1;const n=getComputedStyle(d);return n.display!=="none"&&n.visibility!=="hidden"&&getComputedStyle(d.parentNode).display!=="none"}const es=d=>{const[n,b]=ie(L(Je,d),["as","bsPrefix","slide","fade","controls","indicators","indicatorLabels","activeIndex","defaultActiveIndex","onSelect","onSlide","onSlid","interval","keyboard","onKeyDown","pause","onMouseOver","onMouseOut","wrap","touch","onTouchStart","onTouchMove","onTouchEnd","prevIcon","prevLabel","nextIcon","nextLabel","variant","class","children","ref"]),[s,p]=Te(()=>n.activeIndex,()=>n.defaultActiveIndex,n.onSelect),a=de(n.bsPrefix,"carousel"),M=Le(),he=Me(()=>n.children),y=h(()=>{const t=he();return Array.isArray(t)?t:[t]}),[q,G]=v(null),[W,X]=v("next"),[pe,A]=v(!1),[E,K]=v(!1),[f,me]=v(s()||0);Ae(()=>Re(()=>{!E()&&s()!==f()&&(q()?X(q()):X((s()||0)>f()?"next":"prev"),n.slide&&K(!0),me(s()||0))})),Z(()=>{q()&&G(null)});const ue=h(()=>{for(let t=0;t{if(E())return;let i=f()-1;if(i<0){if(!n.wrap)return;i=y().length-1}G("prev"),p?.(i,t)},x=t=>{if(E())return;let i=f()+1;if(i>=y().length){if(!n.wrap)return;i=0}G("next"),p?.(i,t)},[H,ge]=v(),Ne=t=>{ge(t),typeof n.ref=="function"&&n.ref({get element(){return H()},prev:C,next:x})},je=()=>{!document.hidden&&Qe(H())&&(M()?C():x())},S=h(()=>W()==="next"?"start":"end");Z(()=>{n.slide||(n.onSlide?.(f(),S()),n.onSlid?.(f(),S()))});const fe=h(()=>`${a}-item-${W()}`),ve=h(()=>`${a}-item-${S()}`),be=t=>{Ue(t),n.onSlide?.(f(),S())},ye=()=>{K(!1),n.onSlid?.(f(),S())},Ce=t=>{if(n.keyboard&&!/input|textarea/i.test(t.target.tagName))switch(t.key){case"ArrowLeft":t.preventDefault(),M()?x(t):C(t);return;case"ArrowRight":t.preventDefault(),M()?C(t):x(t);return}I(n.onKeyDown,t)},xe=t=>{n.pause==="hover"&&A(!0),I(n.onMouseOver,t)},$e=t=>{A(!1),I(n.onMouseOut,t)};let V,D;const we=t=>{V=t.touches[0].clientX,D=0,n.pause==="hover"&&A(!0),I(n.onTouchStart,t)},Ie=t=>{t.touches&&t.touches.length>1?D=0:D=t.touches[0].clientX-V,I(n.onTouchMove,t)},Se=t=>{if(n.touch){const i=D;Math.abs(i)>Ye&&(i>0?C(t):x(t))}if(n.pause==="hover"){let i=window.setTimeout(()=>{A(!1)},n.interval);se(()=>{window.clearTimeout(i)})}I(n.onTouchEnd,t)},_e=h(()=>n.interval!=null&&!pe()&&!E()),[B,Pe]=v();Z(()=>{if(!_e())return;const t=M()?C:x;Pe(window.setInterval(document.visibilityState?je:t,ue()??n.interval??void 0)),se(()=>{B()!==null&&clearInterval(B())})});const $=Ee(f);return e(oe,L({get component(){return n.as},ref:Ne},b,{onKeyDown:Ce,onMouseOver:xe,onMouseOut:$e,onTouchStart:we,onTouchMove:Ie,onTouchEnd:Se,get class(){return z(n.class,a,n.slide&&"slide",n.fade&&`${a}-fade`,n.variant&&`${a}-${n.variant}`)},get children(){return[h(()=>h(()=>!!n.indicators)()&&(()=>{const t=ne.cloneNode(!0);return R(t,`${a}-indicators`),l(t,e(J,{get each(){return y()},children:(i,N)=>(()=>{const j=He.cloneNode(!0);return j.$$click=m=>p?.(N(),m),De(m=>{const O=n.indicatorLabels?.length?n.indicatorLabels[N()]:`Slide ${N()+1}`,_=$(N())?"active":void 0,Y=$(N());return O!==m._v$&&Q(j,"aria-label",m._v$=O),_!==m._v$2&&R(j,m._v$2=_),Y!==m._v$3&&Q(j,"aria-current",m._v$3=Y),m},{_v$:void 0,_v$2:void 0,_v$3:void 0}),j})()})),t})()),(()=>{const t=ne.cloneNode(!0);return R(t,`${a}-inner`),l(t,e(J,{get each(){return y()},children:(i,N)=>{const j=typeof i.item=="function"?i.item():i.item;return n.slide?e(Oe,{get in(){return $(N())},get onEnter(){return $(N())?be:void 0},get onEntered(){return $(N())?ye:void 0},addEndListener:Ze,children:(m,O)=>{O.ref(j);const _=z($(N())&&m!=="entered"&&fe(),(m==="entered"||m==="exiting")&&"active",(m==="entering"||m==="exiting")&&ve());return qe(j,i.prevClasses,_),i.prevClasses=_,j}}):()=>(Z(()=>{j.classList.toggle("active",$(N()))}),j)}})),t})(),h(()=>h(()=>!!n.controls)()&&[h((()=>{const t=h(()=>!!(n.wrap||s()!==0));return()=>t()&&e(ee,{class:`${a}-control-prev`,onClick:C,get children(){return[h(()=>n.prevIcon??Ve.cloneNode(!0)),h(()=>h(()=>!!n.prevLabel)()&&(()=>{const i=te.cloneNode(!0);return l(i,()=>n.prevLabel),i})())]}})})()),h((()=>{const t=h(()=>!!(n.wrap||s()!==y().length-1));return()=>t()&&e(ee,{class:`${a}-control-next`,onClick:x,get children(){return[h(()=>n.nextIcon??Be.cloneNode(!0)),h(()=>h(()=>!!n.nextLabel)()&&(()=>{const i=te.cloneNode(!0);return l(i,()=>n.nextLabel),i})())]}})})())])]}}))},r=Object.assign(es,{Caption:Fe,Item:Ke});Ge(["click"]);const ss=c(`

      API

      Carousel

      import { Carousel } from 'solid-bootstrap'
      NameTypeDefaultDescription
      activeIndex
      number
      controlled by: onSelect, initial prop: defaultActiveindex

      Controls the current visible slide

      as
      elementType

      You can use a custom element type for this component.

      controls
      boolean
      		true

      Show the Carousel previous and next arrows for changing the current slide

      fade
      boolean
      		false

      Animates slides with a crossfade animation instead of the default slide animation

      indicatorLabels
      array<>
      		[]

      An array of labels for the indicators. Defaults to "Slide #" if not provided.

      indicators
      boolean
      		true

      Show a set of slide position indicators

      interval
      number
      		5000

      The amount of time to delay between automatically cycling an item. If null, carousel will not automatically cycle.

      keyboard
      boolean
      		true

      Whether the carousel should react to keyboard events.

      nextIcon
      node
      		<span aria-hidden="true" class="carousel-control-next-icon" />

      Override the default button icon for the "next" control

      nextLabel
      string
      		'Next'

      Label shown to screen readers only, can be used to show the next element in the carousel. Set to null to deactivate.

      onSelect
      function
      controls activeIndex

      Callback fired when the active item changes.

      (eventKey: number, event: Object | null) => void
      onSlid
      function

      Callback fired when a slide transition ends.

      (eventKey: number, direction: 'left' | 'right') => void
      onSlide
      function

      Callback fired when a slide transition starts.

      (eventKey: number, direction: 'left' | 'right') => void
      pause
      'hover' | false
      		'hover'

      If set to "hover", pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it.

      On touch-enabled devices, when set to "hover", cycling will pause on touchend (once the user finished interacting with the carousel) for two intervals, before automatically resuming. Note that this is in addition to the above mouse behavior.

      prevIcon
      node
      		<span aria-hidden="true" class="carousel-control-prev-icon" />

      Override the default button icon for the "previous" control

      prevLabel
      string
      		'Previous'

      Label shown to screen readers only, can be used to show the previous element in the carousel. Set to null to deactivate.

      slide
      boolean
      		true

      Enables animation on the Carousel as it transitions between slides.

      touch
      boolean
      		true

      Whether the carousel should support left/right swipe interactions on touchscreen devices.

      variant
      'dark'

      Color variant that controls the colors of the controls, indicators and captions.

      wrap
      boolean
      		true

      Whether the carousel should cycle continuously or have hard stops.

      bsPrefix
      string
      		'carousel'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Carousel.Item

      NameTypeDefaultDescription
      as
      elementType
      		<div>

      Set a custom element for this component

      interval
      number

      The amount of time to delay between automatically cycling this specific item. Will default to the Carousel's interval prop value if none is specified.

      bsPrefix
      string
      		'carousel-item'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Carousel.Caption

      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'carousel-caption'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),as=()=>ss.cloneNode(!0),ns=c(''),P=d=>(()=>{const n=ns.cloneNode(!0);return F(n,d,!0,!0),n})(),ts=c(''),k=d=>(()=>{const n=ts.cloneNode(!0);return F(n,d,!0,!0),n})(),ls=c(''),T=d=>(()=>{const n=ls.cloneNode(!0);return F(n,d,!0,!0),n})(),U=c('
      '),rs=c("

      First slide label

      "),cs=c("

      Nulla vitae elit libero, a pharetra augue mollis interdum.

      "),is=c("

      Second slide label

      "),ds=c("

      Lorem ipsum dolor sit amet, consectetur adipiscing elit.

      "),os=c("

      Third slide label

      "),hs=c("

      Praesent commodo cursus magna, vel scelerisque nisl consectetur.

      ");function ps(){const[d,n]=v(0);return e(r,{get activeIndex(){return d()},onSelect:(s,p)=>{n(s)},get children(){return[e(r.Item,{get children(){return[(()=>{const s=U.cloneNode(!0);return s.style.setProperty("height","400px"),l(s,e(P,{})),s})(),e(r.Caption,{get children(){return[rs.cloneNode(!0),cs.cloneNode(!0)]}})]}}),e(r.Item,{get children(){return[(()=>{const s=U.cloneNode(!0);return s.style.setProperty("height","400px"),l(s,e(k,{})),s})(),e(r.Caption,{get children(){return[is.cloneNode(!0),ds.cloneNode(!0)]}})]}}),e(r.Item,{get children(){return[(()=>{const s=U.cloneNode(!0);return s.style.setProperty("height","400px"),l(s,e(T,{})),s})(),e(r.Caption,{get children(){return[os.cloneNode(!0),hs.cloneNode(!0)]}})]}})]}})}const ms=c('

      '),u=c('
      '),le=c("

      First slide label

      "),g=c("

      "),re=c("

      Second slide label

      "),ce=c("

      Third slide label

      "),us=c("

      First slide label

      "),gs=c("

      Second slide label

      "),Ns=c("

      Third slide label

      "),js=c("

      First slide label (1 sec)

      "),fs=c("

      Second slide label (2 secs)

      "),vs=c("

      Third slide label (3 secs)

      "),bs=c('
      ');function Is(d={}){const{wrapper:n}=Object.assign({},ae(),d.components);return n?e(n,L(d,{get children(){return e(b,{})}})):b();function b(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},ae(),d.components);return r||w("Carousel",!1),r.Caption||w("Carousel.Caption",!0),r.Item||w("Carousel.Item",!0),o||w("Example",!1),o.Code||w("Example.Code",!0),o.Intro||w("Example.Intro",!0),o.Preview||w("Example.Preview",!0),[e(ze,{name:"CarouselDocs.mdx"}),` `,e(s.h1,{children:"Carousel"}),` `,(()=>{const p=ms.cloneNode(!0);return l(p,e(s.p,{children:"A slideshow component for cycling through elements\u2014images or slides of text\u2014like a carousel."})),p})(),` `,(()=>{const p=bs.cloneNode(!0);return l(p,e(o,{title:"Example",get children(){return[e(o.Intro,{get children(){return e(s.p,{children:"Carousels don\u2019t automatically normalize slide dimensions. As such, you may need to use additional utilities or custom styles to appropriately size content. While carousels support previous/next controls and indicators, they\u2019re not explicitly required. Add and customize as you see fit."})}}),e(o.Preview,{get children(){return e(r,{get children(){return[e(r.Item,{get children(){return[(()=>{const a=u.cloneNode(!0);return a.style.setProperty("height","400px"),l(a,e(P,{})),a})(),e(r.Caption,{get children(){return[le.cloneNode(!0),(()=>{const a=g.cloneNode(!0);return l(a,e(s.p,{children:"Nulla vitae elit libero, a pharetra augue mollis interdum."})),a})()]}})]}}),e(r.Item,{get children(){return[(()=>{const a=u.cloneNode(!0);return a.style.setProperty("height","400px"),l(a,e(k,{})),a})(),e(r.Caption,{get children(){return[re.cloneNode(!0),(()=>{const a=g.cloneNode(!0);return l(a,e(s.p,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."})),a})()]}})]}}),e(r.Item,{get children(){return[(()=>{const a=u.cloneNode(!0);return a.style.setProperty("height","400px"),l(a,e(T,{style:{height:"150px"}})),a})(),e(r.Caption,{get children(){return[ce.cloneNode(!0),(()=>{const a=g.cloneNode(!0);return l(a,e(s.p,{children:`Praesent commodo cursus magna, vel scelerisque nisl\r diff --git a/assets/CloseButtonDocs.16b69909.js b/assets/CloseButtonDocs.c2005548.js similarity index 94% rename from assets/CloseButtonDocs.16b69909.js rename to assets/CloseButtonDocs.c2005548.js index 977986b..bcfb39c 100644 --- a/assets/CloseButtonDocs.16b69909.js +++ b/assets/CloseButtonDocs.c2005548.js @@ -1,4 +1,4 @@ -import{t as d,c as e,m as p,o as s,x as a}from"./index.a8c27b5b.js";import{M as u}from"./index.ef3b11e9.js";import{E as r}from"./Example.2dc3bb5a.js";import{G as m}from"./GithubSource.1602124f.js";import"./Card.99118534.js";const g=d(`

      API

      CloseButton

      import { CloseButton } from 'solid-bootstrap'
      NameTypeDefaultDescription
      aria-label
      string
      		'Close'
      onClick
      function
      variant
      'white'

      Render different color variant for the button.

      Omitting this will render the default dark color.

      `),v=()=>g.cloneNode(!0),b=d('

      '),f=d('
      '),j=d('
      ');function B(l={}){const{wrapper:o}=Object.assign({},u(),l.components);return o?e(o,p(l,{get children(){return e(h,{})}})):h();function h(){const t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},u(),l.components);return r||i("Example",!1),r.Code||i("Example.Code",!0),r.Intro||i("Example.Intro",!0),r.Preview||i("Example.Preview",!0),[e(m,{name:"CloseButtonDocs.mdx"}),` +import{t as d,c as e,m as p,o as s,x as a}from"./index.46b6df7f.js";import{M as u}from"./index.e0aff9b5.js";import{E as r}from"./Example.6cae19f6.js";import{G as m}from"./GithubSource.4ed1a23d.js";import"./Card.cb90095f.js";const g=d(`

      API

      CloseButton

      import { CloseButton } from 'solid-bootstrap'
      NameTypeDefaultDescription
      aria-label
      string
      		'Close'
      onClick
      function
      variant
      'white'

      Render different color variant for the button.

      Omitting this will render the default dark color.

      `),v=()=>g.cloneNode(!0),b=d('

      '),f=d('
      '),j=d('
      ');function B(l={}){const{wrapper:o}=Object.assign({},u(),l.components);return o?e(o,p(l,{get children(){return e(h,{})}})):h();function h(){const t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},u(),l.components);return r||i("Example",!1),r.Code||i("Example.Code",!0),r.Intro||i("Example.Intro",!0),r.Preview||i("Example.Preview",!0),[e(m,{name:"CloseButtonDocs.mdx"}),` `,e(t.h1,{children:"Close Button"}),` `,(()=>{const n=b.cloneNode(!0);return s(n,e(t.p,{children:`A generic close button for dismissing content such as modals and\r alerts.`})),n})(),` diff --git a/assets/Components.d310d1c6.js b/assets/Components.d310d1c6.js deleted file mode 100644 index 790b219..0000000 --- a/assets/Components.d310d1c6.js +++ /dev/null @@ -1 +0,0 @@ -import{c as t,R as _,a as o,l as r,_ as e}from"./index.a8c27b5b.js";import{L as n}from"./Layout.a2c9264a.js";const m=p=>t(n,{get children(){return t(_,{get children(){return[t(o,{path:"accordion",get component(){return r(()=>e(()=>import("./AccordionDocs.13803f39.js"),["assets/AccordionDocs.13803f39.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js"]))}}),t(o,{path:"alerts",get component(){return r(()=>e(()=>import("./AlertDocs.a6320a05.js"),["assets/AlertDocs.a6320a05.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Alert.ccf287cf.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"badge",get component(){return r(()=>e(()=>import("./BadgeDocs.f0c5fd33.js"),["assets/BadgeDocs.f0c5fd33.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Badge.b24f16de.js","assets/Alert.ccf287cf.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"breadcrumb",get component(){return r(()=>e(()=>import("./BreadcrumbDocs.31d96e0a.js"),["assets/BreadcrumbDocs.31d96e0a.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js"]))}}),t(o,{path:"buttons",get component(){return r(()=>e(()=>import("./ButtonDocs.38af051d.js"),["assets/ButtonDocs.38af051d.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/ButtonGroup.bec3fbe2.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Alert.ccf287cf.js"]))}}),t(o,{path:"button-group",get component(){return r(()=>e(()=>import("./ButtonGroupDocs.ee410508.js"),["assets/ButtonGroupDocs.ee410508.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Dropdown.a5036113.js","assets/Dropdown.e12de560.js","assets/store.bc2dca4a.js","assets/InputGroupContext.b6007797.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/InputGroup.349202f6.js","assets/FormControl.4ffd1e4d.js","assets/ButtonGroup.bec3fbe2.js","assets/DropdownButton.e4c391a0.js"]))}}),t(o,{path:"cards",get component(){return r(()=>e(()=>import("./CardsDocs.6b14d165.js"),["assets/CardsDocs.6b14d165.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/utils.753b7765.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/ListGroup.0bbcdf7a.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"carousel",get component(){return r(()=>e(()=>import("./CarouselDocs.c433ce72.js"),["assets/CarouselDocs.c433ce72.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js"]))}}),t(o,{path:"close-button",get component(){return r(()=>e(()=>import("./CloseButtonDocs.16b69909.js"),["assets/CloseButtonDocs.16b69909.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js"]))}}),t(o,{path:"dropdowns",get component(){return r(()=>e(()=>import("./DropdownDocs.5cad5d35.js"),["assets/DropdownDocs.5cad5d35.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Dropdown.a5036113.js","assets/Dropdown.e12de560.js","assets/store.bc2dca4a.js","assets/InputGroupContext.b6007797.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/NavDropdown.8df27111.js","assets/DropdownButton.e4c391a0.js","assets/Stack.001daeb8.js","assets/ButtonGroup.bec3fbe2.js","assets/SplitButton.fc26784b.js","assets/Alert.ccf287cf.js"]))}}),t(o,{path:"figures",get component(){return r(()=>e(()=>import("./FigureDocs.96066595.js"),["assets/FigureDocs.96066595.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/utils.753b7765.js","assets/Image.087ce4e5.js"]))}}),t(o,{path:"images",get component(){return r(()=>e(()=>import("./ImageDocs.2b52681b.js"),["assets/ImageDocs.2b52681b.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/utils.753b7765.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Image.087ce4e5.js"]))}}),t(o,{path:"list-group",get component(){return r(()=>e(()=>import("./ListGroupDocs.bc1d3935.js"),["assets/ListGroupDocs.bc1d3935.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Sonnet.ac8b8047.js","assets/Alert.ccf287cf.js","assets/ListGroup.0bbcdf7a.js","assets/Badge.b24f16de.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"modal",get component(){return r(()=>e(()=>import("./ModalDocs.6b0520f5.js"),["assets/ModalDocs.6b0520f5.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/ModalDocs.ed9463e4.css"]))}}),t(o,{path:"navs",get component(){return r(()=>e(()=>import("./NavDocs.d238de6b.js"),["assets/NavDocs.d238de6b.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/NavDropdown.8df27111.js","assets/Dropdown.a5036113.js","assets/Dropdown.e12de560.js","assets/store.bc2dca4a.js","assets/InputGroupContext.b6007797.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Alert.ccf287cf.js"]))}}),t(o,{path:"navbar",get component(){return r(()=>e(()=>import("./NavbarDocs.42626938.js"),["assets/NavbarDocs.42626938.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/NavDropdown.8df27111.js","assets/Dropdown.a5036113.js","assets/Dropdown.e12de560.js","assets/store.bc2dca4a.js","assets/InputGroupContext.b6007797.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Alert.ccf287cf.js"]))}}),t(o,{path:"offcanvas",get component(){return r(()=>e(()=>import("./OffcanvasDocs.fb7c5102.js"),["assets/OffcanvasDocs.fb7c5102.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"pagination",get component(){return r(()=>e(()=>import("./PaginationDocs.ea1c16a7.js"),["assets/PaginationDocs.ea1c16a7.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js"]))}}),t(o,{path:"placeholder",get component(){return r(()=>e(()=>import("./PlaceholderDocs.42f641c8.js"),["assets/PlaceholderDocs.42f641c8.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/utils.753b7765.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Alert.ccf287cf.js"]))}}),t(o,{path:"popovers",get component(){return r(()=>e(()=>import("./PopoverDocs.8f12f2a2.js"),["assets/PopoverDocs.8f12f2a2.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/OverlayTrigger.2349c1ea.js","assets/Overlay.9ea1e7ed.js","assets/store.bc2dca4a.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"progress",get component(){return r(()=>e(()=>import("./ProgressBarDocs.5bc20747.js"),["assets/ProgressBarDocs.5bc20747.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js"]))}}),t(o,{path:"spinners",get component(){return r(()=>e(()=>import("./SpinnerDocs.087c2343.js"),["assets/SpinnerDocs.087c2343.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"table",get component(){return r(()=>e(()=>import("./TableDocs.2e871a3e.js"),["assets/TableDocs.2e871a3e.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js"]))}}),t(o,{path:"tabs",get component(){return r(()=>e(()=>import("./TabsDocs.1fa43857.js"),["assets/TabsDocs.1fa43857.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Sonnet.ac8b8047.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Tabs.11c88bf7.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"tooltips",get component(){return r(()=>e(()=>import("./TooltipDocs.0f3a2354.js"),["assets/TooltipDocs.0f3a2354.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/OverlayTrigger.2349c1ea.js","assets/Overlay.9ea1e7ed.js","assets/store.bc2dca4a.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Stack.001daeb8.js"]))}}),t(o,{path:"toasts",get component(){return r(()=>e(()=>import("./ToastDocs.60f08291.js"),["assets/ToastDocs.60f08291.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/utils.753b7765.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}})]}})}});export{m as default}; diff --git a/assets/Components.de128930.js b/assets/Components.de128930.js new file mode 100644 index 0000000..5777c56 --- /dev/null +++ b/assets/Components.de128930.js @@ -0,0 +1 @@ +import{c as t,R as _,a as o,l as r,_ as e}from"./index.46b6df7f.js";import{L as n}from"./Layout.4a46f345.js";const m=p=>t(n,{get children(){return t(_,{get children(){return[t(o,{path:"accordion",get component(){return r(()=>e(()=>import("./AccordionDocs.e06cba82.js"),["assets/AccordionDocs.e06cba82.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js"]))}}),t(o,{path:"alerts",get component(){return r(()=>e(()=>import("./AlertDocs.dcad11fc.js"),["assets/AlertDocs.dcad11fc.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Alert.cfed10ed.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"badge",get component(){return r(()=>e(()=>import("./BadgeDocs.c5d04fcb.js"),["assets/BadgeDocs.c5d04fcb.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Badge.0e5c60c3.js","assets/Alert.cfed10ed.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"breadcrumb",get component(){return r(()=>e(()=>import("./BreadcrumbDocs.355efb5a.js"),["assets/BreadcrumbDocs.355efb5a.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js"]))}}),t(o,{path:"buttons",get component(){return r(()=>e(()=>import("./ButtonDocs.7e035db6.js"),["assets/ButtonDocs.7e035db6.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/ButtonGroup.355a2d23.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Alert.cfed10ed.js"]))}}),t(o,{path:"button-group",get component(){return r(()=>e(()=>import("./ButtonGroupDocs.9368d042.js"),["assets/ButtonGroupDocs.9368d042.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Dropdown.bda8fe74.js","assets/Dropdown.3422f430.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js","assets/InputGroupContext.c22a8337.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/InputGroup.9f9c5df2.js","assets/FormControl.32f92fa6.js","assets/ButtonGroup.355a2d23.js","assets/DropdownButton.14b1eaa5.js"]))}}),t(o,{path:"cards",get component(){return r(()=>e(()=>import("./CardsDocs.5424e282.js"),["assets/CardsDocs.5424e282.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/utils.06ab9af9.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/ListGroup.2026dacf.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"carousel",get component(){return r(()=>e(()=>import("./CarouselDocs.951ccfe6.js"),["assets/CarouselDocs.951ccfe6.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js"]))}}),t(o,{path:"close-button",get component(){return r(()=>e(()=>import("./CloseButtonDocs.c2005548.js"),["assets/CloseButtonDocs.c2005548.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js"]))}}),t(o,{path:"dropdowns",get component(){return r(()=>e(()=>import("./DropdownDocs.0f1bef56.js"),["assets/DropdownDocs.0f1bef56.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Dropdown.bda8fe74.js","assets/Dropdown.3422f430.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js","assets/InputGroupContext.c22a8337.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/NavDropdown.7ff31401.js","assets/DropdownButton.14b1eaa5.js","assets/Stack.dd934703.js","assets/ButtonGroup.355a2d23.js","assets/SplitButton.7e8cc37b.js","assets/Alert.cfed10ed.js"]))}}),t(o,{path:"figures",get component(){return r(()=>e(()=>import("./FigureDocs.94b7ac23.js"),["assets/FigureDocs.94b7ac23.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/utils.06ab9af9.js","assets/Image.8516a878.js"]))}}),t(o,{path:"images",get component(){return r(()=>e(()=>import("./ImageDocs.e7dbe4e2.js"),["assets/ImageDocs.e7dbe4e2.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/utils.06ab9af9.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Image.8516a878.js"]))}}),t(o,{path:"list-group",get component(){return r(()=>e(()=>import("./ListGroupDocs.27e76b33.js"),["assets/ListGroupDocs.27e76b33.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Sonnet.c4b821da.js","assets/Alert.cfed10ed.js","assets/ListGroup.2026dacf.js","assets/Badge.0e5c60c3.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"modal",get component(){return r(()=>e(()=>import("./ModalDocs.3e2f6757.js"),["assets/ModalDocs.3e2f6757.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/ModalDocs.ed9463e4.css"]))}}),t(o,{path:"navs",get component(){return r(()=>e(()=>import("./NavDocs.21d91682.js"),["assets/NavDocs.21d91682.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/NavDropdown.7ff31401.js","assets/Dropdown.bda8fe74.js","assets/Dropdown.3422f430.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js","assets/InputGroupContext.c22a8337.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Alert.cfed10ed.js"]))}}),t(o,{path:"navbar",get component(){return r(()=>e(()=>import("./NavbarDocs.2df9e000.js"),["assets/NavbarDocs.2df9e000.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/NavDropdown.7ff31401.js","assets/Dropdown.bda8fe74.js","assets/Dropdown.3422f430.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js","assets/InputGroupContext.c22a8337.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Alert.cfed10ed.js"]))}}),t(o,{path:"offcanvas",get component(){return r(()=>e(()=>import("./OffcanvasDocs.cf065c58.js"),["assets/OffcanvasDocs.cf065c58.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"pagination",get component(){return r(()=>e(()=>import("./PaginationDocs.3f0bb188.js"),["assets/PaginationDocs.3f0bb188.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js"]))}}),t(o,{path:"placeholder",get component(){return r(()=>e(()=>import("./PlaceholderDocs.b39fe2d3.js"),["assets/PlaceholderDocs.b39fe2d3.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/utils.06ab9af9.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Alert.cfed10ed.js"]))}}),t(o,{path:"popovers",get component(){return r(()=>e(()=>import("./PopoverDocs.60fc38bc.js"),["assets/PopoverDocs.60fc38bc.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Overlay.aea51097.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js","assets/OverlayTrigger.6361d83d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"progress",get component(){return r(()=>e(()=>import("./ProgressBarDocs.3fb51de9.js"),["assets/ProgressBarDocs.3fb51de9.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js"]))}}),t(o,{path:"spinners",get component(){return r(()=>e(()=>import("./SpinnerDocs.e9e33442.js"),["assets/SpinnerDocs.e9e33442.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"table",get component(){return r(()=>e(()=>import("./TableDocs.2eed5ed4.js"),["assets/TableDocs.2eed5ed4.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js"]))}}),t(o,{path:"tabs",get component(){return r(()=>e(()=>import("./TabsDocs.32ca6842.js"),["assets/TabsDocs.32ca6842.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Sonnet.c4b821da.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Tabs.a495e025.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"tooltips",get component(){return r(()=>e(()=>import("./TooltipDocs.d9257f8a.js"),["assets/TooltipDocs.d9257f8a.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Overlay.aea51097.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js","assets/OverlayTrigger.6361d83d.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Stack.dd934703.js"]))}}),t(o,{path:"toasts",get component(){return r(()=>e(()=>import("./ToastDocs.6ed66aff.js"),["assets/ToastDocs.6ed66aff.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/utils.06ab9af9.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}})]}})}});export{m as default}; diff --git a/assets/Core.83c06cef.js b/assets/Core.83c06cef.js deleted file mode 100644 index 2dbffba..0000000 --- a/assets/Core.83c06cef.js +++ /dev/null @@ -1 +0,0 @@ -import{c as t,R as _,a as e,l as o,_ as r}from"./index.a8c27b5b.js";import{L as n}from"./Layout.a2c9264a.js";const i=p=>t(n,{get children(){return t(_,{get children(){return[t(e,{path:"Overview",get component(){return o(()=>r(()=>import("./CoreOverview.01cfcf62.js"),["assets/CoreOverview.01cfcf62.js","assets/index.ef3b11e9.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css"]))}}),t(e,{path:"button",get component(){return o(()=>r(()=>import("./CoreButtonDocs.9c58e07c.js"),["assets/CoreButtonDocs.9c58e07c.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js"]))}}),t(e,{path:"dropdown",get component(){return o(()=>r(()=>import("./CoreDropdownDocs.c62d30f1.js"),["assets/CoreDropdownDocs.c62d30f1.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/Dropdown.e12de560.js","assets/store.bc2dca4a.js","assets/Tabs.11c88bf7.js"]))}}),t(e,{path:"modal",get component(){return o(()=>r(()=>import("./CoreModalDocs.ac402366.js"),["assets/CoreModalDocs.ac402366.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js"]))}}),t(e,{path:"navs and tabs",get component(){return o(()=>r(()=>import("./CoreNavDocs.5ae25063.js"),["assets/CoreNavDocs.5ae25063.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js"]))}}),t(e,{path:"overlays",get component(){return o(()=>r(()=>import("./CoreOverlayDocs.9c08ec3a.js"),["assets/CoreOverlayDocs.9c08ec3a.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/GithubSource.1602124f.js","assets/Overlay.9ea1e7ed.js","assets/store.bc2dca4a.js"]))}})]}})}});export{i as default}; diff --git a/assets/Core.ca03eb6b.js b/assets/Core.ca03eb6b.js new file mode 100644 index 0000000..80f3842 --- /dev/null +++ b/assets/Core.ca03eb6b.js @@ -0,0 +1 @@ +import{c as t,R as _,a as e,l as o,_ as r}from"./index.46b6df7f.js";import{L as n}from"./Layout.4a46f345.js";const i=p=>t(n,{get children(){return t(_,{get children(){return[t(e,{path:"Overview",get component(){return o(()=>r(()=>import("./CoreOverview.af317e70.js"),["assets/CoreOverview.af317e70.js","assets/index.e0aff9b5.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css"]))}}),t(e,{path:"button",get component(){return o(()=>r(()=>import("./CoreButtonDocs.c0cec37b.js"),["assets/CoreButtonDocs.c0cec37b.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js"]))}}),t(e,{path:"dropdown",get component(){return o(()=>r(()=>import("./CoreDropdownDocs.5b7aa9b4.js"),["assets/CoreDropdownDocs.5b7aa9b4.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/Dropdown.3422f430.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js","assets/Tabs.a495e025.js"]))}}),t(e,{path:"modal",get component(){return o(()=>r(()=>import("./CoreModalDocs.63bc6996.js"),["assets/CoreModalDocs.63bc6996.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js"]))}}),t(e,{path:"navs and tabs",get component(){return o(()=>r(()=>import("./CoreNavDocs.c53d8d6f.js"),["assets/CoreNavDocs.c53d8d6f.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js"]))}}),t(e,{path:"overlays",get component(){return o(()=>r(()=>import("./CoreOverlayDocs.f4d22b6f.js"),["assets/CoreOverlayDocs.f4d22b6f.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/GithubSource.4ed1a23d.js","assets/Overlay.aea51097.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js"]))}})]}})}});export{i as default}; diff --git a/assets/CoreButtonDocs.9c58e07c.js b/assets/CoreButtonDocs.c0cec37b.js similarity index 98% rename from assets/CoreButtonDocs.9c58e07c.js rename to assets/CoreButtonDocs.c0cec37b.js index 6a73b35..92e1c73 100644 --- a/assets/CoreButtonDocs.9c58e07c.js +++ b/assets/CoreButtonDocs.c0cec37b.js @@ -1,4 +1,4 @@ -import{c as e,m,o as h,W as t,t as i}from"./index.a8c27b5b.js";import{M as o}from"./index.ef3b11e9.js";import{E as n}from"./Example.2dc3bb5a.js";import"./Card.99118534.js";const u=i('

      '),p=i("
      "),N=i('
      ');function f(r={}){const{wrapper:l}=Object.assign({},o(),r.components);return l?e(l,m(r,{get children(){return e(d,{})}})):d();function d(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",ul:"ul",li:"li",h3:"h3",h2:"h2"},o(),r.components);return n||c("Example",!1),n.Code||c("Example.Code",!0),n.Intro||c("Example.Intro",!0),n.Preview||c("Example.Preview",!0),[e(s.h1,{children:"Button (core)"}),` +import{c as e,m,o as h,W as t,t as i}from"./index.46b6df7f.js";import{M as o}from"./index.e0aff9b5.js";import{E as n}from"./Example.6cae19f6.js";import"./Card.cb90095f.js";const u=i('

      '),p=i("
      "),N=i('
      ');function f(r={}){const{wrapper:l}=Object.assign({},o(),r.components);return l?e(l,m(r,{get children(){return e(d,{})}})):d();function d(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",ul:"ul",li:"li",h3:"h3",h2:"h2"},o(),r.components);return n||c("Example",!1),n.Code||c("Example.Code",!0),n.Intro||c("Example.Intro",!0),n.Preview||c("Example.Preview",!0),[e(s.h1,{children:"Button (core)"}),` `,(()=>{const a=u.cloneNode(!0);return h(a,e(s.p,{children:`An abstract button component for creating accessible buttons regardless of the HTML\r element used to render it.`})),a})(),` `,(()=>{const a=N.cloneNode(!0);return h(a,e(n,{title:"Basic Example",get children(){return[e(n.Preview,{get children(){return e(t,{children:"I'm a Button"})}}),e(n.Code,{get children(){return e(s.pre,{get children(){return e(s.code,{className:"hljs language-jsx",get children(){return[e(s.span,{className:"hljs-keyword",children:"import"})," { ",e(s.span,{className:"hljs-title class_",children:"Button"})," } ",e(s.span,{className:"hljs-keyword",children:"from"})," ",e(s.span,{className:"hljs-string",children:'"solid-bootstrap-core"'}),`;\r diff --git a/assets/CoreDropdownDocs.c62d30f1.js b/assets/CoreDropdownDocs.5b7aa9b4.js similarity index 93% rename from assets/CoreDropdownDocs.c62d30f1.js rename to assets/CoreDropdownDocs.5b7aa9b4.js index 75e42eb..7f5f614 100644 --- a/assets/CoreDropdownDocs.c62d30f1.js +++ b/assets/CoreDropdownDocs.5b7aa9b4.js @@ -1,4 +1,4 @@ -import{f,o as n,c as e,t as p,j as D,m as d,W as y}from"./index.a8c27b5b.js";import{M as j}from"./index.ef3b11e9.js";import{E as t,T as u}from"./Example.2dc3bb5a.js";import{c,a as b,b as v}from"./Dropdown.e12de560.js";import{T as w}from"./Tabs.11c88bf7.js";import"./Card.99118534.js";import"./store.bc2dca4a.js";const k=p("
      "),T=p(""),_=p('
      '),M=a=>{const[r,h]=b({flip:!0,offset:[0,4]});return(()=>{const s=k.cloneNode(!0);return D(s,d(r,{get role(){return a.role},get classList(){return{"dropdown-menu":!0,show:h.show}}}),!1,!0),n(s,e(c.Item,{class:"dropdown-item",children:"Item 1"}),null),n(s,e(c.Item,{class:"dropdown-item",children:"Item 2"}),null),s})()},x=a=>{const[r]=v();return e(y,d(r,{class:"btn btn-primary dropdown-toggle",get children(){return a.children}}))},P=a=>e(c,{get show(){return a.show},get onToggle(){return a.onToggle},get children(){const r=T.cloneNode(!0);return n(r,e(x,{get children(){return a.title}}),null),n(r,e(M,{get role(){return a.role}}),null),r}});function B(){const[a,r]=f(!1);return(()=>{const h=_.cloneNode(!0);return n(h,e(P,{get show(){return a()},onToggle:s=>r(s),get title(){return`${a()?"Close":"Open"} Dropdown`}})),h})()}const I=p('

      '),$=p('
      ');function J(a={}){const{wrapper:r}=Object.assign({},j(),a.components);return r?e(r,d(a,{get children(){return e(h,{})}})):h();function h(){const s=Object.assign({h1:"h1",p:"p",code:"code",ul:"ul",li:"li",pre:"pre",span:"span",h2:"h2",h3:"h3",strong:"strong",em:"em"},j(),a.components);return c||i("Dropdown",!1),c.Menu||i("Dropdown.Menu",!0),c.Toggle||i("Dropdown.Toggle",!0),t||i("Example",!1),t.Code||i("Example.Code",!0),t.Intro||i("Example.Intro",!0),t.Preview||i("Example.Preview",!0),[e(s.h1,{children:"Dropdown (core)"}),` +import{f,o as n,c as e,t as p,j as D,m as d,W as y}from"./index.46b6df7f.js";import{M as j}from"./index.e0aff9b5.js";import{E as t,T as u}from"./Example.6cae19f6.js";import{c,a as b,b as v}from"./Dropdown.3422f430.js";import{T as w}from"./Tabs.a495e025.js";import"./Card.cb90095f.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";const k=p("
      "),T=p(""),_=p('
      '),M=a=>{const[r,h]=b({flip:!0,offset:[0,4]});return(()=>{const s=k.cloneNode(!0);return D(s,d(r,{get role(){return a.role},get classList(){return{"dropdown-menu":!0,show:h.show}}}),!1,!0),n(s,e(c.Item,{class:"dropdown-item",children:"Item 1"}),null),n(s,e(c.Item,{class:"dropdown-item",children:"Item 2"}),null),s})()},x=a=>{const[r]=v();return e(y,d(r,{class:"btn btn-primary dropdown-toggle",get children(){return a.children}}))},P=a=>e(c,{get show(){return a.show},get onToggle(){return a.onToggle},get children(){const r=T.cloneNode(!0);return n(r,e(x,{get children(){return a.title}}),null),n(r,e(M,{get role(){return a.role}}),null),r}});function B(){const[a,r]=f(!1);return(()=>{const h=_.cloneNode(!0);return n(h,e(P,{get show(){return a()},onToggle:s=>r(s),get title(){return`${a()?"Close":"Open"} Dropdown`}})),h})()}const I=p('

      '),$=p('
      ');function J(a={}){const{wrapper:r}=Object.assign({},j(),a.components);return r?e(r,d(a,{get children(){return e(h,{})}})):h();function h(){const s=Object.assign({h1:"h1",p:"p",code:"code",ul:"ul",li:"li",pre:"pre",span:"span",h2:"h2",h3:"h3",strong:"strong",em:"em"},j(),a.components);return c||i("Dropdown",!1),c.Menu||i("Dropdown.Menu",!0),c.Toggle||i("Dropdown.Toggle",!0),t||i("Example",!1),t.Code||i("Example.Code",!0),t.Intro||i("Example.Intro",!0),t.Preview||i("Example.Preview",!0),[e(s.h1,{children:"Dropdown (core)"}),` `,(()=>{const o=I.cloneNode(!0);return n(o,e(s.p,{get children(){return[e(s.code,{children:"Dropdown"}),` is a set of structural components for building accessible dropdown menus with close-on-click,\r keyboard navigation, and correct focus handling. Like all of `,e(s.code,{children:"solid-bootstrap-core"}),`\r components, it's BYOS (Bring Your Own Styles). `,e(s.code,{children:"Dropdown"}),` is primarily\r diff --git a/assets/CoreModalDocs.ac402366.js b/assets/CoreModalDocs.63bc6996.js similarity index 98% rename from assets/CoreModalDocs.ac402366.js rename to assets/CoreModalDocs.63bc6996.js index 12ed74f..c8feb48 100644 --- a/assets/CoreModalDocs.ac402366.js +++ b/assets/CoreModalDocs.63bc6996.js @@ -1,4 +1,4 @@ -import{aj as w,f as j,o as c,c as s,W as o,j as g,aq as u,t as i,I as y,m as k}from"./index.a8c27b5b.js";import{M as p}from"./index.ef3b11e9.js";import{E as t}from"./Example.2dc3bb5a.js";import"./Card.99118534.js";const _=i('

      Some important content!

      '),$=i("
      "),f=i('
      '),M=i('

      Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

      '),x=i('
      Click to get the full Modal experience!
      '),C=i("

      "),S=()=>{const[l,n]=j(!1);return(()=>{const r=$.cloneNode(!0);return c(r,s(o,{class:"btn btn-primary",onClick:()=>n(!0),children:"Open Modal"}),null),c(r,s(u,{get show(){return l()},"aria-labelledby":"modal-1-label",onHide:()=>n(!1),renderBackdrop:a=>(()=>{const e=f.cloneNode(!0);return g(e,a,!1,!1),e})(),class:"modal d-block pe-none",get children(){const a=_.cloneNode(!0),e=a.firstChild,h=e.firstChild,d=h.nextSibling,b=d.nextSibling;return c(b,s(o,{onClick:()=>n(!1),class:"btn btn-secondary float-right",children:"Close"})),a}}),null),r})()};let N=(l,n)=>l+Math.floor(Math.random()*(n-l));const E=()=>(()=>{const l=M.cloneNode(!0),n=l.firstChild,r=n.firstChild,a=r.nextSibling;return a.firstChild,c(a,s(v,{}),null),y(e=>{const h=`${N(5,20)}%`,d=`${N(20,60)}%`;return h!==e._v$&&l.style.setProperty("margin-top",e._v$=h),d!==e._v$2&&l.style.setProperty("margin-left",e._v$2=d),e},{_v$:void 0,_v$2:void 0}),l})(),v=()=>{const[l,n]=j(!1);return[(()=>{const r=x.cloneNode(!0),a=r.firstChild;return a.$$click=()=>n(!0),r})(),C.cloneNode(!0),s(u,{class:"modal d-block pe-none",get show(){return l()},onHide:()=>n(!1),renderBackdrop:r=>(()=>{const a=f.cloneNode(!0);return a.style.setProperty("z-index","1055"),g(a,r,!1,!1),a})(),"aria-labelledby":"modal-label",get children(){return s(E,{})}})]};w(["click"]);const P=i('

      '),B=i('
      ');function D(l={}){const{wrapper:n}=Object.assign({},p(),l.components);return n?s(n,k(l,{get children(){return s(r,{})}})):r();function r(){const a=Object.assign({h1:"h1",p:"p",code:"code",ul:"ul",li:"li",pre:"pre",span:"span"},p(),l.components);return t||m("Example",!1),t.Code||m("Example.Code",!0),t.Intro||m("Example.Intro",!0),t.Preview||m("Example.Preview",!0),[s(a.h1,{children:"Modals (core)"}),` +import{aj as w,f as j,o as c,c as s,W as o,j as g,aq as u,t as i,I as y,m as k}from"./index.46b6df7f.js";import{M as p}from"./index.e0aff9b5.js";import{E as t}from"./Example.6cae19f6.js";import"./Card.cb90095f.js";const _=i('

      Some important content!

      '),$=i("
      "),f=i('
      '),M=i('

      Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

      '),x=i('
      Click to get the full Modal experience!
      '),C=i("

      "),S=()=>{const[l,n]=j(!1);return(()=>{const r=$.cloneNode(!0);return c(r,s(o,{class:"btn btn-primary",onClick:()=>n(!0),children:"Open Modal"}),null),c(r,s(u,{get show(){return l()},"aria-labelledby":"modal-1-label",onHide:()=>n(!1),renderBackdrop:a=>(()=>{const e=f.cloneNode(!0);return g(e,a,!1,!1),e})(),class:"modal d-block pe-none",get children(){const a=_.cloneNode(!0),e=a.firstChild,h=e.firstChild,d=h.nextSibling,b=d.nextSibling;return c(b,s(o,{onClick:()=>n(!1),class:"btn btn-secondary float-right",children:"Close"})),a}}),null),r})()};let N=(l,n)=>l+Math.floor(Math.random()*(n-l));const E=()=>(()=>{const l=M.cloneNode(!0),n=l.firstChild,r=n.firstChild,a=r.nextSibling;return a.firstChild,c(a,s(v,{}),null),y(e=>{const h=`${N(5,20)}%`,d=`${N(20,60)}%`;return h!==e._v$&&l.style.setProperty("margin-top",e._v$=h),d!==e._v$2&&l.style.setProperty("margin-left",e._v$2=d),e},{_v$:void 0,_v$2:void 0}),l})(),v=()=>{const[l,n]=j(!1);return[(()=>{const r=x.cloneNode(!0),a=r.firstChild;return a.$$click=()=>n(!0),r})(),C.cloneNode(!0),s(u,{class:"modal d-block pe-none",get show(){return l()},onHide:()=>n(!1),renderBackdrop:r=>(()=>{const a=f.cloneNode(!0);return a.style.setProperty("z-index","1055"),g(a,r,!1,!1),a})(),"aria-labelledby":"modal-label",get children(){return s(E,{})}})]};w(["click"]);const P=i('

      '),B=i('
      ');function D(l={}){const{wrapper:n}=Object.assign({},p(),l.components);return n?s(n,k(l,{get children(){return s(r,{})}})):r();function r(){const a=Object.assign({h1:"h1",p:"p",code:"code",ul:"ul",li:"li",pre:"pre",span:"span"},p(),l.components);return t||m("Example",!1),t.Code||m("Example.Code",!0),t.Intro||m("Example.Intro",!0),t.Preview||m("Example.Preview",!0),[s(a.h1,{children:"Modals (core)"}),` `,(()=>{const e=P.cloneNode(!0);return c(e,s(a.p,{get children(){return["Love them or hate them, ",s(a.code,{children:""}),` provides a solid foundation for creating dialogs,\r lightboxes, or whatever else. The `,s(a.code,{children:"Modal"})," component renders its ",s(a.code,{children:"children"}),` node in front\r of a backdrop component.`]}})),e})(),` diff --git a/assets/CoreNavDocs.5ae25063.js b/assets/CoreNavDocs.c53d8d6f.js similarity index 96% rename from assets/CoreNavDocs.5ae25063.js rename to assets/CoreNavDocs.c53d8d6f.js index 56b598b..cd2a0a0 100644 --- a/assets/CoreNavDocs.5ae25063.js +++ b/assets/CoreNavDocs.c53d8d6f.js @@ -1,4 +1,4 @@ -import{c as e,m as p,o as h,ae as o,aC as t,t as m}from"./index.a8c27b5b.js";import{M as d}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import"./Card.99118534.js";const N=m('

      '),g=m('
      ');function b(s={}){const{wrapper:r}=Object.assign({},d(),s.components);return r?e(r,p(s,{get children(){return e(i,{})}})):i();function i(){const n=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h3:"h3"},d(),s.components);return a||c("Example",!1),a.Code||c("Example.Code",!0),a.Preview||c("Example.Preview",!0),[e(n.h1,{children:"Navs and tabs (core)"}),` +import{c as e,m as p,o as h,ae as o,aC as t,t as m}from"./index.46b6df7f.js";import{M as d}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import"./Card.cb90095f.js";const N=m('

      '),g=m('
      ');function b(s={}){const{wrapper:r}=Object.assign({},d(),s.components);return r?e(r,p(s,{get children(){return e(i,{})}})):i();function i(){const n=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h3:"h3"},d(),s.components);return a||c("Example",!1),a.Code||c("Example.Code",!0),a.Preview||c("Example.Preview",!0),[e(n.h1,{children:"Navs and tabs (core)"}),` `,(()=>{const l=N.cloneNode(!0);return h(l,e(n.p,{children:"Create flexible navigation elements like tabs, navbars, and menus."})),l})(),` `,(()=>{const l=g.cloneNode(!0);return h(l,e(a,{title:"Basic example",get children(){return[e(a.Preview,{get children(){return e(o,{activeKey:"#",get children(){return[e(t,{href:"#",children:"Active"}),`\r `,e(t,{eventKey:"link-1",children:"Link"}),`\r diff --git a/assets/CoreOverlayDocs.9c08ec3a.js b/assets/CoreOverlayDocs.9c08ec3a.js deleted file mode 100644 index 8477bd4..0000000 --- a/assets/CoreOverlayDocs.9c08ec3a.js +++ /dev/null @@ -1 +0,0 @@ -import{f as t,ab as p,o as d,c as f,j as m,m as v,aj as S,t as h}from"./index.a8c27b5b.js";import{G as T}from"./GithubSource.1602124f.js";import{O as j}from"./Overlay.9ea1e7ed.js";import"./store.bc2dca4a.js";const E=h('

      Overlays (core)

      A powerful and flexible overlay component for showing things over, and next to, other things.

      This example is styled to look like a tooltip (with an adaptive arrow). It also demonstates using an optional <Transition />.

      Click the button to cycle through placement options.

      '),I=h('
      I am a overlay!
      '),u=["top","right","bottom","left"],G=()=>{const[g,y]=t(),[b,$]=t(null),[a,i]=t(!1),[e,r]=t();function w(){a()?e()==="left"?i(!1):r(u[u.indexOf(e())+1]):(r("top"),i(!0))}return(()=>{const o=E.cloneNode(!0),l=o.firstChild,C=l.firstChild,n=l.nextSibling,c=n.firstChild,_=n.nextSibling;return p($,o),d(l,f(T,{name:"CoreOverlayDocs"}),C),c.$$click=w,p(y,c),d(_,f(j,{get show(){return a()},offset:[0,5],container:b,target:g,get placement(){return e()},flip:!0,children:(x,O)=>(()=>{const s=I.cloneNode(!0),k=s.firstChild;return m(s,v(x),!1,!0),m(k,v(O),!1,!1),s})()})),o})()};S(["click"]);export{G as CoreOverlayDocs,G as default}; diff --git a/assets/CoreOverlayDocs.f4d22b6f.js b/assets/CoreOverlayDocs.f4d22b6f.js new file mode 100644 index 0000000..d8ba643 --- /dev/null +++ b/assets/CoreOverlayDocs.f4d22b6f.js @@ -0,0 +1 @@ +import{f as t,ab as p,o as d,c as f,j as m,m as v,aj as S,t as h}from"./index.46b6df7f.js";import{G as T}from"./GithubSource.4ed1a23d.js";import{a as j}from"./Overlay.aea51097.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";const E=h('

      Overlays (core)

      A powerful and flexible overlay component for showing things over, and next to, other things.

      This example is styled to look like a tooltip (with an adaptive arrow). It also demonstates using an optional <Transition />.

      Click the button to cycle through placement options.

      '),I=h('
      I am a overlay!
      '),u=["top","right","bottom","left"],G=()=>{const[g,y]=t(),[b,$]=t(null),[a,i]=t(!1),[e,r]=t();function w(){a()?e()==="left"?i(!1):r(u[u.indexOf(e())+1]):(r("top"),i(!0))}return(()=>{const o=E.cloneNode(!0),l=o.firstChild,C=l.firstChild,n=l.nextSibling,c=n.firstChild,_=n.nextSibling;return p($,o),d(l,f(T,{name:"CoreOverlayDocs"}),C),c.$$click=w,p(y,c),d(_,f(j,{get show(){return a()},offset:[0,5],container:b,target:g,get placement(){return e()},flip:!0,children:(x,k)=>(()=>{const s=I.cloneNode(!0),O=s.firstChild;return m(s,v(x),!1,!0),m(O,v(k),!1,!1),s})()})),o})()};S(["click"]);export{G as CoreOverlayDocs,G as default}; diff --git a/assets/CoreOverview.01cfcf62.js b/assets/CoreOverview.af317e70.js similarity index 94% rename from assets/CoreOverview.01cfcf62.js rename to assets/CoreOverview.af317e70.js index 931c43e..98dc33d 100644 --- a/assets/CoreOverview.01cfcf62.js +++ b/assets/CoreOverview.af317e70.js @@ -1,4 +1,4 @@ -import{M as i}from"./index.ef3b11e9.js";import{c as e,m as s}from"./index.a8c27b5b.js";function c(o={}){const{wrapper:t}=Object.assign({},i(),o.components);return t?e(t,s(o,{get children(){return e(r,{})}})):r();function r(){const n=Object.assign({h1:"h1",blockquote:"blockquote",p:"p",a:"a",h2:"h2",pre:"pre",code:"code"},i(),o.components);return[e(n.h1,{children:"Solid Bootstrap Core"}),` +import{M as i}from"./index.e0aff9b5.js";import{c as e,m as s}from"./index.46b6df7f.js";function c(o={}){const{wrapper:t}=Object.assign({},i(),o.components);return t?e(t,s(o,{get children(){return e(r,{})}})):r();function r(){const n=Object.assign({h1:"h1",blockquote:"blockquote",p:"p",a:"a",h2:"h2",pre:"pre",code:"code"},i(),o.components);return[e(n.h1,{children:"Solid Bootstrap Core"}),` `,e(n.blockquote,{get children(){return[` `,e(n.p,{get children(){return["Ported from ",e(n.a,{href:"https://react-restart.github.io/ui/",children:"restart/ui"})]}}),` `]}}),` diff --git a/assets/Dropdown.3422f430.js b/assets/Dropdown.3422f430.js new file mode 100644 index 0000000..693ba6c --- /dev/null +++ b/assets/Dropdown.3422f430.js @@ -0,0 +1 @@ +import{y as q,z as w,f as m,m as h,k as E,h as v,Q as z,s as $,H as S,U as B,G as R,V as K,W as G,c as D,D as Q,X as F,Y as V,w as X,Z as Y,$ as Z,a0 as O}from"./index.46b6df7f.js";import{c as j,r as J,m as _,u as ee,a as te}from"./mergeOptionsWithPopperConfig.c1f38e41.js";import{u as ne}from"./Example.6cae19f6.js";const oe=q(null),P=oe,re=()=>{};function se(t={}){const e=w(P),[c,l]=m(),[u,s]=m(!1),[C,g]=j({}),a=h({fixed:!1,popperConfig:{},usePopper:!!e},t),d=E(()=>e?.show==null?!!a.show:e.show);v(()=>{d()&&!u()&&s(!0)}),z(()=>{g(J(_({placement:a.placement||e?.placement||"bottom-start",enabled:a.usePopper??!!e,enableEvents:a.enableEventListeners==null?d():a.enableEventListeners,offset:a.offset,flip:a.flip,fixed:a.fixed,arrowElement:c(),popperConfig:a.popperConfig})))});const y=k=>{e?.toggle(!1,k)},f=ee(()=>e?.toggleElement,()=>e?.menuElement,C);return v(()=>{e?.menuElement&&te(()=>e.menuElement,y,{get clickTrigger(){return a.rootCloseEvent},get disabled(){return!d()}})}),[h({get ref(){return e?.setMenu||re},get style(){return f()?.styles.popper},get"aria-labelledby"(){return e?.toggleElement?.id}},f()?.attributes.popper??{}),{get show(){return d()},get placement(){return e?.placement},get hasShown(){return u()},get toggle(){return e?.toggle},get popper(){return a.usePopper?f():null},get arrowProps(){return a.usePopper?{ref:l,...f()?.attributes.arrow,style:f()?.styles.arrow}:{}}}]}function ae(t){const[e,c]=$(t,["children"]),[l,u]=se(c);return E(()=>e.children(l,u))}const H=t=>t.getAttribute("role")?.toLowerCase()==="menu",ce=()=>{};function le(){const t=ne(),e=w(P);return[{id:t,get ref(){return e.setToggle||ce},onClick:l=>{e.toggle(!e.show,l)},get"aria-expanded"(){return!!e.show},get"aria-haspopup"(){return e.menuElement&&H(e.menuElement)?!0:void 0}},{get show(){return e.show},get toggle(){return e.toggle}}]}function ue({children:t}){const[e,c]=le();return E(()=>t(e,c))}function ie(t){const e=w(S),c=w(B),{activeKey:l}=c||{},u=R(t.key,t.href),s=E(()=>t.active==null&&t.key!=null?R(l)===u:t.active);return[{onClick:g=>{if(t.disabled)return;let a=F(t.onClick,g);e&&!a.isPropagationStopped&&e(u,g)},get"aria-disabled"(){return t.disabled||void 0},get"aria-selected"(){return s()},[K("dropdown-item")]:""},{get isActive(){return s()}}]}const pe=t=>{const[e,c]=$(h({as:G},t),["eventKey","disabled","onClick","active","as"]),[l]=ie({get key(){return e.eventKey},get href(){return c.href},get disabled(){return e.disabled},get onClick(){return e.onClick},get active(){return e.active}});return D(Q,h({get component(){return e.as}},c,l))},ge=pe;function T(t){const e=h({itemSelector:`* [${K("dropdown-item")}]`,placement:"bottom-start"},t),c=V(),[l,u]=X(()=>e.show,()=>e.defaultShow,e.onToggle),[s,C]=m(),[g,a]=m(),[d,y]=m(null),f=w(S),I=()=>s()?.contains(s().ownerDocument.activeElement),b=(n,o,r=o?.type)=>{u(n,{originalEvent:o,source:r})},k=(n,o)=>{F(p=>{e.onSelect?.(n,p),b(!1,p,"select")},o).isPropagationStopped||f?.(n,o)},N={toggle:b,setMenu:C,setToggle:a,get placement(){return e.placement},get show(){return l()},get menuElement(){return s()},get toggleElement(){return g()}},M=()=>{const n=g();n&&n.focus&&n.focus()},W=()=>{const n=d();y(null);let o=e.focusFirstItemOnShow;if(o==null&&(o=s()&&H(s())?"keyboard":!1),o===!1||o==="keyboard"&&!/^key.+$/.test(n))return;const r=O(s(),e.itemSelector)[0];r&&r.focus&&r.focus()};v(()=>{l()?W():I()&&M()});const A=(n,o)=>{if(!s())return null;const r=O(s(),e.itemSelector);let p=r.indexOf(n)+o;return p=Math.max(0,Math.min(p,r.length)),r[p]},L=n=>{const{key:o}=n,r=n.target,p=s()?.contains(r),U=g()?.contains(r);if(/input|textarea/i.test(r.tagName)&&(o===" "||o!=="Escape"&&p||o==="Escape"&&r.type==="search")||!p&&!U||o==="Tab"&&(!s()||!l))return;y(n.type);const x={originalEvent:n,source:n.type};switch(o){case"ArrowUp":{const i=A(r,-1);i&&i.focus&&i.focus(),n.preventDefault();return}case"ArrowDown":if(n.preventDefault(),!l)u(!0,x);else{const i=A(r,1);i&&i.focus&&i.focus()}return;case"Tab":Z(r.ownerDocument,"keyup",i=>{(i.key==="Tab"&&!i.target||!s()?.contains(i.target))&&u(!1,x)},{once:!0});break;case"Escape":o==="Escape"&&(n.preventDefault(),n.stopPropagation()),u(!1,x),M();break}};return c.document.addEventListener("keydown",L),Y(()=>c.document.removeEventListener("keydown",L)),D(S.Provider,{value:k,get children(){return D(P.Provider,{value:N,get children(){return e.children}})}})}T.Menu=ae;T.Toggle=ue;T.Item=ge;export{P as D,se as a,le as b,T as c,ie as u}; diff --git a/assets/Dropdown.a5036113.js b/assets/Dropdown.bda8fe74.js similarity index 93% rename from assets/Dropdown.a5036113.js rename to assets/Dropdown.bda8fe74.js index 8ae38d2..5885b21 100644 --- a/assets/Dropdown.a5036113.js +++ b/assets/Dropdown.bda8fe74.js @@ -1 +1 @@ -import{y as E,s as b,m as u,u as x,c as w,d as P,D as C,v as T,z as h,O as M,S as O,r as D,w as B,P as G}from"./index.a8c27b5b.js";import{u as j,a as F,D as N,b as A,c as H}from"./Dropdown.e12de560.js";import{I as $}from"./InputGroupContext.b6007797.js";import{B as K}from"./Layout.a2c9264a.js";const z=E({}),S=z,V={as:T,disabled:!1},W=n=>{const[e,t]=b(u(V,n),["as","bsPrefix","class","eventKey","disabled","onClick","active"]),o=x(e.bsPrefix,"dropdown-item"),[l,s]=j({get key(){return e.eventKey},get href(){return t.href},get disabled(){return e.disabled},get onClick(){return e.onClick},get active(){return e.active}});return w(C,u({get component(){return e.as}},t,l,{get class(){return P(e.class,o,s.isActive&&"active",e.disabled&&"disabled")}}))},q=W,J={as:"div",flip:!0};function k(n,e,t){const o=t?"top-end":"top-start",l=t?"top-start":"top-end",s=t?"bottom-end":"bottom-start",c=t?"bottom-start":"bottom-end",r=t?"right-start":"left-start",g=t?"right-end":"left-end",d=t?"left-start":"right-start",p=t?"left-end":"right-end";let a=n?c:s;return e==="up"?a=n?l:o:e==="end"?a=n?p:d:e==="start"&&(a=n?g:r),a}const Q=n=>{const[e,t]=b(u(J,n),["as","bsPrefix","class","align","rootCloseEvent","flip","show","renderOnMount","popperConfig","ref","variant"]);let o=!1;const l=h(M),s=x(e.bsPrefix,"dropdown-menu"),c=h(S),r=e.align||c.align,g=h($),d=[];if(r)if(typeof r=="object"){const m=Object.keys(r);if(m.length){const y=m[0],I=r[y];o=I==="start",d.push(`${s}-${y}-${I}`)}}else r==="end"&&(o=!0);const[p,a]=F({get flip(){return e.flip},get rootCloseEvent(){return e.rootCloseEvent},get show(){return e.show},get usePopper(){return!l&&d.length===0},get offset(){return[0,2]},get popperConfig(){return e.popperConfig},get placement(){return k(o,c.drop,c.isRTL)}}),v=m=>{p.ref?.(m),e.ref?.(m)},f=u(p,typeof e.as!="string"?{get show(){return a.show},get close(){return()=>a.toggle?.(!1)},get align(){return r}}:{}),i=()=>a.popper?.placement?{...t.style,...p.style}:t.style;return w(O,{get when(){return a.hasShown||e.renderOnMount||g},get children(){return w(C,u({get component(){return e.as}},t,f,{ref:v,get style(){return i()}},()=>d.length||l?{"data-bs-popper":"static"}:{},{get class(){return P(e.class,s,a.show&&"show",o&&`${s}-end`,e.variant&&`${s}-${e.variant}`,...d)}}))}})},R=Q,U={as:K},X=n=>{const[e,t]=b(u(U,n),["as","bsPrefix","split","class","childBsPrefix","ref"]),o=x(e.bsPrefix,"dropdown-toggle"),l=h(N),s=h($);e.childBsPrefix!==void 0&&(t.bsPrefix=e.childBsPrefix);const[c]=A(),[r,g]=b(c,["ref"]);return w(C,u({get component(){return e.as},get class(){return P(e.class,o,e.split&&`${o}-split`,!!s&&l?.show&&"show")}},g,t,{ref:p=>{r.ref?.(p),e.ref?.(p)}}))},Y=X,Z=D("dropdown-header",{defaultProps:{role:"heading"}}),_=D("dropdown-divider",{Component:"hr",defaultProps:{role:"separator"}}),L=D("dropdown-item-text",{Component:"span"}),ee={as:"div",navbar:!1,align:"start",autoClose:!0},te=n=>{const[e,t]=b(u(ee,n),["as","bsPrefix","drop","show","defaultShow","class","align","onSelect","onToggle","focusFirstItemOnShow","navbar","autoClose"]),[o,l]=B(()=>e.show,()=>e.defaultShow,e.onToggle),s=h($),c=x(e.bsPrefix,"dropdown"),r=G(),g=f=>e.autoClose===!1?f==="click":e.autoClose==="inside"?f!=="rootClose":e.autoClose==="outside"?f!=="select":!0,d=(f,i)=>{(i.originalEvent.currentTarget===document||i.originalEvent.currentTarget===null)&&(i.source!=="keydown"||i.originalEvent.key==="Escape")&&(i.source="rootClose"),g(i.source)&&l?.(f,i)},p=e.align==="end",a=k(p,e.drop,r()),v={get align(){return e.align},get drop(){return e.drop},get isRTL(){return r()}};return w(S.Provider,{value:v,get children(){return w(H,{placement:a,get show(){return o()},get onSelect(){return e.onSelect},onToggle:d,get focusFirstItemOnShow(){return e.focusFirstItemOnShow},itemSelector:`.${c}-item:not(.disabled):not(:disabled)`,get children(){return s?t.children:w(C,u({get component(){return e.as}},t,{get class(){return P(e.class,o()&&"show",(!e.drop||e.drop==="down")&&c,e.drop==="up"&&"dropup",e.drop==="end"&&"dropend",e.drop==="start"&&"dropstart")}}))}})}})},ae=Object.assign(te,{Toggle:Y,Menu:R,Item:q,ItemText:L,Divider:_,Header:Z});export{ae as D,Y as a,R as b}; +import{y as E,s as b,m as u,u as x,c as w,d as P,D as C,v as T,z as h,O as M,S as O,r as D,w as B,P as G}from"./index.46b6df7f.js";import{u as j,a as F,D as N,b as A,c as H}from"./Dropdown.3422f430.js";import{I as $}from"./InputGroupContext.c22a8337.js";import{B as K}from"./Layout.4a46f345.js";const z=E({}),S=z,V={as:T,disabled:!1},W=n=>{const[e,t]=b(u(V,n),["as","bsPrefix","class","eventKey","disabled","onClick","active"]),o=x(e.bsPrefix,"dropdown-item"),[l,s]=j({get key(){return e.eventKey},get href(){return t.href},get disabled(){return e.disabled},get onClick(){return e.onClick},get active(){return e.active}});return w(C,u({get component(){return e.as}},t,l,{get class(){return P(e.class,o,s.isActive&&"active",e.disabled&&"disabled")}}))},q=W,J={as:"div",flip:!0};function k(n,e,t){const o=t?"top-end":"top-start",l=t?"top-start":"top-end",s=t?"bottom-end":"bottom-start",c=t?"bottom-start":"bottom-end",r=t?"right-start":"left-start",g=t?"right-end":"left-end",d=t?"left-start":"right-start",p=t?"left-end":"right-end";let a=n?c:s;return e==="up"?a=n?l:o:e==="end"?a=n?p:d:e==="start"&&(a=n?g:r),a}const Q=n=>{const[e,t]=b(u(J,n),["as","bsPrefix","class","align","rootCloseEvent","flip","show","renderOnMount","popperConfig","ref","variant"]);let o=!1;const l=h(M),s=x(e.bsPrefix,"dropdown-menu"),c=h(S),r=e.align||c.align,g=h($),d=[];if(r)if(typeof r=="object"){const m=Object.keys(r);if(m.length){const y=m[0],I=r[y];o=I==="start",d.push(`${s}-${y}-${I}`)}}else r==="end"&&(o=!0);const[p,a]=F({get flip(){return e.flip},get rootCloseEvent(){return e.rootCloseEvent},get show(){return e.show},get usePopper(){return!l&&d.length===0},get offset(){return[0,2]},get popperConfig(){return e.popperConfig},get placement(){return k(o,c.drop,c.isRTL)}}),v=m=>{p.ref?.(m),e.ref?.(m)},f=u(p,typeof e.as!="string"?{get show(){return a.show},get close(){return()=>a.toggle?.(!1)},get align(){return r}}:{}),i=()=>a.popper?.placement?{...t.style,...p.style}:t.style;return w(O,{get when(){return a.hasShown||e.renderOnMount||g},get children(){return w(C,u({get component(){return e.as}},t,f,{ref:v,get style(){return i()}},()=>d.length||l?{"data-bs-popper":"static"}:{},{get class(){return P(e.class,s,a.show&&"show",o&&`${s}-end`,e.variant&&`${s}-${e.variant}`,...d)}}))}})},R=Q,U={as:K},X=n=>{const[e,t]=b(u(U,n),["as","bsPrefix","split","class","childBsPrefix","ref"]),o=x(e.bsPrefix,"dropdown-toggle"),l=h(N),s=h($);e.childBsPrefix!==void 0&&(t.bsPrefix=e.childBsPrefix);const[c]=A(),[r,g]=b(c,["ref"]);return w(C,u({get component(){return e.as},get class(){return P(e.class,o,e.split&&`${o}-split`,!!s&&l?.show&&"show")}},g,t,{ref:p=>{r.ref?.(p),e.ref?.(p)}}))},Y=X,Z=D("dropdown-header",{defaultProps:{role:"heading"}}),_=D("dropdown-divider",{Component:"hr",defaultProps:{role:"separator"}}),L=D("dropdown-item-text",{Component:"span"}),ee={as:"div",navbar:!1,align:"start",autoClose:!0},te=n=>{const[e,t]=b(u(ee,n),["as","bsPrefix","drop","show","defaultShow","class","align","onSelect","onToggle","focusFirstItemOnShow","navbar","autoClose"]),[o,l]=B(()=>e.show,()=>e.defaultShow,e.onToggle),s=h($),c=x(e.bsPrefix,"dropdown"),r=G(),g=f=>e.autoClose===!1?f==="click":e.autoClose==="inside"?f!=="rootClose":e.autoClose==="outside"?f!=="select":!0,d=(f,i)=>{(i.originalEvent.currentTarget===document||i.originalEvent.currentTarget===null)&&(i.source!=="keydown"||i.originalEvent.key==="Escape")&&(i.source="rootClose"),g(i.source)&&l?.(f,i)},p=e.align==="end",a=k(p,e.drop,r()),v={get align(){return e.align},get drop(){return e.drop},get isRTL(){return r()}};return w(S.Provider,{value:v,get children(){return w(H,{placement:a,get show(){return o()},get onSelect(){return e.onSelect},onToggle:d,get focusFirstItemOnShow(){return e.focusFirstItemOnShow},itemSelector:`.${c}-item:not(.disabled):not(:disabled)`,get children(){return s?t.children:w(C,u({get component(){return e.as}},t,{get class(){return P(e.class,o()&&"show",(!e.drop||e.drop==="down")&&c,e.drop==="up"&&"dropup",e.drop==="end"&&"dropend",e.drop==="start"&&"dropstart")}}))}})}})},ae=Object.assign(te,{Toggle:Y,Menu:R,Item:q,ItemText:L,Divider:_,Header:Z});export{ae as D,Y as a,R as b}; diff --git a/assets/Dropdown.e12de560.js b/assets/Dropdown.e12de560.js deleted file mode 100644 index 25f8a12..0000000 --- a/assets/Dropdown.e12de560.js +++ /dev/null @@ -1 +0,0 @@ -import{y as q,z as w,f as m,m as h,k as E,h as v,Q as z,s as $,H as S,U as B,G as R,V as K,W as G,c as D,D as Q,X as F,Y as V,w as X,Z as Y,$ as Z,a0 as O}from"./index.a8c27b5b.js";import{c as j,r as J,m as _,u as ee,a as te}from"./store.bc2dca4a.js";import{u as ne}from"./Example.2dc3bb5a.js";const oe=q(null),P=oe,re=()=>{};function se(t={}){const e=w(P),[c,l]=m(),[u,s]=m(!1),[C,g]=j({}),a=h({fixed:!1,popperConfig:{},usePopper:!!e},t),d=E(()=>e?.show==null?!!a.show:e.show);v(()=>{d()&&!u()&&s(!0)}),z(()=>{g(J(_({placement:a.placement||e?.placement||"bottom-start",enabled:a.usePopper??!!e,enableEvents:a.enableEventListeners==null?d():a.enableEventListeners,offset:a.offset,flip:a.flip,fixed:a.fixed,arrowElement:c(),popperConfig:a.popperConfig})))});const y=k=>{e?.toggle(!1,k)},f=ee(()=>e?.toggleElement,()=>e?.menuElement,C);return v(()=>{e?.menuElement&&te(()=>e.menuElement,y,{get clickTrigger(){return a.rootCloseEvent},get disabled(){return!d()}})}),[h({get ref(){return e?.setMenu||re},get style(){return f()?.styles.popper},get"aria-labelledby"(){return e?.toggleElement?.id}},f()?.attributes.popper??{}),{get show(){return d()},get placement(){return e?.placement},get hasShown(){return u()},get toggle(){return e?.toggle},get popper(){return a.usePopper?f():null},get arrowProps(){return a.usePopper?{ref:l,...f()?.attributes.arrow,style:f()?.styles.arrow}:{}}}]}function ae(t){const[e,c]=$(t,["children"]),[l,u]=se(c);return E(()=>e.children(l,u))}const H=t=>t.getAttribute("role")?.toLowerCase()==="menu",ce=()=>{};function le(){const t=ne(),e=w(P);return[{id:t,get ref(){return e.setToggle||ce},onClick:l=>{e.toggle(!e.show,l)},get"aria-expanded"(){return!!e.show},get"aria-haspopup"(){return e.menuElement&&H(e.menuElement)?!0:void 0}},{get show(){return e.show},get toggle(){return e.toggle}}]}function ue({children:t}){const[e,c]=le();return E(()=>t(e,c))}function ie(t){const e=w(S),c=w(B),{activeKey:l}=c||{},u=R(t.key,t.href),s=E(()=>t.active==null&&t.key!=null?R(l)===u:t.active);return[{onClick:g=>{if(t.disabled)return;let a=F(t.onClick,g);e&&!a.isPropagationStopped&&e(u,g)},get"aria-disabled"(){return t.disabled||void 0},get"aria-selected"(){return s()},[K("dropdown-item")]:""},{get isActive(){return s()}}]}const pe=t=>{const[e,c]=$(h({as:G},t),["eventKey","disabled","onClick","active","as"]),[l]=ie({get key(){return e.eventKey},get href(){return c.href},get disabled(){return e.disabled},get onClick(){return e.onClick},get active(){return e.active}});return D(Q,h({get component(){return e.as}},c,l))},ge=pe;function T(t){const e=h({itemSelector:`* [${K("dropdown-item")}]`,placement:"bottom-start"},t),c=V(),[l,u]=X(()=>e.show,()=>e.defaultShow,e.onToggle),[s,C]=m(),[g,a]=m(),[d,y]=m(null),f=w(S),I=()=>s()?.contains(s().ownerDocument.activeElement),b=(n,o,r=o?.type)=>{u(n,{originalEvent:o,source:r})},k=(n,o)=>{F(p=>{e.onSelect?.(n,p),b(!1,p,"select")},o).isPropagationStopped||f?.(n,o)},N={toggle:b,setMenu:C,setToggle:a,get placement(){return e.placement},get show(){return l()},get menuElement(){return s()},get toggleElement(){return g()}},M=()=>{const n=g();n&&n.focus&&n.focus()},W=()=>{const n=d();y(null);let o=e.focusFirstItemOnShow;if(o==null&&(o=s()&&H(s())?"keyboard":!1),o===!1||o==="keyboard"&&!/^key.+$/.test(n))return;const r=O(s(),e.itemSelector)[0];r&&r.focus&&r.focus()};v(()=>{l()?W():I()&&M()});const A=(n,o)=>{if(!s())return null;const r=O(s(),e.itemSelector);let p=r.indexOf(n)+o;return p=Math.max(0,Math.min(p,r.length)),r[p]},L=n=>{const{key:o}=n,r=n.target,p=s()?.contains(r),U=g()?.contains(r);if(/input|textarea/i.test(r.tagName)&&(o===" "||o!=="Escape"&&p||o==="Escape"&&r.type==="search")||!p&&!U||o==="Tab"&&(!s()||!l))return;y(n.type);const x={originalEvent:n,source:n.type};switch(o){case"ArrowUp":{const i=A(r,-1);i&&i.focus&&i.focus(),n.preventDefault();return}case"ArrowDown":if(n.preventDefault(),!l)u(!0,x);else{const i=A(r,1);i&&i.focus&&i.focus()}return;case"Tab":Z(r.ownerDocument,"keyup",i=>{(i.key==="Tab"&&!i.target||!s()?.contains(i.target))&&u(!1,x)},{once:!0});break;case"Escape":o==="Escape"&&(n.preventDefault(),n.stopPropagation()),u(!1,x),M();break}};return c.document.addEventListener("keydown",L),Y(()=>c.document.removeEventListener("keydown",L)),D(S.Provider,{value:k,get children(){return D(P.Provider,{value:N,get children(){return e.children}})}})}T.Menu=ae;T.Toggle=ue;T.Item=ge;export{P as D,se as a,le as b,T as c,ie as u}; diff --git a/assets/DropdownButton.e4c391a0.js b/assets/DropdownButton.14b1eaa5.js similarity index 83% rename from assets/DropdownButton.e4c391a0.js rename to assets/DropdownButton.14b1eaa5.js index a8608dd..b40b837 100644 --- a/assets/DropdownButton.e4c391a0.js +++ b/assets/DropdownButton.14b1eaa5.js @@ -1 +1 @@ -import{s as i,m as t,c as r}from"./index.a8c27b5b.js";import{a as s,b as u,D as a}from"./Dropdown.a5036113.js";const d={},l=n=>{const[e,o]=i(t(d,n),["title","children","bsPrefix","rootCloseEvent","variant","size","menuRole","renderMenuOnMount","disabled","href","id","menuVariant"]);return r(a,t(o,{get children(){return[r(s,{get id(){return e.id},get href(){return e.href},get size(){return e.size},get variant(){return e.variant},get disabled(){return e.disabled},get childBsPrefix(){return e.bsPrefix},get children(){return e.title}}),r(u,{get role(){return e.menuRole},get renderOnMount(){return e.renderMenuOnMount},get rootCloseEvent(){return e.rootCloseEvent},get variant(){return e.menuVariant},get children(){return e.children}})]}}))},c=l;export{c as D}; +import{s as i,m as t,c as r}from"./index.46b6df7f.js";import{a as s,b as u,D as a}from"./Dropdown.bda8fe74.js";const d={},l=n=>{const[e,o]=i(t(d,n),["title","children","bsPrefix","rootCloseEvent","variant","size","menuRole","renderMenuOnMount","disabled","href","id","menuVariant"]);return r(a,t(o,{get children(){return[r(s,{get id(){return e.id},get href(){return e.href},get size(){return e.size},get variant(){return e.variant},get disabled(){return e.disabled},get childBsPrefix(){return e.bsPrefix},get children(){return e.title}}),r(u,{get role(){return e.menuRole},get renderOnMount(){return e.renderMenuOnMount},get rootCloseEvent(){return e.rootCloseEvent},get variant(){return e.menuVariant},get children(){return e.children}})]}}))},c=l;export{c as D}; diff --git a/assets/DropdownDocs.5cad5d35.js b/assets/DropdownDocs.0f1bef56.js similarity index 77% rename from assets/DropdownDocs.5cad5d35.js rename to assets/DropdownDocs.0f1bef56.js index b668990..e5ac2ba 100644 --- a/assets/DropdownDocs.5cad5d35.js +++ b/assets/DropdownDocs.0f1bef56.js @@ -1,4 +1,4 @@ -import{t as h,c as e,m as D,al as o,o as r,n as b,N as I}from"./index.a8c27b5b.js";import{M as w}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as y}from"./GithubSource.1602124f.js";import{D as s}from"./Dropdown.a5036113.js";import{N as c}from"./NavDropdown.8df27111.js";import{D as i}from"./DropdownButton.e4c391a0.js";import{S as p}from"./Stack.001daeb8.js";import{B as m}from"./ButtonGroup.bec3fbe2.js";import{B as A}from"./Layout.a2c9264a.js";import{S as u}from"./SplitButton.fc26784b.js";import{A as S}from"./Alert.ccf287cf.js";import"./Card.99118534.js";import"./Dropdown.e12de560.js";import"./store.bc2dca4a.js";import"./InputGroupContext.b6007797.js";const k=h(`

      API

      DropdownButton

      import { DropdownButton } from 'solid-bootstrap'

      A convenience component for simple or general use dropdowns. Renders a Button toggle and all children are passed directly to the default Dropdown.Menu. This component accepts all of Dropdown's props.

      All unknown props are passed through to the Dropdown component. Only the Button variant, size and bsPrefix props are passed to the toggle, along with menu-related props are passed to the Dropdown.Menu

      NameTypeDefaultDescription
      align
      "start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"}|{ xxl: "start"|"end"}

      Aligns the dropdown menu.

      disabled
      boolean

      Disables both Buttons

      href
      string

      An href passed to the Toggle component

      id
      string

      An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.

      menuRole
      string

      An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown

      menuVariant
      'dark'

      Menu color variant.

      Omitting this will use the default light color.

      onClick
      function

      An onClick handler passed to the Toggle component

      renderMenuOnMount
      boolean

      Whether to render the dropdown menu in the DOM before the first time it is shown

      rootCloseEvent
      string

      Which event when fired outside the component will cause it to be closed.

      size
      string

      Component size variations.

      title required
      node

      The content of the non-toggle Button.

      variant
      string

      Component visual or contextual style variants.

      bsPrefix
      string

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      SplitButton

      import { SplitButton } from 'solid-bootstrap'

      A convenience component for simple or general use split button dropdowns. Renders a ButtonGroup containing a Button and a Button toggle for the Dropdown. All children are passed directly to the default Dropdown.Menu. This component accepts all of Dropdown's props.

      All unknown props are passed through to the Dropdown component. The Button variant, size and bsPrefix props are passed to the button and toggle, and menu-related props are passed to the Dropdown.Menu

      NameTypeDefaultDescription
      align
      "start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"}|{ xxl: "start"|"end"}

      Aligns the dropdown menu.

      disabled
      boolean

      Disables both Buttons

      href
      string

      An href passed to the non-toggle Button

      id required
      string

      An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.

      menuRole
      string

      An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown

      onClick
      function

      An onClick handler passed to the non-toggle Button

      renderMenuOnMount
      boolean

      Whether to render the dropdown menu in the DOM before the first time it is shown

      rootCloseEvent
      string

      Which event when fired outside the component will cause it to be closed.

      size
      string

      Component size variations.

      target
      string

      An anchor target passed to the non-toggle Button

      title required
      node

      The content of the non-toggle Button.

      toggleLabel
      string
      		'Toggle dropdown'

      Accessible label for the toggle; the value of title if not specified.

      type
      string
      		'button'

      A type passed to the non-toggle Button

      variant
      string

      Component visual or contextual style variants.

      bsPrefix
      string

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown

      import { Dropdown } from 'solid-bootstrap'
      NameTypeDefaultDescription
      align
      "start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"} { xxl: "start"|"end"}
      		'start'

      Aligns the dropdown menu to the specified side of the Dropdown toggle. You can also align the menu responsively for breakpoints starting at sm and up. The alignment direction will affect the specified breakpoint or larger.

      Note: Using responsive alignment will disable Popper usage for positioning.

      as
      elementType

      You can use a custom element type for this component.

      autoClose
      true | 'outside' | 'inside' | false
      		true

      Controls the auto close behaviour of the dropdown when clicking outside of the button or the list.

      drop
      'up' | 'start' | 'end' | 'down'

      Determines the direction and location of the Menu in relation to it's Toggle.

      flip
      boolean

      Allow Dropdown to flip in case of an overlapping on the reference element. For more information refer to Popper.js's flip docs.

      focusFirstItemOnShow
      false | true | 'keyboard'

      Controls the focus behavior for when the Dropdown is opened. Set totrue to always focus the first menu item, keyboard to focus only when navigating via the keyboard, or false to disable completely

      The Default behavior is false unless the Menu has a role="menu"where it will default to keyboard to match the recommended ARIA Authoring practices.

      navbar
      boolean
      		false
      onSelect
      function

      A callback fired when a menu item is selected.

      (eventKey: any, event: Object) => any
      onToggle
      function
      controls show

      A callback fired when the Dropdown wishes to change visibility. Called with the requestedshow value, the DOM event, and the source that fired it: 'click','keydown','rootClose', or 'select'.

      function(isOpen: boolean,event: SyntheticEvent,metadata: {source: 'select' | 'click' | 'rootClose' | 'keydown'}): void
      show
      boolean
      controlled by: onToggle, initial prop: defaultShow

      Whether or not the Dropdown is visible.

      bsPrefix
      string
      		'dropdown'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Toggle

      NameTypeDefaultDescription
      as
      elementType
      		<Button>

      You can use a custom element type for this component.

      childBsPrefix
      string

      to passthrough to the underlying button or whatever from DropdownButton

      id
      string|number

      An html id attribute, necessary for assistive technologies, such as screen readers.

      split
      boolean
      bsPrefix
      string
      		'dropdown-toggle'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Menu

      NameTypeDefaultDescription
      align
      "start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"}|{ xxl: "start"|"end"}

      Aligns the dropdown menu to the specified side of the container. You can also align the menu responsively for breakpoints starting at sm and up. The alignment direction will affect the specified breakpoint or larger.

      Note: Using responsive alignment will disable Popper usage for positioning.

      as
      elementType
      		<div>

      Control the rendering of the DropdownMenu. All non-menu props (listed here) are passed through to the as Component.

      If providing a custom, non DOM, component. the show, close and align props are also injected and should be handled appropriately.

      flip
      boolean
      		true

      Have the dropdown switch to it's opposite placement when necessary to stay on screen.

      onSelect
      function
      popperConfig
      object

      A set of popper options and props passed directly to Popper.

      renderOnMount
      boolean

      Whether to render the dropdown menu in the DOM before the first time it is shown

      rootCloseEvent
      'click' | 'mousedown'

      Which event when fired outside the component will cause it to be closed

      Note: For custom dropdown components, you will have to pass the rootCloseEvent to <RootCloseWrapper> in your custom dropdown menu component ).

      show
      boolean

      Controls the visibility of the Dropdown menu

      variant
      string

      Menu color variant.

      Omitting this will use the default light color.

      bsPrefix
      string
      		'dropdown-menu'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Item

      NameTypeDefaultDescription
      active
      boolean

      Highlight the menu item as active.

      as
      elementType
      		<Anchor>

      You can use a custom element type for this component.

      disabled
      boolean
      		false

      Disable the menu item, making it unselectable.

      eventKey
      string | number

      Value passed to the onSelect handler, useful for identifying the selected menu item.

      href
      string

      HTML href attribute corresponding to a.href.

      onClick
      function

      Callback fired when the menu item is clicked.

      bsPrefix
      string
      		'dropdown-item'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Header

      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'dropdown-header'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Divider

      NameTypeDefaultDescription
      as
      elementType
      		<hr>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'dropdown-divider'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),x=()=>k.cloneNode(!0),B=h('

      '),T=h('Popper.js'),M=h('WAI-ARIA'),f=h('
      '),C=h("
      "),K=h('
      '),_=h('
      ');function J(g={}){const{wrapper:N}=Object.assign({},w(),g.components);return N?e(N,D(g,{get children(){return e(v,{})}})):v();function v(){const n=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",pre:"pre",span:"span",strong:"strong"},w(),g.components);return s||d("Dropdown",!1),s.Divider||d("Dropdown.Divider",!0),s.Header||d("Dropdown.Header",!0),s.Item||d("Dropdown.Item",!0),s.ItemText||d("Dropdown.ItemText",!0),s.Menu||d("Dropdown.Menu",!0),s.Toggle||d("Dropdown.Toggle",!0),a||d("Example",!1),a.Code||d("Example.Code",!0),a.Intro||d("Example.Intro",!0),a.Preview||d("Example.Preview",!0),c||d("NavDropdown",!1),c.Divider||d("NavDropdown.Divider",!0),c.Item||d("NavDropdown.Item",!0),o||d("Navbar",!1),o.Brand||d("Navbar.Brand",!0),o.Collapse||d("Navbar.Collapse",!0),o.Toggle||d("Navbar.Toggle",!0),[e(y,{name:"DropdownDocs.mdx"}),` +import{t as h,c as e,m as D,al as o,o as r,n as b,N as I}from"./index.46b6df7f.js";import{M as w}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import{G as y}from"./GithubSource.4ed1a23d.js";import{D as s}from"./Dropdown.bda8fe74.js";import{N as c}from"./NavDropdown.7ff31401.js";import{D as i}from"./DropdownButton.14b1eaa5.js";import{S as p}from"./Stack.dd934703.js";import{B as m}from"./ButtonGroup.355a2d23.js";import{B as A}from"./Layout.4a46f345.js";import{S as u}from"./SplitButton.7e8cc37b.js";import{A as S}from"./Alert.cfed10ed.js";import"./Card.cb90095f.js";import"./Dropdown.3422f430.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";import"./InputGroupContext.c22a8337.js";const k=h(`

      API

      DropdownButton

      import { DropdownButton } from 'solid-bootstrap'

      A convenience component for simple or general use dropdowns. Renders a Button toggle and all children are passed directly to the default Dropdown.Menu. This component accepts all of Dropdown's props.

      All unknown props are passed through to the Dropdown component. Only the Button variant, size and bsPrefix props are passed to the toggle, along with menu-related props are passed to the Dropdown.Menu

      NameTypeDefaultDescription
      align
      "start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"}|{ xxl: "start"|"end"}

      Aligns the dropdown menu.

      disabled
      boolean

      Disables both Buttons

      href
      string

      An href passed to the Toggle component

      id
      string

      An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.

      menuRole
      string

      An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown

      menuVariant
      'dark'

      Menu color variant.

      Omitting this will use the default light color.

      onClick
      function

      An onClick handler passed to the Toggle component

      renderMenuOnMount
      boolean

      Whether to render the dropdown menu in the DOM before the first time it is shown

      rootCloseEvent
      string

      Which event when fired outside the component will cause it to be closed.

      size
      string

      Component size variations.

      title required
      node

      The content of the non-toggle Button.

      variant
      string

      Component visual or contextual style variants.

      bsPrefix
      string

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      SplitButton

      import { SplitButton } from 'solid-bootstrap'

      A convenience component for simple or general use split button dropdowns. Renders a ButtonGroup containing a Button and a Button toggle for the Dropdown. All children are passed directly to the default Dropdown.Menu. This component accepts all of Dropdown's props.

      All unknown props are passed through to the Dropdown component. The Button variant, size and bsPrefix props are passed to the button and toggle, and menu-related props are passed to the Dropdown.Menu

      NameTypeDefaultDescription
      align
      "start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"}|{ xxl: "start"|"end"}

      Aligns the dropdown menu.

      disabled
      boolean

      Disables both Buttons

      href
      string

      An href passed to the non-toggle Button

      id required
      string

      An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.

      menuRole
      string

      An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown

      onClick
      function

      An onClick handler passed to the non-toggle Button

      renderMenuOnMount
      boolean

      Whether to render the dropdown menu in the DOM before the first time it is shown

      rootCloseEvent
      string

      Which event when fired outside the component will cause it to be closed.

      size
      string

      Component size variations.

      target
      string

      An anchor target passed to the non-toggle Button

      title required
      node

      The content of the non-toggle Button.

      toggleLabel
      string
      		'Toggle dropdown'

      Accessible label for the toggle; the value of title if not specified.

      type
      string
      		'button'

      A type passed to the non-toggle Button

      variant
      string

      Component visual or contextual style variants.

      bsPrefix
      string

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown

      import { Dropdown } from 'solid-bootstrap'
      NameTypeDefaultDescription
      align
      "start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"} { xxl: "start"|"end"}
      		'start'

      Aligns the dropdown menu to the specified side of the Dropdown toggle. You can also align the menu responsively for breakpoints starting at sm and up. The alignment direction will affect the specified breakpoint or larger.

      Note: Using responsive alignment will disable Popper usage for positioning.

      as
      elementType

      You can use a custom element type for this component.

      autoClose
      true | 'outside' | 'inside' | false
      		true

      Controls the auto close behaviour of the dropdown when clicking outside of the button or the list.

      drop
      'up' | 'start' | 'end' | 'down'

      Determines the direction and location of the Menu in relation to it's Toggle.

      flip
      boolean

      Allow Dropdown to flip in case of an overlapping on the reference element. For more information refer to Popper.js's flip docs.

      focusFirstItemOnShow
      false | true | 'keyboard'

      Controls the focus behavior for when the Dropdown is opened. Set totrue to always focus the first menu item, keyboard to focus only when navigating via the keyboard, or false to disable completely

      The Default behavior is false unless the Menu has a role="menu"where it will default to keyboard to match the recommended ARIA Authoring practices.

      navbar
      boolean
      		false
      onSelect
      function

      A callback fired when a menu item is selected.

      (eventKey: any, event: Object) => any
      onToggle
      function
      controls show

      A callback fired when the Dropdown wishes to change visibility. Called with the requestedshow value, the DOM event, and the source that fired it: 'click','keydown','rootClose', or 'select'.

      function(isOpen: boolean,event: SyntheticEvent,metadata: {source: 'select' | 'click' | 'rootClose' | 'keydown'}): void
      show
      boolean
      controlled by: onToggle, initial prop: defaultShow

      Whether or not the Dropdown is visible.

      bsPrefix
      string
      		'dropdown'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Toggle

      NameTypeDefaultDescription
      as
      elementType
      		<Button>

      You can use a custom element type for this component.

      childBsPrefix
      string

      to passthrough to the underlying button or whatever from DropdownButton

      id
      string|number

      An html id attribute, necessary for assistive technologies, such as screen readers.

      split
      boolean
      bsPrefix
      string
      		'dropdown-toggle'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Menu

      NameTypeDefaultDescription
      align
      "start"|"end"|{ sm: "start"|"end" }|{ md: "start"|"end" }|{ lg: "start"|"end" }|{ xl: "start"|"end"}|{ xxl: "start"|"end"}

      Aligns the dropdown menu to the specified side of the container. You can also align the menu responsively for breakpoints starting at sm and up. The alignment direction will affect the specified breakpoint or larger.

      Note: Using responsive alignment will disable Popper usage for positioning.

      as
      elementType
      		<div>

      Control the rendering of the DropdownMenu. All non-menu props (listed here) are passed through to the as Component.

      If providing a custom, non DOM, component. the show, close and align props are also injected and should be handled appropriately.

      flip
      boolean
      		true

      Have the dropdown switch to it's opposite placement when necessary to stay on screen.

      onSelect
      function
      popperConfig
      object

      A set of popper options and props passed directly to Popper.

      renderOnMount
      boolean

      Whether to render the dropdown menu in the DOM before the first time it is shown

      rootCloseEvent
      'click' | 'mousedown'

      Which event when fired outside the component will cause it to be closed

      Note: For custom dropdown components, you will have to pass the rootCloseEvent to <RootCloseWrapper> in your custom dropdown menu component ).

      show
      boolean

      Controls the visibility of the Dropdown menu

      variant
      string

      Menu color variant.

      Omitting this will use the default light color.

      bsPrefix
      string
      		'dropdown-menu'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Item

      NameTypeDefaultDescription
      active
      boolean

      Highlight the menu item as active.

      as
      elementType
      		<Anchor>

      You can use a custom element type for this component.

      disabled
      boolean
      		false

      Disable the menu item, making it unselectable.

      eventKey
      string | number

      Value passed to the onSelect handler, useful for identifying the selected menu item.

      href
      string

      HTML href attribute corresponding to a.href.

      onClick
      function

      Callback fired when the menu item is clicked.

      bsPrefix
      string
      		'dropdown-item'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Header

      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'dropdown-header'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Dropdown.Divider

      NameTypeDefaultDescription
      as
      elementType
      		<hr>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'dropdown-divider'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),x=()=>k.cloneNode(!0),B=h('

      '),T=h('Popper.js'),M=h('WAI-ARIA'),f=h('
      '),C=h("
      "),K=h('
      '),_=h('
      ');function J(g={}){const{wrapper:N}=Object.assign({},w(),g.components);return N?e(N,D(g,{get children(){return e(v,{})}})):v();function v(){const n=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",pre:"pre",span:"span",strong:"strong"},w(),g.components);return s||d("Dropdown",!1),s.Divider||d("Dropdown.Divider",!0),s.Header||d("Dropdown.Header",!0),s.Item||d("Dropdown.Item",!0),s.ItemText||d("Dropdown.ItemText",!0),s.Menu||d("Dropdown.Menu",!0),s.Toggle||d("Dropdown.Toggle",!0),a||d("Example",!1),a.Code||d("Example.Code",!0),a.Intro||d("Example.Intro",!0),a.Preview||d("Example.Preview",!0),c||d("NavDropdown",!1),c.Divider||d("NavDropdown.Divider",!0),c.Item||d("NavDropdown.Item",!0),o||d("Navbar",!1),o.Brand||d("Navbar.Brand",!0),o.Collapse||d("Navbar.Collapse",!0),o.Toggle||d("Navbar.Toggle",!0),[e(y,{name:"DropdownDocs.mdx"}),` `,e(n.h1,{children:"Dropdowns"}),` `,(()=>{const l=B.cloneNode(!0);return r(l,e(n.p,{children:`Toggle contextual overlays for displaying lists of links and more with\r the Bootstrap dropdown plugin.`})),l})(),` diff --git a/assets/Example.2dc3bb5a.js b/assets/Example.6cae19f6.js similarity index 97% rename from assets/Example.2dc3bb5a.js rename to assets/Example.6cae19f6.js index dfc3212..5e413e1 100644 --- a/assets/Example.2dc3bb5a.js +++ b/assets/Example.6cae19f6.js @@ -1 +1 @@ -import{B as S,k as P,E as _,s as g,m as s,z as C,T as m,G as b,c as n,H as h,D as p,w,F as y,r as A,u as N,d as k,f as B,o as d,N as c,h as D,t as O,y as L}from"./index.a8c27b5b.js";import{C as j}from"./Card.99118534.js";let F=0;function R(e){return e||`solid-aria-${++F}`}const z=e=>{const t=S(()=>e.children);return P(()=>{const o=t();return typeof o=="function"?o(_,{}):o})},G=z,H={role:"tabpanel"};function T(e){const[t,i]=g(s(H,e),["active","eventKey","mountOnEnter","transition","unmountOnExit"]),o=C(m);if(!o)return[i,{get eventKey(){return t.eventKey},get isActive(){return t.active},get mountOnEnter(){return t.mountOnEnter},get transition(){return t.transition},get unmountOnExit(){return t.unmountOnExit}}];const r=b(t.eventKey);return[s(i,{get id(){return o?.getControlledId(t.eventKey)},get"aria-labelledby"(){return o?.getControllerId(t.eventKey)}}),{get eventKey(){return t.eventKey},get isActive(){return t.active==null&&r!=null?b(o?.activeKey)===r:t.active},get transition(){return t.transition||o?.transition||G},get mountOnEnter(){return t.mountOnEnter!=null?t.mountOnEnter:o?.mountOnEnter},get unmountOnExit(){return t.unmountOnExit!=null?t.unmountOnExit:o?.unmountOnExit}}]}const M=e=>{const[t,i]=T(e);return i.transition,n(m.Provider,{value:null,get children(){return n(h.Provider,{value:null,get children(){return n(p,s({get component(){return e.as??"div"}},t,{role:"tabpanel",get hidden(){return!i.isActive},get["aria-hidden"](){return!i.isActive}}))}})}})},K=e=>{const[t,i]=w(()=>e.activeKey,()=>e.defaultActiveKey,e.onSelect),o=R(e.id),r=P(()=>e.generateChildId||((a,u)=>o?`${o}-${u}-${a}`:null)),l={get onSelect(){return i},get activeKey(){return t()},get transition(){return e.transition},get mountOnEnter(){return e.mountOnEnter||!1},get unmountOnExit(){return e.unmountOnExit||!1},get getControlledId(){return a=>r()(a,"pane")},get getControllerId(){return a=>r()(a,"tab")}};return n(m.Provider,{value:l,get children(){return n(h.Provider,{value:i||null,get children(){return e.children}})}})};K.Panel=M;const W=K;function $(e){return typeof e=="boolean"?e?y:void 0:e}const q={},J=e=>{const[t,i]=g(s(q,e),["transition"]);return n(W,s(i,{get transition(){return $(t.transition)}}))},Q=J,U=A("tab-content"),V={},X=e=>{const[t,i]=g(s(V,e),["bsPrefix","transition"]),[o,r]=T(s(i,{get transition(){return $(t.transition)}})),[l,a]=g(o,["as","class","mountOnEnter","unmountOnExit"]),u=N(t.bsPrefix,"tab-pane"),E=r.transition||y;return n(m.Provider,{value:null,get children(){return n(h.Provider,{value:null,get children(){return n(E,{get in(){return r.isActive},get onEnter(){return r.onEnter},get onEntering(){return r.onEntering},get onEntered(){return r.onEntered},get onExit(){return r.onExit},get onExiting(){return r.onExiting},get onExited(){return r.onExited},get mountOnEnter(){return r.mountOnEnter},get unmountOnExit(){return r.unmountOnExit},get children(){return n(p,s({get component(){return l.as??"div"}},a,{ref(f){const x=i.ref;typeof x=="function"?x(f):i.ref=f},get class(){return k(l.class,u,r.isActive&&"active")}}))}})}})}})},Y=X,Z=e=>e,v=Object.assign(Z,{Container:Q,Content:U,Pane:Y}),ee=O('

      '),te=O("
      "),I=L(),ne=e=>{const[t,i]=B();return(()=>{const o=te.cloneNode(!0);return d(o,n(I.Provider,{value:i,get children(){return n(v.Container,{defaultActiveKey:"preview",get children(){return[(()=>{const r=ee.cloneNode(!0),l=r.firstChild,a=l.firstChild,u=a.nextSibling,E=u.firstChild;return a.style.setProperty("shape-outside","inset(calc(100% - 45px) 0 0)"),d(a,n(c,{variant:"tabs",class:"d-flex flex-nowrap",get children(){return[n(c.Item,{get children(){return n(c.Link,{as:"button",eventKey:"preview",children:"Preview"})}}),n(c.Item,{get children(){return n(c.Link,{as:"button",eventKey:"code",children:"Code"})}})]}})),d(E,()=>e.title),d(u,t,null),r})(),n(v.Content,{get children(){return e.children}})]}})}})),o})()},re=e=>{const t=C(I);return D(()=>{t(e.children)}),null},oe=e=>n(v.Pane,{eventKey:"preview",get children(){return n(j,{body:!0,get children(){return e.children}})}}),ie=e=>n(v.Pane,{eventKey:"code",get children(){return e.children}}),le=Object.assign(ne,{Intro:re,Preview:oe,Code:ie});export{W as B,le as E,v as T,U as a,Y as b,$ as g,R as u}; +import{B as S,k as P,E as _,s as g,m as s,z as C,T as m,G as b,c as n,H as h,D as p,w,F as y,r as A,u as N,d as k,f as B,o as d,N as c,h as D,t as O,y as L}from"./index.46b6df7f.js";import{C as j}from"./Card.cb90095f.js";let F=0;function R(e){return e||`solid-aria-${++F}`}const z=e=>{const t=S(()=>e.children);return P(()=>{const o=t();return typeof o=="function"?o(_,{}):o})},G=z,H={role:"tabpanel"};function T(e){const[t,i]=g(s(H,e),["active","eventKey","mountOnEnter","transition","unmountOnExit"]),o=C(m);if(!o)return[i,{get eventKey(){return t.eventKey},get isActive(){return t.active},get mountOnEnter(){return t.mountOnEnter},get transition(){return t.transition},get unmountOnExit(){return t.unmountOnExit}}];const r=b(t.eventKey);return[s(i,{get id(){return o?.getControlledId(t.eventKey)},get"aria-labelledby"(){return o?.getControllerId(t.eventKey)}}),{get eventKey(){return t.eventKey},get isActive(){return t.active==null&&r!=null?b(o?.activeKey)===r:t.active},get transition(){return t.transition||o?.transition||G},get mountOnEnter(){return t.mountOnEnter!=null?t.mountOnEnter:o?.mountOnEnter},get unmountOnExit(){return t.unmountOnExit!=null?t.unmountOnExit:o?.unmountOnExit}}]}const M=e=>{const[t,i]=T(e);return i.transition,n(m.Provider,{value:null,get children(){return n(h.Provider,{value:null,get children(){return n(p,s({get component(){return e.as??"div"}},t,{role:"tabpanel",get hidden(){return!i.isActive},get["aria-hidden"](){return!i.isActive}}))}})}})},K=e=>{const[t,i]=w(()=>e.activeKey,()=>e.defaultActiveKey,e.onSelect),o=R(e.id),r=P(()=>e.generateChildId||((a,u)=>o?`${o}-${u}-${a}`:null)),l={get onSelect(){return i},get activeKey(){return t()},get transition(){return e.transition},get mountOnEnter(){return e.mountOnEnter||!1},get unmountOnExit(){return e.unmountOnExit||!1},get getControlledId(){return a=>r()(a,"pane")},get getControllerId(){return a=>r()(a,"tab")}};return n(m.Provider,{value:l,get children(){return n(h.Provider,{value:i||null,get children(){return e.children}})}})};K.Panel=M;const W=K;function $(e){return typeof e=="boolean"?e?y:void 0:e}const q={},J=e=>{const[t,i]=g(s(q,e),["transition"]);return n(W,s(i,{get transition(){return $(t.transition)}}))},Q=J,U=A("tab-content"),V={},X=e=>{const[t,i]=g(s(V,e),["bsPrefix","transition"]),[o,r]=T(s(i,{get transition(){return $(t.transition)}})),[l,a]=g(o,["as","class","mountOnEnter","unmountOnExit"]),u=N(t.bsPrefix,"tab-pane"),E=r.transition||y;return n(m.Provider,{value:null,get children(){return n(h.Provider,{value:null,get children(){return n(E,{get in(){return r.isActive},get onEnter(){return r.onEnter},get onEntering(){return r.onEntering},get onEntered(){return r.onEntered},get onExit(){return r.onExit},get onExiting(){return r.onExiting},get onExited(){return r.onExited},get mountOnEnter(){return r.mountOnEnter},get unmountOnExit(){return r.unmountOnExit},get children(){return n(p,s({get component(){return l.as??"div"}},a,{ref(f){const x=i.ref;typeof x=="function"?x(f):i.ref=f},get class(){return k(l.class,u,r.isActive&&"active")}}))}})}})}})},Y=X,Z=e=>e,v=Object.assign(Z,{Container:Q,Content:U,Pane:Y}),ee=O('

      '),te=O("
      "),I=L(),ne=e=>{const[t,i]=B();return(()=>{const o=te.cloneNode(!0);return d(o,n(I.Provider,{value:i,get children(){return n(v.Container,{defaultActiveKey:"preview",get children(){return[(()=>{const r=ee.cloneNode(!0),l=r.firstChild,a=l.firstChild,u=a.nextSibling,E=u.firstChild;return a.style.setProperty("shape-outside","inset(calc(100% - 45px) 0 0)"),d(a,n(c,{variant:"tabs",class:"d-flex flex-nowrap",get children(){return[n(c.Item,{get children(){return n(c.Link,{as:"button",eventKey:"preview",children:"Preview"})}}),n(c.Item,{get children(){return n(c.Link,{as:"button",eventKey:"code",children:"Code"})}})]}})),d(E,()=>e.title),d(u,t,null),r})(),n(v.Content,{get children(){return e.children}})]}})}})),o})()},re=e=>{const t=C(I);return D(()=>{t(e.children)}),null},oe=e=>n(v.Pane,{eventKey:"preview",get children(){return n(j,{body:!0,get children(){return e.children}})}}),ie=e=>n(v.Pane,{eventKey:"code",get children(){return e.children}}),le=Object.assign(ne,{Intro:re,Preview:oe,Code:ie});export{W as B,le as E,v as T,U as a,Y as b,$ as g,R as u}; diff --git a/assets/FigureDocs.96066595.js b/assets/FigureDocs.94b7ac23.js similarity index 95% rename from assets/FigureDocs.96066595.js rename to assets/FigureDocs.94b7ac23.js index f9cb0d6..4718bfe 100644 --- a/assets/FigureDocs.96066595.js +++ b/assets/FigureDocs.94b7ac23.js @@ -1,4 +1,4 @@ -import{s as u,m as d,c as e,d as g,r as h,t as p,o as c}from"./index.a8c27b5b.js";import{M as m}from"./index.ef3b11e9.js";import{E as r}from"./Example.2dc3bb5a.js";import{G as f}from"./GithubSource.1602124f.js";import{H as b}from"./utils.753b7765.js";import{I as v}from"./Image.087ce4e5.js";import"./Card.99118534.js";const N={fluid:!0},F=s=>{const[i,l]=u(d(N,s),["class"]);return e(v,d(l,{get class(){return g(i.class,"figure-img")}}))},j=F,x=h("figure-caption",{Component:"figcaption"}),y=x,C=h("figure",{Component:"figure"}),o=Object.assign(C,{Image:j,Caption:y}),w=p(`

      API

      Figure

      import { Figure } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<figure>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'figure'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      FigureImage

      import { FigureImage } from 'solid-bootstrap'

      FigureCaption

      import { FigureCaption } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<figcaption>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'figure-caption'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),I=()=>w.cloneNode(!0),P=p('

      '),_=p('
      ');function A(s={}){const{wrapper:i}=Object.assign({},m(),s.components);return i?e(i,d(s,{get children(){return e(l,{})}})):l();function l(){const t=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span"},m(),s.components);return r||n("Example",!1),r.Code||n("Example.Code",!0),r.Intro||n("Example.Intro",!0),r.Preview||n("Example.Preview",!0),o||n("Figure",!1),o.Caption||n("Figure.Caption",!0),o.Image||n("Figure.Image",!0),[e(f,{name:"FigureDocs.mdx"}),` +import{s as u,m as d,c as e,d as g,r as h,t as p,o as c}from"./index.46b6df7f.js";import{M as m}from"./index.e0aff9b5.js";import{E as r}from"./Example.6cae19f6.js";import{G as f}from"./GithubSource.4ed1a23d.js";import{H as b}from"./utils.06ab9af9.js";import{I as v}from"./Image.8516a878.js";import"./Card.cb90095f.js";const N={fluid:!0},F=s=>{const[i,l]=u(d(N,s),["class"]);return e(v,d(l,{get class(){return g(i.class,"figure-img")}}))},j=F,x=h("figure-caption",{Component:"figcaption"}),y=x,C=h("figure",{Component:"figure"}),o=Object.assign(C,{Image:j,Caption:y}),w=p(`

      API

      Figure

      import { Figure } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<figure>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'figure'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      FigureImage

      import { FigureImage } from 'solid-bootstrap'

      FigureCaption

      import { FigureCaption } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<figcaption>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'figure-caption'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),I=()=>w.cloneNode(!0),P=p('

      '),_=p('
      ');function A(s={}){const{wrapper:i}=Object.assign({},m(),s.components);return i?e(i,d(s,{get children(){return e(l,{})}})):l();function l(){const t=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span"},m(),s.components);return r||n("Example",!1),r.Code||n("Example.Code",!0),r.Intro||n("Example.Intro",!0),r.Preview||n("Example.Preview",!0),o||n("Figure",!1),o.Caption||n("Figure.Caption",!0),o.Image||n("Figure.Image",!0),[e(f,{name:"FigureDocs.mdx"}),` `,e(t.h1,{children:"Figures"}),` `,(()=>{const a=P.cloneNode(!0);return c(a,e(t.p,{get children(){return[`Anytime you need to display a piece of content, like an image with an\r optional caption, consider using a `,e(t.code,{children:"Figure"}),"."]}})),a})(),` diff --git a/assets/Form.f4132a7b.js b/assets/Form.f5f8558a.js similarity index 95% rename from assets/Form.f4132a7b.js rename to assets/Form.f5f8558a.js index aef694d..f49a883 100644 --- a/assets/Form.f4132a7b.js +++ b/assets/Form.f5f8558a.js @@ -1 +1 @@ -import{s as i,m as t,c as a,D as $,u as d,k as b,o as k,I,J as N,d as u,t as g,y as V,z as p,j as P,f as H,B as j,K as R,L as B,r as G}from"./index.a8c27b5b.js";import{F as m,a as y,b as O,c as D}from"./FormControl.4ffd1e4d.js";import{C as A}from"./Layout.a2c9264a.js";const E={as:"div"},J=s=>{const[e,r]=i(t(E,s),["as","controlId"]),o={get controlId(){return e.controlId}};return a(m.Provider,{value:o,get children(){return a($,t({get component(){return e.as}},r))}})},L=J,K=g(""),M={},W=s=>{const[e,r]=i(t(M,s),["bsPrefix","class","children","controlId","label"]),o=d(e.bsPrefix,"form-floating");return a(L,t({get class(){return u(e.class,o)},get controlId(){return e.controlId}},r,{get children(){return[b(()=>e.children),(()=>{const l=K.cloneNode(!0);return k(l,()=>e.label),I(()=>N(l,"for",e.controlId)),l})()]}}))},q=W,Q=V(),_=Q,U=g(""),X={},Y=s=>{const[e,r]=i(t(X,s),["bsPrefix","class","for"]),o=d(e.bsPrefix,"form-check-label"),l=p(m);return p(_)?.setHasFormCheckLabel?.(!0),(()=>{const f=U.cloneNode(!0);return P(f,t(r,{get for(){return e.for||l.controlId},get class(){return u(e.class,o)}}),!1,!1),f})()},S=Y,Z=g("
      "),ee={as:"input",title:"",type:"checkbox",inline:!1,disabled:!1,isValid:!1,isInvalid:!1,feedbackTooltip:!1},te=s=>{const[e,r]=i(t(ee,s),["as","id","bsPrefix","bsSwitchPrefix","inline","disabled","isValid","isInvalid","feedbackTooltip","feedback","feedbackType","class","style","title","type","label","children"]),o=d(e.bsPrefix,"form-check"),l=d(e.bsSwitchPrefix,"form-switch"),[n,f]=H(!1),w=p(m),T={get controlId(){return e.id||w.controlId}},F=j(()=>e.children),v=b(()=>e.label!=null&&e.label!==!1&&!F()||n());return a(m.Provider,{value:T,get children(){return a(_.Provider,{value:{setHasFormCheckLabel:f},get children(){const h=Z.cloneNode(!0);return k(h,()=>F()||[a(y,t(r,{get type(){return e.type==="switch"?"checkbox":e.type},get isValid(){return e.isValid},get isInvalid(){return e.isInvalid},get disabled(){return e.disabled},get as(){return e.as}})),b((()=>{const c=b(()=>!!v());return()=>c()&&a(S,{get title(){return e.title},get children(){return e.label}})})()),b((()=>{const c=b(()=>!!e.feedback);return()=>c()&&a(O,{get type(){return e.feedbackType},get tooltip(){return e.feedbackTooltip},get children(){return e.feedback}})})())]),I(c=>{const z=e.style,C=u(e.class,v()&&o,e.inline&&`${o}-inline`,e.type==="switch"&&l);return c._v$=R(h,z,c._v$),C!==c._v$2&&B(h,c._v$2=C),c},{_v$:void 0,_v$2:void 0}),h}})}})},x=Object.assign(te,{Input:y,Label:S}),se=G("form-floating"),re={as:"label",column:!1,visuallyHidden:!1},oe=s=>{const[e,r]=i(t(re,s),["as","bsPrefix","column","visuallyHidden","class","htmlFor"]),o=p(m),l=d(e.bsPrefix,"form-label");let n="col-form-label";typeof e.column=="string"&&(n=`${n} ${n}-${e.column}`);const f=()=>u(e.class,l,e.visuallyHidden&&"visually-hidden",e.column&&n);return e.column?a(A,t({as:"label",get class(){return f()},get htmlFor(){return e.htmlFor||o.controlId}},r)):a($,t({get component(){return e.as},get class(){return f()},get htmlFor(){return e.htmlFor||o.controlId}},r))},le=oe,ne=g(""),ae={as:"img"},ce=s=>{const[e,r]=i(t(ae,s),["bsPrefix","class","id"]),o=p(m),l=d(e.bsPrefix,"form-range");return(()=>{const n=ne.cloneNode(!0);return P(n,t(r,{type:"range",get class(){return u(e.class,l)},get id(){return e.id||o.controlId}}),!1,!1),n})()},ie=ce,de=g(""),ue={isValid:!1,isInvalid:!1},fe=s=>{const[e,r]=i(t(ue,s),["bsPrefix","size","htmlSize","class","isValid","isInvalid","id"]),o=p(m),l=d(e.bsPrefix,"form-select");return(()=>{const n=de.cloneNode(!0);return P(n,t(r,{get size(){return e.htmlSize},get class(){return u(e.class,l,e.size&&`${l}-${e.size}`,e.isValid&&"is-valid",e.isInvalid&&"is-invalid")},get id(){return e.id||o.controlId}}),!1,!1),n})()},me=fe,be={as:"small"},pe=s=>{const[e,r]=i(t(be,s),["as","bsPrefix","class","muted"]),o=d(e.bsPrefix,"form-text");return a($,t({get component(){return e.as}},r,{get class(){return u(e.class,o,e.muted&&"text-muted")}}))},ge=pe,he=s=>a(x,t(s,{type:"switch"})),xe=Object.assign(he,{Input:x.Input,Label:x.Label}),$e={as:"form"},Pe=s=>{const[e,r]=i(t($e,s),["as","class","validated"]);return a($,t({get component(){return e.as}},r,{get class(){return u(e.class,e.validated&&"was-validated")}}))},ke=Object.assign(Pe,{Group:L,Control:D,Floating:se,Check:x,Switch:xe,Label:le,Text:ge,Range:ie,Select:me,FloatingLabel:q});export{ke as F,q as a,se as b}; +import{s as i,m as t,c as a,D as $,u as d,k as b,o as k,I,J as N,d as u,t as g,y as V,z as p,j as P,f as H,B as j,K as R,L as B,r as G}from"./index.46b6df7f.js";import{F as m,a as y,b as O,c as D}from"./FormControl.32f92fa6.js";import{C as A}from"./Layout.4a46f345.js";const E={as:"div"},J=s=>{const[e,r]=i(t(E,s),["as","controlId"]),o={get controlId(){return e.controlId}};return a(m.Provider,{value:o,get children(){return a($,t({get component(){return e.as}},r))}})},L=J,K=g(""),M={},W=s=>{const[e,r]=i(t(M,s),["bsPrefix","class","children","controlId","label"]),o=d(e.bsPrefix,"form-floating");return a(L,t({get class(){return u(e.class,o)},get controlId(){return e.controlId}},r,{get children(){return[b(()=>e.children),(()=>{const l=K.cloneNode(!0);return k(l,()=>e.label),I(()=>N(l,"for",e.controlId)),l})()]}}))},q=W,Q=V(),_=Q,U=g(""),X={},Y=s=>{const[e,r]=i(t(X,s),["bsPrefix","class","for"]),o=d(e.bsPrefix,"form-check-label"),l=p(m);return p(_)?.setHasFormCheckLabel?.(!0),(()=>{const f=U.cloneNode(!0);return P(f,t(r,{get for(){return e.for||l.controlId},get class(){return u(e.class,o)}}),!1,!1),f})()},S=Y,Z=g("
      "),ee={as:"input",title:"",type:"checkbox",inline:!1,disabled:!1,isValid:!1,isInvalid:!1,feedbackTooltip:!1},te=s=>{const[e,r]=i(t(ee,s),["as","id","bsPrefix","bsSwitchPrefix","inline","disabled","isValid","isInvalid","feedbackTooltip","feedback","feedbackType","class","style","title","type","label","children"]),o=d(e.bsPrefix,"form-check"),l=d(e.bsSwitchPrefix,"form-switch"),[n,f]=H(!1),w=p(m),T={get controlId(){return e.id||w.controlId}},F=j(()=>e.children),v=b(()=>e.label!=null&&e.label!==!1&&!F()||n());return a(m.Provider,{value:T,get children(){return a(_.Provider,{value:{setHasFormCheckLabel:f},get children(){const h=Z.cloneNode(!0);return k(h,()=>F()||[a(y,t(r,{get type(){return e.type==="switch"?"checkbox":e.type},get isValid(){return e.isValid},get isInvalid(){return e.isInvalid},get disabled(){return e.disabled},get as(){return e.as}})),b((()=>{const c=b(()=>!!v());return()=>c()&&a(S,{get title(){return e.title},get children(){return e.label}})})()),b((()=>{const c=b(()=>!!e.feedback);return()=>c()&&a(O,{get type(){return e.feedbackType},get tooltip(){return e.feedbackTooltip},get children(){return e.feedback}})})())]),I(c=>{const z=e.style,C=u(e.class,v()&&o,e.inline&&`${o}-inline`,e.type==="switch"&&l);return c._v$=R(h,z,c._v$),C!==c._v$2&&B(h,c._v$2=C),c},{_v$:void 0,_v$2:void 0}),h}})}})},x=Object.assign(te,{Input:y,Label:S}),se=G("form-floating"),re={as:"label",column:!1,visuallyHidden:!1},oe=s=>{const[e,r]=i(t(re,s),["as","bsPrefix","column","visuallyHidden","class","htmlFor"]),o=p(m),l=d(e.bsPrefix,"form-label");let n="col-form-label";typeof e.column=="string"&&(n=`${n} ${n}-${e.column}`);const f=()=>u(e.class,l,e.visuallyHidden&&"visually-hidden",e.column&&n);return e.column?a(A,t({as:"label",get class(){return f()},get htmlFor(){return e.htmlFor||o.controlId}},r)):a($,t({get component(){return e.as},get class(){return f()},get htmlFor(){return e.htmlFor||o.controlId}},r))},le=oe,ne=g(""),ae={as:"img"},ce=s=>{const[e,r]=i(t(ae,s),["bsPrefix","class","id"]),o=p(m),l=d(e.bsPrefix,"form-range");return(()=>{const n=ne.cloneNode(!0);return P(n,t(r,{type:"range",get class(){return u(e.class,l)},get id(){return e.id||o.controlId}}),!1,!1),n})()},ie=ce,de=g(""),ue={isValid:!1,isInvalid:!1},fe=s=>{const[e,r]=i(t(ue,s),["bsPrefix","size","htmlSize","class","isValid","isInvalid","id"]),o=p(m),l=d(e.bsPrefix,"form-select");return(()=>{const n=de.cloneNode(!0);return P(n,t(r,{get size(){return e.htmlSize},get class(){return u(e.class,l,e.size&&`${l}-${e.size}`,e.isValid&&"is-valid",e.isInvalid&&"is-invalid")},get id(){return e.id||o.controlId}}),!1,!1),n})()},me=fe,be={as:"small"},pe=s=>{const[e,r]=i(t(be,s),["as","bsPrefix","class","muted"]),o=d(e.bsPrefix,"form-text");return a($,t({get component(){return e.as}},r,{get class(){return u(e.class,o,e.muted&&"text-muted")}}))},ge=pe,he=s=>a(x,t(s,{type:"switch"})),xe=Object.assign(he,{Input:x.Input,Label:x.Label}),$e={as:"form"},Pe=s=>{const[e,r]=i(t($e,s),["as","class","validated"]);return a($,t({get component(){return e.as}},r,{get class(){return u(e.class,e.validated&&"was-validated")}}))},ke=Object.assign(Pe,{Group:L,Control:D,Floating:se,Check:x,Switch:xe,Label:le,Text:ge,Range:ie,Select:me,FloatingLabel:q});export{ke as F,q as a,se as b}; diff --git a/assets/FormChecksDocs.e71b03b6.js b/assets/FormChecksDocs.4ce056c2.js similarity index 98% rename from assets/FormChecksDocs.e71b03b6.js rename to assets/FormChecksDocs.4ce056c2.js index a95392f..a0d1d12 100644 --- a/assets/FormChecksDocs.e71b03b6.js +++ b/assets/FormChecksDocs.4ce056c2.js @@ -1,4 +1,4 @@ -import{c as e,m,o as l,t as c}from"./index.a8c27b5b.js";import{M as p}from"./index.ef3b11e9.js";import{E as s}from"./Example.2dc3bb5a.js";import{G as u}from"./GithubSource.1602124f.js";import{F as a}from"./Form.f4132a7b.js";import{A as g}from"./Alert.ccf287cf.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";import"./Layout.a2c9264a.js";const N=c('

      '),j=c('
      '),b=c(` +import{c as e,m,o as l,t as c}from"./index.46b6df7f.js";import{M as p}from"./index.e0aff9b5.js";import{E as s}from"./Example.6cae19f6.js";import{G as u}from"./GithubSource.4ed1a23d.js";import{F as a}from"./Form.f5f8558a.js";import{A as g}from"./Alert.cfed10ed.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";import"./Layout.4a46f345.js";const N=c('

      '),j=c('
      '),b=c(`
      NameTypeDefaultDescription
      ref

      The FormCheck ref will be forwarded to the underlying input element, which means it will be a DOM node, when resolved.

      diff --git a/assets/FormControl.4ffd1e4d.js b/assets/FormControl.32f92fa6.js similarity index 95% rename from assets/FormControl.4ffd1e4d.js rename to assets/FormControl.32f92fa6.js index c1cb6a9..2caa4ce 100644 --- a/assets/FormControl.4ffd1e4d.js +++ b/assets/FormControl.32f92fa6.js @@ -1 +1 @@ -import{s as i,m as e,c as l,d as c,D as p,y as x,z as d,u}from"./index.a8c27b5b.js";const y={as:"div",type:"valid",tooltip:!1},g=o=>{const[t,a]=i(e(y,o),["as","class","type","tooltip"]);return l(p,e({get component(){return t.as}},a,{get class(){return c(t.class,`${t.type}-${t.tooltip?"tooltip":"feedback"}`)}}))},b=g,v=x({}),f=v,P={as:"input",type:"checkbox",isValid:!1,isInvalid:!1},$=o=>{const[t,a]=i(e(P,o),["as","id","bsPrefix","class","type","isValid","isInvalid"]),r=d(f),s=u(t.bsPrefix,"form-check-input");return l(p,e({get component(){return t.as}},a,{get type(){return t.type},get id(){return t.id||r.controlId},get class(){return c(t.class,s,t.isValid&&"is-valid",t.isInvalid&&"is-invalid")}}))},k=$,C={as:"input",isValid:!1,isInvalid:!1},F=o=>{const[t,a]=i(e(C,o),["as","bsPrefix","type","size","htmlSize","id","class","isValid","isInvalid","plaintext","readOnly"]),r=d(f),s=u(t.bsPrefix,"form-control"),m=()=>{let n;return t.plaintext?n={[`${s}-plaintext`]:!0}:n={[s]:!0,[`${s}-${t.size}`]:t.size},n};return l(p,e({get component(){return t.as}},a,{get type(){return t.type},get size(){return t.htmlSize},get readOnly(){return t.readOnly},get id(){return t.id||r.controlId},get class(){return c(m(),t.isValid&&"is-valid",t.isInvalid&&"is-invalid",t.type==="color"&&`${s}-color`)}}))},z=Object.assign(F,{Feedback:b});export{f as F,k as a,b,z as c}; +import{s as i,m as e,c as l,d as c,D as p,y as x,z as d,u}from"./index.46b6df7f.js";const y={as:"div",type:"valid",tooltip:!1},g=o=>{const[t,a]=i(e(y,o),["as","class","type","tooltip"]);return l(p,e({get component(){return t.as}},a,{get class(){return c(t.class,`${t.type}-${t.tooltip?"tooltip":"feedback"}`)}}))},b=g,v=x({}),f=v,P={as:"input",type:"checkbox",isValid:!1,isInvalid:!1},$=o=>{const[t,a]=i(e(P,o),["as","id","bsPrefix","class","type","isValid","isInvalid"]),r=d(f),s=u(t.bsPrefix,"form-check-input");return l(p,e({get component(){return t.as}},a,{get type(){return t.type},get id(){return t.id||r.controlId},get class(){return c(t.class,s,t.isValid&&"is-valid",t.isInvalid&&"is-invalid")}}))},k=$,C={as:"input",isValid:!1,isInvalid:!1},F=o=>{const[t,a]=i(e(C,o),["as","bsPrefix","type","size","htmlSize","id","class","isValid","isInvalid","plaintext","readOnly"]),r=d(f),s=u(t.bsPrefix,"form-control"),m=()=>{let n;return t.plaintext?n={[`${s}-plaintext`]:!0}:n={[s]:!0,[`${s}-${t.size}`]:t.size},n};return l(p,e({get component(){return t.as}},a,{get type(){return t.type},get size(){return t.htmlSize},get readOnly(){return t.readOnly},get id(){return t.id||r.controlId},get class(){return c(m(),t.isValid&&"is-valid",t.isInvalid&&"is-invalid",t.type==="color"&&`${s}-color`)}}))},z=Object.assign(F,{Feedback:b});export{f as F,k as a,b,z as c}; diff --git a/assets/FormControlDocs.7eb5f8ad.js b/assets/FormControlDocs.a635f78c.js similarity index 98% rename from assets/FormControlDocs.7eb5f8ad.js rename to assets/FormControlDocs.a635f78c.js index a23d02e..1b2df0e 100644 --- a/assets/FormControlDocs.7eb5f8ad.js +++ b/assets/FormControlDocs.a635f78c.js @@ -1,4 +1,4 @@ -import{c as e,m as N,o as n,t as c}from"./index.a8c27b5b.js";import{M as m}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as j}from"./GithubSource.1602124f.js";import{F as s}from"./Form.f4132a7b.js";import{R as p,C as u}from"./Layout.a2c9264a.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";const b=c("<input>"),f=c("<textarea>"),x=c('

      '),h=c("
      "),F=c('
      '),v=c(`
      NameTypeDefaultDescription
      ref

      The FormCheck ref will be forwarded to the underlying input element, which means it will be a DOM node, when resolved.

      as
      'input' | elementType
      		'input'

      The underlying HTML element to use when rendering the FormCheck.

      disabled
      boolean
      		false

      Disables the control.

      feedback
      node

      A message to display when the input is in a validation state

      +import{c as e,m as N,o as n,t as c}from"./index.46b6df7f.js";import{M as m}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import{G as j}from"./GithubSource.4ed1a23d.js";import{F as s}from"./Form.f5f8558a.js";import{R as p,C as u}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";const b=c("<input>"),f=c("<textarea>"),x=c('

      '),h=c("
      "),F=c('
      '),v=c(`
      NameTypeDefaultDescription
      ref

      The FormControl ref will be forwarded to the underlying input element, which means unless as is a composite component, it will be a DOM node, when resolved.

      as
      'input' | 'textarea' | elementType
      		'input'

      The underlying HTML element to use when rendering the FormControl.

      diff --git a/assets/FormFloatingLabelDocs.a06a1f44.js b/assets/FormFloatingLabelDocs.6a0f8a8f.js similarity index 98% rename from assets/FormFloatingLabelDocs.a06a1f44.js rename to assets/FormFloatingLabelDocs.6a0f8a8f.js index dbcbfd3..d151ea4 100644 --- a/assets/FormFloatingLabelDocs.a06a1f44.js +++ b/assets/FormFloatingLabelDocs.6a0f8a8f.js @@ -1,4 +1,4 @@ -import{c as e,m as _,o as t,t as r}from"./index.a8c27b5b.js";import{M as m}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as I}from"./GithubSource.1602124f.js";import{F as n,a as c,b as p}from"./Form.f4132a7b.js";import{R as L,C as g}from"./Layout.a2c9264a.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";const S=r('

      '),u=r(""),N=r(''),j=r(''),b=r(''),P=r(''),$=r(''),T=r('
      '),E=r(`
      NameTypeDefaultDescription
      ref

      The FormControl ref will be forwarded to the underlying input element, which means unless as is a composite component, it will be a DOM node, when resolved.

      as
      'input' | 'textarea' | elementType
      		'input'

      The underlying HTML element to use when rendering the FormControl.

      disabled
      boolean

      Make the control disabled

      htmlSize
      number

      The size attribute of the underlying HTML element. Specifies the visible width in characters if as is 'input'.

      id
      string

      Uses controlId from <FormGroup> if not explicitly specified.

      +import{c as e,m as _,o as t,t as r}from"./index.46b6df7f.js";import{M as m}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import{G as I}from"./GithubSource.4ed1a23d.js";import{F as n,a as c,b as p}from"./Form.f5f8558a.js";import{R as L,C as g}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";const S=r('

      '),u=r(""),N=r(''),j=r(''),b=r(''),P=r(''),$=r(''),T=r('
      '),E=r(`
      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'form-floating'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),k=r(`
      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      controlId
      string

      Sets id on <FormControl> and htmlFor on <label>.

      label required
      node

      Form control label.

      `);function A(h={}){const{wrapper:d}=Object.assign({},m(),h.components);return d?e(d,_(h,{get children(){return e(o,{})}})):o();function o(){const l=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3"},m(),h.components);return a||i("Example",!1),a.Code||i("Example.Code",!0),a.Intro||i("Example.Intro",!0),a.Preview||i("Example.Preview",!0),n||i("Form",!1),n.Control||i("Form.Control",!0),n.Select||i("Form.Select",!0),[e(I,{name:"FormFloatingLabelDocs.mdx"}),` diff --git a/assets/FormInputGroupDocs.4397841b.js b/assets/FormInputGroupDocs.6f61651e.js similarity index 97% rename from assets/FormInputGroupDocs.4397841b.js rename to assets/FormInputGroupDocs.6f61651e.js index 7cb572f..b3772e2 100644 --- a/assets/FormInputGroupDocs.4397841b.js +++ b/assets/FormInputGroupDocs.6f61651e.js @@ -1,4 +1,4 @@ -import{c as e,m as y,o as h,t as o}from"./index.a8c27b5b.js";import{M as N}from"./index.ef3b11e9.js";import{E as n}from"./Example.2dc3bb5a.js";import{G as T}from"./GithubSource.1602124f.js";import{D as r}from"./Dropdown.a5036113.js";import{F as u}from"./Form.f4132a7b.js";import{I as a}from"./InputGroup.349202f6.js";import{c as l}from"./FormControl.4ffd1e4d.js";import{B as i}from"./Layout.a2c9264a.js";import{D as m}from"./DropdownButton.e4c391a0.js";import{S as j}from"./SplitButton.fc26784b.js";import"./Card.99118534.js";import"./Dropdown.e12de560.js";import"./store.bc2dca4a.js";import"./InputGroupContext.b6007797.js";import"./ButtonGroup.bec3fbe2.js";const C=o('

      '),b=o("
      "),B=o('
      '),S=o(` +import{c as e,m as y,o as h,t as o}from"./index.46b6df7f.js";import{M as N}from"./index.e0aff9b5.js";import{E as n}from"./Example.6cae19f6.js";import{G as T}from"./GithubSource.4ed1a23d.js";import{D as r}from"./Dropdown.bda8fe74.js";import{F as u}from"./Form.f5f8558a.js";import{I as a}from"./InputGroup.9f9c5df2.js";import{c as l}from"./FormControl.32f92fa6.js";import{B as i}from"./Layout.4a46f345.js";import{D as m}from"./DropdownButton.14b1eaa5.js";import{S as j}from"./SplitButton.7e8cc37b.js";import"./Card.cb90095f.js";import"./Dropdown.3422f430.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";import"./InputGroupContext.c22a8337.js";import"./ButtonGroup.355a2d23.js";const C=o('

      '),b=o("
      "),B=o('
      '),S=o(`
      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      hasValidation
      boolean

      Handles the input's rounded corners when using form validation.

      Use this when your input group contains both an input and feedback element.

      size
      'sm' | 'lg'

      Control the size of buttons and form elements from the top-level.

      bsPrefix
      string
      		'input-group'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `);function H(d={}){const{wrapper:p}=Object.assign({},N(),d.components);return p?e(p,y(d,{get children(){return e(g,{})}})):g();function g(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3"},N(),d.components);return r||c("Dropdown",!1),r.Divider||c("Dropdown.Divider",!0),r.Item||c("Dropdown.Item",!0),n||c("Example",!1),n.Code||c("Example.Code",!0),n.Intro||c("Example.Intro",!0),n.Preview||c("Example.Preview",!0),u||c("Form",!1),u.Label||c("Form.Label",!0),a||c("InputGroup",!1),a.Checkbox||c("InputGroup.Checkbox",!0),a.Radio||c("InputGroup.Radio",!0),a.Text||c("InputGroup.Text",!0),[e(T,{name:"FormInputGroupDocs.mdx"}),` diff --git a/assets/FormLayoutDocs.0e708ee6.js b/assets/FormLayoutDocs.7e84a8fd.js similarity index 99% rename from assets/FormLayoutDocs.0e708ee6.js rename to assets/FormLayoutDocs.7e84a8fd.js index 236f79a..bc1af65 100644 --- a/assets/FormLayoutDocs.0e708ee6.js +++ b/assets/FormLayoutDocs.7e84a8fd.js @@ -1,4 +1,4 @@ -import{c as s,m as L,o as h,t as i}from"./index.a8c27b5b.js";import{M as j}from"./index.ef3b11e9.js";import{E as l}from"./Example.2dc3bb5a.js";import{G as v}from"./GithubSource.1602124f.js";import{F as a}from"./Form.f4132a7b.js";import{I as p}from"./InputGroup.349202f6.js";import{R as t,C as n,B as g}from"./Layout.a2c9264a.js";import{c as I}from"./FormControl.4ffd1e4d.js";import"./Card.99118534.js";import"./InputGroupContext.b6007797.js";const R=i('

      '),_=i(""),k=i(""),z=i("
      "),u=i("
      "),S=i('
      '),E=i(` +import{c as s,m as L,o as h,t as i}from"./index.46b6df7f.js";import{M as j}from"./index.e0aff9b5.js";import{E as l}from"./Example.6cae19f6.js";import{G as v}from"./GithubSource.4ed1a23d.js";import{F as a}from"./Form.f5f8558a.js";import{I as p}from"./InputGroup.9f9c5df2.js";import{R as t,C as n,B as g}from"./Layout.4a46f345.js";import{c as I}from"./FormControl.32f92fa6.js";import"./Card.cb90095f.js";import"./InputGroupContext.c22a8337.js";const R=i('

      '),_=i(""),k=i(""),z=i("
      "),u=i("
      "),S=i('
      '),E=i(`
      NameTypeDefaultDescription
      ref

      The FormGroup ref will be forwarded to the underlying element. Unless the FormGroup is rendered as a composite component, it will be a DOM node, when resolved.

      NameTypeDefaultDescription
      ref

      The FormGroup ref will be forwarded to the underlying element. Unless the FormGroup is rendered as a composite component, it will be a DOM node, when resolved.

      as
      elementType

      You can use a custom element type for this component.

      controlId
      string

      Sets id on <FormControl> and htmlFor on <FormGroup.Label>.

      `);function Y(m={}){const{wrapper:d}=Object.assign({},j(),m.components);return d?s(d,L(m,{get children(){return s(N,{})}})):N();function N(){const e=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",ul:"ul",li:"li",a:"a",pre:"pre",span:"span",h3:"h3"},j(),m.components);return l||c("Example",!1),l.Code||c("Example.Code",!0),l.Intro||c("Example.Intro",!0),l.Preview||c("Example.Preview",!0),a||c("Form",!1),a.Check||c("Form.Check",!0),a.Control||c("Form.Control",!0),a.Group||c("Form.Group",!0),a.Label||c("Form.Label",!0),a.Select||c("Form.Select",!0),p||c("InputGroup",!1),p.Text||c("InputGroup.Text",!0),[s(v,{name:"FormLayoutDocs.mdx"}),` `,s(e.h1,{children:"Layout"}),` diff --git a/assets/FormOverviewDocs.8a6a8352.js b/assets/FormOverviewDocs.27ef6727.js similarity index 98% rename from assets/FormOverviewDocs.8a6a8352.js rename to assets/FormOverviewDocs.27ef6727.js index 80dd63b..3892eec 100644 --- a/assets/FormOverviewDocs.8a6a8352.js +++ b/assets/FormOverviewDocs.27ef6727.js @@ -1,4 +1,4 @@ -import{c as e,m as U,o as n,t as h}from"./index.a8c27b5b.js";import{M as F}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as X}from"./GithubSource.1602124f.js";import{F as l}from"./Form.f4132a7b.js";import{B as x}from"./Layout.a2c9264a.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";const Y=h('

      '),y=h(""),q=h("
      "),J=h('
      '),K=h(` +import{c as e,m as U,o as n,t as h}from"./index.46b6df7f.js";import{M as F}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import{G as X}from"./GithubSource.4ed1a23d.js";import{F as l}from"./Form.f5f8558a.js";import{B as x}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";const Y=h('

      '),y=h(""),q=h("
      "),J=h('
      '),K=h(`
      NameTypeDefaultDescription
      ref

      The Form ref will be forwarded to the underlying element, which means, unless it's rendered as a composite component, it will be a DOM node, when resolved.

      NameTypeDefaultDescription
      ref

      The Form ref will be forwarded to the underlying element, which means, unless it's rendered as a composite component, it will be a DOM node, when resolved.

      as
      elementType

      You can use a custom element type for this component.

      validated
      boolean

      Mark a form as having been validated. Setting it to true will toggle any validation styles on the forms elements.

      `),Q=h(` diff --git a/assets/FormRangeDocs.410924b2.js b/assets/FormRangeDocs.dbaa88b9.js similarity index 91% rename from assets/FormRangeDocs.410924b2.js rename to assets/FormRangeDocs.dbaa88b9.js index cc42d8a..790d7b8 100644 --- a/assets/FormRangeDocs.410924b2.js +++ b/assets/FormRangeDocs.dbaa88b9.js @@ -1,4 +1,4 @@ -import{c as e,m,o as c,t as s}from"./index.a8c27b5b.js";import{M as p}from"./index.ef3b11e9.js";import{E as r}from"./Example.2dc3bb5a.js";import{G as h}from"./GithubSource.1602124f.js";import{F as a}from"./Form.f4132a7b.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";import"./Layout.a2c9264a.js";const u=s('

      '),g=s('
      '),f=s(`
      NameTypeDefaultDescription
      ref

      The FormLabel ref will be forwarded to the underlying element. Unless the FormLabel is rendered as a composite component, it will be a DOM node, when resolved.

      as
      elementType

      Set a custom element for this component

      +import{c as e,m,o as c,t as s}from"./index.46b6df7f.js";import{M as p}from"./index.e0aff9b5.js";import{E as r}from"./Example.6cae19f6.js";import{G as h}from"./GithubSource.4ed1a23d.js";import{F as a}from"./Form.f5f8558a.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";import"./Layout.4a46f345.js";const u=s('

      '),g=s('
      '),f=s(`
      NameTypeDefaultDescription
      disabled
      boolean

      Make the control disabled

      diff --git a/assets/FormSelectDocs.a026e7dc.js b/assets/FormSelectDocs.3a073573.js similarity index 96% rename from assets/FormSelectDocs.a026e7dc.js rename to assets/FormSelectDocs.3a073573.js index 830ba47..6ae203d 100644 --- a/assets/FormSelectDocs.a026e7dc.js +++ b/assets/FormSelectDocs.3a073573.js @@ -1,4 +1,4 @@ -import{c as e,m,o as i,t as n}from"./index.a8c27b5b.js";import{M as h}from"./index.ef3b11e9.js";import{E as s}from"./Example.2dc3bb5a.js";import{G as u}from"./GithubSource.1602124f.js";import{F as a}from"./Form.f4132a7b.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";import"./Layout.a2c9264a.js";const g=n("<select>"),N=n('

      '),j=n(""),v=n(''),f=n(''),b=n(''),S=n(""),p=n("
      "),x=n(""),y=n(""),_=n('
      '),w=n(`
      NameTypeDefaultDescription
      disabled
      boolean

      Make the control disabled

      id
      string

      Uses controlId from <FormGroup> if not explicitly specified.

      onChange
      function

      A callback fired when the value prop changes

      value
      string | arrayOf | number
      controlled by: onChange, initial prop: defaultValue

      The value attribute of underlying input

      +import{c as e,m,o as i,t as n}from"./index.46b6df7f.js";import{M as h}from"./index.e0aff9b5.js";import{E as s}from"./Example.6cae19f6.js";import{G as u}from"./GithubSource.4ed1a23d.js";import{F as a}from"./Form.f5f8558a.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";import"./Layout.4a46f345.js";const g=n("<select>"),N=n('

      '),j=n(""),v=n(''),f=n(''),b=n(''),S=n(""),p=n("
      "),x=n(""),y=n(""),_=n('
      '),w=n(`
      NameTypeDefaultDescription
      disabled
      boolean

      Make the control disabled

      diff --git a/assets/FormTextDocs.ca61d30f.js b/assets/FormTextDocs.d37cf317.js similarity index 93% rename from assets/FormTextDocs.ca61d30f.js rename to assets/FormTextDocs.d37cf317.js index 850cd57..cbdf9f1 100644 --- a/assets/FormTextDocs.ca61d30f.js +++ b/assets/FormTextDocs.d37cf317.js @@ -1,4 +1,4 @@ -import{c as e,m as j,o,t as c}from"./index.a8c27b5b.js";import{M as p}from"./index.ef3b11e9.js";import{E as s}from"./Example.2dc3bb5a.js";import{G as y}from"./GithubSource.1602124f.js";import{A as d}from"./Alert.ccf287cf.js";import{F as l}from"./Form.f4132a7b.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";import"./Layout.a2c9264a.js";const F=c('

      '),_=c("aria-describedby"),T=c('
      '),C=c(`
      NameTypeDefaultDescription
      disabled
      boolean

      Make the control disabled

      htmlSize
      number

      The size attribute of the underlying HTML element. Specifies the number of visible options.

      isInvalid
      boolean
      		false

      Add "invalid" validation styles to the control and accompanying label

      isValid
      boolean
      		false

      Add "valid" validation styles to the control

      +import{c as e,m as j,o,t as c}from"./index.46b6df7f.js";import{M as p}from"./index.e0aff9b5.js";import{E as s}from"./Example.6cae19f6.js";import{G as y}from"./GithubSource.4ed1a23d.js";import{A as d}from"./Alert.cfed10ed.js";import{F as l}from"./Form.f5f8558a.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";import"./Layout.4a46f345.js";const F=c('

      '),_=c("aria-describedby"),T=c('
      '),C=c(`
      NameTypeDefaultDescription
      ref

      The FormText ref will be forwarded to the underlying element. Unless the FormText is rendered as a composite component, it will be a DOM node, when resolved.

      NameTypeDefaultDescription
      ref

      The FormText ref will be forwarded to the underlying element. Unless the FormText is rendered as a composite component, it will be a DOM node, when resolved.

      as
      elementType

      You can use a custom element type for this component.

      muted
      boolean

      A convenience prop for add the text-muted class, since it's so commonly used here.

      bsPrefix
      string
      		'form-text'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `);function D(a={}){const{wrapper:i}=Object.assign({},p(),a.components);return i?e(i,j(a,{get children(){return e(h,{})}})):h();function h(){const t=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3"},p(),a.components);return d||r("Alert",!1),d.Heading||r("Alert.Heading",!0),s||r("Example",!1),s.Code||r("Example.Code",!0),s.Intro||r("Example.Intro",!0),s.Preview||r("Example.Preview",!0),l||r("Form",!1),l.Control||r("Form.Control",!0),l.Label||r("Form.Label",!0),l.Text||r("Form.Text",!0),[e(y,{name:"FormTextDocs.mdx"}),` diff --git a/assets/FormValidationDocs.3561cb57.js b/assets/FormValidationDocs.d9fff833.js similarity index 97% rename from assets/FormValidationDocs.3561cb57.js rename to assets/FormValidationDocs.d9fff833.js index 9575907..16030e5 100644 --- a/assets/FormValidationDocs.3561cb57.js +++ b/assets/FormValidationDocs.d9fff833.js @@ -1,4 +1,4 @@ -import{f as C,c as e,m as k,o as d,t as c}from"./index.a8c27b5b.js";import{M as p}from"./index.ef3b11e9.js";import{R as u,C as h,B as x}from"./Layout.a2c9264a.js";import{F as s}from"./Form.f4132a7b.js";import{I as o}from"./InputGroup.349202f6.js";import{E as l}from"./Example.2dc3bb5a.js";import{G}from"./GithubSource.1602124f.js";import{A as N}from"./Alert.ccf287cf.js";import"./FormControl.4ffd1e4d.js";import"./InputGroupContext.b6007797.js";import"./Card.99118534.js";function I(){const[t,i]=C(!1);return e(s,{noValidate:!0,get validated(){return t()},onSubmit:a=>{a.currentTarget.checkValidity()===!1&&(a.preventDefault(),a.stopPropagation()),i(!0)},get children(){return[e(u,{class:"mb-3",get children(){return[e(s.Group,{as:h,md:"4",controlId:"validationCustom01",get children(){return[e(s.Label,{children:"First name"}),e(s.Control,{required:!0,type:"text",placeholder:"First name",ref:a=>a.defaultValue="Mark"}),e(s.Control.Feedback,{children:"Looks good!"})]}}),e(s.Group,{as:h,md:"4",controlId:"validationCustom02",get children(){return[e(s.Label,{children:"Last name"}),e(s.Control,{required:!0,type:"text",placeholder:"Last name",ref:a=>a.defaultValue="Otto"}),e(s.Control.Feedback,{children:"Looks good!"})]}}),e(s.Group,{as:h,md:"4",controlId:"validationCustomUsername",get children(){return[e(s.Label,{children:"Username"}),e(o,{hasValidation:!0,get children(){return[e(o.Text,{id:"inputGroupPrepend",children:"@"}),e(s.Control,{type:"text",placeholder:"Username","aria-describedby":"inputGroupPrepend",required:!0}),e(s.Control.Feedback,{type:"invalid",children:"Please choose a username."})]}})]}})]}}),e(u,{class:"mb-3",get children(){return[e(s.Group,{as:h,md:"6",controlId:"validationCustom03",get children(){return[e(s.Label,{children:"City"}),e(s.Control,{type:"text",placeholder:"City",required:!0}),e(s.Control.Feedback,{type:"invalid",children:"Please provide a valid city."})]}}),e(s.Group,{as:h,md:"3",controlId:"validationCustom04",get children(){return[e(s.Label,{children:"State"}),e(s.Control,{type:"text",placeholder:"State",required:!0}),e(s.Control.Feedback,{type:"invalid",children:"Please provide a valid state."})]}}),e(s.Group,{as:h,md:"3",controlId:"validationCustom05",get children(){return[e(s.Label,{children:"Zip"}),e(s.Control,{type:"text",placeholder:"Zip",required:!0}),e(s.Control.Feedback,{type:"invalid",children:"Please provide a valid zip."})]}})]}}),e(s.Group,{class:"mb-3",get children(){return e(s.Check,{required:!0,label:"Agree to terms and conditions",feedback:"You must agree before submitting.",feedbackType:"invalid"})}}),e(x,{type:"submit",children:"Submit form"})]}})}const w=c('

      '),L=c("form"),_=c("noValidate"),P=c("<Form>"),S=c("<form>"),T=c('
      '),V=c(` +import{f as C,c as e,m as k,o as d,t as c}from"./index.46b6df7f.js";import{M as p}from"./index.e0aff9b5.js";import{R as u,C as h,B as x}from"./Layout.4a46f345.js";import{F as s}from"./Form.f5f8558a.js";import{I as o}from"./InputGroup.9f9c5df2.js";import{E as l}from"./Example.6cae19f6.js";import{G}from"./GithubSource.4ed1a23d.js";import{A as N}from"./Alert.cfed10ed.js";import"./FormControl.32f92fa6.js";import"./InputGroupContext.c22a8337.js";import"./Card.cb90095f.js";function I(){const[t,i]=C(!1);return e(s,{noValidate:!0,get validated(){return t()},onSubmit:a=>{a.currentTarget.checkValidity()===!1&&(a.preventDefault(),a.stopPropagation()),i(!0)},get children(){return[e(u,{class:"mb-3",get children(){return[e(s.Group,{as:h,md:"4",controlId:"validationCustom01",get children(){return[e(s.Label,{children:"First name"}),e(s.Control,{required:!0,type:"text",placeholder:"First name",ref:a=>a.defaultValue="Mark"}),e(s.Control.Feedback,{children:"Looks good!"})]}}),e(s.Group,{as:h,md:"4",controlId:"validationCustom02",get children(){return[e(s.Label,{children:"Last name"}),e(s.Control,{required:!0,type:"text",placeholder:"Last name",ref:a=>a.defaultValue="Otto"}),e(s.Control.Feedback,{children:"Looks good!"})]}}),e(s.Group,{as:h,md:"4",controlId:"validationCustomUsername",get children(){return[e(s.Label,{children:"Username"}),e(o,{hasValidation:!0,get children(){return[e(o.Text,{id:"inputGroupPrepend",children:"@"}),e(s.Control,{type:"text",placeholder:"Username","aria-describedby":"inputGroupPrepend",required:!0}),e(s.Control.Feedback,{type:"invalid",children:"Please choose a username."})]}})]}})]}}),e(u,{class:"mb-3",get children(){return[e(s.Group,{as:h,md:"6",controlId:"validationCustom03",get children(){return[e(s.Label,{children:"City"}),e(s.Control,{type:"text",placeholder:"City",required:!0}),e(s.Control.Feedback,{type:"invalid",children:"Please provide a valid city."})]}}),e(s.Group,{as:h,md:"3",controlId:"validationCustom04",get children(){return[e(s.Label,{children:"State"}),e(s.Control,{type:"text",placeholder:"State",required:!0}),e(s.Control.Feedback,{type:"invalid",children:"Please provide a valid state."})]}}),e(s.Group,{as:h,md:"3",controlId:"validationCustom05",get children(){return[e(s.Label,{children:"Zip"}),e(s.Control,{type:"text",placeholder:"Zip",required:!0}),e(s.Control.Feedback,{type:"invalid",children:"Please provide a valid zip."})]}})]}}),e(s.Group,{class:"mb-3",get children(){return e(s.Check,{required:!0,label:"Agree to terms and conditions",feedback:"You must agree before submitting.",feedbackType:"invalid"})}}),e(x,{type:"submit",children:"Submit form"})]}})}const w=c('

      '),L=c("form"),_=c("noValidate"),P=c("<Form>"),S=c("<form>"),T=c('
      '),V=c(`
      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      tooltip
      boolean
      		false

      Display feedback as a tooltip.

      type
      'valid' | 'invalid'
      		'valid'

      Specify whether the feedback is for valid or invalid fields

      `);function Y(t={}){const{wrapper:i}=Object.assign({},p(),t.components);return i?e(i,k(t,{get children(){return e(m,{})}})):m();function m(){const a=Object.assign({h1:"h1",p:"p",a:"a",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3"},p(),t.components);return l||r("Example",!1),l.Code||r("Example.Code",!0),l.Intro||r("Example.Intro",!0),l.Preview||r("Example.Preview",!0),s||r("Form",!1),s.Control||r("Form.Control",!0),s.Control.Feedback||r("Form.Control.Feedback",!0),o||r("InputGroup",!1),o.Text||r("InputGroup.Text",!0),[e(G,{name:"FormValidationDocs.mdx"}),` `,e(a.h1,{children:"Validation"}),` diff --git a/assets/Forms.1553089d.js b/assets/Forms.1553089d.js new file mode 100644 index 0000000..3c8af07 --- /dev/null +++ b/assets/Forms.1553089d.js @@ -0,0 +1 @@ +import{c as t,R as _,a as o,l as e,_ as r}from"./index.46b6df7f.js";import{L as n}from"./Layout.4a46f345.js";const u=p=>t(n,{get children(){return t(_,{get children(){return[t(o,{path:"overview",get component(){return e(()=>r(()=>import("./FormOverviewDocs.27ef6727.js"),["assets/FormOverviewDocs.27ef6727.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"form-controls",get component(){return e(()=>r(()=>import("./FormControlDocs.a635f78c.js"),["assets/FormControlDocs.a635f78c.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"form-text",get component(){return e(()=>r(()=>import("./FormTextDocs.d37cf317.js"),["assets/FormTextDocs.d37cf317.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Alert.cfed10ed.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"select",get component(){return e(()=>r(()=>import("./FormSelectDocs.3a073573.js"),["assets/FormSelectDocs.3a073573.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"checks-radios",get component(){return e(()=>r(()=>import("./FormChecksDocs.4ce056c2.js"),["assets/FormChecksDocs.4ce056c2.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Alert.cfed10ed.js"]))}}),t(o,{path:"range",get component(){return e(()=>r(()=>import("./FormRangeDocs.dbaa88b9.js"),["assets/FormRangeDocs.dbaa88b9.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"input-group",get component(){return e(()=>r(()=>import("./FormInputGroupDocs.6f61651e.js"),["assets/FormInputGroupDocs.6f61651e.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Dropdown.bda8fe74.js","assets/Dropdown.3422f430.js","assets/mergeOptionsWithPopperConfig.c1f38e41.js","assets/InputGroupContext.c22a8337.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/InputGroup.9f9c5df2.js","assets/DropdownButton.14b1eaa5.js","assets/SplitButton.7e8cc37b.js","assets/ButtonGroup.355a2d23.js"]))}}),t(o,{path:"floating-labels",get component(){return e(()=>r(()=>import("./FormFloatingLabelDocs.6a0f8a8f.js"),["assets/FormFloatingLabelDocs.6a0f8a8f.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"layout",get component(){return e(()=>r(()=>import("./FormLayoutDocs.7e84a8fd.js"),["assets/FormLayoutDocs.7e84a8fd.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/InputGroup.9f9c5df2.js","assets/InputGroupContext.c22a8337.js"]))}}),t(o,{path:"validation",get component(){return e(()=>r(()=>import("./FormValidationDocs.d9fff833.js"),["assets/FormValidationDocs.d9fff833.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/InputGroup.9f9c5df2.js","assets/InputGroupContext.c22a8337.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Alert.cfed10ed.js"]))}})]}})}});export{u as default}; diff --git a/assets/Forms.effd0efd.js b/assets/Forms.effd0efd.js deleted file mode 100644 index 31b50ab..0000000 --- a/assets/Forms.effd0efd.js +++ /dev/null @@ -1 +0,0 @@ -import{c as t,R as _,a as o,l as e,_ as r}from"./index.a8c27b5b.js";import{L as n}from"./Layout.a2c9264a.js";const u=p=>t(n,{get children(){return t(_,{get children(){return[t(o,{path:"overview",get component(){return e(()=>r(()=>import("./FormOverviewDocs.8a6a8352.js"),["assets/FormOverviewDocs.8a6a8352.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"form-controls",get component(){return e(()=>r(()=>import("./FormControlDocs.7eb5f8ad.js"),["assets/FormControlDocs.7eb5f8ad.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"form-text",get component(){return e(()=>r(()=>import("./FormTextDocs.ca61d30f.js"),["assets/FormTextDocs.ca61d30f.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Alert.ccf287cf.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"select",get component(){return e(()=>r(()=>import("./FormSelectDocs.a026e7dc.js"),["assets/FormSelectDocs.a026e7dc.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"checks-radios",get component(){return e(()=>r(()=>import("./FormChecksDocs.e71b03b6.js"),["assets/FormChecksDocs.e71b03b6.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Alert.ccf287cf.js"]))}}),t(o,{path:"range",get component(){return e(()=>r(()=>import("./FormRangeDocs.410924b2.js"),["assets/FormRangeDocs.410924b2.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"input-group",get component(){return e(()=>r(()=>import("./FormInputGroupDocs.4397841b.js"),["assets/FormInputGroupDocs.4397841b.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Dropdown.a5036113.js","assets/Dropdown.e12de560.js","assets/store.bc2dca4a.js","assets/InputGroupContext.b6007797.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/InputGroup.349202f6.js","assets/DropdownButton.e4c391a0.js","assets/SplitButton.fc26784b.js","assets/ButtonGroup.bec3fbe2.js"]))}}),t(o,{path:"floating-labels",get component(){return e(()=>r(()=>import("./FormFloatingLabelDocs.a06a1f44.js"),["assets/FormFloatingLabelDocs.a06a1f44.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),t(o,{path:"layout",get component(){return e(()=>r(()=>import("./FormLayoutDocs.0e708ee6.js"),["assets/FormLayoutDocs.0e708ee6.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/InputGroup.349202f6.js","assets/InputGroupContext.b6007797.js"]))}}),t(o,{path:"validation",get component(){return e(()=>r(()=>import("./FormValidationDocs.3561cb57.js"),["assets/FormValidationDocs.3561cb57.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/InputGroup.349202f6.js","assets/InputGroupContext.b6007797.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Alert.ccf287cf.js"]))}})]}})}});export{u as default}; diff --git a/assets/GettingStarted.aacad6b1.js b/assets/GettingStarted.d0aba3eb.js similarity index 94% rename from assets/GettingStarted.aacad6b1.js rename to assets/GettingStarted.d0aba3eb.js index 5264a86..ee17527 100644 --- a/assets/GettingStarted.aacad6b1.js +++ b/assets/GettingStarted.d0aba3eb.js @@ -1 +1 @@ -import{o as r,c as o,t as i}from"./index.a8c27b5b.js";import{C as l}from"./Card.99118534.js";import{A as d}from"./Alert.ccf287cf.js";const p=i('
      > npm install solid-bootstrap
      '),c=i("Tip!"),h=i(`

      Overview

      Solid-Bootstrap is a port of React-Bootstrap for SolidJS.

      This is a complete implementation of the Bootstrap components using SolidJS. It has no dependency on either bootstrap.js or jQuery. If you have SolidJS setup and Solid-Bootstrap installed, you have everything you need.

      Installation

      1. Create a new SolidJS website per Solid's documentation.
      2. Add the Bootstrap CSS to index.html per Bootstrap's documentation.
      3. Install solid-bootstrap with npm, yarn, pnpm, etc...

      Porting approach

      We have changed as little as possible while porting this code.

      Principles:
      • The goal is to capture all of the proven behaviour of React-Bootstrap, @restart/ui (core) and related projects.
      • Keep the source file structure the same.
      • Keep the source code as similar as possible to enable future commits to the original projects to also be pulled into this project.
      • Enable validation of the porting approach using a side-by-side comparison between the ported SolidJS code and the original implementation.
      `),f=()=>(()=>{const t=h.cloneNode(!0),a=t.firstChild,s=a.firstChild,e=s.nextSibling;e.firstChild.nextSibling;const n=e.nextSibling;return t.style.setProperty("padding-bottom","200px"),r(e,o(l,{get children(){return o(l.Body,{class:"bg-light",get children(){return p.cloneNode(!0)}})}}),null),r(a,o(d,{variant:"primary",get children(){return[c.cloneNode(!0)," You may need to clear out some of the CSS that comes in the default SolidJS template to get the full Bootstrap experience."]}}),n),t})();export{f as default}; +import{o as r,c as o,t as i}from"./index.46b6df7f.js";import{C as l}from"./Card.cb90095f.js";import{A as d}from"./Alert.cfed10ed.js";const p=i('
      > npm install solid-bootstrap
      '),c=i("Tip!"),h=i(`

      Overview

      Solid-Bootstrap is a port of React-Bootstrap for SolidJS.

      This is a complete implementation of the Bootstrap components using SolidJS. It has no dependency on either bootstrap.js or jQuery. If you have SolidJS setup and Solid-Bootstrap installed, you have everything you need.

      Installation

      1. Create a new SolidJS website per Solid's documentation.
      2. Add the Bootstrap CSS to index.html per Bootstrap's documentation.
      3. Install solid-bootstrap with npm, yarn, pnpm, etc...

      Porting approach

      We have changed as little as possible while porting this code.

      Principles:
      • The goal is to capture all of the proven behaviour of React-Bootstrap, @restart/ui (core) and related projects.
      • Keep the source file structure the same.
      • Keep the source code as similar as possible to enable future commits to the original projects to also be pulled into this project.
      • Enable validation of the porting approach using a side-by-side comparison between the ported SolidJS code and the original implementation.
      `),f=()=>(()=>{const t=h.cloneNode(!0),a=t.firstChild,s=a.firstChild,e=s.nextSibling;e.firstChild.nextSibling;const n=e.nextSibling;return t.style.setProperty("padding-bottom","200px"),r(e,o(l,{get children(){return o(l.Body,{class:"bg-light",get children(){return p.cloneNode(!0)}})}}),null),r(a,o(d,{variant:"primary",get children(){return[c.cloneNode(!0)," You may need to clear out some of the CSS that comes in the default SolidJS template to get the full Bootstrap experience."]}}),n),t})();export{f as default}; diff --git a/assets/GithubSource.1602124f.js b/assets/GithubSource.4ed1a23d.js similarity index 83% rename from assets/GithubSource.1602124f.js rename to assets/GithubSource.4ed1a23d.js index 89d851d..e073345 100644 --- a/assets/GithubSource.1602124f.js +++ b/assets/GithubSource.4ed1a23d.js @@ -1 +1 @@ -import{I as r,J as a,t as n}from"./index.a8c27b5b.js";const l=n('View source on Github'),i=s=>{const t=s.name.split(".");return(()=>{const e=l.cloneNode(!0),o=e.firstChild;return r(()=>a(o,"href",`https://github.com/solid-libs/solid-bootstrap/blob/master/www/src/docs/${t[0]}.${t[1]??"tsx"}?plain=1`)),e})()};export{i as G}; +import{I as r,J as a,t as n}from"./index.46b6df7f.js";const l=n('View source on Github'),i=s=>{const t=s.name.split(".");return(()=>{const e=l.cloneNode(!0),o=e.firstChild;return r(()=>a(o,"href",`https://github.com/solid-libs/solid-bootstrap/blob/master/www/src/docs/${t[0]}.${t[1]??"tsx"}?plain=1`)),e})()};export{i as G}; diff --git a/assets/Image.087ce4e5.js b/assets/Image.8516a878.js similarity index 73% rename from assets/Image.087ce4e5.js rename to assets/Image.8516a878.js index 19cd8a4..5828fd2 100644 --- a/assets/Image.087ce4e5.js +++ b/assets/Image.8516a878.js @@ -1 +1 @@ -import{s as t,m as l,u as d,j as n,d as u,t as i}from"./index.a8c27b5b.js";const c=i(""),f={fluid:!1,rounded:!1,roundedCircle:!1,thumbnail:!1},m=a=>{const[e,o]=t(l(f,a),["bsPrefix","class","fluid","rounded","roundedCircle","thumbnail"]),s=d(e.bsPrefix,"img");return(()=>{const r=c.cloneNode(!0);return n(r,l(o,{get class(){return u(e.class,e.fluid&&`${s}-fluid`,e.rounded&&"rounded",e.roundedCircle&&"rounded-circle",e.thumbnail&&`${s}-thumbnail`)}}),!1,!1),r})()},b=m;export{b as I}; +import{s as t,m as l,u as d,j as n,d as u,t as i}from"./index.46b6df7f.js";const c=i(""),f={fluid:!1,rounded:!1,roundedCircle:!1,thumbnail:!1},m=a=>{const[e,o]=t(l(f,a),["bsPrefix","class","fluid","rounded","roundedCircle","thumbnail"]),s=d(e.bsPrefix,"img");return(()=>{const r=c.cloneNode(!0);return n(r,l(o,{get class(){return u(e.class,e.fluid&&`${s}-fluid`,e.rounded&&"rounded",e.roundedCircle&&"rounded-circle",e.thumbnail&&`${s}-thumbnail`)}}),!1,!1),r})()},b=m;export{b as I}; diff --git a/assets/ImageDocs.2b52681b.js b/assets/ImageDocs.e7dbe4e2.js similarity index 94% rename from assets/ImageDocs.2b52681b.js rename to assets/ImageDocs.e7dbe4e2.js index 0b7c865..3a7f105 100644 --- a/assets/ImageDocs.2b52681b.js +++ b/assets/ImageDocs.e7dbe4e2.js @@ -1,4 +1,4 @@ -import{t as m,c as e,m as p,o as l,n as g}from"./index.a8c27b5b.js";import{M as h}from"./index.ef3b11e9.js";import{H as u}from"./utils.753b7765.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as j}from"./GithubSource.1602124f.js";import{R as N,C as i}from"./Layout.a2c9264a.js";import{I as d}from"./Image.087ce4e5.js";import"./Card.99118534.js";const f=m(`

      API

      Image

      import { Image } from 'solid-bootstrap'
      NameTypeDefaultDescription
      fluid
      boolean
      		false

      Sets image as fluid image.

      rounded
      boolean
      		false

      Sets image shape as rounded.

      roundedCircle
      boolean
      		false

      Sets image shape as circle.

      thumbnail
      boolean
      		false

      Sets image shape as thumbnail.

      bsPrefix
      string
      		'img'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),v=()=>f.cloneNode(!0),b=m('
      ');function P(t={}){const{wrapper:r}=Object.assign({},h(),t.components);return r?e(r,p(t,{get children(){return e(o,{})}})):o();function o(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span"},h(),t.components);return a||c("Example",!1),a.Code||c("Example.Code",!0),a.Intro||c("Example.Intro",!0),a.Preview||c("Example.Preview",!0),[e(j,{name:"ImageDocs.mdx"}),` +import{t as m,c as e,m as p,o as l,n as g}from"./index.46b6df7f.js";import{M as h}from"./index.e0aff9b5.js";import{H as u}from"./utils.06ab9af9.js";import{E as a}from"./Example.6cae19f6.js";import{G as j}from"./GithubSource.4ed1a23d.js";import{R as N,C as i}from"./Layout.4a46f345.js";import{I as d}from"./Image.8516a878.js";import"./Card.cb90095f.js";const f=m(`

      API

      Image

      import { Image } from 'solid-bootstrap'
      NameTypeDefaultDescription
      fluid
      boolean
      		false

      Sets image as fluid image.

      rounded
      boolean
      		false

      Sets image shape as rounded.

      roundedCircle
      boolean
      		false

      Sets image shape as circle.

      thumbnail
      boolean
      		false

      Sets image shape as thumbnail.

      bsPrefix
      string
      		'img'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),v=()=>f.cloneNode(!0),b=m('
      ');function P(t={}){const{wrapper:r}=Object.assign({},h(),t.components);return r?e(r,p(t,{get children(){return e(o,{})}})):o();function o(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span"},h(),t.components);return a||c("Example",!1),a.Code||c("Example.Code",!0),a.Intro||c("Example.Intro",!0),a.Preview||c("Example.Preview",!0),[e(j,{name:"ImageDocs.mdx"}),` `,e(s.h1,{children:"Images"}),` `,(()=>{const n=b.cloneNode(!0);return l(n,e(u,{}),null),l(n,e(a,{title:"Shape",get children(){return[e(a.Intro,{get children(){return e(s.p,{get children(){return["Use the ",e(s.code,{children:"rounded"}),", ",e(s.code,{children:"roundedCircle"})," and ",e(s.code,{children:"thumbnail"})," props to customise the image."]}})}}),e(a.Preview,{get children(){return e(g,{get children(){return e(N,{get children(){return[e(i,{xs:6,md:4,get children(){return e(d,{src:"holder.js/171x180",rounded:!0})}}),e(i,{xs:6,md:4,get children(){return e(d,{src:"holder.js/171x180",roundedCircle:!0})}}),e(i,{xs:6,md:4,get children(){return e(d,{src:"holder.js/171x180",thumbnail:!0})}})]}})}})}}),e(a.Code,{get children(){return e(s.pre,{get children(){return e(s.code,{className:"hljs language-js",get children(){return["<",e(s.span,{className:"hljs-title class_",children:"Container"}),`>\r `,e(s.span,{className:"xml",get children(){return[e(s.span,{className:"hljs-tag",get children(){return["<",e(s.span,{className:"hljs-name",children:"Row"}),">"]}}),`\r diff --git a/assets/InputGroup.349202f6.js b/assets/InputGroup.9f9c5df2.js similarity index 82% rename from assets/InputGroup.349202f6.js rename to assets/InputGroup.9f9c5df2.js index 1ed2df0..b2be69c 100644 --- a/assets/InputGroup.349202f6.js +++ b/assets/InputGroup.9f9c5df2.js @@ -1 +1 @@ -import{r as c,c as s,m as o,s as u,u as l,D as m,d as x}from"./index.a8c27b5b.js";import{a as n}from"./FormControl.4ffd1e4d.js";import{I as d}from"./InputGroupContext.b6007797.js";const r=c("input-group-text",{Component:"span"}),h=e=>s(r,{get children(){return s(n,o({type:"checkbox"},e))}}),f=e=>s(r,{get children(){return s(n,o({type:"radio"},e))}}),g={as:"div"},I=e=>{const[t,p]=u(o(g,e),["as","bsPrefix","size","hasValidation","class"]),a=l(t.bsPrefix,"input-group"),i={};return s(d.Provider,{value:i,get children(){return s(m,o({get component(){return t.as}},p,{get class(){return x(t.class,a,t.size&&`${a}-${t.size}`,t.hasValidation&&"has-validation")}}))}})},G=Object.assign(I,{Text:r,Radio:f,Checkbox:h});export{G as I}; +import{r as c,c as s,m as o,s as u,u as l,D as m,d as x}from"./index.46b6df7f.js";import{a as n}from"./FormControl.32f92fa6.js";import{I as d}from"./InputGroupContext.c22a8337.js";const r=c("input-group-text",{Component:"span"}),h=e=>s(r,{get children(){return s(n,o({type:"checkbox"},e))}}),f=e=>s(r,{get children(){return s(n,o({type:"radio"},e))}}),g={as:"div"},I=e=>{const[t,p]=u(o(g,e),["as","bsPrefix","size","hasValidation","class"]),a=l(t.bsPrefix,"input-group"),i={};return s(d.Provider,{value:i,get children(){return s(m,o({get component(){return t.as}},p,{get class(){return x(t.class,a,t.size&&`${a}-${t.size}`,t.hasValidation&&"has-validation")}}))}})},G=Object.assign(I,{Text:r,Radio:f,Checkbox:h});export{G as I}; diff --git a/assets/InputGroupContext.b6007797.js b/assets/InputGroupContext.b6007797.js deleted file mode 100644 index 64df3c8..0000000 --- a/assets/InputGroupContext.b6007797.js +++ /dev/null @@ -1 +0,0 @@ -import{y as t}from"./index.a8c27b5b.js";const o=t(null),e=o;export{e as I}; diff --git a/assets/InputGroupContext.c22a8337.js b/assets/InputGroupContext.c22a8337.js new file mode 100644 index 0000000..020e561 --- /dev/null +++ b/assets/InputGroupContext.c22a8337.js @@ -0,0 +1 @@ +import{y as t}from"./index.46b6df7f.js";const o=t(null),e=o;export{e as I}; diff --git a/assets/Layout.a2c9264a.js b/assets/Layout.4a46f345.js similarity index 99% rename from assets/Layout.a2c9264a.js rename to assets/Layout.4a46f345.js index 488bb0e..c1cda17 100644 --- a/assets/Layout.a2c9264a.js +++ b/assets/Layout.4a46f345.js @@ -1 +1 @@ -import{s as v,m as u,u as A,b as $e,c as o,d as y,D as w,e as V,f as me,g as he,h as Se,C as ye,t as L,i,j as k,k as C,A as U,N as R,n as _e}from"./index.a8c27b5b.js";const Te={variant:"primary",active:!1,disabled:!1},Ce=e=>{const[r,t]=v(u(Te,e),["as","bsPrefix","children","variant","size","active","class"]),a=A(r.bsPrefix,"btn"),[n,{tagName:s}]=$e({tagName:r.as,...t});return o(w,u({component:s},n,t,{get class(){return y(r.class,a,r.active&&"active",r.variant&&`${a}-${r.variant}`,r.size&&`${a}-${r.size}`,t.href&&t.disabled&&"disabled")},get children(){return r.children}}))},Re=Ce,je=["xxl","xl","lg","md","sm","xs"];function Oe(e){const[r,t]=v(e,["as","bsPrefix","class"]),a=A(r.bsPrefix,"col"),n=V(),s=[],l=[];n().forEach(c=>{const d=t[c];let x,_,T;typeof d=="object"&&d!=null?{span:x,offset:_,order:T}=d:x=d;const m=c!=="xs"?`-${c}`:"";x&&s.push(x===!0?`${a}${m}`:`${a}${m}-${x}`),T!=null&&l.push(`order${m}-${T}`),_!=null&&l.push(`offset${m}-${_}`)});const[$,f]=v(t,je);return[u(f,{get class(){return y(r.class,...s,...l)}}),{get as(){return r.as},get bsPrefix(){return a},get spans(){return s}}]}const Ae=e=>{const[r,t]=Oe(e),[a,n]=v(r,["class"]);return o(w,u({get component(){return t.as??"div"}},n,{get class(){return y(a.class,!t.spans.length&&t.bsPrefix)}}))},N=Ae,we={as:"div"},Le=e=>{const r=V(),[t,a]=v(u(we,e),["as","bsPrefix","class",...r()]),n=A(t.bsPrefix,"row"),s=`${n}-cols`,l=[];return r().forEach($=>{const f=t[$];let c;f!=null&&typeof f=="object"?{cols:c}=f:c=f;const d=$!=="xs"?`-${$}`:"";c!=null&&l.push(`${s}${d}-${c}`)}),o(w,u({get component(){return t.as}},a,{get class(){return y(t.class,n,...l)}}))},ke=Le;var h=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Pe(e,r,t,a){var n=-1,s=e==null?0:e.length;for(a&&s&&(t=e[++n]);++nn?0:n+r),t=t>n?n:t,t<0&&(t+=n),n=r>t?0:t-r>>>0,r>>>=0;for(var s=Array(n);++a=a?e:At(e,r,t)}var Lt=wt,kt="\\ud800-\\udfff",Pt="\\u0300-\\u036f",Mt="\\ufe20-\\ufe2f",Ut="\\u20d0-\\u20ff",Nt=Pt+Mt+Ut,Et="\\ufe0e\\ufe0f",Wt="\\u200d",Bt=RegExp("["+Wt+kt+Nt+Et+"]");function zt(e){return Bt.test(e)}var ie=zt;function It(e){return e.split("")}var Zt=It,le="\\ud800-\\udfff",Dt="\\u0300-\\u036f",Ft="\\ufe20-\\ufe2f",Gt="\\u20d0-\\u20ff",Ht=Dt+Ft+Gt,Vt="\\ufe0e\\ufe0f",Jt="["+le+"]",j="["+Ht+"]",O="\\ud83c[\\udffb-\\udfff]",Yt="(?:"+j+"|"+O+")",fe="[^"+le+"]",de="(?:\\ud83c[\\udde6-\\uddff]){2}",be="[\\ud800-\\udbff][\\udc00-\\udfff]",qt="\\u200d",ge=Yt+"?",xe="["+Vt+"]?",Kt="(?:"+qt+"(?:"+[fe,de,be].join("|")+")"+xe+ge+")*",Qt=xe+ge+Kt,Xt="(?:"+[fe+j+"?",j,de,be,Jt].join("|")+")",ea=RegExp(O+"(?="+O+")|"+Xt+Qt,"g");function ra(e){return e.match(ea)||[]}var ta=ra,aa=Zt,na=ie,oa=ta;function sa(e){return na(e)?oa(e):aa(e)}var ua=sa,ca=Lt,ia=ie,la=ua,fa=M;function da(e){return function(r){r=fa(r);var t=ia(r)?la(r):void 0,a=t?t[0]:r.charAt(0),n=t?ca(t,1).join(""):r.slice(1);return a[e]()+n}}var ba=da,ga=ba,xa=ga("toUpperCase"),pa=xa,va=Rt,$a=pa,ma=va(function(e,r,t){return e+(t?" ":"")+$a(r)}),ha=ma;const Sa="_MenuButton_cijdj_1",ya="_SidePanel_cijdj_11",_a="_OverflowWrapper_cijdj_51",Ta="_TableOfContents_cijdj_65",Ca="_TocLink_cijdj_81",Ra="_active_cijdj_81",ja="_TocSubLink_cijdj_141",g={MenuButton:Sa,SidePanel:ya,OverflowWrapper:_a,TableOfContents:Ta,TocLink:Ca,active:Ra,TocSubLink:ja},pe=L("
      "),Oa=L(""),Aa=L('Menu'),wa="/solid-bootstrap/",La=["overview","form-controls","form-text","select","checks-radios","range","input-group","floating-labels","layout","validation"],ka=["grid","stack"],Pa=["accordion","alerts","badge","breadcrumb","buttons","button-group","cards","carousel","close-button","dropdowns","figures","images","list-group","modal","navs","navbar","offcanvas","pagination","placeholder","popovers","progress","spinners","table","tabs","toasts","tooltips"],Ma=["overview","button","dropdown","modal","navs and tabs","overlays"],Ua={"why-react-bootstrap":"Why React-Bootstrap",rtl:"RTL","restart-ui":"@restart/ui","server-side-rendering":"Server-side Rendering"},Na=e=>o(Re,u(e,{get class(){return i(e.class,g.MenuButton,"p-0 d-md-none ms-auto")}})),Ea=e=>(()=>{const r=pe.cloneNode(!0);return k(r,u(e,{get class(){return i(e.class,g.SidePanel,"d-flex flex-column")}}),!1,!1),r})(),Wa=e=>(()=>{const r=pe.cloneNode(!0);return k(r,u(e,{get class(){return i(e.class,g.OverflowWrapper)}}),!1,!1),r})(),Ba=e=>(()=>{const r=Oa.cloneNode(!0);return k(r,u(e,{get class(){return i(e.class,g.TableOfContents,"pt-2 pb-4")}}),!1,!1),r})(),ve=e=>o(R.Link,u(e,{get class(){return i(e.class,g.TocLink)}})),za=e=>o(ve,u(e,{get class(){return i(e.class,g.TocSubLink)}})),S=e=>{let r=C(()=>e.location.pathname.startsWith(wa+e.path.slice(1)));return[o(ve,{get active(){return r()},as:U,get href(){return e.items?`${e.path}/${e.items[0]}/`:`${e.path}/`},get class(){return i("js-search-toc-item",r()&&"js-search-active")},get children(){return e.heading}}),C((()=>{const t=C(()=>!!(e.items&&r()));return()=>t()&&o(R,{get activeKey(){return e.location.pathname},onSelect:()=>{},class:"d-block",get children(){return e.items.map(a=>o(R.Item,{get children(){return o(za,{as:U,get href(){return`${e.path}/${a}/`},get children(){return Ua[a]||ha(a.toLowerCase())}})}}))}})})())]},Ia=e=>{const[r,t]=me(!0),a=he(),n=()=>{t(s=>!s)};return Se(()=>{a?.pathname&&t(!0)}),o(Ea,u(e,{get children(){return[o(Na,{onClick:n,variant:"light",get children(){return Aa.cloneNode(!0)}}),o(ye,{get in(){return!r()},get children(){return o(Wa,{get children(){return o(Ba,{role:"complementary",get children(){return[o(S,{heading:"Layout",location:a,items:ka,path:"/layout"}),o(S,{heading:"Forms",location:a,items:La,path:"/forms"}),o(S,{heading:"Components",location:a,items:Pa,path:"/components"}),o(S,{heading:"Core (headless)",location:a,items:Ma,path:"/core"})]}})}})}})]}}))},Za="_nav_1ateb_1",Da="_main_1ateb_15",Fa={nav:Za,main:Da},Ha=e=>o(_e,{fluid:!0,get children(){return o(ke,{class:"flex-xl-nowrap",get children(){return[o(N,{as:Ia,xs:12,md:3,xl:2}),o(N,{xs:12,md:9,xl:8,as:"main",id:"rb-docs-content",get class(){return Fa.main},get children(){return e.children}})]}})}});export{Re as B,N as C,Ha as L,ke as R,Oe as u}; +import{s as v,m as u,u as A,b as $e,c as o,d as y,D as w,e as V,f as me,g as he,h as Se,C as ye,t as L,i,j as k,k as C,A as U,N as R,n as _e}from"./index.46b6df7f.js";const Te={variant:"primary",active:!1,disabled:!1},Ce=e=>{const[r,t]=v(u(Te,e),["as","bsPrefix","children","variant","size","active","class"]),a=A(r.bsPrefix,"btn"),[n,{tagName:s}]=$e({tagName:r.as,...t});return o(w,u({component:s},n,t,{get class(){return y(r.class,a,r.active&&"active",r.variant&&`${a}-${r.variant}`,r.size&&`${a}-${r.size}`,t.href&&t.disabled&&"disabled")},get children(){return r.children}}))},Re=Ce,je=["xxl","xl","lg","md","sm","xs"];function Oe(e){const[r,t]=v(e,["as","bsPrefix","class"]),a=A(r.bsPrefix,"col"),n=V(),s=[],l=[];n().forEach(c=>{const d=t[c];let x,_,T;typeof d=="object"&&d!=null?{span:x,offset:_,order:T}=d:x=d;const m=c!=="xs"?`-${c}`:"";x&&s.push(x===!0?`${a}${m}`:`${a}${m}-${x}`),T!=null&&l.push(`order${m}-${T}`),_!=null&&l.push(`offset${m}-${_}`)});const[$,f]=v(t,je);return[u(f,{get class(){return y(r.class,...s,...l)}}),{get as(){return r.as},get bsPrefix(){return a},get spans(){return s}}]}const Ae=e=>{const[r,t]=Oe(e),[a,n]=v(r,["class"]);return o(w,u({get component(){return t.as??"div"}},n,{get class(){return y(a.class,!t.spans.length&&t.bsPrefix)}}))},N=Ae,we={as:"div"},Le=e=>{const r=V(),[t,a]=v(u(we,e),["as","bsPrefix","class",...r()]),n=A(t.bsPrefix,"row"),s=`${n}-cols`,l=[];return r().forEach($=>{const f=t[$];let c;f!=null&&typeof f=="object"?{cols:c}=f:c=f;const d=$!=="xs"?`-${$}`:"";c!=null&&l.push(`${s}${d}-${c}`)}),o(w,u({get component(){return t.as}},a,{get class(){return y(t.class,n,...l)}}))},ke=Le;var h=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Pe(e,r,t,a){var n=-1,s=e==null?0:e.length;for(a&&s&&(t=e[++n]);++nn?0:n+r),t=t>n?n:t,t<0&&(t+=n),n=r>t?0:t-r>>>0,r>>>=0;for(var s=Array(n);++a=a?e:At(e,r,t)}var Lt=wt,kt="\\ud800-\\udfff",Pt="\\u0300-\\u036f",Mt="\\ufe20-\\ufe2f",Ut="\\u20d0-\\u20ff",Nt=Pt+Mt+Ut,Et="\\ufe0e\\ufe0f",Wt="\\u200d",Bt=RegExp("["+Wt+kt+Nt+Et+"]");function zt(e){return Bt.test(e)}var ie=zt;function It(e){return e.split("")}var Zt=It,le="\\ud800-\\udfff",Dt="\\u0300-\\u036f",Ft="\\ufe20-\\ufe2f",Gt="\\u20d0-\\u20ff",Ht=Dt+Ft+Gt,Vt="\\ufe0e\\ufe0f",Jt="["+le+"]",j="["+Ht+"]",O="\\ud83c[\\udffb-\\udfff]",Yt="(?:"+j+"|"+O+")",fe="[^"+le+"]",de="(?:\\ud83c[\\udde6-\\uddff]){2}",be="[\\ud800-\\udbff][\\udc00-\\udfff]",qt="\\u200d",ge=Yt+"?",xe="["+Vt+"]?",Kt="(?:"+qt+"(?:"+[fe,de,be].join("|")+")"+xe+ge+")*",Qt=xe+ge+Kt,Xt="(?:"+[fe+j+"?",j,de,be,Jt].join("|")+")",ea=RegExp(O+"(?="+O+")|"+Xt+Qt,"g");function ra(e){return e.match(ea)||[]}var ta=ra,aa=Zt,na=ie,oa=ta;function sa(e){return na(e)?oa(e):aa(e)}var ua=sa,ca=Lt,ia=ie,la=ua,fa=M;function da(e){return function(r){r=fa(r);var t=ia(r)?la(r):void 0,a=t?t[0]:r.charAt(0),n=t?ca(t,1).join(""):r.slice(1);return a[e]()+n}}var ba=da,ga=ba,xa=ga("toUpperCase"),pa=xa,va=Rt,$a=pa,ma=va(function(e,r,t){return e+(t?" ":"")+$a(r)}),ha=ma;const Sa="_MenuButton_cijdj_1",ya="_SidePanel_cijdj_11",_a="_OverflowWrapper_cijdj_51",Ta="_TableOfContents_cijdj_65",Ca="_TocLink_cijdj_81",Ra="_active_cijdj_81",ja="_TocSubLink_cijdj_141",g={MenuButton:Sa,SidePanel:ya,OverflowWrapper:_a,TableOfContents:Ta,TocLink:Ca,active:Ra,TocSubLink:ja},pe=L("
      "),Oa=L(""),Aa=L('Menu'),wa="/solid-bootstrap/",La=["overview","form-controls","form-text","select","checks-radios","range","input-group","floating-labels","layout","validation"],ka=["grid","stack"],Pa=["accordion","alerts","badge","breadcrumb","buttons","button-group","cards","carousel","close-button","dropdowns","figures","images","list-group","modal","navs","navbar","offcanvas","pagination","placeholder","popovers","progress","spinners","table","tabs","toasts","tooltips"],Ma=["overview","button","dropdown","modal","navs and tabs","overlays"],Ua={"why-react-bootstrap":"Why React-Bootstrap",rtl:"RTL","restart-ui":"@restart/ui","server-side-rendering":"Server-side Rendering"},Na=e=>o(Re,u(e,{get class(){return i(e.class,g.MenuButton,"p-0 d-md-none ms-auto")}})),Ea=e=>(()=>{const r=pe.cloneNode(!0);return k(r,u(e,{get class(){return i(e.class,g.SidePanel,"d-flex flex-column")}}),!1,!1),r})(),Wa=e=>(()=>{const r=pe.cloneNode(!0);return k(r,u(e,{get class(){return i(e.class,g.OverflowWrapper)}}),!1,!1),r})(),Ba=e=>(()=>{const r=Oa.cloneNode(!0);return k(r,u(e,{get class(){return i(e.class,g.TableOfContents,"pt-2 pb-4")}}),!1,!1),r})(),ve=e=>o(R.Link,u(e,{get class(){return i(e.class,g.TocLink)}})),za=e=>o(ve,u(e,{get class(){return i(e.class,g.TocSubLink)}})),S=e=>{let r=C(()=>e.location.pathname.startsWith(wa+e.path.slice(1)));return[o(ve,{get active(){return r()},as:U,get href(){return e.items?`${e.path}/${e.items[0]}/`:`${e.path}/`},get class(){return i("js-search-toc-item",r()&&"js-search-active")},get children(){return e.heading}}),C((()=>{const t=C(()=>!!(e.items&&r()));return()=>t()&&o(R,{get activeKey(){return e.location.pathname},onSelect:()=>{},class:"d-block",get children(){return e.items.map(a=>o(R.Item,{get children(){return o(za,{as:U,get href(){return`${e.path}/${a}/`},get children(){return Ua[a]||ha(a.toLowerCase())}})}}))}})})())]},Ia=e=>{const[r,t]=me(!0),a=he(),n=()=>{t(s=>!s)};return Se(()=>{a?.pathname&&t(!0)}),o(Ea,u(e,{get children(){return[o(Na,{onClick:n,variant:"light",get children(){return Aa.cloneNode(!0)}}),o(ye,{get in(){return!r()},get children(){return o(Wa,{get children(){return o(Ba,{role:"complementary",get children(){return[o(S,{heading:"Layout",location:a,items:ka,path:"/layout"}),o(S,{heading:"Forms",location:a,items:La,path:"/forms"}),o(S,{heading:"Components",location:a,items:Pa,path:"/components"}),o(S,{heading:"Core (headless)",location:a,items:Ma,path:"/core"})]}})}})}})]}}))},Za="_nav_1ateb_1",Da="_main_1ateb_15",Fa={nav:Za,main:Da},Ha=e=>o(_e,{fluid:!0,get children(){return o(ke,{class:"flex-xl-nowrap",get children(){return[o(N,{as:Ia,xs:12,md:3,xl:2}),o(N,{xs:12,md:9,xl:8,as:"main",id:"rb-docs-content",get class(){return Fa.main},get children(){return e.children}})]}})}});export{Re as B,N as C,Ha as L,ke as R,Oe as u}; diff --git a/assets/LayoutGridDocs.e9dac931.js b/assets/LayoutGridDocs.ea529b9b.js similarity index 99% rename from assets/LayoutGridDocs.e9dac931.js rename to assets/LayoutGridDocs.ea529b9b.js index 91cee17..aa458a0 100644 --- a/assets/LayoutGridDocs.e9dac931.js +++ b/assets/LayoutGridDocs.ea529b9b.js @@ -1,4 +1,4 @@ -import{t as m,c as e,m as N,o as t,n as c}from"./index.a8c27b5b.js";import{M as u}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";/* empty css */import{G as j}from"./GithubSource.1602124f.js";import{R as l,C as n}from"./Layout.a2c9264a.js";import"./Card.99118534.js";const f=m(`

      API

      Container

      import { Container } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element for this component

      fluid
      true | "sm" | "md" | "lg" | "xl" | "xxl"
      		false

      Allow the Container to fill all of its available horizontal space.

      bsPrefix
      string
      		'container'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Row

      import { Row } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      lg
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on large devices (\u2265992px). Use auto to give columns their natural widths.

      md
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on medium devices (\u2265768px). Use auto to give columns their natural widths.

      sm
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on small devices (\u2265576px). Use auto to give columns their natural widths.

      xl
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on extra large devices (\u22651200px). Use auto to give columns their natural widths.

      xs
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on extra small devices (<576px). Use auto to give columns their natural widths.

      xxl
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on extra extra large devices (\u22651400px). Use auto to give columns their natural widths.

      bsPrefix
      string
      		'row'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Col

      import { Col } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      lg
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on large devices (\u2265992px)

      md
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on medium devices (\u2265768px)

      sm
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on small devices (\u2265576px)

      xl
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on extra large devices (\u22651200px)

      xs
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on extra small devices (<576px)

      xxl
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on extra extra large devices (\u22651400px)

      bsPrefix
      string
      		'col'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),C=()=>f.cloneNode(!0),b=m('

      '),g=m('
      '),x=m('
      ');function P(h={}){const{wrapper:i}=Object.assign({},u(),h.components);return i?e(i,N(h,{get children(){return e(p,{})}})):p();function p(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span"},u(),h.components);return a||o("Example",!1),a.Code||o("Example.Code",!0),a.Intro||o("Example.Intro",!0),a.Preview||o("Example.Preview",!0),[e(j,{name:"LayoutGridDocs.mdx"}),` +import{t as m,c as e,m as N,o as t,n as c}from"./index.46b6df7f.js";import{M as u}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";/* empty css */import{G as j}from"./GithubSource.4ed1a23d.js";import{R as l,C as n}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";const f=m(`

      API

      Container

      import { Container } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element for this component

      fluid
      true | "sm" | "md" | "lg" | "xl" | "xxl"
      		false

      Allow the Container to fill all of its available horizontal space.

      bsPrefix
      string
      		'container'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Row

      import { Row } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      lg
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on large devices (\u2265992px). Use auto to give columns their natural widths.

      md
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on medium devices (\u2265768px). Use auto to give columns their natural widths.

      sm
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on small devices (\u2265576px). Use auto to give columns their natural widths.

      xl
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on extra large devices (\u22651200px). Use auto to give columns their natural widths.

      xs
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on extra small devices (<576px). Use auto to give columns their natural widths.

      xxl
      number | 'auto' | { cols: number | 'auto' }

      The number of columns that will fit next to each other on extra extra large devices (\u22651400px). Use auto to give columns their natural widths.

      bsPrefix
      string
      		'row'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      Col

      import { Col } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      lg
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on large devices (\u2265992px)

      md
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on medium devices (\u2265768px)

      sm
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on small devices (\u2265576px)

      xl
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on extra large devices (\u22651200px)

      xs
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on extra small devices (<576px)

      xxl
      boolean | "auto" | number | { span: boolean | "auto" | number, offset: number, order: "first" | "last" | number }

      The number of columns to span on extra extra large devices (\u22651400px)

      bsPrefix
      string
      		'col'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),C=()=>f.cloneNode(!0),b=m('

      '),g=m('
      '),x=m('
      ');function P(h={}){const{wrapper:i}=Object.assign({},u(),h.components);return i?e(i,N(h,{get children(){return e(p,{})}})):p();function p(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span"},u(),h.components);return a||o("Example",!1),a.Code||o("Example.Code",!0),a.Intro||o("Example.Intro",!0),a.Preview||o("Example.Preview",!0),[e(j,{name:"LayoutGridDocs.mdx"}),` `,e(s.h1,{children:"Grid system"}),` `,(()=>{const r=b.cloneNode(!0);return t(r,e(s.p,{children:`Bootstrap\u2019s grid system uses a series of containers, rows, and columns\r to layout and align content. It\u2019s built with flexbox and is fully\r diff --git a/assets/LayoutStackDocs.d5701b01.js b/assets/LayoutStackDocs.ced3d2ea.js similarity index 97% rename from assets/LayoutStackDocs.d5701b01.js rename to assets/LayoutStackDocs.ced3d2ea.js index 8ca5d58..d26d193 100644 --- a/assets/LayoutStackDocs.d5701b01.js +++ b/assets/LayoutStackDocs.ced3d2ea.js @@ -1,4 +1,4 @@ -import{t as l,c as e,m as v,o as r}from"./index.a8c27b5b.js";import{M as j}from"./index.ef3b11e9.js";/* empty css */import{E as a}from"./Example.2dc3bb5a.js";import{F as p}from"./Form.f4132a7b.js";import{S as t}from"./Stack.001daeb8.js";import{B as d}from"./Layout.a2c9264a.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";const b=l(`

      API

      Stack

      import { Stack } from 'solid-bootstrap'
      NameTypeDefaultDescription
      gap
      number

      Sets the spacing between each item. Valid values are 0-5.

      bsPrefix
      string
      		'hstack | vstack'

      Change the underlying component CSS base class name and modifier class names prefix.This is an escape hatch for working with heavily customized bootstrap css.

      Defaults to hstack if direction is horizontal or vstack if direction is vertical.

      `),f=()=>b.cloneNode(!0),S=l('

      '),m=l('
      First item
      '),g=l('
      Second item
      '),o=l('
      Third item
      '),x=l('
      Second item
      '),u=l('
      '),k=l('
      ');function E(i={}){const{wrapper:h}=Object.assign({},j(),i.components);return h?e(h,v(i,{get children(){return e(N,{})}})):N();function N(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span"},j(),i.components);return a||c("Example",!1),a.Code||c("Example.Code",!0),a.Intro||c("Example.Intro",!0),a.Preview||c("Example.Preview",!0),p||c("Form",!1),p.Control||c("Form.Control",!0),[e(s.h1,{children:"Stacks"}),` +import{t as l,c as e,m as v,o as r}from"./index.46b6df7f.js";import{M as j}from"./index.e0aff9b5.js";/* empty css */import{E as a}from"./Example.6cae19f6.js";import{F as p}from"./Form.f5f8558a.js";import{S as t}from"./Stack.dd934703.js";import{B as d}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";const b=l(`

      API

      Stack

      import { Stack } from 'solid-bootstrap'
      NameTypeDefaultDescription
      gap
      number

      Sets the spacing between each item. Valid values are 0-5.

      bsPrefix
      string
      		'hstack | vstack'

      Change the underlying component CSS base class name and modifier class names prefix.This is an escape hatch for working with heavily customized bootstrap css.

      Defaults to hstack if direction is horizontal or vstack if direction is vertical.

      `),f=()=>b.cloneNode(!0),S=l('

      '),m=l('
      First item
      '),g=l('
      Second item
      '),o=l('
      Third item
      '),x=l('
      Second item
      '),u=l('
      '),k=l('
      ');function E(i={}){const{wrapper:h}=Object.assign({},j(),i.components);return h?e(h,v(i,{get children(){return e(N,{})}})):N();function N(){const s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span"},j(),i.components);return a||c("Example",!1),a.Code||c("Example.Code",!0),a.Intro||c("Example.Intro",!0),a.Preview||c("Example.Preview",!0),p||c("Form",!1),p.Control||c("Form.Control",!0),[e(s.h1,{children:"Stacks"}),` `,(()=>{const n=S.cloneNode(!0);return r(n,e(s.p,{children:"Shorthand helpers that build on top of our flexbox utilities to make component layout faster and easier than ever."})),n})(),` `,(()=>{const n=k.cloneNode(!0);return r(n,e(a,{title:"Vertical",get children(){return[e(a.Intro,{get children(){return e(s.p,{get children(){return["Stacks are vertical by default and stacked items are full-width by default. Use the ",e(s.code,{children:"gap"})," prop to add space between items."]}})}}),e(a.Preview,{get children(){return e(t,{gap:3,get children(){return[m.cloneNode(!0),`\r `,g.cloneNode(!0),`\r diff --git a/assets/Layouts.26481a26.js b/assets/Layouts.26481a26.js new file mode 100644 index 0000000..10ea04a --- /dev/null +++ b/assets/Layouts.26481a26.js @@ -0,0 +1 @@ +import{c as t,R as a,a as e,l as r,_ as o}from"./index.46b6df7f.js";import{L as n}from"./Layout.4a46f345.js";const u=_=>t(n,{get children(){return t(a,{get children(){return[t(e,{path:"grid",get component(){return r(()=>o(()=>import("./LayoutGridDocs.ea529b9b.js"),["assets/LayoutGridDocs.ea529b9b.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/GithubSource.4ed1a23d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/styles.dcbff532.css"]))}}),t(e,{path:"stack",get component(){return r(()=>o(()=>import("./LayoutStackDocs.ced3d2ea.js"),["assets/LayoutStackDocs.ced3d2ea.js","assets/index.46b6df7f.js","assets/index.6f9491ae.css","assets/index.e0aff9b5.js","assets/Example.6cae19f6.js","assets/Card.cb90095f.js","assets/Form.f5f8558a.js","assets/FormControl.32f92fa6.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css","assets/Stack.dd934703.js","assets/styles.dcbff532.css"]))}})]}})}});export{u as default}; diff --git a/assets/Layouts.ad845d0b.js b/assets/Layouts.ad845d0b.js deleted file mode 100644 index aa0e464..0000000 --- a/assets/Layouts.ad845d0b.js +++ /dev/null @@ -1 +0,0 @@ -import{c as t,R as a,a as e,l as r,_ as o}from"./index.a8c27b5b.js";import{L as n}from"./Layout.a2c9264a.js";const u=_=>t(n,{get children(){return t(a,{get children(){return[t(e,{path:"grid",get component(){return r(()=>o(()=>import("./LayoutGridDocs.e9dac931.js"),["assets/LayoutGridDocs.e9dac931.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/GithubSource.1602124f.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/styles.dcbff532.css"]))}}),t(e,{path:"stack",get component(){return r(()=>o(()=>import("./LayoutStackDocs.d5701b01.js"),["assets/LayoutStackDocs.d5701b01.js","assets/index.a8c27b5b.js","assets/index.6f9491ae.css","assets/index.ef3b11e9.js","assets/Example.2dc3bb5a.js","assets/Card.99118534.js","assets/Form.f4132a7b.js","assets/FormControl.4ffd1e4d.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css","assets/Stack.001daeb8.js","assets/styles.dcbff532.css"]))}})]}})}});export{u as default}; diff --git a/assets/ListGroup.0bbcdf7a.js b/assets/ListGroup.2026dacf.js similarity index 95% rename from assets/ListGroup.0bbcdf7a.js rename to assets/ListGroup.2026dacf.js index 7470393..05dba32 100644 --- a/assets/ListGroup.0bbcdf7a.js +++ b/assets/ListGroup.2026dacf.js @@ -1 +1 @@ -import{s as l,m as o,u as d,ad as v,G as b,k as m,c as u,d as p,D as f,w as P,ae as g}from"./index.a8c27b5b.js";const $={},y=i=>{const[e,t]=l(o($,i),["as","bsPrefix","active","disabled","eventKey","class","variant","action"]),s=d(e.bsPrefix,"list-group-item"),[n,a]=v(o({get key(){return b(e.eventKey,t.href)},get active(){return e.active}},t)),r=m(()=>c=>{if(e.disabled){c.preventDefault(),c.stopPropagation();return}n.onClick(c)});return u(f,o({get component(){return e.as||(e.action?t.href?"a":"button":"div")}},t,n,()=>e.disabled&&t.tabIndex===void 0?{tabIndex:-1,["aria-disabled"]:!0}:{},{get onClick(){return r()},get class(){return p(e.class,s,a.isActive&&"active",e.disabled&&"disabled",e.variant&&`${s}-${e.variant}`,e.action&&`${s}-action`)}}))},h=y,x={as:"div"},K=i=>{const[e,t]=l(o(x,i),["as","activeKey","defaultActiveKey","bsPrefix","class","variant","horizontal","numbered","onSelect"]),[s,n]=P(()=>e.activeKey,()=>e.defaultActiveKey,e.onSelect),a=d(e.bsPrefix,"list-group");let r;return e.horizontal&&(r=e.horizontal===!0?"horizontal":`horizontal-${e.horizontal}`),u(g,o({get as(){return e.as}},t,{get activeKey(){return s()},onSelect:n,get class(){return p(e.class,a,e.variant&&`${a}-${e.variant}`,r&&`${a}-${r}`,e.numbered&&`${a}-numbered`)}}))},k=Object.assign(K,{Item:h});export{k as L,h as a}; +import{s as l,m as o,u as d,ad as v,G as b,k as m,c as u,d as p,D as f,w as P,ae as g}from"./index.46b6df7f.js";const $={},y=i=>{const[e,t]=l(o($,i),["as","bsPrefix","active","disabled","eventKey","class","variant","action"]),s=d(e.bsPrefix,"list-group-item"),[n,a]=v(o({get key(){return b(e.eventKey,t.href)},get active(){return e.active}},t)),r=m(()=>c=>{if(e.disabled){c.preventDefault(),c.stopPropagation();return}n.onClick(c)});return u(f,o({get component(){return e.as||(e.action?t.href?"a":"button":"div")}},t,n,()=>e.disabled&&t.tabIndex===void 0?{tabIndex:-1,["aria-disabled"]:!0}:{},{get onClick(){return r()},get class(){return p(e.class,s,a.isActive&&"active",e.disabled&&"disabled",e.variant&&`${s}-${e.variant}`,e.action&&`${s}-action`)}}))},h=y,x={as:"div"},K=i=>{const[e,t]=l(o(x,i),["as","activeKey","defaultActiveKey","bsPrefix","class","variant","horizontal","numbered","onSelect"]),[s,n]=P(()=>e.activeKey,()=>e.defaultActiveKey,e.onSelect),a=d(e.bsPrefix,"list-group");let r;return e.horizontal&&(r=e.horizontal===!0?"horizontal":`horizontal-${e.horizontal}`),u(g,o({get as(){return e.as}},t,{get activeKey(){return s()},onSelect:n,get class(){return p(e.class,a,e.variant&&`${a}-${e.variant}`,r&&`${a}-${r}`,e.numbered&&`${a}-numbered`)}}))},k=Object.assign(K,{Item:h});export{k as L,h as a}; diff --git a/assets/ListGroupDocs.bc1d3935.js b/assets/ListGroupDocs.27e76b33.js similarity index 99% rename from assets/ListGroupDocs.bc1d3935.js rename to assets/ListGroupDocs.27e76b33.js index b872ea7..5c205bf 100644 --- a/assets/ListGroupDocs.bc1d3935.js +++ b/assets/ListGroupDocs.27e76b33.js @@ -1,4 +1,4 @@ -import{t as i,c as e,m as I,o as t}from"./index.a8c27b5b.js";import{M as N}from"./index.ef3b11e9.js";import{E as n,T as c}from"./Example.2dc3bb5a.js";import{G as L}from"./GithubSource.1602124f.js";import{S as j}from"./Sonnet.ac8b8047.js";import{A as o}from"./Alert.ccf287cf.js";import{L as a}from"./ListGroup.0bbcdf7a.js";import{B as p}from"./Badge.b24f16de.js";import{R as f,C as v}from"./Layout.a2c9264a.js";import"./Card.99118534.js";const b=i(`

      API

      ListGroup

      import { ListGroup } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      horizontal
      true | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'

      Changes the flow of the list group items from vertical to horizontal. A value of null (the default) sets it to vertical for all breakpoints; Just including the prop sets it for all breakpoints, while {sm | md | lg | xl | xxl}makes the list group horizontal starting at that breakpoint\u2019s min-width.

      numbered
      boolean

      Generate numbered list items.

      variant
      'flush'

      Adds a variant to the list-group

      bsPrefix
      string
      		'list-group'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ListGroup.Item

      import { ListGroup } from 'solid-bootstrap'
      NameTypeDefaultDescription
      action
      boolean

      Marks a ListGroupItem as actionable, applying additional hover, active and disabled styles for links and buttons.

      active
      boolean

      Sets list item as active

      as
      elementType
      		<{div | a | button}>

      You can use a custom element type for this component. For none action items, items render as li. For actions the default is an achor or button element depending on whether a href is provided.

      disabled
      boolean

      Sets list item state as disabled

      eventKey
      string | number

      A unique identifier for the Component, the eventKey makes it distinguishable from others in a set. It only needs to be unique amongst the Components siblings, not globally.

      href
      string
      onClick
      function
      variant
      'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'

      Sets contextual classes for list item

      bsPrefix
      string
      		'list-group-item'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),G=()=>b.cloneNode(!0),x=i('

      '),y=i("actionable"),u=i('
      Subheading
      Cras justo odio
      '),w=i('
      '),C=i(".visually-hidden"),k=i('
      ');function B(h={}){const{wrapper:m}=Object.assign({},N(),h.components);return m?e(m,I(h,{get children(){return e(g,{})}})):g();function g(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",a:"a",strong:"strong"},N(),h.components);return o||l("Alert",!1),o.Heading||l("Alert.Heading",!0),n||l("Example",!1),n.Code||l("Example.Code",!0),n.Intro||l("Example.Intro",!0),n.Preview||l("Example.Preview",!0),a||l("ListGroup",!1),a.Item||l("ListGroup.Item",!0),c||l("Tab",!1),c.Container||l("Tab.Container",!0),c.Content||l("Tab.Content",!0),c.Pane||l("Tab.Pane",!0),[e(L,{name:"ListGroupDocs.mdx"}),` +import{t as i,c as e,m as I,o as t}from"./index.46b6df7f.js";import{M as N}from"./index.e0aff9b5.js";import{E as n,T as c}from"./Example.6cae19f6.js";import{G as L}from"./GithubSource.4ed1a23d.js";import{S as j}from"./Sonnet.c4b821da.js";import{A as o}from"./Alert.cfed10ed.js";import{L as a}from"./ListGroup.2026dacf.js";import{B as p}from"./Badge.0e5c60c3.js";import{R as f,C as v}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";const b=i(`

      API

      ListGroup

      import { ListGroup } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType

      You can use a custom element type for this component.

      horizontal
      true | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'

      Changes the flow of the list group items from vertical to horizontal. A value of null (the default) sets it to vertical for all breakpoints; Just including the prop sets it for all breakpoints, while {sm | md | lg | xl | xxl}makes the list group horizontal starting at that breakpoint\u2019s min-width.

      numbered
      boolean

      Generate numbered list items.

      variant
      'flush'

      Adds a variant to the list-group

      bsPrefix
      string
      		'list-group'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ListGroup.Item

      import { ListGroup } from 'solid-bootstrap'
      NameTypeDefaultDescription
      action
      boolean

      Marks a ListGroupItem as actionable, applying additional hover, active and disabled styles for links and buttons.

      active
      boolean

      Sets list item as active

      as
      elementType
      		<{div | a | button}>

      You can use a custom element type for this component. For none action items, items render as li. For actions the default is an achor or button element depending on whether a href is provided.

      disabled
      boolean

      Sets list item state as disabled

      eventKey
      string | number

      A unique identifier for the Component, the eventKey makes it distinguishable from others in a set. It only needs to be unique amongst the Components siblings, not globally.

      href
      string
      onClick
      function
      variant
      'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'

      Sets contextual classes for list item

      bsPrefix
      string
      		'list-group-item'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),G=()=>b.cloneNode(!0),x=i('

      '),y=i("actionable"),u=i('
      Subheading
      Cras justo odio
      '),w=i('
      '),C=i(".visually-hidden"),k=i('
      ');function B(h={}){const{wrapper:m}=Object.assign({},N(),h.components);return m?e(m,I(h,{get children(){return e(g,{})}})):g();function g(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",a:"a",strong:"strong"},N(),h.components);return o||l("Alert",!1),o.Heading||l("Alert.Heading",!0),n||l("Example",!1),n.Code||l("Example.Code",!0),n.Intro||l("Example.Intro",!0),n.Preview||l("Example.Preview",!0),a||l("ListGroup",!1),a.Item||l("ListGroup.Item",!0),c||l("Tab",!1),c.Container||l("Tab.Container",!0),c.Content||l("Tab.Content",!0),c.Pane||l("Tab.Pane",!0),[e(L,{name:"ListGroupDocs.mdx"}),` `,e(s.h1,{children:"List groups"}),` `,(()=>{const r=x.cloneNode(!0);return t(r,e(s.p,{children:`List groups are a flexible and powerful component for displaying a series of\r content. Modify and extend them to support just about any content within.`})),r})(),` diff --git a/assets/ModalDocs.6b0520f5.js b/assets/ModalDocs.3e2f6757.js similarity index 99% rename from assets/ModalDocs.6b0520f5.js rename to assets/ModalDocs.3e2f6757.js index 88e0cfb..f55296e 100644 --- a/assets/ModalDocs.6b0520f5.js +++ b/assets/ModalDocs.3e2f6757.js @@ -1,4 +1,4 @@ -import{an as Q,r as E,s as $,m as u,u as q,j as D,d as C,o,I as pe,L as ue,t as m,c as e,ao as ge,q as Ne,f as k,P as je,Z as fe,ap as I,aq as ve,ar as be,F as V,as as ye,$ as we,D as Me,a2 as Ce,at as ke,n as xe,k as R}from"./index.a8c27b5b.js";import{M as W}from"./index.ef3b11e9.js";import{E as l}from"./Example.2dc3bb5a.js";import{G as Be}from"./GithubSource.1602124f.js";import{B as c,R as U,C as w}from"./Layout.a2c9264a.js";import"./Card.99118534.js";var x;function Y(r){if((!x&&x!==0||r)&&Q){var a=document.createElement("div");a.style.position="absolute",a.style.top="-9999px",a.style.width="50px",a.style.height="50px",a.style.overflow="scroll",document.body.appendChild(a),x=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return x}const Se=E("modal-body"),_e=m("
      "),Te={},He=r=>{const[a,N]=$(u(Te,r),["bsPrefix","class","contentClass","centered","size","fullscreen","children","scrollable"]),s=q(a.bsPrefix,"modal"),d=`${s}-dialog`,h=typeof a.fullscreen=="string"?`${s}-fullscreen-${a.fullscreen}`:`${s}-fullscreen`;return(()=>{const v=_e.cloneNode(!0),b=v.firstChild;return D(v,u(N,{get class(){return C(d,a.class,a.size&&`${s}-${a.size}`,a.centered&&`${d}-centered`,a.scrollable&&`${d}-scrollable`,a.fullscreen&&h)}}),!1,!0),o(b,()=>a.children),pe(()=>ue(b,C(`${s}-content`,a.contentClass,a.contentClass))),v})()},X=He,Fe=E("modal-footer"),De={closeLabel:"Close",closeButton:!1},Ee=r=>{const[a,N]=$(u(De,r),["bsPrefix","class"]),s=q(a.bsPrefix,"modal-header");return e(ge,u(N,{get class(){return C(a.class,s)}}))},$e=Ee,qe=Ne("h4"),ze=E("modal-title",{Component:qe}),Pe=m("
      "),Oe=m('
      '),Ae={show:!1,backdrop:!0,keyboard:!0,autoFocus:!0,enforceFocus:!0,restoreFocus:!0,animation:!0,dialogAs:X};function Le(r){return e(V,u(r,{timeout:void 0}))}function Ie(r){return e(V,u(r,{timeout:void 0}))}const Re=r=>{const[a,N]=$(u(Ae,r),["bsPrefix","class","style","dialogClass","contentClass","children","dialogAs","aria-labelledby","show","animation","backdrop","keyboard","onEscapeKeyDown","onShow","onHide","container","autoFocus","enforceFocus","restoreFocus","restoreFocusOptions","onEntered","onExit","onExiting","onEnter","onEntering","onExited","backdropClass","manager"]),[s,d]=k({}),[h,v]=k(!1);let b=!1,B=!1,S=null,y;const Z=je(),J=t=>{y=t,N.ref?.(t)},_=q(a.bsPrefix,"modal"),ee={get onHide(){return a.onHide}};function P(){return a.manager?a.manager:ye({isRTL:Z()})}function O(t){if(!Q)return;const p=P().getScrollbarWidth()>0,L=t.scrollHeight>Ce(t).documentElement.clientHeight;d({paddingRight:p&&!L?Y():void 0,paddingLeft:!p&&L?Y():void 0})}const T=()=>{y&&O(y.dialog)};fe(()=>{I(window,"resize",T),S?.()});const se=()=>{b=!0},ae=t=>{b&&y&&t.target===y.dialog&&(B=!0),b=!1},A=()=>{v(!0),S=ke(y.dialog,()=>{v(!1)})},ne=t=>{t.target===t.currentTarget&&A()},le=t=>{if(a.backdrop==="static"){ne(t);return}if(B||t.target!==t.currentTarget){B=!1;return}a.onHide?.()},te=t=>{!a.keyboard&&a.backdrop==="static"?(t.preventDefault(),A()):a.keyboard&&a.onEscapeKeyDown&&a.onEscapeKeyDown(t)},re=(t,...p)=>{t&&(t.style.display="block",O(t)),a.onEnter?.(t,...p)},de=(...t)=>{S?.(),a.onExit?.(...t)},ce=(...t)=>{a.onEntering?.(...t),we(window,"resize",T)},ie=t=>{t&&(t.style.display=""),a.onExited?.(t),I(window,"resize",T)},oe=t=>(()=>{const p=Pe.cloneNode(!0);return D(p,u(t,{get class(){return C(`${_}-backdrop`,a.backdropClass,!a.animation&&"show")}}),!1,!1),p})(),he=()=>{let t={...a.style,...s()};return a.animation||(t.display="block"),t},me=t=>(()=>{const p=Oe.cloneNode(!0);return D(p,u(t,{get style(){return he()},get class(){return C(a.class,_,h()&&`${_}-static`)},get onClick(){return a.backdrop?le:void 0},onMouseUp:ae,get["aria-labelledby"](){return a["aria-labelledby"]}}),!1,!0),o(p,e(Me,u({get component(){return a.dialogAs}},N,{onMouseDown:se,get class(){return a.dialogClass},get contentClass(){return a.contentClass},get children(){return a.children}}))),p})();return e(be.Provider,{value:ee,get children(){return e(ve,{get show(){return a.show},ref:J,get backdrop(){return a.backdrop},get container(){return a.container},keyboard:!0,get autoFocus(){return a.autoFocus},get enforceFocus(){return a.enforceFocus},get restoreFocus(){return a.restoreFocus},get restoreFocusOptions(){return a.restoreFocusOptions},onEscapeKeyDown:te,get onShow(){return a.onShow},get onHide(){return a.onHide},onEnter:re,onEntering:ce,get onEntered(){return a.onEntered},onExit:de,get onExiting(){return a.onExiting},onExited:ie,get manager(){return P()},get transition(){return a.animation?Le:void 0},get backdropTransition(){return a.animation?Ie:void 0},renderBackdrop:oe,renderDialog:me})}})},n=Object.assign(Re,{Body:Se,Header:$e,Title:ze,Footer:Fe,Dialog:X,TRANSITION_DURATION:300,BACKDROP_TRANSITION_DURATION:150}),We=m(`

      API

      Modal

      import { Modal } from 'solid-bootstrap'
      NameTypeDefaultDescription
      animation
      boolean
      		true

      Open and close the Modal with a slide and fade animation.

      aria-labelledby
      any
      autoFocus
      boolean
      		true

      When true The modal will automatically shift focus to itself when it opens, and replace it to the last focused element when it closes. Generally this should never be set to false as it makes the Modal less accessible to assistive technologies, like screen-readers.

      backdrop
      'static' | true | false
      		true

      Include a backdrop component. Specify 'static' for a backdrop that doesn't trigger an "onHide" when clicked.

      backdropClass
      string

      Add an optional extra class name to .modal-backdrop It could end up looking like class="modal-backdrop foo-modal-backdrop in".

      centered
      boolean

      vertically center the Dialog in the window

      container
      any
      contentClass
      string

      Add an optional extra class name to .modal-content

      dialogAs
      elementType
      		<ModalDialog>

      A Component type that provides the modal content Markup. This is a useful prop when you want to use your own styles and markup to create a custom modal component.

      dialogClass
      string

      A css class to apply to the Modal dialog DOM node.

      enforceFocus
      boolean
      		true

      When true The modal will prevent focus from leaving the Modal while open. Consider leaving the default value here, as it is necessary to make the Modal work well with assistive technologies, such as screen readers.

      fullscreen
      true | 'sm-down' | 'md-down' | 'lg-down' | 'xl-down' | 'xxl-down'

      Renders a fullscreen modal. Specifying a breakpoint will render the modal as fullscreen below the breakpoint size.

      keyboard
      boolean
      		true

      Close the modal when escape key is pressed

      manager
      object

      A ModalManager instance used to track and manage the state of open Modals. Useful when customizing how modals interact within a container

      onEnter
      function

      Callback fired before the Modal transitions in

      onEntered
      function

      Callback fired after the Modal finishes transitioning in

      onEntering
      function

      Callback fired as the Modal begins to transition in

      onEscapeKeyDown
      function

      A callback fired when the escape key, if specified in keyboard, is pressed.

      onExit
      function

      Callback fired right before the Modal transitions out

      onExited
      function

      Callback fired after the Modal finishes transitioning out

      onExiting
      function

      Callback fired as the Modal begins to transition out

      onHide
      function

      A callback fired when the header closeButton or non-static backdrop is clicked. Required if either are specified.

      onShow
      function

      A callback fired when the Modal is opening.

      restoreFocus
      boolean
      		true

      When true The modal will restore focus to previously focused element once modal is hidden

      restoreFocusOptions
      shape

      Options passed to focus function when restoreFocus is set to true

      scrollable
      boolean

      Allows scrolling the <Modal.Body> instead of the entire Modal when overflowing.

      show
      boolean
      		false

      When true The modal will show itself.

      size
      'sm' | 'lg' | 'xl'

      Render a large, extra large or small modal. When not provided, the modal is rendered with medium (default) size.

      bsPrefix
      string
      		'modal'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalDialog

      import { ModalDialog } from 'solid-bootstrap'
      NameTypeDefaultDescription
      centered
      boolean

      Specify whether the Component should be vertically centered

      contentClass
      string
      fullscreen
      true | 'sm-down' | 'md-down' | 'lg-down' | 'xl-down' | 'xxl-down'

      Renders a fullscreen modal. Specifying a breakpoint will render the modal as fullscreen below the breakpoint size.

      scrollable
      boolean

      Allows scrolling the <Modal.Body> instead of the entire Modal when overflowing.

      size
      'sm' | 'lg','xl'

      Render a large, extra large or small modal.

      bsPrefix
      string
      		'modal'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalHeader

      import { ModalHeader } from 'solid-bootstrap'
      NameTypeDefaultDescription
      closeButton
      boolean
      		false

      Specify whether the Component should contain a close button

      closeLabel
      string
      		'Close'

      Provides an accessible label for the close button. It is used for Assistive Technology when the label text is not readable.

      closeVariant
      'white'

      Sets the variant for close button.

      onHide
      function

      A Callback fired when the close button is clicked. If used directly inside a Modal component, the onHide will automatically be propagated up to the parent Modal onHide.

      bsPrefix
      string
      		'modal-header'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      NameTypeDefaultDescription
      as
      elementType
      		<DivStyledAsH4>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'modal-title'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalTitle

      import { ModalTitle } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<DivStyledAsH4>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'modal-title'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalBody

      import { ModalBody } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'modal-body'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalFooter

      import { ModalFooter } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'modal-footer'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),Ue=()=>We.cloneNode(!0);k(!1);const H=new Map,z=r=>(H.has(r)||H.set(r,k(!1)),H.get(r)),j=r=>z(r)[0](),f=r=>()=>z(r)[1](!0),i=r=>()=>z(r)[1](!1),[Ye,Ke]=k(null),F=Ye,K=Ke,M={"background-color":"#bbeffd",border:"1px solid #61dafb"},Ge="_modal90w_zos38_1",Qe={modal90w:Ge},Ve=m('

      '),Xe=m("unmounted"),Ze=m("one"),Je=m("autoFocus"),es=m("static"),ss=m("

      Modal body text goes here.

      "),as=m("

      Centered Modal

      "),G=m("

      "),ns=m('
      ');function os(r={}){const{wrapper:a}=Object.assign({},W(),r.components);return a?e(a,u(r,{get children(){return e(N,{})}})):N();function N(){const s=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",code:"code",a:"a",pre:"pre",span:"span",strong:"strong"},W(),r.components);return l||g("Example",!1),l.Code||g("Example.Code",!0),l.Intro||g("Example.Intro",!0),l.Preview||g("Example.Preview",!0),n||g("Modal",!1),n.Body||g("Modal.Body",!0),n.Dialog||g("Modal.Dialog",!0),n.Footer||g("Modal.Footer",!0),n.Header||g("Modal.Header",!0),n.Title||g("Modal.Title",!0),[e(Be,{name:"ModalDocs.mdx"}),` +import{an as Q,r as E,s as $,m as u,u as q,j as D,d as C,o,I as pe,L as ue,t as m,c as e,ao as ge,q as Ne,f as k,P as je,Z as fe,ap as I,aq as ve,ar as be,F as V,as as ye,$ as we,D as Me,a6 as Ce,at as ke,n as xe,k as R}from"./index.46b6df7f.js";import{M as W}from"./index.e0aff9b5.js";import{E as l}from"./Example.6cae19f6.js";import{G as Be}from"./GithubSource.4ed1a23d.js";import{B as c,R as U,C as w}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";var x;function Y(r){if((!x&&x!==0||r)&&Q){var a=document.createElement("div");a.style.position="absolute",a.style.top="-9999px",a.style.width="50px",a.style.height="50px",a.style.overflow="scroll",document.body.appendChild(a),x=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return x}const Se=E("modal-body"),_e=m("
      "),Te={},He=r=>{const[a,N]=$(u(Te,r),["bsPrefix","class","contentClass","centered","size","fullscreen","children","scrollable"]),s=q(a.bsPrefix,"modal"),d=`${s}-dialog`,h=typeof a.fullscreen=="string"?`${s}-fullscreen-${a.fullscreen}`:`${s}-fullscreen`;return(()=>{const v=_e.cloneNode(!0),b=v.firstChild;return D(v,u(N,{get class(){return C(d,a.class,a.size&&`${s}-${a.size}`,a.centered&&`${d}-centered`,a.scrollable&&`${d}-scrollable`,a.fullscreen&&h)}}),!1,!0),o(b,()=>a.children),pe(()=>ue(b,C(`${s}-content`,a.contentClass,a.contentClass))),v})()},X=He,Fe=E("modal-footer"),De={closeLabel:"Close",closeButton:!1},Ee=r=>{const[a,N]=$(u(De,r),["bsPrefix","class"]),s=q(a.bsPrefix,"modal-header");return e(ge,u(N,{get class(){return C(a.class,s)}}))},$e=Ee,qe=Ne("h4"),ze=E("modal-title",{Component:qe}),Pe=m("
      "),Oe=m('
      '),Ae={show:!1,backdrop:!0,keyboard:!0,autoFocus:!0,enforceFocus:!0,restoreFocus:!0,animation:!0,dialogAs:X};function Le(r){return e(V,u(r,{timeout:void 0}))}function Ie(r){return e(V,u(r,{timeout:void 0}))}const Re=r=>{const[a,N]=$(u(Ae,r),["bsPrefix","class","style","dialogClass","contentClass","children","dialogAs","aria-labelledby","show","animation","backdrop","keyboard","onEscapeKeyDown","onShow","onHide","container","autoFocus","enforceFocus","restoreFocus","restoreFocusOptions","onEntered","onExit","onExiting","onEnter","onEntering","onExited","backdropClass","manager"]),[s,d]=k({}),[h,v]=k(!1);let b=!1,B=!1,S=null,y;const Z=je(),J=t=>{y=t,N.ref?.(t)},_=q(a.bsPrefix,"modal"),ee={get onHide(){return a.onHide}};function P(){return a.manager?a.manager:ye({isRTL:Z()})}function O(t){if(!Q)return;const p=P().getScrollbarWidth()>0,L=t.scrollHeight>Ce(t).documentElement.clientHeight;d({paddingRight:p&&!L?Y():void 0,paddingLeft:!p&&L?Y():void 0})}const T=()=>{y&&O(y.dialog)};fe(()=>{I(window,"resize",T),S?.()});const se=()=>{b=!0},ae=t=>{b&&y&&t.target===y.dialog&&(B=!0),b=!1},A=()=>{v(!0),S=ke(y.dialog,()=>{v(!1)})},ne=t=>{t.target===t.currentTarget&&A()},le=t=>{if(a.backdrop==="static"){ne(t);return}if(B||t.target!==t.currentTarget){B=!1;return}a.onHide?.()},te=t=>{!a.keyboard&&a.backdrop==="static"?(t.preventDefault(),A()):a.keyboard&&a.onEscapeKeyDown&&a.onEscapeKeyDown(t)},re=(t,...p)=>{t&&(t.style.display="block",O(t)),a.onEnter?.(t,...p)},de=(...t)=>{S?.(),a.onExit?.(...t)},ce=(...t)=>{a.onEntering?.(...t),we(window,"resize",T)},ie=t=>{t&&(t.style.display=""),a.onExited?.(t),I(window,"resize",T)},oe=t=>(()=>{const p=Pe.cloneNode(!0);return D(p,u(t,{get class(){return C(`${_}-backdrop`,a.backdropClass,!a.animation&&"show")}}),!1,!1),p})(),he=()=>{let t={...a.style,...s()};return a.animation||(t.display="block"),t},me=t=>(()=>{const p=Oe.cloneNode(!0);return D(p,u(t,{get style(){return he()},get class(){return C(a.class,_,h()&&`${_}-static`)},get onClick(){return a.backdrop?le:void 0},onMouseUp:ae,get["aria-labelledby"](){return a["aria-labelledby"]}}),!1,!0),o(p,e(Me,u({get component(){return a.dialogAs}},N,{onMouseDown:se,get class(){return a.dialogClass},get contentClass(){return a.contentClass},get children(){return a.children}}))),p})();return e(be.Provider,{value:ee,get children(){return e(ve,{get show(){return a.show},ref:J,get backdrop(){return a.backdrop},get container(){return a.container},keyboard:!0,get autoFocus(){return a.autoFocus},get enforceFocus(){return a.enforceFocus},get restoreFocus(){return a.restoreFocus},get restoreFocusOptions(){return a.restoreFocusOptions},onEscapeKeyDown:te,get onShow(){return a.onShow},get onHide(){return a.onHide},onEnter:re,onEntering:ce,get onEntered(){return a.onEntered},onExit:de,get onExiting(){return a.onExiting},onExited:ie,get manager(){return P()},get transition(){return a.animation?Le:void 0},get backdropTransition(){return a.animation?Ie:void 0},renderBackdrop:oe,renderDialog:me})}})},n=Object.assign(Re,{Body:Se,Header:$e,Title:ze,Footer:Fe,Dialog:X,TRANSITION_DURATION:300,BACKDROP_TRANSITION_DURATION:150}),We=m(`

      API

      Modal

      import { Modal } from 'solid-bootstrap'
      NameTypeDefaultDescription
      animation
      boolean
      		true

      Open and close the Modal with a slide and fade animation.

      aria-labelledby
      any
      autoFocus
      boolean
      		true

      When true The modal will automatically shift focus to itself when it opens, and replace it to the last focused element when it closes. Generally this should never be set to false as it makes the Modal less accessible to assistive technologies, like screen-readers.

      backdrop
      'static' | true | false
      		true

      Include a backdrop component. Specify 'static' for a backdrop that doesn't trigger an "onHide" when clicked.

      backdropClass
      string

      Add an optional extra class name to .modal-backdrop It could end up looking like class="modal-backdrop foo-modal-backdrop in".

      centered
      boolean

      vertically center the Dialog in the window

      container
      any
      contentClass
      string

      Add an optional extra class name to .modal-content

      dialogAs
      elementType
      		<ModalDialog>

      A Component type that provides the modal content Markup. This is a useful prop when you want to use your own styles and markup to create a custom modal component.

      dialogClass
      string

      A css class to apply to the Modal dialog DOM node.

      enforceFocus
      boolean
      		true

      When true The modal will prevent focus from leaving the Modal while open. Consider leaving the default value here, as it is necessary to make the Modal work well with assistive technologies, such as screen readers.

      fullscreen
      true | 'sm-down' | 'md-down' | 'lg-down' | 'xl-down' | 'xxl-down'

      Renders a fullscreen modal. Specifying a breakpoint will render the modal as fullscreen below the breakpoint size.

      keyboard
      boolean
      		true

      Close the modal when escape key is pressed

      manager
      object

      A ModalManager instance used to track and manage the state of open Modals. Useful when customizing how modals interact within a container

      onEnter
      function

      Callback fired before the Modal transitions in

      onEntered
      function

      Callback fired after the Modal finishes transitioning in

      onEntering
      function

      Callback fired as the Modal begins to transition in

      onEscapeKeyDown
      function

      A callback fired when the escape key, if specified in keyboard, is pressed.

      onExit
      function

      Callback fired right before the Modal transitions out

      onExited
      function

      Callback fired after the Modal finishes transitioning out

      onExiting
      function

      Callback fired as the Modal begins to transition out

      onHide
      function

      A callback fired when the header closeButton or non-static backdrop is clicked. Required if either are specified.

      onShow
      function

      A callback fired when the Modal is opening.

      restoreFocus
      boolean
      		true

      When true The modal will restore focus to previously focused element once modal is hidden

      restoreFocusOptions
      shape

      Options passed to focus function when restoreFocus is set to true

      scrollable
      boolean

      Allows scrolling the <Modal.Body> instead of the entire Modal when overflowing.

      show
      boolean
      		false

      When true The modal will show itself.

      size
      'sm' | 'lg' | 'xl'

      Render a large, extra large or small modal. When not provided, the modal is rendered with medium (default) size.

      bsPrefix
      string
      		'modal'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalDialog

      import { ModalDialog } from 'solid-bootstrap'
      NameTypeDefaultDescription
      centered
      boolean

      Specify whether the Component should be vertically centered

      contentClass
      string
      fullscreen
      true | 'sm-down' | 'md-down' | 'lg-down' | 'xl-down' | 'xxl-down'

      Renders a fullscreen modal. Specifying a breakpoint will render the modal as fullscreen below the breakpoint size.

      scrollable
      boolean

      Allows scrolling the <Modal.Body> instead of the entire Modal when overflowing.

      size
      'sm' | 'lg','xl'

      Render a large, extra large or small modal.

      bsPrefix
      string
      		'modal'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalHeader

      import { ModalHeader } from 'solid-bootstrap'
      NameTypeDefaultDescription
      closeButton
      boolean
      		false

      Specify whether the Component should contain a close button

      closeLabel
      string
      		'Close'

      Provides an accessible label for the close button. It is used for Assistive Technology when the label text is not readable.

      closeVariant
      'white'

      Sets the variant for close button.

      onHide
      function

      A Callback fired when the close button is clicked. If used directly inside a Modal component, the onHide will automatically be propagated up to the parent Modal onHide.

      bsPrefix
      string
      		'modal-header'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      NameTypeDefaultDescription
      as
      elementType
      		<DivStyledAsH4>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'modal-title'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalTitle

      import { ModalTitle } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<DivStyledAsH4>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'modal-title'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalBody

      import { ModalBody } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'modal-body'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      ModalFooter

      import { ModalFooter } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as
      elementType
      		<div>

      You can use a custom element type for this component.

      bsPrefix required
      string
      		'modal-footer'

      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

      `),Ue=()=>We.cloneNode(!0);k(!1);const H=new Map,z=r=>(H.has(r)||H.set(r,k(!1)),H.get(r)),j=r=>z(r)[0](),f=r=>()=>z(r)[1](!0),i=r=>()=>z(r)[1](!1),[Ye,Ke]=k(null),F=Ye,K=Ke,M={"background-color":"#bbeffd",border:"1px solid #61dafb"},Ge="_modal90w_zos38_1",Qe={modal90w:Ge},Ve=m('

      '),Xe=m("unmounted"),Ze=m("one"),Je=m("autoFocus"),es=m("static"),ss=m("

      Modal body text goes here.

      "),as=m("

      Centered Modal

      "),G=m("

      "),ns=m('
      ');function os(r={}){const{wrapper:a}=Object.assign({},W(),r.components);return a?e(a,u(r,{get children(){return e(N,{})}})):N();function N(){const s=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",code:"code",a:"a",pre:"pre",span:"span",strong:"strong"},W(),r.components);return l||g("Example",!1),l.Code||g("Example.Code",!0),l.Intro||g("Example.Intro",!0),l.Preview||g("Example.Preview",!0),n||g("Modal",!1),n.Body||g("Modal.Body",!0),n.Dialog||g("Modal.Dialog",!0),n.Footer||g("Modal.Footer",!0),n.Header||g("Modal.Header",!0),n.Title||g("Modal.Title",!0),[e(Be,{name:"ModalDocs.mdx"}),` `,e(s.h1,{children:"Modals"}),` `,(()=>{const d=Ve.cloneNode(!0);return o(d,e(s.p,{children:`Add dialogs to your site for lightboxes, user notifications, or completely\r custom content.`})),d})(),` diff --git a/assets/NavDocs.d238de6b.js b/assets/NavDocs.21d91682.js similarity index 94% rename from assets/NavDocs.d238de6b.js rename to assets/NavDocs.21d91682.js index 19f5619..4ee4df0 100644 --- a/assets/NavDocs.d238de6b.js +++ b/assets/NavDocs.21d91682.js @@ -1,4 +1,4 @@ -import{t as p,c as e,m as g,N as s,o as t}from"./index.a8c27b5b.js";import{M as N}from"./index.ef3b11e9.js";import{E as n}from"./Example.2dc3bb5a.js";import{G as v}from"./GithubSource.1602124f.js";import{N as i}from"./NavDropdown.8df27111.js";import{A as j}from"./Alert.ccf287cf.js";import"./Card.99118534.js";import"./Dropdown.a5036113.js";import"./Dropdown.e12de560.js";import"./store.bc2dca4a.js";import"./InputGroupContext.b6007797.js";import"./Layout.a2c9264a.js";const u=p(`

      API

      Nav

      import { Nav } from 'solid-bootstrap'
      `),v=t(` diff --git a/assets/Tabs.11c88bf7.js b/assets/Tabs.a495e025.js similarity index 91% rename from assets/Tabs.11c88bf7.js rename to assets/Tabs.a495e025.js index 59de7ea..dc8996e 100644 --- a/assets/Tabs.11c88bf7.js +++ b/assets/Tabs.a495e025.js @@ -1 +1 @@ -import{B as g,k as m,s as u,m as s,w as v,c as e,N as f,a9 as o,am as y,az as h}from"./index.a8c27b5b.js";import{g as K,a as A,b as E,B as O}from"./Example.2dc3bb5a.js";const T={variant:"tabs",mountOnEnter:!1,unmountOnExit:!1};function C(t){let a;return t.forEach(i=>{a==null&&(a=i.eventKey)}),a}function P(t){return t.title==null?null:e(h,{as:"li",role:"presentation",get children(){return e(y,s({as:"button",type:"button",get eventKey(){return t.eventKey},get disabled(){return t.disabled},get id(){return t.id},get class(){return t.tabClass}},()=>t.tabAttrs||{},{get children(){return t.title}}))}})}const x=t=>{const a=g(()=>t.children),i=m(()=>{const n=a();return Array.isArray(n)?n:[n]}),[r,l]=u(s({get activeKey(){return C(i())}},T,t),["id","onSelect","transition","mountOnEnter","unmountOnExit","children","activeKey","defaultActiveKey","mountOnEnter"]),[c,d]=v(()=>t.activeKey,()=>t.defaultActiveKey??r.defaultActiveKey,r.onSelect);return e(O,{get id(){return r.id},get activeKey(){return c()},onSelect:d,get transition(){return K(r.transition)},get mountOnEnter(){return r.mountOnEnter},get unmountOnExit(){return r.unmountOnExit},get children(){return[e(f,s(l,{role:"tablist",as:"ul",get children(){return e(o,{get each(){return i()},children:n=>e(P,n)})}})),e(A,{get children(){return e(o,{get each(){return i()},children:n=>{const[N,b]=u(n,["title","disabled","tabClass","tabAttrs"]);return e(E,b)}})}})]}})},k=x;export{k as T}; +import{B as g,k as m,s as u,m as s,w as v,c as e,N as f,a9 as o,am as y,az as h}from"./index.46b6df7f.js";import{g as K,a as A,b as E,B as O}from"./Example.6cae19f6.js";const T={variant:"tabs",mountOnEnter:!1,unmountOnExit:!1};function C(t){let a;return t.forEach(i=>{a==null&&(a=i.eventKey)}),a}function P(t){return t.title==null?null:e(h,{as:"li",role:"presentation",get children(){return e(y,s({as:"button",type:"button",get eventKey(){return t.eventKey},get disabled(){return t.disabled},get id(){return t.id},get class(){return t.tabClass}},()=>t.tabAttrs||{},{get children(){return t.title}}))}})}const x=t=>{const a=g(()=>t.children),i=m(()=>{const n=a();return Array.isArray(n)?n:[n]}),[r,l]=u(s({get activeKey(){return C(i())}},T,t),["id","onSelect","transition","mountOnEnter","unmountOnExit","children","activeKey","defaultActiveKey","mountOnEnter"]),[c,d]=v(()=>t.activeKey,()=>t.defaultActiveKey??r.defaultActiveKey,r.onSelect);return e(O,{get id(){return r.id},get activeKey(){return c()},onSelect:d,get transition(){return K(r.transition)},get mountOnEnter(){return r.mountOnEnter},get unmountOnExit(){return r.unmountOnExit},get children(){return[e(f,s(l,{role:"tablist",as:"ul",get children(){return e(o,{get each(){return i()},children:n=>e(P,n)})}})),e(A,{get children(){return e(o,{get each(){return i()},children:n=>{const[N,b]=u(n,["title","disabled","tabClass","tabAttrs"]);return e(E,b)}})}})]}})},k=x;export{k as T}; diff --git a/assets/TabsDocs.1fa43857.js b/assets/TabsDocs.32ca6842.js similarity index 98% rename from assets/TabsDocs.1fa43857.js rename to assets/TabsDocs.32ca6842.js index 1c6ffa8..1b6be13 100644 --- a/assets/TabsDocs.1fa43857.js +++ b/assets/TabsDocs.32ca6842.js @@ -1,4 +1,4 @@ -import{t as m,f,c as e,m as N,N as l,o as r}from"./index.a8c27b5b.js";import{M as g}from"./index.ef3b11e9.js";import{S as i}from"./Sonnet.ac8b8047.js";import{E as a,T as n}from"./Example.2dc3bb5a.js";import{G as j}from"./GithubSource.1602124f.js";import{T as u}from"./Tabs.11c88bf7.js";import{R as y,C as v}from"./Layout.a2c9264a.js";import"./Card.99118534.js";const T=m(`

      API

      Tabs

      import { Tabs } from 'solid-bootstrap'
      NameTypeDefaultDescription
      activeKey
      string | number

      Marks the NavItem with a matching eventKey (or href if present) as active.

      as
      elementType

      You can use a custom element type for this component.

      cardHeaderBsPrefix
      string
      fill
      boolean
      		false

      Have all NavItems proportionately fill all available width.

      justify
      boolean
      		false

      Have all NavItems evenly fill all available width.

      navbar
      boolean

      Apply styling an alignment for use in a Navbar. This prop will be set automatically when the Nav is used inside a Navbar.

      navbarBsPrefix
      string
      navbarScroll
      boolean

      Enable vertical scrolling within the toggleable contents of a collapsed Navbar.

      onKeyDown
      function
      onSelect
      function

      A callback fired when a NavItem is selected.

      
+import{t as p,c as e,m as g,N as s,o as t}from"./index.46b6df7f.js";import{M as N}from"./index.e0aff9b5.js";import{E as n}from"./Example.6cae19f6.js";import{G as v}from"./GithubSource.4ed1a23d.js";import{N as i}from"./NavDropdown.7ff31401.js";import{A as j}from"./Alert.cfed10ed.js";import"./Card.cb90095f.js";import"./Dropdown.bda8fe74.js";import"./Dropdown.3422f430.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";import"./InputGroupContext.c22a8337.js";import"./Layout.4a46f345.js";const u=p(`
      API
      Nav
      import { Nav } from 'solid-bootstrap'
      
+import{s as _,m as f,u as $,L as w,o as r,t,j as k,d as C,c as e}from"./index.46b6df7f.js";import{M as x}from"./index.e0aff9b5.js";import{E as s}from"./Example.6cae19f6.js";import{G as z}from"./GithubSource.4ed1a23d.js";import"./Card.cb90095f.js";const P=t("
      NameTypeDefaultDescription
      activeKey 
      string | number
      Marks the NavItem with a matching eventKey (or href if present) as active.
      as 
      elementType
      You can use a custom element type for this component.
      cardHeaderBsPrefix 
      string
      fill 
      boolean
      		false
      Have all NavItems proportionately fill all available width.
      justify 
      boolean
      		false
      Have all NavItems evenly fill all available width.
      navbar 
      boolean
      Apply styling an alignment for use in a Navbar. This prop will be set automatically when the Nav is used inside a Navbar.
      navbarBsPrefix 
      string
      navbarScroll 
      boolean
      Enable vertical scrolling within the toggleable contents of a collapsed Navbar.
      onKeyDown 
      function
      onSelect 
      function
      A callback fired when a NavItem is selected.
      
 function (
   Any eventKey,
   SyntheticEvent event?
diff --git a/assets/NavDropdown.8df27111.js b/assets/NavDropdown.7ff31401.js
similarity index 85%
rename from assets/NavDropdown.8df27111.js
rename to assets/NavDropdown.7ff31401.js
index 699758f..aa90de5 100644
--- a/assets/NavDropdown.8df27111.js
+++ b/assets/NavDropdown.7ff31401.js
@@ -1 +1 @@
-import{s as i,m as n,u as d,c as t,d as l,am as u}from"./index.a8c27b5b.js";import{D as r}from"./Dropdown.a5036113.js";const c={},m=s=>{const[e,o]=i(n(c,s),["id","title","children","bsPrefix","class","rootCloseEvent","menuRole","disabled","active","renderMenuOnMount","menuVariant"]),a=d(void 0,"nav-item");return t(r,n(o,{get class(){return l(e.class,a)},get children(){return[t(r.Toggle,{get id(){return e.id},eventKey:null,get active(){return e.active},get disabled(){return e.disabled},get childBsPrefix(){return e.bsPrefix},as:u,get children(){return e.title}}),t(r.Menu,{get role(){return e.menuRole},get renderOnMount(){return e.renderMenuOnMount},get rootCloseEvent(){return e.rootCloseEvent},get variant(){return e.menuVariant},get children(){return e.children}})]}}))},p=Object.assign(m,{Item:r.Item,ItemText:r.ItemText,Divider:r.Divider,Header:r.Header});export{p as N};
+import{s as i,m as n,u as d,c as t,d as l,am as u}from"./index.46b6df7f.js";import{D as r}from"./Dropdown.bda8fe74.js";const c={},m=s=>{const[e,o]=i(n(c,s),["id","title","children","bsPrefix","class","rootCloseEvent","menuRole","disabled","active","renderMenuOnMount","menuVariant"]),a=d(void 0,"nav-item");return t(r,n(o,{get class(){return l(e.class,a)},get children(){return[t(r.Toggle,{get id(){return e.id},eventKey:null,get active(){return e.active},get disabled(){return e.disabled},get childBsPrefix(){return e.bsPrefix},as:u,get children(){return e.title}}),t(r.Menu,{get role(){return e.menuRole},get renderOnMount(){return e.renderMenuOnMount},get rootCloseEvent(){return e.rootCloseEvent},get variant(){return e.menuVariant},get children(){return e.children}})]}}))},p=Object.assign(m,{Item:r.Item,ItemText:r.ItemText,Divider:r.Divider,Header:r.Header});export{p as N};
diff --git a/assets/NavbarDocs.42626938.js b/assets/NavbarDocs.2df9e000.js
similarity index 84%
rename from assets/NavbarDocs.42626938.js
rename to assets/NavbarDocs.2df9e000.js
index 9229cfd..68ab2c1 100644
--- a/assets/NavbarDocs.42626938.js
+++ b/assets/NavbarDocs.2df9e000.js
@@ -1,4 +1,4 @@
-import{t as o,c as e,m as C,N as r,al as s,au as m,o as t,n as d,I as v,J as f}from"./index.a8c27b5b.js";import{M as b}from"./index.ef3b11e9.js";import{E as n}from"./Example.2dc3bb5a.js";import{G as D}from"./GithubSource.1602124f.js";import{N as l}from"./NavDropdown.8df27111.js";import{F as w}from"./Form.f4132a7b.js";import{c as k}from"./FormControl.4ffd1e4d.js";import{B as x}from"./Layout.a2c9264a.js";import{A as L}from"./Alert.ccf287cf.js";import"./Card.99118534.js";import"./Dropdown.a5036113.js";import"./Dropdown.e12de560.js";import"./store.bc2dca4a.js";import"./InputGroupContext.b6007797.js";const B=o(`
      API
      Navbar
      import { Navbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      Set a custom element for this component.
      bg 
      string
      A convenience prop for adding bg-* utility classes since they are so commonly used here.light and dark are common choices but any bg-* class is supported, including any custom ones you might define.
      Pairs nicely with the variant prop.
      collapseOnSelect 
      boolean
      		false
      Toggles expanded to false after the onSelect event of a descendant of a child <Nav> fires. Does nothing if no <Nav> or <Nav> descendants exist.
      Manually controlling expanded via the onSelect callback is recommended instead, for more complex operations that need to be executed after the select event of <Nav> descendants.
      expand 
      false | true | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
      		true
      The breakpoint, below which, the Navbar will collapse. When true the Navbar will always be expanded regardless of screen size.
      expanded 
      boolean
      controlled by: onToggle, initial prop: defaultExpanded
      Controls the visiblity of the navbar body
      fixed 
      'top' | 'bottom'
      Create a fixed navbar along the top or bottom of the screen, that scrolls with the page. A convenience prop for the fixed-* positioning classes.
      onSelect 
      function
      A callback fired when a descendant of a child <Nav> is selected. Should be used to execute complex closing or other miscellaneous actions desired after selecting a descendant of <Nav>. Does nothing if no <Nav> or <Nav>descendants exist. The callback is called with an eventKey, which is a prop from the selected <Nav> descendant, and an event.
      function (eventKey: mixed,event?: SyntheticEvent)
      For basic closing behavior after all <Nav> descendant onSelect events in mobile viewports, try using collapseOnSelect.
      Note: If you are manually closing the navbar using this OnSelect prop, ensure that you are setting expanded to false and not toggling between true and false.
      onToggle 
      function
      controls expanded
      A callback fired when the <Navbar> body collapses or expands. Fired when a <Navbar.Toggle> is clicked and called with the new expandedboolean value.
      role 
      string
      		'navigation'
      The ARIA role for the navbar, will default to 'navigation' for Navbars whose as is something other than <nav>.
      sticky 
      'top'
      Position the navbar at the top of the viewport, but only after scrolling past it. A convenience prop for the sticky-top positioning class.
       Not supported in <= IE11 and other older browsers without a polyfill
      variant 
      'light' | 'dark'
      		'light'
      The general visual variant a the Navbar. Use in combination with the bg prop, background-color utilities, or your own background styles.
      bsPrefix 
      string
      		'navbar'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      Navbar.Brand
      import { Navbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      Set a custom element for this component.
      href 
      string
      An href, when provided the Brand will render as an <a> element (unless as is provided).
      bsPrefix 
      string
      		'navbar'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      Navbar.Toggle
      import { Navbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      		<button>
      You can use a custom element type for this component.
      children 
      node
      The toggle content. When empty, the default toggle will be rendered.
      label 
      string
      		'Toggle navigation'
      An accessible ARIA label for the toggler button.
      onClick 
      function
      bsPrefix 
      string
      		'navbar-toggler'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      Navbar.Collapse
      import { Navbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      bsPrefix 
      string
      		'navbar-collapse'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      `),S=()=>B.cloneNode(!0),I=o('
      '),N=o("
      "),y=o(''),T=o('Mark Otto'),A=o("need"),_=o("expand"),O=o('
      ');function X(p={}){const{wrapper:j}=Object.assign({},b(),p.components);return j?e(j,C(p,{get children(){return e(u,{})}})):u();function u(){const a=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",code:"code",a:"a",pre:"pre",span:"span",h3:"h3",h4:"h4"},b(),p.components);return n||c("Example",!1),n.Code||c("Example.Code",!0),n.Intro||c("Example.Intro",!0),n.Preview||c("Example.Preview",!0),r||c("Nav",!1),r.Link||c("Nav.Link",!0),l||c("NavDropdown",!1),l.Divider||c("NavDropdown.Divider",!0),l.Item||c("NavDropdown.Item",!0),s||c("Navbar",!1),s.Brand||c("Navbar.Brand",!0),s.Collapse||c("Navbar.Collapse",!0),s.Offcanvas||c("Navbar.Offcanvas",!0),s.Text||c("Navbar.Text",!0),s.Toggle||c("Navbar.Toggle",!0),m||c("Offcanvas",!1),m.Body||c("Offcanvas.Body",!0),m.Header||c("Offcanvas.Header",!0),m.Title||c("Offcanvas.Title",!0),[e(D,{name:"NavbarDocs.mdx"}),`
+import{t as o,c as e,m as C,N as r,al as s,au as m,o as t,n as d,I as v,J as f}from"./index.46b6df7f.js";import{M as b}from"./index.e0aff9b5.js";import{E as n}from"./Example.6cae19f6.js";import{G as D}from"./GithubSource.4ed1a23d.js";import{N as l}from"./NavDropdown.7ff31401.js";import{F as w}from"./Form.f5f8558a.js";import{c as k}from"./FormControl.32f92fa6.js";import{B as x}from"./Layout.4a46f345.js";import{A as L}from"./Alert.cfed10ed.js";import"./Card.cb90095f.js";import"./Dropdown.bda8fe74.js";import"./Dropdown.3422f430.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";import"./InputGroupContext.c22a8337.js";const B=o(`
      API
      Navbar
      import { Navbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      Set a custom element for this component.
      bg 
      string
      A convenience prop for adding bg-* utility classes since they are so commonly used here.light and dark are common choices but any bg-* class is supported, including any custom ones you might define.
      Pairs nicely with the variant prop.
      collapseOnSelect 
      boolean
      		false
      Toggles expanded to false after the onSelect event of a descendant of a child <Nav> fires. Does nothing if no <Nav> or <Nav> descendants exist.
      Manually controlling expanded via the onSelect callback is recommended instead, for more complex operations that need to be executed after the select event of <Nav> descendants.
      expand 
      false | true | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
      		true
      The breakpoint, below which, the Navbar will collapse. When true the Navbar will always be expanded regardless of screen size.
      expanded 
      boolean
      controlled by: onToggle, initial prop: defaultExpanded
      Controls the visiblity of the navbar body
      fixed 
      'top' | 'bottom'
      Create a fixed navbar along the top or bottom of the screen, that scrolls with the page. A convenience prop for the fixed-* positioning classes.
      onSelect 
      function
      A callback fired when a descendant of a child <Nav> is selected. Should be used to execute complex closing or other miscellaneous actions desired after selecting a descendant of <Nav>. Does nothing if no <Nav> or <Nav>descendants exist. The callback is called with an eventKey, which is a prop from the selected <Nav> descendant, and an event.
      function (eventKey: mixed,event?: SyntheticEvent)
      For basic closing behavior after all <Nav> descendant onSelect events in mobile viewports, try using collapseOnSelect.
      Note: If you are manually closing the navbar using this OnSelect prop, ensure that you are setting expanded to false and not toggling between true and false.
      onToggle 
      function
      controls expanded
      A callback fired when the <Navbar> body collapses or expands. Fired when a <Navbar.Toggle> is clicked and called with the new expandedboolean value.
      role 
      string
      		'navigation'
      The ARIA role for the navbar, will default to 'navigation' for Navbars whose as is something other than <nav>.
      sticky 
      'top'
      Position the navbar at the top of the viewport, but only after scrolling past it. A convenience prop for the sticky-top positioning class.
       Not supported in <= IE11 and other older browsers without a polyfill
      variant 
      'light' | 'dark'
      		'light'
      The general visual variant a the Navbar. Use in combination with the bg prop, background-color utilities, or your own background styles.
      bsPrefix 
      string
      		'navbar'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      Navbar.Brand
      import { Navbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      Set a custom element for this component.
      href 
      string
      An href, when provided the Brand will render as an <a> element (unless as is provided).
      bsPrefix 
      string
      		'navbar'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      Navbar.Toggle
      import { Navbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      		<button>
      You can use a custom element type for this component.
      children 
      node
      The toggle content. When empty, the default toggle will be rendered.
      label 
      string
      		'Toggle navigation'
      An accessible ARIA label for the toggler button.
      onClick 
      function
      bsPrefix 
      string
      		'navbar-toggler'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      Navbar.Collapse
      import { Navbar } from 'solid-bootstrap'
      NameTypeDefaultDescription
      bsPrefix 
      string
      		'navbar-collapse'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      `),S=()=>B.cloneNode(!0),I=o('
      '),N=o("
      "),y=o(''),T=o('Mark Otto'),A=o("need"),_=o("expand"),O=o('
      ');function X(p={}){const{wrapper:j}=Object.assign({},b(),p.components);return j?e(j,C(p,{get children(){return e(u,{})}})):u();function u(){const a=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",code:"code",a:"a",pre:"pre",span:"span",h3:"h3",h4:"h4"},b(),p.components);return n||c("Example",!1),n.Code||c("Example.Code",!0),n.Intro||c("Example.Intro",!0),n.Preview||c("Example.Preview",!0),r||c("Nav",!1),r.Link||c("Nav.Link",!0),l||c("NavDropdown",!1),l.Divider||c("NavDropdown.Divider",!0),l.Item||c("NavDropdown.Item",!0),s||c("Navbar",!1),s.Brand||c("Navbar.Brand",!0),s.Collapse||c("Navbar.Collapse",!0),s.Offcanvas||c("Navbar.Offcanvas",!0),s.Text||c("Navbar.Text",!0),s.Toggle||c("Navbar.Toggle",!0),m||c("Offcanvas",!1),m.Body||c("Offcanvas.Body",!0),m.Header||c("Offcanvas.Header",!0),m.Title||c("Offcanvas.Title",!0),[e(D,{name:"NavbarDocs.mdx"}),`
 `,e(a.h1,{children:"Navbars"}),`
 `,(()=>{const h=I.cloneNode(!0);return t(h,e(a.p,{children:`A powerful, responsive navigation header, the navbar. Includes support for\r
 branding, navigation, and more`})),h})(),`
diff --git a/assets/OffcanvasDocs.fb7c5102.js b/assets/OffcanvasDocs.cf065c58.js
similarity index 98%
rename from assets/OffcanvasDocs.fb7c5102.js
rename to assets/OffcanvasDocs.cf065c58.js
index 12d6ccf..689bd68 100644
--- a/assets/OffcanvasDocs.fb7c5102.js
+++ b/assets/OffcanvasDocs.cf065c58.js
@@ -1,4 +1,4 @@
-import{t as v,f as j,c as e,m as b,au as t,o as c}from"./index.a8c27b5b.js";import{M as N}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as y}from"./GithubSource.1602124f.js";import{B as i}from"./Layout.a2c9264a.js";import"./Card.99118534.js";const w=v(`
      API
      Offcanvas
      import { Offcanvas } from 'solid-bootstrap'
      NameTypeDefaultDescription
      aria-labelledby 
      string
      autoFocus 
      boolean
      		true
      When true The offcanvas will automatically shift focus to itself when it opens, and replace it to the last focused element when it closes. Generally this should never be set to false as it makes the offcanvas less accessible to assistive technologies, like screen-readers.
      backdrop 
      boolean
      		true
      Include a backdrop component.
      backdropClass 
      string
      Add an optional extra class name to .offcanvas-backdrop.
      container 
      any
      enforceFocus 
      boolean
      		true
      When true The offcanvas will prevent focus from leaving the offcanvas while open. Consider leaving the default value here, as it is necessary to make the offcanvas work well with assistive technologies, such as screen readers.
      keyboard 
      boolean
      		true
      Closes the offcanvas when escape key is pressed.
      onEnter 
      function
      Callback fired before the offcanvas transitions in
      onEntered 
      function
      Callback fired after the offcanvas finishes transitioning in
      onEntering 
      function
      Callback fired as the offcanvas begins to transition in
      onEscapeKeyDown 
      function
      A callback fired when the escape key, if specified in keyboard, is pressed.
      onExit 
      function
      Callback fired right before the offcanvas transitions out
      onExited 
      function
      Callback fired after the offcanvas finishes transitioning out
      onExiting 
      function
      Callback fired as the offcanvas begins to transition out
      onHide 
      function
      A callback fired when the header closeButton or backdrop is clicked. Required if either are specified.
      onShow 
      function
      A callback fired when the offcanvas is opening.
      placement 
      'start' | 'end' | 'top' | 'bottom'
      		'start'
      Which side of the viewport the offcanvas will appear from.
      restoreFocus 
      boolean
      		true
      When true The offcanvas will restore focus to previously focused element once offcanvas is hidden
      restoreFocusOptions 
      shape
      Options passed to focus function when restoreFocus is set to true
      scroll 
      boolean
      		false
      Allow body scrolling while offcanvas is open.
      show 
      boolean
      		false
      When true The offcanvas will show itself.
      bsPrefix 
      string
      		'offcanvas'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      OffcanvasHeader
      import { OffcanvasHeader } from 'solid-bootstrap'
      NameTypeDefaultDescription
      closeButton 
      boolean
      		false
      Specify whether the Component should contain a close button
      closeLabel 
      string
      		'Close'
      Provides an accessible label for the close button. It is used for Assistive Technology when the label text is not readable.
      closeVariant 
      'white'
      Sets the variant for close button.
      onHide 
      function
      A Callback fired when the close button is clicked. If used directly inside a Offcanvas component, the onHide will automatically be propagated up to the parent Offcanvas onHide.
      bsPrefix 
      string
      		'offcanvas-header'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      OffcanvasTitle
      import { OffcanvasTitle } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      		<DivStyledAsH5>
      You can use a custom element type for this component.
      bsPrefix required
      string
      		'offcanvas-title'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      OffcanvasBody
      import { OffcanvasBody } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      		<div>
      You can use a custom element type for this component.
      bsPrefix required
      string
      		'offcanvas-body'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      `),O=()=>w.cloneNode(!0);j(!1);const h=new Map,u=n=>(h.has(n)||h.set(n,j(!1)),h.get(n)),p=n=>u(n)[0](),m=n=>()=>u(n)[1](!0),f=n=>()=>u(n)[1](!1),k=[{name:"Enable backdrop (default)",scroll:!1,backdrop:!0},{name:"Disable backdrop",scroll:!1,backdrop:!1},{name:"Enable body scrolling",scroll:!0,backdrop:!1},{name:"Enable both scrolling & backdrop",scroll:!0,backdrop:!0}],x=v('
      '),C=v('
      ');function D(n={}){const{wrapper:o}=Object.assign({},N(),n.components);return o?e(o,b(n,{get children(){return e(g,{})}})):g();function g(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",ul:"ul",li:"li"},N(),n.components);return a||d("Example",!1),a.Code||d("Example.Code",!0),a.Intro||d("Example.Intro",!0),a.Preview||d("Example.Preview",!0),t||d("Offcanvas",!1),t.Body||d("Offcanvas.Body",!0),t.Header||d("Offcanvas.Header",!0),t.Title||d("Offcanvas.Title",!0),[e(y,{name:"OffcanvasDocs.mdx"}),`
+import{t as v,f as j,c as e,m as b,au as t,o as c}from"./index.46b6df7f.js";import{M as N}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import{G as y}from"./GithubSource.4ed1a23d.js";import{B as i}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";const w=v(`
      API
      Offcanvas
      import { Offcanvas } from 'solid-bootstrap'
      NameTypeDefaultDescription
      aria-labelledby 
      string
      autoFocus 
      boolean
      		true
      When true The offcanvas will automatically shift focus to itself when it opens, and replace it to the last focused element when it closes. Generally this should never be set to false as it makes the offcanvas less accessible to assistive technologies, like screen-readers.
      backdrop 
      boolean
      		true
      Include a backdrop component.
      backdropClass 
      string
      Add an optional extra class name to .offcanvas-backdrop.
      container 
      any
      enforceFocus 
      boolean
      		true
      When true The offcanvas will prevent focus from leaving the offcanvas while open. Consider leaving the default value here, as it is necessary to make the offcanvas work well with assistive technologies, such as screen readers.
      keyboard 
      boolean
      		true
      Closes the offcanvas when escape key is pressed.
      onEnter 
      function
      Callback fired before the offcanvas transitions in
      onEntered 
      function
      Callback fired after the offcanvas finishes transitioning in
      onEntering 
      function
      Callback fired as the offcanvas begins to transition in
      onEscapeKeyDown 
      function
      A callback fired when the escape key, if specified in keyboard, is pressed.
      onExit 
      function
      Callback fired right before the offcanvas transitions out
      onExited 
      function
      Callback fired after the offcanvas finishes transitioning out
      onExiting 
      function
      Callback fired as the offcanvas begins to transition out
      onHide 
      function
      A callback fired when the header closeButton or backdrop is clicked. Required if either are specified.
      onShow 
      function
      A callback fired when the offcanvas is opening.
      placement 
      'start' | 'end' | 'top' | 'bottom'
      		'start'
      Which side of the viewport the offcanvas will appear from.
      restoreFocus 
      boolean
      		true
      When true The offcanvas will restore focus to previously focused element once offcanvas is hidden
      restoreFocusOptions 
      shape
      Options passed to focus function when restoreFocus is set to true
      scroll 
      boolean
      		false
      Allow body scrolling while offcanvas is open.
      show 
      boolean
      		false
      When true The offcanvas will show itself.
      bsPrefix 
      string
      		'offcanvas'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      OffcanvasHeader
      import { OffcanvasHeader } from 'solid-bootstrap'
      NameTypeDefaultDescription
      closeButton 
      boolean
      		false
      Specify whether the Component should contain a close button
      closeLabel 
      string
      		'Close'
      Provides an accessible label for the close button. It is used for Assistive Technology when the label text is not readable.
      closeVariant 
      'white'
      Sets the variant for close button.
      onHide 
      function
      A Callback fired when the close button is clicked. If used directly inside a Offcanvas component, the onHide will automatically be propagated up to the parent Offcanvas onHide.
      bsPrefix 
      string
      		'offcanvas-header'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      OffcanvasTitle
      import { OffcanvasTitle } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      		<DivStyledAsH5>
      You can use a custom element type for this component.
      bsPrefix required
      string
      		'offcanvas-title'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      OffcanvasBody
      import { OffcanvasBody } from 'solid-bootstrap'
      NameTypeDefaultDescription
      as 
      elementType
      		<div>
      You can use a custom element type for this component.
      bsPrefix required
      string
      		'offcanvas-body'
      Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
      `),O=()=>w.cloneNode(!0);j(!1);const h=new Map,u=n=>(h.has(n)||h.set(n,j(!1)),h.get(n)),p=n=>u(n)[0](),m=n=>()=>u(n)[1](!0),f=n=>()=>u(n)[1](!1),k=[{name:"Enable backdrop (default)",scroll:!1,backdrop:!0},{name:"Disable backdrop",scroll:!1,backdrop:!1},{name:"Enable body scrolling",scroll:!0,backdrop:!1},{name:"Enable both scrolling & backdrop",scroll:!0,backdrop:!0}],x=v('
      '),C=v('
      ');function D(n={}){const{wrapper:o}=Object.assign({},N(),n.components);return o?e(o,b(n,{get children(){return e(g,{})}})):g();function g(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",ul:"ul",li:"li"},N(),n.components);return a||d("Example",!1),a.Code||d("Example.Code",!0),a.Intro||d("Example.Intro",!0),a.Preview||d("Example.Preview",!0),t||d("Offcanvas",!1),t.Body||d("Offcanvas.Body",!0),t.Header||d("Offcanvas.Header",!0),t.Title||d("Offcanvas.Title",!0),[e(y,{name:"OffcanvasDocs.mdx"}),`
 `,e(s.h1,{children:"Offcanvas"}),`
 `,(()=>{const l=x.cloneNode(!0);return c(l,e(s.p,{children:`Build hidden sidebars into your project for navigation, shopping carts, and\r
 more.`})),l})(),`
diff --git a/assets/Overlay.9ea1e7ed.js b/assets/Overlay.9ea1e7ed.js
deleted file mode 100644
index 07d0aa2..0000000
--- a/assets/Overlay.9ea1e7ed.js
+++ /dev/null
@@ -1 +0,0 @@
-import{f as d,h as u,a2 as k,a3 as R,Z as S,av as T,k as r,B as D,c,aw as K,S as W,ax as H,ay as M}from"./index.a8c27b5b.js";import{a as V,c as A,u as B,r as F,m as I}from"./store.bc2dca4a.js";const L=27,U=()=>{};function Z(e,o,a={}){d(!1);const l=o||U;V(e,l,{get disabled(){return a.disabled},get clickTrigger(){return a.clickTrigger}});const g=t=>{t.keyCode===L&&l(t)};u(()=>{if(a.disabled||e()==null)return;const t=k(e());let n=(t.defaultView||window).event;const f=R(t,"keyup",i=>{if(i===n){n=void 0;return}g(i)});S(()=>{f()})})}const $=e=>{const[o,a]=d(),[l,g]=d(),[t,n]=d(!e.show),f=M(),i=T({get ref(){return e.container}}),[C,y]=A({}),h=r(()=>!!(e.show||e.transition&&!t()));u(()=>{y(F(I({enabled:h(),placement:e.placement,enableEvents:h(),containerPadding:e.containerPadding||5,flip:e.flip,offset:e.offset,arrowElement:l(),popperConfig:e.popperConfig??{}})))});const s=B(e.target,o,C);u(()=>{e.show?n(!1):e.transition||n(!0)});const x=(...w)=>{n(!0),e.onExited&&e.onExited(...w)};u(()=>{o()&&Z(o,e.onHide,{get disabled(){return!e.rootClose||e.rootCloseDisabled||!e.show},get clickTrigger(){return e.rootCloseEvent}})});const b=r(()=>({...s()?.attributes.popper,style:s()?.styles.popper,ref:a})),O=r(()=>({...s()?.attributes.arrow,style:s()?.styles.arrow,ref:g})),v=r(()=>({popper:s(),placement:e.placement,show:!!e.show})),P=D(()=>e.children),E=()=>{const w=P()(b,O,v);return H(f,()=>w)};let m;return c(W,{get when(){return r(()=>!!i())()&&h()},get children(){return c(K,{get mount(){return i()},get children(){return r(()=>!!(m=e.transition))()?c(m,{appear:!0,get in(){return e.show},get onExit(){return e.onExit},get onExiting(){return e.onExiting},onExited:x,get onEnter(){return e.onEnter},get onEntering(){return e.onEntering},get onEntered(){return e.onEntered},get children(){return c(E,{})}}):c(E,{})}})}})},z=$;export{z as O};
diff --git a/assets/Overlay.aea51097.js b/assets/Overlay.aea51097.js
new file mode 100644
index 0000000..7532b3b
--- /dev/null
+++ b/assets/Overlay.aea51097.js
@@ -0,0 +1 @@
+import{f as u,h as d,a6 as b,a7 as k,Z as R,y as S,av as T,k as r,c as o,aw as D,S as K,ax as W,ay as H}from"./index.46b6df7f.js";import{a as M,c as V,u as $,r as p,m as A}from"./mergeOptionsWithPopperConfig.c1f38e41.js";const F=27,I=()=>{};function L(e,a,i={}){u(!1);const l=a||I;M(e,l,{get disabled(){return i.disabled},get clickTrigger(){return i.clickTrigger}});const g=t=>{t.keyCode===F&&l(t)};d(()=>{if(i.disabled||e()==null)return;const t=b(e());let n=(t.defaultView||window).event;const f=k(t,"keyup",s=>{if(s===n){n=void 0;return}g(s)});R(()=>{f()})})}const U=S(),Z=U,j=e=>{const[a,i]=u(),[l,g]=u(),[t,n]=u(!e.show),f=H(),s=T({get ref(){return e.container}}),[m,C]=V({}),w=r(()=>!!(e.show||e.transition&&!t()));d(()=>{C(p(A({enabled:w(),placement:e.placement,enableEvents:w(),containerPadding:e.containerPadding||5,flip:e.flip,offset:e.offset,arrowElement:l(),popperConfig:e.popperConfig??{}})))});const c=$(e.target,a,m);d(()=>{e.show?n(!1):e.transition||n(!0)});const y=(...P)=>{n(!0),e.onExited&&e.onExited(...P)};d(()=>{a()&&L(a,e.onHide,{get disabled(){return!e.rootClose||e.rootCloseDisabled||!e.show},get clickTrigger(){return e.rootCloseEvent}})});const x=r(()=>({...c()?.attributes.popper,style:c()?.styles.popper,ref:i})),v=r(()=>({...c()?.attributes.arrow,style:c()?.styles.arrow,ref:g})),O=r(()=>({popper:c(),placement:e.placement,show:!!e.show})),h=()=>W(f,()=>o(Z.Provider,{value:{get wrapperProps(){return x()},get arrowProps(){return v()},get metadata(){return O()}},get children(){return e.children}}));let E;return o(K,{get when(){return r(()=>!!s())()&&w()},get children(){return o(D,{get mount(){return s()},get children(){return r(()=>!!(E=e.transition))()?o(E,{appear:!0,get in(){return e.show},get onExit(){return e.onExit},get onExiting(){return e.onExiting},onExited:y,get onEnter(){return e.onEnter},get onEntering(){return e.onEntering},get onEntered(){return e.onEntered},get children(){return o(h,{})}}):o(h,{})}})}})},B=j;export{Z as O,B as a};
diff --git a/assets/OverlayTrigger.2349c1ea.js b/assets/OverlayTrigger.2349c1ea.js
deleted file mode 100644
index ef6d806..0000000
--- a/assets/OverlayTrigger.2349c1ea.js
+++ /dev/null
@@ -1 +0,0 @@
-import{y as E,s as O,m as g,F as P,f,c as h,a8 as M,w as $,B as b,a4 as k}from"./index.a8c27b5b.js";import{O as F}from"./Overlay.9ea1e7ed.js";const N=E(),R=N,B={transition:P,rootClose:!1,show:!1,placement:"top",popperConfig:{}},H=r=>{const[e,d]=O(g(B,r),["children","transition","popperConfig","ref"]),a=e.transition===!0?P:e.transition||void 0,[s,o]=f(),[i,p]=f(),[n,l]=f(),u={get wrapperProps(){return s()?.()},get arrowProps(){return i()?.()},get metadata(){return n()?.()}};return h(R.Provider,{value:u,get children(){return h(F,g(d,{get popperConfig(){return e.popperConfig},transition:a,children:(c,w,v)=>(M(()=>{o(()=>c),p(()=>w),l(()=>v)}),e.children)}))}})},j=H;function z(r){return r&&typeof r=="object"?r:{show:r,hide:r}}function C(r,e,d){const[a]=e,s=a.currentTarget,o=a.relatedTarget;(!o||o!==s)&&!k(s,o)&&r(...e)}const A={defaultShow:!1,trigger:["hover","focus"],popperConfig:{}};function G(r){const[e,d]=O(g(A,{flip:r.placement&&r.placement.indexOf("auto")!==-1},r),["trigger","overlay","children","popperConfig","show","defaultShow","onToggle","delay","placement","flip"]);let[a,s]=f(),o,i="";const[p,n]=$(()=>e.show,()=>e.defaultShow,e.onToggle),l=z(e.delay),u=()=>{if(window.clearTimeout(o),i="show",!l.show){n(!0);return}o=window.setTimeout(()=>{i==="show"&&n(!0)},l.show)},c=()=>{if(window.clearTimeout(o),i="hide",!l.hide){n(!1);return}o=window.setTimeout(()=>{i==="hide"&&n(!1)},l.hide)},w=(...t)=>{u()},v=(...t)=>{c()},T=(...t)=>{n(!p())},y=(...t)=>{C(u,t)},x=(...t)=>{C(c,t)},S=t=>{const m=e.trigger==null?[]:[].concat(e.trigger);m.indexOf("click")!==-1&&t.addEventListener("click",T),m.indexOf("focus")!==-1&&(t.addEventListener("focus",w),t.addEventListener("blur",v)),m.indexOf("hover")!==-1&&(t.addEventListener("mouseover",y),t.addEventListener("mouseout",x))},L=b(()=>e.children);return[h(()=>{let t=L();for(;typeof t=="function";)t=t();return s(t),S(t),t},{}),h(j,g(d,{get show(){return p()},onHide:c,get flip(){return e.flip},get placement(){return e.placement},get popperConfig(){return e.popperConfig},target:a,get children(){return e.overlay}}))]}export{R as O,G as a};
diff --git a/assets/OverlayTrigger.6361d83d.js b/assets/OverlayTrigger.6361d83d.js
new file mode 100644
index 0000000..32f1313
--- /dev/null
+++ b/assets/OverlayTrigger.6361d83d.js
@@ -0,0 +1 @@
+import{s as m,m as d,F as v,c as g,f as x,w as E,B as k,a8 as F}from"./index.46b6df7f.js";import{a as M}from"./Overlay.aea51097.js";const N={transition:v,rootClose:!1,show:!1,placement:"top",popperConfig:{}},R=o=>{const[t,i]=m(d(N,o),["children","transition","ref"]),n=t.transition===!0?v:t.transition||void 0;return g(M,d(i,{transition:n,get children(){return t.children}}))},$=R;function b(o){return o&&typeof o=="object"?o:{show:o,hide:o}}function w(o,t,i){const[n]=t,a=n.currentTarget,r=n.relatedTarget;(!r||r!==a)&&!F(a,r)&&o(...t)}const B={defaultShow:!1,trigger:["hover","focus"],popperConfig:{}};function D(o){const[t,i]=m(d(B,{flip:o.placement&&o.placement.indexOf("auto")!==-1},o),["trigger","overlay","children","popperConfig","show","defaultShow","onToggle","delay","placement","flip"]);let[n,a]=x(),r,l="";const[h,s]=E(()=>t.show,()=>t.defaultShow,t.onToggle),c=b(t.delay),p=()=>{if(window.clearTimeout(r),l="show",!c.show){s(!0);return}r=window.setTimeout(()=>{l==="show"&&s(!0)},c.show)},u=()=>{if(window.clearTimeout(r),l="hide",!c.hide){s(!1);return}r=window.setTimeout(()=>{l==="hide"&&s(!1)},c.hide)},O=(...e)=>{p()},T=(...e)=>{u()},C=(...e)=>{s(!h())},y=(...e)=>{w(p,e)},S=(...e)=>{w(u,e)},L=e=>{const f=t.trigger==null?[]:[].concat(t.trigger);f.indexOf("click")!==-1&&e.addEventListener("click",C),f.indexOf("focus")!==-1&&(e.addEventListener("focus",O),e.addEventListener("blur",T)),f.indexOf("hover")!==-1&&(e.addEventListener("mouseover",y),e.addEventListener("mouseout",S))},P=k(()=>t.children);return[g(()=>{let e=P();for(;typeof e=="function";)e=e();return a(e),L(e),e},{}),g($,d(i,{get show(){return h()},onHide:u,get flip(){return t.flip},get placement(){return t.placement},get popperConfig(){return t.popperConfig},target:n,get children(){return t.overlay}}))]}export{D as O};
diff --git a/assets/PaginationDocs.ea1c16a7.js b/assets/PaginationDocs.3f0bb188.js
similarity index 98%
rename from assets/PaginationDocs.ea1c16a7.js
rename to assets/PaginationDocs.3f0bb188.js
index 72f4911..1b482d4 100644
--- a/assets/PaginationDocs.ea1c16a7.js
+++ b/assets/PaginationDocs.3f0bb188.js
@@ -1,4 +1,4 @@
-import{s as v,m as p,ab as _,o as m,c as e,k as N,v as $,D as y,I as E,d as b,K as w,L,t as h,u as z,j as C,a9 as D}from"./index.a8c27b5b.js";import{M as j}from"./index.ef3b11e9.js";import{E as l}from"./Example.2dc3bb5a.js";import{G as F}from"./GithubSource.1602124f.js";import"./Card.99118534.js";const M=h("
    1. "),x=h(''),k=h(''),A={active:!1,disabled:!1,activeLabel:"(current)"},I=s=>{const[a,d]=v(p(A,s),["active","disabled","class","style","activeLabel","children","ref"]);return(()=>{const t=M.cloneNode(!0),r=a.ref;return typeof r=="function"?_(r,t):a.ref=t,m(t,e(y,p({get component(){return a.active||a.disabled?"span":$},class:"page-link",get disabled(){return a.disabled}},d,{get children(){return[N(()=>a.children),N(()=>N(()=>!!(a.active&&a.activeLabel))()&&(()=>{const c=x.cloneNode(!0);return m(c,()=>a.activeLabel),c})())]}}))),E(c=>{const u=a.style,o=b(a.class,"page-item",{active:a.active,disabled:a.disabled});return c._v$=w(t,u,c._v$),o!==c._v$2&&L(t,c._v$2=o),c},{_v$:void 0,_v$2:void 0}),t})()},S=I;function g(s,a,d=s){function t(r){const[c,u]=v(r,["children"]);return e(I,p(u,{get children(){return[(()=>{const o=k.cloneNode(!0);return m(o,()=>r.children||a),o})(),(()=>{const o=x.cloneNode(!0);return m(o,d),o})()]}}))}return t.displayName=s,t}const B=g("First","\xAB"),O=g("Prev","\u2039","Previous"),T=g("Ellipsis","\u2026","More"),G=g("Next","\u203A"),R=g("Last","\xBB"),U=h("
        "),X={},K=s=>{const[a,d]=v(p(X,s),["bsPrefix","class","size"]),t=z(a.bsPrefix,"pagination");return(()=>{const r=U.cloneNode(!0);return C(r,p(d,{get class(){return b(a.class,t,a.size&&`${t}-${a.size}`)}}),!1,!1),r})()},n=Object.assign(K,{First:B,Prev:O,Ellipsis:T,Item:S,Next:G,Last:R});let q=2;const f=()=>e(D,{each:new Array(5),children:(s,a)=>e(n.Item,{get active(){return a()+1===q},get children(){return a()+1}})}),H=h(`
        API
        Pagination
        import { Pagination } from 'solid-bootstrap'
        NameTypeDefaultDescription
        size 
        'sm' | 'lg'
        Set's the size of all PageItems.
        bsPrefix 
        string
        		'pagination'
        Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
        PageItem
        import { PageItem } from 'solid-bootstrap'
        NameTypeDefaultDescription
        active 
        boolean
        		false
        Styles PageItem as active, and renders a <span> instead of an <a>.
        activeLabel 
        string
        		'(current)'
        An accessible label indicating the active state..
        disabled 
        boolean
        		false
        Disables the PageItem
        href 
        string
        onClick 
        function
        A callback function for when this component is clicked
        `),J=()=>H.cloneNode(!0),P=h("
        "),Q=h('
        ');function te(s={}){const{wrapper:a}=Object.assign({},j(),s.components);return a?e(a,p(s,{get children(){return e(d,{})}})):d();function d(){const t=Object.assign({h1:"h1",p:"p",em:"em",pre:"pre",code:"code",span:"span"},j(),s.components);return l||i("Example",!1),l.Code||i("Example.Code",!0),l.Intro||i("Example.Intro",!0),l.Preview||i("Example.Preview",!0),n||i("Pagination",!1),n.Ellipsis||i("Pagination.Ellipsis",!0),n.First||i("Pagination.First",!0),n.Item||i("Pagination.Item",!0),n.Last||i("Pagination.Last",!0),n.Next||i("Pagination.Next",!0),n.Prev||i("Pagination.Prev",!0),[e(F,{name:"PaginationDocs.mdx"}),`
+import{s as v,m as p,ab as _,o as m,c as e,k as N,v as $,D as y,I as E,d as b,K as w,L,t as h,u as z,j as C,a9 as D}from"./index.46b6df7f.js";import{M as j}from"./index.e0aff9b5.js";import{E as l}from"./Example.6cae19f6.js";import{G as F}from"./GithubSource.4ed1a23d.js";import"./Card.cb90095f.js";const M=h("
      • "),x=h(''),k=h(''),A={active:!1,disabled:!1,activeLabel:"(current)"},I=s=>{const[a,d]=v(p(A,s),["active","disabled","class","style","activeLabel","children","ref"]);return(()=>{const t=M.cloneNode(!0),r=a.ref;return typeof r=="function"?_(r,t):a.ref=t,m(t,e(y,p({get component(){return a.active||a.disabled?"span":$},class:"page-link",get disabled(){return a.disabled}},d,{get children(){return[N(()=>a.children),N(()=>N(()=>!!(a.active&&a.activeLabel))()&&(()=>{const c=x.cloneNode(!0);return m(c,()=>a.activeLabel),c})())]}}))),E(c=>{const u=a.style,o=b(a.class,"page-item",{active:a.active,disabled:a.disabled});return c._v$=w(t,u,c._v$),o!==c._v$2&&L(t,c._v$2=o),c},{_v$:void 0,_v$2:void 0}),t})()},S=I;function g(s,a,d=s){function t(r){const[c,u]=v(r,["children"]);return e(I,p(u,{get children(){return[(()=>{const o=k.cloneNode(!0);return m(o,()=>r.children||a),o})(),(()=>{const o=x.cloneNode(!0);return m(o,d),o})()]}}))}return t.displayName=s,t}const B=g("First","\xAB"),O=g("Prev","\u2039","Previous"),T=g("Ellipsis","\u2026","More"),G=g("Next","\u203A"),R=g("Last","\xBB"),U=h("
          "),X={},K=s=>{const[a,d]=v(p(X,s),["bsPrefix","class","size"]),t=z(a.bsPrefix,"pagination");return(()=>{const r=U.cloneNode(!0);return C(r,p(d,{get class(){return b(a.class,t,a.size&&`${t}-${a.size}`)}}),!1,!1),r})()},n=Object.assign(K,{First:B,Prev:O,Ellipsis:T,Item:S,Next:G,Last:R});let q=2;const f=()=>e(D,{each:new Array(5),children:(s,a)=>e(n.Item,{get active(){return a()+1===q},get children(){return a()+1}})}),H=h(`
          API
          Pagination
          import { Pagination } from 'solid-bootstrap'
          NameTypeDefaultDescription
          size 
          'sm' | 'lg'
          Set's the size of all PageItems.
          bsPrefix 
          string
          		'pagination'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          PageItem
          import { PageItem } from 'solid-bootstrap'
          NameTypeDefaultDescription
          active 
          boolean
          		false
          Styles PageItem as active, and renders a <span> instead of an <a>.
          activeLabel 
          string
          		'(current)'
          An accessible label indicating the active state..
          disabled 
          boolean
          		false
          Disables the PageItem
          href 
          string
          onClick 
          function
          A callback function for when this component is clicked
          `),J=()=>H.cloneNode(!0),P=h("
          "),Q=h('
          ');function te(s={}){const{wrapper:a}=Object.assign({},j(),s.components);return a?e(a,p(s,{get children(){return e(d,{})}})):d();function d(){const t=Object.assign({h1:"h1",p:"p",em:"em",pre:"pre",code:"code",span:"span"},j(),s.components);return l||i("Example",!1),l.Code||i("Example.Code",!0),l.Intro||i("Example.Intro",!0),l.Preview||i("Example.Preview",!0),n||i("Pagination",!1),n.Ellipsis||i("Pagination.Ellipsis",!0),n.First||i("Pagination.First",!0),n.Item||i("Pagination.Item",!0),n.Last||i("Pagination.Last",!0),n.Next||i("Pagination.Next",!0),n.Prev||i("Pagination.Prev",!0),[e(F,{name:"PaginationDocs.mdx"}),`
 `,e(t.h1,{children:"Pagination"}),`
 `,(()=>{const r=Q.cloneNode(!0);return m(r,e(l,{title:"Example",get children(){return[e(l.Intro,{get children(){return e(t.p,{get children(){return["A set of ",e(t.em,{children:"presentational"})," components for building pagination UI."]}})}}),e(l.Preview,{get children(){return[e(n,{children:f}),P.cloneNode(!0),e(n,{size:"lg",children:f}),P.cloneNode(!0),e(n,{size:"sm",children:f})]}}),e(l.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["<",e(t.span,{className:"hljs-title class_",children:"Pagination"}),">{items}\r
 `,e(t.span,{className:"xml",get children(){return e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"br"})," />"]}})}}),`\r
diff --git a/assets/PlaceholderDocs.42f641c8.js b/assets/PlaceholderDocs.b39fe2d3.js
similarity index 98%
rename from assets/PlaceholderDocs.42f641c8.js
rename to assets/PlaceholderDocs.b39fe2d3.js
index bf95ec7..1b3795f 100644
--- a/assets/PlaceholderDocs.42f641c8.js
+++ b/assets/PlaceholderDocs.b39fe2d3.js
@@ -1,4 +1,4 @@
-import{u as x,d as v,c as e,m,s as f,D as b,t as p,o as c}from"./index.a8c27b5b.js";import{M as g}from"./index.ef3b11e9.js";import{H as w}from"./utils.753b7765.js";import{E as n}from"./Example.2dc3bb5a.js";import{G as y}from"./GithubSource.1602124f.js";import{C as l}from"./Card.99118534.js";import{u as P,B as u}from"./Layout.a2c9264a.js";import{A as C}from"./Alert.ccf287cf.js";function N({animation:t,bg:d,bsPrefix:i,size:s,...r}){i=x(i,"placeholder");const[{class:o,...j}]=P(r);return{...j,class:v(o,t?`${i}-${t}`:i,s&&`${i}-${s}`,d&&`bg-${d}`)}}const T=t=>e(u,m(()=>N(t),{disabled:!0,tabIndex:-1,get children(){return t.children}})),B=T,_={as:"span"},$=t=>{const[d,i]=f(m(_,t),["as","children"]);return e(b,m({get component(){return d.as}},()=>N(i),{get children(){return d.children}}))},a=Object.assign($,{Button:B}),k=p(`
          API
          Placeholder
          import { Placeholder } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animation 
          'glow' | 'wave'
          Changes the animation of the placeholder.
          bg 
          'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
          Change the background color of the placeholder.
          size 
          'xs' | 'sm' | 'lg'
          Component size variations.
          bsPrefix 
          string
          		'placeholder'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          Placeholder.Button
          import { Placeholder } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animation 
          'glow' | 'wave'
          Changes the animation of the placeholder.
          size 
          'xs' | 'sm' | 'lg'
          Component size variations.
          variant 
          string
          Button variant.
          bsPrefix 
          string
          		'placeholder'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          `),z=()=>k.cloneNode(!0),I=p('
          '),S=p('
          '),A=p(''),D=p('aria-hidden="true"'),E=p("loading"),M=p("swap"),G=p('
          ');function U(t={}){const{wrapper:d}=Object.assign({},g(),t.components);return d?e(d,m(t,{get children(){return e(i,{})}})):i();function i(){const s=Object.assign({h1:"h1",p:"p",h2:"h2",pre:"pre",code:"code",span:"span",em:"em"},g(),t.components);return l||h("Card",!1),l.Body||h("Card.Body",!0),l.Img||h("Card.Img",!0),l.Text||h("Card.Text",!0),l.Title||h("Card.Title",!0),n||h("Example",!1),n.Code||h("Example.Code",!0),n.Intro||h("Example.Intro",!0),n.Preview||h("Example.Preview",!0),a||h("Placeholder",!1),a.Button||h("Placeholder.Button",!0),[e(w,{}),`
+import{u as x,d as v,c as e,m,s as f,D as b,t as p,o as c}from"./index.46b6df7f.js";import{M as g}from"./index.e0aff9b5.js";import{H as w}from"./utils.06ab9af9.js";import{E as n}from"./Example.6cae19f6.js";import{G as y}from"./GithubSource.4ed1a23d.js";import{C as l}from"./Card.cb90095f.js";import{u as P,B as u}from"./Layout.4a46f345.js";import{A as C}from"./Alert.cfed10ed.js";function N({animation:t,bg:d,bsPrefix:i,size:s,...r}){i=x(i,"placeholder");const[{class:o,...j}]=P(r);return{...j,class:v(o,t?`${i}-${t}`:i,s&&`${i}-${s}`,d&&`bg-${d}`)}}const T=t=>e(u,m(()=>N(t),{disabled:!0,tabIndex:-1,get children(){return t.children}})),B=T,_={as:"span"},$=t=>{const[d,i]=f(m(_,t),["as","children"]);return e(b,m({get component(){return d.as}},()=>N(i),{get children(){return d.children}}))},a=Object.assign($,{Button:B}),k=p(`
          API
          Placeholder
          import { Placeholder } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animation 
          'glow' | 'wave'
          Changes the animation of the placeholder.
          bg 
          'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
          Change the background color of the placeholder.
          size 
          'xs' | 'sm' | 'lg'
          Component size variations.
          bsPrefix 
          string
          		'placeholder'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          Placeholder.Button
          import { Placeholder } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animation 
          'glow' | 'wave'
          Changes the animation of the placeholder.
          size 
          'xs' | 'sm' | 'lg'
          Component size variations.
          variant 
          string
          Button variant.
          bsPrefix 
          string
          		'placeholder'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          `),z=()=>k.cloneNode(!0),I=p('
          '),S=p('
          '),A=p(''),D=p('aria-hidden="true"'),E=p("loading"),M=p("swap"),G=p('
          ');function U(t={}){const{wrapper:d}=Object.assign({},g(),t.components);return d?e(d,m(t,{get children(){return e(i,{})}})):i();function i(){const s=Object.assign({h1:"h1",p:"p",h2:"h2",pre:"pre",code:"code",span:"span",em:"em"},g(),t.components);return l||h("Card",!1),l.Body||h("Card.Body",!0),l.Img||h("Card.Img",!0),l.Text||h("Card.Text",!0),l.Title||h("Card.Title",!0),n||h("Example",!1),n.Code||h("Example.Code",!0),n.Intro||h("Example.Intro",!0),n.Preview||h("Example.Preview",!0),a||h("Placeholder",!1),a.Button||h("Placeholder.Button",!0),[e(w,{}),`
 `,e(y,{name:"PlaceholderDocs.mdx"}),`
 `,e(s.h1,{children:"Placeholders"}),`
 `,(()=>{const r=I.cloneNode(!0);return c(r,e(s.p,{children:`Use loading placeholders (otherwise known as "skeletons") for your components\r
diff --git a/assets/PopoverDocs.60fc38bc.js b/assets/PopoverDocs.60fc38bc.js
new file mode 100644
index 0000000..f0ed41c
--- /dev/null
+++ b/assets/PopoverDocs.60fc38bc.js
@@ -0,0 +1,39 @@
+import{r as b,s as P,m as h,u as w,z as x,j as v,d as O,o as l,k,c as e,t as m}from"./index.46b6df7f.js";import{M as g}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import{G as T}from"./GithubSource.4ed1a23d.js";import{O as C}from"./Overlay.aea51097.js";import{O as f}from"./OverlayTrigger.6361d83d.js";import{B as u}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";const B=b("popover-header"),y=b("popover-body"),E=m('
          '),A={arrowProps:{},placement:"right"},H=n=>{const[s,i]=P(h(A,n),["bsPrefix","placement","class","style","children","body","arrowProps","popper","show"]),t=w(s.bsPrefix,"popover"),o=x(C),r=()=>(o?.metadata?.placement||s.placement)?.split("-")?.[0];return(()=>{const p=E.cloneNode(!0),j=p.firstChild;return v(p,h({get["x-placement"](){return r()},get class(){return O(s.class,t,r()&&"bs-popover-auto")}},i,()=>o?.wrapperProps,{get style(){return Object.assign({},s.style,o?.wrapperProps?.style)}}),!1,!0),v(j,h(()=>s.arrowProps,()=>o?.arrowProps),!1,!1),l(p,(()=>{const N=k(()=>!!s.body);return()=>N()?e(y,{get children(){return s.children}}):s.children})(),null),p})()},d=Object.assign(H,{Header:B,Body:y}),S=m(`
          API
          Popover
          import { Popover } from 'solid-bootstrap'
          NameTypeDefaultDescription
          arrowProps 
          shape
          An Overlay injected set of props for positioning the popover arrow.
          This is generally provided by the Overlay component positioning the popover
          body 
          boolean
          When this prop is set, it creates a Popover with a Popover.Body inside passing the children directly to it
          id required
          string
          An html id attribute, necessary for accessibility
          placement 
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          		'right'
          Sets the direction the Popover is positioned towards.
          This is generally provided by the Overlay component positioning the popover
          popper 
          object
          show 
          boolean
          bsPrefix 
          string
          		'popover'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          PopoverBody
          import { PopoverBody } from 'solid-bootstrap'
          NameTypeDefaultDescription
          as 
          elementType
          		<div>
          You can use a custom element type for this component.
          bsPrefix required
          string
          		'popover-body'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          PopoverHeader
          import { PopoverHeader } from 'solid-bootstrap'
          NameTypeDefaultDescription
          as 
          elementType
          		<div>
          You can use a custom element type for this component.
          bsPrefix required
          string
          		'popover-header'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          Overlay
          import { Overlay } from 'solid-bootstrap'
          NameTypeDefaultDescription
          container 
          componentOrElement
          A component instance, DOM node. The container element will have the Overlay appended to it via a Solid portal.
          onEnter 
          function
          Callback fired before the Overlay transitions in
          onEntered 
          function
          Callback fired after the Overlay finishes transitioning in
          onEntering 
          function
          Callback fired as the Overlay begins to transition in
          onExit 
          function
          Callback fired right before the Overlay transitions out
          onExited 
          function
          Callback fired after the Overlay finishes transitioning out
          onExiting 
          function
          Callback fired as the Overlay begins to transition out
          onHide 
          function
          A callback invoked by the overlay when it wishes to be hidden. Required ifrootClose is specified.
          placement 
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          		'top'
          The placement of the Overlay in relation to it's target.
          popperConfig 
          object
          A set of popper options and props passed directly to Popper.
          rootClose 
          boolean
          		false
          Specify whether the overlay should trigger onHide when the user clicks outside the overlay
          rootCloseEvent 
          'click' | 'mousedown'
          Specify event for triggering a "root close" toggle.
          show 
          boolean
          		false
          Set the visibility of the Overlay
          target 
          componentOrElement
          A component instance, DOM node. The overlay will be positioned in relation to the target
          transition 
          boolean | elementType
          		Fade
          Animate the entering and exiting of the Overlay. true will use the <Fade> transition, or a custom solid-react-transition <Transition> component can be provided.
          OverlayTrigger
          import { OverlayTrigger } from 'solid-bootstrap'
          NameTypeDefaultDescription
          children required
          element
          defaultShow 
          boolean
          		false
          The initial visibility state of the Overlay.
          delay 
          number | shape
          A millisecond delay amount to show and hide the Overlay once triggered
          flip 
          boolean
          		placement && placement.indexOf('auto') !== -1
          The initial flip state of the Overlay.
          onHide 
          null
          onToggle 
          function
          controls 'show'
          A callback that fires when the user triggers a change in tooltip visibility.
          onToggle is called with the desired next show, and generally should be passed back to the show prop. onToggle fires after the configured delay
          overlay required
          function | element
          An element or text to overlay next to the target.
          placement 
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          The placement of the Overlay in relation to it's target.
          popperConfig 
          object
          A Popper.js config object passed to the the underlying popper instance.
          show 
          boolean
          controlled by: onToggle, initial prop: defaultShow
          The visibility of the Overlay. show is a controlled prop so should be paired with onToggle to avoid breaking user interactions.
          Manually toggling show does not wait for delay to change the visibility.
          target 
          null
          trigger 
          'hover' | 'click' |'focus' | Array<'hover' | 'click' |'focus'>
          		['hover', 'focus']
          Specify which action or actions trigger Overlay visibility
          `),$=()=>S.cloneNode(!0),D=m('
          '),_=m('
          ');function Y(n={}){const{wrapper:s}=Object.assign({},g(),n.components);return s?e(s,h(n,{get children(){return e(i,{})}})):i();function i(){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",span:"span"},g(),n.components);return a||c("Example",!1),a.Code||c("Example.Code",!0),a.Intro||c("Example.Intro",!0),a.Preview||c("Example.Preview",!0),d||c("Popover",!1),d.Body||c("Popover.Body",!0),d.Header||c("Popover.Header",!0),[e(T,{name:"PopoverDocs.mdx"}),`
+`,e(t.h1,{children:"Popovers"}),`
+`,(()=>{const o=D.cloneNode(!0);return l(o,e(t.p,{children:"A popover component, like those found in iOS."})),o})(),`
+`,(()=>{const o=_.cloneNode(!0);return l(o,e(a,{title:"Examples",get children(){return[e(a.Intro,{}),e(a.Preview,{get children(){return e(f,{trigger:"click",offset:[0,8],placement:"right",get overlay(){return e(d,{id:"popover-basic",get children(){return[e(d.Header,{as:"h3",children:"Popover right"}),e(d.Body,{get children(){return["And here's some ",e(t.strong,{children:"amazing"})," content. It's very engaging. right?"]}})]}})},get children(){return e(u,{variant:"success",children:"Click me to see"})}})}}),e(a.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["<",e(t.span,{className:"hljs-title class_",children:"OverlayTrigger"}),`\r
+  trigger=`,e(t.span,{className:"hljs-string",children:'"click"'}),`\r
+  offset={[`,e(t.span,{className:"hljs-number",children:"0"}),", ",e(t.span,{className:"hljs-number",children:"8"}),`]}\r
+  placement=`,e(t.span,{className:"hljs-string",children:'"right"'}),`\r
+  overlay={\r
+    `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"popover-basic"'}),">"]}}),`\r
+      `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover.Header"})," ",e(t.span,{className:"hljs-attr",children:"as"}),"=",e(t.span,{className:"hljs-string",children:'"h3"'}),">"]}}),"Popover right",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
+      `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover.Body"}),">"]}}),`\r
+        And here's some `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"strong"}),">"]}}),"amazing",e(t.span,{className:"hljs-tag",get children(){return[""]}}),` content. It's very\r
+        engaging. right?\r
+      `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
+    `,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r
+  }\r
+>\r
+  `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Button"})," ",e(t.span,{className:"hljs-attr",children:"variant"}),"=",e(t.span,{className:"hljs-string",children:'"success"'}),">"]}}),"Click me to see",e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r
+
+`]}})}})}})]}}),null),l(o,e(a,{title:"Placement options",get children(){return[e(a.Preview,{get children(){return["top","bottom","left","right"].map(r=>e(f,{trigger:"click",offset:[0,8],placement:r,get overlay(){return e(d,{id:`popover-positioned-${r}`,get children(){return[e(d.Header,{as:"h3",children:`Popover ${r}`}),e(d.Body,{get children(){return[e(t.strong,{children:"Holy guacamole!"})," Check this info."]}})]}})},get children(){return e(u,{variant:"secondary",class:"me-2",get children(){return["Popover on ",r]}})}}))}}),e(a.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["{[",e(t.span,{className:"hljs-string",children:'"top"'}),", ",e(t.span,{className:"hljs-string",children:'"bottom"'}),", ",e(t.span,{className:"hljs-string",children:'"left"'}),", ",e(t.span,{className:"hljs-string",children:'"right"'}),"].",e(t.span,{className:"hljs-title function_",children:"map"}),"(",e(t.span,{className:"hljs-function",get children(){return["(",e(t.span,{className:"hljs-params",children:"placement"}),") =>"]}}),` (\r
+  `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"OverlayTrigger"}),`\r
+    `,e(t.span,{className:"hljs-attr",children:"trigger"}),"=",e(t.span,{className:"hljs-string",children:'"click"'}),`\r
+    `,e(t.span,{className:"hljs-attr",children:"offset"}),"=",e(t.span,{className:"hljs-string",children:"{[0,"})," ",e(t.span,{className:"hljs-attr",children:"8"}),`]}\r
+    `,e(t.span,{className:"hljs-attr",children:"placement"}),"=",e(t.span,{className:"hljs-string",children:"{placement"})," ",e(t.span,{className:"hljs-attr",children:"as"})," ",e(t.span,{className:"hljs-attr",children:"Placement"}),`}\r
+    `,e(t.span,{className:"hljs-attr",children:"overlay"}),"=",e(t.span,{className:"hljs-string",children:"{"}),`\r
+      <`,e(t.span,{className:"hljs-attr",children:"Popover"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:"{"}),"`",e(t.span,{className:"hljs-attr",children:"popover-positioned-"}),"${",e(t.span,{className:"hljs-attr",children:"placement"}),"}`}>"]}}),`\r
+        `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover.Header"})," ",e(t.span,{className:"hljs-attr",children:"as"}),"=",e(t.span,{className:"hljs-string",children:'"h3"'}),">"]}}),"{`Popover ${placement}`}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
+        `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover.Body"}),">"]}}),`\r
+          `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"strong"}),">"]}}),"Holy guacamole!",e(t.span,{className:"hljs-tag",get children(){return[""]}}),` Check this info.\r
+        `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
+      `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
+    }\r
+  >\r
+    `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Button"})," ",e(t.span,{className:"hljs-attr",children:"variant"}),"=",e(t.span,{className:"hljs-string",children:'"secondary"'})," ",e(t.span,{className:"hljs-attr",children:"class"}),"=",e(t.span,{className:"hljs-string",children:'"me-2"'}),">"]}}),`\r
+      Popover on {placement}\r
+    `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
+  `,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r
+))}
+`]}})}})}})]}}),null),l(o,e($,{}),null),o})()]}}function c(n,s){throw new Error("Expected "+(s?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Y as default};
diff --git a/assets/PopoverDocs.8f12f2a2.js b/assets/PopoverDocs.8f12f2a2.js
deleted file mode 100644
index 959cdf5..0000000
--- a/assets/PopoverDocs.8f12f2a2.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import{r as b,s as P,m as h,u as w,z as x,j as v,d as O,o as l,k,c as e,t as m}from"./index.a8c27b5b.js";import{M as g}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as T}from"./GithubSource.1602124f.js";import{O as C,a as f}from"./OverlayTrigger.2349c1ea.js";import{B as u}from"./Layout.a2c9264a.js";import"./Card.99118534.js";import"./Overlay.9ea1e7ed.js";import"./store.bc2dca4a.js";const B=b("popover-header"),y=b("popover-body"),E=m('
          '),A={arrowProps:{},placement:"right"},H=n=>{const[s,i]=P(h(A,n),["bsPrefix","placement","class","style","children","body","arrowProps","popper","show"]),t=w(s.bsPrefix,"popover"),o=x(C),r=()=>(o?.metadata?.placement||s.placement)?.split("-")?.[0];return(()=>{const p=E.cloneNode(!0),j=p.firstChild;return v(p,h({get["x-placement"](){return r()},get class(){return O(s.class,t,r()&&"bs-popover-auto")}},i,()=>o?.wrapperProps,{get style(){return Object.assign({},s.style,o?.wrapperProps?.style)}}),!1,!0),v(j,h(()=>s.arrowProps,()=>o?.arrowProps),!1,!1),l(p,(()=>{const N=k(()=>!!s.body);return()=>N()?e(y,{get children(){return s.children}}):s.children})(),null),p})()},d=Object.assign(H,{Header:B,Body:y}),S=m(`
          API
          Popover
          import { Popover } from 'solid-bootstrap'
          NameTypeDefaultDescription
          arrowProps 
          shape
          An Overlay injected set of props for positioning the popover arrow.
          This is generally provided by the Overlay component positioning the popover
          body 
          boolean
          When this prop is set, it creates a Popover with a Popover.Body inside passing the children directly to it
          id required
          string
          An html id attribute, necessary for accessibility
          placement 
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          		'right'
          Sets the direction the Popover is positioned towards.
          This is generally provided by the Overlay component positioning the popover
          popper 
          object
          show 
          boolean
          bsPrefix 
          string
          		'popover'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          PopoverBody
          import { PopoverBody } from 'solid-bootstrap'
          NameTypeDefaultDescription
          as 
          elementType
          		<div>
          You can use a custom element type for this component.
          bsPrefix required
          string
          		'popover-body'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          PopoverHeader
          import { PopoverHeader } from 'solid-bootstrap'
          NameTypeDefaultDescription
          as 
          elementType
          		<div>
          You can use a custom element type for this component.
          bsPrefix required
          string
          		'popover-header'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          Overlay
          import { Overlay } from 'solid-bootstrap'
          NameTypeDefaultDescription
          container 
          componentOrElement
          A component instance, DOM node. The container element will have the Overlay appended to it via a Solid portal.
          onEnter 
          function
          Callback fired before the Overlay transitions in
          onEntered 
          function
          Callback fired after the Overlay finishes transitioning in
          onEntering 
          function
          Callback fired as the Overlay begins to transition in
          onExit 
          function
          Callback fired right before the Overlay transitions out
          onExited 
          function
          Callback fired after the Overlay finishes transitioning out
          onExiting 
          function
          Callback fired as the Overlay begins to transition out
          onHide 
          function
          A callback invoked by the overlay when it wishes to be hidden. Required ifrootClose is specified.
          placement 
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          		'top'
          The placement of the Overlay in relation to it's target.
          popperConfig 
          object
          A set of popper options and props passed directly to Popper.
          rootClose 
          boolean
          		false
          Specify whether the overlay should trigger onHide when the user clicks outside the overlay
          rootCloseEvent 
          'click' | 'mousedown'
          Specify event for triggering a "root close" toggle.
          show 
          boolean
          		false
          Set the visibility of the Overlay
          target 
          componentOrElement
          A component instance, DOM node. The overlay will be positioned in relation to the target
          transition 
          boolean | elementType
          		Fade
          Animate the entering and exiting of the Overlay. true will use the <Fade> transition, or a custom solid-react-transition <Transition> component can be provided.
          OverlayTrigger
          import { OverlayTrigger } from 'solid-bootstrap'
          NameTypeDefaultDescription
          children required
          element
          defaultShow 
          boolean
          		false
          The initial visibility state of the Overlay.
          delay 
          number | shape
          A millisecond delay amount to show and hide the Overlay once triggered
          flip 
          boolean
          		placement && placement.indexOf('auto') !== -1
          The initial flip state of the Overlay.
          onHide 
          null
          onToggle 
          function
          controls 'show'
          A callback that fires when the user triggers a change in tooltip visibility.
          onToggle is called with the desired next show, and generally should be passed back to the show prop. onToggle fires after the configured delay
          overlay required
          function | element
          An element or text to overlay next to the target.
          placement 
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          The placement of the Overlay in relation to it's target.
          popperConfig 
          object
          A Popper.js config object passed to the the underlying popper instance.
          show 
          boolean
          controlled by: onToggle, initial prop: defaultShow
          The visibility of the Overlay. show is a controlled prop so should be paired with onToggle to avoid breaking user interactions.
          Manually toggling show does not wait for delay to change the visibility.
          target 
          null
          trigger 
          'hover' | 'click' |'focus' | Array<'hover' | 'click' |'focus'>
          		['hover', 'focus']
          Specify which action or actions trigger Overlay visibility
          `),$=()=>S.cloneNode(!0),D=m('
          '),_=m('
          ');function Y(n={}){const{wrapper:s}=Object.assign({},g(),n.components);return s?e(s,h(n,{get children(){return e(i,{})}})):i();function i(){const t=Object.assign({h1:"h1",p:"p",strong:"strong",pre:"pre",code:"code",span:"span"},g(),n.components);return a||c("Example",!1),a.Code||c("Example.Code",!0),a.Intro||c("Example.Intro",!0),a.Preview||c("Example.Preview",!0),d||c("Popover",!1),d.Body||c("Popover.Body",!0),d.Header||c("Popover.Header",!0),[e(T,{name:"PopoverDocs.mdx"}),`
-`,e(t.h1,{children:"Popovers"}),`
-`,(()=>{const o=D.cloneNode(!0);return l(o,e(t.p,{children:"A popover component, like those found in iOS."})),o})(),`
-`,(()=>{const o=_.cloneNode(!0);return l(o,e(a,{title:"Examples",get children(){return[e(a.Intro,{}),e(a.Preview,{get children(){return e(f,{trigger:"click",offset:[0,8],placement:"right",get overlay(){return e(d,{id:"popover-basic",get children(){return[e(d.Header,{as:"h3",children:"Popover right"}),e(d.Body,{get children(){return["And here's some ",e(t.strong,{children:"amazing"})," content. It's very engaging. right?"]}})]}})},get children(){return e(u,{variant:"success",children:"Click me to see"})}})}}),e(a.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["<",e(t.span,{className:"hljs-title class_",children:"OverlayTrigger"}),`\r
-  trigger=`,e(t.span,{className:"hljs-string",children:'"click"'}),`\r
-  offset={[`,e(t.span,{className:"hljs-number",children:"0"}),", ",e(t.span,{className:"hljs-number",children:"8"}),`]}\r
-  placement=`,e(t.span,{className:"hljs-string",children:'"right"'}),`\r
-  overlay={\r
-    `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"popover-basic"'}),">"]}}),`\r
-      `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover.Header"})," ",e(t.span,{className:"hljs-attr",children:"as"}),"=",e(t.span,{className:"hljs-string",children:'"h3"'}),">"]}}),"Popover right",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
-      `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover.Body"}),">"]}}),`\r
-        And here's some `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"strong"}),">"]}}),"amazing",e(t.span,{className:"hljs-tag",get children(){return[""]}}),` content. It's very\r
-        engaging. right?\r
-      `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
-    `,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r
-  }\r
->\r
-  `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Button"})," ",e(t.span,{className:"hljs-attr",children:"variant"}),"=",e(t.span,{className:"hljs-string",children:'"success"'}),">"]}}),"Click me to see",e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r
-
-`]}})}})}})]}}),null),l(o,e(a,{title:"Placement options",get children(){return[e(a.Preview,{get children(){return["top","bottom","left","right"].map(r=>e(f,{trigger:"click",offset:[0,8],placement:r,get overlay(){return e(d,{id:`popover-positioned-${r}`,get children(){return[e(d.Header,{as:"h3",children:`Popover ${r}`}),e(d.Body,{get children(){return[e(t.strong,{children:"Holy guacamole!"})," Check this info."]}})]}})},get children(){return e(u,{variant:"secondary",class:"me-2",get children(){return["Popover on ",r]}})}}))}}),e(a.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["{[",e(t.span,{className:"hljs-string",children:'"top"'}),", ",e(t.span,{className:"hljs-string",children:'"bottom"'}),", ",e(t.span,{className:"hljs-string",children:'"left"'}),", ",e(t.span,{className:"hljs-string",children:'"right"'}),"].",e(t.span,{className:"hljs-title function_",children:"map"}),"(",e(t.span,{className:"hljs-function",get children(){return["(",e(t.span,{className:"hljs-params",children:"placement"}),") =>"]}}),` (\r
-  `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"OverlayTrigger"}),`\r
-    `,e(t.span,{className:"hljs-attr",children:"trigger"}),"=",e(t.span,{className:"hljs-string",children:'"click"'}),`\r
-    `,e(t.span,{className:"hljs-attr",children:"offset"}),"=",e(t.span,{className:"hljs-string",children:"{[0,"})," ",e(t.span,{className:"hljs-attr",children:"8"}),`]}\r
-    `,e(t.span,{className:"hljs-attr",children:"placement"}),"=",e(t.span,{className:"hljs-string",children:"{placement"})," ",e(t.span,{className:"hljs-attr",children:"as"})," ",e(t.span,{className:"hljs-attr",children:"Placement"}),`}\r
-    `,e(t.span,{className:"hljs-attr",children:"overlay"}),"=",e(t.span,{className:"hljs-string",children:"{"}),`\r
-      <`,e(t.span,{className:"hljs-attr",children:"Popover"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:"{"}),"`",e(t.span,{className:"hljs-attr",children:"popover-positioned-"}),"${",e(t.span,{className:"hljs-attr",children:"placement"}),"}`}>"]}}),`\r
-        `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover.Header"})," ",e(t.span,{className:"hljs-attr",children:"as"}),"=",e(t.span,{className:"hljs-string",children:'"h3"'}),">"]}}),"{`Popover ${placement}`}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
-        `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Popover.Body"}),">"]}}),`\r
-          `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"strong"}),">"]}}),"Holy guacamole!",e(t.span,{className:"hljs-tag",get children(){return[""]}}),` Check this info.\r
-        `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
-      `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
-    }\r
-  >\r
-    `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Button"})," ",e(t.span,{className:"hljs-attr",children:"variant"}),"=",e(t.span,{className:"hljs-string",children:'"secondary"'})," ",e(t.span,{className:"hljs-attr",children:"class"}),"=",e(t.span,{className:"hljs-string",children:'"me-2"'}),">"]}}),`\r
-      Popover on {placement}\r
-    `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r
-  `,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r
-))}
-`]}})}})}})]}}),null),l(o,e($,{}),null),o})()]}}function c(n,s){throw new Error("Expected "+(s?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Y as default};
diff --git a/assets/ProgressBarDocs.5bc20747.js b/assets/ProgressBarDocs.3fb51de9.js
similarity index 98%
rename from assets/ProgressBarDocs.5bc20747.js
rename to assets/ProgressBarDocs.3fb51de9.js
index 9ddb3a8..c26e5da 100644
--- a/assets/ProgressBarDocs.5bc20747.js
+++ b/assets/ProgressBarDocs.3fb51de9.js
@@ -1,4 +1,4 @@
-import{s as N,m as u,u as w,z as B,c as e,j as P,d as x,o as c,t as p,y as $,k as C,f as I,Z as S}from"./index.a8c27b5b.js";import{M as v}from"./index.ef3b11e9.js";import{E as a}from"./Example.2dc3bb5a.js";import{G as k}from"./GithubSource.1602124f.js";import"./Card.99118534.js";const y=p("
          "),E=p(''),j=$(),f=1e3,H={min:0,max:100,animated:!1,visuallyHidden:!1,striped:!1};function M(l,r,i){const s=(l-r)/(i-r)*100;return Math.round(s*f)/f}function b(l){const[r,i]=N(l,["min","now","max","label","visuallyHidden","striped","animated","class","style","variant","bsPrefix"]),s=w(r.bsPrefix,"progress");return(()=>{const n=y.cloneNode(!0);return P(n,u(i,{role:"progressbar",get class(){return x(r.class,`${s}-bar`,{[`bg-${r.variant}`]:r.variant,[`${s}-bar-animated`]:r.animated,[`${s}-bar-striped`]:r.animated||r.striped})},get style(){return{width:`${M(r.now,r.min,r.max)}%`,...r.style}},get["aria-valuenow"](){return r.now},get["aria-valuemin"](){return r.min},get["aria-valuemax"](){return r.max}}),!1,!0),c(n,(()=>{const d=C(()=>!!r.visuallyHidden);return()=>d()?(()=>{const o=E.cloneNode(!0);return c(o,()=>r.label),o})():r.label})()),n})()}const A=l=>{const[r,i]=N(u(H,l),["children","class","bsPrefix"]),s=w(r.bsPrefix,"progress"),n=B(j);let d=i,o={};if(!n?.isStacked){const[h,_]=N(i,["min","now","max","label","visuallyHidden","striped","animated","variant"]);d=h,o=_}return n?.isStacked?b(d):e(j.Provider,{value:{isStacked:!0},get children(){const h=y.cloneNode(!0);return P(h,u(o,{get class(){return x(r.class,s)}}),!1,!0),c(h,()=>r.children??b(d)),h}})},t=A,[g,D]=I(5);{const l=window.setInterval(()=>{D(g()<100?g()+5:0)},1e3);S(()=>window.clearInterval(l))}const O=p(`
          API
          ProgressBar
          import { ProgressBar } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animated 
          boolean
          		false
          Animate's the stripes from right to left
          children 
          onlyProgressBar
          Child elements (only allows elements of type <progressbar>)
          isChild 
          boolean
          		false
          label 
          node
          Show label that represents visual percentage. EG. 60%
          max 
          number
          		100
          Maximum value progress can reach
          min 
          number
          		0
          Minimum value progress can begin from
          now 
          number
          Current value of progress
          striped 
          boolean
          		false
          Uses a gradient to create a striped effect.
          variant 
          'success' | 'danger' | 'warning' | 'info'
          Sets the background class of the progress bar.
          visuallyHidden 
          boolean
          		false
          Hide's the label visually.
          bsPrefix 
          string
          		'progress-bar'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          `),G=()=>O.cloneNode(!0),R=p('
          '),U=p('
          ');function L(l={}){const{wrapper:r}=Object.assign({},v(),l.components);return r?e(r,u(l,{get children(){return e(i,{})}})):i();function i(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},v(),l.components);return a||m("Example",!1),a.Code||m("Example.Code",!0),a.Intro||m("Example.Intro",!0),a.Preview||m("Example.Preview",!0),[e(k,{name:"ProgressBarDocs.mdx"}),`
+import{s as N,m as u,u as w,z as B,c as e,j as P,d as x,o as c,t as p,y as $,k as C,f as I,Z as S}from"./index.46b6df7f.js";import{M as v}from"./index.e0aff9b5.js";import{E as a}from"./Example.6cae19f6.js";import{G as k}from"./GithubSource.4ed1a23d.js";import"./Card.cb90095f.js";const y=p("
          "),E=p(''),j=$(),f=1e3,H={min:0,max:100,animated:!1,visuallyHidden:!1,striped:!1};function M(l,r,i){const s=(l-r)/(i-r)*100;return Math.round(s*f)/f}function b(l){const[r,i]=N(l,["min","now","max","label","visuallyHidden","striped","animated","class","style","variant","bsPrefix"]),s=w(r.bsPrefix,"progress");return(()=>{const n=y.cloneNode(!0);return P(n,u(i,{role:"progressbar",get class(){return x(r.class,`${s}-bar`,{[`bg-${r.variant}`]:r.variant,[`${s}-bar-animated`]:r.animated,[`${s}-bar-striped`]:r.animated||r.striped})},get style(){return{width:`${M(r.now,r.min,r.max)}%`,...r.style}},get["aria-valuenow"](){return r.now},get["aria-valuemin"](){return r.min},get["aria-valuemax"](){return r.max}}),!1,!0),c(n,(()=>{const d=C(()=>!!r.visuallyHidden);return()=>d()?(()=>{const o=E.cloneNode(!0);return c(o,()=>r.label),o})():r.label})()),n})()}const A=l=>{const[r,i]=N(u(H,l),["children","class","bsPrefix"]),s=w(r.bsPrefix,"progress"),n=B(j);let d=i,o={};if(!n?.isStacked){const[h,_]=N(i,["min","now","max","label","visuallyHidden","striped","animated","variant"]);d=h,o=_}return n?.isStacked?b(d):e(j.Provider,{value:{isStacked:!0},get children(){const h=y.cloneNode(!0);return P(h,u(o,{get class(){return x(r.class,s)}}),!1,!0),c(h,()=>r.children??b(d)),h}})},t=A,[g,D]=I(5);{const l=window.setInterval(()=>{D(g()<100?g()+5:0)},1e3);S(()=>window.clearInterval(l))}const O=p(`
          API
          ProgressBar
          import { ProgressBar } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animated 
          boolean
          		false
          Animate's the stripes from right to left
          children 
          onlyProgressBar
          Child elements (only allows elements of type <progressbar>)
          isChild 
          boolean
          		false
          label 
          node
          Show label that represents visual percentage. EG. 60%
          max 
          number
          		100
          Maximum value progress can reach
          min 
          number
          		0
          Minimum value progress can begin from
          now 
          number
          Current value of progress
          striped 
          boolean
          		false
          Uses a gradient to create a striped effect.
          variant 
          'success' | 'danger' | 'warning' | 'info'
          Sets the background class of the progress bar.
          visuallyHidden 
          boolean
          		false
          Hide's the label visually.
          bsPrefix 
          string
          		'progress-bar'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          `),G=()=>O.cloneNode(!0),R=p('
          '),U=p('
          ');function L(l={}){const{wrapper:r}=Object.assign({},v(),l.components);return r?e(r,u(l,{get children(){return e(i,{})}})):i();function i(){const s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span"},v(),l.components);return a||m("Example",!1),a.Code||m("Example.Code",!0),a.Intro||m("Example.Intro",!0),a.Preview||m("Example.Preview",!0),[e(k,{name:"ProgressBarDocs.mdx"}),`
 `,e(s.h1,{children:"Progress bars"}),`
 `,(()=>{const n=R.cloneNode(!0);return c(n,e(s.p,{children:`Provide up-to-date feedback on the progress of a workflow or action with\r
 simple yet flexible progress bars.`})),n})(),`
diff --git a/assets/Sonnet.ac8b8047.js b/assets/Sonnet.c4b821da.js
similarity index 99%
rename from assets/Sonnet.ac8b8047.js
rename to assets/Sonnet.c4b821da.js
index 57e219c..38fcb51 100644
--- a/assets/Sonnet.ac8b8047.js
+++ b/assets/Sonnet.c4b821da.js
@@ -1 +1 @@
-import{o as d,t as u}from"./index.a8c27b5b.js";var s={},h={},n={};Object.defineProperty(n,"__esModule",{value:!0});n.SonnetData=[{number:1,lines:["From fairest creatures we desire increase,","That thereby beauty's rose might never die,","But as the riper should by time decease,","His tender heir might bear his memory:","But thou contracted to thine own bright eyes,","Feed'st thy light's flame with self-substantial fuel,","Making a famine where abundance lies,","Thy self thy foe, to thy sweet self too cruel:","Thou that art now the world's fresh ornament,","And only herald to the gaudy spring,","Within thine own bud buriest thy content,","And tender churl mak'st waste in niggarding:","Pity the world, or else this glutton be,","To eat the world's due, by the grave and thee."]},{number:2,lines:["When forty winters shall besiege thy brow,","And dig deep trenches in thy beauty's field,","Thy youth's proud livery so gazed on now,","Will be a tatter'd weed of small worth held: ","Then being asked, where all thy beauty lies,","Where all the treasure of thy lusty days; ","To say, within thine own deep sunken eyes,","Were an all-eating shame, and thriftless praise.","How much more praise deserv'd thy beauty's use,","If thou couldst answer 'This fair child of mine","Shall sum my count, and make my old excuse,'","Proving his beauty by succession thine!","This were to be new made when thou art old,","And see thy blood warm when thou feel'st it cold."]},{number:3,lines:["Look in thy glass and tell the face thou viewest","Now is the time that face should form another;","Whose fresh repair if now thou not renewest,","Thou dost beguile the world, unbless some mother.","For where is she so fair whose unear'd womb","Disdains the tillage of thy husbandry?","Or who is he so fond will be the tomb,","Of his self-love to stop posterity? ","Thou art thy mother's glass and she in thee","Calls back the lovely April of her prime;","So thou through windows of thine age shalt see,","Despite of wrinkles this thy golden time.","But if thou live, remember'd not to be,","Die single and thine image dies with thee."]},{number:4,lines:["Unthrifty loveliness, why dost thou spend","Upon thy self thy beauty's legacy?","Nature's bequest gives nothing, but doth lend,","And being frank she lends to those are free:","Then, beauteous niggard, why dost thou abuse","The bounteous largess given thee to give?","Profitless usurer, why dost thou use","So great a sum of sums, yet canst not live?","For having traffic with thy self alone,","Thou of thy self thy sweet self dost deceive:","Then how when nature calls thee to be gone,","What acceptable audit canst thou leave?","Thy unused beauty must be tombed with thee,","Which, used, lives th' executor to be."]},{number:5,lines:["Those hours, that with gentle work did frame","The lovely gaze where every eye doth dwell,","Will play the tyrants to the very same","And that unfair which fairly doth excel;","For never-re sting time leads summer on","To hideous winter, and confounds him there;","Sap checked with frost, and lusty leaves quite gone,","Beauty o'er-snowed and bareness every where:","Then were not summer's distillation left,","A liquid prisoner pent in walls of glass,","Beauty's effect with beauty were bereft,","Nor it, nor no remembrance what it was:","But flowers distill'd, though they with winter meet,","Leese but their show; their substance still lives sweet."]},{number:6,lines:["Then let not winter's ragged hand deface,","In thee thy summer, ere thou be distill'd:","Make sweet some vial; treasure thou some place","With beauty's treasure ere it be self-kill'd.","That use is not forbidden usury,","Which happies those that pay the willing loan;","That's for thy self to breed another thee,","Or ten times happier, be it ten for one;","Ten times thy self were happier than thou art,","If ten of thine ten times refigur'd thee:","Then what could death do if thou shouldst depart,","Leaving thee living in posterity?","Be not self-will'd, for thou art much too fair","To be death's conquest and make worms thine heir."]},{number:7,lines:["Lo! in the orient when the gracious light","Lifts up his burning head, each under eye","Doth homage to his new-appearing sight,","Serving with looks his sacred majesty; ","And having climb'd the steep-up heavenly hill,","Resembling strong youth in his middle age,","Yet mortal looks adore his beauty still,","Attending on his golden pilgrimage:","But when from highmost pitch, with weary car,","Like feeble age, he reeleth from the day,","The eyes, 'fore duteous, now converted are","From his low tract, and look another way:","So thou, thyself outgoing in thy noon:","Unlook'd, on diest unless thou get a son."]},{number:8,lines:["Music to hear, why hear'st thou music sadly?","Sweets with sweets war not, joy delights in joy:","Why lov'st thou that which thou receiv'st not gladly,","Or else receiv'st with pleasure thine annoy?","If the true concord of well-tuned sounds,","By unions married, do offend thine ear,","They do but sweetly chide thee, who confounds","In singleness the parts that thou shouldst bear. ","Mark how one string, sweet husband to another,","Strikes each in each by mutual ordering;","Resembling sire and child and happy mother,","Who, all in one, one pleasing note do sing:","Whose speechless song being many, seeming one,","Sings this to thee: 'Thou single wilt prove none.'"]},{number:9,lines:["Is it for fear to wet a widow's eye,","That thou consum'st thy self in single life?","Ah! if thou issueless shalt hap to die,","The world will wail thee like a makeless wife;","The world will be thy widow and still weep","That thou no form of thee hast left behind,","When every private widow well may keep","By children's eyes, her husband's shape in mind:","Look! what an unthrift in the world doth spend","Shifts but his place, for still the world enjoys it;","But beauty's waste hath in the world an end,","And kept unused the user so destroys it.","No love toward others in that bosom sits","That on himself such murd'rous shame commits."]},{number:10,lines:["For shame! deny that thou bear'st love to any,","Who for thy self art so unprovident.","Grant, if thou wilt, thou art belov'd of many,","But that thou none lov'st is most evident:","For thou art so possess'd with murderous hate,","That 'gainst thy self thou stick'st not to conspire,","Seeking that beauteous roof to ruinate","Which to repair should be thy chief desire.","O! change thy thought, that I may change my mind:","Shall hate be fairer lodg'd than gentle love?","Be, as thy presence is, gracious and kind,","Or to thyself at least kind-hearted prove:","Make thee another self for love of me,","That beauty still may live in thine or thee."]},{number:11,lines:["As fast as thou shalt wane, so fast thou grow'st,","In one of thine, from that which thou departest;","And that fresh blood which youngly thou bestow'st,","Thou mayst call thine when thou from youth convertest,","Herein lives wisdom, beauty, and increase;","Without this folly, age, and cold decay:","If all were minded so, the times should cease","And threescore year would make the world away.","Let those whom nature hath not made for store,","Harsh, featureless, and rude, barrenly perish:","Look, whom she best endow'd, she gave thee more;","Which bounteous gift thou shouldst in bounty cherish:","She carv'd thee for her seal, and meant thereby,","Thou shouldst print more, not let that copy die."]},{number:12,lines:["When I do count the clock that tells the time,","And see the brave day sunk in hideous night;","When I behold the violet past prime,","And sable curls, all silvered o'er with white;","When lofty trees I see barren of leaves,","Which erst from heat did canopy the herd,","And summer's green all girded up in sheaves,","Borne on the bier with white and bristly beard,","Then of thy beauty do I question make,","That thou among the wastes of time must go,","Since sweets and beauties do themselves forsake","And die as fast as they see others grow;","And nothing 'gainst Time's scythe can make defence","Save breed, to brave him when he takes thee hence."]},{number:13,lines:["O! that you were your self; but, love you are","No longer yours, than you your self here live:","Against this coming end you should prepare,","And your sweet semblance to some other give:","So should that beauty which you hold in lease","Find no determination; then you were","Yourself again, after yourself's decease,","When your sweet issue your sweet form should bear.","Who lets so fair a house fall to decay,","Which husbandry in honour might uphold,","Against the stormy gusts of winter's day","And barren rage of death's eternal cold?","O! none but unthrifts. Dear my love, you know,","You had a father: let your son say so."]},{number:14,lines:["Not from the stars do I my judgement pluck;","And yet methinks I have astronomy,","But not to tell of good or evil luck,","Of plagues, of dearths, or seasons' quality;","Nor can I fortune to brief minutes tell,","Pointing to each his thunder, rain and wind,","Or say with princes if it shall go well","By oft predict that I in heaven find:","But from thine eyes my knowledge I derive,","And constant stars in them I read such art","As 'Truth and beauty shall together thrive,","If from thyself, to store thou wouldst convert';","Or else of thee this I prognosticate:","'Thy end is truth's and beauty's doom and date.'"]},{number:15,lines:["When I consider every thing that grows","Holds in perfection but a little moment,","That this huge stage presenteth nought but shows","Whereon the stars in secret influence comment;","When I perceive that men as plants increase,","Cheered and checked even by the self-same sky,","Vaunt in their youthful sap, at height decrease,","And wear their brave state out of memory;","Then the conceit of this inconstant stay","Sets you most rich in youth before my sight,","Where wasteful Time debateth with decay","To change your day of youth to sullied night,","And all in war with Time for love of you,","As he takes from you, I engraft you new."]},{number:16,lines:["But wherefore do not you a mightier way","Make war upon this bloody tyrant, Time?","And fortify your self in your decay","With means more blessed than my barren rhyme?","Now stand you on the top of happy hours,","And many maiden gardens, yet unset,","With virtuous wish would bear you living flowers,","Much liker than your painted counterfeit:","So should the lines of life that life repair,","Which this, Time's pencil, or my pupil pen,","Neither in inward worth nor outward fair,","Can make you live your self in eyes of men.","To give away yourself, keeps yourself still,","And you must live, drawn by your own sweet skill."]},{number:17,lines:["Who will believe my verse in time to come,","If it were fill'd with your most high deserts?","Though yet heaven knows it is but as a tomb","Which hides your life, and shows not half your parts.","If I could write the beauty of your eyes,","And in fresh numbers number all your graces,","The age to come would say 'This poet lies;","Such heavenly touches ne'er touch'd earthly faces.'","So should my papers, yellow'd with their age,","Be scorn'd, like old men of less truth than tongue,","And your true rights be term'd a poet's rage","And stretched metre of an antique song:","But were some child of yours alive that time,","You should live twice,--in it, and in my rhyme."]},{number:18,lines:["Shall I compare thee to a summer's day?","Thou art more lovely and more temperate:","Rough winds do shake the darling buds of May,","And summer's lease hath all too short a date:","Sometime too hot the eye of heaven shines,","And often is his gold complexion dimm'd,","And every fair from fair sometime declines,","By chance, or nature's changing course untrimm'd:","But thy eternal summer shall not fade,","Nor lose possession of that fair thou ow'st,","Nor shall death brag thou wander'st in his shade,","When in eternal lines to time thou grow'st,","So long as men can breathe, or eyes can see,","So long lives this, and this gives life to thee."]},{number:19,lines:["Devouring Time, blunt thou the lion's paws,","And make the earth devour her own sweet brood;","Pluck the keen teeth from the fierce tiger's jaws,","And burn the long-liv'd phoenix, in her blood;","Make glad and sorry seasons as thou fleets,","And do whate'er thou wilt, swift-footed Time,","To the wide world and all her fading sweets;","But I forbid thee one most heinous crime:","O! carve not with thy hours my love's fair brow,","Nor draw no lines there with thine antique pen;","Him in thy course untainted do allow","For beauty's pattern to succeeding men.","Yet, do thy worst old Time: despite thy wrong,","My love shall in my verse ever live young."]},{number:20,lines:["A woman's face with nature's own hand painted,","Hast thou, the master mistress of my passion;","A woman's gentle heart, but not acquainted","With shifting change, as is false women's fashion:","An eye more bright than theirs, less false in rolling,","Gilding the object whereupon it gazeth;","A man in hue all 'hues' in his controlling,","Which steals men's eyes and women's souls amazeth.","And for a woman wert thou first created;","Till Nature, as she wrought thee, fell a-doting,","And by addition me of thee defeated,","By adding one thing to my purpose nothing.","But since she prick'd thee out for women's pleasure,","Mine be thy love and thy love's use their treasure."]},{number:21,lines:["So is it not with me as with that Muse,","Stirr'd by a painted beauty to his verse,","Who heaven itself for ornament doth use","And every fair with his fair doth rehearse,","Making a couplement of proud compare'","With sun and moon, with earth and sea's rich gems,","With April's first-born flowers, and all things rare,","That heaven's air in this huge rondure hems.","O! let me, true in love, but truly write,","And then believe me, my love is as fair","As any mother's child, though not so bright","As those gold candles fix'd in heaven's air:","Let them say more that like of hearsay well;","I will not praise that purpose not to sell."]},{number:22,lines:["My glass shall not persuade me I am old,","So long as youth and thou are of one date;","But when in thee time's furrows I behold,","Then look I death my days should expiate.","For all that beauty that doth cover thee,","Is but the seemly raiment of my heart,","Which in thy breast doth live, as thine in me:","How can I then be elder than thou art?","O! therefore love, be of thyself so wary","As I, not for myself, but for thee will;","Bearing thy heart, which I will keep so chary","As tender nurse her babe from faring ill.","Presume not on thy heart when mine is slain,","Thou gav'st me thine not to give back again."]},{number:23,lines:["As an unperfect actor on the stage,","Who with his fear is put beside his part,","Or some fierce thing replete with too much rage,","Whose strength's abundance weakens his own heart;","So I, for fear of trust, forget to say","The perfect ceremony of love's rite,","And in mine own love's strength seem to decay,","O'ercharg'd with burthen of mine own love's might. ","O! let my looks be then the eloquence","And dumb presagers of my speaking breast,","Who plead for love, and look for recompense,","More than that tongue that more hath more express'd.","O! learn to read what silent love hath writ:","To hear with eyes belongs to love's fine wit."]},{number:24,lines:["Mine eye hath play'd the painter and hath stell'd,","Thy beauty's form in table of my heart;","My body is the frame wherein 'tis held,","And perspective it is best painter's art.","For through the painter must you see his skill,","To find where your true image pictur'd lies,","Which in my bosom's shop is hanging still,","That hath his windows glazed with thine eyes.","Now see what good turns eyes for eyes have done:","Mine eyes have drawn thy shape, and thine for me","Are windows to my breast, where-through the sun","Delights to peep, to gaze therein on thee; ","Yet eyes this cunning want to grace their art,","They draw but what they see, know not the heart."]},{number:25,lines:["Let those who are in favour with their stars","Of public honour and proud titles boast,","Whilst I, whom fortune of such triumph bars","Unlook'd for joy in that I honour most.","Great princes' favourites their fair leaves spread","But as the marigold at the sun's eye,","And in themselves their pride lies buried,","For at a frown they in their glory die.","The painful warrior famoused for fight,","After a thousand victories once foil'd,","Is from the book of honour razed quite,","And all the rest forgot for which he toil'd:","Then happy I, that love and am belov'd,","Where I may not remove nor be remov'd."]},{number:26,lines:["Lord of my love, to whom in vassalage","Thy merit hath my duty strongly knit,","To thee I send this written embassage,","To witness duty, not to show my wit:","Duty so great, which wit so poor as mine","May make seem bare, in wanting words to show it,","But that I hope some good conceit of thine","In thy soul's thought, all naked, will bestow it:","Till whatsoever star that guides my moving,","Points on me graciously with fair aspect,","And puts apparel on my tatter'd loving,","To show me worthy of thy sweet respect:","Then may I dare to boast how I do love thee;","Till then, not show my head where thou mayst prove me."]},{number:27,lines:["Weary with toil, I haste me to my bed,","The dear respose for limbs with travel tir'd;","But then begins a journey in my head","To work my mind, when body's work's expired: ","For then my thoughts--from far where I abide--","Intend a zealous pilgrimage to thee,","And keep my drooping eyelids open wide,","Looking on darkness which the blind do see:","Save that my soul's imaginary sight","Presents thy shadow to my sightless view,","Which, like a jewel (hung in ghastly night,","Makes black night beauteous, and her old face new.","Lo! thus, by day my limbs, by night my mind,","For thee, and for myself, no quiet find."]},{number:28,lines:["How can I then return in happy plight,","That am debarre'd the benefit of rest?","When day's oppression is not eas'd by night,","But day by night and night by day oppress'd,","And each, though enemies to either's reign,","Do in consent shake hands to torture me,","The one by toil, the other to complain","How far I toil, still farther off from thee. ","I tell the day, to please him thou art bright,","And dost him grace when clouds do blot the heaven:","So flatter I the swart-complexion'd night,","When sparkling stars twire not thou gild'st the even.","But day doth daily draw my sorrows longer,","And night doth nightly make grief's length seem stronger."]},{number:29,lines:["When in disgrace with fortune and men's eyes","I all alone beweep my outcast state,","And trouble deaf heaven with my bootless cries,","And look upon myself, and curse my fate,","Wishing me like to one more rich in hope,","Featur'd like him, like him with friends possess'd,","Desiring this man's art, and that man's scope,","With what I most enjoy contented least;","Yet in these thoughts my self almost despising,","Haply I think on thee,-- and then my state,","Like to the lark at break of day arising","From sullen earth, sings hymns at heaven's gate;","For thy sweet love remember'd such wealth brings","That then I scorn to change my state with kings."]},{number:30,lines:["When to the sessions of sweet silent thought","I summon up remembrance of things past,","I sigh the lack of many a thing I sought,","And with old woes new wail my dear time's waste:","Then can I drown an eye, unused to flow,","For precious friends hid in death's dateless night,","And weep afresh love's long since cancell'd woe,","And moan the expense of many a vanish'd sight:","Then can I grieve at grievances foregone,","And heavily from woe to woe tell o'er","The sad account of fore-bemoaned moan,","Which I new pay as if not paid before.","But if the while I think on thee, dear friend,","All losses are restor'd and sorrows end."]},{number:31,lines:["Thy bosom is endeared with all hearts,","Which I by lacking have supposed dead;","And there reigns Love, and all Love's loving parts,","And all those friends which I thought buried.","How many a holy and obsequious tear","Hath dear religious love stol'n from mine eye,","As interest of the dead, which now appear","But things remov'd that hidden in thee lie!","Thou art the grave where buried love doth live,","Hung with the trophies of my lovers gone,","Who all their parts of me to thee did give,","That due of many now is thine alone:","Their images I lov'd, I view in thee,","And thou--all they--hast all the all of me."]},{number:32,lines:["If thou survive my well-contented day,","When that churl Death my bones with dust shall cover","And shalt by fortune once more re-survey","These poor rude lines of thy deceased lover,","Compare them with the bett'ring of the time,","And though they be outstripp'd by every pen,","Reserve them for my love, not for their rhyme,","Exceeded by the height of happier men.","O! then vouchsafe me but this loving thought:","'Had my friend's Muse grown with this growing age,","A dearer birth than this his love had brought,","To march in ranks of better equipage:","But since he died and poets better prove,","Theirs for their style I'll read, his for his love'."]},{number:33,lines:["Full many a glorious morning have I seen","Flatter the mountain tops with sovereign eye,","Kissing with golden face the meadows green,","Gilding pale streams with heavenly alchemy;","Anon permit the basest clouds to ride","With ugly rack on his celestial face,","And from the forlorn world his visage hide,","Stealing unseen to west with this disgrace: ","Even so my sun one early morn did shine,","With all triumphant splendour on my brow;","But out! alack! he was but one hour mine,","The region cloud hath mask'd him from me now.","Yet him for this my love no whit disdaineth;","Suns of the world may stain when heaven's sun staineth."]},{number:34,lines:["Why didst thou promise such a beauteous day,","And make me travel forth without my cloak,","To let base clouds o'ertake me in my way,","Hiding thy bravery in their rotten smoke?","'Tis not enough that through the cloud thou break,","To dry the rain on my storm-beaten face,","For no man well of such a salve can speak,","That heals the wound, and cures not the disgrace:","Nor can thy shame give physic to my grief;","Though thou repent, yet I have still the loss:","The offender's sorrow lends but weak relief","To him that bears the strong offence's cross. ","Ah! but those tears are pearl which thy love sheds,","And they are rich and ransom all ill deeds."]},{number:35,lines:["No more be griev'd at that which thou hast done:","Roses have thorns, and silver fountains mud:","Clouds and eclipses stain both moon and sun,","And loathsome canker lives in sweetest bud.","All men make faults, and even I in this,","Authorizing thy trespass with compare,","Myself corrupting, salving thy amiss,","Excusing thy sins more than thy sins are;","For to thy sensual fault I bring in sense,--","Thy adverse party is thy advocate,--","And 'gainst myself a lawful plea commence:","Such civil war is in my love and hate,","That I an accessary needs must be,","To that sweet thief which sourly robs from me."]},{number:36,lines:["Let me confess that we two must be twain,","Although our undivided loves are one:","So shall those blots that do with me remain,","Without thy help, by me be borne alone.","In our two loves there is but one respect,","Though in our lives a separable spite,","Which though it alter not love's sole effect,","Yet doth it steal sweet hours from love's delight.","I may not evermore acknowledge thee,","Lest my bewailed guilt should do thee shame,","Nor thou with public kindness honour me,","Unless thou take that honour from thy name:","But do not so, I love thee in such sort,","As thou being mine, mine is thy good report."]},{number:37,lines:["As a decrepit father takes delight","To see his active child do deeds of youth,","So I, made lame by Fortune's dearest spite,","Take all my comfort of thy worth and truth; ","For whether beauty, birth, or wealth, or wit,","Or any of these all, or all, or more,","Entitled in thy parts, do crowned sit,","I make my love engrafted, to this store:","So then I am not lame, poor, nor despis'd,","Whilst that this shadow doth such substance give","That I in thy abundance am suffic'd,","And by a part of all thy glory live.","Look what is best, that best I wish in thee:","This wish I have; then ten times happy me!"]},{number:38,lines:["How can my muse want subject to invent,","While thou dost breathe, that pour'st into my verse","Thine own sweet argument, too excellent","For every vulgar paper to rehearse?","O! give thy self the thanks, if aught in me","Worthy perusal stand against thy sight;","For who's so dumb that cannot write to thee,","When thou thy self dost give invention light? ","Be thou the tenth Muse, ten times more in worth","Than those old nine which rhymers invocate;","And he that calls on thee, let him bring forth","Eternal numbers to outlive long date.","If my slight muse do please these curious days,","The pain be mine, but thine shall be the praise."]},{number:39,lines:["O! how thy worth with manners may I sing,","When thou art all the better part of me?","What can mine own praise to mine own self bring?","And what is't but mine own when I praise thee?","Even for this, let us divided live,","And our dear love lose name of single one,","That by this separation I may give","That due to thee which thou deserv'st alone.","O absence! what a torment wouldst thou prove,","Were it not thy sour leisure gave sweet leave,","To entertain the time with thoughts of love,","Which time and thoughts so sweetly doth deceive, ","And that thou teachest how to make one twain,","By praising him here who doth hence remain."]},{number:40,lines:["Take all my loves, my love, yea take them all;","What hast thou then more than thou hadst before?","No love, my love, that thou mayst true love call;","All mine was thine, before thou hadst this more.","Then, if for my love, thou my love receivest,","I cannot blame thee, for my love thou usest;","But yet be blam'd, if thou thy self deceivest","By wilful taste of what thyself refusest.","I do forgive thy robbery, gentle thief,","Although thou steal thee all my poverty:","And yet, love knows it is a greater grief","To bear love's wrong, than hate's known injury.","Lascivious grace, in whom all ill well shows,","Kill me with spites yet we must not be foes."]},{number:41,lines:["Those pretty wrongs that liberty commits,","When I am sometime absent from thy heart,","Thy beauty, and thy years full well befits,","For still temptation follows where thou art.","Gentle thou art, and therefore to be won,","Beauteous thou art, therefore to be assail'd;","And when a woman woos, what woman's son","Will sourly leave her till he have prevail'd?","Ay me! but yet thou mightst my seat forbear,","And chide thy beauty and thy straying youth,","Who lead thee in their riot even there","Where thou art forced to break a twofold truth:--","Hers by thy beauty tempting her to thee,","Thine by thy beauty being false to me."]},{number:42,lines:["That thou hast her it is not all my grief,","And yet it may be said I loved her dearly;","That she hath thee is of my wailing chief,","A loss in love that touches me more nearly. ","Loving offenders thus I will excuse ye:","Thou dost love her, because thou know'st I love her;","And for my sake even so doth she abuse me,","Suffering my friend for my sake to approve her.","If I lose thee, my loss is my love's gain,","And losing her, my friend hath found that loss;","Both find each other, and I lose both twain,","And both for my sake lay on me this cross:","But here's the joy; my friend and I are one;","Sweet flattery! then she loves but me alone."]},{number:43,lines:["When most I wink, then do mine eyes best see,","For all the day they view things unrespected;","But when I sleep, in dreams they look on thee,","And darkly bright, are bright in dark directed.","Then thou, whose shadow shadows doth make bright,","How would thy shadow's form form happy show","To the clear day with thy much clearer light,","When to unseeing eyes thy shade shines so! ","How would, I say, mine eyes be blessed made","By looking on thee in the living day,","When in dead night thy fair imperfect shade","Through heavy sleep on sightless eyes doth stay!","All days are nights to see till I see thee,","And nights bright days when dreams do show thee me."]},{number:44,lines:["If the dull substance of my flesh were thought,","Injurious distance should not stop my way;","For then despite of space I would be brought,","From limits far remote, where thou dost stay.","No matter then although my foot did stand","Upon the farthest earth remov'd from thee;","For nimble thought can jump both sea and land,","As soon as think the place where he would be.","But, ah! thought kills me that I am not thought,","To leap large lengths of miles when thou art gone,","But that so much of earth and water wrought,","I must attend time's leisure with my moan;","Receiving nought by elements so slow","But heavy tears, badges of either's woe."]},{number:45,lines:["The other two, slight air, and purging fire","Are both with thee, wherever I abide;","The first my thought, the other my desire,","These present-absent with swift motion slide.","For when these quicker elements are gone","In tender embassy of love to thee,","My life, being made of four, with two alone","Sinks down to death, oppress'd with melancholy;","Until life's composition be recur'd","By those swift messengers return'd from thee,","Who even but now come back again, assur'd,","Of thy fair health, recounting it to me:","This told, I joy; but then no longer glad,","I send them back again, and straight grow sad."]},{number:46,lines:["Mine eye and heart are at a mortal war,","How to divide the conquest of thy sight;","Mine eye my heart thy picture's sight would bar,","My heart mine eye the freedom of that right.","My heart doth plead that thou in him dost lie,--","A closet never pierc'd with crystal eyes--","But the defendant doth that plea deny,","And says in him thy fair appearance lies.","To side this title is impannelled","A quest of thoughts, all tenants to the heart;","And by their verdict is determined","The clear eye's moiety, and the dear heart's part:","As thus; mine eye's due is thy outward part,","And my heart's right, thy inward love of heart."]},{number:47,lines:["Betwixt mine eye and heart a league is took,","And each doth good turns now unto the other:","When that mine eye is famish'd for a look,","Or heart in love with sighs himself doth smother,","With my love's picture then my eye doth feast,","And to the painted banquet bids my heart;","Another time mine eye is my heart's guest,","And in his thoughts of love doth share a part:","So, either by thy picture or my love,","Thy self away, art present still with me;","For thou not farther than my thoughts canst move,","And I am still with them, and they with thee;","Or, if they sleep, thy picture in my sight","Awakes my heart, to heart's and eye's delight."]},{number:48,lines:["How careful was I when I took my way,","Each trifle under truest bars to thrust,","That to my use it might unused stay","From hands of falsehood, in sure wards of trust!","But thou, to whom my jewels trifles are,","Most worthy comfort, now my greatest grief,","Thou best of dearest, and mine only care,","Art left the prey of every vulgar thief. ","Thee have I not lock'd up in any chest,","Save where thou art not, though I feel thou art,","Within the gentle closure of my breast,","From whence at pleasure thou mayst come and part;","And even thence thou wilt be stol'n I fear,","For truth proves thievish for a prize so dear."]},{number:49,lines:["Against that time, if ever that time come,","When I shall see thee frown on my defects,","When as thy love hath cast his utmost sum,","Call'd to that audit by advis'd respects;","Against that time when thou shalt strangely pass,","And scarcely greet me with that sun, thine eye,","When love, converted from the thing it was,","Shall reasons find of settled gravity;","Against that time do I ensconce me here,","Within the knowledge of mine own desert,","And this my hand, against my self uprear,","To guard the lawful reasons on thy part: ","To leave poor me thou hast the strength of laws,","Since why to love I can allege no cause."]},{number:50,lines:["How heavy do I journey on the way,","When what I seek, my weary travel's end,","Doth teach that ease and that repose to say,","'Thus far the miles are measured from thy friend!'","The beast that bears me, tired with my woe,","Plods dully on, to bear that weight in me,","As if by some instinct the wretch did know","His rider lov'd not speed, being made from thee:","The bloody spur cannot provoke him on,","That sometimes anger thrusts into his hide,","Which heavily he answers with a groan,","More sharp to me than spurring to his side;","For that same groan doth put this in my mind,","My grief lies onward, and my joy behind."]},{number:51,lines:["Thus can my love excuse the slow offence","Of my dull bearer when from thee I speed:","From where thou art why should I haste me thence?","Till I return, of posting is no need.","O! what excuse will my poor beast then find,","When swift extremity can seem but slow?","Then should I spur, though mounted on the wind,","In winged speed no motion shall I know,","Then can no horse with my desire keep pace;","Therefore desire, of perfect'st love being made,","Shall neigh--no dull flesh--in his fiery race;","But love, for love, thus shall excuse my jade,--","'Since from thee going, he went wilful-slow,","Towards thee I'll run, and give him leave to go.'"]},{number:52,lines:["So am I as the rich, whose blessed key,","Can bring him to his sweet up-locked treasure,","The which he will not every hour survey,","For blunting the fine point of seldom pleasure. ","Therefore are feasts so solemn and so rare,","Since, seldom coming in that long year set,","Like stones of worth they thinly placed are,","Or captain jewels in the carcanet.","So is the time that keeps you as my chest,","Or as the wardrobe which the robe doth hide,","To make some special instant special-blest,","By new unfolding his imprison'd pride.","Blessed are you whose worthiness gives scope,","Being had, to triumph; being lacked, to hope."]},{number:53,lines:["What is your substance, whereof are you made,","That millions of strange shadows on you tend?","Since every one, hath every one, one shade,","And you but one, can every shadow lend.","Describe Adonis, and the counterfeit","Is poorly imitated after you;","On Helen's cheek all art of beauty set,","And you in Grecian tires are painted new: ","Speak of the spring, and foison of the year,","The one doth shadow of your beauty show,","The other as your bounty doth appear;","And you in every blessed shape we know.","In all external grace you have some part,","But you like none, none you, for constant heart."]},{number:54,lines:["O! how much more doth beauty beauteous seem","By that sweet ornament which truth doth give.","The rose looks fair, but fairer we it deem","For that sweet odour, which doth in it live.","The canker blooms have full as deep a dye","As the perfumed tincture of the roses.","Hang on such thorns, and play as wantonly","When summer's breath their masked buds discloses:","But, for their virtue only is their show,","They live unwoo'd, and unrespected fade;","Die to themselves. Sweet roses do not so;","Of their sweet deaths, are sweetest odours made: ","And so of you, beauteous and lovely youth,","When that shall vade, by verse distills your truth."]},{number:55,lines:["Not marble, nor the gilded monuments","Of princes, shall outlive this powerful rhyme;","But you shall shine more bright in these contents","Than unswept stone, besmear'd with sluttish time.","When wasteful war shall statues overturn,","And broils root out the work of masonry,","Nor Mars his sword, nor war's quick fire shall burn","The living record of your memory.","'Gainst death, and all-oblivious enmity","Shall you pace forth; your praise shall still find room","Even in the eyes of all posterity","That wear this world out to the ending doom.","So, till the judgment that yourself arise,","You live in this, and dwell in lovers' eyes."]},{number:56,lines:["Sweet love, renew thy force; be it not said","Thy edge should blunter be than appetite,","Which but to-day by feeding is allay'd,","To-morrow sharpened in his former might:","So, love, be thou, although to-day thou fill","Thy hungry eyes, even till they wink with fulness,","To-morrow see again, and do not kill","The spirit of love, with a perpetual dulness.","Let this sad interim like the ocean be","Which parts the shore, where two contracted new","Come daily to the banks, that when they see","Return of love, more blest may be the view;","Or call it winter, which being full of care,","Makes summer's welcome, thrice more wished, more rare."]},{number:57,lines:["Being your slave what should I do but tend,","Upon the hours, and times of your desire?","I have no precious time at all to spend;","Nor services to do, till you require. ","Nor dare I chide the world-without-end hour,","Whilst I, my sovereign, watch the clock for you,","Nor think the bitterness of absence sour,","When you have bid your servant once adieu;","Nor dare I question with my jealous thought","Where you may be, or your affairs suppose,","But, like a sad slave, stay and think of nought","Save, where you are, how happy you make those.","So true a fool is love, that in your will,","Though you do anything, he thinks no ill."]},{number:58,lines:["That god forbid, that made me first your slave,","I should in thought control your times of pleasure,","Or at your hand the account of hours to crave,","Being your vassal, bound to stay your leisure!","O! let me suffer, being at your beck,","The imprison'd absence of your liberty;","And patience, tame to sufferance, bide each check,","Without accusing you of injury. ","Be where you list, your charter is so strong","That you yourself may privilage your time","To what you will; to you it doth belong","Yourself to pardon of self-doing crime.","I am to wait, though waiting so be hell,","Not blame your pleasure be it ill or well."]},{number:59,lines:["If there be nothing new, but that which is","Hath been before, how are our brains beguil'd,","Which labouring for invention bear amiss","The second burthen of a former child!","O! that record could with a backward look,","Even of five hundred courses of the sun,","Show me your image in some antique book,","Since mind at first in character was done!","That I might see what the old world could say","To this composed wonder of your frame;","Wh'r we are mended, or wh'r better they,","Or whether revolution be the same. ","O! sure I am the wits of former days,","To subjects worse have given admiring praise."]},{number:60,lines:["Like as the waves make towards the pebbled shore,","So do our minutes hasten to their end;","Each changing place with that which goes before,","In sequent toil all forwards do contend.","Nativity, once in the main of light,","Crawls to maturity, wherewith being crown'd,","Crooked eclipses 'gainst his glory fight,","And Time that gave doth now his gift confound.","Time doth transfix the flourish set on youth","And delves the parallels in beauty's brow,","Feeds on the rarities of nature's truth,","And nothing stands but for his scythe to mow:","And yet to times in hope, my verse shall stand.","Praising thy worth, despite his cruel hand."]},{number:61,lines:["Is it thy will, thy image should keep open","My heavy eyelids to the weary night?","Dost thou desire my slumbers should be broken,","While shadows like to thee do mock my sight?","Is it thy spirit that thou send'st from thee","So far from home into my deeds to pry,","To find out shames and idle hours in me,","The scope and tenure of thy jealousy?","O, no! thy love, though much, is not so great:","It is my love that keeps mine eye awake:","Mine own true love that doth my rest defeat,","To play the watchman ever for thy sake:","For thee watch I, whilst thou dost wake elsewhere,","From me far off, with others all too near."]},{number:62,lines:["Sin of self-love possesseth all mine eye","And all my soul, and all my every part;","And for this sin there is no remedy,","It is so grounded inward in my heart.","Methinks no face so gracious is as mine,","No shape so true, no truth of such account;","And for myself mine own worth do define,","As I all other in all worths surmount.","But when my glass shows me myself indeed","Beated and chopp'd with tanned antiquity,","Mine own self-love quite contrary I read;","Self so self-loving were iniquity.","'Tis thee,--myself,--that for myself I praise,","Painting my age with beauty of thy days."]},{number:63,lines:["Against my love shall be as I am now,","With Time's injurious hand crush'd and o'erworn;","When hours have drain'd his blood and fill'd his brow","With lines and wrinkles; when his youthful morn","Hath travell'd on to age's steepy night;","And all those beauties whereof now he's king","Are vanishing, or vanished out of sight,","Stealing away the treasure of his spring; ","For such a time do I now fortify","Against confounding age's cruel knife,","That he shall never cut from memory","My sweet love's beauty, though my lover's life:","His beauty shall in these black lines be seen,","And they shall live, and he in them still green."]},{number:64,lines:["When I have seen by Time's fell hand defac'd","The rich-proud cost of outworn buried age;","When sometime lofty towers I see down-raz'd,","And brass eternal slave to mortal rage;","When I have seen the hungry ocean gain","Advantage on the kingdom of the shore,","And the firm soil win of the watery main,","Increasing store with loss, and loss with store;","When I have seen such interchange of state,","Or state itself confounded, to decay;","Ruin hath taught me thus to ruminate--","That Time will come and take my love away. ","This thought is as a death which cannot choose","But weep to have, that which it fears to lose."]},{number:65,lines:["Since brass, nor stone, nor earth, nor boundless sea,","But sad mortality o'ersways their power,","How with this rage shall beauty hold a plea,","Whose action is no stronger than a flower?","O! how shall summer's honey breath hold out,","Against the wrackful siege of battering days,","When rocks impregnable are not so stout,","Nor gates of steel so strong but Time decays?","O fearful meditation! where, alack,","Shall Time's best jewel from Time's chest lie hid?","Or what strong hand can hold his swift foot back?","Or who his spoil of beauty can forbid?","O! none, unless this miracle have might,","That in black ink my love may still shine bright."]},{number:66,lines:["Tired with all these, for restful death I cry,","As to behold desert a beggar born,","And needy nothing trimm'd in jollity,","And purest faith unhappily forsworn,","And gilded honour shamefully misplac'd,","And maiden virtue rudely strumpeted,","And right perfection wrongfully disgrac'd,","And strength by limping sway disabled","And art made tongue-tied by authority,","And folly--doctor-like--controlling skill,","And simple truth miscall'd simplicity,","And captive good attending captain ill:","Tir'd with all these, from these would I be gone,","Save that, to die, I leave my love alone."]},{number:67,lines:["Ah! wherefore with infection should he live,","And with his presence grace impiety,","That sin by him advantage should achieve,","And lace itself with his society? ","Why should false painting imitate his cheek,","And steel dead seeming of his living hue?","Why should poor beauty indirectly seek","Roses of shadow, since his rose is true?","Why should he live, now Nature bankrupt is,","Beggar'd of blood to blush through lively veins?","For she hath no exchequer now but his,","And proud of many, lives upon his gains.","O! him she stores, to show what wealth she had","In days long since, before these last so bad."]},{number:68,lines:["Thus is his cheek the map of days outworn,","When beauty lived and died as flowers do now,","Before these bastard signs of fair were born,","Or durst inhabit on a living brow;","Before the golden tresses of the dead,","The right of sepulchres, were shorn away,","To live a second life on second head;","Ere beauty's dead fleece made another gay: ","In him those holy antique hours are seen,","Without all ornament, itself and true,","Making no summer of another's green,","Robbing no old to dress his beauty new;","And him as for a map doth Nature store,","To show false Art what beauty was of yore."]},{number:69,lines:["Those parts of thee that the world's eye doth view","Want nothing that the thought of hearts can mend;","All tongues--the voice of souls--give thee that due,","Uttering bare truth, even so as foes commend.","Thy outward thus with outward praise is crown'd;","But those same tongues, that give thee so thine own,","In other accents do this praise confound","By seeing farther than the eye hath shown.","They look into the beauty of thy mind,","And that in guess they measure by thy deeds;","Then--churls--their thoughts, although their eyes were kind,","To thy fair flower add the rank smell of weeds: ","But why thy odour matcheth not thy show,","The soil is this, that thou dost common grow."]},{number:70,lines:["That thou art blam'd shall not be thy defect,","For slander's mark was ever yet the fair;","The ornament of beauty is suspect,","A crow that flies in heaven's sweetest air.","So thou be good, slander doth but approve","Thy worth the greater being woo'd of time;","For canker vice the sweetest buds doth love,","And thou present'st a pure unstained prime.","Thou hast passed by the ambush of young days","Either not assail'd, or victor being charg'd;","Yet this thy praise cannot be so thy praise,","To tie up envy, evermore enlarg'd,","If some suspect of ill mask'd not thy show,","Then thou alone kingdoms of hearts shouldst owe."]},{number:71,lines:["No longer mourn for me when I am dead","Than you shall hear the surly sullen bell","Give warning to the world that I am fled","From this vile world with vilest worms to dwell:","Nay, if you read this line, remember not","The hand that writ it, for I love you so,","That I in your sweet thoughts would be forgot,","If thinking on me then should make you woe.","O! if,--I say you look upon this verse,","When I perhaps compounded am with clay,","Do not so much as my poor name rehearse;","But let your love even with my life decay;","Lest the wise world should look into your moan,","And mock you with me after I am gone."]},{number:72,lines:["O! lest the world should task you to recite","What merit lived in me, that you should love","After my death,--dear love, forget me quite,","For you in me can nothing worthy prove;","Unless you would devise some virtuous lie,","To do more for me than mine own desert,","And hang more praise upon deceased I","Than niggard truth would willingly impart:","O! lest your true love may seem false in this","That you for love speak well of me untrue,","My name be buried where my body is,","And live no more to shame nor me nor you.","For I am shamed by that which I bring forth,","And so should you, to love things nothing worth."]},{number:73,lines:["That time of year thou mayst in me behold","When yellow leaves, or none, or few, do hang","Upon those boughs which shake against the cold,","Bare ruin'd choirs, where late the sweet birds sang.","In me thou see'st the twilight of such day","As after sunset fadeth in the west;","Which by and by black night doth take away,","Death's second self, that seals up all in rest. ","In me thou see'st the glowing of such fire,","That on the ashes of his youth doth lie,","As the death-bed, whereon it must expire,","Consum'd with that which it was nourish'd by.","This thou perceiv'st, which makes thy love more strong,","To love that well, which thou must leave ere long."]},{number:74,lines:["But be contented: when that fell arrest","Without all bail shall carry me away,","My life hath in this line some interest,","Which for memorial still with thee shall stay.","When thou reviewest this, thou dost review","The very part was consecrate to thee:","The earth can have but earth, which is his due;","My spirit is thine, the better part of me:","So then thou hast but lost the dregs of life,","The prey of worms, my body being dead;","The coward conquest of a wretch's knife,","Too base of thee to be remembered.","The worth of that is that which it contains,","And that is this, and this with thee remains."]},{number:75,lines:["So are you to my thoughts as food to life,","Or as sweet-season'd showers are to the ground;","And for the peace of you I hold such strife","As 'twixt a miser and his wealth is found.","Now proud as an enjoyer, and anon","Doubting the filching age will steal his treasure;","Now counting best to be with you alone,","Then better'd that the world may see my pleasure:","Sometime all full with feasting on your sight,","And by and by clean starved for a look;","Possessing or pursuing no delight,","Save what is had, or must from you be took.","Thus do I pine and surfeit day by day,","Or gluttoning on all, or all away."]},{number:76,lines:["Why is my verse so barren of new pride,","So far from variation or quick change?","Why with the time do I not glance aside","To new-found methods, and to compounds strange?","Why write I still all one, ever the same,","And keep invention in a noted weed,","That every word doth almost tell my name,","Showing their birth, and where they did proceed?","O! know sweet love I always write of you,","And you and love are still my argument;","So all my best is dressing old words new,","Spending again what is already spent:","For as the sun is daily new and old,","So is my love still telling what is told."]},{number:77,lines:["Thy glass will show thee how thy beauties wear,","Thy dial how thy precious minutes waste;","These vacant leaves thy mind's imprint will bear,","And of this book, this learning mayst thou taste. ","The wrinkles which thy glass will truly show","Of mouthed graves will give thee memory;","Thou by thy dial's shady stealth mayst know","Time's thievish progress to eternity.","Look! what thy memory cannot contain,","Commit to these waste blanks, and thou shalt find","Those children nursed, deliver'd from thy brain,","To take a new acquaintance of thy mind.","These offices, so oft as thou wilt look,","Shall profit thee and much enrich thy book."]},{number:78,lines:["So oft have I invoked thee for my Muse,","And found such fair assistance in my verse","As every alien pen hath got my use","And under thee their poesy disperse.","Thine eyes, that taught the dumb on high to sing","And heavy ignorance aloft to fly,","Have added feathers to the learned's wing","And given grace a double majesty.","Yet be most proud of that which I compile,","Whose influence is thine, and born of thee:","In others' works thou dost but mend the style,","And arts with thy sweet graces graced be;","But thou art all my art, and dost advance","As high as learning, my rude ignorance."]},{number:79,lines:["Whilst I alone did call upon thy aid,","My verse alone had all thy gentle grace;","But now my gracious numbers are decay'd,","And my sick Muse doth give an other place.","I grant, sweet love, thy lovely argument","Deserves the travail of a worthier pen;","Yet what of thee thy poet doth invent","He robs thee of, and pays it thee again.","He lends thee virtue, and he stole that word","From thy behaviour; beauty doth he give,","And found it in thy cheek: he can afford","No praise to thee, but what in thee doth live. ","Then thank him not for that which he doth say,","Since what he owes thee, thou thyself dost pay."]},{number:80,lines:["O! how I faint when I of you do write,","Knowing a better spirit doth use your name,","And in the praise thereof spends all his might,","To make me tongue-tied speaking of your fame!","But since your worth--wide as the ocean is,--","The humble as the proudest sail doth bear,","My saucy bark, inferior far to his,","On your broad main doth wilfully appear.","Your shallowest help will hold me up afloat,","Whilst he upon your soundless deep doth ride;","Or, being wrack'd, I am a worthless boat,","He of tall building, and of goodly pride:","Then if he thrive and I be cast away,","The worst was this,--my love was my decay."]},{number:81,lines:["Or I shall live your epitaph to make,","Or you survive when I in earth am rotten;","From hence your memory death cannot take,","Although in me each part will be forgotten.","Your name from hence immortal life shall have,","Though I, once gone, to all the world must die:","The earth can yield me but a common grave,","When you entombed in men's eyes shall lie.","Your monument shall be my gentle verse,","Which eyes not yet created shall o'er-read;","And tongues to be, your being shall rehearse,","When all the breathers of this world are dead;","You still shall live,--such virtue hath my pen,--","Where breath most breathes, even in the mouths of men."]},{number:82,lines:["I grant thou wert not married to my Muse,","And therefore mayst without attaint o'erlook","The dedicated words which writers use","Of their fair subject, blessing every book. ","Thou art as fair in knowledge as in hue,","Finding thy worth a limit past my praise;","And therefore art enforced to seek anew","Some fresher stamp of the time-bettering days.","And do so, love; yet when they have devis'd,","What strained touches rhetoric can lend,","Thou truly fair, wert truly sympathiz'd","In true plain words, by thy true-telling friend;","And their gross painting might be better us'd","Where cheeks need blood; in thee it is abus'd."]},{number:83,lines:["I never saw that you did painting need,","And therefore to your fair no painting set;","I found, or thought I found, you did exceed","That barren tender of a poet's debt:","And therefore have I slept in your report,","That you yourself, being extant, well might show","How far a modern quill doth come too short,","Speaking of worth, what worth in you doth grow. ","This silence for my sin you did impute,","Which shall be most my glory being dumb;","For I impair not beauty being mute,","When others would give life, and bring a tomb.","There lives more life in one of your fair eyes","Than both your poets can in praise devise."]},{number:84,lines:["Who is it that says most, which can say more,","Than this rich praise,--that you alone, are you?","In whose confine immured is the store","Which should example where your equal grew.","Lean penury within that pen doth dwell","That to his subject lends not some small glory;","But he that writes of you, if he can tell","That you are you, so dignifies his story,","Let him but copy what in you is writ,","Not making worse what nature made so clear,","And such a counterpart shall fame his wit,","Making his style admired every where.","You to your beauteous blessings add a curse,","Being fond on praise, which makes your praises worse."]},{number:85,lines:["My tongue-tied Muse in manners holds her still,","While comments of your praise richly compil'd,","Reserve their character with golden quill,","And precious phrase by all the Muses fil'd.","I think good thoughts, whilst others write good words,","And like unlettered clerk still cry 'Amen'","To every hymn that able spirit affords,","In polish'd form of well-refined pen.","Hearing you praised, I say ''tis so, 'tis true,'","And to the most of praise add something more;","But that is in my thought, whose love to you,","Though words come hindmost, holds his rank before.","Then others, for the breath of words respect,","Me for my dumb thoughts, speaking in effect."]},{number:86,lines:["Was it the proud full sail of his great verse,","Bound for the prize of all too precious you,","That did my ripe thoughts in my brain inhearse,","Making their tomb the womb wherein they grew?","Was it his spirit, by spirits taught to write,","Above a mortal pitch, that struck me dead?","No, neither he, nor his compeers by night","Giving him aid, my verse astonished.","He, nor that affable familiar ghost","Which nightly gulls him with intelligence,","As victors of my silence cannot boast;","I was not sick of any fear from thence:","But when your countenance fill'd up his line,","Then lacked I matter; that enfeebled mine."]},{number:87,lines:["Farewell! thou art too dear for my possessing,","And like enough thou know'st thy estimate,","The charter of thy worth gives thee releasing;","My bonds in thee are all determinate.","For how do I hold thee but by thy granting?","And for that riches where is my deserving?","The cause of this fair gift in me is wanting,","And so my patent back again is swerving.","Thy self thou gav'st, thy own worth then not knowing,","Or me to whom thou gav'st it, else mistaking;","So thy great gift, upon misprision growing,","Comes home again, on better judgement making.","Thus have I had thee, as a dream doth flatter,","In sleep a king, but waking no such matter."]},{number:88,lines:["When thou shalt be dispos'd to set me light,","And place my merit in the eye of scorn,","Upon thy side, against myself I'll fight,","And prove thee virtuous, though thou art forsworn.","With mine own weakness, being best acquainted,","Upon thy part I can set down a story","Of faults conceal'd, wherein I am attainted;","That thou in losing me shalt win much glory: ","And I by this will be a gainer too;","For bending all my loving thoughts on thee,","The injuries that to myself I do,","Doing thee vantage, double-vantage me.","Such is my love, to thee I so belong,","That for thy right, myself will bear all wrong."]},{number:89,lines:["Say that thou didst forsake me for some fault,","And I will comment upon that offence:","Speak of my lameness, and I straight will halt,","Against thy reasons making no defence.","Thou canst not love disgrace me half so ill,","To set a form upon desired change,","As I'll myself disgrace; knowing thy will,","I will acquaintance strangle, and look strange;","Be absent from thy walks; and in my tongue","Thy sweet beloved name no more shall dwell,","Lest I, too much profane, should do it wrong,","And haply of our old acquaintance tell. ","For thee, against my self I'll vow debate,","For I must ne'er love him whom thou dost hate."]},{number:90,lines:["Then hate me when thou wilt; if ever, now;","Now, while the world is bent my deeds to cross,","Join with the spite of fortune, make me bow,","And do not drop in for an after-loss:","Ah! do not, when my heart hath 'scap'd this sorrow,","Come in the rearward of a conquer'd woe;","Give not a windy night a rainy morrow,","To linger out a purpos'd overthrow.","If thou wilt leave me, do not leave me last,","When other petty griefs have done their spite,","But in the onset come: so shall I taste","At first the very worst of fortune's might;","And other strains of woe, which now seem woe,","Compar'd with loss of thee, will not seem so."]},{number:91,lines:["Some glory in their birth, some in their skill,","Some in their wealth, some in their body's force,","Some in their garments though new-fangled ill;","Some in their hawks and hounds, some in their horse;","And every humour hath his adjunct pleasure,","Wherein it finds a joy above the rest:","But these particulars are not my measure,","All these I better in one general best.","Thy love is better than high birth to me,","Richer than wealth, prouder than garments' costs,","Of more delight than hawks and horses be;","And having thee, of all men's pride I boast:","Wretched in this alone, that thou mayst take","All this away, and me most wretchcd make."]},{number:92,lines:["But do thy worst to steal thyself away,","For term of life thou art assured mine;","And life no longer than thy love will stay,","For it depends upon that love of thine. ","Then need I not to fear the worst of wrongs,","When in the least of them my life hath end.","I see a better state to me belongs","Than that which on thy humour doth depend:","Thou canst not vex me with inconstant mind,","Since that my life on thy revolt doth lie.","O! what a happy title do I find,","Happy to have thy love, happy to die!","But what's so blessed-fair that fears no blot?","Thou mayst be false, and yet I know it not."]},{number:93,lines:["So shall I live, supposing thou art true,","Like a deceived husband; so love's face","May still seem love to me, though alter'd new;","Thy looks with me, thy heart in other place:","For there can live no hatred in thine eye,","Therefore in that I cannot know thy change.","In many's looks, the false heart's history","Is writ in moods, and frowns, and wrinkles strange. ","But heaven in thy creation did decree","That in thy face sweet love should ever dwell;","Whate'er thy thoughts, or thy heart's workings be,","Thy looks should nothing thence, but sweetness tell.","How like Eve's apple doth thy beauty grow,","If thy sweet virtue answer not thy show!"]},{number:94,lines:["They that have power to hurt, and will do none,","That do not do the thing they most do show,","Who, moving others, are themselves as stone,","Unmoved, cold, and to temptation slow;","They rightly do inherit heaven's graces,","And husband nature's riches from expense;","They are the lords and owners of their faces,","Others, but stewards of their excellence.","The summer's flower is to the summer sweet,","Though to itself, it only live and die,","But if that flower with base infection meet,","The basest weed outbraves his dignity: ","For sweetest things turn sourest by their deeds;","Lilies that fester, smell far worse than weeds."]},{number:95,lines:["How sweet and lovely dost thou make the shame","Which, like a canker in the fragrant rose,","Doth spot the beauty of thy budding name!","O! in what sweets dost thou thy sins enclose.","That tongue that tells the story of thy days,","Making lascivious comments on thy sport,","Cannot dispraise, but in a kind of praise;","Naming thy name, blesses an ill report.","O! what a mansion have those vices got","Which for their habitation chose out thee,","Where beauty's veil doth cover every blot","And all things turns to fair that eyes can see!","Take heed, dear heart, of this large privilege;","The hardest knife ill-us'd doth lose his edge."]},{number:96,lines:["Some say thy fault is youth, some wantonness;","Some say thy grace is youth and gentle sport;","Both grace and faults are lov'd of more and less:","Thou mak'st faults graces that to thee resort.","As on the finger of a throned queen","The basest jewel will be well esteem'd,","So are those errors that in thee are seen","To truths translated, and for true things deem'd.","How many lambs might the stern wolf betray,","If like a lamb he could his looks translate!","How many gazers mightst thou lead away,","if thou wouldst use the strength of all thy state!","But do not so; I love thee in such sort,","As, thou being mine, mine is thy good report."]},{number:97,lines:["How like a winter hath my absence been","From thee, the pleasure of the fleeting year!","What freezings have I felt, what dark days seen!","What old December's bareness everywhere! ","And yet this time removed was summer's time;","The teeming autumn, big with rich increase,","Bearing the wanton burden of the prime,","Like widow'd wombs after their lords' decease:","Yet this abundant issue seem'd to me","But hope of orphans, and unfather'd fruit;","For summer and his pleasures wait on thee,","And, thou away, the very birds are mute:","Or, if they sing, 'tis with so dull a cheer,","That leaves look pale, dreading the winter's near."]},{number:98,lines:["From you have I been absent in the spring,","When proud-pied April, dress'd in all his trim,","Hath put a spirit of youth in every thing,","That heavy Saturn laugh'd and leap'd with him.","Yet nor the lays of birds, nor the sweet smell","Of different flowers in odour and in hue,","Could make me any summer's story tell,","Or from their proud lap pluck them where they grew: ","Nor did I wonder at the lily's white,","Nor praise the deep vermilion in the rose;","They were but sweet, but figures of delight,","Drawn after you, you pattern of all those.","Yet seem'd it winter still, and you away,","As with your shadow I with these did play."]},{number:99,lines:["The forward violet thus did I chide:","Sweet thief, whence didst thou steal thy sweet that smells,","If not from my love's breath? The purple pride","Which on thy soft cheek for complexion dwells","In my love's veins thou hast too grossly dy'd.","The lily I condemned for thy hand,","And buds of marjoram had stol'n thy hair;","The roses fearfully on thorns did stand,","One blushing shame, another white despair;","A third, nor red nor white, had stol'n of both,","And to his robbery had annex'd thy breath;","But, for his theft, in pride of all his growth ","A vengeful canker eat him up to death.","More flowers I noted, yet I none could see,","But sweet, or colour it had stol'n from thee."]},{number:100,lines:["Where art thou Muse that thou forget'st so long,","To speak of that which gives thee all thy might?","Spend'st thou thy fury on some worthless song,","Darkening thy power to lend base subjects light?","Return forgetful Muse, and straight redeem,","In gentle numbers time so idly spent;","Sing to the ear that doth thy lays esteem","And gives thy pen both skill and argument.","Rise, resty Muse, my love's sweet face survey,","If Time have any wrinkle graven there;","If any, be a satire to decay,","And make time's spoils despised every where.","Give my love fame faster than Time wastes life,","So thou prevent'st his scythe and crooked knife."]},{number:101,lines:["O truant Muse what shall be thy amends","For thy neglect of truth in beauty dy'd?","Both truth and beauty on my love depends;","So dost thou too, and therein dignified.","Make answer Muse: wilt thou not haply say,","'Truth needs no colour, with his colour fix'd;","Beauty no pencil, beauty's truth to lay;","But best is best, if never intermix'd'?","Because he needs no praise, wilt thou be dumb?","Excuse not silence so, for't lies in thee","To make him much outlive a gilded tomb","And to be prais'd of ages yet to be.","Then do thy office, Muse; I teach thee how","To make him seem long hence as he shows now."]},{number:102,lines:["My love is strengthen'd, though more weak in seeming;","I love not less, though less the show appear;","That love is merchandiz'd, whose rich esteeming,","The owner's tongue doth publish every where.","Our love was new, and then but in the spring,","When I was wont to greet it with my lays;","As Philomel in summer's front doth sing,","And stops her pipe in growth of riper days:","Not that the summer is less pleasant now","Than when her mournful hymns did hush the night,","But that wild music burthens every bough,","And sweets grown common lose their dear delight.","Therefore like her, I sometime hold my tongue:","Because I would not dull you with my song."]},{number:103,lines:["Alack! what poverty my Muse brings forth,","That having such a scope to show her pride,","The argument, all bare, is of more worth","Than when it hath my added praise beside!","O! blame me not, if I no more can write!","Look in your glass, and there appears a face","That over-goes my blunt invention quite, ","Dulling my lines, and doing me disgrace.","Were it not sinful then, striving to mend,","To mar the subject that before was well?","For to no other pass my verses tend","Than of your graces and your gifts to tell;","And more, much more, than in my verse can sit,","Your own glass shows you when you look in it."]},{number:104,lines:["To me, fair friend, you never can be old,","For as you were when first your eye I ey'd,","Such seems your beauty still. Three winters cold,","Have from the forests shook three summers' pride,","Three beauteous springs to yellow autumn turn'd,","In process of the seasons have I seen,","Three April perfumes in three hot Junes burn'd,","Since first I saw you fresh, which yet are green.","Ah! yet doth beauty like a dial-hand,","Steal from his figure, and no pace perceiv'd;","So your sweet hue, which methinks still doth stand,","Hath motion, and mine eye may be deceiv'd:","For fear of which, hear this thou age unbred:","Ere you were born was beauty's summer dead."]},{number:105,lines:["Let not my love be call'd idolatry,","Nor my beloved as an idol show,","Since all alike my songs and praises be","To one, of one, still such, and ever so.","Kind is my love to-day, to-morrow kind,","Still constant in a wondrous excellence;","Therefore my verse to constancy confin'd,","One thing expressing, leaves out difference.","'Fair, kind, and true,' is all my argument,","'Fair, kind, and true,' varying to other words;","And in this change is my invention spent,","Three themes in one, which wondrous scope affords.","Fair, kind, and true, have often liv'd alone,","Which three till now, never kept seat in one."]},{number:106,lines:["When in the chronicle of wasted time","I see descriptions of the fairest wights,","And beauty making beautiful old rime,","In praise of ladies dead and lovely knights,","Then, in the blazon of sweet beauty's best,","Of hand, of foot, of lip, of eye, of brow,","I see their antique pen would have express'd","Even such a beauty as you master now.","So all their praises are but prophecies","Of this our time, all you prefiguring;","And for they looked but with divining eyes,","They had not skill enough your worth to sing:","For we, which now behold these present days,","Have eyes to wonder, but lack tongues to praise."]},{number:107,lines:["Not mine own fears, nor the prophetic soul","Of the wide world dreaming on things to come,","Can yet the lease of my true love control, ","Supposed as forfeit to a confin'd doom.","The mortal moon hath her eclipse endur'd,","And the sad augurs mock their own presage;","Incertainties now crown themselves assur'd,","And peace proclaims olives of endless age.","Now with the drops of this most balmy time,","My love looks fresh, and Death to me subscribes,","Since, spite of him, I'll live in this poor rime,","While he insults o'er dull and speechless tribes:","And thou in this shalt find thy monument,","When tyrants' crests and tombs of brass are spent."]},{number:108,lines:["What's in the brain, that ink may character,","Which hath not figur'd to thee my true spirit?","What's new to speak, what now to register,","That may express my love, or thy dear merit?","Nothing, sweet boy; but yet, like prayers divine,","I must each day say o'er the very same;","Counting no old thing old, thou mine, I thine, ","Even as when first I hallow'd thy fair name.","So that eternal love in love's fresh case,","Weighs not the dust and injury of age,","Nor gives to necessary wrinkles place,","But makes antiquity for aye his page;","Finding the first conceit of love there bred,","Where time and outward form would show it dead."]},{number:109,lines:["O! never say that I was false of heart,","Though absence seem'd my flame to qualify,","As easy might I from my self depart","As from my soul which in thy breast doth lie:","That is my home of love: if I have rang'd,","Like him that travels, I return again;","Just to the time, not with the time exchang'd,","So that myself bring water for my stain.","Never believe though in my nature reign'd,","All frailties that besiege all kinds of blood,","That it could so preposterously be stain'd, ","To leave for nothing all thy sum of good;","For nothing this wide universe I call,","Save thou, my rose, in it thou art my all."]},{number:110,lines:["Alas! 'tis true, I have gone here and there,","And made my self a motley to the view,","Gor'd mine own thoughts, sold cheap what is most dear,","Made old offences of affections new;","Most true it is, that I have look'd on truth","Askance and strangely; but, by all above,","These blenches gave my heart another youth,","And worse essays prov'd thee my best of love.","Now all is done, save what shall have no end:","Mine appetite I never more will grind","On newer proof, to try an older friend,","A god in love, to whom I am confin'd.","Then give me welcome, next my heaven the best,","Even to thy pure and most most loving breast."]},{number:111,lines:["O! for my sake do you with Fortune chide,","The guilty goddess of my harmful deeds,","That did not better for my life provide","Than public means which public manners breeds.","Thence comes it that my name receives a brand,","And almost thence my nature is subdu'd","To what it works in, like the dyer's hand:","Pity me, then, and wish I were renew'd;","Whilst, like a willing patient, I will drink,","Potions of eisel 'gainst my strong infection;","No bitterness that I will bitter think,","Nor double penance, to correct correction.","Pity me then, dear friend, and I assure ye,","Even that your pity is enough to cure me."]},{number:112,lines:["Your love and pity doth the impression fill,","Which vulgar scandal stamp'd upon my brow;","For what care I who calls me well or ill, ","So you o'er-green my bad, my good allow?","You are my all-the-world, and I must strive","To know my shames and praises from your tongue;","None else to me, nor I to none alive,","That my steel'd sense or changes right or wrong.","In so profound abysm I throw all care","Of others' voices, that my adder's sense","To critic and to flatterer stopped are.","Mark how with my neglect I do dispense:","You are so strongly in my purpose bred,","That all the world besides methinks are dead."]},{number:113,lines:["Since I left you, mine eye is in my mind;","And that which governs me to go about","Doth part his function and is partly blind,","Seems seeing, but effectually is out;","For it no form delivers to the heart","Of bird, of flower, or shape which it doth latch:","Of his quick objects hath the mind no part, ","Nor his own vision holds what it doth catch;","For if it see the rud'st or gentlest sight,","The most sweet favour or deformed'st creature,","The mountain or the sea, the day or night:","The crow, or dove, it shapes them to your feature.","Incapable of more, replete with you,","My most true mind thus maketh mine untrue."]},{number:114,lines:["Or whether doth my mind, being crown'd with you,","Drink up the monarch's plague, this flattery?","Or whether shall I say, mine eye saith true,","And that your love taught it this alchemy,","To make of monsters and things indigest","Such cherubins as your sweet self resemble,","Creating every bad a perfect best,","As fast as objects to his beams assemble?","O! 'tis the first, 'tis flattery in my seeing,","And my great mind most kingly drinks it up:","Mine eye well knows what with his gust is 'greeing, ","And to his palate doth prepare the cup:","If it be poison'd, 'tis the lesser sin","That mine eye loves it and doth first begin."]},{number:115,lines:["Those lines that I before have writ do lie,","Even those that said I could not love you dearer:","Yet then my judgment knew no reason why","My most full flame should afterwards burn clearer.","But reckoning Time, whose million'd accidents","Creep in 'twixt vows, and change decrees of kings,","Tan sacred beauty, blunt the sharp'st intents,","Divert strong minds to the course of altering things;","Alas! why fearing of Time's tyranny,","Might I not then say, 'Now I love you best,'","When I was certain o'er incertainty,","Crowning the present, doubting of the rest?","Love is a babe, then might I not say so,","To give full growth to that which still doth grow?"]},{number:116,lines:["Let me not to the marriage of true minds","Admit impediments. Love is not love","Which alters when it alteration finds,","Or bends with the remover to remove:","O, no! it is an ever-fixed mark,","That looks on tempests and is never shaken;","It is the star to every wandering bark,","Whose worth's unknown, although his height be taken.","Love's not Time's fool, though rosy lips and cheeks","Within his bending sickle's compass come;","Love alters not with his brief hours and weeks,","But bears it out even to the edge of doom.","If this be error and upon me prov'd,","I never writ, nor no man ever lov'd."]},{number:117,lines:["Accuse me thus: that I have scanted all,","Wherein I should your great deserts repay,","Forgot upon your dearest love to call, ","Whereto all bonds do tie me day by day;","That I have frequent been with unknown minds,","And given to time your own dear-purchas'd right;","That I have hoisted sail to all the winds","Which should transport me farthest from your sight.","Book both my wilfulness and errors down,","And on just proof surmise, accumulate;","Bring me within the level of your frown,","But shoot not at me in your waken'd hate;","Since my appeal says I did strive to prove","The constancy and virtue of your love."]},{number:118,lines:["Like as, to make our appetite more keen,","With eager compounds we our palate urge;","As, to prevent our maladies unseen,","We sicken to shun sickness when we purge;","Even so, being full of your ne'er-cloying sweetness,","To bitter sauces did I frame my feeding;","And, sick of welfare, found a kind of meetness","To be diseas'd, ere that there was true needing.","Thus policy in love, to anticipate","The ills that were not, grew to faults assur'd,","And brought to medicine a healthful state","Which, rank of goodness, would by ill be cur'd;","But thence I learn and find the lesson true,","Drugs poison him that so fell sick of you."]},{number:119,lines:["What potions have I drunk of Siren tears,","Distill'd from limbecks foul as hell within,","Applying fears to hopes, and hopes to fears,","Still losing when I saw myself to win!","What wretched errors hath my heart committed,","Whilst it hath thought itself so blessed never!","How have mine eyes out of their spheres been fitted,","In the distraction of this madding fever!","O benefit of ill! now I find true","That better is, by evil still made better;","And ruin'd love, when it is built anew,","Grows fairer than at first, more strong, far greater.","So I return rebuk'd to my content,","And gain by ill thrice more than I have spent."]},{number:120,lines:["That you were once unkind befriends me now,","And for that sorrow, which I then did feel,","Needs must I under my transgression bow,","Unless my nerves were brass or hammer'd steel.","For if you were by my unkindness shaken,","As I by yours, you've pass'd a hell of time;","And I, a tyrant, have no leisure taken","To weigh how once I suffer'd in your crime.","O! that our night of woe might have remember'd","My deepest sense, how hard true sorrow hits,","And soon to you, as you to me, then tender'd","The humble salve, which wounded bosoms fits!","But that your trespass now becomes a fee;","Mine ransoms yours, and yours must ransom me."]},{number:121,lines:["'Tis better to be vile than vile esteem'd,","When not to be receives reproach of being;","And the just pleasure lost, which is so deem'd","Not by our feeling, but by others' seeing:","For why should others' false adulterate eyes","Give salutation to my sportive blood?","Or on my frailties why are frailer spies,","Which in their wills count bad what I think good?","No, I am that I am, and they that level","At my abuses reckon up their own:","I may be straight though they themselves be bevel;","By their rank thoughts, my deeds must not be shown;","Unless this general evil they maintain,","All men are bad and in their badness reign."]},{number:122,lines:["Thy gift, thy tables, are within my brain","Full character'd with lasting memory,","Which shall above that idle rank remain,","Beyond all date; even to eternity:","Or, at the least, so long as brain and heart","Have faculty by nature to subsist;","Till each to raz'd oblivion yield his part","Of thee, thy record never can be miss'd.","That poor retention could not so much hold,","Nor need I tallies thy dear love to score;","Therefore to give them from me was I bold,","To trust those tables that receive thee more:","To keep an adjunct to remember thee","Were to import forgetfulness in me."]},{number:123,lines:["No, Time, thou shalt not boast that I do change:","Thy pyramids built up with newer might","To me are nothing novel, nothing strange;","They are but dressings of a former sight.","Our dates are brief, and therefore we admire","What thou dost foist upon us that is old;","And rather make them born to our desire","Than think that we before have heard them told.","Thy registers and thee I both defy,","Not wondering at the present nor the past,","For thy records and what we see doth lie,","Made more or less by thy continual haste.","This I do vow and this shall ever be;","I will be true despite thy scythe and thee."]},{number:124,lines:["If my dear love were but the child of state,","It might for Fortune's bastard be unfather'd,","As subject to Time's love or to Time's hate,","Weeds among weeds, or flowers with flowers gather'd.","No, it was builded far from accident;","It suffers not in smiling pomp, nor falls","Under the blow of thralled discontent,","Whereto th' inviting time our fashion calls:","It fears not policy, that heretic,","Which works on leases of short-number'd hours,","But all alone stands hugely politic, ","That it nor grows with heat, nor drowns with showers.","To this I witness call the fools of time,","Which die for goodness, who have lived for crime."]},{number:125,lines:["Were't aught to me I bore the canopy,","With my extern the outward honouring,","Or laid great bases for eternity,","Which proves more short than waste or ruining?","Have I not seen dwellers on form and favour","Lose all and more by paying too much rent","For compound sweet; forgoing simple savour,","Pitiful thrivers, in their gazing spent?","No; let me be obsequious in thy heart,","And take thou my oblation, poor but free,","Which is not mix'd with seconds, knows no art,","But mutual render, only me for thee.","Hence, thou suborned informer! a true soul","When most impeach'd, stands least in thy control."]},{number:126,lines:["O thou, my lovely boy, who in thy power","Dost hold Time's fickle glass, his fickle hour;","Who hast by waning grown, and therein show'st","Thy lovers withering, as thy sweet self grow'st.","If Nature, sovereign mistress over wrack,","As thou goest onwards, still will pluck thee back,","She keeps thee to this purpose, that her skill","May time disgrace and wretched minutes kill.","Yet fear her, O thou minion of her pleasure!","She may detain, but not still keep, her treasure:","Her audit (though delayed) answered must be,","And her quietus is to render thee."]},{number:127,lines:["In the old age black was not counted fair,","Or if it were, it bore not beauty's name;","But now is black beauty's successive heir,","And beauty slander'd with a bastard shame:","For since each hand hath put on Nature's power, ","Fairing the foul with Art's false borrowed face,","Sweet beauty hath no name, no holy bower,","But is profan'd, if not lives in disgrace.","Therefore my mistress' eyes are raven black,","Her eyes so suited, and they mourners seem","At such who, not born fair, no beauty lack,","Sland'ring creation with a false esteem:","Yet so they mourn becoming of their woe,","That every tongue says beauty should look so."]},{number:128,lines:["How oft when thou, my music, music play'st,","Upon that blessed wood whose motion sounds","With thy sweet fingers when thou gently sway'st","The wiry concord that mine ear confounds,","Do I envy those jacks that nimble leap,","To kiss the tender inward of thy hand,","Whilst my poor lips which should that harvest reap,","At the wood's boldness by thee blushing stand!","To be so tickled, they would change their state ","And situation with those dancing chips,","O'er whom thy fingers walk with gentle gait,","Making dead wood more bless'd than living lips.","Since saucy jacks so happy are in this,","Give them thy fingers, me thy lips to kiss."]},{number:129,lines:["The expense of spirit in a waste of shame","Is lust in action: and till action, lust","Is perjur'd, murderous, bloody, full of blame,","Savage, extreme, rude, cruel, not to trust;","Enjoy'd no sooner but despised straight;","Past reason hunted; and no sooner had,","Past reason hated, as a swallow'd bait,","On purpose laid to make the taker mad:","Mad in pursuit and in possession so;","Had, having, and in quest, to have extreme;","A bliss in proof,-- and prov'd, a very woe;","Before, a joy propos'd; behind a dream.","All this the world well knows; yet none knows well","To shun the heaven that leads men to this hell."]},{number:130,lines:["My mistress' eyes are nothing like the sun;","Coral is far more red, than her lips red:","If snow be white, why then her breasts are dun;","If hairs be wires, black wires grow on her head.","I have seen roses damask'd, red and white,","But no such roses see I in her cheeks;","And in some perfumes is there more delight","Than in the breath that from my mistress reeks.","I love to hear her speak, yet well I know","That music hath a far more pleasing sound:","I grant I never saw a goddess go,--","My mistress, when she walks, treads on the ground:","And yet by heaven, I think my love as rare,","As any she belied with false compare."]},{number:131,lines:["Thou art as tyrannous, so as thou art, ","As those whose beauties proudly make them cruel;","For well thou know'st to my dear doting heart","Thou art the fairest and most precious jewel.","Yet, in good faith, some say that thee behold,","Thy face hath not the power to make love groan;","To say they err I dare not be so bold,","Although I swear it to myself alone.","And to be sure that is not false I swear,","A thousand groans, but thinking on thy face,","One on another's neck, do witness bear","Thy black is fairest in my judgment's place.","In nothing art thou black save in thy deeds,","And thence this slander, as I think, proceeds."]},{number:132,lines:["Thine eyes I love, and they, as pitying me,","Knowing thy heart torment me with disdain,","Have put on black and loving mourners be,","Looking with pretty ruth upon my pain.","And truly not the morning sun of heaven ","Better becomes the grey cheeks of the east,","Nor that full star that ushers in the even,","Doth half that glory to the sober west,","As those two mourning eyes become thy face:","O! let it then as well beseem thy heart","To mourn for me since mourning doth thee grace,","And suit thy pity like in every part.","Then will I swear beauty herself is black,","And all they foul that thy complexion lack."]},{number:133,lines:["Beshrew that heart that makes my heart to groan","For that deep wound it gives my friend and me!","Is't not enough to torture me alone,","But slave to slavery my sweet'st friend must be?","Me from myself thy cruel eye hath taken,","And my next self thou harder hast engross'd:","Of him, myself, and thee I am forsaken;","A torment thrice three-fold thus to be cross'd:","Prison my heart in thy steel bosom's ward, ","But then my friend's heart let my poor heart bail;","Whoe'er keeps me, let my heart be his guard;","Thou canst not then use rigour in my jail:","And yet thou wilt; for I, being pent in thee,","Perforce am thine, and all that is in me."]},{number:134,lines:["So, now I have confess'd that he is thine,","And I my self am mortgag'd to thy will,","Myself I'll forfeit, so that other mine","Thou wilt restore to be my comfort still:","But thou wilt not, nor he will not be free,","For thou art covetous, and he is kind;","He learn'd but surety-like to write for me,","Under that bond that him as fast doth bind.","The statute of thy beauty thou wilt take,","Thou usurer, that putt'st forth all to use,","And sue a friend came debtor for my sake;","So him I lose through my unkind abuse.","Him have I lost; thou hast both him and me:","He pays the whole, and yet am I not free."]},{number:135,lines:["Whoever hath her wish, thou hast thy 'Will,'","And 'Will' to boot, and 'Will' in over-plus;","More than enough am I that vex'd thee still,","To thy sweet will making addition thus.","Wilt thou, whose will is large and spacious,","Not once vouchsafe to hide my will in thine?","Shall will in others seem right gracious,","And in my will no fair acceptance shine?","The sea, all water, yet receives rain still,","And in abundance addeth to his store;","So thou, being rich in 'Will,' add to thy 'Will'","One will of mine, to make thy large will more.","Let no unkind 'No' fair beseechers kill;","Think all but one, and me in that one 'Will.'"]},{number:136,lines:["If thy soul check thee that I come so near, ","Swear to thy blind soul that I was thy 'Will',","And will, thy soul knows, is admitted there;","Thus far for love, my love-suit, sweet, fulfil.","'Will', will fulfil the treasure of thy love,","Ay, fill it full with wills, and my will one.","In things of great receipt with ease we prove","Among a number one is reckon'd none:","Then in the number let me pass untold,","Though in thy store's account I one must be;","For nothing hold me, so it please thee hold","That nothing me, a something sweet to thee:","Make but my name thy love, and love that still,","And then thou lov'st me for my name is 'Will.'"]},{number:137,lines:["Thou blind fool, Love, what dost thou to mine eyes,","That they behold, and see not what they see?","They know what beauty is, see where it lies,","Yet what the best is take the worst to be.","If eyes, corrupt by over-partial looks, ","Be anchor'd in the bay where all men ride,","Why of eyes' falsehood hast thou forged hooks,","Whereto the judgment of my heart is tied?","Why should my heart think that a several plot,","Which my heart knows the wide world's common place?","Or mine eyes, seeing this, say this is not,","To put fair truth upon so foul a face?","In things right true my heart and eyes have err'd,","And to this false plague are they now transferr'd."]},{number:138,lines:["When my love swears that she is made of truth,","I do believe her though I know she lies,","That she might think me some untutor'd youth,","Unlearned in the world's false subtleties.","Thus vainly thinking that she thinks me young,","Although she knows my days are past the best,","Simply I credit her false-speaking tongue:","On both sides thus is simple truth suppressed:","But wherefore says she not she is unjust? ","And wherefore say not I that I am old?","O! love's best habit is in seeming trust,","And age in love, loves not to have years told:","Therefore I lie with her, and she with me,","And in our faults by lies we flatter'd be."]},{number:139,lines:["O! call not me to justify the wrong","That thy unkindness lays upon my heart;","Wound me not with thine eye, but with thy tongue:","Use power with power, and slay me not by art,","Tell me thou lov'st elsewhere; but in my sight,","Dear heart, forbear to glance thine eye aside:","What need'st thou wound with cunning, when thy might","Is more than my o'erpress'd defence can bide?","Let me excuse thee: ah! my love well knows","Her pretty looks have been mine enemies;","And therefore from my face she turns my foes,","That they elsewhere might dart their injuries:","Yet do not so; but since I am near slain, ","Kill me outright with looks, and rid my pain."]},{number:140,lines:["Be wise as thou art cruel; do not press","My tongue-tied patience with too much disdain;","Lest sorrow lend me words, and words express","The manner of my pity-wanting pain.","If I might teach thee wit, better it were,","Though not to love, yet, love to tell me so;--","As testy sick men, when their deaths be near,","No news but health from their physicians know;--","For, if I should despair, I should grow mad,","And in my madness might speak ill of thee;","Now this ill-wresting world is grown so bad,","Mad slanderers by mad ears believed be.","That I may not be so, nor thou belied,","Bear thine eyes straight, though thy proud heart go wide."]},{number:141,lines:["In faith I do not love thee with mine eyes, ","For they in thee a thousand errors note;","But 'tis my heart that loves what they despise,","Who, in despite of view, is pleased to dote.","Nor are mine ears with thy tongue's tune delighted;","Nor tender feeling, to base touches prone,","Nor taste, nor smell, desire to be invited","To any sensual feast with thee alone:","But my five wits nor my five senses can","Dissuade one foolish heart from serving thee,","Who leaves unsway'd the likeness of a man,","Thy proud heart's slave and vassal wretch to be:","Only my plague thus far I count my gain,","That she that makes me sin awards me pain."]},{number:142,lines:["Love is my sin, and thy dear virtue hate,","Hate of my sin, grounded on sinful loving:","O! but with mine compare thou thine own state,","And thou shalt find it merits not reproving;","Or, if it do, not from those lips of thine, ","That have profan'd their scarlet ornaments","And seal'd false bonds of love as oft as mine,","Robb'd others' beds' revenues of their rents.","Be it lawful I love thee, as thou lov'st those","Whom thine eyes woo as mine importune thee:","Root pity in thy heart, that, when it grows,","Thy pity may deserve to pitied be.","If thou dost seek to have what thou dost hide,","By self-example mayst thou be denied!"]},{number:143,lines:["Lo, as a careful housewife runs to catch","One of her feather'd creatures broke away,","Sets down her babe, and makes all swift dispatch","In pursuit of the thing she would have stay;","Whilst her neglected child holds her in chase,","Cries to catch her whose busy care is bent","To follow that which flies before her face,","Not prizing her poor infant's discontent;","So runn'st thou after that which flies from thee, ","Whilst I thy babe chase thee afar behind;","But if thou catch thy hope, turn back to me,","And play the mother's part, kiss me, be kind;","So will I pray that thou mayst have thy 'Will,'","If thou turn back and my loud crying still."]},{number:144,lines:["Two loves I have of comfort and despair,","Which like two spirits do suggest me still:","The better angel is a man right fair,","The worser spirit a woman colour'd ill.","To win me soon to hell, my female evil,","Tempteth my better angel from my side,","And would corrupt my saint to be a devil,","Wooing his purity with her foul pride.","And whether that my angel be turn'd fiend,","Suspect I may, yet not directly tell;","But being both from me, both to each friend,","I guess one angel in another's hell:","Yet this shall I ne'er know, but live in doubt, ","Till my bad angel fire my good one out."]},{number:145,lines:["Those lips that Love's own hand did make,","Breathed forth the sound that said 'I hate',","To me that languish'd for her sake:","But when she saw my woeful state,","Straight in her heart did mercy come,","Chiding that tongue that ever sweet","Was us'd in giving gentle doom;","And taught it thus anew to greet;","'I hate' she alter'd with an end,","That followed it as gentle day,","Doth follow night, who like a fiend","From heaven to hell is flown away.","'I hate', from hate away she threw,","And sav'd my life, saying 'not you'."]},{number:146,lines:["Poor soul, the centre of my sinful earth, ","My sinful earth these rebel powers array,","Why dost thou pine within and suffer dearth,","Painting thy outward walls so costly gay?","Why so large cost, having so short a lease,","Dost thou upon thy fading mansion spend?","Shall worms, inheritors of this excess,","Eat up thy charge? Is this thy body's end?","Then soul, live thou upon thy servant's loss,","And let that pine to aggravate thy store;","Buy terms divine in selling hours of dross;","Within be fed, without be rich no more:","So shall thou feed on Death, that feeds on men,","And Death once dead, there's no more dying then."]},{number:147,lines:["My love is as a fever longing still,","For that which longer nurseth the disease;","Feeding on that which doth preserve the ill,","The uncertain sickly appetite to please.","My reason, the physician to my love, ","Angry that his prescriptions are not kept,","Hath left me, and I desperate now approve","Desire is death, which physic did except.","Past cure I am, now Reason is past care,","And frantic-mad with evermore unrest;","My thoughts and my discourse as madmen's are,","At random from the truth vainly express'd;","For I have sworn thee fair, and thought thee bright,","Who art as black as hell, as dark as night."]},{number:148,lines:["O me! what eyes hath Love put in my head,","Which have no correspondence with true sight;","Or, if they have, where is my judgment fled,","That censures falsely what they see aright?","If that be fair whereon my false eyes dote,","What means the world to say it is not so?","If it be not, then love doth well denote","Love's eye is not so true as all men's: no,","How can it? O! how can Love's eye be true, ","That is so vexed with watching and with tears?","No marvel then, though I mistake my view;","The sun itself sees not, till heaven clears.","O cunning Love! with tears thou keep'st me blind,","Lest eyes well-seeing thy foul faults should find."]},{number:149,lines:["Canst thou, O cruel! say I love thee not,","When I against myself with thee partake?","Do I not think on thee, when I forgot","Am of my self, all tyrant, for thy sake?","Who hateth thee that I do call my friend,","On whom frown'st thou that I do fawn upon,","Nay, if thou lour'st on me, do I not spend","Revenge upon myself with present moan?","What merit do I in my self respect,","That is so proud thy service to despise,","When all my best doth worship thy defect,","Commanded by the motion of thine eyes?","But, love, hate on, for now I know thy mind;","Those that can see thou lov'st, and I am blind."]},{number:150,lines:["O! from what power hast thou this powerful might,","With insufficiency my heart to sway?","To make me give the lie to my true sight,","And swear that brightness doth not grace the day?","Whence hast thou this becoming of things ill,","That in the very refuse of thy deeds","There is such strength and warrantise of skill,","That, in my mind, thy worst all best exceeds?","Who taught thee how to make me love thee more,","The more I hear and see just cause of hate?","O! though I love what others do abhor,","With others thou shouldst not abhor my state:","If thy unworthiness rais'd love in me,","More worthy I to be belov'd of thee."]},{number:151,lines:["Love is too young to know what conscience is, ","Yet who knows not conscience is born of love?","Then, gentle cheater, urge not my amiss,","Lest guilty of my faults thy sweet self prove:","For, thou betraying me, I do betray","My nobler part to my gross body's treason;","My soul doth tell my body that he may","Triumph in love; flesh stays no farther reason,","But rising at thy name doth point out thee,","As his triumphant prize. Proud of this pride,","He is contented thy poor drudge to be,","To stand in thy affairs, fall by thy side.","No want of conscience hold it that I call","Her 'love,' for whose dear love I rise and fall."]},{number:152,lines:["In loving thee thou know'st I am forsworn,","But thou art twice forsworn, to me love swearing;","In act thy bed-vow broke, and new faith torn,","In vowing new hate after new love bearing:","But why of two oaths' breach do I accuse thee, ","When I break twenty? I am perjur'd most;","For all my vows are oaths but to misuse thee,","And all my honest faith in thee is lost:","For I have sworn deep oaths of thy deep kindness,","Oaths of thy love, thy truth, thy constancy;","And, to enlighten thee, gave eyes to blindness,","Or made them swear against the thing they see;","For I have sworn thee fair; more perjur'd I,","To swear against the truth so foul a lie!"]},{number:153,lines:["Cupid laid by his brand and fell asleep:","A maid of Dian's this advantage found,","And his love-kindling fire did quickly steep","In a cold valley-fountain of that ground;","Which borrow'd from this holy fire of Love,","A dateless lively heat, still to endure,","And grew a seeting bath, which yet men prove","Against strange maladies a sovereign cure.","But at my mistress' eye Love's brand new-fired, ","The boy for trial needs would touch my breast;","I, sick withal, the help of bath desired,","And thither hied, a sad distemper'd guest,","But found no cure, the bath for my help lies","Where Cupid got new fire; my mistress' eyes."]},{number:154,lines:["The little Love-god lying once asleep,","Laid by his side his heart-inflaming brand,","Whilst many nymphs that vow'd chaste life to keep","Came tripping by; but in her maiden hand","The fairest votary took up that fire","Which many legions of true hearts had warm'd;","And so the general of hot desire","Was, sleeping, by a virgin hand disarm'd.","This brand she quenched in a cool well by,","Which from Love's fire took heat perpetual,","Growing a bath and healthful remedy,","For men diseas'd; but I, my mistress' thrall,","Came there for cure and this by that I prove, ","Love's fire heats water, water cools not love."]}];Object.defineProperty(h,"__esModule",{value:!0});var o=n,m=function(){function t(){this.all=function(){return o.SonnetData},this.find=function(e){var a=e?e.toLowerCase():"";return o.SonnetData.filter(function(i){var r=i.lines.filter(function(l){return l.toLowerCase().indexOf(a)!=-1});return r.length>0})},this.random=function(){var e=Math.floor(Math.random()*o.SonnetData.length);return o.SonnetData[e]}}return t}();h.Sonnets=m;Object.defineProperty(s,"__esModule",{value:!0});var y=h,w=function(){function t(){this.sonnets=new y.Sonnets}return t}();s.Shakespeare=w;var f=s,g=new f.Shakespeare;const c=u("
          "),p=()=>{let t=g.sonnets.random();return(()=>{const e=c.cloneNode(!0);return d(e,()=>t.lines.slice(0,10).join(" ")),e})()};export{p as S};
+import{o as d,t as u}from"./index.46b6df7f.js";var s={},h={},n={};Object.defineProperty(n,"__esModule",{value:!0});n.SonnetData=[{number:1,lines:["From fairest creatures we desire increase,","That thereby beauty's rose might never die,","But as the riper should by time decease,","His tender heir might bear his memory:","But thou contracted to thine own bright eyes,","Feed'st thy light's flame with self-substantial fuel,","Making a famine where abundance lies,","Thy self thy foe, to thy sweet self too cruel:","Thou that art now the world's fresh ornament,","And only herald to the gaudy spring,","Within thine own bud buriest thy content,","And tender churl mak'st waste in niggarding:","Pity the world, or else this glutton be,","To eat the world's due, by the grave and thee."]},{number:2,lines:["When forty winters shall besiege thy brow,","And dig deep trenches in thy beauty's field,","Thy youth's proud livery so gazed on now,","Will be a tatter'd weed of small worth held: ","Then being asked, where all thy beauty lies,","Where all the treasure of thy lusty days; ","To say, within thine own deep sunken eyes,","Were an all-eating shame, and thriftless praise.","How much more praise deserv'd thy beauty's use,","If thou couldst answer 'This fair child of mine","Shall sum my count, and make my old excuse,'","Proving his beauty by succession thine!","This were to be new made when thou art old,","And see thy blood warm when thou feel'st it cold."]},{number:3,lines:["Look in thy glass and tell the face thou viewest","Now is the time that face should form another;","Whose fresh repair if now thou not renewest,","Thou dost beguile the world, unbless some mother.","For where is she so fair whose unear'd womb","Disdains the tillage of thy husbandry?","Or who is he so fond will be the tomb,","Of his self-love to stop posterity? ","Thou art thy mother's glass and she in thee","Calls back the lovely April of her prime;","So thou through windows of thine age shalt see,","Despite of wrinkles this thy golden time.","But if thou live, remember'd not to be,","Die single and thine image dies with thee."]},{number:4,lines:["Unthrifty loveliness, why dost thou spend","Upon thy self thy beauty's legacy?","Nature's bequest gives nothing, but doth lend,","And being frank she lends to those are free:","Then, beauteous niggard, why dost thou abuse","The bounteous largess given thee to give?","Profitless usurer, why dost thou use","So great a sum of sums, yet canst not live?","For having traffic with thy self alone,","Thou of thy self thy sweet self dost deceive:","Then how when nature calls thee to be gone,","What acceptable audit canst thou leave?","Thy unused beauty must be tombed with thee,","Which, used, lives th' executor to be."]},{number:5,lines:["Those hours, that with gentle work did frame","The lovely gaze where every eye doth dwell,","Will play the tyrants to the very same","And that unfair which fairly doth excel;","For never-re sting time leads summer on","To hideous winter, and confounds him there;","Sap checked with frost, and lusty leaves quite gone,","Beauty o'er-snowed and bareness every where:","Then were not summer's distillation left,","A liquid prisoner pent in walls of glass,","Beauty's effect with beauty were bereft,","Nor it, nor no remembrance what it was:","But flowers distill'd, though they with winter meet,","Leese but their show; their substance still lives sweet."]},{number:6,lines:["Then let not winter's ragged hand deface,","In thee thy summer, ere thou be distill'd:","Make sweet some vial; treasure thou some place","With beauty's treasure ere it be self-kill'd.","That use is not forbidden usury,","Which happies those that pay the willing loan;","That's for thy self to breed another thee,","Or ten times happier, be it ten for one;","Ten times thy self were happier than thou art,","If ten of thine ten times refigur'd thee:","Then what could death do if thou shouldst depart,","Leaving thee living in posterity?","Be not self-will'd, for thou art much too fair","To be death's conquest and make worms thine heir."]},{number:7,lines:["Lo! in the orient when the gracious light","Lifts up his burning head, each under eye","Doth homage to his new-appearing sight,","Serving with looks his sacred majesty; ","And having climb'd the steep-up heavenly hill,","Resembling strong youth in his middle age,","Yet mortal looks adore his beauty still,","Attending on his golden pilgrimage:","But when from highmost pitch, with weary car,","Like feeble age, he reeleth from the day,","The eyes, 'fore duteous, now converted are","From his low tract, and look another way:","So thou, thyself outgoing in thy noon:","Unlook'd, on diest unless thou get a son."]},{number:8,lines:["Music to hear, why hear'st thou music sadly?","Sweets with sweets war not, joy delights in joy:","Why lov'st thou that which thou receiv'st not gladly,","Or else receiv'st with pleasure thine annoy?","If the true concord of well-tuned sounds,","By unions married, do offend thine ear,","They do but sweetly chide thee, who confounds","In singleness the parts that thou shouldst bear. ","Mark how one string, sweet husband to another,","Strikes each in each by mutual ordering;","Resembling sire and child and happy mother,","Who, all in one, one pleasing note do sing:","Whose speechless song being many, seeming one,","Sings this to thee: 'Thou single wilt prove none.'"]},{number:9,lines:["Is it for fear to wet a widow's eye,","That thou consum'st thy self in single life?","Ah! if thou issueless shalt hap to die,","The world will wail thee like a makeless wife;","The world will be thy widow and still weep","That thou no form of thee hast left behind,","When every private widow well may keep","By children's eyes, her husband's shape in mind:","Look! what an unthrift in the world doth spend","Shifts but his place, for still the world enjoys it;","But beauty's waste hath in the world an end,","And kept unused the user so destroys it.","No love toward others in that bosom sits","That on himself such murd'rous shame commits."]},{number:10,lines:["For shame! deny that thou bear'st love to any,","Who for thy self art so unprovident.","Grant, if thou wilt, thou art belov'd of many,","But that thou none lov'st is most evident:","For thou art so possess'd with murderous hate,","That 'gainst thy self thou stick'st not to conspire,","Seeking that beauteous roof to ruinate","Which to repair should be thy chief desire.","O! change thy thought, that I may change my mind:","Shall hate be fairer lodg'd than gentle love?","Be, as thy presence is, gracious and kind,","Or to thyself at least kind-hearted prove:","Make thee another self for love of me,","That beauty still may live in thine or thee."]},{number:11,lines:["As fast as thou shalt wane, so fast thou grow'st,","In one of thine, from that which thou departest;","And that fresh blood which youngly thou bestow'st,","Thou mayst call thine when thou from youth convertest,","Herein lives wisdom, beauty, and increase;","Without this folly, age, and cold decay:","If all were minded so, the times should cease","And threescore year would make the world away.","Let those whom nature hath not made for store,","Harsh, featureless, and rude, barrenly perish:","Look, whom she best endow'd, she gave thee more;","Which bounteous gift thou shouldst in bounty cherish:","She carv'd thee for her seal, and meant thereby,","Thou shouldst print more, not let that copy die."]},{number:12,lines:["When I do count the clock that tells the time,","And see the brave day sunk in hideous night;","When I behold the violet past prime,","And sable curls, all silvered o'er with white;","When lofty trees I see barren of leaves,","Which erst from heat did canopy the herd,","And summer's green all girded up in sheaves,","Borne on the bier with white and bristly beard,","Then of thy beauty do I question make,","That thou among the wastes of time must go,","Since sweets and beauties do themselves forsake","And die as fast as they see others grow;","And nothing 'gainst Time's scythe can make defence","Save breed, to brave him when he takes thee hence."]},{number:13,lines:["O! that you were your self; but, love you are","No longer yours, than you your self here live:","Against this coming end you should prepare,","And your sweet semblance to some other give:","So should that beauty which you hold in lease","Find no determination; then you were","Yourself again, after yourself's decease,","When your sweet issue your sweet form should bear.","Who lets so fair a house fall to decay,","Which husbandry in honour might uphold,","Against the stormy gusts of winter's day","And barren rage of death's eternal cold?","O! none but unthrifts. Dear my love, you know,","You had a father: let your son say so."]},{number:14,lines:["Not from the stars do I my judgement pluck;","And yet methinks I have astronomy,","But not to tell of good or evil luck,","Of plagues, of dearths, or seasons' quality;","Nor can I fortune to brief minutes tell,","Pointing to each his thunder, rain and wind,","Or say with princes if it shall go well","By oft predict that I in heaven find:","But from thine eyes my knowledge I derive,","And constant stars in them I read such art","As 'Truth and beauty shall together thrive,","If from thyself, to store thou wouldst convert';","Or else of thee this I prognosticate:","'Thy end is truth's and beauty's doom and date.'"]},{number:15,lines:["When I consider every thing that grows","Holds in perfection but a little moment,","That this huge stage presenteth nought but shows","Whereon the stars in secret influence comment;","When I perceive that men as plants increase,","Cheered and checked even by the self-same sky,","Vaunt in their youthful sap, at height decrease,","And wear their brave state out of memory;","Then the conceit of this inconstant stay","Sets you most rich in youth before my sight,","Where wasteful Time debateth with decay","To change your day of youth to sullied night,","And all in war with Time for love of you,","As he takes from you, I engraft you new."]},{number:16,lines:["But wherefore do not you a mightier way","Make war upon this bloody tyrant, Time?","And fortify your self in your decay","With means more blessed than my barren rhyme?","Now stand you on the top of happy hours,","And many maiden gardens, yet unset,","With virtuous wish would bear you living flowers,","Much liker than your painted counterfeit:","So should the lines of life that life repair,","Which this, Time's pencil, or my pupil pen,","Neither in inward worth nor outward fair,","Can make you live your self in eyes of men.","To give away yourself, keeps yourself still,","And you must live, drawn by your own sweet skill."]},{number:17,lines:["Who will believe my verse in time to come,","If it were fill'd with your most high deserts?","Though yet heaven knows it is but as a tomb","Which hides your life, and shows not half your parts.","If I could write the beauty of your eyes,","And in fresh numbers number all your graces,","The age to come would say 'This poet lies;","Such heavenly touches ne'er touch'd earthly faces.'","So should my papers, yellow'd with their age,","Be scorn'd, like old men of less truth than tongue,","And your true rights be term'd a poet's rage","And stretched metre of an antique song:","But were some child of yours alive that time,","You should live twice,--in it, and in my rhyme."]},{number:18,lines:["Shall I compare thee to a summer's day?","Thou art more lovely and more temperate:","Rough winds do shake the darling buds of May,","And summer's lease hath all too short a date:","Sometime too hot the eye of heaven shines,","And often is his gold complexion dimm'd,","And every fair from fair sometime declines,","By chance, or nature's changing course untrimm'd:","But thy eternal summer shall not fade,","Nor lose possession of that fair thou ow'st,","Nor shall death brag thou wander'st in his shade,","When in eternal lines to time thou grow'st,","So long as men can breathe, or eyes can see,","So long lives this, and this gives life to thee."]},{number:19,lines:["Devouring Time, blunt thou the lion's paws,","And make the earth devour her own sweet brood;","Pluck the keen teeth from the fierce tiger's jaws,","And burn the long-liv'd phoenix, in her blood;","Make glad and sorry seasons as thou fleets,","And do whate'er thou wilt, swift-footed Time,","To the wide world and all her fading sweets;","But I forbid thee one most heinous crime:","O! carve not with thy hours my love's fair brow,","Nor draw no lines there with thine antique pen;","Him in thy course untainted do allow","For beauty's pattern to succeeding men.","Yet, do thy worst old Time: despite thy wrong,","My love shall in my verse ever live young."]},{number:20,lines:["A woman's face with nature's own hand painted,","Hast thou, the master mistress of my passion;","A woman's gentle heart, but not acquainted","With shifting change, as is false women's fashion:","An eye more bright than theirs, less false in rolling,","Gilding the object whereupon it gazeth;","A man in hue all 'hues' in his controlling,","Which steals men's eyes and women's souls amazeth.","And for a woman wert thou first created;","Till Nature, as she wrought thee, fell a-doting,","And by addition me of thee defeated,","By adding one thing to my purpose nothing.","But since she prick'd thee out for women's pleasure,","Mine be thy love and thy love's use their treasure."]},{number:21,lines:["So is it not with me as with that Muse,","Stirr'd by a painted beauty to his verse,","Who heaven itself for ornament doth use","And every fair with his fair doth rehearse,","Making a couplement of proud compare'","With sun and moon, with earth and sea's rich gems,","With April's first-born flowers, and all things rare,","That heaven's air in this huge rondure hems.","O! let me, true in love, but truly write,","And then believe me, my love is as fair","As any mother's child, though not so bright","As those gold candles fix'd in heaven's air:","Let them say more that like of hearsay well;","I will not praise that purpose not to sell."]},{number:22,lines:["My glass shall not persuade me I am old,","So long as youth and thou are of one date;","But when in thee time's furrows I behold,","Then look I death my days should expiate.","For all that beauty that doth cover thee,","Is but the seemly raiment of my heart,","Which in thy breast doth live, as thine in me:","How can I then be elder than thou art?","O! therefore love, be of thyself so wary","As I, not for myself, but for thee will;","Bearing thy heart, which I will keep so chary","As tender nurse her babe from faring ill.","Presume not on thy heart when mine is slain,","Thou gav'st me thine not to give back again."]},{number:23,lines:["As an unperfect actor on the stage,","Who with his fear is put beside his part,","Or some fierce thing replete with too much rage,","Whose strength's abundance weakens his own heart;","So I, for fear of trust, forget to say","The perfect ceremony of love's rite,","And in mine own love's strength seem to decay,","O'ercharg'd with burthen of mine own love's might. ","O! let my looks be then the eloquence","And dumb presagers of my speaking breast,","Who plead for love, and look for recompense,","More than that tongue that more hath more express'd.","O! learn to read what silent love hath writ:","To hear with eyes belongs to love's fine wit."]},{number:24,lines:["Mine eye hath play'd the painter and hath stell'd,","Thy beauty's form in table of my heart;","My body is the frame wherein 'tis held,","And perspective it is best painter's art.","For through the painter must you see his skill,","To find where your true image pictur'd lies,","Which in my bosom's shop is hanging still,","That hath his windows glazed with thine eyes.","Now see what good turns eyes for eyes have done:","Mine eyes have drawn thy shape, and thine for me","Are windows to my breast, where-through the sun","Delights to peep, to gaze therein on thee; ","Yet eyes this cunning want to grace their art,","They draw but what they see, know not the heart."]},{number:25,lines:["Let those who are in favour with their stars","Of public honour and proud titles boast,","Whilst I, whom fortune of such triumph bars","Unlook'd for joy in that I honour most.","Great princes' favourites their fair leaves spread","But as the marigold at the sun's eye,","And in themselves their pride lies buried,","For at a frown they in their glory die.","The painful warrior famoused for fight,","After a thousand victories once foil'd,","Is from the book of honour razed quite,","And all the rest forgot for which he toil'd:","Then happy I, that love and am belov'd,","Where I may not remove nor be remov'd."]},{number:26,lines:["Lord of my love, to whom in vassalage","Thy merit hath my duty strongly knit,","To thee I send this written embassage,","To witness duty, not to show my wit:","Duty so great, which wit so poor as mine","May make seem bare, in wanting words to show it,","But that I hope some good conceit of thine","In thy soul's thought, all naked, will bestow it:","Till whatsoever star that guides my moving,","Points on me graciously with fair aspect,","And puts apparel on my tatter'd loving,","To show me worthy of thy sweet respect:","Then may I dare to boast how I do love thee;","Till then, not show my head where thou mayst prove me."]},{number:27,lines:["Weary with toil, I haste me to my bed,","The dear respose for limbs with travel tir'd;","But then begins a journey in my head","To work my mind, when body's work's expired: ","For then my thoughts--from far where I abide--","Intend a zealous pilgrimage to thee,","And keep my drooping eyelids open wide,","Looking on darkness which the blind do see:","Save that my soul's imaginary sight","Presents thy shadow to my sightless view,","Which, like a jewel (hung in ghastly night,","Makes black night beauteous, and her old face new.","Lo! thus, by day my limbs, by night my mind,","For thee, and for myself, no quiet find."]},{number:28,lines:["How can I then return in happy plight,","That am debarre'd the benefit of rest?","When day's oppression is not eas'd by night,","But day by night and night by day oppress'd,","And each, though enemies to either's reign,","Do in consent shake hands to torture me,","The one by toil, the other to complain","How far I toil, still farther off from thee. ","I tell the day, to please him thou art bright,","And dost him grace when clouds do blot the heaven:","So flatter I the swart-complexion'd night,","When sparkling stars twire not thou gild'st the even.","But day doth daily draw my sorrows longer,","And night doth nightly make grief's length seem stronger."]},{number:29,lines:["When in disgrace with fortune and men's eyes","I all alone beweep my outcast state,","And trouble deaf heaven with my bootless cries,","And look upon myself, and curse my fate,","Wishing me like to one more rich in hope,","Featur'd like him, like him with friends possess'd,","Desiring this man's art, and that man's scope,","With what I most enjoy contented least;","Yet in these thoughts my self almost despising,","Haply I think on thee,-- and then my state,","Like to the lark at break of day arising","From sullen earth, sings hymns at heaven's gate;","For thy sweet love remember'd such wealth brings","That then I scorn to change my state with kings."]},{number:30,lines:["When to the sessions of sweet silent thought","I summon up remembrance of things past,","I sigh the lack of many a thing I sought,","And with old woes new wail my dear time's waste:","Then can I drown an eye, unused to flow,","For precious friends hid in death's dateless night,","And weep afresh love's long since cancell'd woe,","And moan the expense of many a vanish'd sight:","Then can I grieve at grievances foregone,","And heavily from woe to woe tell o'er","The sad account of fore-bemoaned moan,","Which I new pay as if not paid before.","But if the while I think on thee, dear friend,","All losses are restor'd and sorrows end."]},{number:31,lines:["Thy bosom is endeared with all hearts,","Which I by lacking have supposed dead;","And there reigns Love, and all Love's loving parts,","And all those friends which I thought buried.","How many a holy and obsequious tear","Hath dear religious love stol'n from mine eye,","As interest of the dead, which now appear","But things remov'd that hidden in thee lie!","Thou art the grave where buried love doth live,","Hung with the trophies of my lovers gone,","Who all their parts of me to thee did give,","That due of many now is thine alone:","Their images I lov'd, I view in thee,","And thou--all they--hast all the all of me."]},{number:32,lines:["If thou survive my well-contented day,","When that churl Death my bones with dust shall cover","And shalt by fortune once more re-survey","These poor rude lines of thy deceased lover,","Compare them with the bett'ring of the time,","And though they be outstripp'd by every pen,","Reserve them for my love, not for their rhyme,","Exceeded by the height of happier men.","O! then vouchsafe me but this loving thought:","'Had my friend's Muse grown with this growing age,","A dearer birth than this his love had brought,","To march in ranks of better equipage:","But since he died and poets better prove,","Theirs for their style I'll read, his for his love'."]},{number:33,lines:["Full many a glorious morning have I seen","Flatter the mountain tops with sovereign eye,","Kissing with golden face the meadows green,","Gilding pale streams with heavenly alchemy;","Anon permit the basest clouds to ride","With ugly rack on his celestial face,","And from the forlorn world his visage hide,","Stealing unseen to west with this disgrace: ","Even so my sun one early morn did shine,","With all triumphant splendour on my brow;","But out! alack! he was but one hour mine,","The region cloud hath mask'd him from me now.","Yet him for this my love no whit disdaineth;","Suns of the world may stain when heaven's sun staineth."]},{number:34,lines:["Why didst thou promise such a beauteous day,","And make me travel forth without my cloak,","To let base clouds o'ertake me in my way,","Hiding thy bravery in their rotten smoke?","'Tis not enough that through the cloud thou break,","To dry the rain on my storm-beaten face,","For no man well of such a salve can speak,","That heals the wound, and cures not the disgrace:","Nor can thy shame give physic to my grief;","Though thou repent, yet I have still the loss:","The offender's sorrow lends but weak relief","To him that bears the strong offence's cross. ","Ah! but those tears are pearl which thy love sheds,","And they are rich and ransom all ill deeds."]},{number:35,lines:["No more be griev'd at that which thou hast done:","Roses have thorns, and silver fountains mud:","Clouds and eclipses stain both moon and sun,","And loathsome canker lives in sweetest bud.","All men make faults, and even I in this,","Authorizing thy trespass with compare,","Myself corrupting, salving thy amiss,","Excusing thy sins more than thy sins are;","For to thy sensual fault I bring in sense,--","Thy adverse party is thy advocate,--","And 'gainst myself a lawful plea commence:","Such civil war is in my love and hate,","That I an accessary needs must be,","To that sweet thief which sourly robs from me."]},{number:36,lines:["Let me confess that we two must be twain,","Although our undivided loves are one:","So shall those blots that do with me remain,","Without thy help, by me be borne alone.","In our two loves there is but one respect,","Though in our lives a separable spite,","Which though it alter not love's sole effect,","Yet doth it steal sweet hours from love's delight.","I may not evermore acknowledge thee,","Lest my bewailed guilt should do thee shame,","Nor thou with public kindness honour me,","Unless thou take that honour from thy name:","But do not so, I love thee in such sort,","As thou being mine, mine is thy good report."]},{number:37,lines:["As a decrepit father takes delight","To see his active child do deeds of youth,","So I, made lame by Fortune's dearest spite,","Take all my comfort of thy worth and truth; ","For whether beauty, birth, or wealth, or wit,","Or any of these all, or all, or more,","Entitled in thy parts, do crowned sit,","I make my love engrafted, to this store:","So then I am not lame, poor, nor despis'd,","Whilst that this shadow doth such substance give","That I in thy abundance am suffic'd,","And by a part of all thy glory live.","Look what is best, that best I wish in thee:","This wish I have; then ten times happy me!"]},{number:38,lines:["How can my muse want subject to invent,","While thou dost breathe, that pour'st into my verse","Thine own sweet argument, too excellent","For every vulgar paper to rehearse?","O! give thy self the thanks, if aught in me","Worthy perusal stand against thy sight;","For who's so dumb that cannot write to thee,","When thou thy self dost give invention light? ","Be thou the tenth Muse, ten times more in worth","Than those old nine which rhymers invocate;","And he that calls on thee, let him bring forth","Eternal numbers to outlive long date.","If my slight muse do please these curious days,","The pain be mine, but thine shall be the praise."]},{number:39,lines:["O! how thy worth with manners may I sing,","When thou art all the better part of me?","What can mine own praise to mine own self bring?","And what is't but mine own when I praise thee?","Even for this, let us divided live,","And our dear love lose name of single one,","That by this separation I may give","That due to thee which thou deserv'st alone.","O absence! what a torment wouldst thou prove,","Were it not thy sour leisure gave sweet leave,","To entertain the time with thoughts of love,","Which time and thoughts so sweetly doth deceive, ","And that thou teachest how to make one twain,","By praising him here who doth hence remain."]},{number:40,lines:["Take all my loves, my love, yea take them all;","What hast thou then more than thou hadst before?","No love, my love, that thou mayst true love call;","All mine was thine, before thou hadst this more.","Then, if for my love, thou my love receivest,","I cannot blame thee, for my love thou usest;","But yet be blam'd, if thou thy self deceivest","By wilful taste of what thyself refusest.","I do forgive thy robbery, gentle thief,","Although thou steal thee all my poverty:","And yet, love knows it is a greater grief","To bear love's wrong, than hate's known injury.","Lascivious grace, in whom all ill well shows,","Kill me with spites yet we must not be foes."]},{number:41,lines:["Those pretty wrongs that liberty commits,","When I am sometime absent from thy heart,","Thy beauty, and thy years full well befits,","For still temptation follows where thou art.","Gentle thou art, and therefore to be won,","Beauteous thou art, therefore to be assail'd;","And when a woman woos, what woman's son","Will sourly leave her till he have prevail'd?","Ay me! but yet thou mightst my seat forbear,","And chide thy beauty and thy straying youth,","Who lead thee in their riot even there","Where thou art forced to break a twofold truth:--","Hers by thy beauty tempting her to thee,","Thine by thy beauty being false to me."]},{number:42,lines:["That thou hast her it is not all my grief,","And yet it may be said I loved her dearly;","That she hath thee is of my wailing chief,","A loss in love that touches me more nearly. ","Loving offenders thus I will excuse ye:","Thou dost love her, because thou know'st I love her;","And for my sake even so doth she abuse me,","Suffering my friend for my sake to approve her.","If I lose thee, my loss is my love's gain,","And losing her, my friend hath found that loss;","Both find each other, and I lose both twain,","And both for my sake lay on me this cross:","But here's the joy; my friend and I are one;","Sweet flattery! then she loves but me alone."]},{number:43,lines:["When most I wink, then do mine eyes best see,","For all the day they view things unrespected;","But when I sleep, in dreams they look on thee,","And darkly bright, are bright in dark directed.","Then thou, whose shadow shadows doth make bright,","How would thy shadow's form form happy show","To the clear day with thy much clearer light,","When to unseeing eyes thy shade shines so! ","How would, I say, mine eyes be blessed made","By looking on thee in the living day,","When in dead night thy fair imperfect shade","Through heavy sleep on sightless eyes doth stay!","All days are nights to see till I see thee,","And nights bright days when dreams do show thee me."]},{number:44,lines:["If the dull substance of my flesh were thought,","Injurious distance should not stop my way;","For then despite of space I would be brought,","From limits far remote, where thou dost stay.","No matter then although my foot did stand","Upon the farthest earth remov'd from thee;","For nimble thought can jump both sea and land,","As soon as think the place where he would be.","But, ah! thought kills me that I am not thought,","To leap large lengths of miles when thou art gone,","But that so much of earth and water wrought,","I must attend time's leisure with my moan;","Receiving nought by elements so slow","But heavy tears, badges of either's woe."]},{number:45,lines:["The other two, slight air, and purging fire","Are both with thee, wherever I abide;","The first my thought, the other my desire,","These present-absent with swift motion slide.","For when these quicker elements are gone","In tender embassy of love to thee,","My life, being made of four, with two alone","Sinks down to death, oppress'd with melancholy;","Until life's composition be recur'd","By those swift messengers return'd from thee,","Who even but now come back again, assur'd,","Of thy fair health, recounting it to me:","This told, I joy; but then no longer glad,","I send them back again, and straight grow sad."]},{number:46,lines:["Mine eye and heart are at a mortal war,","How to divide the conquest of thy sight;","Mine eye my heart thy picture's sight would bar,","My heart mine eye the freedom of that right.","My heart doth plead that thou in him dost lie,--","A closet never pierc'd with crystal eyes--","But the defendant doth that plea deny,","And says in him thy fair appearance lies.","To side this title is impannelled","A quest of thoughts, all tenants to the heart;","And by their verdict is determined","The clear eye's moiety, and the dear heart's part:","As thus; mine eye's due is thy outward part,","And my heart's right, thy inward love of heart."]},{number:47,lines:["Betwixt mine eye and heart a league is took,","And each doth good turns now unto the other:","When that mine eye is famish'd for a look,","Or heart in love with sighs himself doth smother,","With my love's picture then my eye doth feast,","And to the painted banquet bids my heart;","Another time mine eye is my heart's guest,","And in his thoughts of love doth share a part:","So, either by thy picture or my love,","Thy self away, art present still with me;","For thou not farther than my thoughts canst move,","And I am still with them, and they with thee;","Or, if they sleep, thy picture in my sight","Awakes my heart, to heart's and eye's delight."]},{number:48,lines:["How careful was I when I took my way,","Each trifle under truest bars to thrust,","That to my use it might unused stay","From hands of falsehood, in sure wards of trust!","But thou, to whom my jewels trifles are,","Most worthy comfort, now my greatest grief,","Thou best of dearest, and mine only care,","Art left the prey of every vulgar thief. ","Thee have I not lock'd up in any chest,","Save where thou art not, though I feel thou art,","Within the gentle closure of my breast,","From whence at pleasure thou mayst come and part;","And even thence thou wilt be stol'n I fear,","For truth proves thievish for a prize so dear."]},{number:49,lines:["Against that time, if ever that time come,","When I shall see thee frown on my defects,","When as thy love hath cast his utmost sum,","Call'd to that audit by advis'd respects;","Against that time when thou shalt strangely pass,","And scarcely greet me with that sun, thine eye,","When love, converted from the thing it was,","Shall reasons find of settled gravity;","Against that time do I ensconce me here,","Within the knowledge of mine own desert,","And this my hand, against my self uprear,","To guard the lawful reasons on thy part: ","To leave poor me thou hast the strength of laws,","Since why to love I can allege no cause."]},{number:50,lines:["How heavy do I journey on the way,","When what I seek, my weary travel's end,","Doth teach that ease and that repose to say,","'Thus far the miles are measured from thy friend!'","The beast that bears me, tired with my woe,","Plods dully on, to bear that weight in me,","As if by some instinct the wretch did know","His rider lov'd not speed, being made from thee:","The bloody spur cannot provoke him on,","That sometimes anger thrusts into his hide,","Which heavily he answers with a groan,","More sharp to me than spurring to his side;","For that same groan doth put this in my mind,","My grief lies onward, and my joy behind."]},{number:51,lines:["Thus can my love excuse the slow offence","Of my dull bearer when from thee I speed:","From where thou art why should I haste me thence?","Till I return, of posting is no need.","O! what excuse will my poor beast then find,","When swift extremity can seem but slow?","Then should I spur, though mounted on the wind,","In winged speed no motion shall I know,","Then can no horse with my desire keep pace;","Therefore desire, of perfect'st love being made,","Shall neigh--no dull flesh--in his fiery race;","But love, for love, thus shall excuse my jade,--","'Since from thee going, he went wilful-slow,","Towards thee I'll run, and give him leave to go.'"]},{number:52,lines:["So am I as the rich, whose blessed key,","Can bring him to his sweet up-locked treasure,","The which he will not every hour survey,","For blunting the fine point of seldom pleasure. ","Therefore are feasts so solemn and so rare,","Since, seldom coming in that long year set,","Like stones of worth they thinly placed are,","Or captain jewels in the carcanet.","So is the time that keeps you as my chest,","Or as the wardrobe which the robe doth hide,","To make some special instant special-blest,","By new unfolding his imprison'd pride.","Blessed are you whose worthiness gives scope,","Being had, to triumph; being lacked, to hope."]},{number:53,lines:["What is your substance, whereof are you made,","That millions of strange shadows on you tend?","Since every one, hath every one, one shade,","And you but one, can every shadow lend.","Describe Adonis, and the counterfeit","Is poorly imitated after you;","On Helen's cheek all art of beauty set,","And you in Grecian tires are painted new: ","Speak of the spring, and foison of the year,","The one doth shadow of your beauty show,","The other as your bounty doth appear;","And you in every blessed shape we know.","In all external grace you have some part,","But you like none, none you, for constant heart."]},{number:54,lines:["O! how much more doth beauty beauteous seem","By that sweet ornament which truth doth give.","The rose looks fair, but fairer we it deem","For that sweet odour, which doth in it live.","The canker blooms have full as deep a dye","As the perfumed tincture of the roses.","Hang on such thorns, and play as wantonly","When summer's breath their masked buds discloses:","But, for their virtue only is their show,","They live unwoo'd, and unrespected fade;","Die to themselves. Sweet roses do not so;","Of their sweet deaths, are sweetest odours made: ","And so of you, beauteous and lovely youth,","When that shall vade, by verse distills your truth."]},{number:55,lines:["Not marble, nor the gilded monuments","Of princes, shall outlive this powerful rhyme;","But you shall shine more bright in these contents","Than unswept stone, besmear'd with sluttish time.","When wasteful war shall statues overturn,","And broils root out the work of masonry,","Nor Mars his sword, nor war's quick fire shall burn","The living record of your memory.","'Gainst death, and all-oblivious enmity","Shall you pace forth; your praise shall still find room","Even in the eyes of all posterity","That wear this world out to the ending doom.","So, till the judgment that yourself arise,","You live in this, and dwell in lovers' eyes."]},{number:56,lines:["Sweet love, renew thy force; be it not said","Thy edge should blunter be than appetite,","Which but to-day by feeding is allay'd,","To-morrow sharpened in his former might:","So, love, be thou, although to-day thou fill","Thy hungry eyes, even till they wink with fulness,","To-morrow see again, and do not kill","The spirit of love, with a perpetual dulness.","Let this sad interim like the ocean be","Which parts the shore, where two contracted new","Come daily to the banks, that when they see","Return of love, more blest may be the view;","Or call it winter, which being full of care,","Makes summer's welcome, thrice more wished, more rare."]},{number:57,lines:["Being your slave what should I do but tend,","Upon the hours, and times of your desire?","I have no precious time at all to spend;","Nor services to do, till you require. ","Nor dare I chide the world-without-end hour,","Whilst I, my sovereign, watch the clock for you,","Nor think the bitterness of absence sour,","When you have bid your servant once adieu;","Nor dare I question with my jealous thought","Where you may be, or your affairs suppose,","But, like a sad slave, stay and think of nought","Save, where you are, how happy you make those.","So true a fool is love, that in your will,","Though you do anything, he thinks no ill."]},{number:58,lines:["That god forbid, that made me first your slave,","I should in thought control your times of pleasure,","Or at your hand the account of hours to crave,","Being your vassal, bound to stay your leisure!","O! let me suffer, being at your beck,","The imprison'd absence of your liberty;","And patience, tame to sufferance, bide each check,","Without accusing you of injury. ","Be where you list, your charter is so strong","That you yourself may privilage your time","To what you will; to you it doth belong","Yourself to pardon of self-doing crime.","I am to wait, though waiting so be hell,","Not blame your pleasure be it ill or well."]},{number:59,lines:["If there be nothing new, but that which is","Hath been before, how are our brains beguil'd,","Which labouring for invention bear amiss","The second burthen of a former child!","O! that record could with a backward look,","Even of five hundred courses of the sun,","Show me your image in some antique book,","Since mind at first in character was done!","That I might see what the old world could say","To this composed wonder of your frame;","Wh'r we are mended, or wh'r better they,","Or whether revolution be the same. ","O! sure I am the wits of former days,","To subjects worse have given admiring praise."]},{number:60,lines:["Like as the waves make towards the pebbled shore,","So do our minutes hasten to their end;","Each changing place with that which goes before,","In sequent toil all forwards do contend.","Nativity, once in the main of light,","Crawls to maturity, wherewith being crown'd,","Crooked eclipses 'gainst his glory fight,","And Time that gave doth now his gift confound.","Time doth transfix the flourish set on youth","And delves the parallels in beauty's brow,","Feeds on the rarities of nature's truth,","And nothing stands but for his scythe to mow:","And yet to times in hope, my verse shall stand.","Praising thy worth, despite his cruel hand."]},{number:61,lines:["Is it thy will, thy image should keep open","My heavy eyelids to the weary night?","Dost thou desire my slumbers should be broken,","While shadows like to thee do mock my sight?","Is it thy spirit that thou send'st from thee","So far from home into my deeds to pry,","To find out shames and idle hours in me,","The scope and tenure of thy jealousy?","O, no! thy love, though much, is not so great:","It is my love that keeps mine eye awake:","Mine own true love that doth my rest defeat,","To play the watchman ever for thy sake:","For thee watch I, whilst thou dost wake elsewhere,","From me far off, with others all too near."]},{number:62,lines:["Sin of self-love possesseth all mine eye","And all my soul, and all my every part;","And for this sin there is no remedy,","It is so grounded inward in my heart.","Methinks no face so gracious is as mine,","No shape so true, no truth of such account;","And for myself mine own worth do define,","As I all other in all worths surmount.","But when my glass shows me myself indeed","Beated and chopp'd with tanned antiquity,","Mine own self-love quite contrary I read;","Self so self-loving were iniquity.","'Tis thee,--myself,--that for myself I praise,","Painting my age with beauty of thy days."]},{number:63,lines:["Against my love shall be as I am now,","With Time's injurious hand crush'd and o'erworn;","When hours have drain'd his blood and fill'd his brow","With lines and wrinkles; when his youthful morn","Hath travell'd on to age's steepy night;","And all those beauties whereof now he's king","Are vanishing, or vanished out of sight,","Stealing away the treasure of his spring; ","For such a time do I now fortify","Against confounding age's cruel knife,","That he shall never cut from memory","My sweet love's beauty, though my lover's life:","His beauty shall in these black lines be seen,","And they shall live, and he in them still green."]},{number:64,lines:["When I have seen by Time's fell hand defac'd","The rich-proud cost of outworn buried age;","When sometime lofty towers I see down-raz'd,","And brass eternal slave to mortal rage;","When I have seen the hungry ocean gain","Advantage on the kingdom of the shore,","And the firm soil win of the watery main,","Increasing store with loss, and loss with store;","When I have seen such interchange of state,","Or state itself confounded, to decay;","Ruin hath taught me thus to ruminate--","That Time will come and take my love away. ","This thought is as a death which cannot choose","But weep to have, that which it fears to lose."]},{number:65,lines:["Since brass, nor stone, nor earth, nor boundless sea,","But sad mortality o'ersways their power,","How with this rage shall beauty hold a plea,","Whose action is no stronger than a flower?","O! how shall summer's honey breath hold out,","Against the wrackful siege of battering days,","When rocks impregnable are not so stout,","Nor gates of steel so strong but Time decays?","O fearful meditation! where, alack,","Shall Time's best jewel from Time's chest lie hid?","Or what strong hand can hold his swift foot back?","Or who his spoil of beauty can forbid?","O! none, unless this miracle have might,","That in black ink my love may still shine bright."]},{number:66,lines:["Tired with all these, for restful death I cry,","As to behold desert a beggar born,","And needy nothing trimm'd in jollity,","And purest faith unhappily forsworn,","And gilded honour shamefully misplac'd,","And maiden virtue rudely strumpeted,","And right perfection wrongfully disgrac'd,","And strength by limping sway disabled","And art made tongue-tied by authority,","And folly--doctor-like--controlling skill,","And simple truth miscall'd simplicity,","And captive good attending captain ill:","Tir'd with all these, from these would I be gone,","Save that, to die, I leave my love alone."]},{number:67,lines:["Ah! wherefore with infection should he live,","And with his presence grace impiety,","That sin by him advantage should achieve,","And lace itself with his society? ","Why should false painting imitate his cheek,","And steel dead seeming of his living hue?","Why should poor beauty indirectly seek","Roses of shadow, since his rose is true?","Why should he live, now Nature bankrupt is,","Beggar'd of blood to blush through lively veins?","For she hath no exchequer now but his,","And proud of many, lives upon his gains.","O! him she stores, to show what wealth she had","In days long since, before these last so bad."]},{number:68,lines:["Thus is his cheek the map of days outworn,","When beauty lived and died as flowers do now,","Before these bastard signs of fair were born,","Or durst inhabit on a living brow;","Before the golden tresses of the dead,","The right of sepulchres, were shorn away,","To live a second life on second head;","Ere beauty's dead fleece made another gay: ","In him those holy antique hours are seen,","Without all ornament, itself and true,","Making no summer of another's green,","Robbing no old to dress his beauty new;","And him as for a map doth Nature store,","To show false Art what beauty was of yore."]},{number:69,lines:["Those parts of thee that the world's eye doth view","Want nothing that the thought of hearts can mend;","All tongues--the voice of souls--give thee that due,","Uttering bare truth, even so as foes commend.","Thy outward thus with outward praise is crown'd;","But those same tongues, that give thee so thine own,","In other accents do this praise confound","By seeing farther than the eye hath shown.","They look into the beauty of thy mind,","And that in guess they measure by thy deeds;","Then--churls--their thoughts, although their eyes were kind,","To thy fair flower add the rank smell of weeds: ","But why thy odour matcheth not thy show,","The soil is this, that thou dost common grow."]},{number:70,lines:["That thou art blam'd shall not be thy defect,","For slander's mark was ever yet the fair;","The ornament of beauty is suspect,","A crow that flies in heaven's sweetest air.","So thou be good, slander doth but approve","Thy worth the greater being woo'd of time;","For canker vice the sweetest buds doth love,","And thou present'st a pure unstained prime.","Thou hast passed by the ambush of young days","Either not assail'd, or victor being charg'd;","Yet this thy praise cannot be so thy praise,","To tie up envy, evermore enlarg'd,","If some suspect of ill mask'd not thy show,","Then thou alone kingdoms of hearts shouldst owe."]},{number:71,lines:["No longer mourn for me when I am dead","Than you shall hear the surly sullen bell","Give warning to the world that I am fled","From this vile world with vilest worms to dwell:","Nay, if you read this line, remember not","The hand that writ it, for I love you so,","That I in your sweet thoughts would be forgot,","If thinking on me then should make you woe.","O! if,--I say you look upon this verse,","When I perhaps compounded am with clay,","Do not so much as my poor name rehearse;","But let your love even with my life decay;","Lest the wise world should look into your moan,","And mock you with me after I am gone."]},{number:72,lines:["O! lest the world should task you to recite","What merit lived in me, that you should love","After my death,--dear love, forget me quite,","For you in me can nothing worthy prove;","Unless you would devise some virtuous lie,","To do more for me than mine own desert,","And hang more praise upon deceased I","Than niggard truth would willingly impart:","O! lest your true love may seem false in this","That you for love speak well of me untrue,","My name be buried where my body is,","And live no more to shame nor me nor you.","For I am shamed by that which I bring forth,","And so should you, to love things nothing worth."]},{number:73,lines:["That time of year thou mayst in me behold","When yellow leaves, or none, or few, do hang","Upon those boughs which shake against the cold,","Bare ruin'd choirs, where late the sweet birds sang.","In me thou see'st the twilight of such day","As after sunset fadeth in the west;","Which by and by black night doth take away,","Death's second self, that seals up all in rest. ","In me thou see'st the glowing of such fire,","That on the ashes of his youth doth lie,","As the death-bed, whereon it must expire,","Consum'd with that which it was nourish'd by.","This thou perceiv'st, which makes thy love more strong,","To love that well, which thou must leave ere long."]},{number:74,lines:["But be contented: when that fell arrest","Without all bail shall carry me away,","My life hath in this line some interest,","Which for memorial still with thee shall stay.","When thou reviewest this, thou dost review","The very part was consecrate to thee:","The earth can have but earth, which is his due;","My spirit is thine, the better part of me:","So then thou hast but lost the dregs of life,","The prey of worms, my body being dead;","The coward conquest of a wretch's knife,","Too base of thee to be remembered.","The worth of that is that which it contains,","And that is this, and this with thee remains."]},{number:75,lines:["So are you to my thoughts as food to life,","Or as sweet-season'd showers are to the ground;","And for the peace of you I hold such strife","As 'twixt a miser and his wealth is found.","Now proud as an enjoyer, and anon","Doubting the filching age will steal his treasure;","Now counting best to be with you alone,","Then better'd that the world may see my pleasure:","Sometime all full with feasting on your sight,","And by and by clean starved for a look;","Possessing or pursuing no delight,","Save what is had, or must from you be took.","Thus do I pine and surfeit day by day,","Or gluttoning on all, or all away."]},{number:76,lines:["Why is my verse so barren of new pride,","So far from variation or quick change?","Why with the time do I not glance aside","To new-found methods, and to compounds strange?","Why write I still all one, ever the same,","And keep invention in a noted weed,","That every word doth almost tell my name,","Showing their birth, and where they did proceed?","O! know sweet love I always write of you,","And you and love are still my argument;","So all my best is dressing old words new,","Spending again what is already spent:","For as the sun is daily new and old,","So is my love still telling what is told."]},{number:77,lines:["Thy glass will show thee how thy beauties wear,","Thy dial how thy precious minutes waste;","These vacant leaves thy mind's imprint will bear,","And of this book, this learning mayst thou taste. ","The wrinkles which thy glass will truly show","Of mouthed graves will give thee memory;","Thou by thy dial's shady stealth mayst know","Time's thievish progress to eternity.","Look! what thy memory cannot contain,","Commit to these waste blanks, and thou shalt find","Those children nursed, deliver'd from thy brain,","To take a new acquaintance of thy mind.","These offices, so oft as thou wilt look,","Shall profit thee and much enrich thy book."]},{number:78,lines:["So oft have I invoked thee for my Muse,","And found such fair assistance in my verse","As every alien pen hath got my use","And under thee their poesy disperse.","Thine eyes, that taught the dumb on high to sing","And heavy ignorance aloft to fly,","Have added feathers to the learned's wing","And given grace a double majesty.","Yet be most proud of that which I compile,","Whose influence is thine, and born of thee:","In others' works thou dost but mend the style,","And arts with thy sweet graces graced be;","But thou art all my art, and dost advance","As high as learning, my rude ignorance."]},{number:79,lines:["Whilst I alone did call upon thy aid,","My verse alone had all thy gentle grace;","But now my gracious numbers are decay'd,","And my sick Muse doth give an other place.","I grant, sweet love, thy lovely argument","Deserves the travail of a worthier pen;","Yet what of thee thy poet doth invent","He robs thee of, and pays it thee again.","He lends thee virtue, and he stole that word","From thy behaviour; beauty doth he give,","And found it in thy cheek: he can afford","No praise to thee, but what in thee doth live. ","Then thank him not for that which he doth say,","Since what he owes thee, thou thyself dost pay."]},{number:80,lines:["O! how I faint when I of you do write,","Knowing a better spirit doth use your name,","And in the praise thereof spends all his might,","To make me tongue-tied speaking of your fame!","But since your worth--wide as the ocean is,--","The humble as the proudest sail doth bear,","My saucy bark, inferior far to his,","On your broad main doth wilfully appear.","Your shallowest help will hold me up afloat,","Whilst he upon your soundless deep doth ride;","Or, being wrack'd, I am a worthless boat,","He of tall building, and of goodly pride:","Then if he thrive and I be cast away,","The worst was this,--my love was my decay."]},{number:81,lines:["Or I shall live your epitaph to make,","Or you survive when I in earth am rotten;","From hence your memory death cannot take,","Although in me each part will be forgotten.","Your name from hence immortal life shall have,","Though I, once gone, to all the world must die:","The earth can yield me but a common grave,","When you entombed in men's eyes shall lie.","Your monument shall be my gentle verse,","Which eyes not yet created shall o'er-read;","And tongues to be, your being shall rehearse,","When all the breathers of this world are dead;","You still shall live,--such virtue hath my pen,--","Where breath most breathes, even in the mouths of men."]},{number:82,lines:["I grant thou wert not married to my Muse,","And therefore mayst without attaint o'erlook","The dedicated words which writers use","Of their fair subject, blessing every book. ","Thou art as fair in knowledge as in hue,","Finding thy worth a limit past my praise;","And therefore art enforced to seek anew","Some fresher stamp of the time-bettering days.","And do so, love; yet when they have devis'd,","What strained touches rhetoric can lend,","Thou truly fair, wert truly sympathiz'd","In true plain words, by thy true-telling friend;","And their gross painting might be better us'd","Where cheeks need blood; in thee it is abus'd."]},{number:83,lines:["I never saw that you did painting need,","And therefore to your fair no painting set;","I found, or thought I found, you did exceed","That barren tender of a poet's debt:","And therefore have I slept in your report,","That you yourself, being extant, well might show","How far a modern quill doth come too short,","Speaking of worth, what worth in you doth grow. ","This silence for my sin you did impute,","Which shall be most my glory being dumb;","For I impair not beauty being mute,","When others would give life, and bring a tomb.","There lives more life in one of your fair eyes","Than both your poets can in praise devise."]},{number:84,lines:["Who is it that says most, which can say more,","Than this rich praise,--that you alone, are you?","In whose confine immured is the store","Which should example where your equal grew.","Lean penury within that pen doth dwell","That to his subject lends not some small glory;","But he that writes of you, if he can tell","That you are you, so dignifies his story,","Let him but copy what in you is writ,","Not making worse what nature made so clear,","And such a counterpart shall fame his wit,","Making his style admired every where.","You to your beauteous blessings add a curse,","Being fond on praise, which makes your praises worse."]},{number:85,lines:["My tongue-tied Muse in manners holds her still,","While comments of your praise richly compil'd,","Reserve their character with golden quill,","And precious phrase by all the Muses fil'd.","I think good thoughts, whilst others write good words,","And like unlettered clerk still cry 'Amen'","To every hymn that able spirit affords,","In polish'd form of well-refined pen.","Hearing you praised, I say ''tis so, 'tis true,'","And to the most of praise add something more;","But that is in my thought, whose love to you,","Though words come hindmost, holds his rank before.","Then others, for the breath of words respect,","Me for my dumb thoughts, speaking in effect."]},{number:86,lines:["Was it the proud full sail of his great verse,","Bound for the prize of all too precious you,","That did my ripe thoughts in my brain inhearse,","Making their tomb the womb wherein they grew?","Was it his spirit, by spirits taught to write,","Above a mortal pitch, that struck me dead?","No, neither he, nor his compeers by night","Giving him aid, my verse astonished.","He, nor that affable familiar ghost","Which nightly gulls him with intelligence,","As victors of my silence cannot boast;","I was not sick of any fear from thence:","But when your countenance fill'd up his line,","Then lacked I matter; that enfeebled mine."]},{number:87,lines:["Farewell! thou art too dear for my possessing,","And like enough thou know'st thy estimate,","The charter of thy worth gives thee releasing;","My bonds in thee are all determinate.","For how do I hold thee but by thy granting?","And for that riches where is my deserving?","The cause of this fair gift in me is wanting,","And so my patent back again is swerving.","Thy self thou gav'st, thy own worth then not knowing,","Or me to whom thou gav'st it, else mistaking;","So thy great gift, upon misprision growing,","Comes home again, on better judgement making.","Thus have I had thee, as a dream doth flatter,","In sleep a king, but waking no such matter."]},{number:88,lines:["When thou shalt be dispos'd to set me light,","And place my merit in the eye of scorn,","Upon thy side, against myself I'll fight,","And prove thee virtuous, though thou art forsworn.","With mine own weakness, being best acquainted,","Upon thy part I can set down a story","Of faults conceal'd, wherein I am attainted;","That thou in losing me shalt win much glory: ","And I by this will be a gainer too;","For bending all my loving thoughts on thee,","The injuries that to myself I do,","Doing thee vantage, double-vantage me.","Such is my love, to thee I so belong,","That for thy right, myself will bear all wrong."]},{number:89,lines:["Say that thou didst forsake me for some fault,","And I will comment upon that offence:","Speak of my lameness, and I straight will halt,","Against thy reasons making no defence.","Thou canst not love disgrace me half so ill,","To set a form upon desired change,","As I'll myself disgrace; knowing thy will,","I will acquaintance strangle, and look strange;","Be absent from thy walks; and in my tongue","Thy sweet beloved name no more shall dwell,","Lest I, too much profane, should do it wrong,","And haply of our old acquaintance tell. ","For thee, against my self I'll vow debate,","For I must ne'er love him whom thou dost hate."]},{number:90,lines:["Then hate me when thou wilt; if ever, now;","Now, while the world is bent my deeds to cross,","Join with the spite of fortune, make me bow,","And do not drop in for an after-loss:","Ah! do not, when my heart hath 'scap'd this sorrow,","Come in the rearward of a conquer'd woe;","Give not a windy night a rainy morrow,","To linger out a purpos'd overthrow.","If thou wilt leave me, do not leave me last,","When other petty griefs have done their spite,","But in the onset come: so shall I taste","At first the very worst of fortune's might;","And other strains of woe, which now seem woe,","Compar'd with loss of thee, will not seem so."]},{number:91,lines:["Some glory in their birth, some in their skill,","Some in their wealth, some in their body's force,","Some in their garments though new-fangled ill;","Some in their hawks and hounds, some in their horse;","And every humour hath his adjunct pleasure,","Wherein it finds a joy above the rest:","But these particulars are not my measure,","All these I better in one general best.","Thy love is better than high birth to me,","Richer than wealth, prouder than garments' costs,","Of more delight than hawks and horses be;","And having thee, of all men's pride I boast:","Wretched in this alone, that thou mayst take","All this away, and me most wretchcd make."]},{number:92,lines:["But do thy worst to steal thyself away,","For term of life thou art assured mine;","And life no longer than thy love will stay,","For it depends upon that love of thine. ","Then need I not to fear the worst of wrongs,","When in the least of them my life hath end.","I see a better state to me belongs","Than that which on thy humour doth depend:","Thou canst not vex me with inconstant mind,","Since that my life on thy revolt doth lie.","O! what a happy title do I find,","Happy to have thy love, happy to die!","But what's so blessed-fair that fears no blot?","Thou mayst be false, and yet I know it not."]},{number:93,lines:["So shall I live, supposing thou art true,","Like a deceived husband; so love's face","May still seem love to me, though alter'd new;","Thy looks with me, thy heart in other place:","For there can live no hatred in thine eye,","Therefore in that I cannot know thy change.","In many's looks, the false heart's history","Is writ in moods, and frowns, and wrinkles strange. ","But heaven in thy creation did decree","That in thy face sweet love should ever dwell;","Whate'er thy thoughts, or thy heart's workings be,","Thy looks should nothing thence, but sweetness tell.","How like Eve's apple doth thy beauty grow,","If thy sweet virtue answer not thy show!"]},{number:94,lines:["They that have power to hurt, and will do none,","That do not do the thing they most do show,","Who, moving others, are themselves as stone,","Unmoved, cold, and to temptation slow;","They rightly do inherit heaven's graces,","And husband nature's riches from expense;","They are the lords and owners of their faces,","Others, but stewards of their excellence.","The summer's flower is to the summer sweet,","Though to itself, it only live and die,","But if that flower with base infection meet,","The basest weed outbraves his dignity: ","For sweetest things turn sourest by their deeds;","Lilies that fester, smell far worse than weeds."]},{number:95,lines:["How sweet and lovely dost thou make the shame","Which, like a canker in the fragrant rose,","Doth spot the beauty of thy budding name!","O! in what sweets dost thou thy sins enclose.","That tongue that tells the story of thy days,","Making lascivious comments on thy sport,","Cannot dispraise, but in a kind of praise;","Naming thy name, blesses an ill report.","O! what a mansion have those vices got","Which for their habitation chose out thee,","Where beauty's veil doth cover every blot","And all things turns to fair that eyes can see!","Take heed, dear heart, of this large privilege;","The hardest knife ill-us'd doth lose his edge."]},{number:96,lines:["Some say thy fault is youth, some wantonness;","Some say thy grace is youth and gentle sport;","Both grace and faults are lov'd of more and less:","Thou mak'st faults graces that to thee resort.","As on the finger of a throned queen","The basest jewel will be well esteem'd,","So are those errors that in thee are seen","To truths translated, and for true things deem'd.","How many lambs might the stern wolf betray,","If like a lamb he could his looks translate!","How many gazers mightst thou lead away,","if thou wouldst use the strength of all thy state!","But do not so; I love thee in such sort,","As, thou being mine, mine is thy good report."]},{number:97,lines:["How like a winter hath my absence been","From thee, the pleasure of the fleeting year!","What freezings have I felt, what dark days seen!","What old December's bareness everywhere! ","And yet this time removed was summer's time;","The teeming autumn, big with rich increase,","Bearing the wanton burden of the prime,","Like widow'd wombs after their lords' decease:","Yet this abundant issue seem'd to me","But hope of orphans, and unfather'd fruit;","For summer and his pleasures wait on thee,","And, thou away, the very birds are mute:","Or, if they sing, 'tis with so dull a cheer,","That leaves look pale, dreading the winter's near."]},{number:98,lines:["From you have I been absent in the spring,","When proud-pied April, dress'd in all his trim,","Hath put a spirit of youth in every thing,","That heavy Saturn laugh'd and leap'd with him.","Yet nor the lays of birds, nor the sweet smell","Of different flowers in odour and in hue,","Could make me any summer's story tell,","Or from their proud lap pluck them where they grew: ","Nor did I wonder at the lily's white,","Nor praise the deep vermilion in the rose;","They were but sweet, but figures of delight,","Drawn after you, you pattern of all those.","Yet seem'd it winter still, and you away,","As with your shadow I with these did play."]},{number:99,lines:["The forward violet thus did I chide:","Sweet thief, whence didst thou steal thy sweet that smells,","If not from my love's breath? The purple pride","Which on thy soft cheek for complexion dwells","In my love's veins thou hast too grossly dy'd.","The lily I condemned for thy hand,","And buds of marjoram had stol'n thy hair;","The roses fearfully on thorns did stand,","One blushing shame, another white despair;","A third, nor red nor white, had stol'n of both,","And to his robbery had annex'd thy breath;","But, for his theft, in pride of all his growth ","A vengeful canker eat him up to death.","More flowers I noted, yet I none could see,","But sweet, or colour it had stol'n from thee."]},{number:100,lines:["Where art thou Muse that thou forget'st so long,","To speak of that which gives thee all thy might?","Spend'st thou thy fury on some worthless song,","Darkening thy power to lend base subjects light?","Return forgetful Muse, and straight redeem,","In gentle numbers time so idly spent;","Sing to the ear that doth thy lays esteem","And gives thy pen both skill and argument.","Rise, resty Muse, my love's sweet face survey,","If Time have any wrinkle graven there;","If any, be a satire to decay,","And make time's spoils despised every where.","Give my love fame faster than Time wastes life,","So thou prevent'st his scythe and crooked knife."]},{number:101,lines:["O truant Muse what shall be thy amends","For thy neglect of truth in beauty dy'd?","Both truth and beauty on my love depends;","So dost thou too, and therein dignified.","Make answer Muse: wilt thou not haply say,","'Truth needs no colour, with his colour fix'd;","Beauty no pencil, beauty's truth to lay;","But best is best, if never intermix'd'?","Because he needs no praise, wilt thou be dumb?","Excuse not silence so, for't lies in thee","To make him much outlive a gilded tomb","And to be prais'd of ages yet to be.","Then do thy office, Muse; I teach thee how","To make him seem long hence as he shows now."]},{number:102,lines:["My love is strengthen'd, though more weak in seeming;","I love not less, though less the show appear;","That love is merchandiz'd, whose rich esteeming,","The owner's tongue doth publish every where.","Our love was new, and then but in the spring,","When I was wont to greet it with my lays;","As Philomel in summer's front doth sing,","And stops her pipe in growth of riper days:","Not that the summer is less pleasant now","Than when her mournful hymns did hush the night,","But that wild music burthens every bough,","And sweets grown common lose their dear delight.","Therefore like her, I sometime hold my tongue:","Because I would not dull you with my song."]},{number:103,lines:["Alack! what poverty my Muse brings forth,","That having such a scope to show her pride,","The argument, all bare, is of more worth","Than when it hath my added praise beside!","O! blame me not, if I no more can write!","Look in your glass, and there appears a face","That over-goes my blunt invention quite, ","Dulling my lines, and doing me disgrace.","Were it not sinful then, striving to mend,","To mar the subject that before was well?","For to no other pass my verses tend","Than of your graces and your gifts to tell;","And more, much more, than in my verse can sit,","Your own glass shows you when you look in it."]},{number:104,lines:["To me, fair friend, you never can be old,","For as you were when first your eye I ey'd,","Such seems your beauty still. Three winters cold,","Have from the forests shook three summers' pride,","Three beauteous springs to yellow autumn turn'd,","In process of the seasons have I seen,","Three April perfumes in three hot Junes burn'd,","Since first I saw you fresh, which yet are green.","Ah! yet doth beauty like a dial-hand,","Steal from his figure, and no pace perceiv'd;","So your sweet hue, which methinks still doth stand,","Hath motion, and mine eye may be deceiv'd:","For fear of which, hear this thou age unbred:","Ere you were born was beauty's summer dead."]},{number:105,lines:["Let not my love be call'd idolatry,","Nor my beloved as an idol show,","Since all alike my songs and praises be","To one, of one, still such, and ever so.","Kind is my love to-day, to-morrow kind,","Still constant in a wondrous excellence;","Therefore my verse to constancy confin'd,","One thing expressing, leaves out difference.","'Fair, kind, and true,' is all my argument,","'Fair, kind, and true,' varying to other words;","And in this change is my invention spent,","Three themes in one, which wondrous scope affords.","Fair, kind, and true, have often liv'd alone,","Which three till now, never kept seat in one."]},{number:106,lines:["When in the chronicle of wasted time","I see descriptions of the fairest wights,","And beauty making beautiful old rime,","In praise of ladies dead and lovely knights,","Then, in the blazon of sweet beauty's best,","Of hand, of foot, of lip, of eye, of brow,","I see their antique pen would have express'd","Even such a beauty as you master now.","So all their praises are but prophecies","Of this our time, all you prefiguring;","And for they looked but with divining eyes,","They had not skill enough your worth to sing:","For we, which now behold these present days,","Have eyes to wonder, but lack tongues to praise."]},{number:107,lines:["Not mine own fears, nor the prophetic soul","Of the wide world dreaming on things to come,","Can yet the lease of my true love control, ","Supposed as forfeit to a confin'd doom.","The mortal moon hath her eclipse endur'd,","And the sad augurs mock their own presage;","Incertainties now crown themselves assur'd,","And peace proclaims olives of endless age.","Now with the drops of this most balmy time,","My love looks fresh, and Death to me subscribes,","Since, spite of him, I'll live in this poor rime,","While he insults o'er dull and speechless tribes:","And thou in this shalt find thy monument,","When tyrants' crests and tombs of brass are spent."]},{number:108,lines:["What's in the brain, that ink may character,","Which hath not figur'd to thee my true spirit?","What's new to speak, what now to register,","That may express my love, or thy dear merit?","Nothing, sweet boy; but yet, like prayers divine,","I must each day say o'er the very same;","Counting no old thing old, thou mine, I thine, ","Even as when first I hallow'd thy fair name.","So that eternal love in love's fresh case,","Weighs not the dust and injury of age,","Nor gives to necessary wrinkles place,","But makes antiquity for aye his page;","Finding the first conceit of love there bred,","Where time and outward form would show it dead."]},{number:109,lines:["O! never say that I was false of heart,","Though absence seem'd my flame to qualify,","As easy might I from my self depart","As from my soul which in thy breast doth lie:","That is my home of love: if I have rang'd,","Like him that travels, I return again;","Just to the time, not with the time exchang'd,","So that myself bring water for my stain.","Never believe though in my nature reign'd,","All frailties that besiege all kinds of blood,","That it could so preposterously be stain'd, ","To leave for nothing all thy sum of good;","For nothing this wide universe I call,","Save thou, my rose, in it thou art my all."]},{number:110,lines:["Alas! 'tis true, I have gone here and there,","And made my self a motley to the view,","Gor'd mine own thoughts, sold cheap what is most dear,","Made old offences of affections new;","Most true it is, that I have look'd on truth","Askance and strangely; but, by all above,","These blenches gave my heart another youth,","And worse essays prov'd thee my best of love.","Now all is done, save what shall have no end:","Mine appetite I never more will grind","On newer proof, to try an older friend,","A god in love, to whom I am confin'd.","Then give me welcome, next my heaven the best,","Even to thy pure and most most loving breast."]},{number:111,lines:["O! for my sake do you with Fortune chide,","The guilty goddess of my harmful deeds,","That did not better for my life provide","Than public means which public manners breeds.","Thence comes it that my name receives a brand,","And almost thence my nature is subdu'd","To what it works in, like the dyer's hand:","Pity me, then, and wish I were renew'd;","Whilst, like a willing patient, I will drink,","Potions of eisel 'gainst my strong infection;","No bitterness that I will bitter think,","Nor double penance, to correct correction.","Pity me then, dear friend, and I assure ye,","Even that your pity is enough to cure me."]},{number:112,lines:["Your love and pity doth the impression fill,","Which vulgar scandal stamp'd upon my brow;","For what care I who calls me well or ill, ","So you o'er-green my bad, my good allow?","You are my all-the-world, and I must strive","To know my shames and praises from your tongue;","None else to me, nor I to none alive,","That my steel'd sense or changes right or wrong.","In so profound abysm I throw all care","Of others' voices, that my adder's sense","To critic and to flatterer stopped are.","Mark how with my neglect I do dispense:","You are so strongly in my purpose bred,","That all the world besides methinks are dead."]},{number:113,lines:["Since I left you, mine eye is in my mind;","And that which governs me to go about","Doth part his function and is partly blind,","Seems seeing, but effectually is out;","For it no form delivers to the heart","Of bird, of flower, or shape which it doth latch:","Of his quick objects hath the mind no part, ","Nor his own vision holds what it doth catch;","For if it see the rud'st or gentlest sight,","The most sweet favour or deformed'st creature,","The mountain or the sea, the day or night:","The crow, or dove, it shapes them to your feature.","Incapable of more, replete with you,","My most true mind thus maketh mine untrue."]},{number:114,lines:["Or whether doth my mind, being crown'd with you,","Drink up the monarch's plague, this flattery?","Or whether shall I say, mine eye saith true,","And that your love taught it this alchemy,","To make of monsters and things indigest","Such cherubins as your sweet self resemble,","Creating every bad a perfect best,","As fast as objects to his beams assemble?","O! 'tis the first, 'tis flattery in my seeing,","And my great mind most kingly drinks it up:","Mine eye well knows what with his gust is 'greeing, ","And to his palate doth prepare the cup:","If it be poison'd, 'tis the lesser sin","That mine eye loves it and doth first begin."]},{number:115,lines:["Those lines that I before have writ do lie,","Even those that said I could not love you dearer:","Yet then my judgment knew no reason why","My most full flame should afterwards burn clearer.","But reckoning Time, whose million'd accidents","Creep in 'twixt vows, and change decrees of kings,","Tan sacred beauty, blunt the sharp'st intents,","Divert strong minds to the course of altering things;","Alas! why fearing of Time's tyranny,","Might I not then say, 'Now I love you best,'","When I was certain o'er incertainty,","Crowning the present, doubting of the rest?","Love is a babe, then might I not say so,","To give full growth to that which still doth grow?"]},{number:116,lines:["Let me not to the marriage of true minds","Admit impediments. Love is not love","Which alters when it alteration finds,","Or bends with the remover to remove:","O, no! it is an ever-fixed mark,","That looks on tempests and is never shaken;","It is the star to every wandering bark,","Whose worth's unknown, although his height be taken.","Love's not Time's fool, though rosy lips and cheeks","Within his bending sickle's compass come;","Love alters not with his brief hours and weeks,","But bears it out even to the edge of doom.","If this be error and upon me prov'd,","I never writ, nor no man ever lov'd."]},{number:117,lines:["Accuse me thus: that I have scanted all,","Wherein I should your great deserts repay,","Forgot upon your dearest love to call, ","Whereto all bonds do tie me day by day;","That I have frequent been with unknown minds,","And given to time your own dear-purchas'd right;","That I have hoisted sail to all the winds","Which should transport me farthest from your sight.","Book both my wilfulness and errors down,","And on just proof surmise, accumulate;","Bring me within the level of your frown,","But shoot not at me in your waken'd hate;","Since my appeal says I did strive to prove","The constancy and virtue of your love."]},{number:118,lines:["Like as, to make our appetite more keen,","With eager compounds we our palate urge;","As, to prevent our maladies unseen,","We sicken to shun sickness when we purge;","Even so, being full of your ne'er-cloying sweetness,","To bitter sauces did I frame my feeding;","And, sick of welfare, found a kind of meetness","To be diseas'd, ere that there was true needing.","Thus policy in love, to anticipate","The ills that were not, grew to faults assur'd,","And brought to medicine a healthful state","Which, rank of goodness, would by ill be cur'd;","But thence I learn and find the lesson true,","Drugs poison him that so fell sick of you."]},{number:119,lines:["What potions have I drunk of Siren tears,","Distill'd from limbecks foul as hell within,","Applying fears to hopes, and hopes to fears,","Still losing when I saw myself to win!","What wretched errors hath my heart committed,","Whilst it hath thought itself so blessed never!","How have mine eyes out of their spheres been fitted,","In the distraction of this madding fever!","O benefit of ill! now I find true","That better is, by evil still made better;","And ruin'd love, when it is built anew,","Grows fairer than at first, more strong, far greater.","So I return rebuk'd to my content,","And gain by ill thrice more than I have spent."]},{number:120,lines:["That you were once unkind befriends me now,","And for that sorrow, which I then did feel,","Needs must I under my transgression bow,","Unless my nerves were brass or hammer'd steel.","For if you were by my unkindness shaken,","As I by yours, you've pass'd a hell of time;","And I, a tyrant, have no leisure taken","To weigh how once I suffer'd in your crime.","O! that our night of woe might have remember'd","My deepest sense, how hard true sorrow hits,","And soon to you, as you to me, then tender'd","The humble salve, which wounded bosoms fits!","But that your trespass now becomes a fee;","Mine ransoms yours, and yours must ransom me."]},{number:121,lines:["'Tis better to be vile than vile esteem'd,","When not to be receives reproach of being;","And the just pleasure lost, which is so deem'd","Not by our feeling, but by others' seeing:","For why should others' false adulterate eyes","Give salutation to my sportive blood?","Or on my frailties why are frailer spies,","Which in their wills count bad what I think good?","No, I am that I am, and they that level","At my abuses reckon up their own:","I may be straight though they themselves be bevel;","By their rank thoughts, my deeds must not be shown;","Unless this general evil they maintain,","All men are bad and in their badness reign."]},{number:122,lines:["Thy gift, thy tables, are within my brain","Full character'd with lasting memory,","Which shall above that idle rank remain,","Beyond all date; even to eternity:","Or, at the least, so long as brain and heart","Have faculty by nature to subsist;","Till each to raz'd oblivion yield his part","Of thee, thy record never can be miss'd.","That poor retention could not so much hold,","Nor need I tallies thy dear love to score;","Therefore to give them from me was I bold,","To trust those tables that receive thee more:","To keep an adjunct to remember thee","Were to import forgetfulness in me."]},{number:123,lines:["No, Time, thou shalt not boast that I do change:","Thy pyramids built up with newer might","To me are nothing novel, nothing strange;","They are but dressings of a former sight.","Our dates are brief, and therefore we admire","What thou dost foist upon us that is old;","And rather make them born to our desire","Than think that we before have heard them told.","Thy registers and thee I both defy,","Not wondering at the present nor the past,","For thy records and what we see doth lie,","Made more or less by thy continual haste.","This I do vow and this shall ever be;","I will be true despite thy scythe and thee."]},{number:124,lines:["If my dear love were but the child of state,","It might for Fortune's bastard be unfather'd,","As subject to Time's love or to Time's hate,","Weeds among weeds, or flowers with flowers gather'd.","No, it was builded far from accident;","It suffers not in smiling pomp, nor falls","Under the blow of thralled discontent,","Whereto th' inviting time our fashion calls:","It fears not policy, that heretic,","Which works on leases of short-number'd hours,","But all alone stands hugely politic, ","That it nor grows with heat, nor drowns with showers.","To this I witness call the fools of time,","Which die for goodness, who have lived for crime."]},{number:125,lines:["Were't aught to me I bore the canopy,","With my extern the outward honouring,","Or laid great bases for eternity,","Which proves more short than waste or ruining?","Have I not seen dwellers on form and favour","Lose all and more by paying too much rent","For compound sweet; forgoing simple savour,","Pitiful thrivers, in their gazing spent?","No; let me be obsequious in thy heart,","And take thou my oblation, poor but free,","Which is not mix'd with seconds, knows no art,","But mutual render, only me for thee.","Hence, thou suborned informer! a true soul","When most impeach'd, stands least in thy control."]},{number:126,lines:["O thou, my lovely boy, who in thy power","Dost hold Time's fickle glass, his fickle hour;","Who hast by waning grown, and therein show'st","Thy lovers withering, as thy sweet self grow'st.","If Nature, sovereign mistress over wrack,","As thou goest onwards, still will pluck thee back,","She keeps thee to this purpose, that her skill","May time disgrace and wretched minutes kill.","Yet fear her, O thou minion of her pleasure!","She may detain, but not still keep, her treasure:","Her audit (though delayed) answered must be,","And her quietus is to render thee."]},{number:127,lines:["In the old age black was not counted fair,","Or if it were, it bore not beauty's name;","But now is black beauty's successive heir,","And beauty slander'd with a bastard shame:","For since each hand hath put on Nature's power, ","Fairing the foul with Art's false borrowed face,","Sweet beauty hath no name, no holy bower,","But is profan'd, if not lives in disgrace.","Therefore my mistress' eyes are raven black,","Her eyes so suited, and they mourners seem","At such who, not born fair, no beauty lack,","Sland'ring creation with a false esteem:","Yet so they mourn becoming of their woe,","That every tongue says beauty should look so."]},{number:128,lines:["How oft when thou, my music, music play'st,","Upon that blessed wood whose motion sounds","With thy sweet fingers when thou gently sway'st","The wiry concord that mine ear confounds,","Do I envy those jacks that nimble leap,","To kiss the tender inward of thy hand,","Whilst my poor lips which should that harvest reap,","At the wood's boldness by thee blushing stand!","To be so tickled, they would change their state ","And situation with those dancing chips,","O'er whom thy fingers walk with gentle gait,","Making dead wood more bless'd than living lips.","Since saucy jacks so happy are in this,","Give them thy fingers, me thy lips to kiss."]},{number:129,lines:["The expense of spirit in a waste of shame","Is lust in action: and till action, lust","Is perjur'd, murderous, bloody, full of blame,","Savage, extreme, rude, cruel, not to trust;","Enjoy'd no sooner but despised straight;","Past reason hunted; and no sooner had,","Past reason hated, as a swallow'd bait,","On purpose laid to make the taker mad:","Mad in pursuit and in possession so;","Had, having, and in quest, to have extreme;","A bliss in proof,-- and prov'd, a very woe;","Before, a joy propos'd; behind a dream.","All this the world well knows; yet none knows well","To shun the heaven that leads men to this hell."]},{number:130,lines:["My mistress' eyes are nothing like the sun;","Coral is far more red, than her lips red:","If snow be white, why then her breasts are dun;","If hairs be wires, black wires grow on her head.","I have seen roses damask'd, red and white,","But no such roses see I in her cheeks;","And in some perfumes is there more delight","Than in the breath that from my mistress reeks.","I love to hear her speak, yet well I know","That music hath a far more pleasing sound:","I grant I never saw a goddess go,--","My mistress, when she walks, treads on the ground:","And yet by heaven, I think my love as rare,","As any she belied with false compare."]},{number:131,lines:["Thou art as tyrannous, so as thou art, ","As those whose beauties proudly make them cruel;","For well thou know'st to my dear doting heart","Thou art the fairest and most precious jewel.","Yet, in good faith, some say that thee behold,","Thy face hath not the power to make love groan;","To say they err I dare not be so bold,","Although I swear it to myself alone.","And to be sure that is not false I swear,","A thousand groans, but thinking on thy face,","One on another's neck, do witness bear","Thy black is fairest in my judgment's place.","In nothing art thou black save in thy deeds,","And thence this slander, as I think, proceeds."]},{number:132,lines:["Thine eyes I love, and they, as pitying me,","Knowing thy heart torment me with disdain,","Have put on black and loving mourners be,","Looking with pretty ruth upon my pain.","And truly not the morning sun of heaven ","Better becomes the grey cheeks of the east,","Nor that full star that ushers in the even,","Doth half that glory to the sober west,","As those two mourning eyes become thy face:","O! let it then as well beseem thy heart","To mourn for me since mourning doth thee grace,","And suit thy pity like in every part.","Then will I swear beauty herself is black,","And all they foul that thy complexion lack."]},{number:133,lines:["Beshrew that heart that makes my heart to groan","For that deep wound it gives my friend and me!","Is't not enough to torture me alone,","But slave to slavery my sweet'st friend must be?","Me from myself thy cruel eye hath taken,","And my next self thou harder hast engross'd:","Of him, myself, and thee I am forsaken;","A torment thrice three-fold thus to be cross'd:","Prison my heart in thy steel bosom's ward, ","But then my friend's heart let my poor heart bail;","Whoe'er keeps me, let my heart be his guard;","Thou canst not then use rigour in my jail:","And yet thou wilt; for I, being pent in thee,","Perforce am thine, and all that is in me."]},{number:134,lines:["So, now I have confess'd that he is thine,","And I my self am mortgag'd to thy will,","Myself I'll forfeit, so that other mine","Thou wilt restore to be my comfort still:","But thou wilt not, nor he will not be free,","For thou art covetous, and he is kind;","He learn'd but surety-like to write for me,","Under that bond that him as fast doth bind.","The statute of thy beauty thou wilt take,","Thou usurer, that putt'st forth all to use,","And sue a friend came debtor for my sake;","So him I lose through my unkind abuse.","Him have I lost; thou hast both him and me:","He pays the whole, and yet am I not free."]},{number:135,lines:["Whoever hath her wish, thou hast thy 'Will,'","And 'Will' to boot, and 'Will' in over-plus;","More than enough am I that vex'd thee still,","To thy sweet will making addition thus.","Wilt thou, whose will is large and spacious,","Not once vouchsafe to hide my will in thine?","Shall will in others seem right gracious,","And in my will no fair acceptance shine?","The sea, all water, yet receives rain still,","And in abundance addeth to his store;","So thou, being rich in 'Will,' add to thy 'Will'","One will of mine, to make thy large will more.","Let no unkind 'No' fair beseechers kill;","Think all but one, and me in that one 'Will.'"]},{number:136,lines:["If thy soul check thee that I come so near, ","Swear to thy blind soul that I was thy 'Will',","And will, thy soul knows, is admitted there;","Thus far for love, my love-suit, sweet, fulfil.","'Will', will fulfil the treasure of thy love,","Ay, fill it full with wills, and my will one.","In things of great receipt with ease we prove","Among a number one is reckon'd none:","Then in the number let me pass untold,","Though in thy store's account I one must be;","For nothing hold me, so it please thee hold","That nothing me, a something sweet to thee:","Make but my name thy love, and love that still,","And then thou lov'st me for my name is 'Will.'"]},{number:137,lines:["Thou blind fool, Love, what dost thou to mine eyes,","That they behold, and see not what they see?","They know what beauty is, see where it lies,","Yet what the best is take the worst to be.","If eyes, corrupt by over-partial looks, ","Be anchor'd in the bay where all men ride,","Why of eyes' falsehood hast thou forged hooks,","Whereto the judgment of my heart is tied?","Why should my heart think that a several plot,","Which my heart knows the wide world's common place?","Or mine eyes, seeing this, say this is not,","To put fair truth upon so foul a face?","In things right true my heart and eyes have err'd,","And to this false plague are they now transferr'd."]},{number:138,lines:["When my love swears that she is made of truth,","I do believe her though I know she lies,","That she might think me some untutor'd youth,","Unlearned in the world's false subtleties.","Thus vainly thinking that she thinks me young,","Although she knows my days are past the best,","Simply I credit her false-speaking tongue:","On both sides thus is simple truth suppressed:","But wherefore says she not she is unjust? ","And wherefore say not I that I am old?","O! love's best habit is in seeming trust,","And age in love, loves not to have years told:","Therefore I lie with her, and she with me,","And in our faults by lies we flatter'd be."]},{number:139,lines:["O! call not me to justify the wrong","That thy unkindness lays upon my heart;","Wound me not with thine eye, but with thy tongue:","Use power with power, and slay me not by art,","Tell me thou lov'st elsewhere; but in my sight,","Dear heart, forbear to glance thine eye aside:","What need'st thou wound with cunning, when thy might","Is more than my o'erpress'd defence can bide?","Let me excuse thee: ah! my love well knows","Her pretty looks have been mine enemies;","And therefore from my face she turns my foes,","That they elsewhere might dart their injuries:","Yet do not so; but since I am near slain, ","Kill me outright with looks, and rid my pain."]},{number:140,lines:["Be wise as thou art cruel; do not press","My tongue-tied patience with too much disdain;","Lest sorrow lend me words, and words express","The manner of my pity-wanting pain.","If I might teach thee wit, better it were,","Though not to love, yet, love to tell me so;--","As testy sick men, when their deaths be near,","No news but health from their physicians know;--","For, if I should despair, I should grow mad,","And in my madness might speak ill of thee;","Now this ill-wresting world is grown so bad,","Mad slanderers by mad ears believed be.","That I may not be so, nor thou belied,","Bear thine eyes straight, though thy proud heart go wide."]},{number:141,lines:["In faith I do not love thee with mine eyes, ","For they in thee a thousand errors note;","But 'tis my heart that loves what they despise,","Who, in despite of view, is pleased to dote.","Nor are mine ears with thy tongue's tune delighted;","Nor tender feeling, to base touches prone,","Nor taste, nor smell, desire to be invited","To any sensual feast with thee alone:","But my five wits nor my five senses can","Dissuade one foolish heart from serving thee,","Who leaves unsway'd the likeness of a man,","Thy proud heart's slave and vassal wretch to be:","Only my plague thus far I count my gain,","That she that makes me sin awards me pain."]},{number:142,lines:["Love is my sin, and thy dear virtue hate,","Hate of my sin, grounded on sinful loving:","O! but with mine compare thou thine own state,","And thou shalt find it merits not reproving;","Or, if it do, not from those lips of thine, ","That have profan'd their scarlet ornaments","And seal'd false bonds of love as oft as mine,","Robb'd others' beds' revenues of their rents.","Be it lawful I love thee, as thou lov'st those","Whom thine eyes woo as mine importune thee:","Root pity in thy heart, that, when it grows,","Thy pity may deserve to pitied be.","If thou dost seek to have what thou dost hide,","By self-example mayst thou be denied!"]},{number:143,lines:["Lo, as a careful housewife runs to catch","One of her feather'd creatures broke away,","Sets down her babe, and makes all swift dispatch","In pursuit of the thing she would have stay;","Whilst her neglected child holds her in chase,","Cries to catch her whose busy care is bent","To follow that which flies before her face,","Not prizing her poor infant's discontent;","So runn'st thou after that which flies from thee, ","Whilst I thy babe chase thee afar behind;","But if thou catch thy hope, turn back to me,","And play the mother's part, kiss me, be kind;","So will I pray that thou mayst have thy 'Will,'","If thou turn back and my loud crying still."]},{number:144,lines:["Two loves I have of comfort and despair,","Which like two spirits do suggest me still:","The better angel is a man right fair,","The worser spirit a woman colour'd ill.","To win me soon to hell, my female evil,","Tempteth my better angel from my side,","And would corrupt my saint to be a devil,","Wooing his purity with her foul pride.","And whether that my angel be turn'd fiend,","Suspect I may, yet not directly tell;","But being both from me, both to each friend,","I guess one angel in another's hell:","Yet this shall I ne'er know, but live in doubt, ","Till my bad angel fire my good one out."]},{number:145,lines:["Those lips that Love's own hand did make,","Breathed forth the sound that said 'I hate',","To me that languish'd for her sake:","But when she saw my woeful state,","Straight in her heart did mercy come,","Chiding that tongue that ever sweet","Was us'd in giving gentle doom;","And taught it thus anew to greet;","'I hate' she alter'd with an end,","That followed it as gentle day,","Doth follow night, who like a fiend","From heaven to hell is flown away.","'I hate', from hate away she threw,","And sav'd my life, saying 'not you'."]},{number:146,lines:["Poor soul, the centre of my sinful earth, ","My sinful earth these rebel powers array,","Why dost thou pine within and suffer dearth,","Painting thy outward walls so costly gay?","Why so large cost, having so short a lease,","Dost thou upon thy fading mansion spend?","Shall worms, inheritors of this excess,","Eat up thy charge? Is this thy body's end?","Then soul, live thou upon thy servant's loss,","And let that pine to aggravate thy store;","Buy terms divine in selling hours of dross;","Within be fed, without be rich no more:","So shall thou feed on Death, that feeds on men,","And Death once dead, there's no more dying then."]},{number:147,lines:["My love is as a fever longing still,","For that which longer nurseth the disease;","Feeding on that which doth preserve the ill,","The uncertain sickly appetite to please.","My reason, the physician to my love, ","Angry that his prescriptions are not kept,","Hath left me, and I desperate now approve","Desire is death, which physic did except.","Past cure I am, now Reason is past care,","And frantic-mad with evermore unrest;","My thoughts and my discourse as madmen's are,","At random from the truth vainly express'd;","For I have sworn thee fair, and thought thee bright,","Who art as black as hell, as dark as night."]},{number:148,lines:["O me! what eyes hath Love put in my head,","Which have no correspondence with true sight;","Or, if they have, where is my judgment fled,","That censures falsely what they see aright?","If that be fair whereon my false eyes dote,","What means the world to say it is not so?","If it be not, then love doth well denote","Love's eye is not so true as all men's: no,","How can it? O! how can Love's eye be true, ","That is so vexed with watching and with tears?","No marvel then, though I mistake my view;","The sun itself sees not, till heaven clears.","O cunning Love! with tears thou keep'st me blind,","Lest eyes well-seeing thy foul faults should find."]},{number:149,lines:["Canst thou, O cruel! say I love thee not,","When I against myself with thee partake?","Do I not think on thee, when I forgot","Am of my self, all tyrant, for thy sake?","Who hateth thee that I do call my friend,","On whom frown'st thou that I do fawn upon,","Nay, if thou lour'st on me, do I not spend","Revenge upon myself with present moan?","What merit do I in my self respect,","That is so proud thy service to despise,","When all my best doth worship thy defect,","Commanded by the motion of thine eyes?","But, love, hate on, for now I know thy mind;","Those that can see thou lov'st, and I am blind."]},{number:150,lines:["O! from what power hast thou this powerful might,","With insufficiency my heart to sway?","To make me give the lie to my true sight,","And swear that brightness doth not grace the day?","Whence hast thou this becoming of things ill,","That in the very refuse of thy deeds","There is such strength and warrantise of skill,","That, in my mind, thy worst all best exceeds?","Who taught thee how to make me love thee more,","The more I hear and see just cause of hate?","O! though I love what others do abhor,","With others thou shouldst not abhor my state:","If thy unworthiness rais'd love in me,","More worthy I to be belov'd of thee."]},{number:151,lines:["Love is too young to know what conscience is, ","Yet who knows not conscience is born of love?","Then, gentle cheater, urge not my amiss,","Lest guilty of my faults thy sweet self prove:","For, thou betraying me, I do betray","My nobler part to my gross body's treason;","My soul doth tell my body that he may","Triumph in love; flesh stays no farther reason,","But rising at thy name doth point out thee,","As his triumphant prize. Proud of this pride,","He is contented thy poor drudge to be,","To stand in thy affairs, fall by thy side.","No want of conscience hold it that I call","Her 'love,' for whose dear love I rise and fall."]},{number:152,lines:["In loving thee thou know'st I am forsworn,","But thou art twice forsworn, to me love swearing;","In act thy bed-vow broke, and new faith torn,","In vowing new hate after new love bearing:","But why of two oaths' breach do I accuse thee, ","When I break twenty? I am perjur'd most;","For all my vows are oaths but to misuse thee,","And all my honest faith in thee is lost:","For I have sworn deep oaths of thy deep kindness,","Oaths of thy love, thy truth, thy constancy;","And, to enlighten thee, gave eyes to blindness,","Or made them swear against the thing they see;","For I have sworn thee fair; more perjur'd I,","To swear against the truth so foul a lie!"]},{number:153,lines:["Cupid laid by his brand and fell asleep:","A maid of Dian's this advantage found,","And his love-kindling fire did quickly steep","In a cold valley-fountain of that ground;","Which borrow'd from this holy fire of Love,","A dateless lively heat, still to endure,","And grew a seeting bath, which yet men prove","Against strange maladies a sovereign cure.","But at my mistress' eye Love's brand new-fired, ","The boy for trial needs would touch my breast;","I, sick withal, the help of bath desired,","And thither hied, a sad distemper'd guest,","But found no cure, the bath for my help lies","Where Cupid got new fire; my mistress' eyes."]},{number:154,lines:["The little Love-god lying once asleep,","Laid by his side his heart-inflaming brand,","Whilst many nymphs that vow'd chaste life to keep","Came tripping by; but in her maiden hand","The fairest votary took up that fire","Which many legions of true hearts had warm'd;","And so the general of hot desire","Was, sleeping, by a virgin hand disarm'd.","This brand she quenched in a cool well by,","Which from Love's fire took heat perpetual,","Growing a bath and healthful remedy,","For men diseas'd; but I, my mistress' thrall,","Came there for cure and this by that I prove, ","Love's fire heats water, water cools not love."]}];Object.defineProperty(h,"__esModule",{value:!0});var o=n,m=function(){function t(){this.all=function(){return o.SonnetData},this.find=function(e){var a=e?e.toLowerCase():"";return o.SonnetData.filter(function(i){var r=i.lines.filter(function(l){return l.toLowerCase().indexOf(a)!=-1});return r.length>0})},this.random=function(){var e=Math.floor(Math.random()*o.SonnetData.length);return o.SonnetData[e]}}return t}();h.Sonnets=m;Object.defineProperty(s,"__esModule",{value:!0});var y=h,w=function(){function t(){this.sonnets=new y.Sonnets}return t}();s.Shakespeare=w;var f=s,g=new f.Shakespeare;const c=u("
          "),p=()=>{let t=g.sonnets.random();return(()=>{const e=c.cloneNode(!0);return d(e,()=>t.lines.slice(0,10).join(" ")),e})()};export{p as S};
diff --git a/assets/SpinnerDocs.087c2343.js b/assets/SpinnerDocs.e9e33442.js
similarity index 98%
rename from assets/SpinnerDocs.087c2343.js
rename to assets/SpinnerDocs.e9e33442.js
index 2fb39a9..4141ada 100644
--- a/assets/SpinnerDocs.087c2343.js
+++ b/assets/SpinnerDocs.e9e33442.js
@@ -1,4 +1,4 @@
-import{s as u,m,u as N,c as n,d as j,D as v,t as h,o as l}from"./index.a8c27b5b.js";import{M as p}from"./index.ef3b11e9.js";import{E as s}from"./Example.2dc3bb5a.js";import{G as b}from"./GithubSource.1602124f.js";import{B as g}from"./Layout.a2c9264a.js";import"./Card.99118534.js";const f={as:"div"},w=i=>{const[t,c]=u(m(f,i),["as","bsPrefix","variant","animation","size","class"]),r=`${N(t.bsPrefix,"spinner")}-${t.animation}`;return n(v,m({get component(){return t.as}},c,{get class(){return j(t.class,r,t.size&&`${r}-${t.size}`,t.variant&&`text-${t.variant}`)}}))},a=w,y=h(`
          API
          Spinner
          import { Spinner } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animation required
          'border' | 'grow'
          		true
          Changes the animation style of the spinner.
          as 
          elementType
          		<div>
          You can use a custom element type for this component.
          children 
          element
          This component may be used to wrap child elements or components.
          role 
          string
          An ARIA accessible role applied to the Menu component. This should generally be set to 'status'
          size 
          'sm'
          Component size variations.
          variant 
          'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
          The visual color style of the spinner
          bsPrefix 
          string
          		'spinner'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          `),x=()=>y.cloneNode(!0),S=h('
          '),o=h(''),P=h('
          ');function B(i={}){const{wrapper:t}=Object.assign({},p(),i.components);return t?n(t,m(i,{get children(){return n(c,{})}})):c();function c(){const e=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",strong:"strong"},p(),i.components);return s||d("Example",!1),s.Code||d("Example.Code",!0),s.Intro||d("Example.Intro",!0),s.Preview||d("Example.Preview",!0),[n(b,{name:"SpinnerDocs.mdx"}),`
+import{s as u,m,u as N,c as n,d as j,D as v,t as h,o as l}from"./index.46b6df7f.js";import{M as p}from"./index.e0aff9b5.js";import{E as s}from"./Example.6cae19f6.js";import{G as b}from"./GithubSource.4ed1a23d.js";import{B as g}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";const f={as:"div"},w=i=>{const[t,c]=u(m(f,i),["as","bsPrefix","variant","animation","size","class"]),r=`${N(t.bsPrefix,"spinner")}-${t.animation}`;return n(v,m({get component(){return t.as}},c,{get class(){return j(t.class,r,t.size&&`${r}-${t.size}`,t.variant&&`text-${t.variant}`)}}))},a=w,y=h(`
          API
          Spinner
          import { Spinner } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animation required
          'border' | 'grow'
          		true
          Changes the animation style of the spinner.
          as 
          elementType
          		<div>
          You can use a custom element type for this component.
          children 
          element
          This component may be used to wrap child elements or components.
          role 
          string
          An ARIA accessible role applied to the Menu component. This should generally be set to 'status'
          size 
          'sm'
          Component size variations.
          variant 
          'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
          The visual color style of the spinner
          bsPrefix 
          string
          		'spinner'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          `),x=()=>y.cloneNode(!0),S=h('
          '),o=h(''),P=h('
          ');function B(i={}){const{wrapper:t}=Object.assign({},p(),i.components);return t?n(t,m(i,{get children(){return n(c,{})}})):c();function c(){const e=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",strong:"strong"},p(),i.components);return s||d("Example",!1),s.Code||d("Example.Code",!0),s.Intro||d("Example.Intro",!0),s.Preview||d("Example.Preview",!0),[n(b,{name:"SpinnerDocs.mdx"}),`
 `,n(e.h1,{children:"Spinners"}),`
 `,(()=>{const r=S.cloneNode(!0);return l(r,n(e.p,{children:"Spinners can be used to show the loading state in your projects."})),r})(),`
 `,(()=>{const r=P.cloneNode(!0);return l(r,n(s,{get children(){return[n(s.Intro,{get children(){return n(e.p,{children:"Spinners can be used to show the loading state in your projects."})}}),n(s.Preview,{get children(){return n(a,{animation:"border",role:"status",get children(){return o.cloneNode(!0)}})}}),n(s.Code,{get children(){return n(e.pre,{get children(){return n(e.code,{className:"hljs language-js",get children(){return["<",n(e.span,{className:"hljs-title class_",children:"Spinner"})," animation=",n(e.span,{className:"hljs-string",children:'"border"'})," role=",n(e.span,{className:"hljs-string",children:'"status"'}),`>\r
diff --git a/assets/SplitButton.fc26784b.js b/assets/SplitButton.7e8cc37b.js
similarity index 79%
rename from assets/SplitButton.fc26784b.js
rename to assets/SplitButton.7e8cc37b.js
index d99bc60..409d9a1 100644
--- a/assets/SplitButton.fc26784b.js
+++ b/assets/SplitButton.7e8cc37b.js
@@ -1 +1 @@
-import{s as l,m as s,c as t,o as u,t as a}from"./index.a8c27b5b.js";import{B as g}from"./Layout.a2c9264a.js";import{B as d}from"./ButtonGroup.bec3fbe2.js";import{D as n}from"./Dropdown.a5036113.js";const p=a(''),c={toggleLabel:"Toggle dropdown",type:"button"},m=i=>{const[e,r]=l(s(c,i),["id","bsPrefix","size","variant","title","type","toggleLabel","children","onClick","href","target","menuRole","renderMenuOnMount","rootCloseEvent"]);return t(n,s(r,{as:d,get children(){return[t(g,{get size(){return e.size},get variant(){return e.variant},get disabled(){return r.disabled},get bsPrefix(){return e.bsPrefix},get href(){return e.href},get target(){return e.target},get onClick(){return e.onClick},get type(){return e.type},get children(){return e.title}}),t(n.Toggle,{split:!0,get id(){return e.id},get size(){return e.size},get variant(){return e.variant},get disabled(){return r.disabled},get childBsPrefix(){return e.bsPrefix},get children(){const o=p.cloneNode(!0);return u(o,()=>e.toggleLabel),o}}),t(n.Menu,{get role(){return e.menuRole},get renderOnMount(){return e.renderMenuOnMount},get rootCloseEvent(){return e.rootCloseEvent},get children(){return e.children}})]}}))},P=m;export{P as S};
+import{s as l,m as s,c as t,o as u,t as a}from"./index.46b6df7f.js";import{B as g}from"./Layout.4a46f345.js";import{B as d}from"./ButtonGroup.355a2d23.js";import{D as n}from"./Dropdown.bda8fe74.js";const p=a(''),c={toggleLabel:"Toggle dropdown",type:"button"},m=i=>{const[e,r]=l(s(c,i),["id","bsPrefix","size","variant","title","type","toggleLabel","children","onClick","href","target","menuRole","renderMenuOnMount","rootCloseEvent"]);return t(n,s(r,{as:d,get children(){return[t(g,{get size(){return e.size},get variant(){return e.variant},get disabled(){return r.disabled},get bsPrefix(){return e.bsPrefix},get href(){return e.href},get target(){return e.target},get onClick(){return e.onClick},get type(){return e.type},get children(){return e.title}}),t(n.Toggle,{split:!0,get id(){return e.id},get size(){return e.size},get variant(){return e.variant},get disabled(){return r.disabled},get childBsPrefix(){return e.bsPrefix},get children(){const o=p.cloneNode(!0);return u(o,()=>e.toggleLabel),o}}),t(n.Menu,{get role(){return e.menuRole},get renderOnMount(){return e.renderMenuOnMount},get rootCloseEvent(){return e.rootCloseEvent},get children(){return e.children}})]}}))},P=m;export{P as S};
diff --git a/assets/Stack.001daeb8.js b/assets/Stack.dd934703.js
similarity index 89%
rename from assets/Stack.001daeb8.js
rename to assets/Stack.dd934703.js
index a63392d..f0b156f 100644
--- a/assets/Stack.001daeb8.js
+++ b/assets/Stack.dd934703.js
@@ -1 +1 @@
-import{M as i,s as f,m as n,u as l,e as m,c as u,d as x,D as $}from"./index.a8c27b5b.js";function b(e,s=i){const a=[];return Object.entries(e).forEach(([o,t])=>{t!=null&&(typeof t=="object"?s.forEach(c=>{const r=t[c];if(r!=null){const p=c!=="xs"?`-${c}`:"";a.push(`${o}${p}-${r}`)}}):a.push(`${o}-${t}`))}),a}const g={as:"div"},h=e=>{const[s,a]=f(n(g,e),["as","bsPrefix","class","direction","gap"]),o=l(s.bsPrefix,s.direction==="horizontal"?"hstack":"vstack"),t=m();return u($,n({get component(){return s.as}},a,{get class(){return x(s.class,o,...b({gap:s.gap,breakpoints:t()}))}}))},d=h;export{d as S};
+import{M as i,s as f,m as n,u as l,e as m,c as u,d as x,D as $}from"./index.46b6df7f.js";function b(e,s=i){const a=[];return Object.entries(e).forEach(([o,t])=>{t!=null&&(typeof t=="object"?s.forEach(c=>{const r=t[c];if(r!=null){const p=c!=="xs"?`-${c}`:"";a.push(`${o}${p}-${r}`)}}):a.push(`${o}-${t}`))}),a}const g={as:"div"},h=e=>{const[s,a]=f(n(g,e),["as","bsPrefix","class","direction","gap"]),o=l(s.bsPrefix,s.direction==="horizontal"?"hstack":"vstack"),t=m();return u($,n({get component(){return s.as}},a,{get class(){return x(s.class,o,...b({gap:s.gap,breakpoints:t()}))}}))},d=h;export{d as S};
diff --git a/assets/TableDocs.2e871a3e.js b/assets/TableDocs.2eed5ed4.js
similarity index 99%
rename from assets/TableDocs.2e871a3e.js
rename to assets/TableDocs.2eed5ed4.js
index ad05abb..2e31b7c 100644
--- a/assets/TableDocs.2e871a3e.js
+++ b/assets/TableDocs.2eed5ed4.js
@@ -1,4 +1,4 @@
-import{s as _,m as f,u as $,L as w,o as r,t,j as k,d as C,c as e}from"./index.a8c27b5b.js";import{M as x}from"./index.ef3b11e9.js";import{E as s}from"./Example.2dc3bb5a.js";import{G as z}from"./GithubSource.1602124f.js";import"./Card.99118534.js";const P=t("
          "),A=t("
          "),L={},M=i=>{const[n,g]=_(f(L,i),["bsPrefix","class","striped","bordered","borderless","hover","size","variant","responsive"]),a=$(n.bsPrefix,"table"),c=()=>C(n.class,a,n.variant&&`${a}-${n.variant}`,n.size&&`${a}-${n.size}`,n.striped&&`${a}-striped`,n.bordered&&`${a}-bordered`,n.borderless&&`${a}-borderless`,n.hover&&`${a}-hover`),d=()=>(()=>{const l=P.cloneNode(!0);return k(l,f(g,{get class(){return c()}}),!1,!1),l})();if(n.responsive){let l=`${a}-responsive`;return typeof n.responsive=="string"&&(l=`${l}-${n.responsive}`),(()=>{const h=A.cloneNode(!0);return w(h,l),r(h,d),h})()}return d},m=M,E=t(`
          API
          Table
          import { Table } from 'solid-bootstrap'
          NameTypeDefaultDescription
          bordered 
          boolean
          Adds borders on all sides of the table and cells.
          borderless 
          boolean
          Removes all borders on the table and cells, including table header.
          hover 
          boolean
          Enable a hover state on table rows within a <tbody>.
          responsive 
          boolean | string
          Responsive tables allow tables to be scrolled horizontally with ease. Across every breakpoint, use responsive for horizontally scrolling tables. Responsive tables are wrapped automatically in a div. Use responsive="sm", responsive="md", responsive="lg", orresponsive="xl" as needed to create responsive tables up to a particular breakpoint. From that breakpoint and up, the table will behave normally and not scroll horizontally.
          size 
          string
          Make tables more compact by cutting cell padding in half by setting size as sm.
          striped 
          boolean
          Adds zebra-striping to any table row within the <tbody>.
          variant 
          string
          Invert the colors of the table \u2014 with light text on dark backgrounds by setting variant as dark.
          bsPrefix 
          string
          		'table'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          `),I=()=>E.cloneNode(!0),T=t(`
          #
          "),A=t("
          "),L={},M=i=>{const[n,g]=_(f(L,i),["bsPrefix","class","striped","bordered","borderless","hover","size","variant","responsive"]),a=$(n.bsPrefix,"table"),c=()=>C(n.class,a,n.variant&&`${a}-${n.variant}`,n.size&&`${a}-${n.size}`,n.striped&&`${a}-striped`,n.bordered&&`${a}-bordered`,n.borderless&&`${a}-borderless`,n.hover&&`${a}-hover`),d=()=>(()=>{const l=P.cloneNode(!0);return k(l,f(g,{get class(){return c()}}),!1,!1),l})();if(n.responsive){let l=`${a}-responsive`;return typeof n.responsive=="string"&&(l=`${l}-${n.responsive}`),(()=>{const h=A.cloneNode(!0);return w(h,l),r(h,d),h})()}return d},m=M,E=t(`
          API
          Table
          import { Table } from 'solid-bootstrap'
          NameTypeDefaultDescription
          bordered 
          boolean
          Adds borders on all sides of the table and cells.
          borderless 
          boolean
          Removes all borders on the table and cells, including table header.
          hover 
          boolean
          Enable a hover state on table rows within a <tbody>.
          responsive 
          boolean | string
          Responsive tables allow tables to be scrolled horizontally with ease. Across every breakpoint, use responsive for horizontally scrolling tables. Responsive tables are wrapped automatically in a div. Use responsive="sm", responsive="md", responsive="lg", orresponsive="xl" as needed to create responsive tables up to a particular breakpoint. From that breakpoint and up, the table will behave normally and not scroll horizontally.
          size 
          string
          Make tables more compact by cutting cell padding in half by setting size as sm.
          striped 
          boolean
          Adds zebra-striping to any table row within the <tbody>.
          variant 
          string
          Invert the colors of the table \u2014 with light text on dark backgrounds by setting variant as dark.
          bsPrefix 
          string
          		'table'
          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.
          `),I=()=>E.cloneNode(!0),T=t(`
          # First Name Last Name Username
          1
          NameTypeDefaultDescription
          activeKey
          string | number
          controlled by: onSelect, initial prop: defaultActivekey

          Mark the Tab with a matching eventKey as active.

          defaultActiveKey
          string | number

          The default active key that is selected on start

          id
          string

          HTML id attribute, required if no generateChildId prop is specified.

          mountOnEnter
          boolean
          		false

          Wait until the first "enter" transition to mount tabs (add them to the DOM)

          onSelect
          function
          controls activeKey

          Callback fired when a Tab is selected.

          function (Any eventKey,SyntheticEvent event?)
          transition
          Transition | false
          		{Fade}

          Sets a default animation strategy for all children <TabPane>s.<tbcont

          Defaults to <Fade> animation, else use false to disable or a solid-react-transition <Transition/> component.

          unmountOnExit
          boolean
          		false

          Unmount tabs (remove it from the DOM) when it is no longer visible

          variant
          'tabs' | 'pills'
          		'tabs'

          Navigation style

          Tab

          import { Tab } from 'solid-bootstrap'
          NameTypeDefaultDescription
          disabled
          boolean

          The disabled state of the tab.

          eventKey
          string | number

          A unique identifier for the Component, the eventKey makes it distinguishable from others in a set. It only needs to be unique amongst the Components siblings, not globally.

          tabClass
          string

          Class to pass to the underlying nav link.

          title required
          node

          Content for the tab title.

          TabContainer

          import { TabContainer } from 'solid-bootstrap'
          NameTypeDefaultDescription
          activeKey
          string | number
          controlled by: onSelect, initial prop: defaultActivekey

          The eventKey of the currently active tab.

          generateChildId
          function

          A function that takes an eventKey and type and returns a unique id for child tab <NavItem>s and <TabPane>s. The function must be a pure function, meaning it should always return the same id for the same set of inputs. The default value requires that an id to be set for the<TabContainer>.

          The type argument will either be "tab" or "pane".

          id
          string

          HTML id attribute, required if no generateChildId prop is specified.

          mountOnEnter
          boolean

          Wait until the first "enter" transition to mount tabs (add them to the DOM)

          onSelect
          function
          controls activeKey

          A callback fired when a tab is selected.

          transition
          {Transition | false}
          		{Fade}

          Sets a default animation strategy for all children <TabPane>s. Defaults to <Fade> animation; else, use false to disable, or a custom solid-react-transition <Transition/> component.

          unmountOnExit
          boolean

          Unmount tabs (remove it from the DOM) when they are no longer visible

          TabContent

          import { TabContent } from 'solid-bootstrap'
          NameTypeDefaultDescription
          as
          elementType
          		<div>

          You can use a custom element type for this component.

          bsPrefix required
          string
          		'tab-content'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          TabPane

          import { TabPane } from 'solid-bootstrap'
          NameTypeDefaultDescription
          active
          boolean

          Toggles the active state of the TabPane, this is generally controlled by a TabContainer.

          aria-labelledby
          string
          as
          elementType

          You can use a custom element type for this component.

          eventKey
          string | number

          A key that associates the TabPane with it's controlling NavLink.

          id
          string
          mountOnEnter
          boolean

          Wait until the first "enter" transition to mount the tab (add it to the DOM)

          onEnter
          function

          Transition onEnter callback when animation is not false

          onEntered
          function

          Transition onEntered callback when animation is not false

          onEntering
          function

          Transition onEntering callback when animation is not false

          onExit
          function

          Transition onExit callback when animation is not false

          onExited
          function

          Transition onExited callback when animation is not false

          onExiting
          function

          Transition onExiting callback when animation is not false

          transition
          boolean | elementType

          Use animation when showing or hiding <TabPane>s. Defaults to <Fade>animation, else use false to disable or a solid-react-transition<Transition/> component.

          unmountOnExit
          boolean

          Unmount the tab (remove it from the DOM) when it is no longer visible

          bsPrefix
          string
          		'tab-pane'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          `),w=()=>T.cloneNode(!0),C=m('

          '),k=m('WAI'),x=m('
          '),[K,P]=f("home");function L(c={}){const{wrapper:h}=Object.assign({},g(),c.components);return h?e(h,N(c,{get children(){return e(p,{})}})):p();function p(){const t=Object.assign({h1:"h1",p:"p",a:"a",code:"code",pre:"pre",span:"span",h2:"h2"},g(),c.components);return a||s("Example",!1),a.Code||s("Example.Code",!0),a.Intro||s("Example.Intro",!0),a.Preview||s("Example.Preview",!0),l||s("Nav",!1),l.Item||s("Nav.Item",!0),l.Link||s("Nav.Link",!0),n||s("Tab",!1),n.Container||s("Tab.Container",!0),n.Content||s("Tab.Content",!0),n.Pane||s("Tab.Pane",!0),[e(j,{name:"TabsDocs.mdx"}),` +import{t as m,f,c as e,m as N,N as l,o as r}from"./index.46b6df7f.js";import{M as g}from"./index.e0aff9b5.js";import{S as i}from"./Sonnet.c4b821da.js";import{E as a,T as n}from"./Example.6cae19f6.js";import{G as j}from"./GithubSource.4ed1a23d.js";import{T as u}from"./Tabs.a495e025.js";import{R as y,C as v}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";const T=m(`

          API

          Tabs

          import { Tabs } from 'solid-bootstrap'
          NameTypeDefaultDescription
          activeKey
          string | number
          controlled by: onSelect, initial prop: defaultActivekey

          Mark the Tab with a matching eventKey as active.

          defaultActiveKey
          string | number

          The default active key that is selected on start

          id
          string

          HTML id attribute, required if no generateChildId prop is specified.

          mountOnEnter
          boolean
          		false

          Wait until the first "enter" transition to mount tabs (add them to the DOM)

          onSelect
          function
          controls activeKey

          Callback fired when a Tab is selected.

          function (Any eventKey,SyntheticEvent event?)
          transition
          Transition | false
          		{Fade}

          Sets a default animation strategy for all children <TabPane>s.<tbcont

          Defaults to <Fade> animation, else use false to disable or a solid-react-transition <Transition/> component.

          unmountOnExit
          boolean
          		false

          Unmount tabs (remove it from the DOM) when it is no longer visible

          variant
          'tabs' | 'pills'
          		'tabs'

          Navigation style

          Tab

          import { Tab } from 'solid-bootstrap'
          NameTypeDefaultDescription
          disabled
          boolean

          The disabled state of the tab.

          eventKey
          string | number

          A unique identifier for the Component, the eventKey makes it distinguishable from others in a set. It only needs to be unique amongst the Components siblings, not globally.

          tabClass
          string

          Class to pass to the underlying nav link.

          title required
          node

          Content for the tab title.

          TabContainer

          import { TabContainer } from 'solid-bootstrap'
          NameTypeDefaultDescription
          activeKey
          string | number
          controlled by: onSelect, initial prop: defaultActivekey

          The eventKey of the currently active tab.

          generateChildId
          function

          A function that takes an eventKey and type and returns a unique id for child tab <NavItem>s and <TabPane>s. The function must be a pure function, meaning it should always return the same id for the same set of inputs. The default value requires that an id to be set for the<TabContainer>.

          The type argument will either be "tab" or "pane".

          id
          string

          HTML id attribute, required if no generateChildId prop is specified.

          mountOnEnter
          boolean

          Wait until the first "enter" transition to mount tabs (add them to the DOM)

          onSelect
          function
          controls activeKey

          A callback fired when a tab is selected.

          transition
          {Transition | false}
          		{Fade}

          Sets a default animation strategy for all children <TabPane>s. Defaults to <Fade> animation; else, use false to disable, or a custom solid-react-transition <Transition/> component.

          unmountOnExit
          boolean

          Unmount tabs (remove it from the DOM) when they are no longer visible

          TabContent

          import { TabContent } from 'solid-bootstrap'
          NameTypeDefaultDescription
          as
          elementType
          		<div>

          You can use a custom element type for this component.

          bsPrefix required
          string
          		'tab-content'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          TabPane

          import { TabPane } from 'solid-bootstrap'
          NameTypeDefaultDescription
          active
          boolean

          Toggles the active state of the TabPane, this is generally controlled by a TabContainer.

          aria-labelledby
          string
          as
          elementType

          You can use a custom element type for this component.

          eventKey
          string | number

          A key that associates the TabPane with it's controlling NavLink.

          id
          string
          mountOnEnter
          boolean

          Wait until the first "enter" transition to mount the tab (add it to the DOM)

          onEnter
          function

          Transition onEnter callback when animation is not false

          onEntered
          function

          Transition onEntered callback when animation is not false

          onEntering
          function

          Transition onEntering callback when animation is not false

          onExit
          function

          Transition onExit callback when animation is not false

          onExited
          function

          Transition onExited callback when animation is not false

          onExiting
          function

          Transition onExiting callback when animation is not false

          transition
          boolean | elementType

          Use animation when showing or hiding <TabPane>s. Defaults to <Fade>animation, else use false to disable or a solid-react-transition<Transition/> component.

          unmountOnExit
          boolean

          Unmount the tab (remove it from the DOM) when it is no longer visible

          bsPrefix
          string
          		'tab-pane'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          `),w=()=>T.cloneNode(!0),C=m('

          '),k=m('WAI'),x=m('
          '),[K,P]=f("home");function L(c={}){const{wrapper:h}=Object.assign({},g(),c.components);return h?e(h,N(c,{get children(){return e(p,{})}})):p();function p(){const t=Object.assign({h1:"h1",p:"p",a:"a",code:"code",pre:"pre",span:"span",h2:"h2"},g(),c.components);return a||s("Example",!1),a.Code||s("Example.Code",!0),a.Intro||s("Example.Intro",!0),a.Preview||s("Example.Preview",!0),l||s("Nav",!1),l.Item||s("Nav.Item",!0),l.Link||s("Nav.Link",!0),n||s("Tab",!1),n.Container||s("Tab.Container",!0),n.Content||s("Tab.Content",!0),n.Pane||s("Tab.Pane",!0),[e(j,{name:"TabsDocs.mdx"}),` `,e(t.h1,{children:"Tabbed components"}),` `,(()=>{const d=C.cloneNode(!0);return r(d,e(t.p,{children:"Dynamic tabbed interfaces"})),d})(),` `,(()=>{const d=x.cloneNode(!0),o=d.firstChild;return r(d,e(a,{title:"Examples",get children(){return[e(a.Intro,{get children(){return e(t.p,{get children(){return[`Create dynamic tabbed interfaces, as described in the\r diff --git a/assets/ToastDocs.60f08291.js b/assets/ToastDocs.6ed66aff.js similarity index 99% rename from assets/ToastDocs.60f08291.js rename to assets/ToastDocs.6ed66aff.js index d13896d..cf86227 100644 --- a/assets/ToastDocs.60f08291.js +++ b/assets/ToastDocs.6ed66aff.js @@ -1,4 +1,4 @@ -import{c as s,m as N,F as G,aA as X,aB as q,y as V,s as x,u as C,z as Y,j as L,d as B,o as i,k as f,x as Z,t as h,r as K,h as $,Z as Q,ax as U,ay as ss,D as es,f as T}from"./index.a8c27b5b.js";import{M as _}from"./index.ef3b11e9.js";import{H as as}from"./utils.753b7765.js";import{E as t}from"./Example.2dc3bb5a.js";import{G as ns}from"./GithubSource.1602124f.js";import{F as y}from"./Form.f4132a7b.js";import{R as D,C as b,B as v}from"./Layout.a2c9264a.js";import"./Card.99118534.js";import"./FormControl.4ffd1e4d.js";const ts={[X]:"showing",[q]:"showing show"},ls=d=>s(G,N(d,{transitionClasses:ts})),rs=ls,cs=V({onClose(){}}),z=cs,is=h("
          "),hs={closeLabel:"Close",closeButton:!0},ds=d=>{const[a,g]=x(N(hs,d),["bsPrefix","closeLabel","closeVariant","closeButton","class","children"]),e=C(a.bsPrefix,"toast-header"),r=Y(z),l=c=>{r?.onClose?.(c)};return(()=>{const c=is.cloneNode(!0);return L(c,N(g,{get class(){return B(e,a.class)}}),!1,!0),i(c,()=>a.children,null),i(c,(()=>{const u=f(()=>!!a.closeButton);return()=>u()&&s(Z,{get["aria-label"](){return a.closeLabel},get variant(){return a.closeVariant},onClick:l,"data-dismiss":"toast"})})(),null),c})()},os=ds,ms=K("toast-body"),ps=h("
          "),gs={transition:rs,show:!0,animation:!0,delay:5e3,autohide:!1},Ns=d=>{const[a,g]=x(N(gs,d),["bsPrefix","class","transition","show","animation","delay","autohide","onClose","bg"]),e=C(a.bsPrefix,"toast"),r=ss();let l=a.delay,c=a.onClose;$(()=>{l=a.delay,c=a.onClose});let u;const H=f(()=>!!(a.autohide&&a.show)),M=f(()=>()=>{H()&&c?.()});$(()=>{H()&&(window.clearTimeout(u),u=window.setTimeout(M(),l))}),Q(()=>{window.clearTimeout(u)});const O={get onClose(){return a.onClose}},S=!!(a.transition&&a.animation),J=a.transition,k=()=>U(r,()=>(()=>{const P=ps.cloneNode(!0);return L(P,N(g,{get class(){return B(e,a.class,a.bg&&`bg-${a.bg}`,!S&&(a.show?"show":"hide"))},role:"alert","aria-live":"assertive","aria-atomic":"true"}),!1,!1),P})());return s(z.Provider,{value:O,get children(){return f(()=>!!(S&&a.transition))()?s(J,{appear:!0,get in(){return a.show},unmountOnExit:!0,get children(){return s(k,{})}}):s(k,{})}})},n=Object.assign(Ns,{Body:ms,Header:os}),us={"top-start":"top-0 start-0","top-center":"top-0 start-50 translate-middle-x","top-end":"top-0 end-0","middle-start":"top-50 start-0 translate-middle-y","middle-center":"top-50 start-50 translate-middle","middle-end":"top-50 end-0 translate-middle-y","bottom-start":"bottom-0 start-0","bottom-center":"bottom-0 start-50 translate-middle-x","bottom-end":"bottom-0 end-0"},js={as:"div"},bs=d=>{const[a,g]=x(N(js,d),["as","bsPrefix","position","class"]),e=C(a.bsPrefix,"toast-container");return s(es,N({get component(){return a.as}},g,{get class(){return B(e,a.position&&`position-absolute ${us[a.position]}`,a.class)}}))},w=bs,[fs,A]=T(!0),[Ts,I]=T(!0),[ys,F]=T(!1),[vs,ws]=T("top-start"),xs=h(`

          API

          Toast

          import { Toast } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animation
          boolean
          		true

          Apply a CSS fade transition to the toast

          autohide
          boolean
          		false

          Auto hide the toast

          bg
          'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'

          Sets Toast background

          delay
          number
          		5000

          Delay hiding the toast (ms)

          onClose
          function

          A Callback fired when the close button is clicked.

          show
          boolean
          		true

          When true The modal will show itself.

          transition
          elementType
          		<ToastFade>

          A solid-react-transition Transition component used to animate the Toast on dismissal.

          bsPrefix
          string
          		'toast'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          ToastHeader

          import { ToastHeader } from 'solid-bootstrap'
          NameTypeDefaultDescription
          closeButton
          boolean
          		true

          Specify whether the Component should contain a close button

          closeLabel
          string
          		'Close'

          Provides an accessible label for the close button. It is used for Assistive Technology when the label text is not readable.

          closeVariant
          'white'

          Sets the variant for close button.

          bsPrefix
          string

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          ToastBody

          import { ToastBody } from 'solid-bootstrap'
          NameTypeDefaultDescription
          as
          elementType
          		<div>

          You can use a custom element type for this component.

          bsPrefix required
          string
          		'toast-body'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          ToastContainer

          import { ToastContainer } from 'solid-bootstrap'
          NameTypeDefaultDescription
          position
          'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end'

          Where the toasts will be placed within the container.

          bsPrefix
          string
          		'toast-container'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          `),Cs=()=>xs.cloneNode(!0),Bs=h('

          '),o=h(''),m=h('Bootstrap'),j=h("11 mins ago"),Hs=h("with"),Ss=h("without"),E=h('just now'),W=h('2 seconds ago'),ks=h('
          '),R=h('
          '),Ps=h('
          ');function Ls(d={}){const{wrapper:a}=Object.assign({},_(),d.components);return a?s(a,N(d,{get children(){return s(g,{})}})):g();function g(){const e=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",option:"option",img:"img",strong:"strong",small:"small"},_(),d.components);return t||p("Example",!1),t.Code||p("Example.Code",!0),t.Intro||p("Example.Intro",!0),t.Preview||p("Example.Preview",!0),y||p("Form",!1),y.Select||p("Form.Select",!0),n||p("Toast",!1),n.Body||p("Toast.Body",!0),n.Header||p("Toast.Header",!0),[s(as,{}),` +import{c as s,m as N,F as G,aA as X,aB as q,y as V,s as x,u as C,z as Y,j as L,d as B,o as i,k as f,x as Z,t as h,r as K,h as $,Z as Q,ax as U,ay as ss,D as es,f as T}from"./index.46b6df7f.js";import{M as _}from"./index.e0aff9b5.js";import{H as as}from"./utils.06ab9af9.js";import{E as t}from"./Example.6cae19f6.js";import{G as ns}from"./GithubSource.4ed1a23d.js";import{F as y}from"./Form.f5f8558a.js";import{R as D,C as b,B as v}from"./Layout.4a46f345.js";import"./Card.cb90095f.js";import"./FormControl.32f92fa6.js";const ts={[X]:"showing",[q]:"showing show"},ls=d=>s(G,N(d,{transitionClasses:ts})),rs=ls,cs=V({onClose(){}}),z=cs,is=h("
          "),hs={closeLabel:"Close",closeButton:!0},ds=d=>{const[a,g]=x(N(hs,d),["bsPrefix","closeLabel","closeVariant","closeButton","class","children"]),e=C(a.bsPrefix,"toast-header"),r=Y(z),l=c=>{r?.onClose?.(c)};return(()=>{const c=is.cloneNode(!0);return L(c,N(g,{get class(){return B(e,a.class)}}),!1,!0),i(c,()=>a.children,null),i(c,(()=>{const u=f(()=>!!a.closeButton);return()=>u()&&s(Z,{get["aria-label"](){return a.closeLabel},get variant(){return a.closeVariant},onClick:l,"data-dismiss":"toast"})})(),null),c})()},os=ds,ms=K("toast-body"),ps=h("
          "),gs={transition:rs,show:!0,animation:!0,delay:5e3,autohide:!1},Ns=d=>{const[a,g]=x(N(gs,d),["bsPrefix","class","transition","show","animation","delay","autohide","onClose","bg"]),e=C(a.bsPrefix,"toast"),r=ss();let l=a.delay,c=a.onClose;$(()=>{l=a.delay,c=a.onClose});let u;const H=f(()=>!!(a.autohide&&a.show)),M=f(()=>()=>{H()&&c?.()});$(()=>{H()&&(window.clearTimeout(u),u=window.setTimeout(M(),l))}),Q(()=>{window.clearTimeout(u)});const O={get onClose(){return a.onClose}},S=!!(a.transition&&a.animation),J=a.transition,k=()=>U(r,()=>(()=>{const P=ps.cloneNode(!0);return L(P,N(g,{get class(){return B(e,a.class,a.bg&&`bg-${a.bg}`,!S&&(a.show?"show":"hide"))},role:"alert","aria-live":"assertive","aria-atomic":"true"}),!1,!1),P})());return s(z.Provider,{value:O,get children(){return f(()=>!!(S&&a.transition))()?s(J,{appear:!0,get in(){return a.show},unmountOnExit:!0,get children(){return s(k,{})}}):s(k,{})}})},n=Object.assign(Ns,{Body:ms,Header:os}),us={"top-start":"top-0 start-0","top-center":"top-0 start-50 translate-middle-x","top-end":"top-0 end-0","middle-start":"top-50 start-0 translate-middle-y","middle-center":"top-50 start-50 translate-middle","middle-end":"top-50 end-0 translate-middle-y","bottom-start":"bottom-0 start-0","bottom-center":"bottom-0 start-50 translate-middle-x","bottom-end":"bottom-0 end-0"},js={as:"div"},bs=d=>{const[a,g]=x(N(js,d),["as","bsPrefix","position","class"]),e=C(a.bsPrefix,"toast-container");return s(es,N({get component(){return a.as}},g,{get class(){return B(e,a.position&&`position-absolute ${us[a.position]}`,a.class)}}))},w=bs,[fs,A]=T(!0),[Ts,I]=T(!0),[ys,F]=T(!1),[vs,ws]=T("top-start"),xs=h(`

          API

          Toast

          import { Toast } from 'solid-bootstrap'
          NameTypeDefaultDescription
          animation
          boolean
          		true

          Apply a CSS fade transition to the toast

          autohide
          boolean
          		false

          Auto hide the toast

          bg
          'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'

          Sets Toast background

          delay
          number
          		5000

          Delay hiding the toast (ms)

          onClose
          function

          A Callback fired when the close button is clicked.

          show
          boolean
          		true

          When true The modal will show itself.

          transition
          elementType
          		<ToastFade>

          A solid-react-transition Transition component used to animate the Toast on dismissal.

          bsPrefix
          string
          		'toast'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          ToastHeader

          import { ToastHeader } from 'solid-bootstrap'
          NameTypeDefaultDescription
          closeButton
          boolean
          		true

          Specify whether the Component should contain a close button

          closeLabel
          string
          		'Close'

          Provides an accessible label for the close button. It is used for Assistive Technology when the label text is not readable.

          closeVariant
          'white'

          Sets the variant for close button.

          bsPrefix
          string

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          ToastBody

          import { ToastBody } from 'solid-bootstrap'
          NameTypeDefaultDescription
          as
          elementType
          		<div>

          You can use a custom element type for this component.

          bsPrefix required
          string
          		'toast-body'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          ToastContainer

          import { ToastContainer } from 'solid-bootstrap'
          NameTypeDefaultDescription
          position
          'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end'

          Where the toasts will be placed within the container.

          bsPrefix
          string
          		'toast-container'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          `),Cs=()=>xs.cloneNode(!0),Bs=h('

          '),o=h(''),m=h('Bootstrap'),j=h("11 mins ago"),Hs=h("with"),Ss=h("without"),E=h('just now'),W=h('2 seconds ago'),ks=h('
          '),R=h('
          '),Ps=h('
          ');function Ls(d={}){const{wrapper:a}=Object.assign({},_(),d.components);return a?s(a,N(d,{get children(){return s(g,{})}})):g();function g(){const e=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",option:"option",img:"img",strong:"strong",small:"small"},_(),d.components);return t||p("Example",!1),t.Code||p("Example.Code",!0),t.Intro||p("Example.Intro",!0),t.Preview||p("Example.Preview",!0),y||p("Form",!1),y.Select||p("Form.Select",!0),n||p("Toast",!1),n.Body||p("Toast.Body",!0),n.Header||p("Toast.Header",!0),[s(as,{}),` `,s(ns,{name:"ToastDocs.mdx"}),` `,s(e.h1,{children:"Toasts"}),` `,(()=>{const r=Bs.cloneNode(!0);return i(r,s(e.p,{children:`Push notifications to your visitors with a toast, a lightweight and\r diff --git a/assets/TooltipDocs.0f3a2354.js b/assets/TooltipDocs.0f3a2354.js deleted file mode 100644 index 3ec450a..0000000 --- a/assets/TooltipDocs.0f3a2354.js +++ /dev/null @@ -1,57 +0,0 @@ -import{s as y,m as h,u as w,z as T,j as b,d as x,L as k,o as r,t as l,c as e}from"./index.a8c27b5b.js";import{M as j}from"./index.ef3b11e9.js";import{O,a as g}from"./OverlayTrigger.2349c1ea.js";import{E as s}from"./Example.2dc3bb5a.js";import{G as C}from"./GithubSource.1602124f.js";import{B as N}from"./Layout.a2c9264a.js";import{S as P}from"./Stack.001daeb8.js";import"./Overlay.9ea1e7ed.js";import"./store.bc2dca4a.js";import"./Card.99118534.js";const A=l('
          '),_={arrowProps:{},placement:"right"},$=o=>{const[a,i]=y(h(_,o),["bsPrefix","placement","class","style","children","arrowProps","popper","show"]),t=w(a.bsPrefix,"tooltip"),n=T(O),d=()=>(n?.metadata?.placement||a.placement)?.split("-")?.[0];return(()=>{const m=A.cloneNode(!0),f=m.firstChild,u=f.nextSibling;return b(m,h({get["x-placement"](){return d()},get class(){return x(a.class,t,"bs-tooltip-auto")}},i,()=>n?.wrapperProps,{get style(){return Object.assign({},a.style,n?.wrapperProps.style)}}),!1,!0),b(f,h(()=>a.arrowProps,()=>n?.arrowProps),!1,!1),k(u,`${t}-inner`),r(u,()=>a.children),m})()},v=$,E=l(''),c=o=>e(g,{get overlay(){return e(v,{get id(){return o.id},get children(){return o.title}})},get children(){const a=E.cloneNode(!0);return r(a,()=>o.children),a}}),S=l(`

          API

          Tooltip

          import { Tooltip } from 'solid-bootstrap'
          NameTypeDefaultDescription
          arrowProps
          { ref: Ref, style: Object }

          An Overlay injected set of props for positioning the tooltip arrow.

          This is generally provided by the Overlay component positioning the tooltip

          id required
          string

          An html id attribute, necessary for accessibility

          placement
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          		'right'

          Sets the direction the Tooltip is positioned towards.

          This is generally provided by the Overlay component positioning the tooltip

          popper
          object
          show
          any
          bsPrefix
          string
          		'tooltip'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          Overlay

          import { Overlay } from 'solid-bootstrap'
          NameTypeDefaultDescription
          container
          componentOrElement

          A component instance, DOM node. The container element will have the Overlay appended to it via a Solid portal.

          onEnter
          function

          Callback fired before the Overlay transitions in

          onEntered
          function

          Callback fired after the Overlay finishes transitioning in

          onEntering
          function

          Callback fired as the Overlay begins to transition in

          onExit
          function

          Callback fired right before the Overlay transitions out

          onExited
          function

          Callback fired after the Overlay finishes transitioning out

          onExiting
          function

          Callback fired as the Overlay begins to transition out

          onHide
          function

          A callback invoked by the overlay when it wishes to be hidden. Required ifrootClose is specified.

          placement
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          		'top'

          The placement of the Overlay in relation to it's target.

          popperConfig
          object

          A set of popper options and props passed directly to Popper.

          rootClose
          boolean
          		false

          Specify whether the overlay should trigger onHide when the user clicks outside the overlay

          rootCloseEvent
          'click' | 'mousedown'

          Specify event for triggering a "root close" toggle.

          show
          boolean
          		false

          Set the visibility of the Overlay

          target
          componentOrElement

          A component instance, DOM node. The overlay will be positioned in relation to the target

          transition
          boolean | elementType
          		Fade

          Animate the entering and exiting of the Overlay. true will use the <Fade> transition, or a custom solid-react-transition <Transition> component can be provided.

          OverlayTrigger

          import { OverlayTrigger } from 'solid-bootstrap'
          NameTypeDefaultDescription
          children required
          element
          defaultShow
          boolean
          		false

          The initial visibility state of the Overlay.

          delay
          number | shape

          A millisecond delay amount to show and hide the Overlay once triggered

          flip
          boolean
          		placement && placement.indexOf('auto') !== -1

          The initial flip state of the Overlay.

          onHide
          null
          onToggle
          function
          controls 'show'

          A callback that fires when the user triggers a change in tooltip visibility.

          onToggle is called with the desired next show, and generally should be passed back to the show prop. onToggle fires after the configured delay

          overlay required
          element

          An element or text to overlay next to the target.

          placement
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'

          The placement of the Overlay in relation to it's target.

          popperConfig
          object

          A Popper.js config object passed to the the underlying popper instance.

          show
          boolean
          controlled by: onToggle, initial prop: defaultShow

          The visibility of the Overlay. show is a controlled prop so should be paired with onToggle to avoid breaking user interactions.

          Manually toggling show does not wait for delay to change the visibility.

          target
          null
          trigger
          'hover' | 'click' |'focus' | Array<'hover' | 'click' |'focus'>
          		['hover', 'focus']

          Specify which action or actions trigger Overlay visibility

          `),D=()=>S.cloneNode(!0),L=l('

          '),q=l("

          "),B=l('
          ');function K(o={}){const{wrapper:a}=Object.assign({},j(),o.components);return a?e(a,h(o,{get children(){return e(i,{})}})):i();function i(){const t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",strong:"strong"},j(),o.components);return s||p("Example",!1),s.Code||p("Example.Code",!0),s.Intro||p("Example.Intro",!0),s.Preview||p("Example.Preview",!0),[e(C,{name:"TooltipDocs.mdx"}),` -`,e(t.h1,{children:"Tooltips"}),` -`,(()=>{const n=L.cloneNode(!0);return r(n,e(t.p,{children:`A tooltip component for a more stylish alternative to that anchor tag\r -title attribute.`})),n})(),` -`,(()=>{const n=B.cloneNode(!0);return r(n,e(s,{title:"Example",get children(){return[e(s.Intro,{get children(){return e(t.p,{children:"Try hovering over these links."})}}),e(s.Preview,{get children(){const d=q.cloneNode(!0);return r(d,e(t.p,{get children(){return[`Tight pants next level keffiyeh\r -`,e(c,{title:"Default title",id:"t-1",children:" you probably"}),`\r -haven't heard of them. Farm-to-table seitan, mcsweeney's fixie\r -sustainable quinoa 8-bit american apparel\r -`,e(c,{id:"t-2",title:"Another one",children:"have a"}),`\r -terry richardson vinyl chambray. Beard stumptown, cardigans banh\r -mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko\r -mcsweeney's cleanse vegan chambray. A really ironic artisan\r -`,e(c,{title:"Another one here too",id:"t-3",children:"whatever keytar"}),`,\r -scenester farm-to-table banksy Austin\r -`,e(c,{title:"The last tip!",id:"t-4",children:"twitter handle"}),`\r -freegan cred raw denim single-origin coffee viral.`]}})),d}}),e(s.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return[e(t.span,{className:"hljs-keyword",children:"const"})," ",e(t.span,{className:"hljs-title function_",children:"Link"})," = (",e(t.span,{className:"hljs-params",children:"props: { id: string; children: JSX.Element; title: string }"}),`) => (\r - `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"OverlayTrigger"})," ",e(t.span,{className:"hljs-attr",children:"overlay"}),"=",e(t.span,{className:"hljs-string",children:"{"}),"<",e(t.span,{className:"hljs-attr",children:"Tooltip"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:"{props.id}"}),">"]}}),"{props.title}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`}>\r - `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"a"})," ",e(t.span,{className:"hljs-attr",children:"href"}),"=",e(t.span,{className:"hljs-string",children:'"#"'}),">"]}}),"{props.children}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r - `,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r -);\r -\r -`,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"p"}),">"]}}),`\r - Tight pants next level keffiyeh \r - `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Link"})," ",e(t.span,{className:"hljs-attr",children:"title"}),"=",e(t.span,{className:"hljs-string",children:'"Default title"'})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"t-1"'}),">"]}})," you probably",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r - haven't heard of them. Farm-to-table seitan, mcsweeney's fixie\r - sustainable quinoa 8-bit american apparel\r - `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Link"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"t-2"'})," ",e(t.span,{className:"hljs-attr",children:"title"}),"=",e(t.span,{className:"hljs-string",children:'"Another one"'}),">"]}}),"have a",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r - terry richardson vinyl chambray. Beard stumptown, cardigans banh\r - mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko\r - mcsweeney's cleanse vegan chambray. A really ironic artisan\r - `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Link"})," ",e(t.span,{className:"hljs-attr",children:"title"}),"=",e(t.span,{className:"hljs-string",children:'"Another one here too"'})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"t-3"'}),">"]}}),"whatever keytar",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`, \r - scenester farm-to-table banksy Austin\r - `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Link"})," ",e(t.span,{className:"hljs-attr",children:"title"}),"=",e(t.span,{className:"hljs-string",children:'"The last tip!"'})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"t-4"'}),">"]}}),"twitter handle",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r - freegan cred raw denim single-origin coffee viral.\r -`,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),` -`]}})}})}})]}}),null),r(n,e(s,{title:"Customize",get children(){return[e(s.Intro,{get children(){return[e(t.p,{children:"You can pass the Overlay injected props directly to the Tooltip component."}),e(t.p,{children:"This example delays hiding the tooltip."})]}}),e(s.Preview,{get children(){return e(g,{placement:"right",delay:{show:250,hide:1e3},get overlay(){return e(v,{id:"button-tooltip",children:"Simple tooltip"})},get children(){return e(N,{variant:"success",children:"Hover me to see"})}})}}),e(s.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["<",e(t.span,{className:"hljs-title class_",children:"OverlayTrigger"}),`\r - placement=`,e(t.span,{className:"hljs-string",children:'"right"'}),`\r - delay={{ `,e(t.span,{className:"hljs-attr",children:"show"}),": ",e(t.span,{className:"hljs-number",children:"250"}),", ",e(t.span,{className:"hljs-attr",children:"hide"}),": ",e(t.span,{className:"hljs-number",children:"1000"}),` }}\r - overlay={`,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Tooltip"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"button-tooltip"'}),">"]}}),"Simple tooltip",e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`}\r ->\r - `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Button"})," ",e(t.span,{className:"hljs-attr",children:"variant"}),"=",e(t.span,{className:"hljs-string",children:'"success"'}),">"]}}),"Hover me to see",e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r - -`]}})}})}})]}}),null),r(n,e(s,{get children(){return[e(s.Intro,{get children(){return e(t.p,{get children(){return["Or pass a Tooltip element to ",e(t.code,{children:"OverlayTrigger"})," instead."]}})}}),e(s.Preview,{get children(){return e(P,{direction:"horizontal",gap:2,get children(){return["top","right","bottom","left"].map(d=>e(g,{placement:d,get overlay(){return e(v,{id:`tooltip-${d}`,get children(){return["Tooltip on ",e(t.strong,{children:d}),"."]}})},get children(){return e(N,{variant:"secondary",get children(){return["Tooltip on ",d]}})}}))}})}}),e(s.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["<",e(t.span,{className:"hljs-title class_",children:"Stack"})," direction=",e(t.span,{className:"hljs-string",children:'"horizontal"'})," gap={",e(t.span,{className:"hljs-number",children:"2"}),`}>\r - {[`,e(t.span,{className:"hljs-string",children:"'top'"}),", ",e(t.span,{className:"hljs-string",children:"'right'"}),", ",e(t.span,{className:"hljs-string",children:"'bottom'"}),", ",e(t.span,{className:"hljs-string",children:"'left'"}),"].",e(t.span,{className:"hljs-title function_",children:"map"}),"(",e(t.span,{className:"hljs-function",get children(){return["(",e(t.span,{className:"hljs-params",children:"placement"}),") =>"]}}),` (\r - `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"OverlayTrigger"}),`\r - `,e(t.span,{className:"hljs-attr",children:"placement"}),"=",e(t.span,{className:"hljs-string",children:"{placement}"}),`\r - `,e(t.span,{className:"hljs-attr",children:"overlay"}),"=",e(t.span,{className:"hljs-string",children:"{"}),`\r - <`,e(t.span,{className:"hljs-attr",children:"Tooltip"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:"{"}),"`",e(t.span,{className:"hljs-attr",children:"tooltip-"}),"${",e(t.span,{className:"hljs-attr",children:"placement"}),"}`}>"]}}),`\r - Tooltip on `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"strong"}),">"]}}),"{placement}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`.\r - `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r - }\r - >\r - `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Button"})," ",e(t.span,{className:"hljs-attr",children:"variant"}),"=",e(t.span,{className:"hljs-string",children:'"secondary"'}),">"]}}),"Tooltip on {placement}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r - `,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r - ))}\r - -`]}})}})}})]}}),null),r(n,e(D,{}),null),n})()]}}function p(o,a){throw new Error("Expected "+(a?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}export{K as default}; diff --git a/assets/TooltipDocs.d9257f8a.js b/assets/TooltipDocs.d9257f8a.js new file mode 100644 index 0000000..9e0eae8 --- /dev/null +++ b/assets/TooltipDocs.d9257f8a.js @@ -0,0 +1,57 @@ +import{s as y,m as h,u as w,z as T,j as b,d as x,L as O,o as r,t as l,c as e}from"./index.46b6df7f.js";import{M as j}from"./index.e0aff9b5.js";import{O as k}from"./Overlay.aea51097.js";import{O as g}from"./OverlayTrigger.6361d83d.js";import{E as s}from"./Example.6cae19f6.js";import{G as C}from"./GithubSource.4ed1a23d.js";import{B as N}from"./Layout.4a46f345.js";import{S as P}from"./Stack.dd934703.js";import"./mergeOptionsWithPopperConfig.c1f38e41.js";import"./Card.cb90095f.js";const A=l('
          '),_={arrowProps:{},placement:"right"},$=o=>{const[a,i]=y(h(_,o),["bsPrefix","placement","class","style","children","arrowProps","popper","show"]),t=w(a.bsPrefix,"tooltip"),n=T(k),d=()=>(n?.metadata?.placement||a.placement)?.split("-")?.[0];return(()=>{const m=A.cloneNode(!0),f=m.firstChild,u=f.nextSibling;return b(m,h({get["x-placement"](){return d()},get class(){return x(a.class,t,"bs-tooltip-auto")}},i,()=>n?.wrapperProps,{get style(){return Object.assign({},a.style,n?.wrapperProps.style)}}),!1,!0),b(f,h(()=>a.arrowProps,()=>n?.arrowProps),!1,!1),O(u,`${t}-inner`),r(u,()=>a.children),m})()},v=$,E=l(''),c=o=>e(g,{get overlay(){return e(v,{get id(){return o.id},get children(){return o.title}})},get children(){const a=E.cloneNode(!0);return r(a,()=>o.children),a}}),S=l(`

          API

          Tooltip

          import { Tooltip } from 'solid-bootstrap'
          NameTypeDefaultDescription
          arrowProps
          { ref: Ref, style: Object }

          An Overlay injected set of props for positioning the tooltip arrow.

          This is generally provided by the Overlay component positioning the tooltip

          id required
          string

          An html id attribute, necessary for accessibility

          placement
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          		'right'

          Sets the direction the Tooltip is positioned towards.

          This is generally provided by the Overlay component positioning the tooltip

          popper
          object
          show
          any
          bsPrefix
          string
          		'tooltip'

          Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css.

          Overlay

          import { Overlay } from 'solid-bootstrap'
          NameTypeDefaultDescription
          container
          componentOrElement

          A component instance, DOM node. The container element will have the Overlay appended to it via a Solid portal.

          onEnter
          function

          Callback fired before the Overlay transitions in

          onEntered
          function

          Callback fired after the Overlay finishes transitioning in

          onEntering
          function

          Callback fired as the Overlay begins to transition in

          onExit
          function

          Callback fired right before the Overlay transitions out

          onExited
          function

          Callback fired after the Overlay finishes transitioning out

          onExiting
          function

          Callback fired as the Overlay begins to transition out

          onHide
          function

          A callback invoked by the overlay when it wishes to be hidden. Required ifrootClose is specified.

          placement
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'
          		'top'

          The placement of the Overlay in relation to it's target.

          popperConfig
          object

          A set of popper options and props passed directly to Popper.

          rootClose
          boolean
          		false

          Specify whether the overlay should trigger onHide when the user clicks outside the overlay

          rootCloseEvent
          'click' | 'mousedown'

          Specify event for triggering a "root close" toggle.

          show
          boolean
          		false

          Set the visibility of the Overlay

          target
          componentOrElement

          A component instance, DOM node. The overlay will be positioned in relation to the target

          transition
          boolean | elementType
          		Fade

          Animate the entering and exiting of the Overlay. true will use the <Fade> transition, or a custom solid-react-transition <Transition> component can be provided.

          OverlayTrigger

          import { OverlayTrigger } from 'solid-bootstrap'
          NameTypeDefaultDescription
          children required
          element
          defaultShow
          boolean
          		false

          The initial visibility state of the Overlay.

          delay
          number | shape

          A millisecond delay amount to show and hide the Overlay once triggered

          flip
          boolean
          		placement && placement.indexOf('auto') !== -1

          The initial flip state of the Overlay.

          onHide
          null
          onToggle
          function
          controls 'show'

          A callback that fires when the user triggers a change in tooltip visibility.

          onToggle is called with the desired next show, and generally should be passed back to the show prop. onToggle fires after the configured delay

          overlay required
          element

          An element or text to overlay next to the target.

          placement
          'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start'

          The placement of the Overlay in relation to it's target.

          popperConfig
          object

          A Popper.js config object passed to the the underlying popper instance.

          show
          boolean
          controlled by: onToggle, initial prop: defaultShow

          The visibility of the Overlay. show is a controlled prop so should be paired with onToggle to avoid breaking user interactions.

          Manually toggling show does not wait for delay to change the visibility.

          target
          null
          trigger
          'hover' | 'click' |'focus' | Array<'hover' | 'click' |'focus'>
          		['hover', 'focus']

          Specify which action or actions trigger Overlay visibility

          `),D=()=>S.cloneNode(!0),L=l('

          '),q=l("

          "),B=l('
          ');function K(o={}){const{wrapper:a}=Object.assign({},j(),o.components);return a?e(a,h(o,{get children(){return e(i,{})}})):i();function i(){const t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",strong:"strong"},j(),o.components);return s||p("Example",!1),s.Code||p("Example.Code",!0),s.Intro||p("Example.Intro",!0),s.Preview||p("Example.Preview",!0),[e(C,{name:"TooltipDocs.mdx"}),` +`,e(t.h1,{children:"Tooltips"}),` +`,(()=>{const n=L.cloneNode(!0);return r(n,e(t.p,{children:`A tooltip component for a more stylish alternative to that anchor tag\r +title attribute.`})),n})(),` +`,(()=>{const n=B.cloneNode(!0);return r(n,e(s,{title:"Example",get children(){return[e(s.Intro,{get children(){return e(t.p,{children:"Try hovering over these links."})}}),e(s.Preview,{get children(){const d=q.cloneNode(!0);return r(d,e(t.p,{get children(){return[`Tight pants next level keffiyeh\r +`,e(c,{title:"Default title",id:"t-1",children:" you probably"}),`\r +haven't heard of them. Farm-to-table seitan, mcsweeney's fixie\r +sustainable quinoa 8-bit american apparel\r +`,e(c,{id:"t-2",title:"Another one",children:"have a"}),`\r +terry richardson vinyl chambray. Beard stumptown, cardigans banh\r +mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko\r +mcsweeney's cleanse vegan chambray. A really ironic artisan\r +`,e(c,{title:"Another one here too",id:"t-3",children:"whatever keytar"}),`,\r +scenester farm-to-table banksy Austin\r +`,e(c,{title:"The last tip!",id:"t-4",children:"twitter handle"}),`\r +freegan cred raw denim single-origin coffee viral.`]}})),d}}),e(s.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return[e(t.span,{className:"hljs-keyword",children:"const"})," ",e(t.span,{className:"hljs-title function_",children:"Link"})," = (",e(t.span,{className:"hljs-params",children:"props: { id: string; children: JSX.Element; title: string }"}),`) => (\r + `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"OverlayTrigger"})," ",e(t.span,{className:"hljs-attr",children:"overlay"}),"=",e(t.span,{className:"hljs-string",children:"{"}),"<",e(t.span,{className:"hljs-attr",children:"Tooltip"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:"{props.id}"}),">"]}}),"{props.title}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`}>\r + `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"a"})," ",e(t.span,{className:"hljs-attr",children:"href"}),"=",e(t.span,{className:"hljs-string",children:'"#"'}),">"]}}),"{props.children}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r + `,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r +);\r +\r +`,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"p"}),">"]}}),`\r + Tight pants next level keffiyeh \r + `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Link"})," ",e(t.span,{className:"hljs-attr",children:"title"}),"=",e(t.span,{className:"hljs-string",children:'"Default title"'})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"t-1"'}),">"]}})," you probably",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r + haven't heard of them. Farm-to-table seitan, mcsweeney's fixie\r + sustainable quinoa 8-bit american apparel\r + `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Link"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"t-2"'})," ",e(t.span,{className:"hljs-attr",children:"title"}),"=",e(t.span,{className:"hljs-string",children:'"Another one"'}),">"]}}),"have a",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r + terry richardson vinyl chambray. Beard stumptown, cardigans banh\r + mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko\r + mcsweeney's cleanse vegan chambray. A really ironic artisan\r + `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Link"})," ",e(t.span,{className:"hljs-attr",children:"title"}),"=",e(t.span,{className:"hljs-string",children:'"Another one here too"'})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"t-3"'}),">"]}}),"whatever keytar",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`, \r + scenester farm-to-table banksy Austin\r + `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Link"})," ",e(t.span,{className:"hljs-attr",children:"title"}),"=",e(t.span,{className:"hljs-string",children:'"The last tip!"'})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"t-4"'}),">"]}}),"twitter handle",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r + freegan cred raw denim single-origin coffee viral.\r +`,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),` +`]}})}})}})]}}),null),r(n,e(s,{title:"Customize",get children(){return[e(s.Intro,{get children(){return[e(t.p,{children:"You can pass the Overlay injected props directly to the Tooltip component."}),e(t.p,{children:"This example delays hiding the tooltip."})]}}),e(s.Preview,{get children(){return e(g,{placement:"right",delay:{show:250,hide:1e3},get overlay(){return e(v,{id:"button-tooltip",children:"Simple tooltip"})},get children(){return e(N,{variant:"success",children:"Hover me to see"})}})}}),e(s.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["<",e(t.span,{className:"hljs-title class_",children:"OverlayTrigger"}),`\r + placement=`,e(t.span,{className:"hljs-string",children:'"right"'}),`\r + delay={{ `,e(t.span,{className:"hljs-attr",children:"show"}),": ",e(t.span,{className:"hljs-number",children:"250"}),", ",e(t.span,{className:"hljs-attr",children:"hide"}),": ",e(t.span,{className:"hljs-number",children:"1000"}),` }}\r + overlay={`,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Tooltip"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:'"button-tooltip"'}),">"]}}),"Simple tooltip",e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`}\r +>\r + `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Button"})," ",e(t.span,{className:"hljs-attr",children:"variant"}),"=",e(t.span,{className:"hljs-string",children:'"success"'}),">"]}}),"Hover me to see",e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r + +`]}})}})}})]}}),null),r(n,e(s,{get children(){return[e(s.Intro,{get children(){return e(t.p,{get children(){return["Or pass a Tooltip element to ",e(t.code,{children:"OverlayTrigger"})," instead."]}})}}),e(s.Preview,{get children(){return e(P,{direction:"horizontal",gap:2,get children(){return["top","right","bottom","left"].map(d=>e(g,{placement:d,get overlay(){return e(v,{id:`tooltip-${d}`,get children(){return["Tooltip on ",e(t.strong,{children:d}),"."]}})},get children(){return e(N,{variant:"secondary",get children(){return["Tooltip on ",d]}})}}))}})}}),e(s.Code,{get children(){return e(t.pre,{get children(){return e(t.code,{className:"hljs language-js",get children(){return["<",e(t.span,{className:"hljs-title class_",children:"Stack"})," direction=",e(t.span,{className:"hljs-string",children:'"horizontal"'})," gap={",e(t.span,{className:"hljs-number",children:"2"}),`}>\r + {[`,e(t.span,{className:"hljs-string",children:"'top'"}),", ",e(t.span,{className:"hljs-string",children:"'right'"}),", ",e(t.span,{className:"hljs-string",children:"'bottom'"}),", ",e(t.span,{className:"hljs-string",children:"'left'"}),"].",e(t.span,{className:"hljs-title function_",children:"map"}),"(",e(t.span,{className:"hljs-function",get children(){return["(",e(t.span,{className:"hljs-params",children:"placement"}),") =>"]}}),` (\r + `,e(t.span,{className:"xml",get children(){return[e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"OverlayTrigger"}),`\r + `,e(t.span,{className:"hljs-attr",children:"placement"}),"=",e(t.span,{className:"hljs-string",children:"{placement}"}),`\r + `,e(t.span,{className:"hljs-attr",children:"overlay"}),"=",e(t.span,{className:"hljs-string",children:"{"}),`\r + <`,e(t.span,{className:"hljs-attr",children:"Tooltip"})," ",e(t.span,{className:"hljs-attr",children:"id"}),"=",e(t.span,{className:"hljs-string",children:"{"}),"`",e(t.span,{className:"hljs-attr",children:"tooltip-"}),"${",e(t.span,{className:"hljs-attr",children:"placement"}),"}`}>"]}}),`\r + Tooltip on `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"strong"}),">"]}}),"{placement}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`.\r + `,e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r + }\r + >\r + `,e(t.span,{className:"hljs-tag",get children(){return["<",e(t.span,{className:"hljs-name",children:"Button"})," ",e(t.span,{className:"hljs-attr",children:"variant"}),"=",e(t.span,{className:"hljs-string",children:'"secondary"'}),">"]}}),"Tooltip on {placement}",e(t.span,{className:"hljs-tag",get children(){return[""]}}),`\r + `,e(t.span,{className:"hljs-tag",get children(){return[""]}})]}}),`\r + ))}\r + +`]}})}})}})]}}),null),r(n,e(D,{}),null),n})()]}}function p(o,a){throw new Error("Expected "+(a?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}export{K as default}; diff --git a/assets/index.a8c27b5b.js b/assets/index.46b6df7f.js similarity index 98% rename from assets/index.a8c27b5b.js rename to assets/index.46b6df7f.js index 05976bf..792296e 100644 --- a/assets/index.a8c27b5b.js +++ b/assets/index.46b6df7f.js @@ -2,4 +2,4 @@ Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames -*/(function(t){(function(){var e={}.hasOwnProperty;function n(){for(var r=[],o=0;o

          Solid Bootstrap

          The most popular front-end framework
          Rebuilt for SolidJS.

          Current version: 1.0.17

          Rebuilt with SolidJS

          Solid-Bootstrap replaces the Bootstrap JavaScript. Each component has been carefully ported into a true SolidJS component, without unneeded dependencies like jQuery.

          This library has been ported from React-Bootstrap which is one of the most popular and proven UI libraries, making it an excellent choice as your SolidJS UI foundation.

          Bootstrap at its core

          Built with compatibility in mind, we embrace our bootstrap core and strive to be compatible with the world's largest UI ecosystem.

          By relying entirely on the Bootstrap stylesheet, Solid-Bootstrap just works with the thousands of Bootstrap themes you already love.

          Accessible by default

          The SolidJS component model gives us more control over form and function of each component.

          Each component is implemented with accessibility in mind. The result is a set of accessible-by-default components, over what is possible from plain Bootstrap.

          `),ai=()=>(()=>{const t=ii.cloneNode(!0),e=t.firstChild,n=e.firstChild,r=n.firstChild,o=r.nextSibling,s=o.nextSibling;return X(s,p(Ee,{href:"/getting-started",role:"button",tabindex:"0",class:"me-3 px-5 btn btn-outline-light btn-lg",children:"Get started"}),null),X(s,p(Ee,{href:"/components/accordion",role:"button",tabindex:"0",class:"px-5 btn btn-outline-light btn-lg",children:"Components"}),null),Q(i=>{const a=lt(_e.MastHead,"mb-4"),c=lt(_e.HomeContent,"px-4"),u=_e.HomeHeading,l=lt(_e.HomeSubheading,"lead"),h=_e.ButtonToolbar;return a!==i._v$&&le(e,i._v$=a),c!==i._v$2&&le(n,i._v$2=c),u!==i._v$3&&le(r,i._v$3=u),l!==i._v$4&&le(o,i._v$4=l),h!==i._v$5&&le(s,i._v$5=h),i},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0}),t})();const li="/solid-bootstrap/",ci=()=>p(Nr,{base:li,get children(){return[p(ei,{}),p(Bn,{get children(){return p(Lr,{get children(){return[p(ve,{path:"/layout/*",get component(){return Ne(()=>Le(()=>import("./Layouts.ad845d0b.js"),["assets/Layouts.ad845d0b.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),p(ve,{path:"/forms/*",get component(){return Ne(()=>Le(()=>import("./Forms.effd0efd.js"),["assets/Forms.effd0efd.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),p(ve,{path:"/components/*",get component(){return Ne(()=>Le(()=>import("./Components.d310d1c6.js"),["assets/Components.d310d1c6.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),p(ve,{path:"/core/*",get component(){return Ne(()=>Le(()=>import("./Core.83c06cef.js"),["assets/Core.83c06cef.js","assets/Layout.a2c9264a.js","assets/Layout.d9953910.css"]))}}),p(ve,{path:"/getting-started",get component(){return Ne(()=>Le(()=>import("./GettingStarted.aacad6b1.js"),["assets/GettingStarted.aacad6b1.js","assets/Card.99118534.js","assets/Alert.ccf287cf.js"]))}}),p(ve,{path:"/*all",get element(){return p(ai,{})}})]}})}})]}});Un(()=>p(ci,{}),document.getElementById("root"));export{jr as $,Ee as A,re as B,_o as C,oe as D,ce as E,Mo as F,wt as G,qe as H,Q as I,mt as J,zn as K,le as L,xo as M,ie as N,Te as O,mi as P,Ce as Q,Lr as R,Xe as S,vn as T,hn as U,Ze as V,Mr as W,Ae as X,pn as Y,Z,Le as _,ve as a,de as a0,$e as a1,yt as a2,Ge as a3,Bt as a4,ht as a5,Sn as a6,hi as a7,di as a8,gi as a9,Y as aA,We as aB,go as aC,qn as aa,Xn as ab,qt as ac,yn as ad,bo as ae,fi as af,St as ag,Ct as ah,vt as ai,nn as aj,wn as ak,He as al,ls as am,Qe as an,os as ao,Vr as ap,co as aq,En as ar,Wo as as,$o as at,Is as au,oo as av,rr as aw,Wt as ax,pt as ay,ss as az,dn as b,p as c,F as d,pi as e,L as f,Cr as g,Se as h,lt as i,U as j,E as k,Ne as l,w as m,Qo as n,X as o,Xo as p,Vo as q,et as r,_ as s,V as t,J as u,Fr as v,mn as w,Ko as x,q as y,B as z}; +*/(function(t){(function(){var e={}.hasOwnProperty;function n(){for(var r=[],o=0;o

          Solid Bootstrap

          The most popular front-end framework
          Rebuilt for SolidJS.

          Current version: 1.0.18

          Rebuilt with SolidJS

          Solid-Bootstrap replaces the Bootstrap JavaScript. Each component has been carefully ported into a true SolidJS component, without unneeded dependencies like jQuery.

          This library has been ported from React-Bootstrap which is one of the most popular and proven UI libraries, making it an excellent choice as your SolidJS UI foundation.

          Bootstrap at its core

          Built with compatibility in mind, we embrace our bootstrap core and strive to be compatible with the world's largest UI ecosystem.

          By relying entirely on the Bootstrap stylesheet, Solid-Bootstrap just works with the thousands of Bootstrap themes you already love.

          Accessible by default

          The SolidJS component model gives us more control over form and function of each component.

          Each component is implemented with accessibility in mind. The result is a set of accessible-by-default components, over what is possible from plain Bootstrap.

          `),ai=()=>(()=>{const t=ii.cloneNode(!0),e=t.firstChild,n=e.firstChild,r=n.firstChild,o=r.nextSibling,s=o.nextSibling;return X(s,p(Ee,{href:"/getting-started",role:"button",tabindex:"0",class:"me-3 px-5 btn btn-outline-light btn-lg",children:"Get started"}),null),X(s,p(Ee,{href:"/components/accordion",role:"button",tabindex:"0",class:"px-5 btn btn-outline-light btn-lg",children:"Components"}),null),Q(i=>{const a=lt(_e.MastHead,"mb-4"),c=lt(_e.HomeContent,"px-4"),u=_e.HomeHeading,l=lt(_e.HomeSubheading,"lead"),h=_e.ButtonToolbar;return a!==i._v$&&le(e,i._v$=a),c!==i._v$2&&le(n,i._v$2=c),u!==i._v$3&&le(r,i._v$3=u),l!==i._v$4&&le(o,i._v$4=l),h!==i._v$5&&le(s,i._v$5=h),i},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0}),t})();const li="/solid-bootstrap/",ci=()=>p(Nr,{base:li,get children(){return[p(ei,{}),p(Bn,{get children(){return p(Lr,{get children(){return[p(ve,{path:"/layout/*",get component(){return Ne(()=>Le(()=>import("./Layouts.26481a26.js"),["assets/Layouts.26481a26.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),p(ve,{path:"/forms/*",get component(){return Ne(()=>Le(()=>import("./Forms.1553089d.js"),["assets/Forms.1553089d.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),p(ve,{path:"/components/*",get component(){return Ne(()=>Le(()=>import("./Components.de128930.js"),["assets/Components.de128930.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),p(ve,{path:"/core/*",get component(){return Ne(()=>Le(()=>import("./Core.ca03eb6b.js"),["assets/Core.ca03eb6b.js","assets/Layout.4a46f345.js","assets/Layout.d9953910.css"]))}}),p(ve,{path:"/getting-started",get component(){return Ne(()=>Le(()=>import("./GettingStarted.d0aba3eb.js"),["assets/GettingStarted.d0aba3eb.js","assets/Card.cb90095f.js","assets/Alert.cfed10ed.js"]))}}),p(ve,{path:"/*all",get element(){return p(ai,{})}})]}})}})]}});Un(()=>p(ci,{}),document.getElementById("root"));export{jr as $,Ee as A,re as B,_o as C,oe as D,ce as E,Mo as F,wt as G,qe as H,Q as I,mt as J,zn as K,le as L,xo as M,ie as N,Te as O,mi as P,Ce as Q,Lr as R,Xe as S,vn as T,hn as U,Ze as V,Mr as W,Ae as X,pn as Y,Z,Le as _,ve as a,de as a0,ht as a1,Sn as a2,hi as a3,di as a4,$e as a5,yt as a6,Ge as a7,Bt as a8,gi as a9,Y as aA,We as aB,go as aC,qn as aa,Xn as ab,qt as ac,yn as ad,bo as ae,fi as af,St as ag,Ct as ah,vt as ai,nn as aj,wn as ak,He as al,ls as am,Qe as an,os as ao,Vr as ap,co as aq,En as ar,Wo as as,$o as at,Is as au,oo as av,rr as aw,Wt as ax,pt as ay,ss as az,dn as b,p as c,F as d,pi as e,L as f,Cr as g,Se as h,lt as i,U as j,E as k,Ne as l,w as m,Qo as n,X as o,Xo as p,Vo as q,et as r,_ as s,V as t,J as u,Fr as v,mn as w,Ko as x,q as y,B as z}; diff --git a/assets/index.ef3b11e9.js b/assets/index.e0aff9b5.js similarity index 98% rename from assets/index.ef3b11e9.js rename to assets/index.e0aff9b5.js index 3b2379c..01bb1b9 100644 --- a/assets/index.ef3b11e9.js +++ b/assets/index.e0aff9b5.js @@ -1 +1 @@ -import{y as a,m as o,c as r,D as n,z as i}from"./index.a8c27b5b.js";var l=["html","base","head","link","meta","style","title","body","address","article","aside","footer","header","main","nav","section","body","blockquote","dd","div","dl","dt","figcaption","figure","hr","li","ol","p","pre","ul","a","abbr","b","bdi","bdo","br","cite","code","data","dfn","em","i","kbd","mark","q","rp","rt","ruby","s","samp","small","span","strong","sub","sup","time","u","var","wbr","area","audio","img","map","track","video","embed","iframe","object","param","picture","portal","source","svg","math","canvas","noscript","script","del","ins","caption","col","colgroup","table","tbody","td","tfoot","th","thead","tr","button","datalist","fieldset","form","input","label","legend","meter","optgroup","option","output","progress","select","textarea","details","dialog","menu","summary","details","slot","template","acronym","applet","basefont","bgsound","big","blink","center","content","dir","font","frame","frameset","hgroup","image","keygen","marquee","menuitem","nobr","noembed","noframes","plaintext","rb","rtc","shadow","spacer","strike","tt","xmp","a","abbr","acronym","address","applet","area","article","aside","audio","b","base","basefont","bdi","bdo","bgsound","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","del","details","dfn","dialog","dir","div","dl","dt","em","embed","fieldset","figcaption","figure","font","footer","form","frame","frameset","head","header","h1","h2","h3","h4","h5","h6","hgroup","hr","html","i","iframe","image","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","nobr","noembed","noframes","noscript","object","ol","optgroup","option","output","p","param","picture","plaintext","portal","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","tt","u","ul","var","video","wbr","xmp","input"],s=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"];[...s];var m=new Set(["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","font","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignObject","g","glyph","glyphRef","hkern","image","line","linearGradient","marker","mask","metadata","missing-glyph","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tref","tspan","use","view","vkern"]),d=a(Object.fromEntries([...l,...m.keys()].map(t=>[t,function(e){return e=o(e,{component:t}),r(n,e)}]))),f=()=>i(d);export{f as M}; +import{y as a,m as o,c as r,D as n,z as i}from"./index.46b6df7f.js";var l=["html","base","head","link","meta","style","title","body","address","article","aside","footer","header","main","nav","section","body","blockquote","dd","div","dl","dt","figcaption","figure","hr","li","ol","p","pre","ul","a","abbr","b","bdi","bdo","br","cite","code","data","dfn","em","i","kbd","mark","q","rp","rt","ruby","s","samp","small","span","strong","sub","sup","time","u","var","wbr","area","audio","img","map","track","video","embed","iframe","object","param","picture","portal","source","svg","math","canvas","noscript","script","del","ins","caption","col","colgroup","table","tbody","td","tfoot","th","thead","tr","button","datalist","fieldset","form","input","label","legend","meter","optgroup","option","output","progress","select","textarea","details","dialog","menu","summary","details","slot","template","acronym","applet","basefont","bgsound","big","blink","center","content","dir","font","frame","frameset","hgroup","image","keygen","marquee","menuitem","nobr","noembed","noframes","plaintext","rb","rtc","shadow","spacer","strike","tt","xmp","a","abbr","acronym","address","applet","area","article","aside","audio","b","base","basefont","bdi","bdo","bgsound","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","del","details","dfn","dialog","dir","div","dl","dt","em","embed","fieldset","figcaption","figure","font","footer","form","frame","frameset","head","header","h1","h2","h3","h4","h5","h6","hgroup","hr","html","i","iframe","image","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","nobr","noembed","noframes","noscript","object","ol","optgroup","option","output","p","param","picture","plaintext","portal","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","tt","u","ul","var","video","wbr","xmp","input"],s=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"];[...s];var m=new Set(["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","font","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignObject","g","glyph","glyphRef","hkern","image","line","linearGradient","marker","mask","metadata","missing-glyph","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tref","tspan","use","view","vkern"]),d=a(Object.fromEntries([...l,...m.keys()].map(t=>[t,function(e){return e=o(e,{component:t}),r(n,e)}]))),f=()=>i(d);export{f as M}; diff --git a/assets/mergeOptionsWithPopperConfig.c1f38e41.js b/assets/mergeOptionsWithPopperConfig.c1f38e41.js new file mode 100644 index 0000000..1ccb41b --- /dev/null +++ b/assets/mergeOptionsWithPopperConfig.c1f38e41.js @@ -0,0 +1 @@ +import{a1 as G,a2 as tt,a3 as ht,a4 as Tt,f as ke,k as Me,a5 as rt,h as Ce,a6 as Lt,a7 as Se,Z as Wt,a8 as kt}from"./index.46b6df7f.js";const Be=Symbol("store-raw"),pe=Symbol("store-node"),Nt=Symbol("store-name");function mt(e,t){let r=e[G];if(!r&&(Object.defineProperty(e,G,{value:r=new Proxy(e,Vt)}),!Array.isArray(e))){const o=Object.keys(e),n=Object.getOwnPropertyDescriptors(e);for(let i=0,s=o.length;ie[G][t]),r}function gt(e){if(ht()){const t=Ne(e);(t._||(t._=yt()))()}}function Ht(e){return gt(e),Reflect.ownKeys(e)}function yt(e){const[t,r]=ke(e,{equals:!1,internal:!0});return t.$=r,t}const Vt={get(e,t,r){if(t===Be)return e;if(t===G)return r;if(t===tt)return gt(e),r;const o=Ne(e),n=o.hasOwnProperty(t);let i=n?o[t]():e[t];if(t===pe||t==="__proto__")return i;if(!n){const s=Object.getOwnPropertyDescriptor(e,t);ht()&&(typeof i!="function"||e.hasOwnProperty(t))&&!(s&&s.get)&&(i=Te(o,t,i)())}return I(i)?mt(i):i},has(e,t){return t===Be||t===G||t===tt||t===pe||t==="__proto__"?!0:(this.get(e,t,e),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:Ht,getOwnPropertyDescriptor:Ft};function C(e,t,r,o=!1){if(!o&&e[t]===r)return;const n=e[t],i=e.length;r===void 0?delete e[t]:e[t]=r;let s=Ne(e),c;(c=Te(s,t,n))&&c.$(()=>r),Array.isArray(e)&&e.length!==i&&(c=Te(s,"length",i))&&c.$(e.length),(c=s._)&&c.$()}function bt(e,t){const r=Object.keys(t);for(let o=0;o1){o=t.shift();const s=typeof o,c=Array.isArray(e);if(Array.isArray(o)){for(let a=0;a1){ce(e[o],t,[o].concat(r));return}n=e[o],r=[o].concat(r)}let i=t[0];typeof i=="function"&&(i=i(n,r),i===n)||o===void 0&&i==null||(i=Q(i),o===void 0||I(n)&&I(i)&&!Array.isArray(i)?bt(n,i):C(e,o,i))}function qt(...[e,t]){const r=Q(e||{}),o=Array.isArray(r),n=mt(r);function i(...s){Tt(()=>{o&&s.length===1?It(r,s[0]):ce(r,s)})}return[n,i]}const Le=Symbol("store-root");function J(e,t,r,o,n){const i=t[r];if(e===i)return;if(!I(e)||!I(i)||n&&e[n]!==i[n]){if(e!==i){if(r===Le)return e;C(t,r,e)}return}if(Array.isArray(e)){if(e.length&&i.length&&(!o||n&&e[0][n]!=null)){let a,f,u,l,d,p,m,v;for(u=0,l=Math.min(i.length,e.length);u=u&&d>=u&&(i[l]===e[d]||n&&i[l][n]===e[d][n]);l--,d--)h[d]=i[l];if(u>d||u>l){for(f=u;f<=d;f++)C(i,f,e[f]);for(;fe.length&&C(i,"length",e.length);return}for(m=new Array(d+1),f=d;f>=u;f--)p=e[f],v=n?p[n]:p,a=y.get(v),m[f]=a===void 0?-1:a,y.set(v,f);for(a=u;a<=l;a++)p=i[a],v=n?p[n]:p,f=y.get(v),f!==void 0&&f!==-1&&(h[f]=i[a],f=m[f],y.set(v,f));for(f=u;fe.length&&C(i,"length",e.length);return}const s=Object.keys(e);for(let a=0,f=s.length;a{if(!I(i)||!I(n))return n;const s=J(n,{[Le]:i},Le,r,o);return s===void 0?i:s}}var R="top",B="bottom",T="right",j="left",Fe="auto",he=[R,B,T,j],_="start",de="end",Ut="clippingParents",wt="viewport",fe="popper",Xt="reference",ot=he.reduce(function(e,t){return e.concat([t+"-"+_,t+"-"+de])},[]),Ot=[].concat(he,[Fe]).reduce(function(e,t){return e.concat([t,t+"-"+_,t+"-"+de])},[]),Yt="beforeRead",Kt="read",zt="afterRead",Gt="beforeMain",Zt="main",Jt="afterMain",Qt="beforeWrite",_t="write",er="afterWrite",tr=[Yt,Kt,zt,Gt,Zt,Jt,Qt,_t,er];function q(e){return e?(e.nodeName||"").toLowerCase():null}function k(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ee(e){var t=k(e).Element;return e instanceof t||e instanceof Element}function N(e){var t=k(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function He(e){if(typeof ShadowRoot>"u")return!1;var t=k(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function F(e){return e.split("-")[0]}var z=Math.max,Pe=Math.min,te=Math.round;function re(e,t){t===void 0&&(t=!1);var r=e.getBoundingClientRect(),o=1,n=1;if(N(e)&&t){var i=e.offsetHeight,s=e.offsetWidth;s>0&&(o=te(r.width)/s||1),i>0&&(n=te(r.height)/i||1)}return{width:r.width/o,height:r.height/n,top:r.top/n,right:r.right/o,bottom:r.bottom/n,left:r.left/o,x:r.left/o,y:r.top/n}}function Ve(e){var t=re(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function xt(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&He(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function H(e){return k(e).getComputedStyle(e)}function rr(e){return["table","td","th"].indexOf(q(e))>=0}function U(e){return((ee(e)?e.ownerDocument:e.document)||window.document).documentElement}function Ee(e){return q(e)==="html"?e:e.assignedSlot||e.parentNode||(He(e)?e.host:null)||U(e)}function it(e){return!N(e)||H(e).position==="fixed"?null:e.offsetParent}function nr(e){var t=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&N(e)){var o=H(e);if(o.position==="fixed")return null}var n=Ee(e);for(He(n)&&(n=n.host);N(n)&&["html","body"].indexOf(q(n))<0;){var i=H(n);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none")return n;n=n.parentNode}return null}function me(e){for(var t=k(e),r=it(e);r&&rr(r)&&H(r).position==="static";)r=it(r);return r&&(q(r)==="html"||q(r)==="body"&&H(r).position==="static")?t:r||nr(e)||t}function Ie(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ue(e,t,r){return z(e,Pe(t,r))}function or(e,t,r){var o=ue(e,t,r);return o>r?r:o}function At(){return{top:0,right:0,bottom:0,left:0}}function Pt(e){return Object.assign({},At(),e)}function Et(e,t){return t.reduce(function(r,o){return r[o]=e,r},{})}var ir=function(t,r){return t=typeof t=="function"?t(Object.assign({},r.rects,{placement:r.placement})):t,Pt(typeof t!="number"?t:Et(t,he))};function ar(e){var t,r=e.state,o=e.name,n=e.options,i=r.elements.arrow,s=r.modifiersData.popperOffsets,c=F(r.placement),a=Ie(c),f=[j,T].indexOf(c)>=0,u=f?"height":"width";if(!(!i||!s)){var l=ir(n.padding,r),d=Ve(i),p=a==="y"?R:j,m=a==="y"?B:T,v=r.rects.reference[u]+r.rects.reference[a]-s[a]-r.rects.popper[u],h=s[a]-r.rects.reference[a],y=me(i),x=y?a==="y"?y.clientHeight||0:y.clientWidth||0:0,A=v/2-h/2,g=l[p],w=x-d[u]-l[m],b=x/2-d[u]/2+A,O=ue(g,b,w),P=a;r.modifiersData[o]=(t={},t[P]=O,t.centerOffset=O-b,t)}}function sr(e){var t=e.state,r=e.options,o=r.element,n=o===void 0?"[data-popper-arrow]":o;n!=null&&(typeof n=="string"&&(n=t.elements.popper.querySelector(n),!n)||!xt(t.elements.popper,n)||(t.elements.arrow=n))}const fr={name:"arrow",enabled:!0,phase:"main",fn:ar,effect:sr,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ne(e){return e.split("-")[1]}var cr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ur(e){var t=e.x,r=e.y,o=window,n=o.devicePixelRatio||1;return{x:te(t*n)/n||0,y:te(r*n)/n||0}}function at(e){var t,r=e.popper,o=e.popperRect,n=e.placement,i=e.variation,s=e.offsets,c=e.position,a=e.gpuAcceleration,f=e.adaptive,u=e.roundOffsets,l=e.isFixed,d=s.x,p=d===void 0?0:d,m=s.y,v=m===void 0?0:m,h=typeof u=="function"?u({x:p,y:v}):{x:p,y:v};p=h.x,v=h.y;var y=s.hasOwnProperty("x"),x=s.hasOwnProperty("y"),A=j,g=R,w=window;if(f){var b=me(r),O="clientHeight",P="clientWidth";if(b===k(r)&&(b=U(r),H(b).position!=="static"&&c==="absolute"&&(O="scrollHeight",P="scrollWidth")),b=b,n===R||(n===j||n===T)&&i===de){g=B;var $=l&&b===w&&w.visualViewport?w.visualViewport.height:b[O];v-=$-o.height,v*=a?1:-1}if(n===j||(n===R||n===B)&&i===de){A=T;var E=l&&b===w&&w.visualViewport?w.visualViewport.width:b[P];p-=E-o.width,p*=a?1:-1}}var D=Object.assign({position:c},f&&cr),L=u===!0?ur({x:p,y:v}):{x:p,y:v};if(p=L.x,v=L.y,a){var M;return Object.assign({},D,(M={},M[g]=x?"0":"",M[A]=y?"0":"",M.transform=(w.devicePixelRatio||1)<=1?"translate("+p+"px, "+v+"px)":"translate3d("+p+"px, "+v+"px, 0)",M))}return Object.assign({},D,(t={},t[g]=x?v+"px":"",t[A]=y?p+"px":"",t.transform="",t))}function lr(e){var t=e.state,r=e.options,o=r.gpuAcceleration,n=o===void 0?!0:o,i=r.adaptive,s=i===void 0?!0:i,c=r.roundOffsets,a=c===void 0?!0:c,f={placement:F(t.placement),variation:ne(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,at(Object.assign({},f,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:a})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,at(Object.assign({},f,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const pr={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:lr,data:{}};var xe={passive:!0};function dr(e){var t=e.state,r=e.instance,o=e.options,n=o.scroll,i=n===void 0?!0:n,s=o.resize,c=s===void 0?!0:s,a=k(t.elements.popper),f=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&f.forEach(function(u){u.addEventListener("scroll",r.update,xe)}),c&&a.addEventListener("resize",r.update,xe),function(){i&&f.forEach(function(u){u.removeEventListener("scroll",r.update,xe)}),c&&a.removeEventListener("resize",r.update,xe)}}const vr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:dr,data:{}};var hr={left:"right",right:"left",bottom:"top",top:"bottom"};function Ae(e){return e.replace(/left|right|bottom|top/g,function(t){return hr[t]})}var mr={start:"end",end:"start"};function st(e){return e.replace(/start|end/g,function(t){return mr[t]})}function qe(e){var t=k(e),r=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:r,scrollTop:o}}function Ue(e){return re(U(e)).left+qe(e).scrollLeft}function gr(e){var t=k(e),r=U(e),o=t.visualViewport,n=r.clientWidth,i=r.clientHeight,s=0,c=0;return o&&(n=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,c=o.offsetTop)),{width:n,height:i,x:s+Ue(e),y:c}}function yr(e){var t,r=U(e),o=qe(e),n=(t=e.ownerDocument)==null?void 0:t.body,i=z(r.scrollWidth,r.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),s=z(r.scrollHeight,r.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),c=-o.scrollLeft+Ue(e),a=-o.scrollTop;return H(n||r).direction==="rtl"&&(c+=z(r.clientWidth,n?n.clientWidth:0)-i),{width:i,height:s,x:c,y:a}}function Xe(e){var t=H(e),r=t.overflow,o=t.overflowX,n=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+n+o)}function Dt(e){return["html","body","#document"].indexOf(q(e))>=0?e.ownerDocument.body:N(e)&&Xe(e)?e:Dt(Ee(e))}function le(e,t){var r;t===void 0&&(t=[]);var o=Dt(e),n=o===((r=e.ownerDocument)==null?void 0:r.body),i=k(o),s=n?[i].concat(i.visualViewport||[],Xe(o)?o:[]):o,c=t.concat(s);return n?c:c.concat(le(Ee(s)))}function We(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function br(e){var t=re(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function ft(e,t){return t===wt?We(gr(e)):ee(t)?br(t):We(yr(U(e)))}function wr(e){var t=le(Ee(e)),r=["absolute","fixed"].indexOf(H(e).position)>=0,o=r&&N(e)?me(e):e;return ee(o)?t.filter(function(n){return ee(n)&&xt(n,o)&&q(n)!=="body"}):[]}function Or(e,t,r){var o=t==="clippingParents"?wr(e):[].concat(t),n=[].concat(o,[r]),i=n[0],s=n.reduce(function(c,a){var f=ft(e,a);return c.top=z(f.top,c.top),c.right=Pe(f.right,c.right),c.bottom=Pe(f.bottom,c.bottom),c.left=z(f.left,c.left),c},ft(e,i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function $t(e){var t=e.reference,r=e.element,o=e.placement,n=o?F(o):null,i=o?ne(o):null,s=t.x+t.width/2-r.width/2,c=t.y+t.height/2-r.height/2,a;switch(n){case R:a={x:s,y:t.y-r.height};break;case B:a={x:s,y:t.y+t.height};break;case T:a={x:t.x+t.width,y:c};break;case j:a={x:t.x-r.width,y:c};break;default:a={x:t.x,y:t.y}}var f=n?Ie(n):null;if(f!=null){var u=f==="y"?"height":"width";switch(i){case _:a[f]=a[f]-(t[u]/2-r[u]/2);break;case de:a[f]=a[f]+(t[u]/2-r[u]/2);break}}return a}function ve(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=o===void 0?e.placement:o,i=r.boundary,s=i===void 0?Ut:i,c=r.rootBoundary,a=c===void 0?wt:c,f=r.elementContext,u=f===void 0?fe:f,l=r.altBoundary,d=l===void 0?!1:l,p=r.padding,m=p===void 0?0:p,v=Pt(typeof m!="number"?m:Et(m,he)),h=u===fe?Xt:fe,y=e.rects.popper,x=e.elements[d?h:u],A=Or(ee(x)?x:x.contextElement||U(e.elements.popper),s,a),g=re(e.elements.reference),w=$t({reference:g,element:y,strategy:"absolute",placement:n}),b=We(Object.assign({},y,w)),O=u===fe?b:g,P={top:A.top-O.top+v.top,bottom:O.bottom-A.bottom+v.bottom,left:A.left-O.left+v.left,right:O.right-A.right+v.right},$=e.modifiersData.offset;if(u===fe&&$){var E=$[n];Object.keys(P).forEach(function(D){var L=[T,B].indexOf(D)>=0?1:-1,M=[R,B].indexOf(D)>=0?"y":"x";P[D]+=E[M]*L})}return P}function xr(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=r.boundary,i=r.rootBoundary,s=r.padding,c=r.flipVariations,a=r.allowedAutoPlacements,f=a===void 0?Ot:a,u=ne(o),l=u?c?ot:ot.filter(function(m){return ne(m)===u}):he,d=l.filter(function(m){return f.indexOf(m)>=0});d.length===0&&(d=l);var p=d.reduce(function(m,v){return m[v]=ve(e,{placement:v,boundary:n,rootBoundary:i,padding:s})[F(v)],m},{});return Object.keys(p).sort(function(m,v){return p[m]-p[v]})}function Ar(e){if(F(e)===Fe)return[];var t=Ae(e);return[st(e),t,st(t)]}function Pr(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var n=r.mainAxis,i=n===void 0?!0:n,s=r.altAxis,c=s===void 0?!0:s,a=r.fallbackPlacements,f=r.padding,u=r.boundary,l=r.rootBoundary,d=r.altBoundary,p=r.flipVariations,m=p===void 0?!0:p,v=r.allowedAutoPlacements,h=t.options.placement,y=F(h),x=y===h,A=a||(x||!m?[Ae(h)]:Ar(h)),g=[h].concat(A).reduce(function(Z,V){return Z.concat(F(V)===Fe?xr(t,{placement:V,boundary:u,rootBoundary:l,padding:f,flipVariations:m,allowedAutoPlacements:v}):V)},[]),w=t.rects.reference,b=t.rects.popper,O=new Map,P=!0,$=g[0],E=0;E=0,ie=oe?"width":"height",S=ve(t,{placement:D,boundary:u,rootBoundary:l,altBoundary:d,padding:f}),W=oe?M?T:j:M?B:R;w[ie]>b[ie]&&(W=Ae(W));var ge=Ae(W),X=[];if(i&&X.push(S[L]<=0),c&&X.push(S[W]<=0,S[ge]<=0),X.every(function(Z){return Z})){$=D,P=!1;break}O.set(D,X)}if(P)for(var ye=m?3:1,De=function(V){var se=g.find(function(we){var Y=O.get(we);if(Y)return Y.slice(0,V).every(function($e){return $e})});if(se)return $=se,"break"},ae=ye;ae>0;ae--){var be=De(ae);if(be==="break")break}t.placement!==$&&(t.modifiersData[o]._skip=!0,t.placement=$,t.reset=!0)}}const Er={name:"flip",enabled:!0,phase:"main",fn:Pr,requiresIfExists:["offset"],data:{_skip:!1}};function ct(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ut(e){return[R,T,B,j].some(function(t){return e[t]>=0})}function Dr(e){var t=e.state,r=e.name,o=t.rects.reference,n=t.rects.popper,i=t.modifiersData.preventOverflow,s=ve(t,{elementContext:"reference"}),c=ve(t,{altBoundary:!0}),a=ct(s,o),f=ct(c,n,i),u=ut(a),l=ut(f);t.modifiersData[r]={referenceClippingOffsets:a,popperEscapeOffsets:f,isReferenceHidden:u,hasPopperEscaped:l},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":l})}const $r={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Dr};function Rr(e,t,r){var o=F(e),n=[j,R].indexOf(o)>=0?-1:1,i=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,s=i[0],c=i[1];return s=s||0,c=(c||0)*n,[j,T].indexOf(o)>=0?{x:c,y:s}:{x:s,y:c}}function jr(e){var t=e.state,r=e.options,o=e.name,n=r.offset,i=n===void 0?[0,0]:n,s=Ot.reduce(function(u,l){return u[l]=Rr(l,t.rects,i),u},{}),c=s[t.placement],a=c.x,f=c.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=a,t.modifiersData.popperOffsets.y+=f),t.modifiersData[o]=s}const Mr={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:jr};function Sr(e){var t=e.state,r=e.name;t.modifiersData[r]=$t({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Cr={name:"popperOffsets",enabled:!0,phase:"read",fn:Sr,data:{}};function Br(e){return e==="x"?"y":"x"}function Tr(e){var t=e.state,r=e.options,o=e.name,n=r.mainAxis,i=n===void 0?!0:n,s=r.altAxis,c=s===void 0?!1:s,a=r.boundary,f=r.rootBoundary,u=r.altBoundary,l=r.padding,d=r.tether,p=d===void 0?!0:d,m=r.tetherOffset,v=m===void 0?0:m,h=ve(t,{boundary:a,rootBoundary:f,padding:l,altBoundary:u}),y=F(t.placement),x=ne(t.placement),A=!x,g=Ie(y),w=Br(g),b=t.modifiersData.popperOffsets,O=t.rects.reference,P=t.rects.popper,$=typeof v=="function"?v(Object.assign({},t.rects,{placement:t.placement})):v,E=typeof $=="number"?{mainAxis:$,altAxis:$}:Object.assign({mainAxis:0,altAxis:0},$),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,L={x:0,y:0};if(!!b){if(i){var M,oe=g==="y"?R:j,ie=g==="y"?B:T,S=g==="y"?"height":"width",W=b[g],ge=W+h[oe],X=W-h[ie],ye=p?-P[S]/2:0,De=x===_?O[S]:P[S],ae=x===_?-P[S]:-O[S],be=t.elements.arrow,Z=p&&be?Ve(be):{width:0,height:0},V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:At(),se=V[oe],we=V[ie],Y=ue(0,O[S],Z[S]),$e=A?O[S]/2-ye-Y-se-E.mainAxis:De-Y-se-E.mainAxis,Rt=A?-O[S]/2+ye+Y+we+E.mainAxis:ae+Y+we+E.mainAxis,Re=t.elements.arrow&&me(t.elements.arrow),jt=Re?g==="y"?Re.clientTop||0:Re.clientLeft||0:0,Ye=(M=D?.[g])!=null?M:0,Mt=W+$e-Ye-jt,St=W+Rt-Ye,Ke=ue(p?Pe(ge,Mt):ge,W,p?z(X,St):X);b[g]=Ke,L[g]=Ke-W}if(c){var ze,Ct=g==="x"?R:j,Bt=g==="x"?B:T,K=b[w],Oe=w==="y"?"height":"width",Ge=K+h[Ct],Ze=K-h[Bt],je=[R,j].indexOf(y)!==-1,Je=(ze=D?.[w])!=null?ze:0,Qe=je?Ge:K-O[Oe]-P[Oe]-Je+E.altAxis,_e=je?K+O[Oe]+P[Oe]-Je-E.altAxis:Ze,et=p&&je?or(Qe,K,_e):ue(p?Qe:Ge,K,p?_e:Ze);b[w]=et,L[w]=et-K}t.modifiersData[o]=L}}const Lr={name:"preventOverflow",enabled:!0,phase:"main",fn:Tr,requiresIfExists:["offset"]};function Wr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function kr(e){return e===k(e)||!N(e)?qe(e):Wr(e)}function Nr(e){var t=e.getBoundingClientRect(),r=te(t.width)/e.offsetWidth||1,o=te(t.height)/e.offsetHeight||1;return r!==1||o!==1}function Fr(e,t,r){r===void 0&&(r=!1);var o=N(t),n=N(t)&&Nr(t),i=U(t),s=re(e,n),c={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!r)&&((q(t)!=="body"||Xe(i))&&(c=kr(t)),N(t)?(a=re(t,!0),a.x+=t.clientLeft,a.y+=t.clientTop):i&&(a.x=Ue(i))),{x:s.left+c.scrollLeft-a.x,y:s.top+c.scrollTop-a.y,width:s.width,height:s.height}}function Hr(e){var t=new Map,r=new Set,o=[];e.forEach(function(i){t.set(i.name,i)});function n(i){r.add(i.name);var s=[].concat(i.requires||[],i.requiresIfExists||[]);s.forEach(function(c){if(!r.has(c)){var a=t.get(c);a&&n(a)}}),o.push(i)}return e.forEach(function(i){r.has(i.name)||n(i)}),o}function Vr(e){var t=Hr(e);return tr.reduce(function(r,o){return r.concat(t.filter(function(n){return n.phase===o}))},[])}function Ir(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function qr(e){var t=e.reduce(function(r,o){var n=r[o.name];return r[o.name]=n?Object.assign({},n,o,{options:Object.assign({},n.options,o.options),data:Object.assign({},n.data,o.data)}):o,r},{});return Object.keys(t).map(function(r){return t[r]})}var lt={placement:"bottom",modifiers:[],strategy:"absolute"};function pt(){for(var e=arguments.length,t=new Array(e),r=0;r{}},Kr={name:"ariaDescribedBy",enabled:!0,phase:"afterWrite",effect:({state:e})=>()=>{const{reference:t,popper:r}=e.elements;if("removeAttribute"in t){const o=(t.getAttribute("aria-describedby")||"").split(",").filter(n=>n.trim()!==r.id);o.length?t.setAttribute("aria-describedby",o.join(",")):t.removeAttribute("aria-describedby")}},fn:({state:e})=>{const{popper:t,reference:r}=e.elements,o=t.getAttribute("role")?.toLowerCase();if(t.id&&o==="tooltip"&&"setAttribute"in r){const n=r.getAttribute("aria-describedby");if(n&&n.split(",").indexOf(t.id)!==-1)return;r.setAttribute("aria-describedby",n?`${n},${t.id}`:t.id)}}},zr=[];function en(e,t,r){const[o,n]=ke(),i=Me(()=>r.enabled??!0),s=Me(rt(o,l=>()=>{l?.update()})),c=Me(rt(o,l=>()=>{l?.forceUpdate()})),[a,f]=qt({placement:r.placement??"bottom",get update(){return s()},get forceUpdate(){return c()},attributes:{},styles:{popper:{},arrow:{}}}),u={name:"updateStateModifier",enabled:!0,phase:"write",requires:["computeStyles"],fn:({state:l})=>{const d={},p={};Object.keys(l.elements).forEach(m=>{d[m]=l.styles[m],p[m]=l.attributes[m]}),f(nt({...a,state:l,styles:d,attributes:p,placement:l.placement},{merge:!0}))}};return Ce(()=>{const l=o();!l||!i()||(l.setOptions({onFirstUpdate:r.onFirstUpdate,placement:r.placement??"bottom",modifiers:[...r.modifiers??zr,Kr,u,Yr],strategy:r.strategy??"absolute"}),queueMicrotask(()=>{s()()}))}),Ce(()=>{const l=e(),d=t();if(l&&d&&i()){let p;p=Xr(l,d,{}),n(p)}else o()&&(o().destroy(),n(void 0),f(nt({...a,attributes:{},styles:{popper:{}}},{merge:!0})))}),()=>a}const dt=()=>{};function Gr(e){return e.button===0}function Zr(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}const vt=e=>e;function tn(e,t=dt,{disabled:r,clickTrigger:o="click"}={}){const[n,i]=ke(!1),s=a=>{const f=vt(e());i(!f||Zr(a)||!Gr(a)||!!kt(f,a.target))},c=a=>{n()||t(a)};Ce(()=>{if(r||e()==null)return;const a=Lt(vt(e()));let f=(a.defaultView||window).event;const u=Se(a,o,s,!0),l=Se(a,o,p=>{if(p===f){f=void 0;return}c(p)});let d=[];"ontouchstart"in a.documentElement&&(d=[].slice.call(a.body.children).map(p=>Se(p,"mousemove",dt))),Wt(()=>{u(),l(),d.forEach(p=>p())})})}function Jr(e){const t={};return Array.isArray(e)?(e?.forEach(r=>{t[r.name]=r}),t):e||t}function Qr(e={}){return Array.isArray(e)?e:Object.keys(e).map(t=>(e[t].name=t,e[t]))}function rn({enabled:e,enableEvents:t,placement:r,flip:o,offset:n,fixed:i,containerPadding:s,arrowElement:c,popperConfig:a={}}){const f=Jr(a.modifiers);return{...a,placement:r,enabled:e,strategy:i?"fixed":a.strategy,modifiers:Qr({...f,eventListeners:{enabled:t},preventOverflow:{...f.preventOverflow,options:s?{padding:s,...f.preventOverflow?.options}:f.preventOverflow?.options},offset:{options:{offset:n,...f.offset?.options}},arrow:{...f.arrow,enabled:!!c,options:{...f.arrow?.options,element:c}},flip:{enabled:!!o,...f.flip}})}}export{tn as a,qt as c,rn as m,nt as r,en as u}; diff --git a/assets/store.bc2dca4a.js b/assets/store.bc2dca4a.js deleted file mode 100644 index 8718fbf..0000000 --- a/assets/store.bc2dca4a.js +++ /dev/null @@ -1 +0,0 @@ -import{f as Pe,k as Se,a1 as tt,h as Be,a2 as Bt,a3 as Ce,Z as Tt,a4 as Lt,a5 as G,a6 as rt,a7 as vt,a8 as Wt}from"./index.a8c27b5b.js";var R="top",B="bottom",T="right",j="left",Ne="auto",he=[R,B,T,j],Q="start",pe="end",kt="clippingParents",ht="viewport",fe="popper",Nt="reference",nt=he.reduce(function(e,t){return e.concat([t+"-"+Q,t+"-"+pe])},[]),mt=[].concat(he,[Ne]).reduce(function(e,t){return e.concat([t,t+"-"+Q,t+"-"+pe])},[]),Ft="beforeRead",Ht="read",Vt="afterRead",It="beforeMain",qt="main",Ut="afterMain",Xt="beforeWrite",Yt="write",Kt="afterWrite",zt=[Ft,Ht,Vt,It,qt,Ut,Xt,Yt,Kt];function I(e){return e?(e.nodeName||"").toLowerCase():null}function k(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function _(e){var t=k(e).Element;return e instanceof t||e instanceof Element}function N(e){var t=k(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Fe(e){if(typeof ShadowRoot>"u")return!1;var t=k(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function F(e){return e.split("-")[0]}var z=Math.max,Ee=Math.min,ee=Math.round;function te(e,t){t===void 0&&(t=!1);var r=e.getBoundingClientRect(),o=1,n=1;if(N(e)&&t){var i=e.offsetHeight,s=e.offsetWidth;s>0&&(o=ee(r.width)/s||1),i>0&&(n=ee(r.height)/i||1)}return{width:r.width/o,height:r.height/n,top:r.top/n,right:r.right/o,bottom:r.bottom/n,left:r.left/o,x:r.left/o,y:r.top/n}}function He(e){var t=te(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function gt(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&Fe(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function H(e){return k(e).getComputedStyle(e)}function Gt(e){return["table","td","th"].indexOf(I(e))>=0}function U(e){return((_(e)?e.ownerDocument:e.document)||window.document).documentElement}function De(e){return I(e)==="html"?e:e.assignedSlot||e.parentNode||(Fe(e)?e.host:null)||U(e)}function ot(e){return!N(e)||H(e).position==="fixed"?null:e.offsetParent}function Zt(e){var t=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,r=navigator.userAgent.indexOf("Trident")!==-1;if(r&&N(e)){var o=H(e);if(o.position==="fixed")return null}var n=De(e);for(Fe(n)&&(n=n.host);N(n)&&["html","body"].indexOf(I(n))<0;){var i=H(n);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none")return n;n=n.parentNode}return null}function me(e){for(var t=k(e),r=ot(e);r&&Gt(r)&&H(r).position==="static";)r=ot(r);return r&&(I(r)==="html"||I(r)==="body"&&H(r).position==="static")?t:r||Zt(e)||t}function Ve(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function le(e,t,r){return z(e,Ee(t,r))}function Jt(e,t,r){var o=le(e,t,r);return o>r?r:o}function yt(){return{top:0,right:0,bottom:0,left:0}}function bt(e){return Object.assign({},yt(),e)}function wt(e,t){return t.reduce(function(r,o){return r[o]=e,r},{})}var Qt=function(t,r){return t=typeof t=="function"?t(Object.assign({},r.rects,{placement:r.placement})):t,bt(typeof t!="number"?t:wt(t,he))};function _t(e){var t,r=e.state,o=e.name,n=e.options,i=r.elements.arrow,s=r.modifiersData.popperOffsets,c=F(r.placement),a=Ve(c),f=[j,T].indexOf(c)>=0,l=f?"height":"width";if(!(!i||!s)){var p=Qt(n.padding,r),d=He(i),u=a==="y"?R:j,h=a==="y"?B:T,v=r.rects.reference[l]+r.rects.reference[a]-s[a]-r.rects.popper[l],m=s[a]-r.rects.reference[a],y=me(i),x=y?a==="y"?y.clientHeight||0:y.clientWidth||0:0,A=v/2-m/2,g=p[u],w=x-d[l]-p[h],b=x/2-d[l]/2+A,O=le(g,b,w),P=a;r.modifiersData[o]=(t={},t[P]=O,t.centerOffset=O-b,t)}}function er(e){var t=e.state,r=e.options,o=r.element,n=o===void 0?"[data-popper-arrow]":o;n!=null&&(typeof n=="string"&&(n=t.elements.popper.querySelector(n),!n)||!gt(t.elements.popper,n)||(t.elements.arrow=n))}const tr={name:"arrow",enabled:!0,phase:"main",fn:_t,effect:er,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function re(e){return e.split("-")[1]}var rr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function nr(e){var t=e.x,r=e.y,o=window,n=o.devicePixelRatio||1;return{x:ee(t*n)/n||0,y:ee(r*n)/n||0}}function it(e){var t,r=e.popper,o=e.popperRect,n=e.placement,i=e.variation,s=e.offsets,c=e.position,a=e.gpuAcceleration,f=e.adaptive,l=e.roundOffsets,p=e.isFixed,d=s.x,u=d===void 0?0:d,h=s.y,v=h===void 0?0:h,m=typeof l=="function"?l({x:u,y:v}):{x:u,y:v};u=m.x,v=m.y;var y=s.hasOwnProperty("x"),x=s.hasOwnProperty("y"),A=j,g=R,w=window;if(f){var b=me(r),O="clientHeight",P="clientWidth";if(b===k(r)&&(b=U(r),H(b).position!=="static"&&c==="absolute"&&(O="scrollHeight",P="scrollWidth")),b=b,n===R||(n===j||n===T)&&i===pe){g=B;var $=p&&b===w&&w.visualViewport?w.visualViewport.height:b[O];v-=$-o.height,v*=a?1:-1}if(n===j||(n===R||n===B)&&i===pe){A=T;var E=p&&b===w&&w.visualViewport?w.visualViewport.width:b[P];u-=E-o.width,u*=a?1:-1}}var D=Object.assign({position:c},f&&rr),L=l===!0?nr({x:u,y:v}):{x:u,y:v};if(u=L.x,v=L.y,a){var M;return Object.assign({},D,(M={},M[g]=x?"0":"",M[A]=y?"0":"",M.transform=(w.devicePixelRatio||1)<=1?"translate("+u+"px, "+v+"px)":"translate3d("+u+"px, "+v+"px, 0)",M))}return Object.assign({},D,(t={},t[g]=x?v+"px":"",t[A]=y?u+"px":"",t.transform="",t))}function or(e){var t=e.state,r=e.options,o=r.gpuAcceleration,n=o===void 0?!0:o,i=r.adaptive,s=i===void 0?!0:i,c=r.roundOffsets,a=c===void 0?!0:c,f={placement:F(t.placement),variation:re(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,it(Object.assign({},f,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:a})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,it(Object.assign({},f,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const ir={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:or,data:{}};var xe={passive:!0};function ar(e){var t=e.state,r=e.instance,o=e.options,n=o.scroll,i=n===void 0?!0:n,s=o.resize,c=s===void 0?!0:s,a=k(t.elements.popper),f=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&f.forEach(function(l){l.addEventListener("scroll",r.update,xe)}),c&&a.addEventListener("resize",r.update,xe),function(){i&&f.forEach(function(l){l.removeEventListener("scroll",r.update,xe)}),c&&a.removeEventListener("resize",r.update,xe)}}const sr={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:ar,data:{}};var fr={left:"right",right:"left",bottom:"top",top:"bottom"};function Ae(e){return e.replace(/left|right|bottom|top/g,function(t){return fr[t]})}var cr={start:"end",end:"start"};function at(e){return e.replace(/start|end/g,function(t){return cr[t]})}function Ie(e){var t=k(e),r=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:r,scrollTop:o}}function qe(e){return te(U(e)).left+Ie(e).scrollLeft}function lr(e){var t=k(e),r=U(e),o=t.visualViewport,n=r.clientWidth,i=r.clientHeight,s=0,c=0;return o&&(n=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,c=o.offsetTop)),{width:n,height:i,x:s+qe(e),y:c}}function ur(e){var t,r=U(e),o=Ie(e),n=(t=e.ownerDocument)==null?void 0:t.body,i=z(r.scrollWidth,r.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),s=z(r.scrollHeight,r.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),c=-o.scrollLeft+qe(e),a=-o.scrollTop;return H(n||r).direction==="rtl"&&(c+=z(r.clientWidth,n?n.clientWidth:0)-i),{width:i,height:s,x:c,y:a}}function Ue(e){var t=H(e),r=t.overflow,o=t.overflowX,n=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+n+o)}function Ot(e){return["html","body","#document"].indexOf(I(e))>=0?e.ownerDocument.body:N(e)&&Ue(e)?e:Ot(De(e))}function ue(e,t){var r;t===void 0&&(t=[]);var o=Ot(e),n=o===((r=e.ownerDocument)==null?void 0:r.body),i=k(o),s=n?[i].concat(i.visualViewport||[],Ue(o)?o:[]):o,c=t.concat(s);return n?c:c.concat(ue(De(s)))}function Te(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function pr(e){var t=te(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function st(e,t){return t===ht?Te(lr(e)):_(t)?pr(t):Te(ur(U(e)))}function dr(e){var t=ue(De(e)),r=["absolute","fixed"].indexOf(H(e).position)>=0,o=r&&N(e)?me(e):e;return _(o)?t.filter(function(n){return _(n)&>(n,o)&&I(n)!=="body"}):[]}function vr(e,t,r){var o=t==="clippingParents"?dr(e):[].concat(t),n=[].concat(o,[r]),i=n[0],s=n.reduce(function(c,a){var f=st(e,a);return c.top=z(f.top,c.top),c.right=Ee(f.right,c.right),c.bottom=Ee(f.bottom,c.bottom),c.left=z(f.left,c.left),c},st(e,i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function xt(e){var t=e.reference,r=e.element,o=e.placement,n=o?F(o):null,i=o?re(o):null,s=t.x+t.width/2-r.width/2,c=t.y+t.height/2-r.height/2,a;switch(n){case R:a={x:s,y:t.y-r.height};break;case B:a={x:s,y:t.y+t.height};break;case T:a={x:t.x+t.width,y:c};break;case j:a={x:t.x-r.width,y:c};break;default:a={x:t.x,y:t.y}}var f=n?Ve(n):null;if(f!=null){var l=f==="y"?"height":"width";switch(i){case Q:a[f]=a[f]-(t[l]/2-r[l]/2);break;case pe:a[f]=a[f]+(t[l]/2-r[l]/2);break}}return a}function de(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=o===void 0?e.placement:o,i=r.boundary,s=i===void 0?kt:i,c=r.rootBoundary,a=c===void 0?ht:c,f=r.elementContext,l=f===void 0?fe:f,p=r.altBoundary,d=p===void 0?!1:p,u=r.padding,h=u===void 0?0:u,v=bt(typeof h!="number"?h:wt(h,he)),m=l===fe?Nt:fe,y=e.rects.popper,x=e.elements[d?m:l],A=vr(_(x)?x:x.contextElement||U(e.elements.popper),s,a),g=te(e.elements.reference),w=xt({reference:g,element:y,strategy:"absolute",placement:n}),b=Te(Object.assign({},y,w)),O=l===fe?b:g,P={top:A.top-O.top+v.top,bottom:O.bottom-A.bottom+v.bottom,left:A.left-O.left+v.left,right:O.right-A.right+v.right},$=e.modifiersData.offset;if(l===fe&&$){var E=$[n];Object.keys(P).forEach(function(D){var L=[T,B].indexOf(D)>=0?1:-1,M=[R,B].indexOf(D)>=0?"y":"x";P[D]+=E[M]*L})}return P}function hr(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=r.boundary,i=r.rootBoundary,s=r.padding,c=r.flipVariations,a=r.allowedAutoPlacements,f=a===void 0?mt:a,l=re(o),p=l?c?nt:nt.filter(function(h){return re(h)===l}):he,d=p.filter(function(h){return f.indexOf(h)>=0});d.length===0&&(d=p);var u=d.reduce(function(h,v){return h[v]=de(e,{placement:v,boundary:n,rootBoundary:i,padding:s})[F(v)],h},{});return Object.keys(u).sort(function(h,v){return u[h]-u[v]})}function mr(e){if(F(e)===Ne)return[];var t=Ae(e);return[at(e),t,at(t)]}function gr(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var n=r.mainAxis,i=n===void 0?!0:n,s=r.altAxis,c=s===void 0?!0:s,a=r.fallbackPlacements,f=r.padding,l=r.boundary,p=r.rootBoundary,d=r.altBoundary,u=r.flipVariations,h=u===void 0?!0:u,v=r.allowedAutoPlacements,m=t.options.placement,y=F(m),x=y===m,A=a||(x||!h?[Ae(m)]:mr(m)),g=[m].concat(A).reduce(function(Z,V){return Z.concat(F(V)===Ne?hr(t,{placement:V,boundary:l,rootBoundary:p,padding:f,flipVariations:h,allowedAutoPlacements:v}):V)},[]),w=t.rects.reference,b=t.rects.popper,O=new Map,P=!0,$=g[0],E=0;E=0,ie=oe?"width":"height",S=de(t,{placement:D,boundary:l,rootBoundary:p,altBoundary:d,padding:f}),W=oe?M?T:j:M?B:R;w[ie]>b[ie]&&(W=Ae(W));var ge=Ae(W),X=[];if(i&&X.push(S[L]<=0),c&&X.push(S[W]<=0,S[ge]<=0),X.every(function(Z){return Z})){$=D,P=!1;break}O.set(D,X)}if(P)for(var ye=h?3:1,$e=function(V){var se=g.find(function(we){var Y=O.get(we);if(Y)return Y.slice(0,V).every(function(Re){return Re})});if(se)return $=se,"break"},ae=ye;ae>0;ae--){var be=$e(ae);if(be==="break")break}t.placement!==$&&(t.modifiersData[o]._skip=!0,t.placement=$,t.reset=!0)}}const yr={name:"flip",enabled:!0,phase:"main",fn:gr,requiresIfExists:["offset"],data:{_skip:!1}};function ft(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ct(e){return[R,T,B,j].some(function(t){return e[t]>=0})}function br(e){var t=e.state,r=e.name,o=t.rects.reference,n=t.rects.popper,i=t.modifiersData.preventOverflow,s=de(t,{elementContext:"reference"}),c=de(t,{altBoundary:!0}),a=ft(s,o),f=ft(c,n,i),l=ct(a),p=ct(f);t.modifiersData[r]={referenceClippingOffsets:a,popperEscapeOffsets:f,isReferenceHidden:l,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":l,"data-popper-escaped":p})}const wr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:br};function Or(e,t,r){var o=F(e),n=[j,R].indexOf(o)>=0?-1:1,i=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,s=i[0],c=i[1];return s=s||0,c=(c||0)*n,[j,T].indexOf(o)>=0?{x:c,y:s}:{x:s,y:c}}function xr(e){var t=e.state,r=e.options,o=e.name,n=r.offset,i=n===void 0?[0,0]:n,s=mt.reduce(function(l,p){return l[p]=Or(p,t.rects,i),l},{}),c=s[t.placement],a=c.x,f=c.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=a,t.modifiersData.popperOffsets.y+=f),t.modifiersData[o]=s}const Ar={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:xr};function Pr(e){var t=e.state,r=e.name;t.modifiersData[r]=xt({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Er={name:"popperOffsets",enabled:!0,phase:"read",fn:Pr,data:{}};function Dr(e){return e==="x"?"y":"x"}function $r(e){var t=e.state,r=e.options,o=e.name,n=r.mainAxis,i=n===void 0?!0:n,s=r.altAxis,c=s===void 0?!1:s,a=r.boundary,f=r.rootBoundary,l=r.altBoundary,p=r.padding,d=r.tether,u=d===void 0?!0:d,h=r.tetherOffset,v=h===void 0?0:h,m=de(t,{boundary:a,rootBoundary:f,padding:p,altBoundary:l}),y=F(t.placement),x=re(t.placement),A=!x,g=Ve(y),w=Dr(g),b=t.modifiersData.popperOffsets,O=t.rects.reference,P=t.rects.popper,$=typeof v=="function"?v(Object.assign({},t.rects,{placement:t.placement})):v,E=typeof $=="number"?{mainAxis:$,altAxis:$}:Object.assign({mainAxis:0,altAxis:0},$),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,L={x:0,y:0};if(!!b){if(i){var M,oe=g==="y"?R:j,ie=g==="y"?B:T,S=g==="y"?"height":"width",W=b[g],ge=W+m[oe],X=W-m[ie],ye=u?-P[S]/2:0,$e=x===Q?O[S]:P[S],ae=x===Q?-P[S]:-O[S],be=t.elements.arrow,Z=u&&be?He(be):{width:0,height:0},V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:yt(),se=V[oe],we=V[ie],Y=le(0,O[S],Z[S]),Re=A?O[S]/2-ye-Y-se-E.mainAxis:$e-Y-se-E.mainAxis,$t=A?-O[S]/2+ye+Y+we+E.mainAxis:ae+Y+we+E.mainAxis,je=t.elements.arrow&&me(t.elements.arrow),Rt=je?g==="y"?je.clientTop||0:je.clientLeft||0:0,Ye=(M=D?.[g])!=null?M:0,jt=W+Re-Ye-Rt,Mt=W+$t-Ye,Ke=le(u?Ee(ge,jt):ge,W,u?z(X,Mt):X);b[g]=Ke,L[g]=Ke-W}if(c){var ze,St=g==="x"?R:j,Ct=g==="x"?B:T,K=b[w],Oe=w==="y"?"height":"width",Ge=K+m[St],Ze=K-m[Ct],Me=[R,j].indexOf(y)!==-1,Je=(ze=D?.[w])!=null?ze:0,Qe=Me?Ge:K-O[Oe]-P[Oe]-Je+E.altAxis,_e=Me?K+O[Oe]+P[Oe]-Je-E.altAxis:Ze,et=u&&Me?Jt(Qe,K,_e):le(u?Qe:Ge,K,u?_e:Ze);b[w]=et,L[w]=et-K}t.modifiersData[o]=L}}const Rr={name:"preventOverflow",enabled:!0,phase:"main",fn:$r,requiresIfExists:["offset"]};function jr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Mr(e){return e===k(e)||!N(e)?Ie(e):jr(e)}function Sr(e){var t=e.getBoundingClientRect(),r=ee(t.width)/e.offsetWidth||1,o=ee(t.height)/e.offsetHeight||1;return r!==1||o!==1}function Cr(e,t,r){r===void 0&&(r=!1);var o=N(t),n=N(t)&&Sr(t),i=U(t),s=te(e,n),c={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!r)&&((I(t)!=="body"||Ue(i))&&(c=Mr(t)),N(t)?(a=te(t,!0),a.x+=t.clientLeft,a.y+=t.clientTop):i&&(a.x=qe(i))),{x:s.left+c.scrollLeft-a.x,y:s.top+c.scrollTop-a.y,width:s.width,height:s.height}}function Br(e){var t=new Map,r=new Set,o=[];e.forEach(function(i){t.set(i.name,i)});function n(i){r.add(i.name);var s=[].concat(i.requires||[],i.requiresIfExists||[]);s.forEach(function(c){if(!r.has(c)){var a=t.get(c);a&&n(a)}}),o.push(i)}return e.forEach(function(i){r.has(i.name)||n(i)}),o}function Tr(e){var t=Br(e);return zt.reduce(function(r,o){return r.concat(t.filter(function(n){return n.phase===o}))},[])}function Lr(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function Wr(e){var t=e.reduce(function(r,o){var n=r[o.name];return r[o.name]=n?Object.assign({},n,o,{options:Object.assign({},n.options,o.options),data:Object.assign({},n.data,o.data)}):o,r},{});return Object.keys(t).map(function(r){return t[r]})}var lt={placement:"bottom",modifiers:[],strategy:"absolute"};function ut(){for(var e=arguments.length,t=new Array(e),r=0;r{}},Hr={name:"ariaDescribedBy",enabled:!0,phase:"afterWrite",effect:({state:e})=>()=>{const{reference:t,popper:r}=e.elements;if("removeAttribute"in t){const o=(t.getAttribute("aria-describedby")||"").split(",").filter(n=>n.trim()!==r.id);o.length?t.setAttribute("aria-describedby",o.join(",")):t.removeAttribute("aria-describedby")}},fn:({state:e})=>{const{popper:t,reference:r}=e.elements,o=t.getAttribute("role")?.toLowerCase();if(t.id&&o==="tooltip"&&"setAttribute"in r){const n=r.getAttribute("aria-describedby");if(n&&n.split(",").indexOf(t.id)!==-1)return;r.setAttribute("aria-describedby",n?`${n},${t.id}`:t.id)}}},Vr=[];function Qr(e,t,r){const[o,n]=Pe(),i=Se(()=>r.enabled??!0),s=Se(tt(o,p=>()=>{p?.update()})),c=Se(tt(o,p=>()=>{p?.forceUpdate()})),[a,f]=Pe({placement:r.placement??"bottom",get update(){return s()},get forceUpdate(){return c()},attributes:{},styles:{popper:{},arrow:{}}}),l={name:"updateStateModifier",enabled:!0,phase:"write",requires:["computeStyles"],fn:({state:p})=>{const d={},u={};Object.keys(p.elements).forEach(h=>{d[h]=p.styles[h],u[h]=p.attributes[h]}),f(h=>({...h,state:p,styles:d,attributes:u,placement:p.placement}))}};return Be(()=>{const p=o();!p||!i()||(p.setOptions({onFirstUpdate:r.onFirstUpdate,placement:r.placement??"bottom",modifiers:[...r.modifiers??Vr,Hr,l,Fr],strategy:r.strategy??"absolute"}),queueMicrotask(()=>{s()()}))}),Be(()=>{const p=e(),d=t();if(p&&d&&i()){let u;u=Nr(p,d,{}),n(u)}else o()&&(o().destroy(),n(void 0),f(u=>({...u,attributes:{},styles:{popper:{}}})))}),a}const pt=()=>{};function Ir(e){return e.button===0}function qr(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}const dt=e=>e;function _r(e,t=pt,{disabled:r,clickTrigger:o="click"}={}){const[n,i]=Pe(!1),s=a=>{const f=dt(e());i(!f||qr(a)||!Ir(a)||!!Lt(f,a.target))},c=a=>{n()||t(a)};Be(()=>{if(r||e()==null)return;const a=Bt(dt(e()));let f=(a.defaultView||window).event;const l=Ce(a,o,s,!0),p=Ce(a,o,u=>{if(u===f){f=void 0;return}c(u)});let d=[];"ontouchstart"in a.documentElement&&(d=[].slice.call(a.body.children).map(u=>Ce(u,"mousemove",pt))),Tt(()=>{l(),p(),d.forEach(u=>u())})})}function Ur(e){const t={};return Array.isArray(e)?(e?.forEach(r=>{t[r.name]=r}),t):e||t}function Xr(e={}){return Array.isArray(e)?e:Object.keys(e).map(t=>(e[t].name=t,e[t]))}function en({enabled:e,enableEvents:t,placement:r,flip:o,offset:n,fixed:i,containerPadding:s,arrowElement:c,popperConfig:a={}}){const f=Ur(a.modifiers);return{...a,placement:r,enabled:e,strategy:i?"fixed":a.strategy,modifiers:Xr({...f,eventListeners:{enabled:t},preventOverflow:{...f.preventOverflow,options:s?{padding:s,...f.preventOverflow?.options}:f.preventOverflow?.options},offset:{options:{offset:n,...f.offset?.options}},arrow:{...f.arrow,enabled:!!c,options:{...f.arrow?.options,element:c}},flip:{enabled:!!o,...f.flip}})}}const Le=Symbol("store-raw"),ve=Symbol("store-node"),Yr=Symbol("store-name");function At(e,t){let r=e[G];if(!r&&(Object.defineProperty(e,G,{value:r=new Proxy(e,Gr)}),!Array.isArray(e))){const o=Object.keys(e),n=Object.getOwnPropertyDescriptors(e);for(let i=0,s=o.length;ie[G][t]),r}function Pt(e){if(vt()){const t=Xe(e);(t._||(t._=Et()))()}}function zr(e){return Pt(e),Reflect.ownKeys(e)}function Et(e){const[t,r]=Pe(e,{equals:!1,internal:!0});return t.$=r,t}const Gr={get(e,t,r){if(t===Le)return e;if(t===G)return r;if(t===rt)return Pt(e),r;const o=Xe(e),n=o.hasOwnProperty(t);let i=n?o[t]():e[t];if(t===ve||t==="__proto__")return i;if(!n){const s=Object.getOwnPropertyDescriptor(e,t);vt()&&(typeof i!="function"||e.hasOwnProperty(t))&&!(s&&s.get)&&(i=We(o,t,i)())}return q(i)?At(i):i},has(e,t){return t===Le||t===G||t===rt||t===ve||t==="__proto__"?!0:(this.get(e,t,e),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:zr,getOwnPropertyDescriptor:Kr};function C(e,t,r,o=!1){if(!o&&e[t]===r)return;const n=e[t],i=e.length;r===void 0?delete e[t]:e[t]=r;let s=Xe(e),c;(c=We(s,t,n))&&c.$(()=>r),Array.isArray(e)&&e.length!==i&&(c=We(s,"length",i))&&c.$(e.length),(c=s._)&&c.$()}function Dt(e,t){const r=Object.keys(t);for(let o=0;o1){o=t.shift();const s=typeof o,c=Array.isArray(e);if(Array.isArray(o)){for(let a=0;a1){ce(e[o],t,[o].concat(r));return}n=e[o],r=[o].concat(r)}let i=t[0];typeof i=="function"&&(i=i(n,r),i===n)||o===void 0&&i==null||(i=ne(i),o===void 0||q(n)&&q(i)&&!Array.isArray(i)?Dt(n,i):C(e,o,i))}function tn(...[e,t]){const r=ne(e||{}),o=Array.isArray(r),n=At(r);function i(...s){Wt(()=>{o&&s.length===1?Zr(r,s[0]):ce(r,s)})}return[n,i]}const ke=Symbol("store-root");function J(e,t,r,o,n){const i=t[r];if(e===i)return;if(!q(e)||!q(i)||n&&e[n]!==i[n]){if(e!==i){if(r===ke)return e;C(t,r,e)}return}if(Array.isArray(e)){if(e.length&&i.length&&(!o||n&&e[0][n]!=null)){let a,f,l,p,d,u,h,v;for(l=0,p=Math.min(i.length,e.length);l=l&&d>=l&&(i[p]===e[d]||n&&i[p][n]===e[d][n]);p--,d--)m[d]=i[p];if(l>d||l>p){for(f=l;f<=d;f++)C(i,f,e[f]);for(;fe.length&&C(i,"length",e.length);return}for(h=new Array(d+1),f=d;f>=l;f--)u=e[f],v=n?u[n]:u,a=y.get(v),h[f]=a===void 0?-1:a,y.set(v,f);for(a=l;a<=p;a++)u=i[a],v=n?u[n]:u,f=y.get(v),f!==void 0&&f!==-1&&(m[f]=i[a],f=h[f],y.set(v,f));for(f=l;fe.length&&C(i,"length",e.length);return}const s=Object.keys(e);for(let a=0,f=s.length;a{if(!q(i)||!q(n))return n;const s=J(n,{[ke]:i},ke,r,o);return s===void 0?i:s}}export{_r as a,tn as c,en as m,rn as r,Qr as u}; diff --git a/assets/utils.06ab9af9.js b/assets/utils.06ab9af9.js new file mode 100644 index 0000000..5e0cea4 --- /dev/null +++ b/assets/utils.06ab9af9.js @@ -0,0 +1 @@ +import{ac as r}from"./index.46b6df7f.js";const e=()=>{r(()=>{Holder.run({})})};function n(){return e(),null}export{n as H}; diff --git a/assets/utils.753b7765.js b/assets/utils.753b7765.js deleted file mode 100644 index 48df856..0000000 --- a/assets/utils.753b7765.js +++ /dev/null @@ -1 +0,0 @@ -import{ac as r}from"./index.a8c27b5b.js";const e=()=>{r(()=>{Holder.run({})})};function n(){return e(),null}export{n as H}; diff --git a/components/accordion.html b/components/accordion.html index 499b555..44418d4 100644 --- a/components/accordion.html +++ b/components/accordion.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/alerts.html b/components/alerts.html index 499b555..44418d4 100644 --- a/components/alerts.html +++ b/components/alerts.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/badge.html b/components/badge.html index 499b555..44418d4 100644 --- a/components/badge.html +++ b/components/badge.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/breadcrumb.html b/components/breadcrumb.html index 499b555..44418d4 100644 --- a/components/breadcrumb.html +++ b/components/breadcrumb.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/button-group.html b/components/button-group.html index 499b555..44418d4 100644 --- a/components/button-group.html +++ b/components/button-group.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/buttons.html b/components/buttons.html index 499b555..44418d4 100644 --- a/components/buttons.html +++ b/components/buttons.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/cards.html b/components/cards.html index 499b555..44418d4 100644 --- a/components/cards.html +++ b/components/cards.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/carousel.html b/components/carousel.html index 499b555..44418d4 100644 --- a/components/carousel.html +++ b/components/carousel.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/close-button.html b/components/close-button.html index 499b555..44418d4 100644 --- a/components/close-button.html +++ b/components/close-button.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/dropdowns.html b/components/dropdowns.html index 499b555..44418d4 100644 --- a/components/dropdowns.html +++ b/components/dropdowns.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/figures.html b/components/figures.html index 499b555..44418d4 100644 --- a/components/figures.html +++ b/components/figures.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/images.html b/components/images.html index 499b555..44418d4 100644 --- a/components/images.html +++ b/components/images.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/list-group.html b/components/list-group.html index 499b555..44418d4 100644 --- a/components/list-group.html +++ b/components/list-group.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/modal.html b/components/modal.html index 499b555..44418d4 100644 --- a/components/modal.html +++ b/components/modal.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/navbar.html b/components/navbar.html index 499b555..44418d4 100644 --- a/components/navbar.html +++ b/components/navbar.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/navs.html b/components/navs.html index 499b555..44418d4 100644 --- a/components/navs.html +++ b/components/navs.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/offcanvas.html b/components/offcanvas.html index 499b555..44418d4 100644 --- a/components/offcanvas.html +++ b/components/offcanvas.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/pagination.html b/components/pagination.html index 499b555..44418d4 100644 --- a/components/pagination.html +++ b/components/pagination.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/placeholder.html b/components/placeholder.html index 499b555..44418d4 100644 --- a/components/placeholder.html +++ b/components/placeholder.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/popovers.html b/components/popovers.html index 499b555..44418d4 100644 --- a/components/popovers.html +++ b/components/popovers.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/progress.html b/components/progress.html index 499b555..44418d4 100644 --- a/components/progress.html +++ b/components/progress.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/spinners.html b/components/spinners.html index 499b555..44418d4 100644 --- a/components/spinners.html +++ b/components/spinners.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/table.html b/components/table.html index 499b555..44418d4 100644 --- a/components/table.html +++ b/components/table.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/tabs.html b/components/tabs.html index 499b555..44418d4 100644 --- a/components/tabs.html +++ b/components/tabs.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/toasts.html b/components/toasts.html index 499b555..44418d4 100644 --- a/components/toasts.html +++ b/components/toasts.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/components/tooltips.html b/components/tooltips.html index 499b555..44418d4 100644 --- a/components/tooltips.html +++ b/components/tooltips.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/core/dropdowns.html b/core/dropdowns.html index 499b555..44418d4 100644 --- a/core/dropdowns.html +++ b/core/dropdowns.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/core/modal.html b/core/modal.html index 499b555..44418d4 100644 --- a/core/modal.html +++ b/core/modal.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/core/overlays.html b/core/overlays.html index 499b555..44418d4 100644 --- a/core/overlays.html +++ b/core/overlays.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/core/overview.html b/core/overview.html index 499b555..44418d4 100644 --- a/core/overview.html +++ b/core/overview.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/checks-radios.html b/forms/checks-radios.html index 499b555..44418d4 100644 --- a/forms/checks-radios.html +++ b/forms/checks-radios.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/floating-labels.html b/forms/floating-labels.html index 499b555..44418d4 100644 --- a/forms/floating-labels.html +++ b/forms/floating-labels.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/form-controls.html b/forms/form-controls.html index 499b555..44418d4 100644 --- a/forms/form-controls.html +++ b/forms/form-controls.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/form-text.html b/forms/form-text.html index 499b555..44418d4 100644 --- a/forms/form-text.html +++ b/forms/form-text.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/input-group.html b/forms/input-group.html index 499b555..44418d4 100644 --- a/forms/input-group.html +++ b/forms/input-group.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/layout.html b/forms/layout.html index 499b555..44418d4 100644 --- a/forms/layout.html +++ b/forms/layout.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/overview.html b/forms/overview.html index 499b555..44418d4 100644 --- a/forms/overview.html +++ b/forms/overview.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/range.html b/forms/range.html index 499b555..44418d4 100644 --- a/forms/range.html +++ b/forms/range.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/select.html b/forms/select.html index 499b555..44418d4 100644 --- a/forms/select.html +++ b/forms/select.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/forms/validation.html b/forms/validation.html index 499b555..44418d4 100644 --- a/forms/validation.html +++ b/forms/validation.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/getting-started.html b/getting-started.html index 499b555..44418d4 100644 --- a/getting-started.html +++ b/getting-started.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/index.html b/index.html index 499b555..44418d4 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/layout/grid.html b/layout/grid.html index 499b555..44418d4 100644 --- a/layout/grid.html +++ b/layout/grid.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - + diff --git a/layout/stack.html b/layout/stack.html index 499b555..44418d4 100644 --- a/layout/stack.html +++ b/layout/stack.html @@ -16,7 +16,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css" /> - +