sean
d26db06f74
NPM Installation / build (16.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (16.x, windows-latest) (push) Has been cancelled
NPM Installation / build (17.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (17.x, windows-latest) (push) Has been cancelled
NPM Installation / build (18.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (18.x, windows-latest) (push) Has been cancelled
1 line
22 KiB
JavaScript
1 line
22 KiB
JavaScript
import{$t as e,Bt as t,It as n,Lt as r,Qt as i,Vt as a,Xt as o,Zt as s,qt as c,tn as l}from"./index-qNrWYJXL.js";var u={__name:`Modals`,setup(u){let d=l(!1),f=l(!1),p=l(!1),m=l(!1),h=l(!1),g=l(!1),_=l(!1),v=l(!1),y=l(!1),b=l(!1),x=l(!1),S=l(!1),C=l(!1),w=l(!1),T=l(!1),E=l(!1);return(l,u)=>{let D=o(`DocsComponents`),O=o(`CCardHeader`),k=o(`CModalTitle`),A=o(`CModalHeader`),j=o(`CModalBody`),M=o(`CButton`),N=o(`CModalFooter`),P=o(`CModal`),F=o(`DocsExample`),I=o(`CCardBody`),L=o(`CCard`),R=o(`CCol`),z=o(`CLink`),B=o(`CRow`),V=s(`c-popover`),H=s(`c-tooltip`);return c(),r(B,null,{default:i(()=>[a(R,{xs:12},{default:i(()=>[a(D,{href:`components/modal.html`}),a(L,{class:`mb-4`},{default:i(()=>[a(O,null,{default:i(()=>[...u[53]||=[n(`strong`,null,`Vue Modals`,-1)]]),_:1}),a(I,null,{default:i(()=>[u[58]||=n(`p`,{class:`text-body-secondary small`},[t(` Below is a static modal example (meaning its `),n(`code`,null,`position`),t(` and `),n(`code`,null,`display`),t(` have been overridden). Included are the modal header, modal body (required for `),n(`code`,null,`padding`),t(`), and modal footer (optional). We ask that you include modal headers with dismiss actions whenever possible, or provide another explicit dismiss action. `)],-1),a(F,{href:`components/modal.html#modal-components`},{default:i(()=>[a(P,{class:`show d-block position-static`,backdrop:!1,keyboard:!1,visible:``},{default:i(()=>[a(A,{dismiss:``},{default:i(()=>[a(k,null,{default:i(()=>[...u[54]||=[t(`Modal title`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[55]||=[t(`Modal body text goes here.`,-1)]]),_:1}),a(N,null,{default:i(()=>[a(M,{color:`secondary`},{default:i(()=>[...u[56]||=[t(`Close`,-1)]]),_:1}),a(M,{color:`primary`},{default:i(()=>[...u[57]||=[t(`Save changes`,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(R,{xs:12},{default:i(()=>[a(L,{class:`mb-4`},{default:i(()=>[a(O,null,{default:i(()=>[...u[59]||=[n(`strong`,null,`Vue Modal`,-1),t(),n(`small`,null,`Live demo`,-1)]]),_:1}),a(I,null,{default:i(()=>[u[65]||=n(`p`,{class:`text-body-secondary small`},` Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page. `,-1),a(F,{href:`components/modal.html#live-demo`},{default:i(()=>[a(M,{color:`primary`,onClick:u[0]||=()=>{d.value=!0}},{default:i(()=>[...u[60]||=[t(`Launch demo modal`,-1)]]),_:1}),a(P,{visible:d.value,onClose:u[3]||=()=>{d.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[1]||=()=>{d.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[61]||=[t(`Modal title`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[62]||=[t(`Woohoo, you're reading this text in a modal!`,-1)]]),_:1}),a(N,null,{default:i(()=>[a(M,{color:`secondary`,onClick:u[2]||=()=>{d.value=!1}},{default:i(()=>[...u[63]||=[t(` Close `,-1)]]),_:1}),a(M,{color:`primary`},{default:i(()=>[...u[64]||=[t(`Save changes`,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1})]),_:1}),a(R,{xs:12},{default:i(()=>[a(L,{class:`mb-4`},{default:i(()=>[a(O,null,{default:i(()=>[...u[66]||=[n(`strong`,null,`Vue Modal`,-1),t(),n(`small`,null,`Static backdrop`,-1)]]),_:1}),a(I,null,{default:i(()=>[u[72]||=n(`p`,{class:`text-body-secondary small`},[t(` If you set `),n(`code`,null,`backdrop`),t(` property to `),n(`code`,null,`static`),t(`, your modal will behave as though the backdrop is static, meaning it will not close when clicking outside it. Click the button below to try it. `)],-1),a(F,{href:`components/modal.html#static-backdrop`},{default:i(()=>[a(M,{color:`primary`,onClick:u[4]||=()=>{f.value=!0}},{default:i(()=>[...u[67]||=[t(`Launch demo modal`,-1)]]),_:1}),a(P,{backdrop:`static`,visible:f.value,onClose:u[7]||=()=>{f.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[5]||=()=>{f.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[68]||=[t(`Modal title`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[69]||=[t(`Woohoo, you're reading this text in a modal!`,-1)]]),_:1}),a(N,null,{default:i(()=>[a(M,{color:`secondary`,onClick:u[6]||=()=>{f.value=!1}},{default:i(()=>[...u[70]||=[t(` Close `,-1)]]),_:1}),a(M,{color:`primary`},{default:i(()=>[...u[71]||=[t(`Save changes`,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1})]),_:1}),a(R,{xs:12},{default:i(()=>[a(L,{class:`mb-4`},{default:i(()=>[a(O,null,{default:i(()=>[...u[73]||=[n(`strong`,null,`Vue Modal`,-1),t(),n(`small`,null,`Scrolling long content`,-1)]]),_:1}),a(I,null,{default:i(()=>[u[80]||=n(`p`,{class:`text-body-secondary small`},` When modals become too long for the user's viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean. `,-1),a(F,{href:`components/modal.html#scrolling-long-content`},{default:i(()=>[a(M,{color:`primary`,onClick:u[8]||=()=>{p.value=!0}},{default:i(()=>[...u[74]||=[t(`Launch demo modal`,-1)]]),_:1}),a(P,{visible:p.value,onClose:u[10]||=()=>{p.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[9]||=()=>{p.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[75]||=[t(`Modal title`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[76]||=[n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1)]]),_:1})]),_:1},8,[`visible`])]),_:1}),u[81]||=n(`p`,{class:`text-body-secondary small`},[t(` You can also create a scrollable modal that allows scroll the modal body by adding `),n(`code`,null,`scrollable`),t(` prop. `)],-1),a(F,{href:`components/modal.html#scrolling-long-content`},{default:i(()=>[a(M,{color:`primary`,onClick:u[11]||=()=>{m.value=!0}},{default:i(()=>[...u[77]||=[t(`Launch demo modal`,-1)]]),_:1}),a(P,{scrollable:``,visible:m.value,onClose:u[13]||=()=>{m.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[12]||=()=>{m.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[78]||=[t(`Modal title`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[79]||=[n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1),n(`p`,null,` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1),n(`p`,null,` Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. `,-1),n(`p`,null,` Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. `,-1)]]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1})]),_:1}),a(R,{xs:12},{default:i(()=>[a(L,{class:`mb-4`},{default:i(()=>[a(O,null,{default:i(()=>[...u[82]||=[n(`strong`,null,`Vue Modal`,-1),t(),n(`small`,null,`Vertically centered`,-1)]]),_:1}),a(I,null,{default:i(()=>[u[93]||=n(`p`,{class:`text-body-secondary small`},[t(` Add `),n(`code`,null,`alignment="center"`),t(` to `),n(`code`,null,`<CModal>`),t(` to vertically center the modal. `)],-1),a(F,{href:`components/modal.html#vertically-centered`},{default:i(()=>[a(M,{color:`primary`,onClick:u[14]||=()=>{h.value=!0}},{default:i(()=>[...u[83]||=[t(`Vertically centered modal`,-1)]]),_:1}),a(P,{alignment:`center`,visible:h.value,onClose:u[17]||=()=>{h.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[15]||=()=>{h.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[84]||=[t(`Modal title`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[85]||=[t(` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1)]]),_:1}),a(N,null,{default:i(()=>[a(M,{color:`secondary`,onClick:u[16]||=()=>{h.value=!1}},{default:i(()=>[...u[86]||=[t(` Close `,-1)]]),_:1}),a(M,{color:`primary`},{default:i(()=>[...u[87]||=[t(`Save changes`,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])]),_:1}),a(F,{href:`components/modal.html#vertically-centered`},{default:i(()=>[a(M,{color:`primary`,onClick:u[18]||=()=>{g.value=!0}},{default:i(()=>[...u[88]||=[t(`Vertically centered scrollable modal`,-1)]]),_:1}),a(P,{alignment:`center`,scrollable:``,visible:g.value,onClose:u[21]||=()=>{g.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[19]||=()=>{g.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[89]||=[t(`Modal title`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[90]||=[t(` Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. `,-1)]]),_:1}),a(N,null,{default:i(()=>[a(M,{color:`secondary`,onClick:u[20]||=()=>{g.value=!1}},{default:i(()=>[...u[91]||=[t(` Close `,-1)]]),_:1}),a(M,{color:`primary`},{default:i(()=>[...u[92]||=[t(`Save changes`,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1})]),_:1}),a(R,{xs:12},{default:i(()=>[a(L,{class:`mb-4`},{default:i(()=>[a(O,null,{default:i(()=>[...u[94]||=[n(`strong`,null,`Vue Modal`,-1),t(),n(`small`,null,`Tooltips and popovers`,-1)]]),_:1}),a(I,null,{default:i(()=>[u[108]||=n(`p`,{class:`text-body-secondary small`},[n(`code`,null,`<CTooltips>`),t(` and `),n(`code`,null,`<CPopovers>`),t(` can be placed within modals as needed. When modals are closed, any tooltips and popovers within are also automatically dismissed. `)],-1),a(F,{href:`components/modal.html#tooltips-and-popovers`},{default:i(()=>[a(M,{color:`primary`,onClick:u[22]||=()=>{_.value=!0}},{default:i(()=>[...u[95]||=[t(`Launch demo modal`,-1)]]),_:1}),a(P,{visible:_.value,onClose:u[25]||=()=>{_.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[23]||=()=>{_.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[96]||=[t(`Modal title`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[u[103]||=n(`h5`,null,`Popover in a modal`,-1),n(`p`,null,[u[98]||=t(` This `,-1),e((c(),r(M,{color:`secondary`},{default:i(()=>[...u[97]||=[t(`button`,-1)]]),_:1})),[[V,{header:`Popover title`,content:`Popover body content is set in this property.`}]])]),u[104]||=n(`hr`,null,null,-1),u[105]||=n(`h5`,null,`Tooltips in a modal`,-1),n(`p`,null,[e((c(),r(z,null,{default:i(()=>[...u[99]||=[t(`This link`,-1)]]),_:1})),[[H,`Tooltip`]]),u[101]||=t(` and `,-1),e((c(),r(z,null,{default:i(()=>[...u[100]||=[t(`that link`,-1)]]),_:1})),[[H,`Tooltip`]]),u[102]||=t(` have tooltips on hover. `,-1)])]),_:1}),a(N,null,{default:i(()=>[a(M,{color:`secondary`,onClick:u[24]||=()=>{_.value=!1}},{default:i(()=>[...u[106]||=[t(` Close `,-1)]]),_:1}),a(M,{color:`primary`},{default:i(()=>[...u[107]||=[t(`Save changes`,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1})]),_:1}),a(R,{xs:12},{default:i(()=>[a(L,{class:`mb-4`},{default:i(()=>[a(O,null,{default:i(()=>[...u[109]||=[n(`strong`,null,`Vue Modal`,-1),t(),n(`small`,null,`Optional sizes`,-1)]]),_:1}),a(I,null,{default:i(()=>[u[119]||=n(`p`,{class:`text-body-secondary small`},[t(` Modals have three optional sizes, available via modifier classes to be placed on a `),n(`code`,null,`<CModal>`),t(`. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. `)],-1),u[120]||=n(`table`,{class:`table`},[n(`thead`,null,[n(`tr`,null,[n(`th`,null,`Size`),n(`th`,null,`Property size`),n(`th`,null,`Modal max-width`)])]),n(`tbody`,null,[n(`tr`,null,[n(`td`,null,`Small`),n(`td`,null,[n(`code`,null,`'sm'`)]),n(`td`,null,[n(`code`,null,`300px`)])]),n(`tr`,null,[n(`td`,null,`Default`),n(`td`,{class:`text-body-secondary`},`None`),n(`td`,null,[n(`code`,null,`500px`)])]),n(`tr`,null,[n(`td`,null,`Large`),n(`td`,null,[n(`code`,null,`'lg'`)]),n(`td`,null,[n(`code`,null,`800px`)])]),n(`tr`,null,[n(`td`,null,`Extra large`),n(`td`,null,[n(`code`,null,`'xl'`)]),n(`td`,null,[n(`code`,null,`1140px`)])])])],-1),a(F,{href:`components/modal.html#optional-sizes`},{default:i(()=>[a(M,{color:`primary`,onClick:u[26]||=()=>{v.value=!0}},{default:i(()=>[...u[110]||=[t(`Extra large modal`,-1)]]),_:1}),a(M,{color:`primary`,onClick:u[27]||=()=>{y.value=!0}},{default:i(()=>[...u[111]||=[t(`Large modal`,-1)]]),_:1}),a(M,{color:`primary`,onClick:u[28]||=()=>{b.value=!0}},{default:i(()=>[...u[112]||=[t(`Small modal`,-1)]]),_:1}),a(P,{size:`xl`,visible:v.value,onClose:u[30]||=()=>{v.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[29]||=()=>{v.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[113]||=[t(`Extra large modal`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[114]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`]),a(P,{size:`lg`,visible:y.value,onClose:u[32]||=()=>{y.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[31]||=()=>{y.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[115]||=[t(`Large modal`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[116]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`]),a(P,{size:`sm`,visible:b.value,onClose:u[34]||=()=>{b.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[33]||=()=>{b.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[117]||=[t(`Small modal`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[118]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1})]),_:1}),a(R,{xs:12},{default:i(()=>[a(L,{class:`mb-4`},{default:i(()=>[a(O,null,{default:i(()=>[...u[121]||=[n(`strong`,null,`Vue Modal`,-1),t(),n(`small`,null,`Fullscreen Modal`,-1)]]),_:1}),a(I,null,{default:i(()=>[u[140]||=n(`p`,{class:`text-body-secondary small`},[t(` Another override is the option to pop up a modal that covers the user viewport, available via property `),n(`code`,null,`fullscrean`),t(`. `)],-1),u[141]||=n(`table`,{class:`table`},[n(`thead`,null,[n(`tr`,null,[n(`th`,null,`Property fullscrean`),n(`th`,null,`Availability`)])]),n(`tbody`,null,[n(`tr`,null,[n(`td`,null,[n(`code`,null,`true`)]),n(`td`,null,`Always`)]),n(`tr`,null,[n(`td`,null,[n(`code`,null,`'sm'`)]),n(`td`,null,[t(`Below `),n(`code`,null,`576px`)])]),n(`tr`,null,[n(`td`,null,[n(`code`,null,`'md'`)]),n(`td`,null,[t(`Below `),n(`code`,null,`768px`)])]),n(`tr`,null,[n(`td`,null,[n(`code`,null,`'lg'`)]),n(`td`,null,[t(`Below `),n(`code`,null,`992px`)])]),n(`tr`,null,[n(`td`,null,[n(`code`,null,`'xl'`)]),n(`td`,null,[t(`Below `),n(`code`,null,`1200px`)])]),n(`tr`,null,[n(`td`,null,[n(`code`,null,`'xxl'`)]),n(`td`,null,[t(`Below `),n(`code`,null,`1400px`)])])])],-1),a(F,{href:`components/modal.html#fullscreen-modal`},{default:i(()=>[a(M,{color:`primary`,onClick:u[35]||=()=>{x.value=!0}},{default:i(()=>[...u[122]||=[t(`Full screen`,-1)]]),_:1}),a(M,{color:`primary`,onClick:u[36]||=()=>{S.value=!0}},{default:i(()=>[...u[123]||=[t(`Full screen below sm`,-1)]]),_:1}),a(M,{color:`primary`,onClick:u[37]||=()=>{C.value=!0}},{default:i(()=>[...u[124]||=[t(`Full screen below md`,-1)]]),_:1}),a(M,{color:`primary`,onClick:u[38]||=()=>{w.value=!0}},{default:i(()=>[...u[125]||=[t(`Full screen below lg`,-1)]]),_:1}),a(M,{color:`primary`,onClick:u[39]||=()=>{T.value=!0}},{default:i(()=>[...u[126]||=[t(`Full screen below xl`,-1)]]),_:1}),a(M,{color:`primary`,onClick:u[40]||=()=>{E.value=!0}},{default:i(()=>[...u[127]||=[t(`Full screen below xxl`,-1)]]),_:1}),a(P,{fullscreen:``,visible:x.value,onClose:u[42]||=()=>{x.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[41]||=()=>{v.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[128]||=[t(`Full screen`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[129]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`]),a(P,{fullscreen:`sm`,visible:S.value,onClose:u[44]||=()=>{S.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[43]||=()=>{S.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[130]||=[t(`Full screen below sm`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[131]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`]),a(P,{fullscreen:`md`,visible:C.value,onClose:u[46]||=()=>{C.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[45]||=()=>{C.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[132]||=[t(`Full screen below md`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[133]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`]),a(P,{fullscreen:`lg`,visible:w.value,onClose:u[48]||=()=>{w.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[47]||=()=>{w.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[134]||=[t(`Full screen below lg`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[135]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`]),a(P,{fullscreen:`xl`,visible:T.value,onClose:u[50]||=()=>{T.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[49]||=()=>{T.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[136]||=[t(`Full screen below xl`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[137]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`]),a(P,{fullscreen:`xxl`,visible:E.value,onClose:u[52]||=()=>{E.value=!1}},{default:i(()=>[a(A,{dismiss:``,onClose:u[51]||=()=>{E.value=!1}},{default:i(()=>[a(k,null,{default:i(()=>[...u[138]||=[t(`Full screen below xxl`,-1)]]),_:1})]),_:1}),a(j,null,{default:i(()=>[...u[139]||=[t(` ... `,-1)]]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}}};export{u as default}; |