12 lines
2.8 KiB
Plaintext
12 lines
2.8 KiB
Plaintext
{
|
|
"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"
|
|
} |