{
  "version": 3,
  "file": "toast.9e2899d7.css",
  "sources": [
    "../../../../../../toast.svelte"
  ],
  "sourcesContent": [
    "<script context=\"module\">\n  export async function preload() {\n    const res = await this.fetch(`components/toast.json`);\n    const jsdoc = await res.json();\n\n    return { jsdoc };\n  }\n</script>\n\n<script>\n  import { Button, Toast } from 'svelma-pro'\n  import DocHeader from '../../components/DocHeader.svelte'\n  import Example from '../../components/Example.svelte'\n  import JSDoc from '../../components/JSDoc.svelte'\n\n  export let jsdoc\n\n  function open(type, position, background) {\n    Toast.create({ message: 'I am a toast', type, position, background })\n  }\n</script>\n\n<style>\n.buttons {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9yb3V0ZXMvY29tcG9uZW50cy90b2FzdC5zdmVsdGUiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBO0VBQ0Usb0JBQWE7RUFBYixvQkFBYTtFQUFiLGFBQWE7RUFDYix1QkFBMkI7TUFBM0Isb0JBQTJCO1VBQTNCLDJCQUEyQjtFQUMzQixtQkFBZTtNQUFmLGVBQWU7QUFDakIiLCJmaWxlIjoic3JjL3JvdXRlcy9jb21wb25lbnRzL3RvYXN0LnN2ZWx0ZSIsInNvdXJjZXNDb250ZW50IjpbIlxuLmJ1dHRvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cbiJdfQ== */</style>\n\n<DocHeader title=\"Toast\" subtitle=\"吐司\" />\n\n<Example code={`<script>\n  import { Button, Toast } from 'svelma-pro'\n\n  function open(type, position) {\n    Toast.create({ message: 'I am a toast', type, position })\n  }\n</script>\n\n<Button on:click={() => open()}>Toast</Button>\n<Button type=\"is-success\" on:click={() => open('is-success')}>Success</Button>\n<Button type=\"is-danger\" on:click={() => open('is-danger', 'is-bottom-right')}>Bottom Right</Button>\n<Button type=\"is-primary\" on:click={() => open('is-primary', 'is-top', 'has-background-grey-lighter')}>Custom Background</Button>`}>\n  <div slot=\"preview\">\n    <div class=\"buttons\">\n      <Button on:click={() => open()}>Toast</Button>\n      <Button type=\"is-success\" on:click={() => open('is-success')}>Success</Button>\n      <Button type=\"is-danger\" on:click={() => open('is-danger', 'is-bottom-right')}>Bottom Right</Button>\n      <Button type=\"is-primary\" on:click={() => open('is-primary', 'is-top', 'has-background-grey-lighter')}>Custom Background</Button>\n    </div>\n  </div>\n</Example>\n\n<JSDoc {jsdoc} />"
  ],
  "names": [],
  "mappings": "AAuBA,QAAQ,cAAC,CAAC,AACR,OAAO,CAAE,WAAW,CACpB,OAAO,CAAE,WAAW,CACpB,OAAO,CAAE,IAAI,CACb,gBAAgB,CAAE,KAAK,CACnB,aAAa,CAAE,KAAK,CAChB,eAAe,CAAE,UAAU,CACnC,aAAa,CAAE,IAAI,CACf,SAAS,CAAE,IAAI,AACrB,CAAC"
}