├── .babelrc
├── .browserslistrc
├── .circleci
    └── config.yml
├── .eslintrc.js
├── .gitignore
├── .scripts
    ├── components
    │   ├── filemap.js
    │   └── parse.js
    ├── deploy.sh
    └── loader.js
├── LICENSE
├── README.md
├── babel.config.js
├── docs
    ├── .vuepress
    │   ├── _code.scss
    │   ├── components
    │   │   ├── AttributeWhitelist.vue
    │   │   ├── ColorPalette.vue
    │   │   ├── ComponentConfig.vue
    │   │   ├── ComponentDemo.vue
    │   │   ├── ComponentEvents.vue
    │   │   ├── ComponentList.vue
    │   │   ├── ComponentMeta.vue
    │   │   ├── ComponentMethods.vue
    │   │   ├── ComponentProps.vue
    │   │   ├── ComponentSlots.vue
    │   │   ├── LoremCard.vue
    │   │   ├── SearchBox.vue
    │   │   ├── Sidebar.vue
    │   │   ├── Topbar.vue
    │   │   └── demos
    │   │   │   ├── AboveTheFold.vue
    │   │   │   ├── AlertPlugin.vue
    │   │   │   ├── AlternatingImage.vue
    │   │   │   ├── BadgeSizes.vue
    │   │   │   ├── ButtonSizes.vue
    │   │   │   ├── CheckboxGroup.vue
    │   │   │   ├── CheckboxGroupSlots.vue
    │   │   │   ├── Chips.vue
    │   │   │   ├── CodeEditor.vue
    │   │   │   ├── ColoredBadges.vue
    │   │   │   ├── ColoredButtons.vue
    │   │   │   ├── ColoredTags.vue
    │   │   │   ├── ConfirmDirective.vue
    │   │   │   ├── ConfirmPlugin.vue
    │   │   │   ├── CustomField.vue
    │   │   │   ├── CustomInput.vue
    │   │   │   ├── DataTable.vue
    │   │   │   ├── DefaultButtons.vue
    │   │   │   ├── DefaultCarousel.vue
    │   │   │   ├── DefaultCheckbox.vue
    │   │   │   ├── DefaultDialog.vue
    │   │   │   ├── DefaultEmbed.vue
    │   │   │   ├── DefaultField.vue
    │   │   │   ├── DefaultHero.vue
    │   │   │   ├── DefaultInput.vue
    │   │   │   ├── DefaultMessage.vue
    │   │   │   ├── DefaultModule.vue
    │   │   │   ├── DefaultPagination.vue
    │   │   │   ├── DefaultRadio.vue
    │   │   │   ├── DefaultSelect.vue
    │   │   │   ├── DefaultTile.vue
    │   │   │   ├── DisappearingMessage.vue
    │   │   │   ├── Dropdown.vue
    │   │   │   ├── DropdownMenu.vue
    │   │   │   ├── DropzoneDirective.vue
    │   │   │   ├── DropzoneFileInput.vue
    │   │   │   ├── DropzoneUpload.vue
    │   │   │   ├── FormButtons.vue
    │   │   │   ├── FormContainer.vue
    │   │   │   ├── FormValidation.vue
    │   │   │   ├── GridBottomCenter.vue
    │   │   │   ├── GridBottomLeft.vue
    │   │   │   ├── GridBottomRight.vue
    │   │   │   ├── GridCenterCenter.vue
    │   │   │   ├── GridCenterLeft.vue
    │   │   │   ├── GridCenterRight.vue
    │   │   │   ├── GridColumns.vue
    │   │   │   ├── GridDefault.vue
    │   │   │   ├── GridFluid.vue
    │   │   │   ├── GridGap.vue
    │   │   │   ├── GridStack.vue
    │   │   │   ├── GridStretch.vue
    │   │   │   ├── GridTopCenter.vue
    │   │   │   ├── GridTopLeft.vue
    │   │   │   ├── GridTopRight.vue
    │   │   │   ├── Highlight.vue
    │   │   │   ├── IconButtons.vue
    │   │   │   ├── Icons.vue
    │   │   │   ├── ImageCheckboxes.vue
    │   │   │   ├── ImageHero.vue
    │   │   │   ├── ImageRadios.vue
    │   │   │   ├── InfiniteList.vue
    │   │   │   ├── InputColors.vue
    │   │   │   ├── InputSizes.vue
    │   │   │   ├── KitchenSink.vue
    │   │   │   ├── LabelledInput.vue
    │   │   │   ├── LoadingInput.vue
    │   │   │   ├── MediaAvatar.vue
    │   │   │   ├── MediaIframe.vue
    │   │   │   ├── MediaImageRatio.vue
    │   │   │   ├── MediaSquare.vue
    │   │   │   ├── MessageSlot.vue
    │   │   │   ├── MessageVisibility.vue
    │   │   │   ├── ModuleSlots.vue
    │   │   │   ├── ModuleType.vue
    │   │   │   ├── MultipleCheckboxes.vue
    │   │   │   ├── MultipleRadios.vue
    │   │   │   ├── Multiselect.vue
    │   │   │   ├── PopupTriggerProp.vue
    │   │   │   ├── Popups.vue
    │   │   │   ├── ProfileView.vue
    │   │   │   ├── RadioGroup.vue
    │   │   │   ├── RadioGroupSlots.vue
    │   │   │   ├── ReCaptcha.vue
    │   │   │   ├── SelectFreeTags.vue
    │   │   │   ├── SelectRemoteData.vue
    │   │   │   ├── SelectSlots.vue
    │   │   │   ├── SimpleTable.vue
    │   │   │   ├── Spinner.vue
    │   │   │   ├── StackedTiles.vue
    │   │   │   ├── StatefulButtons.vue
    │   │   │   ├── StripeCard.vue
    │   │   │   ├── TableExpand.vue
    │   │   │   ├── TableSlots.vue
    │   │   │   ├── TextField.vue
    │   │   │   ├── TileBadges.vue
    │   │   │   ├── TileControls.vue
    │   │   │   ├── TileToolbar.vue
    │   │   │   ├── TokensColors.vue
    │   │   │   ├── Tooltip.vue
    │   │   │   ├── ViewportDemo.vue
    │   │   │   └── oEmbed.vue
    │   ├── config.js
    │   ├── dist
    │   │   ├── 404.html
    │   │   ├── assets
    │   │   │   ├── css
    │   │   │   │   └── 1.styles.571cf7d6.css
    │   │   │   ├── img
    │   │   │   │   ├── ad.e2990f5d.svg
    │   │   │   │   ├── ae.6d497f1c.svg
    │   │   │   │   ├── af.b7494e9a.svg
    │   │   │   │   ├── ag.886dd7a5.svg
    │   │   │   │   ├── ai.0891577a.svg
    │   │   │   │   ├── al.0462e5b1.svg
    │   │   │   │   ├── am.dfe2bd05.svg
    │   │   │   │   ├── an.356f0d97.svg
    │   │   │   │   ├── ao.d31432cd.svg
    │   │   │   │   ├── aq.85bf0f99.svg
    │   │   │   │   ├── ar.6a2c6670.svg
    │   │   │   │   ├── as.c7a6bb4e.svg
    │   │   │   │   ├── at.67c731e9.svg
    │   │   │   │   ├── au.9a095a09.svg
    │   │   │   │   ├── aw.c7cc0c4c.svg
    │   │   │   │   ├── ax.1313bc24.svg
    │   │   │   │   ├── az.39527be0.svg
    │   │   │   │   ├── ba.0dd4db87.svg
    │   │   │   │   ├── bb.3fb12ea5.svg
    │   │   │   │   ├── bd.102dcced.svg
    │   │   │   │   ├── be.37fc0c68.svg
    │   │   │   │   ├── bf.5cfc3ec8.svg
    │   │   │   │   ├── bg.9c604983.svg
    │   │   │   │   ├── bh.4f041370.svg
    │   │   │   │   ├── bi.cf790c09.svg
    │   │   │   │   ├── bj.9ec46b3a.svg
    │   │   │   │   ├── bl.8458b578.svg
    │   │   │   │   ├── bm.f1af119a.svg
    │   │   │   │   ├── bn.e1882e0d.svg
    │   │   │   │   ├── bo.ba3aba41.svg
    │   │   │   │   ├── bq.10d31cc2.svg
    │   │   │   │   ├── br.caf2cf2c.svg
    │   │   │   │   ├── bs.524a1ab5.svg
    │   │   │   │   ├── bt.927ecffd.svg
    │   │   │   │   ├── bv.b884cec9.svg
    │   │   │   │   ├── bw.9145c2d2.svg
    │   │   │   │   ├── by.ba5e4290.svg
    │   │   │   │   ├── bz.0e7f7596.svg
    │   │   │   │   ├── ca.7cda37ce.svg
    │   │   │   │   ├── cc.985a76c5.svg
    │   │   │   │   ├── cd.b070cb89.svg
    │   │   │   │   ├── cf.2d551ba5.svg
    │   │   │   │   ├── cg.f2e458f5.svg
    │   │   │   │   ├── ch.efb7dd83.svg
    │   │   │   │   ├── ci.abe37e2d.svg
    │   │   │   │   ├── ck.87b36328.svg
    │   │   │   │   ├── cl.65517b63.svg
    │   │   │   │   ├── cm.b4c9e39c.svg
    │   │   │   │   ├── cn.3a5b5ac1.svg
    │   │   │   │   ├── co.d1a61f94.svg
    │   │   │   │   ├── cr.2f8e7d9c.svg
    │   │   │   │   ├── cu.89e88662.svg
    │   │   │   │   ├── cv.c823e988.svg
    │   │   │   │   ├── cw.7dbea206.svg
    │   │   │   │   ├── cx.a4343636.svg
    │   │   │   │   ├── cy.c5123360.svg
    │   │   │   │   ├── cz.047e732d.svg
    │   │   │   │   ├── de.69ccebc7.svg
    │   │   │   │   ├── dj.c33fb6a3.svg
    │   │   │   │   ├── dk.c0cd6347.svg
    │   │   │   │   ├── dm.ba19acca.svg
    │   │   │   │   ├── do.526509b9.svg
    │   │   │   │   ├── dz.0ffabba4.svg
    │   │   │   │   ├── ec.b526c480.svg
    │   │   │   │   ├── ee.2cb22dc7.svg
    │   │   │   │   ├── eg.d89ba362.svg
    │   │   │   │   ├── eh.4d3df256.svg
    │   │   │   │   ├── er.804cbebd.svg
    │   │   │   │   ├── es.8413cd53.svg
    │   │   │   │   ├── et.f306ee80.svg
    │   │   │   │   ├── eu.ff9546c2.svg
    │   │   │   │   ├── fi.079f4bcb.svg
    │   │   │   │   ├── fj.74e854d9.svg
    │   │   │   │   ├── fk.3c219c64.svg
    │   │   │   │   ├── fm.2d1657d1.svg
    │   │   │   │   ├── fo.8f009344.svg
    │   │   │   │   ├── fr.f689ce44.svg
    │   │   │   │   ├── ga.e554f938.svg
    │   │   │   │   ├── gb-eng.2d5bac56.svg
    │   │   │   │   ├── gb-nir.c4cd6642.svg
    │   │   │   │   ├── gb-sct.27d33587.svg
    │   │   │   │   ├── gb-wls.9f7c50cf.svg
    │   │   │   │   ├── gb.c4cd6642.svg
    │   │   │   │   ├── gd.64b1a583.svg
    │   │   │   │   ├── ge.8210444e.svg
    │   │   │   │   ├── gf.e2750b3e.svg
    │   │   │   │   ├── gg.218797b3.svg
    │   │   │   │   ├── gh.6ad2b9cb.svg
    │   │   │   │   ├── gi.4217c0d8.svg
    │   │   │   │   ├── gl.73ae82a7.svg
    │   │   │   │   ├── gm.5bbf7b74.svg
    │   │   │   │   ├── gn.7de80736.svg
    │   │   │   │   ├── gp.9d0be1d4.svg
    │   │   │   │   ├── gq.1f78740d.svg
    │   │   │   │   ├── gr.41733700.svg
    │   │   │   │   ├── gs.49fa4d63.svg
    │   │   │   │   ├── gt.bc5b62b6.svg
    │   │   │   │   ├── gu.b08ac0bd.svg
    │   │   │   │   ├── gw.50cec7fd.svg
    │   │   │   │   ├── gy.41725ef9.svg
    │   │   │   │   ├── hk.679d5ec3.svg
    │   │   │   │   ├── hm.9a095a09.svg
    │   │   │   │   ├── hn.7e936f52.svg
    │   │   │   │   ├── hr.0d0d251a.svg
    │   │   │   │   ├── ht.9012459f.svg
    │   │   │   │   ├── hu.b95aa09e.svg
    │   │   │   │   ├── id.1cfe4160.svg
    │   │   │   │   ├── ie.636f016d.svg
    │   │   │   │   ├── il.2ed461d2.svg
    │   │   │   │   ├── im.bed05fde.svg
    │   │   │   │   ├── in.bdfaaf97.svg
    │   │   │   │   ├── io.23eab627.svg
    │   │   │   │   ├── iq.bfdb80ad.svg
    │   │   │   │   ├── ir.2cd89129.svg
    │   │   │   │   ├── is.357dcb1c.svg
    │   │   │   │   ├── it.d3ad8488.svg
    │   │   │   │   ├── je.6ab08614.svg
    │   │   │   │   ├── jm.5e90dbbb.svg
    │   │   │   │   ├── jo.17530dec.svg
    │   │   │   │   ├── jp.e2d838a2.svg
    │   │   │   │   ├── ke.5d45eaae.svg
    │   │   │   │   ├── kg.28554a61.svg
    │   │   │   │   ├── kh.b3dadd9f.svg
    │   │   │   │   ├── ki.645af307.svg
    │   │   │   │   ├── km.5946bdc7.svg
    │   │   │   │   ├── kn.c991c407.svg
    │   │   │   │   ├── kp.770cb198.svg
    │   │   │   │   ├── kr.e7ceeb08.svg
    │   │   │   │   ├── kw.841518c8.svg
    │   │   │   │   ├── ky.cdb2b536.svg
    │   │   │   │   ├── kz.aebe1ef9.svg
    │   │   │   │   ├── la.abeeee00.svg
    │   │   │   │   ├── lb.bc789b21.svg
    │   │   │   │   ├── lc.3995dda7.svg
    │   │   │   │   ├── li.3719ea6d.svg
    │   │   │   │   ├── lk.05027eb4.svg
    │   │   │   │   ├── lr.cf309785.svg
    │   │   │   │   ├── ls.79261c08.svg
    │   │   │   │   ├── lt.7e3fe92f.svg
    │   │   │   │   ├── lu.3ba095e9.svg
    │   │   │   │   ├── lv.56acb99b.svg
    │   │   │   │   ├── ly.e707148f.svg
    │   │   │   │   ├── ma.7ccf0a17.svg
    │   │   │   │   ├── mc.8fb7d82c.svg
    │   │   │   │   ├── md.de1a8f4c.svg
    │   │   │   │   ├── me.ad7afd12.svg
    │   │   │   │   ├── mf.9d0be1d4.svg
    │   │   │   │   ├── mg.9dc1916f.svg
    │   │   │   │   ├── mh.5acc521d.svg
    │   │   │   │   ├── mk.f26a7830.svg
    │   │   │   │   ├── ml.6a716494.svg
    │   │   │   │   ├── mm.f06bd610.svg
    │   │   │   │   ├── mn.5c65c3f3.svg
    │   │   │   │   ├── mo.0dc09f49.svg
    │   │   │   │   ├── mp.3680ccd9.svg
    │   │   │   │   ├── mq.2eb10a3e.svg
    │   │   │   │   ├── mr.9c95d546.svg
    │   │   │   │   ├── ms.094ad248.svg
    │   │   │   │   ├── mt.3c1b84c9.svg
    │   │   │   │   ├── mu.d6db35bc.svg
    │   │   │   │   ├── mv.0cdf2e4f.svg
    │   │   │   │   ├── mw.43ff7ada.svg
    │   │   │   │   ├── mx.4fb7c48f.svg
    │   │   │   │   ├── my.3e0c9683.svg
    │   │   │   │   ├── mz.5a4a3d84.svg
    │   │   │   │   ├── na.5817eb6b.svg
    │   │   │   │   ├── nc.564ebcc5.svg
    │   │   │   │   ├── ne.fe232d8a.svg
    │   │   │   │   ├── nf.9c35f8b0.svg
    │   │   │   │   ├── ng.ffd18fe3.svg
    │   │   │   │   ├── ni.32e4d1fe.svg
    │   │   │   │   ├── nl.10d31cc2.svg
    │   │   │   │   ├── no.b884cec9.svg
    │   │   │   │   ├── np.c8a8ef36.svg
    │   │   │   │   ├── nr.43db7339.svg
    │   │   │   │   ├── nu.aeed3c34.svg
    │   │   │   │   ├── nz.c35868e6.svg
    │   │   │   │   ├── om.b6771181.svg
    │   │   │   │   ├── pa.ee292674.svg
    │   │   │   │   ├── pe.ef9dac1d.svg
    │   │   │   │   ├── pf.4c112e5a.svg
    │   │   │   │   ├── pg.4e87aebf.svg
    │   │   │   │   ├── ph.0394a95d.svg
    │   │   │   │   ├── pk.c02a9989.svg
    │   │   │   │   ├── pl.1b9768ef.svg
    │   │   │   │   ├── pm.9d0be1d4.svg
    │   │   │   │   ├── pn.a2911b5b.svg
    │   │   │   │   ├── pr.b013635d.svg
    │   │   │   │   ├── ps.9e5d947f.svg
    │   │   │   │   ├── pt.8ce156e0.svg
    │   │   │   │   ├── pw.f34a17aa.svg
    │   │   │   │   ├── py.9b51074b.svg
    │   │   │   │   ├── qa.03340b2d.svg
    │   │   │   │   ├── re.9d0be1d4.svg
    │   │   │   │   ├── ro.af4f1a84.svg
    │   │   │   │   ├── rs.8d51c4ce.svg
    │   │   │   │   ├── ru.e2037a0e.svg
    │   │   │   │   ├── rw.85f6ca97.svg
    │   │   │   │   ├── sa.8f3e4e41.svg
    │   │   │   │   ├── sb.b9736078.svg
    │   │   │   │   ├── sc.049e7208.svg
    │   │   │   │   ├── sd.8f0ac64a.svg
    │   │   │   │   ├── se.1f642770.svg
    │   │   │   │   ├── sg.6ae2dc5b.svg
    │   │   │   │   ├── sh.c4cd6642.svg
    │   │   │   │   ├── si.c2844c75.svg
    │   │   │   │   ├── sj.b884cec9.svg
    │   │   │   │   ├── sk.8fff59a6.svg
    │   │   │   │   ├── sl.2b040d07.svg
    │   │   │   │   ├── sm.48089e01.svg
    │   │   │   │   ├── sn.5a3a015c.svg
    │   │   │   │   ├── so.5d09b7df.svg
    │   │   │   │   ├── sr.658b680a.svg
    │   │   │   │   ├── ss.1ba14435.svg
    │   │   │   │   ├── st.9fb0ea9d.svg
    │   │   │   │   ├── sv.a64aa0bf.svg
    │   │   │   │   ├── sx.5b091a5e.svg
    │   │   │   │   ├── sy.93007050.svg
    │   │   │   │   ├── sz.8f0d2436.svg
    │   │   │   │   ├── tc.f85cadec.svg
    │   │   │   │   ├── td.024e1d49.svg
    │   │   │   │   ├── tf.fd20c9ec.svg
    │   │   │   │   ├── tg.50f9070b.svg
    │   │   │   │   ├── th.62f0033c.svg
    │   │   │   │   ├── tj.1d268953.svg
    │   │   │   │   ├── tk.b75bd467.svg
    │   │   │   │   ├── tl.fe273366.svg
    │   │   │   │   ├── tm.d55963e2.svg
    │   │   │   │   ├── tn.f07a886c.svg
    │   │   │   │   ├── to.0da693dc.svg
    │   │   │   │   ├── tr.657ea685.svg
    │   │   │   │   ├── tt.9574aff3.svg
    │   │   │   │   ├── tv.67ac70d9.svg
    │   │   │   │   ├── tw.587d478a.svg
    │   │   │   │   ├── tz.53855cd8.svg
    │   │   │   │   ├── ua.cf1a4bc6.svg
    │   │   │   │   ├── ug.c94bc7a8.svg
    │   │   │   │   ├── um.50162f60.svg
    │   │   │   │   ├── us.50162f60.svg
    │   │   │   │   ├── uy.3b6078d1.svg
    │   │   │   │   ├── uz.2627db26.svg
    │   │   │   │   ├── va.d76a4c0a.svg
    │   │   │   │   ├── vc.475f7d86.svg
    │   │   │   │   ├── ve.46affed8.svg
    │   │   │   │   ├── vg.b142c100.svg
    │   │   │   │   ├── vi.c60f0454.svg
    │   │   │   │   ├── vn.acbd7b77.svg
    │   │   │   │   ├── vu.e96192d9.svg
    │   │   │   │   ├── wave.a23a18c2.svg
    │   │   │   │   ├── wf.8bad3190.svg
    │   │   │   │   ├── ws.f4fea930.svg
    │   │   │   │   ├── xk.bab9140c.svg
    │   │   │   │   ├── ye.dc0bba07.svg
    │   │   │   │   ├── yt.9d0be1d4.svg
    │   │   │   │   ├── za.bb194490.svg
    │   │   │   │   ├── zm.53783063.svg
    │   │   │   │   └── zw.80632a3c.svg
    │   │   │   └── js
    │   │   │   │   ├── 0.9e7ea872.js
    │   │   │   │   ├── 100.b6a0d8f2.js
    │   │   │   │   ├── 101.35b5f19c.js
    │   │   │   │   ├── 102.9b85ba14.js
    │   │   │   │   ├── 103.5f969839.js
    │   │   │   │   ├── 104.5acafe89.js
    │   │   │   │   ├── 105.fe0d91b8.js
    │   │   │   │   ├── 106.b8c380bb.js
    │   │   │   │   ├── 107.2b4e7688.js
    │   │   │   │   ├── 108.e82927f9.js
    │   │   │   │   ├── 109.d567b2f4.js
    │   │   │   │   ├── 11.4edc7213.js
    │   │   │   │   ├── 110.49e9c42e.js
    │   │   │   │   ├── 111.99d674e9.js
    │   │   │   │   ├── 112.42c357b7.js
    │   │   │   │   ├── 113.0f6cdcac.js
    │   │   │   │   ├── 114.1346e85e.js
    │   │   │   │   ├── 115.c1170ee6.js
    │   │   │   │   ├── 116.1c22da97.js
    │   │   │   │   ├── 117.9f3c2e67.js
    │   │   │   │   ├── 118.6f66c47c.js
    │   │   │   │   ├── 119.8774a3a5.js
    │   │   │   │   ├── 12.de0f6f9d.js
    │   │   │   │   ├── 120.82793de7.js
    │   │   │   │   ├── 121.02e9cb79.js
    │   │   │   │   ├── 122.01cb62a8.js
    │   │   │   │   ├── 123.d7e222c4.js
    │   │   │   │   ├── 124.48475690.js
    │   │   │   │   ├── 125.25255438.js
    │   │   │   │   ├── 126.b896e14a.js
    │   │   │   │   ├── 127.661ef579.js
    │   │   │   │   ├── 128.4d1dc821.js
    │   │   │   │   ├── 129.2fe9e54d.js
    │   │   │   │   ├── 13.1dc5b8a4.js
    │   │   │   │   ├── 130.85bf093b.js
    │   │   │   │   ├── 131.005639a9.js
    │   │   │   │   ├── 132.3de163e5.js
    │   │   │   │   ├── 133.136b8e83.js
    │   │   │   │   ├── 134.89b2dd5c.js
    │   │   │   │   ├── 135.0e33888d.js
    │   │   │   │   ├── 136.ea90e426.js
    │   │   │   │   ├── 137.30990829.js
    │   │   │   │   ├── 138.4c2b53c9.js
    │   │   │   │   ├── 139.283dc976.js
    │   │   │   │   ├── 14.02a58eea.js
    │   │   │   │   ├── 140.8ee39880.js
    │   │   │   │   ├── 141.a15f94e8.js
    │   │   │   │   ├── 142.e3a8b614.js
    │   │   │   │   ├── 143.003a10a0.js
    │   │   │   │   ├── 144.f83822fb.js
    │   │   │   │   ├── 145.b5691a0f.js
    │   │   │   │   ├── 146.dae5abc1.js
    │   │   │   │   ├── 147.816fb6ca.js
    │   │   │   │   ├── 148.0da4746c.js
    │   │   │   │   ├── 149.90bf3b41.js
    │   │   │   │   ├── 15.9fd18be0.js
    │   │   │   │   ├── 150.fab8bbf0.js
    │   │   │   │   ├── 151.574c6314.js
    │   │   │   │   ├── 152.2c53c789.js
    │   │   │   │   ├── 153.8212ade3.js
    │   │   │   │   ├── 154.240bfeef.js
    │   │   │   │   ├── 155.fdf5237f.js
    │   │   │   │   ├── 156.4c9f63a2.js
    │   │   │   │   ├── 157.10c073a0.js
    │   │   │   │   ├── 158.b6ac9176.js
    │   │   │   │   ├── 159.1c020262.js
    │   │   │   │   ├── 16.83edcfb6.js
    │   │   │   │   ├── 160.0eb08820.js
    │   │   │   │   ├── 161.eeff3215.js
    │   │   │   │   ├── 162.7095f4b7.js
    │   │   │   │   ├── 163.db231480.js
    │   │   │   │   ├── 164.05ae5342.js
    │   │   │   │   ├── 165.8ab55cde.js
    │   │   │   │   ├── 166.5fc9baba.js
    │   │   │   │   ├── 167.d9fb7946.js
    │   │   │   │   ├── 168.0f24fd36.js
    │   │   │   │   ├── 169.c4cd4cff.js
    │   │   │   │   ├── 17.34b8a0db.js
    │   │   │   │   ├── 170.9ea2fb8b.js
    │   │   │   │   ├── 171.455ed26d.js
    │   │   │   │   ├── 172.2f13db3c.js
    │   │   │   │   ├── 173.07e3dc82.js
    │   │   │   │   ├── 174.70e5df16.js
    │   │   │   │   ├── 175.35688bfb.js
    │   │   │   │   ├── 176.f825b5a8.js
    │   │   │   │   ├── 177.e607a88e.js
    │   │   │   │   ├── 178.bd108d54.js
    │   │   │   │   ├── 179.a6af4434.js
    │   │   │   │   ├── 18.f06cfe20.js
    │   │   │   │   ├── 180.a1707ed1.js
    │   │   │   │   ├── 181.c7f316db.js
    │   │   │   │   ├── 182.bbca151c.js
    │   │   │   │   ├── 183.0b436695.js
    │   │   │   │   ├── 184.0c697c68.js
    │   │   │   │   ├── 185.2ae2fd98.js
    │   │   │   │   ├── 186.0354d397.js
    │   │   │   │   ├── 187.ab4f043f.js
    │   │   │   │   ├── 188.d0e89310.js
    │   │   │   │   ├── 189.60e7a989.js
    │   │   │   │   ├── 19.5569e7ea.js
    │   │   │   │   ├── 190.54621edb.js
    │   │   │   │   ├── 191.5a0ffcae.js
    │   │   │   │   ├── 192.21798cba.js
    │   │   │   │   ├── 193.4db28bdd.js
    │   │   │   │   ├── 194.f9b23825.js
    │   │   │   │   ├── 195.3576a5a3.js
    │   │   │   │   ├── 196.7884c093.js
    │   │   │   │   ├── 197.770ab5ce.js
    │   │   │   │   ├── 198.c4746ac6.js
    │   │   │   │   ├── 199.4ed94095.js
    │   │   │   │   ├── 2.5afd0381.js
    │   │   │   │   ├── 20.a574af3e.js
    │   │   │   │   ├── 200.02d1e61d.js
    │   │   │   │   ├── 201.10aa88f8.js
    │   │   │   │   ├── 202.bd666474.js
    │   │   │   │   ├── 203.dbca8f5a.js
    │   │   │   │   ├── 204.b7573470.js
    │   │   │   │   ├── 205.1a323c75.js
    │   │   │   │   ├── 206.a451d584.js
    │   │   │   │   ├── 207.bf8dbe43.js
    │   │   │   │   ├── 208.27773127.js
    │   │   │   │   ├── 209.43a71977.js
    │   │   │   │   ├── 21.2ef9a89b.js
    │   │   │   │   ├── 210.4edc2727.js
    │   │   │   │   ├── 211.1eedde27.js
    │   │   │   │   ├── 212.ff1a630c.js
    │   │   │   │   ├── 213.f6b1d91d.js
    │   │   │   │   ├── 214.e742251b.js
    │   │   │   │   ├── 215.e08fc7ed.js
    │   │   │   │   ├── 216.a539f32c.js
    │   │   │   │   ├── 217.59f5634f.js
    │   │   │   │   ├── 218.d31b6f34.js
    │   │   │   │   ├── 219.fdc01cc8.js
    │   │   │   │   ├── 22.d410d213.js
    │   │   │   │   ├── 220.e941b0e1.js
    │   │   │   │   ├── 221.c2e5e440.js
    │   │   │   │   ├── 222.8a00c945.js
    │   │   │   │   ├── 223.25319860.js
    │   │   │   │   ├── 224.31f2176a.js
    │   │   │   │   ├── 225.6e386092.js
    │   │   │   │   ├── 226.42f6dc59.js
    │   │   │   │   ├── 227.3ab88fdb.js
    │   │   │   │   ├── 228.f3e25b22.js
    │   │   │   │   ├── 229.c5330d59.js
    │   │   │   │   ├── 23.1ae0c066.js
    │   │   │   │   ├── 230.a7efdf07.js
    │   │   │   │   ├── 231.56117f96.js
    │   │   │   │   ├── 232.244c3f72.js
    │   │   │   │   ├── 233.44f3e737.js
    │   │   │   │   ├── 234.5e2a762f.js
    │   │   │   │   ├── 235.6e0a6d0d.js
    │   │   │   │   ├── 236.56c44b98.js
    │   │   │   │   ├── 237.16e0e6ff.js
    │   │   │   │   ├── 238.0f6c9e84.js
    │   │   │   │   ├── 239.8fba42a9.js
    │   │   │   │   ├── 24.bcc4b86e.js
    │   │   │   │   ├── 240.73d2f702.js
    │   │   │   │   ├── 241.3fb81741.js
    │   │   │   │   ├── 242.083db1a0.js
    │   │   │   │   ├── 243.254d8a45.js
    │   │   │   │   ├── 244.864b3961.js
    │   │   │   │   ├── 245.30b9be5d.js
    │   │   │   │   ├── 246.b5ad8aa3.js
    │   │   │   │   ├── 247.f107d6e3.js
    │   │   │   │   ├── 248.3091f363.js
    │   │   │   │   ├── 249.843db705.js
    │   │   │   │   ├── 25.119a20c1.js
    │   │   │   │   ├── 250.144b4d31.js
    │   │   │   │   ├── 251.50cbebc7.js
    │   │   │   │   ├── 252.305a0c6a.js
    │   │   │   │   ├── 253.c5f92375.js
    │   │   │   │   ├── 254.de675b0c.js
    │   │   │   │   ├── 255.a5245909.js
    │   │   │   │   ├── 256.9755b438.js
    │   │   │   │   ├── 257.58f539ba.js
    │   │   │   │   ├── 258.efdf9f40.js
    │   │   │   │   ├── 259.a27c0cd1.js
    │   │   │   │   ├── 26.c95990ba.js
    │   │   │   │   ├── 260.c9136969.js
    │   │   │   │   ├── 261.77d204dc.js
    │   │   │   │   ├── 262.5a55ef0b.js
    │   │   │   │   ├── 263.4b705cb2.js
    │   │   │   │   ├── 264.0aceec03.js
    │   │   │   │   ├── 265.627cd192.js
    │   │   │   │   ├── 266.adece57d.js
    │   │   │   │   ├── 267.c7dc7698.js
    │   │   │   │   ├── 268.e93be494.js
    │   │   │   │   ├── 269.d6c28445.js
    │   │   │   │   ├── 27.adfc7185.js
    │   │   │   │   ├── 270.497f01e4.js
    │   │   │   │   ├── 271.94b85116.js
    │   │   │   │   ├── 272.af9c88be.js
    │   │   │   │   ├── 273.588e2101.js
    │   │   │   │   ├── 274.6c198140.js
    │   │   │   │   ├── 275.69aca4f9.js
    │   │   │   │   ├── 276.4a38be3d.js
    │   │   │   │   ├── 277.68f410a4.js
    │   │   │   │   ├── 278.8e9bb5ca.js
    │   │   │   │   ├── 279.cdec812c.js
    │   │   │   │   ├── 28.db82b6ff.js
    │   │   │   │   ├── 280.0415c176.js
    │   │   │   │   ├── 281.69ebcfa8.js
    │   │   │   │   ├── 282.14a6dfe3.js
    │   │   │   │   ├── 283.dcd720ce.js
    │   │   │   │   ├── 284.3f467020.js
    │   │   │   │   ├── 285.2031e8db.js
    │   │   │   │   ├── 286.95b6b35a.js
    │   │   │   │   ├── 287.ead1b1ae.js
    │   │   │   │   ├── 288.ce215d35.js
    │   │   │   │   ├── 289.25efba93.js
    │   │   │   │   ├── 29.3819e858.js
    │   │   │   │   ├── 290.c961e1f2.js
    │   │   │   │   ├── 291.70e7cb2c.js
    │   │   │   │   ├── 292.3d09f9bc.js
    │   │   │   │   ├── 293.d4819378.js
    │   │   │   │   ├── 294.c0c27593.js
    │   │   │   │   ├── 295.081d68d9.js
    │   │   │   │   ├── 296.844dc3bc.js
    │   │   │   │   ├── 297.63f3aef2.js
    │   │   │   │   ├── 298.ae014264.js
    │   │   │   │   ├── 299.f8dd3e15.js
    │   │   │   │   ├── 3.4a1b4fa1.js
    │   │   │   │   ├── 30.4008eaf0.js
    │   │   │   │   ├── 300.13bae10b.js
    │   │   │   │   ├── 301.7e9d3ff8.js
    │   │   │   │   ├── 302.b0b777e5.js
    │   │   │   │   ├── 303.f832e95d.js
    │   │   │   │   ├── 304.2bab50cf.js
    │   │   │   │   ├── 305.cdb5f6ff.js
    │   │   │   │   ├── 306.9c7b16b1.js
    │   │   │   │   ├── 307.9c5dcefc.js
    │   │   │   │   ├── 308.c67bcfa0.js
    │   │   │   │   ├── 309.e538de7a.js
    │   │   │   │   ├── 31.b787c320.js
    │   │   │   │   ├── 310.8f18dff6.js
    │   │   │   │   ├── 311.98fa2528.js
    │   │   │   │   ├── 312.e4c83ecb.js
    │   │   │   │   ├── 32.c2b14d20.js
    │   │   │   │   ├── 33.879be6d9.js
    │   │   │   │   ├── 34.5a7122c9.js
    │   │   │   │   ├── 35.85f4c3e7.js
    │   │   │   │   ├── 36.6e77c190.js
    │   │   │   │   ├── 37.92405d3b.js
    │   │   │   │   ├── 38.1f7dcc6a.js
    │   │   │   │   ├── 39.78868b59.js
    │   │   │   │   ├── 4.196cdfed.js
    │   │   │   │   ├── 40.2ea7a1c6.js
    │   │   │   │   ├── 41.4fa2ba9f.js
    │   │   │   │   ├── 42.682b23ed.js
    │   │   │   │   ├── 43.4acc2f98.js
    │   │   │   │   ├── 44.9460fdfe.js
    │   │   │   │   ├── 45.30009056.js
    │   │   │   │   ├── 46.4f0639ab.js
    │   │   │   │   ├── 47.4e6e2cd8.js
    │   │   │   │   ├── 48.c869db07.js
    │   │   │   │   ├── 49.1dabe33c.js
    │   │   │   │   ├── 5.4f5ace94.js
    │   │   │   │   ├── 50.10ba164f.js
    │   │   │   │   ├── 51.3f0bb225.js
    │   │   │   │   ├── 52.ed44f903.js
    │   │   │   │   ├── 53.60e7bb28.js
    │   │   │   │   ├── 54.46be6fa6.js
    │   │   │   │   ├── 55.02cab245.js
    │   │   │   │   ├── 56.2b5bcb72.js
    │   │   │   │   ├── 57.cf483310.js
    │   │   │   │   ├── 58.bfbcb68e.js
    │   │   │   │   ├── 59.4f857398.js
    │   │   │   │   ├── 6.bf8635c5.js
    │   │   │   │   ├── 60.3172c7d9.js
    │   │   │   │   ├── 61.ae027aa2.js
    │   │   │   │   ├── 62.b2a7f332.js
    │   │   │   │   ├── 63.fbf46935.js
    │   │   │   │   ├── 64.17013db4.js
    │   │   │   │   ├── 65.c18a2dd7.js
    │   │   │   │   ├── 66.cd251f16.js
    │   │   │   │   ├── 67.ecc09258.js
    │   │   │   │   ├── 68.a9b937de.js
    │   │   │   │   ├── 69.66943836.js
    │   │   │   │   ├── 7.f0e3a92c.js
    │   │   │   │   ├── 70.e3cf840f.js
    │   │   │   │   ├── 71.c0d355e9.js
    │   │   │   │   ├── 72.198ff5ea.js
    │   │   │   │   ├── 73.98838f15.js
    │   │   │   │   ├── 74.7a8d1b4c.js
    │   │   │   │   ├── 75.a758ec18.js
    │   │   │   │   ├── 76.a186a924.js
    │   │   │   │   ├── 77.f2f3f8c3.js
    │   │   │   │   ├── 78.c135c5ca.js
    │   │   │   │   ├── 79.d1ecbae0.js
    │   │   │   │   ├── 8.3ada8149.js
    │   │   │   │   ├── 80.fb84a149.js
    │   │   │   │   ├── 81.064499ab.js
    │   │   │   │   ├── 82.90556f9f.js
    │   │   │   │   ├── 83.768cb3f5.js
    │   │   │   │   ├── 84.eca8bc09.js
    │   │   │   │   ├── 85.1d4d4156.js
    │   │   │   │   ├── 86.57abde03.js
    │   │   │   │   ├── 87.7718bbdb.js
    │   │   │   │   ├── 88.74fd6276.js
    │   │   │   │   ├── 89.95754f07.js
    │   │   │   │   ├── 9.eb16ea30.js
    │   │   │   │   ├── 90.5bd90355.js
    │   │   │   │   ├── 91.e516b2a5.js
    │   │   │   │   ├── 92.b032c5d1.js
    │   │   │   │   ├── 93.9d59bec0.js
    │   │   │   │   ├── 94.02313931.js
    │   │   │   │   ├── 95.d58a82e1.js
    │   │   │   │   ├── 96.0593298e.js
    │   │   │   │   ├── 97.c574e134.js
    │   │   │   │   ├── 98.48229693.js
    │   │   │   │   ├── 99.843d9053.js
    │   │   │   │   └── app.8fcce2a6.js
    │   │   ├── components.html
    │   │   ├── components
    │   │   │   ├── Badge.html
    │   │   │   ├── Button.html
    │   │   │   ├── Carousel.html
    │   │   │   ├── DataTable.html
    │   │   │   ├── Dialog.html
    │   │   │   ├── Drawer.html
    │   │   │   ├── Embed.html
    │   │   │   ├── Hero.html
    │   │   │   ├── Highlight.html
    │   │   │   ├── Icon.html
    │   │   │   ├── Image.html
    │   │   │   ├── InfiniteList.html
    │   │   │   ├── List.html
    │   │   │   ├── Media.html
    │   │   │   ├── Menu.html
    │   │   │   ├── Message.html
    │   │   │   ├── Module.html
    │   │   │   ├── Pagination.html
    │   │   │   ├── Popup.html
    │   │   │   ├── Table.html
    │   │   │   ├── Tabs.html
    │   │   │   ├── Tag.html
    │   │   │   └── Tile.html
    │   │   ├── directives.html
    │   │   ├── directives
    │   │   │   ├── Confirm.html
    │   │   │   ├── Dropzone.html
    │   │   │   ├── Spinner.html
    │   │   │   └── Tooltip.html
    │   │   ├── extensions.html
    │   │   ├── extensions
    │   │   │   ├── CodeMirror.html
    │   │   │   ├── ReCaptcha.html
    │   │   │   └── StripeCard.html
    │   │   ├── forms.html
    │   │   ├── forms
    │   │   │   ├── Checkbox.html
    │   │   │   ├── Control.html
    │   │   │   ├── Dropzone.html
    │   │   │   ├── Field.html
    │   │   │   ├── Form.html
    │   │   │   ├── Intro.html
    │   │   │   ├── Radio.html
    │   │   │   ├── Select.html
    │   │   │   └── TextField.html
    │   │   ├── getting-started.html
    │   │   ├── index.html
    │   │   ├── integrations.html
    │   │   ├── integrations
    │   │   │   └── storyblok.html
    │   │   ├── manifest.json
    │   │   ├── mixins.html
    │   │   ├── mixins
    │   │   │   └── Styling.html
    │   │   ├── plugins.html
    │   │   ├── plugins
    │   │   │   ├── Alert.html
    │   │   │   ├── Bus.html
    │   │   │   ├── Confirm.html
    │   │   │   ├── Focus.html
    │   │   │   ├── Globals.html
    │   │   │   ├── Logger.html
    │   │   │   ├── Popper.html
    │   │   │   └── Viewport.html
    │   │   ├── service-worker.js
    │   │   ├── theme.html
    │   │   └── theme
    │   │   │   ├── grid.html
    │   │   │   ├── kitchen-sink.html
    │   │   │   ├── tokens.html
    │   │   │   └── variables.html
    │   ├── docs.json
    │   ├── docs.scss
    │   ├── enhanceApp.js
    │   ├── fixtures
    │   │   ├── README.txt
    │   │   ├── countries.json
    │   │   ├── markdown.md
    │   │   └── tags.json
    │   ├── public
    │   │   └── manifest.json
    │   ├── theme
    │   │   └── Layout.vue
    │   ├── utils
    │   │   └── markdown.js
    │   └── wave.svg
    ├── components.md
    ├── components
    │   ├── Badge.md
    │   ├── Button.md
    │   ├── Carousel.md
    │   ├── DataTable.md
    │   ├── Dialog.md
    │   ├── Drawer.md
    │   ├── Embed.md
    │   ├── Hero.md
    │   ├── Highlight.md
    │   ├── Icon.md
    │   ├── Image.md
    │   ├── InfiniteList.md
    │   ├── List.md
    │   ├── Media.md
    │   ├── Menu.md
    │   ├── Message.md
    │   ├── Module.md
    │   ├── Pagination.md
    │   ├── Popup.md
    │   ├── Table.md
    │   ├── Tabs.md
    │   ├── Tag.md
    │   └── Tile.md
    ├── directives.md
    ├── directives
    │   ├── Confirm.md
    │   ├── Dropzone.md
    │   ├── Spinner.md
    │   └── Tooltip.md
    ├── extensions.md
    ├── extensions
    │   ├── CodeMirror.md
    │   ├── ReCaptcha.md
    │   └── StripeCard.md
    ├── forms.md
    ├── forms
    │   ├── Checkbox.md
    │   ├── Control.md
    │   ├── Dropzone.md
    │   ├── Field.md
    │   ├── Form.md
    │   ├── Intro.md
    │   ├── Radio.md
    │   ├── Select.md
    │   └── TextField.md
    ├── getting-started.md
    ├── index.md
    ├── integrations.md
    ├── integrations
    │   └── storyblok.md
    ├── mixins.md
    ├── mixins
    │   └── Styling.md
    ├── plugins.md
    ├── plugins
    │   ├── Alert.md
    │   ├── Bus.md
    │   ├── Confirm.md
    │   ├── Focus.md
    │   ├── Globals.md
    │   ├── Logger.md
    │   ├── Popper.md
    │   └── Viewport.md
    ├── theme.md
    └── theme
    │   ├── grid.md
    │   ├── kitchen-sink.md
    │   ├── tokens.md
    │   └── variables.md
├── package.json
├── public
    ├── favicon.ico
    └── index.html
├── src
    ├── atoms
    │   ├── NBadge.vue
    │   ├── NButton.vue
    │   ├── NControl.vue
    │   ├── NDiv.vue
    │   ├── NField.vue
    │   ├── NForm.vue
    │   ├── NHighlight.vue
    │   ├── NIcon.vue
    │   ├── NImg.vue
    │   ├── NLayer.vue
    │   ├── NMedia.vue
    │   ├── NMessage.vue
    │   ├── NTag.vue
    │   └── NText.vue
    ├── directives
    │   ├── VConfirm.js
    │   ├── VDropzone.js
    │   ├── VSpinner.js
    │   └── VTooltip.js
    ├── extensions
    │   ├── NCodemirror.js
    │   ├── NCodemirror.vue
    │   ├── NRecaptcha.js
    │   ├── NRecaptcha.vue
    │   ├── NStripe.js
    │   └── NStripeCard.vue
    ├── main.js
    ├── mixins
    │   ├── File.js
    │   ├── Input.js
    │   └── Styling.js
    ├── molecules
    │   ├── NCheckbox.vue
    │   ├── NCheckboxGroup.vue
    │   ├── NDialog.vue
    │   ├── NDropzone.vue
    │   ├── NEmbed.vue
    │   ├── NList.vue
    │   ├── NMenuItem.vue
    │   ├── NPagination.vue
    │   ├── NPopup.vue
    │   ├── NRadio.vue
    │   ├── NRadioGroup.vue
    │   ├── NSelect.vue
    │   ├── NTextField.vue
    │   └── NTile.vue
    ├── noah.components.json
    ├── noah.config.js
    ├── noah.ide.js
    ├── organisms
    │   ├── NCarousel.vue
    │   ├── NDataTable.vue
    │   ├── NDrawer.vue
    │   ├── NHero.vue
    │   ├── NInfiniteList.vue
    │   ├── NMenu.vue
    │   ├── NModule.vue
    │   ├── NTable.vue
    │   └── NTabs.vue
    ├── pages
    │   └── readme.md
    ├── plugins
    │   ├── Alert.js
    │   ├── Confirm.js
    │   ├── Focus.js
    │   ├── Logger.js
    │   ├── NAlert.vue
    │   ├── NConfirm.vue
    │   ├── Popper.js
    │   └── Viewport.js
    ├── styles
    │   ├── _functions.scss
    │   ├── _media-queries.scss
    │   ├── _mixins.scss
    │   ├── _root.scss
    │   ├── _sets.scss
    │   ├── all.scss
    │   ├── elements
    │   │   ├── _badges.scss
    │   │   ├── _buttons.scss
    │   │   ├── _dialogs.scss
    │   │   ├── _drawer.scss
    │   │   ├── _embeds.scss
    │   │   ├── _fields.scss
    │   │   ├── _flex.scss
    │   │   ├── _helpers.scss
    │   │   ├── _hero.scss
    │   │   ├── _icons.scss
    │   │   ├── _lists.scss
    │   │   ├── _menus.scss
    │   │   ├── _messages.scss
    │   │   ├── _modules.scss
    │   │   ├── _pagination.scss
    │   │   ├── _popups.scss
    │   │   ├── _reset.scss
    │   │   ├── _spinner.scss
    │   │   ├── _tables.scss
    │   │   ├── _tabs.scss
    │   │   ├── _tags.scss
    │   │   ├── _tiles.scss
    │   │   ├── _transitions.scss
    │   │   └── _typography.scss
    │   ├── fonts.scss
    │   └── global.scss
    ├── templates
    │   └── readme.md
    └── utils
    │   ├── listeners.js
    │   └── validators.js
├── tests
    └── unit
    │   ├── .eslintrc.js
    │   ├── elements
    │       ├── NBadge.spec.js
    │       └── NButton.spec.js
    │   ├── mixins
    │       └── Styling.spec.js
    │   └── sandbox.js
├── vue.config.js
└── yarn.lock


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     [
 4 |       "@babel/preset-env",
 5 |       {
 6 |         "targets": {
 7 |           "node": "current"
 8 |         }
 9 |       }
10 |     ]
11 |   ]
12 | }
13 | 


--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not ie <= 8
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw*
22 | 
23 | /.nyc_output
24 | /coverage
25 | 


--------------------------------------------------------------------------------
/.scripts/deploy.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env sh
 2 | 
 3 | # abort on errors
 4 | set -e
 5 | 
 6 | # navigate into the build output directory
 7 | cd docs/.vuepress/dist
 8 | 
 9 | git init
10 | git add -A
11 | git commit -m 'deploy'
12 | 
13 | git push -f https://github.com/arckinteractive/noah-ui.git master:gh-pages
14 | 
15 | cd -
16 | 


--------------------------------------------------------------------------------
/.scripts/loader.js:
--------------------------------------------------------------------------------
 1 | import fs from 'fs';
 2 | 
 3 | export default (dirPath, extensions = ['js']) => {
 4 |     const regex = new RegExp(`\\.${extensions.join('|')}$`);
 5 | 
 6 |     return fs.readdirSync(dirPath)
 7 |         .filter((e) => e.match(regex))
 8 |         .map((e) => e.replace(regex, ''));
 9 | };
10 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     plugins: [
 3 |         '@babel/plugin-syntax-dynamic-import',
 4 |     ],
 5 |     env: {
 6 |         test: {
 7 |             plugins: ['istanbul'],
 8 |         },
 9 |     },
10 | };
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/LoremCard.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-module title="Lorem Ipsum" type="card">
 3 |         <n-img slot="media" src="https://bit.ly/2YT8P1D" :lazy-load="false"></n-img>
 4 | 
 5 |         <n-div padding="medium">
 6 |             Morbi vitae finibus sem. Duis mollis lorem quis lorem aliquet tincidunt. Aliquam erat volutpat. In
 7 |             euismod id neque at malesuada. Maecenas at est suscipit velit volutpat blandit. Sed id mauris et
 8 |             tellus convallis lacinia non vel dolor. Curabitur ultrices bibendum arcu pulvinar tempus. Maecenas
 9 |             vestibulum sapien lectus, ac efficitur lorem sollicitudin vel.
10 |         </n-div>
11 |     </n-module>
12 | </template>
13 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/AboveTheFold.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         <n-img
 4 |             src="https://bit.ly/2VJIoy5"
 5 |             alt="Unsplash Image"
 6 |             width="200"
 7 |         />
 8 |     </div>
 9 | </template>
10 | 
11 | <script>
12 | export default {
13 |     mounted () {
14 |         this.$nextTick(() => {
15 |             this.createIntersectionObserver();
16 |         });
17 |     },
18 | 
19 |     watch: {
20 |         '$data.$inViewport': {
21 |             handler () {
22 |                 if (this.$data.$inViewport) {
23 |                     this.$alert('Component scrolled into viewport');
24 |                 }
25 |             },
26 |         },
27 |     },
28 | };
29 | </script>
30 | 
31 | <style scoped lang="scss">
32 | 
33 | </style>
34 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/AlertPlugin.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex left-center>
 3 |         <n-button
 4 |             v-for="(color, index) in $config.palettes"
 5 |             :key="index"
 6 |             :color="color"
 7 |             prefix-icon="fas fa-comment-dots"
 8 |             @click="emit(color)"
 9 |         >
10 |             Emit {{ color }}
11 |         </n-button>
12 |     </n-div>
13 | </template>
14 | 
15 | <script>
16 | export default {
17 |     methods: {
18 |         emit (color) {
19 |             this.$alert(`This is a ${color} alert`, color);
20 |         },
21 |     },
22 | };
23 | </script>
24 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/AlternatingImage.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex center-center>
 3 |         <n-div sm:12 md:7>
 4 |             <p>
 5 |                 Resize the window into a portrait mode
 6 |             </p>
 7 | 
 8 |             <n-img
 9 |                 src="https://bit.ly/30tEoAs"
10 |                 src-vt="https://bit.ly/2w7sn5O"
11 |             />
12 |         </n-div>
13 |     </n-div>
14 | </template>
15 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/BadgeSizes.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex center-top gap="small">
 3 |         <n-badge
 4 |             v-for="(size, key) in $config.sizes"
 5 |             :key="size"
 6 |             :size="size"
 7 |             :value="Math.random().toFixed(2)"
 8 |         ></n-badge>
 9 |     </n-div>
10 | </template>
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/ButtonSizes.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex center-bottom gap="small">
 3 |         <n-button
 4 |             :key="size"
 5 |             :size="size"
 6 |             prefix-icon="fas fa-expand"
 7 |             v-for="(size, key) in $config.sizes"
 8 |         >{{ size }}
 9 |         </n-button>
10 |     </n-div>
11 | </template>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/Chips.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex gap="small">
 3 |         <n-tag icon="fas fa-tag">FA Icon</n-tag>
 4 | 
 5 |         <n-tag>
 6 |             <span>Slot Icon</span>
 7 | 
 8 |             <n-media avatar slot="icon">
 9 |                 <n-img
10 |                     src="https://bit.ly/2w7uMNS"
11 |                 />
12 |             </n-media>
13 |         </n-tag>
14 |     </n-div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/ColoredBadges.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex gap="small">
 3 |         <n-badge
 4 |             v-for="(color, key) in $config.palettes"
 5 |             :key="key"
 6 |             :color="color"
 7 |             :value="color.substr(0, 1).toUpperCase()"
 8 |         ></n-badge>
 9 |     </n-div>
10 | </template>
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/ColoredButtons.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex left-center gap="small">
 3 |         <n-button primary>Primary</n-button>
 4 |         <n-button secondary>Secondary</n-button>
 5 |         <n-button danger>Danger</n-button>
 6 |         <n-button warning>Warning</n-button>
 7 |         <n-button success>Success</n-button>
 8 |         <n-button notice>Notice</n-button>
 9 |         <n-button black>Black</n-button>
10 |         <n-button grey>Grey</n-button>
11 |         <n-button white>White</n-button>
12 |         <n-button outlined neutral>Outlined</n-button>
13 |         <n-button ghost>Ghost</n-button>
14 |     </n-div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/ColoredTags.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex gap="small">
 3 |         <n-tag
 4 |             v-for="(color, index) in $config.palettes"
 5 |             :key="index"
 6 |             :color="color"
 7 |             closable
 8 |             small
 9 |         >
10 |             {{ color }}
11 |         </n-tag>
12 |     </n-div>
13 | </template>
14 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/CustomField.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-field
 3 |         help="Some important help text"
 4 |         label="Label"
 5 |         required
 6 |     >
 7 |         <input
 8 |             placeholder="Placeholder"
 9 |             required
10 |             step="0.01"
11 |             type="number"
12 |             v-model="value"
13 |         />
14 |     </n-field>
15 | 
16 | </template>
17 | 
18 | <script>
19 | import Input from '../../../../src/mixins/Input';
20 | 
21 | export default {
22 |     components: { Input },
23 |     data () {
24 |         return {
25 |             value: 0,
26 |         };
27 |     },
28 | 
29 |     methods: {
30 |         onChange () {
31 |             this.$alert(`Value changed to ${this.value}`);
32 |         },
33 |     },
34 | };
35 | </script>
36 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultButtons.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-div flex left-center gap="small">
3 |         <n-button>Default Button</n-button>
4 |         <n-button to="/">Router Link</n-button>
5 |         <n-button href="#">Anchor Button</n-button>
6 |     </n-div>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultCarousel.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-carousel>
 3 |         <div
 4 |             v-for="(url, index) in images"
 5 |             :key="index"
 6 |         >
 7 |             <n-media :ratio="21/9">
 8 |                 <n-img :src="url"/>
 9 |             </n-media>
10 |         </div>
11 |     </n-carousel>
12 | </template>
13 | 
14 | <script>
15 | export default {
16 |     data () {
17 |         return {
18 |             images: [
19 |                 'https://bit.ly/2EylKy7',
20 |                 'https://bit.ly/2JDJVzf',
21 |                 'https://bit.ly/2X6XMRG',
22 |                 'https://bit.ly/2MckEOI',
23 |                 'https://bit.ly/2MadE59',
24 |                 'https://bit.ly/2HC4Iky',
25 |             ],
26 |         };
27 |     },
28 | };
29 | </script>
30 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultCheckbox.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex stacked>
 3 |         <n-checkbox
 4 |             v-model="model"
 5 |         >
 6 |             <span>I have read and understood <a>Terms & Conditions</a></span>
 7 |         </n-checkbox>
 8 | 
 9 |         <p>Current value: {{ model }}</p>
10 |     </n-div>
11 | </template>
12 | 
13 | <script>
14 | export default {
15 |     data () {
16 |         return {
17 |             model: false,
18 |         };
19 |     },
20 | };
21 | </script>
22 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultEmbed.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex center-center>
 3 |         <n-div col sm:12 md:6>
 4 |             <n-embed :ratio="16/9">
 5 |                 <n-img
 6 |                     slot="background"
 7 |                     src="https://bit.ly/2JsXDos"
 8 |                     alt="Unsplash"
 9 |                 />
10 | 
11 |                 <iframe
12 |                     allow="autoplay;fullscreen"
13 |                     allowfullscreen
14 |                     frameborder="0"
15 |                     src="https://bit.ly/2Esk6OH"
16 |                 ></iframe>
17 |             </n-embed>
18 |         </n-div>
19 |     </n-div>
20 | </template>
21 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultField.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-field
 3 |         help="Please write a few paragraphs about yourself"
 4 |         label="Biography"
 5 |         required
 6 |     >
 7 |         <template slot="labelHelp">
 8 |             <a>Need Help?</a>
 9 |         </template>
10 | 
11 |         <template slot="default" slot-scope="{ id, required }">
12 |             <textarea :id="id" :required="required" name="bio"></textarea>
13 |         </template>
14 |     </n-field>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultHero.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-hero
 3 |         left-center
 4 |         gap="medium"
 5 |         primary
 6 |         medium
 7 |     >
 8 |         <n-div flex stacked gap="large">
 9 |             <div>
10 |                 <n-text level="1">Neque porro quisquam</n-text>
11 |                 <n-text level="4">
12 |                     Lorem ipsum dolor sit amet, consectetur adipiscing elit
13 |                 </n-text>
14 |             </div>
15 | 
16 |             <div>
17 |                 <n-button
18 |                     black
19 |                     suffix-icon="fas fa-arrow-right fa-xs"
20 |                     text="Ipsum"
21 |                     xlarge
22 |                 ></n-button>
23 |             </div>
24 |         </n-div>
25 |     </n-hero>
26 | </template>
27 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultMessage.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <div>
3 |         <n-message message="This is a neutral message"></n-message>
4 |         <n-message color="danger" message="Ooops, something went wrong"></n-message>
5 |         <n-message color="success" message="All looks good. Green light!"></n-message>
6 |         <n-message color="warning" message="There is only 24 hours in a day"></n-message>
7 |     </div>
8 | </template>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultRadio.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex stacked>
 3 |         <n-radio
 4 |             v-model="model"
 5 |         >
 6 |             <span>Option</span>
 7 |         </n-radio>
 8 | 
 9 |         <p>Current value: {{ model }}</p>
10 |     </n-div>
11 | </template>
12 | 
13 | <script>
14 | export default {
15 |     data () {
16 |         return {
17 |             model: false,
18 |         };
19 |     },
20 | };
21 | </script>
22 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultSelect.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex stacked>
 3 |         <n-select
 4 |             v-model="model"
 5 |             label="Select your country"
 6 |             required
 7 |             placeholder="Select..."
 8 |             :options="countries"
 9 |             labelProp="name"
10 |             valueProp="alpha2Code"
11 |         ></n-select>
12 | 
13 |         <p>Current value: {{ model }}</p>
14 |     </n-div>
15 | </template>
16 | 
17 | <script>
18 | import countries from '../../fixtures/countries';
19 | 
20 | export default {
21 |     data () {
22 |         return {
23 |             model: null,
24 |             countries,
25 |         };
26 |     },
27 | };
28 | </script>
29 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DefaultTile.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-tile icon="fas fa-download" subtitle="Get a copy of the file for your records" title="Download"></n-tile>
3 | </template>
4 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DisappearingMessage.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-message color="success" :duration="10000">
3 |         <n-icon icon="fas fa-cogs" position="prefix"></n-icon>
4 |         <span>Your preferences have been successfully saved</span>
5 |     </n-message>
6 | </template>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/Dropdown.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex>
 3 |         <n-popup
 4 |             :placement="{ sm: 'bottom-start' }"
 5 |             v-model="visible"
 6 |         >
 7 |             <template slot="trigger">
 8 |                 <n-button
 9 |                     suffix-icon="fas fa-caret-down fa-xs"
10 |                     text="Show Dropdown"
11 |                     @click="visible != visible"
12 |                 >
13 |                 </n-button>
14 |             </template>
15 | 
16 |             <LoremCard/>
17 |         </n-popup>
18 |     </n-div>
19 | </template>
20 | 
21 | <script>
22 | export default {
23 |     data () {
24 |         return {
25 |             visible: false,
26 |         };
27 |     },
28 | };
29 | </script>
30 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/DropdownMenu.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-popup :placement="{ sm: 'right-start' }">
 3 |         <n-button
 4 |             slot="trigger"
 5 |             primary
 6 |             circle
 7 |             icon="fas fa-ellipsis-h"
 8 |         ></n-button>
 9 | 
10 |         <Sidebar></Sidebar>
11 |     </n-popup>
12 | </template>
13 | 
14 | <script>
15 | import Sidebar from '../Sidebar';
16 | 
17 | export default {
18 |     components: { Sidebar },
19 | };
20 | </script>
21 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/FormButtons.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-div flex left-center>
3 |         <n-button outlined secondary type="reset">Reset</n-button>
4 |         <n-button secondary type="submit">Submit</n-button>
5 |     </n-div>
6 | </template>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridBottomCenter.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-center-bottom">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridBottomLeft.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-left-bottom">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridBottomRight.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-right-bottom">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridCenterCenter.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-center-center">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridCenterLeft.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-left-center">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridCenterRight.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-right-center">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridColumns.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex">
 3 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-1">
 4 |             1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-2">
 7 |             2
 8 |         </div>
 9 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
10 |             3
11 |         </div>
12 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
13 |             3
14 |         </div>
15 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-narrow">
16 |             Narrow
17 |         </div>
18 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-auto">
19 |             Auto
20 |         </div>
21 |     </div>
22 | </template>
23 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridDefault.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <div class="n-flex">
3 |         <div class="p-medium align-center bg-danger-fade">Box</div>
4 |         <div class="p-medium align-center bg-success-fade">Box</div>
5 |         <div class="p-medium align-center bg-primary-fade ml-auto">Box</div>
6 |     </div>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridFluid.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <div class="n-flex">
3 |         <div class="p-medium align-center bg-danger-fade col-auto">Box</div>
4 |         <div class="p-medium align-center bg-success-fade col-auto">Box</div>
5 |         <div class="p-medium align-center bg-primary-fade col-auto">Box</div>
6 |     </div>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridStack.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-center-center flex-stacked">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridStretch.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-center-top flex-stretched">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridTopCenter.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-center-top">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridTopLeft.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-left-top">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/GridTopRight.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="n-flex flex-gravity-right-top">
 3 |         <div class="p-medium align-center bg-danger-fade col-12 md:col-3">
 4 |             Line 1
 5 |         </div>
 6 |         <div class="p-medium align-center bg-success-fade col-12 md:col-3">
 7 |             Line 1<br/>
 8 |             Line 2<br/>
 9 |             Line 3
10 |         </div>
11 |         <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
12 |             Line 1<br/>
13 |             Line 2
14 |         </div>
15 |     </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/Highlight.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-highlight
3 |         danger
4 |         keyword="temp"
5 |         text="Porttitor leo a diam sollicitudin tempor id eu nisl."
6 |     ></n-highlight>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/IconButtons.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex left-center gap="small">
 3 |         <n-button primary href="#" prefix-icon="far fa-thumbs-up" text="With Icon"></n-button>
 4 |         <n-button secondary href="#" suffix-icon="fas fa-angle-down" text="With Alt Icon"></n-button>
 5 |         <n-button neutral circle>
 6 |             <n-icon icon="fas fa-download"></n-icon>
 7 |         </n-button>
 8 |     </n-div>
 9 | </template>
10 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/Icons.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex stacked>
 3 |         <n-div flex>
 4 |             <n-icon v-for="icon in icons" :key="icon" :icon="icon"></n-icon>
 5 |         </n-div>
 6 | 
 7 |         <n-div flex>
 8 |             <n-icon v-for="icon in icons" :key="icon" :icon="icon" text-color="primary"></n-icon>
 9 |         </n-div>
10 | 
11 |         <n-div flex>
12 |             <n-icon v-for="icon in icons" :key="icon" :icon="icon" text-size="large"></n-icon>
13 |         </n-div>
14 |     </n-div>
15 | </template>
16 | 
17 | <script>
18 | export default {
19 |     data () {
20 |         return {
21 |             icons: [
22 |                 'fas fa-users',
23 |                 'fab fa-github',
24 |                 'far fa-envelope',
25 |             ],
26 |         };
27 |     },
28 | };
29 | </script>
30 | 
31 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/InputColors.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex>
 3 |         <template v-for="(color, index) in $config.palettes">
 4 |             <n-control
 5 |                 :color="color"
 6 |                 :key="index"
 7 |                 prefix-icon="fas fa-swatchbook"
 8 |                 prefix-label="#"
 9 |                 col sm:4
10 |             >
11 |                 <input :value="color" type="text"/>
12 |             </n-control>
13 |         </template>
14 |     </n-div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/InputSizes.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex>
 3 |         <template v-for="(size, name) in $config.sizes">
 4 |             <n-control :key="name" :size="size" prefix-icon="fas fa-expand">
 5 |                 <input placeholder="Placeholder" type="text"/>
 6 |             </n-control>
 7 |         </template>
 8 |     </n-div>
 9 | </template>
10 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/LabelledInput.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex>
 3 |         <n-control prefix-label="$" col sm:12 md:6>
 4 |             <input step="0.01" type="number" value="0.00"/>
 5 |         </n-control>
 6 | 
 7 |         <n-control suffix-label="%" col sm:12 md:6>
 8 |             <input step="1" type="number" value="10"/>
 9 |         </n-control>
10 |     </n-div>
11 | </template>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/LoadingInput.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex>
 3 |         <n-control loading prefix-icon="fas fa-search" col sm:12 md:6>
 4 |             <template slot="default" slot-scope="{ loading }">
 5 |                 <input type="text" value="Needs async validation" :disabled="loading"/>
 6 |             </template>
 7 |         </n-control>
 8 |     </n-div>
 9 | </template>
10 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/MediaAvatar.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-media avatar width="80px">
3 |         <n-img
4 |             alt="Unsplash"
5 |             src="https://bit.ly/2LPyZ3z"
6 |         />
7 |     </n-media>
8 | </template>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/MediaIframe.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-media :ratio="16/9">
 3 |         <iframe
 4 |             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
 5 |             allowfullscreen
 6 |             frameborder="0"
 7 |             src="https://www.youtube.com/embed/gArKvLQCqcY"
 8 |         ></iframe>
 9 |     </n-media>
10 | </template>
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/MediaImageRatio.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-media :ratio="21/9">
3 |         <n-img
4 |             alt="Unsplash"
5 |             src="https://bit.ly/2VLxY18"
6 |         />
7 |     </n-media>
8 | </template>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/MediaSquare.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex>
 3 |         <n-div
 4 |             v-for="(url, index) in images"
 5 |             :key="index"
 6 |             col sm:12 md:4
 7 |         >
 8 |             <n-media>
 9 |                 <n-img alt="Unsplash" :src="url"/>
10 |             </n-media>
11 |         </n-div>
12 |     </n-div>
13 | </template>
14 | 
15 | <script>
16 | export default {
17 |     data () {
18 |         return {
19 |             images: [
20 |                 'https://bit.ly/2W8ZIfd',
21 |                 'https://bit.ly/2Eh11ia',
22 |                 'https://bit.ly/2w7Mp0e',
23 |             ],
24 |         };
25 |     },
26 | };
27 | </script>
28 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/MessageSlot.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-message color="danger">
3 |         <n-icon icon="fas fa-trash" position="prefix"></n-icon>
4 |         <span>All messages have been deleted</span>
5 |     </n-message>
6 | </template>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/MessageVisibility.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         <n-message v-model="visible" closable>I have appeared later</n-message>
 4 |     </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |     data () {
10 |         return {
11 |             visible: false,
12 |         };
13 |     },
14 |     mounted () {
15 |         setTimeout(() => this.visible = true, 1000);
16 |     },
17 | };
18 | </script>
19 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/ModuleSlots.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-module title="Module Title" type="card">
 3 |         <n-div padding="medium">
 4 |             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum pellentesque elit nec
 5 |             elementum. Cras pulvinar dui vitae interdum commodo. Sed sit amet lorem commodo, feugiat ipsum at, finibus
 6 |             mauris. Nulla facilisi. Fusce sit amet lorem dignissim, imperdiet turpis nec, ultrices enim. Maecenas quis
 7 |             nulla eleifend, dignissim turpis eget, auctor nisi. Proin sodales eu mi a euismod. Proin rhoncus lectus ac
 8 |             consectetur feugiat.
 9 |         </n-div>
10 | 
11 |         <n-div flex justify="right" left-center slot="actions">
12 |             <n-button small>Buy Now</n-button>
13 |         </n-div>
14 |     </n-module>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/MultipleCheckboxes.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex stacked>
 3 |         <n-div flex>
 4 |             <n-checkbox v-model="model" option="cats">Cats</n-checkbox>
 5 |             <n-checkbox v-model="model" option="dogs">Dogs</n-checkbox>
 6 |             <n-checkbox v-model="model" option="rats">Rats</n-checkbox>
 7 |         </n-div>
 8 | 
 9 |         <p>Current value: {{ model }}</p>
10 |     </n-div>
11 | </template>
12 | 
13 | <script>
14 | export default {
15 |     data () {
16 |         return {
17 |             model: [],
18 |         };
19 |     },
20 | };
21 | </script>
22 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/MultipleRadios.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex stacked>
 3 |         <n-div flex>
 4 |             <n-radio v-model="model" option="cats">Cats</n-radio>
 5 |             <n-radio v-model="model" option="dogs">Dogs</n-radio>
 6 |             <n-radio v-model="model" option="rats">Rats</n-radio>
 7 |         </n-div>
 8 | 
 9 |         <p>Current value: {{ model }}</p>
10 |     </n-div>
11 | </template>
12 | 
13 | <script>
14 | export default {
15 |     data () {
16 |         return {
17 |             model: 'rats',
18 |         };
19 |     },
20 | };
21 | </script>
22 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/ProfileView.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div divided stacked stretched>
 3 |         <n-tile icon="fas fa-mobile">
 4 |             <div class="n-help">Mobile</div>
 5 |             <div>+1 234 888-3332</div>
 6 | 
 7 |             <small slot="actions">
 8 |                 <n-button size="xsmall">Call</n-button>
 9 |             </small>
10 |         </n-tile>
11 | 
12 |         <n-tile icon="fas fa-at">
13 |             <div class="n-help">Email</div>
14 |             <div>foo@example.com</div>
15 | 
16 |             <small slot="actions">
17 |                 <n-button size="xsmall">Send Email</n-button>
18 |             </small>
19 |         </n-tile>
20 |     </n-div>
21 | </template>
22 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/Spinner.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-hero v-spinner="isLoading" grey faded small right-top>
 3 |         <n-button
 4 |             text="Start Spinner"
 5 |             black
 6 |             large
 7 |             @click.native="startSpinner"
 8 |         ></n-button>
 9 |     </n-hero>
10 | </template>
11 | 
12 | <script>
13 | export default {
14 |     data () {
15 |         return {
16 |             isLoading: false,
17 |         };
18 |     },
19 | 
20 |     methods: {
21 |         startSpinner () {
22 |             this.isLoading = true;
23 | 
24 |             setTimeout(() => {
25 |                 this.isLoading = false;
26 |             }, 2000);
27 |         },
28 |     },
29 | };
30 | </script>
31 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/StackedTiles.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-div flex divided stacked stretched>
3 |         <n-tile href="#" icon="fas fa-pencil-alt" subtitle="Update file details" title="Edit"></n-tile>
4 |         <n-tile icon="fas fa-archive" subtitle="Remove file from public view" title="Archive"></n-tile>
5 |         <n-tile icon="fas fa-trash" subtitle="Permanently delete the file" title="Delete"></n-tile>
6 |     </n-div>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/StatefulButtons.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <n-div flex left-center>
3 |         <n-button danger href="#" loading>Loading Button</n-button>
4 |         <n-button primary disabled href="#">Disabled Button</n-button>
5 |         <n-button secondary circle loading prefix-icon="fas fa-upload"></n-button>
6 |     </n-div>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/TextField.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-text-field
 3 |         help="Please enter city and state information"
 4 |         label="Location"
 5 |         prefix-icon="fas fa-map-marker-alt"
 6 |         required
 7 |         v-model="model"
 8 |     ></n-text-field>
 9 | </template>
10 | 
11 | <script>
12 | export default {
13 |     data () {
14 |         return {
15 |             model: '',
16 |         };
17 |     },
18 | };
19 | </script>
20 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/TileBadges.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex divided stacked stretched>
 3 |         <n-tile icon="fas fa-envelope" title="Notifications">
 4 |             <n-badge circle danger slot="badge" value="12"></n-badge>
 5 |         </n-tile>
 6 | 
 7 |         <n-tile icon="fas fa-credit-card" title="Payments">
 8 |             <n-badge primary slot="badge" value="$120"></n-badge>
 9 |         </n-tile>
10 |     </n-div>
11 | </template>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/TileControls.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex divided stacked stretched>
 3 |         <n-tile tag-name="label">
 4 |             <n-checkbox slot="control"/>
 5 | 
 6 |             <n-media avatar medium slot="icon">
 7 |                 <n-img
 8 |                     src="https://bit.ly/2VNNrO0"
 9 |                 />
10 |             </n-media>
11 | 
12 |             <div class="n-label">Edna Arkova</div>
13 |         </n-tile>
14 | 
15 |         <n-tile tag-name="label">
16 |             <n-checkbox slot="control"/>
17 |             <n-media avatar medium slot="icon">
18 |                 <n-img
19 |                     src="https://bit.ly/2WOnRVy"
20 |                 />
21 |             </n-media>
22 | 
23 |             <div class="n-label">Lamech Arkin</div>
24 |         </n-tile>
25 |     </n-div>
26 | </template>
27 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/TileToolbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-tile>
 3 |         <n-button circle ghost slot="icon">
 4 |             <n-icon icon="fas fa-arrow-left"></n-icon>
 5 |         </n-button>
 6 | 
 7 |         <div>
 8 |             <div class="n-h3">Hello, world!</div>
 9 |         </div>
10 | 
11 |         <n-div flex left-center slot="actions">
12 |             <n-button circle ghost>
13 |                 <n-icon icon="fas fa-th"></n-icon>
14 |             </n-button>
15 | 
16 |             <n-button circle ghost>
17 |                 <n-icon icon="fas fa-ellipsis-v"></n-icon>
18 |             </n-button>
19 |         </n-div>
20 |     </n-tile>
21 | </template>
22 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/Tooltip.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex>
 3 |         <n-button
 4 |             danger
 5 |             circle
 6 |             icon="fas fa-question"
 7 |             v-tooltip="'Do you have a question?'"
 8 |         ></n-button>
 9 | 
10 |         <n-button
11 |             warning
12 |             circle
13 |             icon="fas fa-exclamation"
14 |             v-tooltip="{
15 |                 message: 'You have an answer!',
16 |                 placement: { sm: 'bottom-start', lg: 'bottom'},
17 |                 attrs: { color: 'danger', 'text-size': 'large' },
18 |             }"
19 |         ></n-button>
20 |     </n-div>
21 | </template>
22 | 
23 | <script>
24 | import Tooltip from '../../../../src/directives/VTooltip';
25 | 
26 | export default {
27 |     directives: {
28 |         Tooltip,
29 |     },
30 | };
31 | </script>
32 | 


--------------------------------------------------------------------------------
/docs/.vuepress/components/demos/oEmbed.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <n-div flex center-center>
 3 |         <n-div col sm:12 md:6>
 4 |             <n-embed
 5 |                 :ratio="16/9"
 6 |                 url="https://player.vimeo.com/video/332876903?autoplay=1"
 7 |             />
 8 |         </n-div>
 9 |     </n-div>
10 | </template>
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     title: 'Noah UI',
 3 |     description: 'Vue.js Framework for Web Artisans',
 4 |     base: process.env.BUILD_BASE || '/',
 5 |     plugins: [
 6 |         [
 7 |             '@vuepress/pwa',
 8 |             {
 9 |                 serviceWorker: true,
10 |                 updatePopup: {
11 |                     message: 'Docs have been updated since your last visit',
12 |                     buttonText: 'Refresh',
13 |                 },
14 |             },
15 | 
16 |         ],
17 |         [
18 |             '@vuepress/google-analytics',
19 |             {
20 |                 'ga': 'UA-143382419-1',
21 |             },
22 |         ],
23 |     ],
24 | };
25 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ae.6d497f1c.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
2 | <rect width="12" height="2" fill="#00732f" id="green"/>
3 | <rect width="12" height="2" y="2" fill="#fff"/>
4 | <rect width="12" height="2" y="4"/>
5 | <rect width="3" height="6" fill="#f00" id="red"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ag.886dd7a5.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 138 92">
 2 | <rect width="138" height="92" fill="#fff"/>
 3 | <rect width="138" height="36" fill="#000"/>
 4 | <g transform="translate(69,36)">
 5 | <g id="c3">
 6 | <path id="c" d="M-30,0 0,-5.7423716V5.7423716z" fill="#fcd116"/>
 7 | <use xlink:href="#c" transform="rotate(22.5)"/>
 8 | <use xlink:href="#c" transform="rotate(45)"/>
 9 | </g>
10 | <use xlink:href="#c3" transform="rotate(67.5)"/>
11 | <use xlink:href="#c3" transform="rotate(135)"/>
12 | </g>
13 | <rect y="36" width="138" height="20" fill="#0072c6"/>
14 | <path d="M0,0V92H68" fill="#ce1126"/>
15 | <path d="M138,0V92H68" fill="#ce1126"/>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/am.dfe2bd05.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600">
2 | <rect fill="#F2A800" width="1200" height="600"/>
3 | <rect fill="#0033A0" width="1200" height="400"/>
4 | <rect fill="#D90012" width="1200" height="200"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/at.67c731e9.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect fill="#ed2939" width="900" height="600"/>
3 | <rect fill="#fff" y="200" width="900" height="200"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/aw.c7cc0c4c.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 18">
2 | <path fill="#4189DD" d="M0,0h27v18H0V0z"/>
3 | <path fill="#F9D616" d="M0,12h27v1H0v1h27v1H0V12z"/>
4 | <polygon fill="#D21034" stroke="#FFF" stroke-width="0.2" stroke-miterlimit="10" points="4.625,3.375 4,1.349609 3.375,3.375 1.349609,4 3.375,4.625 4,6.650391 4.625,4.625 6.650391,4"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ax.1313bc24.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 170">
 2 | <rect fill="#0053A5" width="260" height="170"/>
 3 | <g fill="#FFCE00">
 4 | <rect x="80" width="50" height="170"/>
 5 | <rect y="60" width="260" height="50"/>
 6 | </g>
 7 | <g fill="#D21034">
 8 | <rect x="95" width="20" height="170"/>
 9 | <rect y="75" width="260" height="20"/>
10 | </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/az.39527be0.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600">
2 | <rect width="1200" height="600" fill="#3f9c35"/>
3 | <rect width="1200" height="400" fill="#ed2939"/>
4 | <rect width="1200" height="200" fill="#00b9e4"/>
5 | <circle cx="580" cy="300" r="90" fill="#fff"/>
6 | <circle cx="600" cy="300" r="75" fill="#ed2939"/>
7 | <path d="M680,250 689.567,276.903 715.355,264.645 703.097,290.433 730,300 703.097,309.567 715.355,335.355 689.567,323.097 680,350 670.433,323.097 644.645,335.355 656.903,309.567 630,300 656.903,290.433 644.645,264.645 670.433,276.903 680,250z" fill="#fff"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ba.0dd4db87.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 8">
 2 | <rect width="16" height="8" fill="#002395"/>
 3 | <path d="m4.24,0h8v8z" fill="#fecb00"/>
 4 | <g id="g">
 5 | <path d="M2.353283,0.5248529 2.8,-0.85 3.246717,0.524853 2.077197,-0.324853H3.522803z" fill="#fff" id="s"/>
 6 | <use xlink:href="#s" x="1" y="1"/>
 7 | <use xlink:href="#s" x="2" y="2"/>
 8 | </g>
 9 | <use xlink:href="#g" x="3" y="3"/>
10 | <use xlink:href="#g" x="6" y="6"/>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bb.3fb12ea5.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24000 16000">
2 | <title>Flag of Barbados</title>
3 | <rect width="24000" height="16000" fill="#00267f"/>
4 | <rect width="8000" height="16000" fill="#ffc726" x="8000"/>
5 | <path id="h" fill="#000" d="M 12000,4124 C 11740,4833 11475,5571 10908,6136 C 11084,6078 11392,6026 11590,6031 L 11590,9013 L 10748,9138 C 10718,9135 10708,9088 10708,9024 C 10627,8098 10408,7320 10156,6515 C 10138,6405 9819,5985 10065,6059 C 10095,6063 10424,6197 10372,6133 C 9924,5669 9269,5335 8633,5236 C 8577,5222 8544,5250 8594,5315 C 9438,6614 10144,8147 10138,9966 C 10466,9966 11261,9772 11590,9772 C 11590,9772 11590,11876 11590,11876 L 12005,11876 12100, 6000 z"/>
6 | <use xlink:href="#h" transform="translate(24000,0) scale(-1,1)"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bd.102dcced.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 12">
2 | <rect width="20" height="12" fill="#006a4e"/>
3 | <circle cx="9" cy="6" r="4" fill="#f42a41"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/be.37fc0c68.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 390">
2 | <rect fill="#ED2939" width="450" height="390"/>
3 | <rect fill="#FAE042" width="300" height="390"/>
4 | <rect width="150" height="390"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bf.5cfc3ec8.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 900 600">
 2 | <rect width="900" height="600" fill="#009e49"/>
 3 | <rect width="900" height="300" fill="#ef2b2d"/>
 4 | <g transform="translate(450,300)" fill="#fcd116">
 5 | <g id="c">
 6 | <path id="t" d="M 0,-100 V 0 H 50" transform="rotate(18 0,-100)"/>
 7 | <use xlink:href="#t" transform="scale(-1,1)"/>
 8 | </g>
 9 | <use xlink:href="#c" transform="rotate(72)"/>
10 | <use xlink:href="#c" transform="rotate(144)"/>
11 | <use xlink:href="#c" transform="rotate(216)"/>
12 | <use xlink:href="#c" transform="rotate(288)"/>
13 | </g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bg.9c604983.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 3">
2 | <rect width="5" height="3" fill="#fff"/>
3 | <rect width="5" height="2" y="1" fill="#00966E"/>
4 | <rect width="5" height="1" y="2" fill="#D62612"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bh.4f041370.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 90">
2 | <path d="M0,0H150V90H0" fill="#fff"/>
3 | <path fill="#ce1126" d="M150,0 37,0l23,9 -23,9 23,9 -23,9 23,9 -23,9 23,9 -23,9 23,9 -23,9H150"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bj.9ec46b3a.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 10">
2 | <rect fill="#E8112D" width="15" height="10"/>
3 | <rect fill="#FCD116" width="15" height="5"/>
4 | <rect fill="#008751" width="6" height="10"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bq.10d31cc2.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 6">
2 | <rect fill="#21468B" width="9" height="6"/>
3 | <rect fill="#FFF" width="9" height="4"/>
4 | <rect fill="#AE1C28" width="9" height="2"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bs.524a1ab5.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 300">
2 | <rect width="600" height="300" fill="#00abc9"/>
3 | <rect width="600" height="100" y="100" fill="#fae042"/>
4 | <path d="M0,0V300L259.8076,150z" fill="#000"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bv.b884cec9.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 800">
2 | <rect width="1100" height="800" fill="#ef2b2d"/>
3 | <rect width="200" height="800" x="300" fill="#fff"/>
4 | <rect width="1100" height="200" y="300" fill="#fff"/>
5 | <rect width="100" height="800" x="350" fill="#002868"/>
6 | <rect width="1100" height="100" y="350" fill="#002868"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/bw.9145c2d2.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24">
2 | <rect width="36" height="24" fill="#75aadb"/>
3 | <rect y="9" width="36" height="6" fill="#fff"/>
4 | <rect y="10" width="36" height="4"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cd.b070cb89.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
2 | <rect width="800" height="600" x="0" y="0" style="fill:#007fff"/>
3 | <path d="m 36,120 84,0 26,-84 26,84 84,0 -68,52 26,84 -68,-52 -68,52 26,-84 -68,-52 z M 750,0 0,450 0,600 0,600 50,600 800,150 800,0 750,0" style="fill:#f7d618"/>
4 | <path d="M 800,0 0,480 0,600 0,600 0,600 800,120 800,0" style="fill:#ce1021"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cf.2d551ba5.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300">
2 | <rect fill="#FFCE00" width="450" height="300"/>
3 | <rect fill="#289728" width="450" height="225"/>
4 | <rect fill="#FFFFFF" width="450" height="150"/>
5 | <rect fill="#003082" width="450" height="75"/>
6 | <rect x="187.5" fill="#D21034" width="75" height="300"/>
7 | <path fill="#FFCE00" d="M75.028,7.004L94.9,67.996L42.902,30.333h64.197L55.1,67.996L75.028,7.004z"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cg.f2e458f5.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2">
2 | <rect id="green_area" width="3" height="2" fill="#009543"/>
3 | <path id="yellow_area" d="M 0 2 L 2 0 h 1 v 2 z" fill="#FBDE4A"/>
4 | <path id="red_area" d="M 3 0 v 2 h -2 z" fill="#DC241F"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ch.efb7dd83.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
2 | <rect fill="#D52B1E" height="320" width="320"/>
3 | <rect fill="#fff" height="60" width="200" x="60" y="130"/>
4 | <rect fill="#fff" height="200" width="60" x="130" y="60"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ci.abe37e2d.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300">
2 | <rect fill="#009E60" width="450" height="300"/>
3 | <rect fill="#FFF" width="300" height="300"/>
4 | <rect fill="#F77F00" width="150" height="300"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cl.65517b63.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4 -4 24 16">
 2 | <path d="M20,12H-4V-4H20z" fill="#d52b1e"/>
 3 | <path d="M4,4H20V-4H-4z" fill="#fff"/>
 4 | <path d="M4,4H-4V-4H4z" fill="#0039a6"/>
 5 | <g id="f">
 6 | <g id="t">
 7 | <path d="M0,-2V0H1z" fill="#fff" transform="rotate(18,0,-2)" id="o"/>
 8 | <use xlink:href="#o" transform="scale(-1,1)"/>
 9 | </g>
10 | <use xlink:href="#t" transform="rotate(72)"/>
11 | </g>
12 | <use xlink:href="#t" transform="rotate(-72)"/>
13 | <use xlink:href="#f" transform="rotate(144)"/>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cm.b4c9e39c.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 90 60">
 2 | <rect width="30" height="60" fill="#007a5e"/>
 3 | <rect x="30" width="30" height="60" fill="#ce1126"/>
 4 | <rect x="60" width="30" height="60" fill="#fcd116"/>
 5 | <g transform="translate(45,30)" fill="#fcd116">
 6 | <g id="c">
 7 | <path id="t" d="M 0,-8 v 8 h 4 z" transform="rotate(18 0,-8)"/>
 8 | <use xlink:href="#t" transform="scale(-1,1)"/>
 9 | </g>
10 | <use xlink:href="#c" transform="rotate(72)"/>
11 | <use xlink:href="#c" transform="rotate(144)"/>
12 | <use xlink:href="#c" transform="rotate(216)"/>
13 | <use xlink:href="#c" transform="rotate(288)"/>
14 | </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cn.3a5b5ac1.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 20">
 2 | <defs>
 3 | <path id="s" d="M0,-1 0.587785,0.809017 -0.951057,-0.309017H0.951057L-0.587785,0.809017z" fill="#ffde00"/>
 4 | </defs>
 5 | <rect width="30" height="20" fill="#de2910"/>
 6 | <use xlink:href="#s" transform="translate(5,5) scale(3)"/>
 7 | <use xlink:href="#s" transform="translate(10,2) rotate(23.036243)"/>
 8 | <use xlink:href="#s" transform="translate(12,4) rotate(45.869898)"/>
 9 | <use xlink:href="#s" transform="translate(12,7) rotate(69.945396)"/>
10 | <use xlink:href="#s" transform="translate(10,9) rotate(20.659808)"/>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/co.d1a61f94.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 4">
2 | <rect fill="#CE1126" width="6" height="4"/>
3 | <rect fill="#003893" width="6" height="3"/>
4 | <rect fill="#FCD116" width="6" height="2"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cr.2f8e7d9c.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6">
2 | <path d="M0,0h10v6H0z" fill="#002b7f"/>
3 | <path d="M0,1h10v4H0z" fill="#fff"/>
4 | <path d="M0,2h10v2H0z" fill="#ce1126"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cu.89e88662.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
2 | <path d="M0,0h800v400H0z" fill="#002a8f"/>
3 | <path d="M0,80h800v80H0v80h800v80H0z" fill="#fff"/>
4 | <path d="M346.4,200L0,0v400z" fill="#cf142b"/>
5 | <path d="M115.5,140l35.35,108.5 l-92.5-67h114.2l-92.5,67z" fill="#fff"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cw.7dbea206.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 54 36">
 2 | <rect width="54" height="36" fill="#002b7f"/>
 3 | <path d="M0,22.5H54V27H0z" fill="#f9e814"/>
 4 | <g fill="#fff" id="s">
 5 | <g id="f">
 6 | <g id="t">
 7 | <path d="m12,8v4h2z" transform="rotate(18,12,8)" id="o"/>
 8 | <use xlink:href="#o" x="-24" transform="scale(-1,1)"/>
 9 | </g>
10 | <use xlink:href="#t" transform="rotate(72,12,12)"/>
11 | </g>
12 | <use xlink:href="#t" transform="rotate(-72,12,12)"/>
13 | <use xlink:href="#f" transform="rotate(144,12,12)"/>
14 | </g>
15 | <use xlink:href="#s" x="-4" y="-4" transform="scale(0.75)"/>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/cz.047e732d.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect width="900" height="600" fill="#d7141a"/>
3 | <rect width="900" height="300" fill="#fff"/>
4 | <path d="M 450,300 0,0 V 600 z" fill="#11457e"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/de.69ccebc7.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 3">
2 | <desc>Flag of Germany</desc>
3 | <rect id="black_stripe" width="5" height="3" y="0" x="0" fill="#000"/>
4 | <rect id="red_stripe" width="5" height="2" y="1" x="0" fill="#D00"/>
5 | <rect id="gold_stripe" width="5" height="1" y="2" x="0" fill="#FFCE00"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/dj.c33fb6a3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 10">
2 | <rect width="15" height="10" id="blue" style="fill:#6ab2e7"/>
3 | <rect width="15" height="5" y="5" id="green" style="fill:#12ad2b"/>
4 | <path d="M 0,0 0,5 0,10 4.330127,7.5 8.660254,5 4.330127,2.5 0,0 z" id="path6904" style="fill:#fff"/>
5 | <path d="m 3.3143278,3.75 0.3102707,0.954915 1.0040571,0 L 3.8163564,5.295085 4.126627,6.25 3.3143278,5.65983 2.5020286,6.25 2.8122992,5.295085 2,4.704915 l 1.004057,0 L 3.3143278,3.75 z" id="path6929" style="fill:#d7141a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/dk.c0cd6347.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 280">
2 | <rect width="370" height="280" fill="#c60c30"/>
3 | <rect width="40" height="280" x="120" fill="#fff"/>
4 | <rect width="370" height="40" y="120" fill="#fff"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/dz.0ffabba4.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect fill="#fff" width="900" height="600"/>
3 | <rect fill="#006233" width="450" height="600"/>
4 | <path fill="#d21034" d="M580,225a150,150 0 1,0 0,150 120,120 0 1,1 0-150m5,75-135-44 84,115v-142l-84,115z"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ee.2cb22dc7.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 21">
2 | <rect fill="#FFF" width="33" height="21"/>
3 | <rect width="33" height="14"/>
4 | <rect fill="#4891D9" width="33" height="7"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/eh.4d3df256.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 300">
 2 | <rect width="600" height="150" fill="#000"/>
 3 | <rect y="150" width="600" height="150" fill="#007a3d"/>
 4 | <rect y="100" width="600" height="100" fill="#fff"/>
 5 | <path d="M 0,0 200,150 0,300 z" fill="#c4111b"/>
 6 | <circle cx="300" cy="150" r="40" fill="#c4111b"/>
 7 | <circle cx="315" cy="150" r="40" fill="#fff"/>
 8 | <path d="m 289.26294,174.2204 17.05633,-12.19273 16.92296,12.37709 -6.32527,-19.98928 17.00081,-12.26999 -20.96556,-0.16131 -6.41591,-19.96036 -6.63215,19.88957 -20.96606,-0.0661 16.86669,12.45373 -6.54184,19.91946 z" fill="#c4111b"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/et.f306ee80.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 360">
 2 | <rect fill="#da121a" height="360" width="720"/>
 3 | <rect fill="#fcdd09" height="240" width="720"/>
 4 | <rect fill="#078930" height="120" width="720"/>
 5 | <g transform="translate(360,180)">
 6 | <circle fill="#0f47af" r="120"/>
 7 | <g id="t">
 8 | <path fill="#fcdd09" d="M0,-96 -4.205849,-83.055728 13.141645,-29.665631H-9.987258L-12.586616,-21.665631H61.576052L72.587108,-29.665631H21.553343z"/>
 9 | <path stroke="#fcdd09" stroke-width="4" d="M0,44V96" transform="rotate(216)"/>
10 | </g>
11 | <use xlink:href="#t" transform="rotate(72)"/>
12 | <use xlink:href="#t" transform="rotate(144)"/>
13 | <use xlink:href="#t" transform="rotate(216)"/>
14 | <use xlink:href="#t" transform="rotate(288)"/>
15 | </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/fi.079f4bcb.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1100">
2 | <rect width="1800" height="1100" fill="#fff"/>
3 | <rect width="1800" height="300" y="400" fill="#003580"/>
4 | <rect width="300" height="1100" x="500" fill="#003580"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/fm.2d1657d1.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-19 -10 38 20">
 2 | <rect x="-19" y="-10" width="38" height="20" fill="#75b2dd"/>
 3 | <g id="star" transform="translate(0,-6)" fill="#fff">
 4 | <g id="c">
 5 | <path id="t" d="M 0,-2 V 0 H 1" transform="rotate(18 0,-2)"/>
 6 | <use xlink:href="#t" transform="scale(-1,1)"/>
 7 | </g>
 8 | <use xlink:href="#c" transform="rotate(72)"/>
 9 | <use xlink:href="#c" transform="rotate(144)"/>
10 | <use xlink:href="#c" transform="rotate(216)"/>
11 | <use xlink:href="#c" transform="rotate(288)"/>
12 | </g>
13 | <use xlink:href="#star" transform="rotate(90)"/>
14 | <use xlink:href="#star" transform="rotate(180)"/>
15 | <use xlink:href="#star" transform="rotate(270)"/>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/fo.8f009344.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16">
 2 | <rect fill="#FFF" width="22" height="16"/>
 3 | <g fill="#0065BD">
 4 | <rect x="6" width="4" height="16"/>
 5 | <rect y="6" width="22" height="4"/>
 6 | </g>
 7 | <g fill="#ED2939">
 8 | <rect x="7" width="2" height="16"/>
 9 | <rect y="7" width="22" height="2"/>
10 | </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/fr.f689ce44.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2">
2 | <rect width="3" height="2" fill="#ED2939"/>
3 | <rect width="2" height="2" fill="#fff"/>
4 | <rect width="1" height="2" fill="#002395"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ga.e554f938.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
2 | <rect fill="#3a75c4" width="400" height="300"/>
3 | <rect fill="#fcd116" width="400" height="200"/>
4 | <rect fill="#009e60" width="400" height="100"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gb-eng.2d5bac56.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 15">
2 | <rect width="25" height="15" fill="#FFF"/>
3 | <g fill="#CE1124">
4 | <rect width="3" height="15" x="11"/>
5 | <rect width="25" height="3" y="6"/>
6 | </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gb-nir.c4cd6642.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30">
 2 | <clipPath id="t">
 3 | <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
 4 | </clipPath>
 5 | <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
 6 | <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
 7 | <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
 8 | <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
 9 | <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gb-sct.27d33587.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 3">
 2 | <defs>
 3 | <clipPath id="a">
 4 | <rect width="5" height="3"/>
 5 | </clipPath>
 6 | </defs>
 7 | <g clip-path="url(#a)">
 8 | <rect width="50" height="30" fill="#0065BD"/>
 9 | <path d="M 0,0 L 5,3 M 0,3 L 5,0" fill="none" stroke="white" stroke-width="0.6"/>
10 | </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gb.c4cd6642.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30">
 2 | <clipPath id="t">
 3 | <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
 4 | </clipPath>
 5 | <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
 6 | <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
 7 | <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
 8 | <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
 9 | <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gf.e2750b3e.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <polygon fill="#078930" points="0,0 900,0 900,600"/>
3 | <polygon fill="#FCDD09" points="0,0  900,600  0,600"/>
4 | <polygon fill="#DA121A" id="pentagram" transform="translate(450,300) scale(100) rotate(0)" points="0,-1        0.587785252292473129168705954639072768597652,0.809016994374947424102293417182819058860155        -0.951056516295153572116439333379382143405699,-0.309016994374947424102293417182819058860155        0.951056516295153572116439333379382143405699,-0.309016994374947424102293417182819058860155        -0.587785252292473129168705954639072768597652,0.809016994374947424102293417182819058860155"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gg.218797b3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-18 -12 36 24">
2 | <rect x="-18" y="-12" width="36" height="24" fill="white"/>
3 | <path d="M 0,-12 v 24 M -18,0 h 36" stroke="#e8112d" stroke-width="6" fill="none"/>
4 | <path id="arm" d="M -9,2 l 1,-1 h 9 v -2 h -9 l -1,-1 z" fill="#f9dd16"/>
5 | <use xlink:href="#arm" transform="rotate(90)"/>
6 | <use xlink:href="#arm" transform="rotate(-90)"/>
7 | <use xlink:href="#arm" transform="rotate(180)"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gh.6ad2b9cb.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300">
2 | <rect width="450" height="300" fill="#006b3f"/>
3 | <rect width="450" height="200" fill="#fcd116"/>
4 | <rect width="450" height="100" fill="#ce1126"/>
5 | <path d="M225,100 257.492,200 172.427,138.197H277.573L192.508,200z" fill="#000"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gl.73ae82a7.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 12">
2 | <rect width="18" height="12" fill="#fff"/>
3 | <path fill="#d00c33" d="m0,6h18v6H0zm3,0a4,4 0 0,0 8,0a4,4 0 0,0-8,0"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gm.5bbf7b74.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 18">
2 | <title>Flag of The Gambia</title>
3 | <path d="m0,0h27v18H0" fill="#3A7728"/>
4 | <path d="m0,0h27v11H0" fill="#0C1C8C"/>
5 | <path d="m0,0h27v6H0" fill="#CE1126"/>
6 | <path d="m0,6.5h27m0,5H0" stroke="#FFF"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gn.7de80736.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2">
2 | <rect width="1" height="2" fill="#ce1126"/>
3 | <rect width="1" height="2" x="1" fill="#fcd116"/>
4 | <rect width="1" height="2" x="2" fill="#009460"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gp.9d0be1d4.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect width="900" height="600" fill="#ED2939"/>
3 | <rect width="600" height="600" fill="#fff"/>
4 | <rect width="300" height="600" fill="#002395"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gr.41733700.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 18">
2 | <rect fill="#0D5EAF" width="27" height="18"/>
3 | <path fill="none" stroke-width="2" stroke="#FFF" d="M5,0V11 M0,5H10 M10,3H27 M10,7H27 M0,11H27 M0,15H27"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gw.50cec7fd.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-2 -3 12 6">
 2 | <rect x="-2" y="-3" width="4" height="6" fill="#ce1126"/>
 3 | <rect x="2" y="-3" width="8" height="3" fill="#fcd116"/>
 4 | <rect x="2" width="8" height="3" fill="#009e49"/>
 5 | <g id="c">
 6 | <path id="t" d="M 0,-1 v 1 h .5" transform="rotate(18 0,-1)" fill="#000"/>
 7 | <use xlink:href="#t" transform="scale(-1,1)"/>
 8 | </g>
 9 | <use xlink:href="#c" transform="rotate(72)"/>
10 | <use xlink:href="#c" transform="rotate(144)"/>
11 | <use xlink:href="#c" transform="rotate(216)"/>
12 | <use xlink:href="#c" transform="rotate(288)"/>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/gy.41725ef9.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 300">
2 | <rect width="500" height="300" fill="#009e49"/>
3 | <path d="M 0,0 L 500,150 L 0,300 z" fill="#fff"/>
4 | <path d="M 0,13.05 L 456,150 L 0,286.95 z" fill="#fcd116"/>
5 | <path d="M 0,0 L 250,150 L 0,300 z" fill="#000"/>
6 | <path d="M 0,17.5 L 220.85,150 L 0,282.5 z" fill="#ce1126"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/hu.b95aa09e.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 3">
2 | <rect fill="#436F4D" width="6" height="3"/>
3 | <rect fill="#FFF" width="6" height="2"/>
4 | <rect fill="#CD2A3E" width="6" height="1"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/id.1cfe4160.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2">
2 | <rect fill="#FFF" width="3" height="2"/>
3 | <rect fill="#CE1126" width="3" height="1"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/il.2ed461d2.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 220 160">
 2 | <desc>Flag of Israel</desc>
 3 | <defs>
 4 | <polygon id="triangle" points="0,-29.1410161513775421 -25.2368602791855814, 14.5705080756887710 25.2368602791855814, 14.5705080756887710" stroke="#0038b8" stroke-width="5.5" fill-opacity="0"/>
 5 | </defs>
 6 | <rect width="220" height="160" fill="white"/>
 7 | <rect width="220" height="25" fill="#0038b8" y="15"/>
 8 | <rect width="220" height="25" fill="#0038b8" y="120"/>
 9 | <use xlink:href="#triangle" transform="translate(110,80)"/>
10 | <use xlink:href="#triangle" transform="translate(110,80) rotate(180)"/>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/is.357dcb1c.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2500 1800">
2 | <path d="M0,0H2500V1800H0" fill="#003897"/>
3 | <path d="M700,0h400V1800h-400M0,700H2500v400H0" fill="#fff"/>
4 | <path d="M800,0h200V1800h-200M0,800H2500v200H0" fill="#d72828"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/it.d3ad8488.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2">
2 | <rect width="1" height="2" fill="#009246"/>
3 | <rect width="1" height="2" x="1" fill="#fff"/>
4 | <rect width="1" height="2" x="2" fill="#ce2b37"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/jm.5e90dbbb.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
2 | <path fill="#009B3A" d="m0,0h12v6H0"/>
3 | <path stroke="#FED100" d="m-6,9 24-12v12L-6-3"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/jo.17530dec.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 840 420">
2 | <rect width="840" height="420" fill="#007a3d"/>
3 | <rect width="840" height="280" fill="#fff"/>
4 | <rect width="840" height="140" fill="#000"/>
5 | <path d="M0,0V420L420,210z" fill="#ce1126"/>
6 | <path d="M129.787138,180 136.295394,196.485467 153.242082,191.295306 144.411056,206.662186 159.034975,216.675628 141.51461,219.352347 142.80365,237.029066 129.787138,225 116.770625,237.029066 118.059665,219.352347 100.5393,216.675628 115.163219,206.662186 106.332193,191.295306 123.278882,196.485467 129.787138,180z" fill="#fff"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/jp.e2d838a2.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect fill="#fff" height="600" width="900"/>
3 | <circle fill="#bc002d" cx="450" cy="300" r="180"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/km.5946bdc7.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 300">
 2 | <rect fill="#3A75C4" width="500" height="300"/>
 3 | <rect fill="#CE1126" width="500" height="225"/>
 4 | <rect fill="#FFF" width="500" height="150"/>
 5 | <rect fill="#FFC61E" width="500" height="75"/>
 6 | <path fill="#3D8E33" d="M0,300l250-150L0,0V300z"/>
 7 | <circle fill="#FFF" cx="85" cy="150" r="67.5"/>
 8 | <circle fill="#3D8E33" cx="115" cy="150" r="67.5"/>
 9 | <path id="star" fill="#FFF" d="M100.0104,89.1996l7.3594,22.5883L88.1125,97.8394h23.775l-19.2573,13.9486L100.0104,89.1996z"/>
10 | <use xlink:href="#star" y="32.2083"/>
11 | <use xlink:href="#star" y="64.4166"/>
12 | <use xlink:href="#star" y="96.625"/>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/kn.c991c407.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 750 500">
 2 | <defs>
 3 | </defs>
 4 | <path d="M750,0H0V500" fill="#009e49"/>
 5 | <path d="M0,500H750V0" fill="#ce1126"/>
 6 | <path d="M0,500 750,0" stroke="#fcd116" stroke-width="210"/>
 7 | <path d="M0,500 750,0" stroke="#000" stroke-width="150"/>
 8 | <g id="star" transform="translate(517.5,155) rotate(-33.69)" fill="#fff">
 9 | <g id="c">
10 | <path id="t" d="M0,-70V0H35" transform="rotate(18,0,-70)"/>
11 | <use xlink:href="#t" transform="scale(-1,1)"/>
12 | </g>
13 | <use xlink:href="#c" transform="rotate(72)"/>
14 | <use xlink:href="#c" transform="rotate(144)"/>
15 | <use xlink:href="#c" transform="rotate(216)"/>
16 | <use xlink:href="#c" transform="rotate(288)"/>
17 | </g>
18 | <use xlink:href="#star" transform="translate(-285,190)"/>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/kp.770cb198.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 72 36">
 2 | <rect fill="#024FA2" width="72" height="36"/>
 3 | <rect fill="#fff" y="6" width="72" height="24"/>
 4 | <rect fill="#ED1C27" y="7" width="72" height="22"/>
 5 | <circle fill="#fff" cx="24" cy="18" r="8"/>
 6 | <g id="star" transform="translate(24,18) scale(7.75)" fill="#ED1C27">
 7 | <g id="cone">
 8 | <polygon id="triangle" points="0,0 0,1 .5,1" transform="translate(0,-1) rotate(18)"/>
 9 | <use xlink:href="#triangle" transform="scale(-1,1)" id="use12"/>
10 | </g>
11 | <use xlink:href="#cone" transform="rotate(72)" id="use14"/>
12 | <use xlink:href="#cone" transform="rotate(-72)" id="use16"/>
13 | <use xlink:href="#cone" transform="rotate(144)" id="use18"/>
14 | <use xlink:href="#cone" transform="rotate(-144)" id="use20"/>
15 | </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/kr.e7ceeb08.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-36 -24 72 48">
 2 | <title>Flag of South Korea</title>
 3 | <rect fill="#fff" x="-36" y="-24" width="72" height="48"/>
 4 | <g transform="rotate(-56.3099325)">
 5 | <g id="b2">
 6 | <path id="b" d="M-6-25H6M-6-22H6M-6-19H6" stroke="#000" stroke-width="2"/>
 7 | <use xlink:href="#b" y="44"/>
 8 | </g>
 9 | <path stroke="#fff" stroke-width="1" d="M0,17v10"/>
10 | <circle fill="#c60c30" r="12"/>
11 | <path fill="#003478" d="M0-12A6,6 0 0 0 0,0A6,6 0 0 1 0,12A12,12 0 0,1 0-12Z"/>
12 | </g>
13 | <g transform="rotate(-123.6900675)">
14 | <use xlink:href="#b2"/>
15 | <path stroke="#fff" stroke-width="1" d="M0-23.5v3M0,17v3.5M0,23.5v3"/>
16 | </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/kw.841518c8.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
2 | <rect width="12" height="2" fill="#007a3d"/>
3 | <rect width="12" height="2" y="2" fill="#fff"/>
4 | <rect width="12" height="2" y="4" fill="#ce1126"/>
5 | <polygon points="0,0 3,2 3,4 0,6"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/la.abeeee00.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400">
2 | <rect fill="#ce1126" width="600" height="400"/>
3 | <rect fill="#002868" y="100" width="600" height="200"/>
4 | <circle fill="#fff" cx="300" cy="200" r="80"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/lc.3995dda7.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 300">
2 | <rect fill="#6Cf" width="600" height="300"/>
3 | <polygon fill="#FFF" points="200,274 300,260 400,274 300,27"/>
4 | <polygon points="213.5,274 300,260 386.5,274 300,60"/>
5 | <polygon fill="#FCD116" points="200,274 400,274 300,150"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/lr.cf309785.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 209 110">
 2 | <rect fill="#bf0a30" width="209" height="110"/>
 3 | <path d="M0,15H209 M0,35H209 M0,55H209 M0,75H209 M0,95H209" stroke="#fff" stroke-width="10"/>
 4 | <rect fill="#002868" width="50" height="50"/>
 5 | <g transform="translate(25,25) scale(15)">
 6 | <g id="B">
 7 | <polygon id="A" fill="#fff" points="0,0 0,1 .5,1" transform="translate(0,-1) rotate(18)"/>
 8 | <use xlink:href="#A" transform="scale(-1,1)"/>
 9 | </g>
10 | <use xlink:href="#B" transform="rotate(72)"/>
11 | <use xlink:href="#B" transform="rotate(-72)"/>
12 | <use xlink:href="#B" transform="rotate(144)"/>
13 | <use xlink:href="#B" transform="rotate(-144)"/>
14 | </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/lt.7e3fe92f.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 3">
2 | <rect fill="#C1272D" width="5" height="3"/>
3 | <rect fill="#006A44" width="5" height="2"/>
4 | <rect fill="#FDB913" width="5" height="1"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/lu.3ba095e9.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 600">
2 | <rect width="1000" height="300" y="300" fill="#00A1DE "/>
3 | <rect width="1000" height="300" fill="#ed2939"/>
4 | <rect width="1000" height="200" y="200" fill="#fff"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/lv.56acb99b.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600">
2 | <path fill="#9E3039" d="m0,0h1200v600H0"/>
3 | <path fill="#FFF" d="m0,240h1200v120H0"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ly.e707148f.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 480">
2 | <rect width="960" height="480" fill="#239e46"/>
3 | <rect width="960" height="360" fill="#000"/>
4 | <rect width="960" height="120" fill="#e70013"/>
5 | <circle cx="480" cy="240" r="60" fill="#fff"/>
6 | <circle cx="492.132034" cy="240" r="52.132034" fill="#000"/>
7 | <path d="M509.175411,240 589.875233,213.779039 540,282.426407V197.573593L589.875233,266.220961z" fill="#fff"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/mc.8fb7d82c.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 600">
2 | <rect fill="#FFF" width="750" height="600"/>
3 | <rect fill="#CE1126" width="750" height="300"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/mf.9d0be1d4.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect width="900" height="600" fill="#ED2939"/>
3 | <rect width="600" height="600" fill="#fff"/>
4 | <rect width="300" height="600" fill="#002395"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/mg.9dc1916f.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect fill="#007E3A" width="900" height="600"/>
3 | <rect fill="#FC3D32" width="900" height="300"/>
4 | <rect fill="#FFF" width="300" height="600"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/mk.f26a7830.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 28">
2 | <rect width="56" height="28" fill="#d20000"/>
3 | <g fill="#ffe600">
4 | <path d="M 0,0 8.4,0 28,13.5 47.6,0 56,0 0,28 8.4,28 28,14.5 47.6,28 56,28 z M 56,11.2 56,16.8 0,11.2 0,11.2 0,16.8 z M 25.2,0 28,12 30.8,0 z M 25.2,28 28,16 30.8,28 z"/>
5 | <circle cx="28" cy="14" r="4.5" stroke="#d20000"/>
6 | </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ml.6a716494.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300">
2 | <rect fill="#CE1126" width="450" height="300"/>
3 | <rect fill="#FCD116" width="300" height="300"/>
4 | <rect fill="#14B53A" width="150" height="300"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/mm.f06bd610.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 12">
 2 | <rect width="18" height="6" fill="#FECB00"/>
 3 | <rect width="18" height="6" y="6" fill="#EA2839"/>
 4 | <rect width="18" height="4" y="4" fill="#34B233"/>
 5 | <g transform="translate(9,6.422)scale(4.422)">
 6 | <polygon id="pt" points="-0.3249196962329062,0 0,-1 0.3249196962329062,0" fill="#FFF"/>
 7 | <use xlink:href="#pt" transform="rotate(-144)"/>
 8 | <use xlink:href="#pt" transform="rotate(-72)"/>
 9 | <use xlink:href="#pt" transform="rotate(72)"/>
10 | <use xlink:href="#pt" transform="rotate(144)"/>
11 | </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/mu.d6db35bc.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 4">
2 | <rect fill="#00A551" width="6" height="4"/>
3 | <rect fill="#FFD500" width="6" height="3"/>
4 | <rect fill="#1A206D" width="6" height="2"/>
5 | <rect fill="#EA2839" width="6" height="1"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/mv.0cdf2e4f.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 480">
2 | <rect fill="#D21034" width="720" height="480"/>
3 | <g fill="#007E3A">
4 | <rect width="480" height="240" x="120" y="120"/>
5 | <circle fill="#FFF" cx="390" cy="240" r="80"/>
6 | <circle cx="420" cy="240" r="80"/>
7 | </g>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/na.5817eb6b.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 90 60">
 2 | <path d="M90,0H0V60z" fill="#003580"/>
 3 | <path d="M0,60H90V0z" fill="#009543"/>
 4 | <path d="M0,60 90,0" stroke="#fff" stroke-width="20"/>
 5 | <path d="M0,60 90,0" stroke="#d21034" stroke-width="15"/>
 6 | <g fill="#ffce00" transform="translate(18,16.34148)">
 7 | <g id="r4">
 8 | <path id="r" d="M0,10 1.552914,5.795555H-1.552914z"/>
 9 | <use xlink:href="#r" transform="rotate(90)"/>
10 | <use xlink:href="#r" transform="rotate(180)"/>
11 | <use xlink:href="#r" transform="rotate(270)"/>
12 | </g>
13 | <use xlink:href="#r4" transform="rotate(30)"/>
14 | <use xlink:href="#r4" transform="rotate(60)"/>
15 | <circle r="5.5" stroke="#003580"/>
16 | </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ne.fe232d8a.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 600">
2 | <rect width="700" height="600" fill="#0DB02B"/>
3 | <rect width="700" height="400" fill="#FFF"/>
4 | <rect width="700" height="200" fill="#e05206"/>
5 | <circle cx="350" cy="300" r="85" fill="#e05206"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ng.ffd18fe3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 3">
2 | <rect width="6" height="3" fill="#008751"/>
3 | <rect x="2" width="2" height="3" fill="#FFF"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/nl.10d31cc2.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 6">
2 | <rect fill="#21468B" width="9" height="6"/>
3 | <rect fill="#FFF" width="9" height="4"/>
4 | <rect fill="#AE1C28" width="9" height="2"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/no.b884cec9.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 800">
2 | <rect width="1100" height="800" fill="#ef2b2d"/>
3 | <rect width="200" height="800" x="300" fill="#fff"/>
4 | <rect width="1100" height="200" y="300" fill="#fff"/>
5 | <rect width="100" height="800" x="350" fill="#002868"/>
6 | <rect width="1100" height="100" y="350" fill="#002868"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/nr.43db7339.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 300">
2 | <rect fill="#002b7f" width="600" height="300"/>
3 | <rect fill="#ffc61e" y="137.5" width="600" height="25"/>
4 | <path fill="#fff" d="M 150,262.5 L 143.5295,236.6481 L 125,255.8012 L 132.3223,230.1777 L 106.6987,237.5 L 125.8519,218.9705 L 100,212.5 L 125.8519,206.0295 L 106.6987,187.5 L 132.3223,194.8223 L 125,169.1988 L 143.5295,188.3519 L 150,162.5 L 156.4705,188.3519 L 175,169.1988 L 167.6777,194.8223 L 193.3013,187.5 L 174.1481,206.0295 L 200,212.5 L 174.1481,218.9705 L 193.3013,237.5 L 167.6777,230.1777 L 175,255.8012 L 156.4705,236.6481 L 150,262.5 z"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/pa.ee292674.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 36 24">
 2 | <rect width="36" height="24" fill="#fff"/>
 3 | <g fill="#005293">
 4 | <g id="star" transform="translate(9,6)">
 5 | <g id="c">
 6 | <path id="t" d="M 0,-3 v 3 h 1.5 z" transform="rotate(18 0,-3)"/>
 7 | <use xlink:href="#t" transform="scale(-1,1)"/>
 8 | </g>
 9 | <use xlink:href="#c" transform="rotate(72)"/>
10 | <use xlink:href="#c" transform="rotate(144)"/>
11 | <use xlink:href="#c" transform="rotate(216)"/>
12 | <use xlink:href="#c" transform="rotate(288)"/>
13 | </g>
14 | <rect y="12" width="18" height="12"/>
15 | </g>
16 | <g fill="#d21034">
17 | <rect x="18" width="18" height="12"/>
18 | <use xlink:href="#star" x="18" y="12"/>
19 | </g>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/pk.c02a9989.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="-75 -40 120 80">
2 | <title>Flag of Pakistan</title>
3 | <rect x="-75" y="-40" width="120" height="80" fill="#fff"/>
4 | <rect x="-45" y="-40" width="90" height="80" fill="#01411C"/>
5 | <circle r="24" fill="#fff"/>
6 | <circle r="22" cx="-7" cy="-40" fill="#01411C" transform="rotate(-41.63354, 45, -40)"/>
7 | <polygon points="0,-513674 301930,415571 -488533,-158734 488533,-158734 -301930,415571" fill="#fff" transform="rotate(-41.63354) translate(16) rotate(18) scale(0.00001557408)"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/pl.1b9768ef.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Flag of Poland" viewBox="0 0 16 10">
2 | <rect width="16" height="10" fill="#fff"/>
3 | <rect width="16" height="5" fill="#dc143c" y="5"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/pm.9d0be1d4.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect width="900" height="600" fill="#ED2939"/>
3 | <rect width="600" height="600" fill="#fff"/>
4 | <rect width="300" height="600" fill="#002395"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ps.9e5d947f.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 3">
2 | <rect fill="#007A3D" width="6" height="3"/>
3 | <rect fill="#FFF" width="6" height="2"/>
4 | <rect width="6" height="1"/>
5 | <path fill="#CE1126" d="M0,0l2,1.5L0,3Z"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/pw.f34a17aa.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
2 | <rect fill="#4AADD6" width="800" height="500"/>
3 | <circle fill="#FFDE00" cx="350" cy="250" r="150"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/qa.03340b2d.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 18" preserveAspectRatio="none">
2 | <rect width="75" height="18" fill="#8d1b3d"/>
3 | <path d="M22,18H0V0H22l6,1 -6,1 6,1 -6,1 6,1 -6,1 6,1 -6,1 6,1 -6,1 6,1 -6,1 6,1 -6,1 6,1 -6,1 6,1z" fill="#fff"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/re.9d0be1d4.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect width="900" height="600" fill="#ED2939"/>
3 | <rect width="600" height="600" fill="#fff"/>
4 | <rect width="300" height="600" fill="#002395"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ro.af4f1a84.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2">
2 | <rect width="1" height="2" x="0" y="0" fill="#002B7F"/>
3 | <rect width="1" height="2" x="1" y="0" fill="#FCD116"/>
4 | <rect width="1" height="2" x="2" y="0" fill="#CE1126"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ru.e2037a0e.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 6">
2 | <rect fill="#fff" width="9" height="3"/>
3 | <rect fill="#d52b1e" y="3" width="9" height="3"/>
4 | <rect fill="#0039a6" y="2" width="9" height="2"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/rw.85f6ca97.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1080 720">
 2 | <rect width="1080" height="720" fill="#20603D"/>
 3 | <rect width="1080" height="540" fill="#FAD201"/>
 4 | <rect width="1080" height="360" fill="#00A1DE"/>
 5 | <g transform="translate(886.5,188.1)">
 6 | <g id="h">
 7 | <path id="q" fill="#E5BE01" d="M 116.10000,0.00000 L 35.69202,4.69894 112.14399,30.04889 33.25966,13.77660 100.54555,58.05000 28.56072,21.91541 82.09510,82.09510 21.91541,28.56072 58.05000,100.54555 13.77660,33.25966 30.04889,112.14399 4.69894,35.69202 0.00000,116.10000 -1,-1 z"/>
 8 | <use xlink:href="#q" transform="scale(1,-1)"/>
 9 | </g>
10 | <use xlink:href="#h" transform="scale(-1,1)"/>
11 | <circle r="34.3" fill="#E5BE01" stroke="#00A1DE" stroke-width="3.4"/>
12 | </g>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/sc.049e7208.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 450">
2 | <path d="M0,450H900V0H0z" fill="#d62828"/>
3 | <path d="M0,450V0H600z" fill="#fcd856"/>
4 | <path d="M0,450V0H300z" fill="#003f87"/>
5 | <path d="M0,450H900V150z" fill="#fff"/>
6 | <path d="M0,450H900V300z" fill="#007a3d"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/sd.8f0ac64a.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
2 | <rect width="12" height="6"/>
3 | <rect fill="#FFF" width="12" height="4"/>
4 | <rect fill="#D21034" width="12" height="2"/>
5 | <polygon fill="#007229" points="0,0 4,3 0,6"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/se.1f642770.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10">
2 | <rect width="16" height="10" fill="#006aa7"/>
3 | <rect width="2" height="10" x="5" fill="#fecc00"/>
4 | <rect width="16" height="2" y="4" fill="#fecc00"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/sh.c4cd6642.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30">
 2 | <clipPath id="t">
 3 | <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
 4 | </clipPath>
 5 | <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
 6 | <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
 7 | <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
 8 | <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
 9 | <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/sj.b884cec9.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 800">
2 | <rect width="1100" height="800" fill="#ef2b2d"/>
3 | <rect width="200" height="800" x="300" fill="#fff"/>
4 | <rect width="1100" height="200" y="300" fill="#fff"/>
5 | <rect width="100" height="800" x="350" fill="#002868"/>
6 | <rect width="1100" height="100" y="350" fill="#002868"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/sl.2b040d07.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300">
2 | <rect fill="#0072C6" width="450" height="300"/>
3 | <rect fill="#FFF" width="450" height="200"/>
4 | <rect fill="#1EB53A" width="450" height="100"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/sn.5a3a015c.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 900 600">
 2 | <rect width="300" height="600" fill="#00853f"/>
 3 | <rect x="300" width="300" height="600" fill="#fdef42"/>
 4 | <rect x="600" width="300" height="600" fill="#e31b23"/>
 5 | <g transform="translate(450,300)" fill="#00853f">
 6 | <g id="c">
 7 | <path id="t" d="M 0,-100 v 100 h 50 z" transform="rotate(18 0,-100)"/>
 8 | <use xlink:href="#t" transform="scale(-1,1)"/>
 9 | </g>
10 | <use xlink:href="#c" transform="rotate(72)"/>
11 | <use xlink:href="#c" transform="rotate(144)"/>
12 | <use xlink:href="#c" transform="rotate(216)"/>
13 | <use xlink:href="#c" transform="rotate(288)"/>
14 | </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/so.5d09b7df.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 81 54">
 2 | <rect fill="#4189DD" width="81" height="54"/>
 3 | <g transform="translate(40.5 27) scale(13)">
 4 | <g id="t">
 5 | <polygon id="w" fill="#FFF" points="0,0 0,1 .5,1" transform="translate(0 -1) rotate(18)"/>
 6 | <use xlink:href="#w" transform="scale(-1 1)"/>
 7 | </g>
 8 | <use xlink:href="#t" transform="rotate(72)"/>
 9 | <use xlink:href="#t" transform="rotate(-72)"/>
10 | <use xlink:href="#t" transform="rotate(144)"/>
11 | <use xlink:href="#t" transform="rotate(-144)"/>
12 | </g>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/sr.658b680a.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect width="900" height="600" fill="#377e3f"/>
3 | <rect y="120" width="900" height="360" fill="#fff"/>
4 | <rect y="180" width="900" height="240" fill="#b40a2d"/>
5 | <path d="M 450,191.459 520.534,408.541 335.873,274.377 564.127,274.377 379.466,408.541 z" fill="#ecc81d"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ss.1ba14435.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10">
2 | <rect fill="#078930" width="20" height="10"/>
3 | <rect fill="#FFF" width="20" height="7"/>
4 | <rect width="20" height="3"/>
5 | <rect fill="#DA121A" y="3.5" width="20" height="3"/>
6 | <polygon fill="#0F47AF" points="0,0 8.660254,5 0,10"/>
7 | <polygon fill="#FCDD09" points="-513674,0 415571,301930 -158734,-488533 -158734,488533 415571,-301930" transform="translate(2.88675,5) scale(0.000003114816)"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/st.9fb0ea9d.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2800 1400">
 2 | <rect width="2800" height="1400" fill="#12ad2b"/>
 3 | <rect y="400" width="2800" height="600" fill="#ffce00"/>
 4 | <path d="M 0,0 V 1400 L 700,700" fill="#d21034"/>
 5 | <g id="star" transform="translate(1400,700)" fill="#000">
 6 | <g id="c">
 7 | <path id="t" d="M 0,-200 v 200 h 100" transform="rotate(18 0,-200)"/>
 8 | <use xlink:href="#t" transform="scale(-1,1)"/>
 9 | </g>
10 | <use xlink:href="#c" transform="rotate(72)"/>
11 | <use xlink:href="#c" transform="rotate(144)"/>
12 | <use xlink:href="#c" transform="rotate(216)"/>
13 | <use xlink:href="#c" transform="rotate(288)"/>
14 | </g>
15 | <use xlink:href="#star" x="700"/>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/sy.93007050.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 120">
 2 | <rect width="180" height="120" fill="#000"/>
 3 | <rect width="180" height="80" fill="#fff"/>
 4 | <rect width="180" height="40" fill="#ce1126"/>
 5 | <g id="s" fill="#007a3d">
 6 | <g id="f">
 7 | <g id="t">
 8 | <path d="M54,47v13h8" transform="rotate(18,54,47)" id="o"/>
 9 | <use xlink:href="#o" x="-108" transform="scale(-1,1)"/>
10 | </g>
11 | <use xlink:href="#t" transform="rotate(72,54,60)"/>
12 | </g>
13 | <use xlink:href="#t" transform="rotate(-72,54,60)"/>
14 | <use xlink:href="#f" transform="rotate(144,54,60)"/>
15 | </g>
16 | <use xlink:href="#s" x="72"/>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/td.024e1d49.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300">
2 | <rect fill="#C60C30" width="450" height="300"/>
3 | <rect fill="#FECB00" width="300" height="300"/>
4 | <rect fill="#002664" width="150" height="300"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/tg.50f9070b.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 809 500">
 2 | <rect width="809" height="500" fill="#006a4e"/>
 3 | <rect y="100" width="809" height="100" fill="#ffce00"/>
 4 | <rect y="300" width="809" height="100" fill="#ffce00"/>
 5 | <rect width="300" height="300" fill="#d21034"/>
 6 | <g transform="translate(150,150)" fill="#fff">
 7 | <g id="c">
 8 | <path id="t" d="M 0,-95 V 0 H 50" transform="rotate(18 0,-95)"/>
 9 | <use xlink:href="#t" transform="scale(-1,1)"/>
10 | </g>
11 | <use xlink:href="#c" transform="rotate(72)"/>
12 | <use xlink:href="#c" transform="rotate(144)"/>
13 | <use xlink:href="#c" transform="rotate(216)"/>
14 | <use xlink:href="#c" transform="rotate(288)"/>
15 | </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/th.62f0033c.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect fill="#A51931" width="900" height="600"/>
3 | <rect fill="#F4F5F8" y="100" width="900" height="400"/>
4 | <rect fill="#2D2A4A" y="200" width="900" height="200"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/tl.fe273366.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-3 -6 24 12">
 2 | <path d="M21,6V-6H-3V6z" fill="#dc241f"/>
 3 | <path d="M-3,-6V6L9,0z" fill="#ffc726"/>
 4 | <path d="M-3,-6V6L5,0z"/>
 5 | <g transform="rotate(-26.565051)">
 6 | <g id="f">
 7 | <g id="t">
 8 | <path d="M0,-2.1V0H1z" fill="#fff" transform="rotate(18,0,-2.1)" id="o"/>
 9 | <use xlink:href="#o" transform="scale(-1,1)"/>
10 | </g>
11 | <use xlink:href="#t" transform="rotate(72)"/>
12 | </g>
13 | <use xlink:href="#t" transform="rotate(-72)"/>
14 | <use xlink:href="#f" transform="rotate(144)"/>
15 | </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/tn.f07a886c.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -40 120 80">
 2 | <g fill="#E70013">
 3 | <rect x="-60" y="-40" width="120" height="80"/>
 4 | <circle fill="#FFF" r="20"/>
 5 | <circle r="15"/>
 6 | <circle fill="#FFF" cx="4" r="12"/>
 7 | <path transform="translate(4)scale(9)rotate(-90)" d="M0,-1 L0.58779,0.80902 L-0.95106,-0.30902 L0.95106,-0.30902 L-0.58779,0.80902z"/>
 8 | </g>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/to.0da693dc.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 48">
2 | <g fill="#C10000">
3 | <rect width="96" height="48"/>
4 | <rect width="40" fill="#fff" height="24"/>
5 | <rect x="17" y="3" width="6" height="18"/>
6 | <rect x="11" y="9" width="18" height="6"/>
7 | </g>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/tr.657ea685.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800">
2 | <rect width="1200" height="800" fill="#E30A17"/>
3 | <circle cx="425" cy="400" r="200" style="fill:#ffffff"/>
4 | <circle cx="475" cy="400" r="160" style="fill:#E30A17"/>
5 | <polygon style="fill:#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/tt.9574aff3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 18">
2 | <rect fill="#CE1126" width="30" height="18"/>
3 | <polygon fill="#FFF" points="0,0 20.824734,18 30,18 9.175266,0"/>
4 | <polygon points="1.52921,0 22.353945,18 28.470789,18 7.646055,0"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/tw.587d478a.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-60 -40 240 160">
 2 | <rect x="-60" y="-40" width="100%" height="100%" fill="#fe0000"/>
 3 | <rect x="-60" y="-40" width="50%" height="50%" fill="#000095"/>
 4 | <path id="four_rays" d="M 8,0 L 0,30 L -8,0 L 0,-30 M 0,8 L 30,0 L 0,-8 L -30,0" fill="#fff"/>
 5 | <use xlink:href="#four_rays" transform="rotate(30)"/>
 6 | <use xlink:href="#four_rays" transform="rotate(60)"/>
 7 | <circle r="17" fill="#000095"/>
 8 | <circle r="15" fill="#fff"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/tz.53855cd8.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 48">
2 | <path d="M0,48V0H72z" fill="#1eb53a"/>
3 | <path d="M0,48H72V0z" fill="#00a3dd"/>
4 | <path d="M0,48 72,0" stroke="#fcd116" stroke-width="19"/>
5 | <path d="M0,48 72,0" stroke="#000" stroke-width="13"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ua.cf1a4bc6.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800">
2 | <rect width="1200" height="800" fill="#005BBB"/>
3 | <rect width="1200" height="400" y="400" fill="#FFD500"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/vc.475f7d86.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 48">
 2 | <rect width="72" height="48" fill="#009e60"/>
 3 | <rect width="54" height="48" fill="#fcd116"/>
 4 | <rect width="18" height="48" fill="#0072c6"/>
 5 | <g fill="#009e60">
 6 | <path d="m32,34 4,8 4,-8 -4,-8z"/>
 7 | <path d="m27,24 4,8 4,-8 -4,-8z"/>
 8 | <path d="m37,24 4,8 4,-8 -4,-8z"/>
 9 | </g>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/vn.acbd7b77.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-15 -10 30 20">
 2 | <rect fill="#DA251d" x="-20" y="-15" width="40" height="30"/>
 3 | <g id="g" transform="translate(0,-6)">
 4 | <polyline id="g1" fill="#FF0" points="0,0 0,6 4,6" transform="rotate(18)"/>
 5 | <use xlink:href="#g1" transform="scale(-1,1)"/>
 6 | </g>
 7 | <g id="g2" transform="rotate(72)">
 8 | <use xlink:href="#g"/>
 9 | <use xlink:href="#g" transform="rotate(72)"/>
10 | </g>
11 | <use xlink:href="#g2" transform="scale(-1,1)"/>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/wf.8bad3190.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 100">
2 | <path fill="#ED2939" d="M0,0H150V100H0z"/>
3 | <path fill="#FFF" d="M0,0H40V40H0z"/>
4 | <path fill="#002395" d="M0,0H20V40H0z"/>
5 | <path fill="none" stroke="#FFF" d="M0,40H60V0"/>
6 | <path fill="#FFF" d="M105,46 93,34H117zM101,50 89,38V62zM105,54 93,66H117zM109,50 121,38V62z"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ws.f4fea930.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2880 1440">
 2 | <defs>
 3 | <path id="s" d="M0,0 0.309017,0.951057 -0.5,0.363271H0.5L-0.309017,0.951057z"/>
 4 | </defs>
 5 | <rect width="2880" height="1440" fill="#ce1126"/>
 6 | <rect width="1440" height="720" fill="#002b7f"/>
 7 | <g fill="#fff">
 8 | <use xlink:href="#s" transform="translate(720,30) scale(160)"/>
 9 | <use xlink:href="#s" transform="translate(500,210) scale(160)"/>
10 | <use xlink:href="#s" transform="translate(945,180) scale(150)"/>
11 | <use xlink:href="#s" transform="translate(830,364.894348) scale(100)"/>
12 | <use xlink:href="#s" transform="translate(720,499.788697) scale(200)"/>
13 | </g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/ye.dc0bba07.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300">
2 | <rect width="450" height="300"/>
3 | <rect fill="#FFF" width="450" height="200"/>
4 | <rect fill="#CE1126" width="450" height="100"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/yt.9d0be1d4.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
2 | <rect width="900" height="600" fill="#ED2939"/>
3 | <rect width="600" height="600" fill="#fff"/>
4 | <rect width="300" height="600" fill="#002395"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/img/za.bb194490.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9 6">
 2 | <clipPath id="Z">
 3 | <path d="M0,0 4.5,3 0,6" id="X"/>
 4 | </clipPath>
 5 | <clipPath id="A">
 6 | <path d="M0,0H9V6H0z"/>
 7 | </clipPath>
 8 | <g clip-path="url(#A)">
 9 | <path d="M0,0V6H9V0z" fill="#002395"/>
10 | <path d="M0,0V3H9V0z" fill="#de3831"/>
11 | <g stroke-width="2" stroke="#fff">
12 | <path d="M0,0 4.5,3 0,6M4.5,3H9" id="W"/>
13 | <use xlink:href="#X" stroke="#ffb612" clip-path="url(#Z)"/>
14 | </g>
15 | <use xlink:href="#W" fill="none" stroke="#007a4d" stroke-width="1.2"/>
16 | </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/100.b6a0d8f2.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[100],{1072:function(e,n,t){"use strict";t.r(n);var i=t(1),l=Object(i.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"n-flex flex-gravity-left-bottom"},[t("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),t("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),t("br"),e._v("\n        Line 2"),t("br"),e._v("\n        Line 3\n    ")]),e._v(" "),t("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),t("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/101.35b5f19c.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[101],{1074:function(e,n,i){"use strict";i.r(n);var t=i(1),s=Object(t.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("div",{staticClass:"n-flex flex-gravity-right-bottom"},[i("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2"),i("br"),e._v("\n        Line 3\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/102.9b85ba14.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[102],{1026:function(e,n,i){"use strict";i.r(n);var t=i(1),c=Object(t.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("div",{staticClass:"n-flex flex-gravity-center-center"},[i("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2"),i("br"),e._v("\n        Line 3\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/103.5f969839.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[103],{1024:function(e,n,i){"use strict";i.r(n);var t=i(1),c=Object(t.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("div",{staticClass:"n-flex flex-gravity-left-center"},[i("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2"),i("br"),e._v("\n        Line 3\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/104.5acafe89.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[104],{1020:function(e,n,i){"use strict";i.r(n);var t=i(1),c=Object(t.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("div",{staticClass:"n-flex flex-gravity-right-center"},[i("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2"),i("br"),e._v("\n        Line 3\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/106.b8c380bb.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[106],{1018:function(t,e,s){"use strict";s.r(e);var i=s(1),a=Object(i.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"n-flex"},[e("div",{staticClass:"p-medium align-center bg-danger-fade"},[this._v("Box")]),this._v(" "),e("div",{staticClass:"p-medium align-center bg-success-fade"},[this._v("Box")]),this._v(" "),e("div",{staticClass:"p-medium align-center bg-primary-fade ml-auto"},[this._v("Box")])])}],!1,null,null,null);e.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/107.2b4e7688.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[107],{1016:function(t,e,s){"use strict";s.r(e);var i=s(1),a=Object(i.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"n-flex"},[e("div",{staticClass:"p-medium align-center bg-danger-fade col-auto"},[this._v("Box")]),this._v(" "),e("div",{staticClass:"p-medium align-center bg-success-fade col-auto"},[this._v("Box")]),this._v(" "),e("div",{staticClass:"p-medium align-center bg-primary-fade col-auto"},[this._v("Box")])])}],!1,null,null,null);e.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/109.d567b2f4.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[109],{1012:function(e,n,t){"use strict";t.r(n);var i=t(1),c=Object(i.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"n-flex flex-gravity-center-center flex-stacked"},[t("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),t("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),t("br"),e._v("\n        Line 2"),t("br"),e._v("\n        Line 3\n    ")]),e._v(" "),t("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),t("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/110.49e9c42e.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[110],{1010:function(e,n,t){"use strict";t.r(n);var i=t(1),c=Object(i.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"n-flex flex-gravity-center-top flex-stretched"},[t("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),t("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),t("br"),e._v("\n        Line 2"),t("br"),e._v("\n        Line 3\n    ")]),e._v(" "),t("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),t("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/111.99d674e9.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[111],{1008:function(e,n,i){"use strict";i.r(n);var t=i(1),c=Object(t.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("div",{staticClass:"n-flex flex-gravity-center-top"},[i("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2"),i("br"),e._v("\n        Line 3\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/112.42c357b7.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[112],{1006:function(e,n,i){"use strict";i.r(n);var t=i(1),l=Object(t.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("div",{staticClass:"n-flex flex-gravity-left-top"},[i("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2"),i("br"),e._v("\n        Line 3\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/113.0f6cdcac.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[113],{1e3:function(e,n,i){"use strict";i.r(n);var t=i(1),s=Object(t.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("div",{staticClass:"n-flex flex-gravity-right-top"},[i("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2"),i("br"),e._v("\n        Line 3\n    ")]),e._v(" "),i("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),i("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/114.1346e85e.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[114],{1003:function(t,e,n){"use strict";n.r(e);var i=n(1),l=Object(i.a)({},function(){var t=this.$createElement;return(this._self._c||t)("n-highlight",{attrs:{danger:"",keyword:"temp",text:"Porttitor leo a diam sollicitudin tempor id eu nisl."}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/115.c1170ee6.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[115],{1001:function(t,n,a){"use strict";a.r(n);var e=a(1),r=Object(e.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("n-div",{attrs:{flex:"","left-center":"",gap:"small"}},[n("n-button",{attrs:{primary:"",href:"#","prefix-icon":"far fa-thumbs-up",text:"With Icon"}}),this._v(" "),n("n-button",{attrs:{secondary:"",href:"#","suffix-icon":"fas fa-angle-down",text:"With Alt Icon"}}),this._v(" "),n("n-button",{attrs:{neutral:"",circle:""}},[n("n-icon",{attrs:{icon:"fas fa-download"}})],1)],1)},[],!1,null,null,null);n.default=r.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/116.1c22da97.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[116],{989:function(n,t,e){"use strict";e.r(t);var r={data:function(){return{icons:["fas fa-users","fab fa-github","far fa-envelope"]}}},i=e(1),a=Object(i.a)(r,function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("n-div",{attrs:{flex:"",stacked:""}},[e("n-div",{attrs:{flex:""}},n._l(n.icons,function(n){return e("n-icon",{key:n,attrs:{icon:n}})}),1),n._v(" "),e("n-div",{attrs:{flex:""}},n._l(n.icons,function(n){return e("n-icon",{key:n,attrs:{icon:n,"text-color":"primary"}})}),1),n._v(" "),e("n-div",{attrs:{flex:""}},n._l(n.icons,function(n){return e("n-icon",{key:n,attrs:{icon:n,"text-size":"large"}})}),1)],1)},[],!1,null,null,null);t.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/118.6f66c47c.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[118],{1099:function(t,e,n){"use strict";n.r(e);var o=n(1),s=Object(o.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:""}},[this._l(this.$config.palettes,function(t,n){return[e("n-control",{key:n,attrs:{color:t,"prefix-icon":"fas fa-swatchbook","prefix-label":"#",col:"","sm:4":""}},[e("input",{attrs:{type:"text"},domProps:{value:t}})])]})],2)},[],!1,null,null,null);e.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/119.8774a3a5.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[119],{1097:function(t,e,n){"use strict";n.r(e);var s=n(1),i=Object(s.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:""}},[this._l(this.$config.sizes,function(t,n){return[e("n-control",{key:n,attrs:{size:t,"prefix-icon":"fas fa-expand"}},[e("input",{attrs:{placeholder:"Placeholder",type:"text"}})])]})],2)},[],!1,null,null,null);e.default=i.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/121.02e9cb79.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[121],{1093:function(t,e,n){"use strict";n.r(e);var l=n(1),s=Object(l.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:""}},[e("n-control",{attrs:{"prefix-label":"$",col:"","sm:12":"","md:6":""}},[e("input",{attrs:{step:"0.01",type:"number",value:"0.00"}})]),this._v(" "),e("n-control",{attrs:{"suffix-label":"%",col:"","sm:12":"","md:6":""}},[e("input",{attrs:{step:"1",type:"number",value:"10"}})])],1)},[],!1,null,null,null);e.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/122.01cb62a8.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[122],{1091:function(t,n,e){"use strict";e.r(n);var a=e(1),s=Object(a.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("n-div",{attrs:{flex:""}},[n("n-control",{attrs:{loading:"","prefix-icon":"fas fa-search",col:"","sm:12":"","md:6":""},scopedSlots:this._u([{key:"default",fn:function(t){var e=t.loading;return[n("input",{attrs:{type:"text",value:"Needs async validation",disabled:e}})]}}])})],1)},[],!1,null,null,null);n.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/123.d7e222c4.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[123],{1089:function(t,n,a){"use strict";a.r(n);var s=a(1),e=Object(s.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("n-media",{attrs:{avatar:"",width:"80px"}},[n("n-img",{attrs:{alt:"Unsplash",src:"https://bit.ly/2LPyZ3z"}})],1)},[],!1,null,null,null);n.default=e.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/124.48475690.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[124],{1087:function(e,t,r){"use strict";r.r(t);var a=r(1),c=Object(a.a)({},function(){var e=this.$createElement,t=this._self._c||e;return t("n-media",{attrs:{ratio:16/9}},[t("iframe",{attrs:{allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",frameborder:"0",src:"https://www.youtube.com/embed/gArKvLQCqcY"}})])},[],!1,null,null,null);t.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/125.25255438.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[125],{1085:function(t,n,s){"use strict";s.r(n);var a=s(1),e=Object(a.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("n-media",{attrs:{ratio:21/9}},[n("n-img",{attrs:{alt:"Unsplash",src:"https://bit.ly/2VLxY18"}})],1)},[],!1,null,null,null);n.default=e.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/126.b896e14a.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[126],{985:function(t,n,s){"use strict";s.r(n);var i={data:function(){return{images:["https://bit.ly/2W8ZIfd","https://bit.ly/2Eh11ia","https://bit.ly/2w7Mp0e"]}}},e=s(1),a=Object(e.a)(i,function(){var t=this.$createElement,n=this._self._c||t;return n("n-div",{attrs:{flex:""}},this._l(this.images,function(t,s){return n("n-div",{key:s,attrs:{col:"","sm:12":"","md:4":""}},[n("n-media",[n("n-img",{attrs:{alt:"Unsplash",src:t}})],1)],1)}),1)},[],!1,null,null,null);n.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/127.661ef579.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[127],{1080:function(e,s,n){"use strict";n.r(s);var t=n(1),a=Object(t.a)({},function(){var e=this.$createElement,s=this._self._c||e;return s("n-message",{attrs:{color:"danger"}},[s("n-icon",{attrs:{icon:"fas fa-trash",position:"prefix"}}),this._v(" "),s("span",[this._v("All messages have been deleted")])],1)},[],!1,null,null,null);s.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/128.4d1dc821.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[128],{984:function(e,n,t){"use strict";t.r(n);var i={data:function(){return{visible:!1}},mounted:function(){var e=this;setTimeout(function(){return e.visible=!0},1e3)}},l=t(1),s=Object(l.a)(i,function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",[t("n-message",{attrs:{closable:""},model:{value:e.visible,callback:function(n){e.visible=n},expression:"visible"}},[e._v("I have appeared later")])],1)},[],!1,null,null,null);n.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/131.005639a9.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[131],{983:function(e,o,t){"use strict";t.r(o);var l={data:function(){return{model:[]}}},n=t(1),a=Object(n.a)(l,function(){var e=this,o=e.$createElement,t=e._self._c||o;return t("n-div",{attrs:{flex:"",stacked:""}},[t("n-div",{attrs:{flex:""}},[t("n-checkbox",{attrs:{option:"cats"},model:{value:e.model,callback:function(o){e.model=o},expression:"model"}},[e._v("Cats")]),e._v(" "),t("n-checkbox",{attrs:{option:"dogs"},model:{value:e.model,callback:function(o){e.model=o},expression:"model"}},[e._v("Dogs")]),e._v(" "),t("n-checkbox",{attrs:{option:"rats"},model:{value:e.model,callback:function(o){e.model=o},expression:"model"}},[e._v("Rats")])],1),e._v(" "),t("p",[e._v("Current value: "+e._s(e.model))])],1)},[],!1,null,null,null);o.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/132.3de163e5.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[132],{979:function(e,o,t){"use strict";t.r(o);var l={data:function(){return{model:"rats"}}},n=t(1),a=Object(n.a)(l,function(){var e=this,o=e.$createElement,t=e._self._c||o;return t("n-div",{attrs:{flex:"",stacked:""}},[t("n-div",{attrs:{flex:""}},[t("n-radio",{attrs:{option:"cats"},model:{value:e.model,callback:function(o){e.model=o},expression:"model"}},[e._v("Cats")]),e._v(" "),t("n-radio",{attrs:{option:"dogs"},model:{value:e.model,callback:function(o){e.model=o},expression:"model"}},[e._v("Dogs")]),e._v(" "),t("n-radio",{attrs:{option:"rats"},model:{value:e.model,callback:function(o){e.model=o},expression:"model"}},[e._v("Rats")])],1),e._v(" "),t("p",[e._v("Current value: "+e._s(e.model))])],1)},[],!1,null,null,null);o.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/133.136b8e83.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[133],{981:function(e,l,t){"use strict";t.r(l);var n=t(737),o=t(21),u={data:function(){return{model:[],rules:[o.default.maxLength(5,"You can select maximum of 5 countries")],countries:n}}},a=t(1),s=Object(a.a)(u,function(){var e=this,l=e.$createElement,t=e._self._c||l;return t("n-div",{attrs:{flex:"",stacked:"",stretched:""}},[t("n-select",{attrs:{label:"Which countries have you lived in?",placeholder:"Select...",options:e.countries,labelProp:"name",valueProp:"alpha2Code",multiple:"",rules:e.rules,help:"Please select up to 5 countries"},model:{value:e.model,callback:function(l){e.model=l},expression:"model"}}),e._v(" "),t("p",[e._v("Current value: "+e._s(e.model))])],1)},[],!1,null,null,null);l.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/136.ea90e426.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[136],{1078:function(t,s,a){"use strict";a.r(s);var l=a(1),i=Object(l.a)({},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("n-div",{attrs:{divided:"",stacked:"",stretched:""}},[a("n-tile",{attrs:{icon:"fas fa-mobile"}},[a("div",{staticClass:"n-help"},[t._v("Mobile")]),t._v(" "),a("div",[t._v("+1 234 888-3332")]),t._v(" "),a("small",{attrs:{slot:"actions"},slot:"actions"},[a("n-button",{attrs:{size:"xsmall"}},[t._v("Call")])],1)]),t._v(" "),a("n-tile",{attrs:{icon:"fas fa-at"}},[a("div",{staticClass:"n-help"},[t._v("Email")]),t._v(" "),a("div",[t._v("foo@example.com")]),t._v(" "),a("small",{attrs:{slot:"actions"},slot:"actions"},[a("n-button",{attrs:{size:"xsmall"}},[t._v("Send Email")])],1)])],1)},[],!1,null,null,null);s.default=i.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/137.30990829.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[137],{967:function(e,a,n){"use strict";n.r(a);var o={data:function(){return{model:[],options:[{name:"Cats",id:1},{name:"Dogs",id:5},{name:"Rats",id:18}]}}},t=n(1),l=Object(t.a)(o,function(){var e=this,a=e.$createElement,n=e._self._c||a;return n("n-div",{attrs:{flex:"",stacked:""}},[n("n-radio-group",{attrs:{label:"Which animal is your favorite?",options:e.options,labelProp:"name",valueProp:"id",stacked:""},model:{value:e.model,callback:function(a){e.model=a},expression:"model"}}),e._v(" "),n("p",[e._v("Current value: "+e._s(e.model))])],1)},[],!1,null,null,null);a.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/140.8ee39880.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[140],{952:function(n,t,e){"use strict";e.r(t);var i={data:function(){return{isLoading:!1}},methods:{startSpinner:function(){var n=this;this.isLoading=!0,setTimeout(function(){n.isLoading=!1},2e3)}}},r=e(1),a=Object(r.a)(i,function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("n-hero",{directives:[{name:"spinner",rawName:"v-spinner",value:n.isLoading,expression:"isLoading"}],attrs:{grey:"",faded:"",small:"","right-top":""}},[e("n-button",{attrs:{text:"Start Spinner",black:"",large:""},nativeOn:{click:function(t){return n.startSpinner(t)}}})],1)},[],!1,null,null,null);t.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/141.a15f94e8.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[141],{1043:function(t,e,i){"use strict";i.r(e);var l=i(1),s=Object(l.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:"",divided:"",stacked:"",stretched:""}},[e("n-tile",{attrs:{href:"#",icon:"fas fa-pencil-alt",subtitle:"Update file details",title:"Edit"}}),this._v(" "),e("n-tile",{attrs:{icon:"fas fa-archive",subtitle:"Remove file from public view",title:"Archive"}}),this._v(" "),e("n-tile",{attrs:{icon:"fas fa-trash",subtitle:"Permanently delete the file",title:"Delete"}})],1)},[],!1,null,null,null);e.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/142.e3a8b614.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[142],{1040:function(t,n,e){"use strict";e.r(n);var a=e(1),i=Object(a.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("n-div",{attrs:{flex:"","left-center":""}},[n("n-button",{attrs:{danger:"",href:"#",loading:""}},[this._v("Loading Button")]),this._v(" "),n("n-button",{attrs:{primary:"",disabled:"",href:"#"}},[this._v("Disabled Button")]),this._v(" "),n("n-button",{attrs:{secondary:"",circle:"",loading:"","prefix-icon":"fas fa-upload"}})],1)},[],!1,null,null,null);n.default=i.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/144.f83822fb.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[144],{941:function(e,n,t){"use strict";t.r(n);var a={data:function(){return{model:""}}},l=t(1),o=Object(l.a)(a,function(){var e=this,n=e.$createElement;return(e._self._c||n)("n-text-field",{attrs:{help:"Please enter city and state information",label:"Location","prefix-icon":"fas fa-map-marker-alt",required:""},model:{value:e.model,callback:function(n){e.model=n},expression:"model"}})},[],!1,null,null,null);n.default=o.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/145.b5691a0f.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[145],{1036:function(t,e,a){"use strict";a.r(e);var s=a(1),n=Object(s.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:"",divided:"",stacked:"",stretched:""}},[e("n-tile",{attrs:{icon:"fas fa-envelope",title:"Notifications"}},[e("n-badge",{attrs:{slot:"badge",circle:"",danger:"",value:"12"},slot:"badge"})],1),this._v(" "),e("n-tile",{attrs:{icon:"fas fa-credit-card",title:"Payments"}},[e("n-badge",{attrs:{slot:"badge",primary:"",value:"$120"},slot:"badge"})],1)],1)},[],!1,null,null,null);e.default=n.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/147.816fb6ca.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[147],{1004:function(t,s,n){"use strict";n.r(s);var i=n(1),o=Object(i.a)({},function(){var t=this.$createElement,s=this._self._c||t;return s("n-tile",[s("n-button",{attrs:{slot:"icon",circle:"",ghost:""},slot:"icon"},[s("n-icon",{attrs:{icon:"fas fa-arrow-left"}})],1),this._v(" "),s("div",[s("div",{staticClass:"n-h3"},[this._v("Hello, world!")])]),this._v(" "),s("n-div",{attrs:{slot:"actions",flex:"","left-center":""},slot:"actions"},[s("n-button",{attrs:{circle:"",ghost:""}},[s("n-icon",{attrs:{icon:"fas fa-th"}})],1),this._v(" "),s("n-button",{attrs:{circle:"",ghost:""}},[s("n-icon",{attrs:{icon:"fas fa-ellipsis-v"}})],1)],1)],1)},[],!1,null,null,null);s.default=o.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/150.fab8bbf0.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[150],{1038:function(t,e,n){"use strict";n.r(e);var r=n(1),a=Object(r.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:"","center-center":""}},[e("n-div",{attrs:{col:"","sm:12":"","md:6":""}},[e("n-embed",{attrs:{ratio:16/9,url:"https://player.vimeo.com/video/332876903?autoplay=1"}})],1)],1)},[],!1,null,null,null);e.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/151.574c6314.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[151],{998:function(t,e,s){"use strict";s.r(e);var o=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],n={methods:{getMsg:function(){return o[Math.floor(Math.random()*o.length)]}}},i=s(1),h=Object(i.a)(n,function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("router-link",{attrs:{to:"/"}},[this._v("Take me home.")])],1)])},[],!1,null,null,null);e.default=h.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/152.2c53c789.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[152],{1049:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/155.fdf5237f.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[155],{1055:function(t,a,e){"use strict";e.r(a);var r=e(1),s=Object(r.a)({},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h2",{attrs:{id:"carousel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#carousel","aria-hidden":"true"}},[t._v("#")]),t._v(" Carousel")]),t._v(" "),e("ComponentMeta",{attrs:{name:"NCarousel"}}),t._v(" "),e("h3",{attrs:{id:"default-carousel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-carousel","aria-hidden":"true"}},[t._v("#")]),t._v(" Default Carousel")]),t._v(" "),e("ComponentDemo",{attrs:{name:"DefaultCarousel"}})],1)},[],!1,null,null,null);a.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/156.4c9f63a2.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[156],{1057:function(t,a,e){"use strict";e.r(a);var r=e(1),s=Object(r.a)({},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h2",{attrs:{id:"data-tables"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-tables","aria-hidden":"true"}},[t._v("#")]),t._v(" Data Tables")]),t._v(" "),e("ComponentMeta",{attrs:{name:"NDataTable"}}),t._v(" "),e("h3",{attrs:{id:"data-table-with-remote-data-source"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-table-with-remote-data-source","aria-hidden":"true"}},[t._v("#")]),t._v(" Data Table with Remote Data Source")]),t._v(" "),e("ComponentDemo",{attrs:{name:"DataTable"}})],1)},[],!1,null,null,null);a.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/158.b6ac9176.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[158],{1061:function(t,e,r){"use strict";r.r(e);var a=r(1),s=Object(a.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h2",{attrs:{id:"drawer"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawer","aria-hidden":"true"}},[this._v("#")]),this._v(" Drawer")]),this._v(" "),e("ComponentMeta",{attrs:{name:"NDrawer"}})],1)},[],!1,null,null,null);e.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/161.eeff3215.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[161],{1067:function(t,i,e){"use strict";e.r(i);var s=e(1),h=Object(s.a)({},function(){var t=this.$createElement,i=this._self._c||t;return i("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[i("h2",{attrs:{id:"highlight"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#highlight","aria-hidden":"true"}},[this._v("#")]),this._v(" Highlight")]),this._v(" "),i("ComponentMeta",{attrs:{name:"NHighlight"}}),this._v(" "),i("ComponentDemo",{attrs:{name:"Highlight"}})],1)},[],!1,null,null,null);i.default=h.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/163.db231480.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[163],{1066:function(t,a,e){"use strict";e.r(a);var n=e(1),r=Object(n.a)({},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h2",{attrs:{id:"images"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#images","aria-hidden":"true"}},[t._v("#")]),t._v(" Images")]),t._v(" "),e("ComponentMeta",{attrs:{name:"NImg"}}),t._v(" "),e("h3",{attrs:{id:"alternating-image"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#alternating-image","aria-hidden":"true"}},[t._v("#")]),t._v(" Alternating Image")]),t._v(" "),e("ComponentDemo",{attrs:{name:"AlternatingImage"}})],1)},[],!1,null,null,null);a.default=r.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/164.05ae5342.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[164],{1064:function(t,i,n){"use strict";n.r(i);var e=n(1),s=Object(e.a)({},function(){var t=this.$createElement,i=this._self._c||t;return i("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[i("h2",{attrs:{id:"infinite-list"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#infinite-list","aria-hidden":"true"}},[this._v("#")]),this._v(" Infinite List")]),this._v(" "),i("ComponentMeta",{attrs:{name:"NInfiniteList"}}),this._v(" "),i("ComponentDemo",{attrs:{name:"InfiniteList"}})],1)},[],!1,null,null,null);i.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/165.8ab55cde.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[165],{1062:function(t,s,e){"use strict";e.r(s);var a=e(1),i=Object(a.a)({},function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h2",{attrs:{id:"list"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#list","aria-hidden":"true"}},[this._v("#")]),this._v(" List")]),this._v(" "),s("ComponentMeta",{attrs:{name:"NList"}})],1)},[],!1,null,null,null);s.default=i.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/167.d9fb7946.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[167],{1058:function(t,e,n){"use strict";n.r(e);var s=n(1),a=Object(s.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h2",{attrs:{id:"menus-and-menu-items"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#menus-and-menu-items","aria-hidden":"true"}},[this._v("#")]),this._v(" Menus and Menu Items")]),this._v(" "),e("ComponentMeta",{attrs:{name:"NMenu"}}),this._v(" "),e("ComponentMeta",{attrs:{name:"NMenuItem"}})],1)},[],!1,null,null,null);e.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/170.9ea2fb8b.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[170],{1052:function(t,a,n){"use strict";n.r(a);var e=n(1),i=Object(e.a)({},function(){var t=this.$createElement,a=this._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[a("h2",{attrs:{id:"pagination"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#pagination","aria-hidden":"true"}},[this._v("#")]),this._v(" Pagination")]),this._v(" "),a("ComponentMeta",{attrs:{name:"NPagination"}}),this._v(" "),a("ComponentDemo",{attrs:{name:"DefaultPagination"}})],1)},[],!1,null,null,null);a.default=i.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/173.07e3dc82.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[173],{1069:function(t,s,a){"use strict";a.r(s);var e=a(1),n=Object(e.a)({},function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h2",{attrs:{id:"tabs"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tabs","aria-hidden":"true"}},[this._v("#")]),this._v(" Tabs")]),this._v(" "),s("ComponentMeta",{attrs:{name:"NTabs"}})],1)},[],!1,null,null,null);s.default=n.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/176.f825b5a8.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[176],{1044:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/177.e607a88e.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[177],{1031:function(t,i,n){"use strict";n.r(i);var s=n(1),r=Object(s.a)({},function(){var t=this.$createElement,i=this._self._c||t;return i("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[i("h2",{attrs:{id:"confirmation-dialog"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#confirmation-dialog","aria-hidden":"true"}},[this._v("#")]),this._v(" Confirmation Dialog")]),this._v(" "),i("p",[this._v("See "),i("router-link",{attrs:{to:"/plugins/Confirm.html"}},[this._v("Confirm Plugin")]),this._v(".")],1)])},[],!1,null,null,null);i.default=r.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/179.a6af4434.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[179],{1029:function(t,n,e){"use strict";e.r(n);var s=e(1),r=Object(s.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h2",{attrs:{id:"spinner"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#spinner","aria-hidden":"true"}},[this._v("#")]),this._v(" Spinner")]),this._v(" "),n("ComponentDemo",{attrs:{name:"Spinner"}})],1)},[],!1,null,null,null);n.default=r.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/181.c7f316db.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[181],{1023:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/185.2ae2fd98.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[185],{1015:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/189.60e7a989.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[189],{1007:function(t,e,a){"use strict";a.r(e);var r=a(1),l=Object(r.a)({},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h2",{attrs:{id:"form-field"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#form-field","aria-hidden":"true"}},[t._v("#")]),t._v(" Form Field")]),t._v(" "),a("ComponentMeta",{attrs:{name:"NField"}}),t._v(" "),a("h3",{attrs:{id:"default-field"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-field","aria-hidden":"true"}},[t._v("#")]),t._v(" Default Field")]),t._v(" "),a("ComponentDemo",{attrs:{name:"DefaultField"}})],1)},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/194.f9b23825.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[194],{1002:function(t,e,s){"use strict";s.r(e);var n=s(1),a=Object(n.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h2",{attrs:{id:"text-field"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#text-field","aria-hidden":"true"}},[this._v("#")]),this._v(" Text Field")]),this._v(" "),e("ComponentMeta",{attrs:{name:"NTextField"}}),this._v(" "),e("ComponentDemo",{attrs:{name:"TextField"}})],1)},[],!1,null,null,null);e.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/197.770ab5ce.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[197],{1111:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/199.4ed94095.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[199],{1108:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/201.10aa88f8.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[201],{1104:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/210.4edc2727.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[210],{1088:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/212.ff1a630c.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[212],{1084:function(t,n,e){"use strict";e.r(n);var s=e(1),i=Object(s.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h2",{attrs:{id:"kitchen-sink"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#kitchen-sink","aria-hidden":"true"}},[this._v("#")]),this._v(" Kitchen Sink")]),this._v(" "),n("ComponentDemo",{attrs:{name:"KitchenSink"}})],1)},[],!1,null,null,null);n.default=i.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/219.fdc01cc8.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[219],{375:function(n,e,t){!function(n){"use strict";var e="><+-.,[]".split("");n.defineMode("brainfuck",function(){return{startState:function(){return{commentLine:!1,left:0,right:0,commentLoop:!1}},token:function(n,t){if(n.eatSpace())return null;n.sol()&&(t.commentLine=!1);var o=n.next().toString();return-1===e.indexOf(o)?(t.commentLine=!0,n.eol()&&(t.commentLine=!1),"comment"):!0===t.commentLine?(n.eol()&&(t.commentLine=!1),"comment"):"]"===o||"["===o?("["===o?t.left++:t.right++,"bracket"):"+"===o||"-"===o?"keyword":"<"===o||">"===o?"atom":"."===o||","===o?"def":void(n.eol()&&(t.commentLine=!1))}}}),n.defineMIME("text/x-brainfuck","brainfuck")}(t(351))}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/229.c5330d59.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[229],{384:function(n,e,i){!function(n){"use strict";n.defineMode("diff",function(){var n={"+":"positive","-":"negative","@":"meta"};return{token:function(e){var i=e.string.search(/[\t ]+?$/);if(!e.sol()||0===i)return e.skipToEnd(),("error "+(n[e.string.charAt(0)]||"")).replace(/ $/,"");var t=n[e.peek()]||e.skipToEnd();return-1===i?e.skipToEnd():e.pos=i,t}}}),n.defineMIME("text/x-diff","diff")}(i(351))}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/26.c95990ba.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[26],{741:function(t,e,n){},768:function(t,e,n){"use strict";var a=n(741);n.n(a).a},973:function(t,e,n){"use strict";n.r(e);var a={name:"ColorPalette",data:function(){return{palettes:["neutral","black","primary","secondary","danger","success","warning","notice"],shades:["","lighten","darken","fade","text"]}}},r=(n(768),n(1)),s=Object(r.a)(a,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"color-palette"},t._l(t.palettes,function(e){return n("div",{key:e},t._l(t.shades,function(t){return n("div",{key:t,staticClass:"swatch",style:{background:t?"var(--color-"+e+"-"+t+")":"var(--color-"+e+")"}})}),0)}),0)},[],!1,null,"d80869b4",null);e.default=s.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/269.d6c28445.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[269],{432:function(e,t,i){!function(e){"use strict";e.defineMode("properties",function(){return{token:function(e,t){var i=e.sol()||t.afterSection,n=e.eol();if(t.afterSection=!1,i&&(t.nextMultiline?(t.inMultiline=!0,t.nextMultiline=!1):t.position="def"),n&&!t.nextMultiline&&(t.inMultiline=!1,t.position="def"),i)for(;e.eatSpace(););var o=e.next();return!i||"#"!==o&&"!"!==o&&";"!==o?i&&"["===o?(t.afterSection=!0,e.skipTo("]"),e.eat("]"),"header"):"="===o||":"===o?(t.position="quote",null):("\\"===o&&"quote"===t.position&&e.eol()&&(t.nextMultiline=!0),t.position):(t.position="comment",e.skipToEnd(),"comment")},startState:function(){return{position:"def",nextMultiline:!1,inMultiline:!1,afterSection:!1}}}}),e.defineMIME("text/x-properties","properties"),e.defineMIME("text/x-ini","properties")}(i(351))}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/310.8f18dff6.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[310],{475:function(n,w,o){}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/311.98fa2528.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[311],{370:function(n,w,o){}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/61.ae027aa2.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[61],{1046:function(t,i,e){"use strict";e.r(i);var l=e(1),a=Object(l.a)({},function(){var t=this.$createElement,i=this._self._c||t;return i("n-module",{attrs:{title:"Lorem Ipsum",type:"card"}},[i("n-img",{attrs:{slot:"media",src:"https://bit.ly/2YT8P1D","lazy-load":!1},slot:"media"}),this._v(" "),i("n-div",{attrs:{padding:"medium"}},[this._v("\n        Morbi vitae finibus sem. Duis mollis lorem quis lorem aliquet tincidunt. Aliquam erat volutpat. In\n        euismod id neque at malesuada. Maecenas at est suscipit velit volutpat blandit. Sed id mauris et\n        tellus convallis lacinia non vel dolor. Curabitur ultrices bibendum arcu pulvinar tempus. Maecenas\n        vestibulum sapien lectus, ac efficitur lorem sollicitudin vel.\n    ")])],1)},[],!1,null,null,null);i.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/64.17013db4.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[64],{994:function(t,n,e){"use strict";e.r(n);var i={mounted:function(){var t=this;this.$nextTick(function(){t.createIntersectionObserver()})},watch:{"$data.$inViewport":{handler:function(){this.$data.$inViewport&&this.$alert("Component scrolled into viewport")}}}},a=e(1),r=Object(a.a)(i,function(){var t=this.$createElement,n=this._self._c||t;return n("div",[n("n-img",{attrs:{src:"https://bit.ly/2VJIoy5",alt:"Unsplash Image",width:"200"}})],1)},[],!1,null,"7387b01a",null);n.default=r.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/65.c18a2dd7.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[65],{992:function(t,n,e){"use strict";e.r(n);var c={methods:{emit:function(t){this.$alert("This is a ".concat(t," alert"),t)}}},i=e(1),o=Object(i.a)(c,function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("n-div",{attrs:{flex:"","left-center":""}},t._l(t.$config.palettes,function(n,c){return e("n-button",{key:c,attrs:{color:n,"prefix-icon":"fas fa-comment-dots"},on:{click:function(e){return t.emit(n)}}},[t._v("\n        Emit "+t._s(n)+"\n    ")])}),1)},[],!1,null,null,null);n.default=o.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/66.cd251f16.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[66],{1035:function(t,n,s){"use strict";s.r(n);var e=s(1),i=Object(e.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("n-div",{attrs:{flex:"","center-center":""}},[n("n-div",{attrs:{"sm:12":"","md:7":""}},[n("p",[this._v("\n            Resize the window into a portrait mode\n        ")]),this._v(" "),n("n-img",{attrs:{src:"https://bit.ly/30tEoAs","src-vt":"https://bit.ly/2w7sn5O"}})],1)],1)},[],!1,null,null,null);n.default=i.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/67.ecc09258.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[67],{1034:function(t,e,n){"use strict";n.r(e);var s=n(1),a=Object(s.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:"","center-top":"",gap:"small"}},this._l(this.$config.sizes,function(t,n){return e("n-badge",{key:t,attrs:{size:t,value:Math.random().toFixed(2)}})}),1)},[],!1,null,null,null);e.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/68.a9b937de.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[68],{1033:function(n,t,e){"use strict";e.r(t);var s=e(1),a=Object(s.a)({},function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("n-div",{attrs:{flex:"","center-bottom":"",gap:"small"}},n._l(n.$config.sizes,function(t,s){return e("n-button",{key:t,attrs:{size:t,"prefix-icon":"fas fa-expand"}},[n._v(n._s(t)+"\n    ")])}),1)},[],!1,null,null,null);t.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/69.66943836.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[69],{990:function(e,a,n){"use strict";n.r(a);var t={data:function(){return{model:[],options:[{name:"Cats",id:1},{name:"Dogs",id:5},{name:"Rats",id:18}]}}},o=n(1),l=Object(o.a)(t,function(){var e=this,a=e.$createElement,n=e._self._c||a;return n("n-div",{attrs:{flex:"",stacked:""}},[n("n-checkbox-group",{attrs:{label:"Which animals do you have at home?",options:e.options,labelProp:"name",valueProp:"id",indeterminate:"I have them all",stacked:""},model:{value:e.model,callback:function(a){e.model=a},expression:"model"}}),e._v(" "),n("p",[e._v("Current value: "+e._s(e.model))])],1)},[],!1,null,null,null);a.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/70.e3cf840f.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[70],{1028:function(t,n,s){"use strict";s.r(n);var a=s(1),i=Object(a.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("n-div",{attrs:{flex:"",gap:"small"}},[n("n-tag",{attrs:{icon:"fas fa-tag"}},[this._v("FA Icon")]),this._v(" "),n("n-tag",[n("span",[this._v("Slot Icon")]),this._v(" "),n("n-media",{attrs:{slot:"icon",avatar:""},slot:"icon"},[n("n-img",{attrs:{src:"https://bit.ly/2w7uMNS"}})],1)],1)],1)},[],!1,null,null,null);n.default=i.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/71.c0d355e9.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[71],{1041:function(t,e,n){"use strict";n.r(e);var s=n(1),l=Object(s.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:"",gap:"small"}},this._l(this.$config.palettes,function(t,n){return e("n-badge",{key:n,attrs:{color:t,value:t.substr(0,1).toUpperCase()}})}),1)},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/73.98838f15.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[73],{1113:function(n,t,l){"use strict";l.r(t);var e=l(1),a=Object(e.a)({},function(){var n=this,t=n.$createElement,l=n._self._c||t;return l("n-div",{attrs:{flex:"",gap:"small"}},n._l(n.$config.palettes,function(t,e){return l("n-tag",{key:e,attrs:{color:t,closable:"",small:""}},[n._v("\n        "+n._s(t)+"\n    ")])}),1)},[],!1,null,null,null);t.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/76.a186a924.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[76],{950:function(e,t,a){"use strict";a.r(t);var n={components:{Input:a(6).default},data:function(){return{value:0}},methods:{onChange:function(){this.$alert("Value changed to ".concat(this.value))}}},l=a(1),u=Object(l.a)(n,function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("n-field",{attrs:{help:"Some important help text",label:"Label",required:""}},[a("input",{directives:[{name:"model",rawName:"v-model",value:e.value,expression:"value"}],attrs:{placeholder:"Placeholder",required:"",step:"0.01",type:"number"},domProps:{value:e.value},on:{input:function(t){t.target.composing||(e.value=t.target.value)}}})])},[],!1,null,null,null);t.default=u.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/78.c135c5ca.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[78],{1037:function(t,n,e){"use strict";e.r(n);var s=e(1),u=Object(s.a)({},function(){var t=this.$createElement,n=this._self._c||t;return n("n-div",{attrs:{flex:"","left-center":"",gap:"small"}},[n("n-button",[this._v("Default Button")]),this._v(" "),n("n-button",{attrs:{to:"/"}},[this._v("Router Link")]),this._v(" "),n("n-button",{attrs:{href:"#"}},[this._v("Anchor Button")])],1)},[],!1,null,null,null);n.default=u.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/79.d1ecbae0.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[79],{955:function(t,i,s){"use strict";s.r(i);var n={data:function(){return{images:["https://bit.ly/2EylKy7","https://bit.ly/2JDJVzf","https://bit.ly/2X6XMRG","https://bit.ly/2MckEOI","https://bit.ly/2MadE59","https://bit.ly/2HC4Iky"]}}},e=s(1),l=Object(e.a)(n,function(){var t=this.$createElement,i=this._self._c||t;return i("n-carousel",this._l(this.images,function(t,s){return i("div",{key:s},[i("n-media",{attrs:{ratio:21/9}},[i("n-img",{attrs:{src:t}})],1)],1)}),0)},[],!1,null,null,null);i.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/80.fb84a149.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[80],{956:function(e,n,o){"use strict";o.r(n);var t={data:function(){return{model:!1}}},a=o(1),l=Object(a.a)(t,function(){var e=this,n=e.$createElement,o=e._self._c||n;return o("n-div",{attrs:{flex:"",stacked:""}},[o("n-checkbox",{model:{value:e.model,callback:function(n){e.model=n},expression:"model"}},[o("span",[e._v("I have read and understood "),o("a",[e._v("Terms & Conditions")])])]),e._v(" "),o("p",[e._v("Current value: "+e._s(e.model))])],1)},[],!1,null,null,null);n.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/82.90556f9f.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[82],{1083:function(t,s,e){"use strict";e.r(s);var l=e(1),r=Object(l.a)({},function(){var t=this.$createElement,s=this._self._c||t;return s("n-div",{attrs:{flex:"","center-center":""}},[s("n-div",{attrs:{col:"","sm:12":"","md:6":""}},[s("n-embed",{attrs:{ratio:16/9}},[s("n-img",{attrs:{slot:"background",src:"https://bit.ly/2JsXDos",alt:"Unsplash"},slot:"background"}),this._v(" "),s("iframe",{attrs:{allow:"autoplay;fullscreen",allowfullscreen:"",frameborder:"0",src:"https://bit.ly/2Esk6OH"}})],1)],1)],1)},[],!1,null,null,null);s.default=r.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/83.768cb3f5.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[83],{1105:function(e,t,a){"use strict";a.r(t);var r=a(1),l=Object(r.a)({},function(){var e=this.$createElement,t=this._self._c||e;return t("n-field",{attrs:{help:"Please write a few paragraphs about yourself",label:"Biography",required:""},scopedSlots:this._u([{key:"default",fn:function(e){var a=e.id,r=e.required;return[t("textarea",{attrs:{id:a,required:r,name:"bio"}})]}}])},[t("template",{slot:"labelHelp"},[t("a",[this._v("Need Help?")])])],2)},[],!1,null,null,null);t.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/84.eca8bc09.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[84],{1110:function(t,e,s){"use strict";s.r(e);var i=s(1),r=Object(i.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-hero",{attrs:{"left-center":"",gap:"medium",primary:"",medium:""}},[e("n-div",{attrs:{flex:"",stacked:"",gap:"large"}},[e("div",[e("n-text",{attrs:{level:"1"}},[this._v("Neque porro quisquam")]),this._v(" "),e("n-text",{attrs:{level:"4"}},[this._v("\n                Lorem ipsum dolor sit amet, consectetur adipiscing elit\n            ")])],1),this._v(" "),e("div",[e("n-button",{attrs:{black:"","suffix-icon":"fas fa-arrow-right fa-xs",text:"Ipsum",xlarge:""}})],1)])],1)},[],!1,null,null,null);e.default=r.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/86.57abde03.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[86],{1032:function(s,e,n){"use strict";n.r(e);var t=n(1),a=Object(t.a)({},function(){var s=this.$createElement,e=this._self._c||s;return e("div",[e("n-message",{attrs:{message:"This is a neutral message"}}),this._v(" "),e("n-message",{attrs:{color:"danger",message:"Ooops, something went wrong"}}),this._v(" "),e("n-message",{attrs:{color:"success",message:"All looks good. Green light!"}}),this._v(" "),e("n-message",{attrs:{color:"warning",message:"There is only 24 hours in a day"}})],1)},[],!1,null,null,null);e.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/89.95754f07.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[89],{965:function(e,n,l){"use strict";l.r(n);var t={data:function(){return{model:!1}}},o=l(1),a=Object(o.a)(t,function(){var e=this,n=e.$createElement,l=e._self._c||n;return l("n-div",{attrs:{flex:"",stacked:""}},[l("n-radio",{model:{value:e.model,callback:function(n){e.model=n},expression:"model"}},[l("span",[e._v("Option")])]),e._v(" "),l("p",[e._v("Current value: "+e._s(e.model))])],1)},[],!1,null,null,null);n.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/90.5bd90355.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[90],{966:function(e,l,n){"use strict";n.r(l);var t=n(737),o={data:function(){return{model:null,countries:t}}},r=n(1),a=Object(r.a)(o,function(){var e=this,l=e.$createElement,n=e._self._c||l;return n("n-div",{attrs:{flex:"",stacked:""}},[n("n-select",{attrs:{label:"Select your country",required:"",placeholder:"Select...",options:e.countries,labelProp:"name",valueProp:"alpha2Code"},model:{value:e.model,callback:function(l){e.model=l},expression:"model"}}),e._v(" "),n("p",[e._v("Current value: "+e._s(e.model))])],1)},[],!1,null,null,null);l.default=a.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/91.e516b2a5.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[91],{1048:function(t,e,n){"use strict";n.r(e);var o=n(1),l=Object(o.a)({},function(){var t=this.$createElement;return(this._self._c||t)("n-tile",{attrs:{icon:"fas fa-download",subtitle:"Get a copy of the file for your records",title:"Download"}})},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/92.b032c5d1.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[92],{1071:function(s,e,n){"use strict";n.r(e);var t=n(1),c=Object(t.a)({},function(){var s=this.$createElement,e=this._self._c||s;return e("n-message",{attrs:{color:"success",duration:1e4}},[e("n-icon",{attrs:{icon:"fas fa-cogs",position:"prefix"}}),this._v(" "),e("span",[this._v("Your preferences have been successfully saved")])],1)},[],!1,null,null,null);e.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/93.9d59bec0.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[93],{968:function(t,e,n){"use strict";n.r(e);var i={data:function(){return{visible:!1}}},s=n(1),l=Object(s.a)(i,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("n-div",{attrs:{flex:""}},[n("n-popup",{attrs:{placement:{sm:"bottom-start"}},model:{value:t.visible,callback:function(e){t.visible=e},expression:"visible"}},[n("template",{slot:"trigger"},[n("n-button",{attrs:{"suffix-icon":"fas fa-caret-down fa-xs",text:"Show Dropdown"},on:{click:function(e){t.visible,t.visible}}})],1),t._v(" "),n("LoremCard")],2)],1)},[],!1,null,null,null);e.default=l.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/96.0593298e.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[96],{1042:function(t,e,n){"use strict";n.r(e);var s=n(1),r=Object(s.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("n-div",{attrs:{flex:"","left-center":""}},[e("n-button",{attrs:{outlined:"",secondary:"",type:"reset"}},[this._v("Reset")]),this._v(" "),e("n-button",{attrs:{secondary:"",type:"submit"}},[this._v("Submit")])],1)},[],!1,null,null,null);e.default=r.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/assets/js/99.843d9053.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[99],{1070:function(e,n,t){"use strict";t.r(n);var i=t(1),c=Object(i.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"n-flex flex-gravity-center-bottom"},[t("div",{staticClass:"p-medium align-center bg-danger-fade col-12 md:col-3"},[e._v("\n        Line 1\n    ")]),e._v(" "),t("div",{staticClass:"p-medium align-center bg-success-fade col-12 md:col-3"},[e._v("\n        Line 1"),t("br"),e._v("\n        Line 2"),t("br"),e._v("\n        Line 3\n    ")]),e._v(" "),t("div",{staticClass:"p-medium align-center bg-primary-fade col-12 md:col-3"},[e._v("\n        Line 1"),t("br"),e._v("\n        Line 2\n    ")])])}],!1,null,null,null);n.default=c.exports}}]);


--------------------------------------------------------------------------------
/docs/.vuepress/dist/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "NoahUI Docs",
 3 |   "short_name": "NoahUI",
 4 |   "theme_color": "#4e668d",
 5 |   "background_color": "#4e668d",
 6 |   "display": "browser",
 7 |   "scope": "/",
 8 |   "start_url": "/"
 9 | }
10 | 


--------------------------------------------------------------------------------
/docs/.vuepress/fixtures/README.txt:
--------------------------------------------------------------------------------
1 | countries.json borrowed from https://restcountries.eu/
2 | 


--------------------------------------------------------------------------------
/docs/.vuepress/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "NoahUI Docs",
 3 |   "short_name": "NoahUI",
 4 |   "theme_color": "#4e668d",
 5 |   "background_color": "#4e668d",
 6 |   "display": "browser",
 7 |   "scope": "/",
 8 |   "start_url": "/"
 9 | }
10 | 


--------------------------------------------------------------------------------
/docs/.vuepress/utils/markdown.js:
--------------------------------------------------------------------------------
 1 | const md = require('markdown-it')({});
 2 | 
 3 | export default (content) => {
 4 |     if (typeof content !== 'string' || !content) {
 5 |         return '';
 6 |     }
 7 | 
 8 |     return md.render(content);
 9 | };
10 | 


--------------------------------------------------------------------------------
/docs/components.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Noah UI Components
 3 | meta: 
 4 |     - name: description
 5 |     - content: Component library
 6 | label: Components
 7 | priority: 4
 8 | icon: fas fa-project-diagram
 9 | ---
10 | 
11 | 
12 | 
13 | 
14 | 


--------------------------------------------------------------------------------
/docs/components/Badge.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Badge
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Badges
 8 | 
 9 | <ComponentMeta name="NBadge" />
10 | 
11 | ### Colored Badges
12 | 
13 | <ComponentDemo name="ColoredBadges" />
14 | 
15 | ### Badge Sizes
16 | 
17 | <ComponentDemo name="BadgeSizes" />
18 | 


--------------------------------------------------------------------------------
/docs/components/Button.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Button
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Buttons
 8 | 
 9 | <ComponentMeta name="NButton" />
10 | 
11 | ### Default Buttons
12 | 
13 | <ComponentDemo name="DefaultButtons" />
14 | 
15 | ### Colored Buttons
16 | 
17 | <ComponentDemo name="ColoredButtons" />
18 | 
19 | ### Stateful Buttons
20 | 
21 | <ComponentDemo name="StatefulButtons" />
22 | 
23 | ### Buttons with Icons
24 | 
25 | <ComponentDemo name="IconButtons" />
26 | 
27 | ### Form Buttons
28 |  
29 | <ComponentDemo name="FormButtons" />
30 |  
31 | ### Buttons Sizes
32 |  
33 | <ComponentDemo name="ButtonSizes" />
34 | 


--------------------------------------------------------------------------------
/docs/components/Carousel.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Carousel
 3 | badge: Organism
 4 | badgeColor: danger
 5 | ---
 6 | 
 7 | ## Carousel
 8 | 
 9 | <ComponentMeta name="NCarousel" />
10 | 
11 | ### Default Carousel
12 | 
13 | <ComponentDemo name="DefaultCarousel" />
14 | 


--------------------------------------------------------------------------------
/docs/components/DataTable.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Data Table
 3 | badge: Organism
 4 | badgeColor: danger
 5 | ---
 6 | 
 7 | ## Data Tables
 8 | 
 9 | <ComponentMeta name="NDataTable" />
10 | 
11 | ### Data Table with Remote Data Source
12 | 
13 | <ComponentDemo name="DataTable" />
14 | 


--------------------------------------------------------------------------------
/docs/components/Dialog.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Dialog
 3 | badge: Molecule
 4 | badgeColor: secondary
 5 | ---
 6 | 
 7 | ## Dialog
 8 | 
 9 | <ComponentMeta name="NDialog" />
10 | 
11 | ### Dialog with `v-model`
12 | 
13 | <ComponentDemo name="DefaultDialog" />
14 | 
15 | ### Confirmation Dialog
16 | 
17 | See [Confirmation Dialogs](../plugins/Confirm.md).
18 | 


--------------------------------------------------------------------------------
/docs/components/Drawer.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Drawer
 3 | badge: Organism
 4 | badgeColor: danger
 5 | ---
 6 | 
 7 | ## Drawer
 8 | 
 9 | <ComponentMeta name="NDrawer" />
10 | 


--------------------------------------------------------------------------------
/docs/components/Embed.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Embed
 3 | badge: Molecule
 4 | badgeColor: secondary
 5 | ---
 6 | 
 7 | ## Embed
 8 | 
 9 | <ComponentMeta name="NEmbed" />
10 | 
11 | ### Embed via slots
12 | 
13 | <ComponentDemo name="DefaultEmbed" />
14 | 
15 | ### oEmbed
16 | 
17 | <ComponentDemo name="oEmbed" />
18 | 


--------------------------------------------------------------------------------
/docs/components/Hero.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Hero
 3 | badge: Organism
 4 | badgeColor: danger
 5 | ---
 6 | 
 7 | ## Heroes
 8 | 
 9 | <ComponentMeta name="NHero" />
10 | 
11 | ### Default Hero
12 | 
13 | <ComponentDemo name="DefaultHero" />
14 | 
15 | ### Image Hero
16 | 
17 | <ComponentDemo name="ImageHero" />
18 | 


--------------------------------------------------------------------------------
/docs/components/Highlight.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Highlight
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Highlight
 8 | 
 9 | <ComponentMeta name="NHighlight" />
10 | 
11 | <ComponentDemo name="Highlight" />
12 | 


--------------------------------------------------------------------------------
/docs/components/Icon.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Icon
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Icons
 8 | 
 9 | <ComponentMeta name="NIcon" />
10 | 
11 | By default, NoahUI uses FontAwesome, which is imported from `styles/fonts.scss`.
12 | You can import another icon font and use it accordingly.
13 | 
14 | In component docs, you will see all referenced icons, which you can replace by updating the
15 | config value, when initializing NoahUI in your project.
16 | 
17 | <ComponentDemo name="Icons" />
18 | 


--------------------------------------------------------------------------------
/docs/components/Image.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Image
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Images
 8 | 
 9 | <ComponentMeta name="NImg" />
10 | 
11 | ### Alternating Image
12 | 
13 | <ComponentDemo name="AlternatingImage" />
14 | 


--------------------------------------------------------------------------------
/docs/components/InfiniteList.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Infinite List
 3 | badge: Organism
 4 | badgeColor: danger
 5 | ---
 6 | 
 7 | ## Infinite List
 8 | 
 9 | <ComponentMeta name="NInfiniteList" />
10 | 
11 | <ComponentDemo name="InfiniteList" />
12 | 


--------------------------------------------------------------------------------
/docs/components/List.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: List
 3 | badge: Molecule
 4 | badgeColor: secondary
 5 | ---
 6 | 
 7 | ## List
 8 | 
 9 | <ComponentMeta name="NList" />
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/components/Media.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Media
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Media
 8 | 
 9 | <ComponentMeta name="NMedia" />
10 | 
11 | ### Responsive iFrame with Aspect Ratio
12 | 
13 | <ComponentDemo name="MediaIframe" />
14 | 
15 | ### Responsive Square Image
16 | 
17 | <ComponentDemo name="MediaSquare" />
18 | 
19 | ### Responsive Image with Aspect Ratio
20 | 
21 | <ComponentDemo name="MediaImageRatio" />
22 | 
23 | ### Avatar
24 | 
25 | <ComponentDemo name="MediaAvatar" />
26 | 


--------------------------------------------------------------------------------
/docs/components/Menu.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Menu
 3 | badge: Organism
 4 | badgeColor: danger
 5 | ---
 6 | 
 7 | ## Menus and Menu Items
 8 | 
 9 | <ComponentMeta name="NMenu" />
10 | 
11 | <ComponentMeta name="NMenuItem" />
12 | 


--------------------------------------------------------------------------------
/docs/components/Message.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Message
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Message
 8 | 
 9 | <ComponentMeta name="NMessage" />
10 | 
11 | ### Default Message
12 | 
13 | <ComponentDemo name="DefaultMessage" />
14 | 
15 | ### Message Slot
16 | 
17 | <ComponentDemo name="MessageSlot" />
18 | 
19 | ### Disappearing Message
20 | 
21 | <ComponentDemo name="DisappearingMessage" />
22 | 
23 | ### Message Visibility
24 | 
25 | <ComponentDemo name="MessageVisibility" />
26 | 


--------------------------------------------------------------------------------
/docs/components/Module.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Module
 3 | badge: Organism
 4 | badgeColor: danger
 5 | ---
 6 | 
 7 | ## Module
 8 | 
 9 | <ComponentMeta name="NModule" />
10 | 
11 | ### Default Module
12 | 
13 | <ComponentDemo name="DefaultModule" />
14 | 
15 | ### Module Slots
16 | 
17 | <ComponentDemo name="ModuleSlots" />
18 |     
19 | ### Module Type Variation
20 | 
21 | <ComponentDemo name="ModuleType" />
22 | 


--------------------------------------------------------------------------------
/docs/components/Pagination.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Pagination
 3 | badge: Molecule
 4 | badgeColor: secondary
 5 | ---
 6 | 
 7 | ## Pagination
 8 | 
 9 | <ComponentMeta name="NPagination" />
10 | 
11 | <ComponentDemo name="DefaultPagination" />
12 | 


--------------------------------------------------------------------------------
/docs/components/Popup.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Popup
 3 | badge: Molecule
 4 | badgeColor: secondary
 5 | ---
 6 | 
 7 | ## Popup
 8 | 
 9 | <ComponentMeta name="NPopup" />
10 | 
11 | ### Popup Placement
12 | 
13 | <ComponentDemo name="Popups" />
14 | 
15 | ### Using External Trigger
16 | 
17 | <ComponentDemo name="PopupTriggerProp" />
18 | 
19 | ### Using Internal Trigger
20 | 
21 | <ComponentDemo name="Dropdown" />
22 | 
23 | ### Popup Menu
24 | 
25 | <ComponentDemo name="DropdownMenu" />
26 | 


--------------------------------------------------------------------------------
/docs/components/Tabs.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Tabs
 3 | badge: Organism
 4 | badgeColor: danger
 5 | ---
 6 | 
 7 | ## Tabs
 8 | 
 9 | <ComponentMeta name="NTabs" />
10 | 


--------------------------------------------------------------------------------
/docs/components/Tag.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Tag
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Tags
 8 | 
 9 | <ComponentMeta name="NTag" />
10 | 
11 | ### Colored Tags
12 | 
13 | <ComponentDemo name="ColoredTags" />
14 | 
15 | ### Chips
16 | 
17 | <ComponentDemo name="Chips" />
18 | 


--------------------------------------------------------------------------------
/docs/components/Tile.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Tile
 3 | badge: Atom
 4 | badgeColor: primary
 5 | ---
 6 | 
 7 | ## Tiles
 8 | 
 9 | <ComponentMeta name="NTile" />
10 | 
11 | ### Default Tile
12 | 
13 | <ComponentDemo name="DefaultTile" />
14 | 
15 | ### Stacked Tiles (Menu)
16 | 
17 | <ComponentDemo name="StackedTiles" />
18 | 
19 | ### Toolbar
20 | 
21 | <ComponentDemo name="TileToolbar" />
22 | 
23 | ### Profile View
24 | 
25 | <ComponentDemo name="ProfileView" />
26 | 
27 | ### Controls
28 | 
29 | <ComponentDemo name="TileControls" />
30 | 
31 | ### Badges
32 | 
33 | <ComponentDemo name="TileBadges" />
34 | 
35 | 
36 | 


--------------------------------------------------------------------------------
/docs/directives.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Noah UI Directives
 3 | meta: 
 4 |     - name: description
 5 |     - content: Global directives
 6 | label: Directives
 7 | priority: 7
 8 | icon: fas fa-map-signs
 9 | ---
10 | 
11 | 
12 | 
13 | 
14 | 


--------------------------------------------------------------------------------
/docs/directives/Confirm.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Confirmation Dialog
3 | label: Confirm
4 | ---
5 | 
6 | ## Confirmation Dialog
7 | 
8 | See [Confirm Plugin](../plugins/Confirm.md).
9 | 


--------------------------------------------------------------------------------
/docs/directives/Dropzone.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Dropzone
 3 | ---
 4 | 
 5 | ## Dropzone
 6 | 
 7 | Dropzone mixin allows you attach a file drop listener to any component.
 8 | 
 9 | ```vue
10 | <template>
11 |     <div v-dropzone="onDrop"></div>
12 | </template>
13 | 
14 | <script>
15 | export default {
16 |     methods: {
17 |         onDrop(fileList) {
18 |             // process your files
19 |         }
20 |     }
21 | }
22 | </script>
23 | ```
24 | 
25 | ## Example
26 | 
27 | <ComponentDemo name="DropzoneDirective" />
28 | 
29 | See [Dropzone Input](../forms/Dropzone.md) for more details and usage example.
30 | 
31 | 
32 | 


--------------------------------------------------------------------------------
/docs/directives/Spinner.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Spinner
3 | ---
4 | 
5 | ## Spinner
6 | 
7 | <ComponentDemo name="Spinner" />
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/directives/Tooltip.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Tooltip
 3 | label: Tooltip
 4 | ---
 5 | 
 6 | ## Tooltip
 7 | 
 8 | ### Tooltip Directive
 9 | 
10 | <ComponentDemo name="Tooltip" />
11 | 
12 | ### HTML content
13 | 
14 | See [Popup Component](../components/Popup.md).
15 | 


--------------------------------------------------------------------------------
/docs/extensions.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Noah UI Extensions
3 | label: Extensions
4 | priority: 80
5 | icon: fas fa-vials
6 | ---
7 | 


--------------------------------------------------------------------------------
/docs/extensions/CodeMirror.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: CodeMirror
 3 | ---
 4 | 
 5 | ## Code Viewer and Editor
 6 | 
 7 | <ComponentMeta name="NCodemirror" />
 8 | 
 9 | ### Installation
10 | 
11 | ```js
12 | import Vue from 'vue';
13 | import NCodemirror from '@arckinteractive/noah-ui/src/extensions/NCodemirror';
14 | 
15 | Vue.use(NCodemirror);
16 | ```
17 | 
18 | ### Usage
19 | 
20 | <ComponentDemo name="CodeEditor" />
21 | 


--------------------------------------------------------------------------------
/docs/extensions/ReCaptcha.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: ReCaptcha
 3 | ---
 4 | 
 5 | ## ReCaptcha
 6 | 
 7 | <ComponentMeta name="NRecaptcha" />
 8 | 
 9 | ### Installation
10 | 
11 | ```js
12 | import Vue from 'vue';
13 | import NRecaptcha from '@arckinteractive/noah-ui/src/extensions/NRecaptcha';
14 | 
15 | Vue.use(NRecaptcha, {
16 |     siteKey: '6LcoUKIUAAAAABUikWoT_q3KF21LiPhU4g7rKL6O',
17 | });
18 | ```
19 | 
20 | ### Usage
21 | 
22 | <ComponentDemo name="ReCaptcha" />
23 | 


--------------------------------------------------------------------------------
/docs/extensions/StripeCard.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Stripe Card
 3 | ---
 4 | 
 5 | ## Stripe Card
 6 | 
 7 | <ComponentMeta name="NStripeCard" />
 8 | 
 9 | ### Installation
10 | 
11 | ```js
12 | import Vue from 'vue';
13 | import NStripe from '@arckinteractive/noah-ui/src/extensions/NStripe';
14 | 
15 | Vue.use(NStripe, {
16 |     version: 'v3',
17 |     publishableKey: 'pk_XXXXXXXXXXX',
18 | });
19 | ```
20 | 
21 | ### Usage
22 | 
23 | <ComponentDemo name="StripeCard" />
24 | 


--------------------------------------------------------------------------------
/docs/forms.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Noah UI Forms
 3 | meta: 
 4 |     - name: description
 5 |     - content: Forms and fields
 6 | label: Forms
 7 | priority: 5
 8 | icon: fas fa-i-cursor
 9 | ---
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/forms/Checkbox.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Checkbox
 3 | priority: 11
 4 | badge: Molecule
 5 | badgeColor: secondary
 6 | ---
 7 | 
 8 | ## Checkboxes
 9 | 
10 | <ComponentMeta name="NCheckbox" />
11 | <ComponentMeta name="NCheckboxGroup" />
12 | 
13 | 
14 | ### Default Checkbox
15 | 
16 | <ComponentDemo name="DefaultCheckbox" />
17 | 
18 | ### Multiple Checkboxes
19 | 
20 | <ComponentDemo name="MultipleCheckboxes" />
21 | 
22 | ### Image Boxes
23 | 
24 | <ComponentDemo name="ImageCheckboxes" />
25 | 
26 | ### Checkbox Group
27 | 
28 | <ComponentDemo name="CheckboxGroup" />
29 | 
30 | ### Checkbox Group with Slots
31 | 
32 | <ComponentDemo name="CheckboxGroupSlots" />
33 | 


--------------------------------------------------------------------------------
/docs/forms/Control.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Control
 3 | priority: 3
 4 | badge: Atom
 5 | badgeColor: primary
 6 | ---
 7 | 
 8 | ## Control
 9 | 
10 | <ComponentMeta name="NControl" />
11 | 
12 | ### Default Control
13 | 
14 | <ComponentDemo name="DefaultInput" />
15 | 
16 | ### Labelled Control
17 | 
18 | <ComponentDemo name="LabelledInput" />
19 | 
20 | ### Loading Control
21 | 
22 | <ComponentDemo name="LoadingInput" />
23 | 
24 | ### Control Sizes
25 | 
26 | <ComponentDemo name="InputSizes" />
27 | 
28 | ### Control Colors
29 | 
30 | <ComponentDemo name="InputColors" />
31 | 


--------------------------------------------------------------------------------
/docs/forms/Dropzone.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Dropzone
 3 | priority: 15
 4 | badge: Molecule
 5 | badgeColor: secondary
 6 | ---
 7 | 
 8 | ## Dropzone
 9 | 
10 | <ComponentMeta name="NDropzone" />
11 | 
12 | ## Upload On Submit
13 | 
14 | <ComponentDemo name="DropzoneFileInput" />
15 | 
16 | ## Upload On Drop
17 | 
18 | <ComponentDemo name="DropzoneUpload" />
19 | 


--------------------------------------------------------------------------------
/docs/forms/Field.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Field
 3 | priority: 4
 4 | badge: Atom
 5 | badgeColor: primary
 6 | ---
 7 | 
 8 | ## Form Field
 9 | 
10 | <ComponentMeta name="NField" />
11 | 
12 | ### Default Field
13 | 
14 | <ComponentDemo name="DefaultField" />
15 | 
16 | 


--------------------------------------------------------------------------------
/docs/forms/Radio.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Radio
 3 | priority: 12
 4 | badge: Molecule
 5 | badgeColor: secondary
 6 | ---
 7 | 
 8 | ## Radios
 9 | 
10 | <ComponentMeta name="NRadio" />
11 | <ComponentMeta name="NRadioGroup" />
12 | 
13 | 
14 | ### Default Radio
15 | 
16 | <ComponentDemo name="DefaultRadio" />
17 | 
18 | ### Multiple Radios
19 | 
20 | <ComponentDemo name="MultipleRadios" />
21 | 
22 | ### Image Boxes
23 | 
24 | <ComponentDemo name="ImageRadios" />
25 | 
26 | ### Radio Group
27 | 
28 | <ComponentDemo name="RadioGroup" />
29 | 
30 | ### Radio Group with Slots
31 | 
32 | <ComponentDemo name="RadioGroupSlots" />
33 | 


--------------------------------------------------------------------------------
/docs/forms/Select.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Select
 3 | priority: 13
 4 | badge: Molecule
 5 | badgeColor: secondary
 6 | ---
 7 | 
 8 | ## Selects
 9 | 
10 | <ComponentMeta name="NSelect" />
11 | 
12 | 
13 | ### Default Select
14 | 
15 | <ComponentDemo name="DefaultSelect" />
16 | 
17 | ### Multiselect
18 | 
19 | <ComponentDemo name="Multiselect" />
20 | 
21 | ### Select Slots
22 | 
23 | <ComponentDemo name="SelectSlots" />
24 | 
25 | ### Remote Data
26 | 
27 | <ComponentDemo name="SelectRemoteData" />
28 | 
29 | ### Free Tags
30 | 
31 | <ComponentDemo name="SelectFreeTags" />
32 | 


--------------------------------------------------------------------------------
/docs/forms/TextField.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Text Field
 3 | priority: 10
 4 | badge: Molecule
 5 | badgeColor: secondary
 6 | ---
 7 | 
 8 | ## Text Field
 9 | 
10 | <ComponentMeta name="NTextField" />
11 | 
12 | <ComponentDemo name="TextField" />
13 | 
14 | 


--------------------------------------------------------------------------------
/docs/integrations.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Noah UI Integrations
3 | label: Integrations
4 | priority: 100
5 | icon: fas fa-puzzle-piece
6 | ---
7 | 


--------------------------------------------------------------------------------
/docs/integrations/storyblok.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Storyblok
 3 | priority: 1
 4 | ---
 5 | 
 6 | ## Storyblok Integration
 7 | 
 8 | NoahUi exposes some components for integration with [Storyblok](https://storyblok.com).
 9 | 
10 | ### Installation
11 | 
12 | First of all, add your Storyblok Management API token and spaceId to to `package.json`  
13 | 
14 | ```json
15 | {
16 |     "storyblok": {
17 |       "token": "<YOUR TOKEN>",
18 |       "spaceId": "<YOUR SPACE ID>"
19 |     }
20 | }
21 | ```
22 | 
23 | Install `yarn add @arckinteractive/noah-storyblok`.
24 | 
25 | Afterwards, run `yarn storyblok-sync` to create the necessary field types and components.
26 | 
27 | ```
28 | yarn storyblok:sync
29 | ```
30 | 
31 | You can now use NoahUi components in Storyblok. See Storyblok documentation to figure out how to wire things at the page/router level.
32 | 
33 | 
34 | 


--------------------------------------------------------------------------------
/docs/mixins.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Noah UI Mixins
3 | label: Mixins
4 | priority: 6
5 | icon: far fa-object-group
6 | ---
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/plugins.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Noah UI Plugins
 3 | meta: 
 4 |     - name: description
 5 |     - content: Global plugins
 6 | label: Plugins
 7 | priority: 3
 8 | icon: fas fa-plug
 9 | ---
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/plugins/Bus.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Event Bus
 3 | ---
 4 | 
 5 | ## Event Bus
 6 | 
 7 | ### Overview
 8 | 
 9 | Event Bus allows components to emit and listen to global events.
10 | 
11 | ``` js
12 | export default {
13 |     methods: {
14 |         emit(payload) {
15 |             this.$bus.$emit('foo:open', payload);
16 |         },
17 |         
18 |         listen() {
19 |             this.$bus.$on('foo:open', (payload) => {
20 |                 console.log(payload);
21 |             });
22 |         }
23 |     }
24 | }
25 | ```
26 | 


--------------------------------------------------------------------------------
/docs/plugins/Globals.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Globals
 3 | ---
 4 | 
 5 | ## Globals
 6 | 
 7 | ### `$globals`
 8 | 
 9 | `$globals` allow you share state between components. 
10 | 
11 | ``` js
12 | export default {
13 |     mounted() {
14 |         // This value is then available in all other components
15 |         this.$globals.hasMountedA = true;
16 |     },
17 |     
18 |     destroyed() {
19 |         this.$globals.hasMountedA = false;
20 |     }
21 | }
22 | ```
23 | 
24 | ### `$config`
25 | 
26 | Native (or altered) config injected on initialization via `Vue.use(NoahUi, congif)` is stored in a global `$config` object for ease of access.
27 | 
28 |  ``` js
29 |  export default {
30 |      computed: {
31 |         someProp() {
32 |             return this.$config.components.MyComponent.foo.bar;
33 |         }
34 |      }
35 |  }
36 |  ```
37 | 
38 | 
39 | 


--------------------------------------------------------------------------------
/docs/plugins/Popper.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Popper
 3 | ---
 4 | 
 5 | ## Popper
 6 | 
 7 | ### Overview
 8 | 
 9 | Popper plugin provides access to an asynchronously loaded `popper.js` constructor. This allows for SSR-friendly usage of popping elements.
10 | 
11 | ```js
12 | export default {
13 |     mounted() {
14 |         this.$popper.load().then((Popper) => {
15 |             new Popper(this.$refs.trigger, this.$refs.popup, this.options);
16 |         })
17 |     }
18 | }
19 | ```
20 | 


--------------------------------------------------------------------------------
/docs/theme.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Noah UI Theme
 3 | meta: 
 4 |     - name: description
 5 |     - content: Noah UI Theming Guidelines
 6 | label: Theme
 7 | priority: 2
 8 | icon: fas fa-swatchbook
 9 | ---
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/theme/kitchen-sink.md:
--------------------------------------------------------------------------------
1 | ---
2 | label: Kitchen Sink
3 | priority: 1
4 | ---
5 | 
6 | ## Kitchen Sink
7 | 
8 | <ComponentDemo name="KitchenSink" />
9 | 


--------------------------------------------------------------------------------
/docs/theme/variables.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | label: Variables
 3 | priority: 10
 4 | ---
 5 | 
 6 | ## All Theme Variables
 7 | 
 8 | <<< @/src/styles/_root.scss
 9 | 
10 | ## Component Variables
11 | 
12 | Some components define root level properties. Please check individual `*.scss` files for details.
13 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arckinteractive/noah-ui/c24b952da072692d82fea11b61af4b84108f2d75/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title>noah-ui</title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but noah-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/src/atoms/NDiv.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div v-bind="filteredAttrs">
 3 |         <slot></slot>
 4 |     </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | import Styling from '../mixins/Styling';
 9 | 
10 | /**
11 |  * Basic component that allows you to use Styling mixin
12 |  */
13 | export default {
14 |     mixins: [Styling],
15 | 
16 |     data () {
17 |         return {
18 |             localConfig: {
19 |                 name: 'NDiv',
20 |                 config: {
21 |                     baseClass: 'n-div',
22 |                 },
23 |             },
24 |         };
25 |     },
26 | };
27 | </script>
28 | 


--------------------------------------------------------------------------------
/src/directives/VSpinner.js:
--------------------------------------------------------------------------------
 1 | export default (config) => {
 2 |     const spin = (el, binding) => {
 3 |         const selector = config.directives.spinner.baseClass;
 4 | 
 5 |         if (binding.value) {
 6 |             el.classList.add(selector);
 7 |         } else {
 8 |             el.classList.remove(selector);
 9 |         }
10 |     };
11 | 
12 |     return {
13 |         inserted: spin,
14 |         update: spin,
15 |     };
16 | };
17 | 


--------------------------------------------------------------------------------
/src/extensions/NCodemirror.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |     install (Vue) {
 3 |         Vue.prototype.$codemirror = {
 4 |             async load (options) {
 5 |                 await import('codemirror/lib/codemirror.css');
 6 | 
 7 |                 const module = await import('codemirror/lib/codemirror.js');
 8 |                 const CodeMirror = module.default;
 9 | 
10 |                 const modes = options.modes || [];
11 | 
12 |                 const modeImports = modes.map((mode) => {
13 |                     return import(`codemirror/mode/${mode}/${mode}.js`);
14 |                 });
15 | 
16 |                 await Promise.all(modeImports);
17 | 
18 |                 return CodeMirror;
19 |             },
20 |         };
21 | 
22 |         Vue.component('n-codemirror', () => import('./NCodemirror.vue'));
23 |     },
24 | };
25 | 


--------------------------------------------------------------------------------
/src/pages/readme.md:
--------------------------------------------------------------------------------
1 | // Pages go here
2 | 


--------------------------------------------------------------------------------
/src/plugins/Popper.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |     install (Vue) {
 3 |         Vue.prototype.$popper = {
 4 |             async load () {
 5 |                 const Popper = await import('popper.js');
 6 | 
 7 |                 return Popper.default;
 8 |             },
 9 |         };
10 |     },
11 | };
12 | 


--------------------------------------------------------------------------------
/src/styles/_functions.scss:
--------------------------------------------------------------------------------
1 | @function n-hsl($hsl, $alpha: 1) {
2 |   @return unquote("hsla(#{$hsl}, #{$alpha})");
3 | }
4 | 
5 | @function color($name, $alpha: 1) {
6 |   @return unquote("hsla(var(--hsl-#{$name}), #{$alpha})");
7 | }
8 | 


--------------------------------------------------------------------------------
/src/styles/all.scss:
--------------------------------------------------------------------------------
 1 | @import "global";
 2 | @import "root";
 3 | @import "elements/reset";
 4 | @import "elements/transitions";
 5 | @import "elements/flex";
 6 | @import "elements/typography";
 7 | @import "elements/icons";
 8 | @import "elements/buttons";
 9 | @import "elements/lists";
10 | @import "elements/fields";
11 | @import "elements/tiles";
12 | @import "elements/modules";
13 | @import "elements/dialogs";
14 | @import "elements/messages";
15 | @import "elements/tags";
16 | @import "elements/badges";
17 | @import "elements/pagination";
18 | @import "elements/menus";
19 | @import "elements/popups";
20 | @import "elements/embeds";
21 | @import "elements/tables";
22 | @import "elements/tabs";
23 | @import "elements/spinner";
24 | @import "elements/helpers";
25 | 
26 | @import "elements/drawer";
27 | @import "elements/hero";
28 | 


--------------------------------------------------------------------------------
/src/styles/elements/_icons.scss:
--------------------------------------------------------------------------------
 1 | @import "../global";
 2 | 
 3 | .n-icon.prefix:not(:only-child) {
 4 |   margin-right: 0.5em;
 5 | }
 6 | 
 7 | .n-icon.suffix:not(:only-child) {
 8 |   margin-left: 0.5em;
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/styles/elements/_modules.scss:
--------------------------------------------------------------------------------
 1 | @import "../global";
 2 | 
 3 | .n-module {
 4 |   color: var(--color-black-text);
 5 |   border-radius: var(--radius-default);
 6 | 
 7 |   .n-module__header {
 8 |     border-radius: var(--radius-default) var(--radius-default) 0 0;
 9 |   }
10 | 
11 |   .n-module__footer {
12 |     border-radius: 0 0 var(--radius-default) var(--radius-default);
13 |   }
14 | 
15 |   &.card {
16 |     background: var(--color-white);
17 |     box-shadow: var(--box-shadow-s);
18 | 
19 |     .n-module__header + .n-module__content {
20 |       border-top: 3px solid var(--color-grey-border);
21 |     }
22 | 
23 |     .n-module__media {
24 |       .n-media {
25 |         border-radius: 0;
26 |       }
27 |     }
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/src/styles/elements/_pagination.scss:
--------------------------------------------------------------------------------
 1 | .n-pagination {
 2 |   margin: 1rem auto;
 3 | 
 4 |   .n-button {
 5 |     font-size: var(--text-s);
 6 |     font-weight: var(--weight-bold);
 7 |   }
 8 | 
 9 |   .n-button.disabled {
10 |     cursor: not-allowed;
11 |     color: var(--color-grey-text);
12 | 
13 |     &:hover {
14 |       background: none;
15 |     }
16 |   }
17 |   .n-button.active {
18 |     cursor: not-allowed;
19 |     background: var(--color-grey-background);
20 |     color: var(--color-primary);
21 | 
22 |     &:hover {
23 |       background: var(--color-grey-background);
24 |     }
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/src/styles/elements/_spinner.scss:
--------------------------------------------------------------------------------
 1 | @import "../global";
 2 | 
 3 | .n-spinner {
 4 |   @each $size, $name in $sizes {
 5 |     &.size-#{$name} {
 6 |       @include spinner($size: var(--size-#{$size}), $stroke: 3px, $color: var(--color-primary));
 7 |     }
 8 |   }
 9 | }
10 | 
11 | .n-spinner-overlay {
12 |   position: relative !important;
13 |   overflow: hidden !important;
14 |   z-index: 1;
15 | 
16 |   &:before {
17 |     content: "";
18 |     background: var(--spinner-overly, rgba(255, 255, 255, 0.6));
19 |     position: absolute;
20 |     width: 100%;
21 |     height: 100%;
22 |     z-index: 2;
23 |   }
24 | 
25 |   &:after {
26 |     @include spinner($size: var(--size-l), $stroke: 3px, $color: var(--color-primary));
27 |     content: "";
28 |     position: absolute;
29 |     top: 50%;
30 |     left: 50%;
31 |     margin: calc(-1 * var(--size-l) / 2);
32 |     z-index: 3;
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/src/styles/fonts.scss:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css?display=swap&family=Bree+Serif|IBM+Plex+Mono|Roboto:400,500,700');
2 | @import url(https://use.fontawesome.com/releases/v5.8.1/css/all.css);
3 | 
4 | body {
5 |   --font-heading: 'Bree Serif', serif;
6 |   --font-text: 'Roboto', sans-serif;
7 |   --font-monospace: 'IBM Plex Mono', monospace;
8 | }
9 | 


--------------------------------------------------------------------------------
/src/styles/global.scss:
--------------------------------------------------------------------------------
1 | @import "functions";
2 | @import "mixins";
3 | @import "sets";
4 | @import "media-queries";
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/src/templates/readme.md:
--------------------------------------------------------------------------------
1 | // Templates go here
2 | 


--------------------------------------------------------------------------------
/src/utils/listeners.js:
--------------------------------------------------------------------------------
 1 | const attach = (el, ...args) => {
 2 |     if (el instanceof Element) {
 3 |         el.addEventListener(...args);
 4 |         el.addEventListener('cleanup', () => el.removeEventListener(args[0], args[1]));
 5 |     }
 6 | };
 7 | 
 8 | const cleanup = (el) => {
 9 |     if (el instanceof Element) {
10 |         el.dispatchEvent(new Event('cleanup'));
11 |     }
12 | };
13 | 
14 | export default {
15 |     attach,
16 |     cleanup,
17 | };
18 | 


--------------------------------------------------------------------------------
/tests/unit/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |     env: {
3 |         mocha: true,
4 |     },
5 | };
6 | 


--------------------------------------------------------------------------------
/tests/unit/sandbox.js:
--------------------------------------------------------------------------------
 1 | import chai from 'chai';
 2 | import sinon from 'sinon';
 3 | import sinonChai from 'sinon-chai';
 4 | import utils from '@vue/test-utils';
 5 | import {
 6 |     FileReader,
 7 |     FileList,
 8 |     File,
 9 | } from 'file-api';
10 | import config from '@/noah.config';
11 | 
12 | chai.use(sinonChai);
13 | 
14 | global.sinon = sinon;
15 | 
16 | utils.config.mocks.$config = config;
17 | // utils.config.stubs.transition = false;
18 | 
19 | global.File = File;
20 | global.FileList = FileList;
21 | global.FileReader = FileReader;
22 | 
23 | process.on('unhandledRejection', (err) => console.log(err));
24 | 
25 | const sandbox = {
26 |     createLocalVue: utils.createLocalVue,
27 |     expect: chai.expect,
28 |     shallowMount: utils.shallowMount,
29 |     mount: utils.mount,
30 |     ...sinon,
31 | };
32 | 
33 | export default sandbox;
34 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
 1 | const resolveDevtool = () => {
 2 |     switch (process.env.NODE_ENV) {
 3 |         case 'test':
 4 |             return '#eval';
 5 | 
 6 |         case 'production':
 7 |             return '#source-map';
 8 | 
 9 |         default:
10 |             return '#eval-source-map';
11 |     }
12 | };
13 | 
14 | module.exports = {
15 |     configureWebpack: {
16 |         devtool: resolveDevtool(),
17 |     },
18 | };
19 | 


--------------------------------------------------------------------------------