51 lines
18 KiB
HTML
51 lines
18 KiB
HTML
<!DOCTYPE html> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content=#333333 name=theme-color> <base href=/svelma-pro/ > <link href=global.css rel=stylesheet> <link href=manifest.json rel=manifest> <link href=favicon.ico rel=icon type=image/png> <link href=./all.css rel=stylesheet> <link href=client/main.1916252291.css rel=stylesheet><link href=client/chunk.f5a3f321.css rel=stylesheet><link href=client/chunk.b01e898f.css rel=stylesheet><link href=client/chunk.fb378401.css rel=stylesheet><link href=client/chunk.94a6e723.css rel=stylesheet> <noscript id=sapper-head-start></noscript><title>svelma-pro</title><meta content=Svelma property=og:site_name><meta content=https://c0bra.github.io/svelma-pro/svelma-pro-logo.png property=og:image><meta content=200 property=og:image:width><meta content=200 property=og:image:height><meta property=og:url><meta content=article property=og:type><meta content="Switch | Svelma" property=og:title><meta content=开关 property=og:description><meta content=article property=og:type><meta content="Switch | Svelma" property=og:title><meta content=开关 property=og:description><noscript id=sapper-head-end></noscript> </head> <body> <div id=sapper> <nav class="has-shadow is-spaced navbar" id=navbar><div class=container style=height:50px;min-height:50px><div class=navbar-brand><a href=/ class="brand navbar-item svelte-19nr2rz"> svelma-pro </a></div></div></nav> <main><section class="svelte-1ib6y6h docs"><div class="svelte-h7woek sidebar-bg"></div> <aside class="svelte-h7woek sidebar"><p class="svelte-h7woek sidebar-label">Installation</p> <ul class=svelte-h7woek><li class=svelte-h7woek><a href=install>Start</a></ul> <p class="svelte-h7woek sidebar-label">Bulma Elements</p> <ul class=svelte-h7woek><li class=svelte-h7woek><a href=bulma/intro>Intro</a></li> <li class=svelte-h7woek><a href=bulma/hero>Hero</a> <li class=svelte-h7woek><a href=bulma/media>Media</a> <li class=svelte-h7woek><a href=bulma/table>Table</a> <li class=svelte-h7woek><a href=bulma/tiles>Tiles</a> </ul> <p class="svelte-h7woek sidebar-label">Svelma Components</p> <ul class=svelte-h7woek><li class=svelte-h7woek><a href=components/button>Button </a> <li class=svelte-h7woek><a href=components/carousel>Carousel </a> <li class=svelte-h7woek><a href=components/collapse>Collapse </a> <li class=svelte-h7woek><a href=components/colorpicker>ColorPicker <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/datepicker>Datepicker <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/dialog>Dialog </a> <li class=svelte-h7woek><a href=components/district>District <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><p>Form</p> <ul class=svelte-h7woek><li class=svelte-h7woek><a href=components/field>Field </a> <li class=svelte-h7woek><a href=components/input>Input </a> <li class=svelte-h7woek><a href=components/switch>Switch </a> </li> </ul> <li class=svelte-h7woek><a href=components/icon>Icon </a> <li class=svelte-h7woek><a href=components/layout>Layout <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/message>Message </a> <li class=svelte-h7woek><a href=components/modal>Modal </a> <li class=svelte-h7woek><a href=components/nav>Nav <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/notification>Notification </a> <li class=svelte-h7woek><a href=components/pagination>Pagination </a> <li class=svelte-h7woek><a href=components/progress>Progress </a> <li class=svelte-h7woek><a href=components/select>Select <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/slider>Slider <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/snackbar>Snackbar </a> <li class=svelte-h7woek><a href=components/stable>Stable <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/table>Table </a> <li class=svelte-h7woek><a href=components/tabs>Tabs </a> <li class=svelte-h7woek><a href=components/timepicker>Timepicker <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/tip>Tip <span class="svelte-h7woek new">New</span> </a> <li class=svelte-h7woek><a href=components/toast>Toast </a> </li> </ul></aside> <div class="svelte-1ib6y6h docs-main"> <header class=header><h1 class=title>Switch</h1> <h2 class=subtitle>开关</h2></header> <div class="svelte-150a96u snippet"><form action=https://codesandbox.io/api/v1/sandboxes/define method=POST target=_blank><input type=hidden name=parameters value=N4IgZglgNgpgziAXKOBDAdgEwEYHsAeAdAMa7qQDmhAVnGUqKegC4wsMisC2ADlKqyQg4ANxhRBAX0kAaEBCwwiAC2ZcoHJq3aIQAHlXqAfAB10AAnN68mAJ6mLlq1AUBrM06cRMAXhMglVgAndFQoAFpiODh_D09zIPE_YWZbWDhlGBhmWMdPVJ4YZNZ8ZgB6KJiQOM9lRLBk1WYeOEQysoBXdB5XKlIuMuwOqC5UCujB4dHCLgUSaNz48y4YTAhUZLCoRacyh089F3R3PK9ff0CYELDI6IAmHc9EqGS4VPTM7MenAqL_EvKlW-ljqMAa_iaLTanTgMEIYDIzFQAHd4LgViR0WVnjBULC4GURABWQgAZkIAEZxgStvMqjUnCs1ht_Ftvns4npBrg7A4uYYoEYQLJ5IoiLRNIi2MwhBBeLggsxzABBHg8cxgILo8z-QhlVU8QiicSsfwAbjMZiYb3MqDV5h85nQMGRKrVAApgHEkUEKNlEOZMLhiB0VixCDZbGZJABKC3oMxKHgKpWYMGoYZKu08M3CuQGo1iCQwSUsaVCPRwYhBCA8Zj7cxy5OK8zAcwAZWREGYxGU5kkGq1XHMAHJjSNUOEeFqR3E4rAlSIwmYuVWa3WHCu1iJzMR-NFkpBxJh_A29J3u73zNgFJhEL2YMRXKsfMAl1BJEYAGK4XBci89soZ7YEEZ6kGmRjvh0MAOq2ABS7YAPIAHJGswNboBQEBgLY7rvjGkhcuBMB8mU258tuu77nAh4QMep6cgBV5rGg2CwJgRgACIQKx7H_l2gGkeRZh5iAPCoE-qB-jQdDoKW2gysgIChCsQjjqM4RKKgvCwCAchiEEcAQPQugUoQAAMFl6SAaYiJxMCFIo6DEHRCBKd0XDhEEXThFsQgAHoACyUoQRLWVqUBQB0PABWZFKWRS4W4JF0VTlFWHoJE6JcGQEq6P5ACcZKEIFSUpTwaUdBl4ToDyMBeWiUBiAFwV3GSZVRRVfBVQo4TjoI-UkpZpIdal3XVcEsJBC1FkldZRlBCIkQuAFw2UqJaaOWmzmuRw_Ulro_CsG881FqMQhHfAMpyAAAgiioomiKxlAiLCPXQKzhJqWQXQIV3WUME6_cdMoimutbMG5oBDNAmBCBFnXmJE1kZswuAw1AcO6Aj0VI8QSPItZtnwz56pvKgiqILZtodGjGNw3I5OKmpECLeYPAdGxEDEPNPrMFTMAiCzbMc1z-PhOExPSNLQA> <div class="slot-wrap svelte-7fflr3"><div class="svelte-150a96u codepen-button">Codesandbox <i class="is-small fa-external-link-alt fas icon"></i></div></div></form> <div class="svelte-150a96u preview"><div slot=preview><div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s> <div class="svelte-16lix3s check has-background-primary"></div> <span class="svelte-16lix3s control-label">Foo</span></label> <br> <code>value = false</code></div> <div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s> <div class="svelte-16lix3s check has-background-primary"></div> <span class="svelte-16lix3s control-label">Disabled</span></label></div></div></div> <div class="svelte-150a96u code"> <div class="svelte-1ccczge codeview"><figure class="svelte-1ccczge highlight is-expanded"><div class="svelte-1ccczge button-container"><button class="is-small button copy-code is-text">Copy</button></div> <pre class="svelte-1ccczge hidden"><code class="svelte-1ccczge xml"></code></pre> <pre class="svelte-1ccczge hidden"><code><script>
|
|
import { Switch } from 'svelma-pro'
|
|
|
|
let val
|
|
</script>
|
|
|
|
<div class="field">
|
|
<Switch bind:checked={val}>Foo</Switch>
|
|
<br>
|
|
<code>value = {JSON.stringify(val)}</code>
|
|
</div>
|
|
<div class="field">
|
|
<Switch disabled>Disabled</Switch>
|
|
</div></code></pre></figure></div> </div></div> <hr class=is-medium> <p class="title is-4">Types</p> <div class="svelte-150a96u snippet"><form action=https://codesandbox.io/api/v1/sandboxes/define method=POST target=_blank><input type=hidden name=parameters value=N4IgZglgNgpgziAXKOBDAdgEwEYHsAeAdAMa7qQDmhAVnGUqKegC4wsMisC2ADlKqyQg4ANxhRBAX0kAaEBCwwiAC2ZcoHJq3aIQAHlXqAfAB10AAnN68mAJ6mLlq1AUBrM06cRMAXhMglVgAndFQoAFpiODh_D09zIPE_YWZbWDhlGBhmWMdPVJ4YZNZ8ZgB6KJiQOM9lRLBk1WYeOEQysoBXdB5XKlIuMuwOqC5UCujB4dHCLgUSaNz48y4YTAhUZLCoRacyh089F3R3PK9ff0CYELDI6IAmHc9EqGS4VPTM7MenAqL_EvKlW-ljqMAa_iaLTanTgMEIYDIzFQAHd4LgViR0WVnjBULC4GURABWQgAZkIAEZxgStvMqjUnCs1ht_Ftvns4npBrg7A4uYYoEYQLJ5IoiLRNIi2MwhBBeLggsxzABBHg8cxgILo8z-QhlVU8QiicSsfwAbjMZiYb3MqDV5h85nQMGRKrVAApgHEkUEKNlEOZMLhiB0VixCDZbGZJABKC3oMxKHgKpWYMGoYZKu08M3CuQGo1iCQwSUsaVCPRwYhBCA8Zj7cxy5OK8zAcwAZWREGYxGU5kkGq1XHMAHJjSNUOEeFqR2YuVWa3WHHO1iJzMR-NFkpBxJh_A29J3u7315liK5VsUgh0YP5zL9khA4FOa6MglGQEYAAqv1DvrlHj2yh8mUq58qu66bnA24QLu-6coBJ69jA56Xv8163iA962IUj7PpgGB-kE-4ACKEVcAFdkBIFgSuEBrhueLQf4O5QHun4IVRSFnhe5ycBhd4Pv4T7hMif7oAoFD7gA6uJkmUcewFzqB9HgfRkFMTBcEcY4h5cX2yGoXxzACVhQnyM-CgIvuACS5C4Ap1HKbR6B6BBjFbixsFsfBumIQZPFofxN6CThfwWeERzuJ-AAybiOb2NGqXRDFQVpPk6ZYemKaeKG8VeIVmWFeHhARQTRUYZHlQlSmuSpIgOHmIA8Kg56oH6NB0OgpbaDKyAgKEKxCOOozhEoqC8LAIByGIQRwBA9C6BShAAAyrdNIBpiIJEwIUijoMQsEIP13RcOE17oOEWxCAAegALJShBEhtWpQFAHQ8Ldy0UmtFIvbgb0fVO70UAokTolwZASroN0AJxkoQd3_YDPDAx0oOXegPIwOdaJQGIt0PXcZLI-9qN8OjYPjoIMMkmtpKk0DFMY-EwSwkEhOrYjG3zUEIiRC4t305STVpntaYHUdHDUyWuj8Kwbw80WoxCPL8AynIAACCKKiiaIrGUCIsHrdArOEmpZKrAjqxtQwTlbCsyiKC61swx2gEM0CYEIr1k-YkQbRmzC4J7bE-wDfuRP7yIbVtPtdFO5hvH-zCIFttodMHofe3IyeKsNEB8-YPAdNgLjEDzPqp3Hui82uJdlxAxD-6VMAiMK0jSEAA> <div class="slot-wrap svelte-7fflr3"><div class="svelte-150a96u codepen-button">Codesandbox <i class="is-small fa-external-link-alt fas icon"></i></div></div></form> <div class="svelte-150a96u preview"><div slot=preview><div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s checked> <div class="svelte-16lix3s check has-background-primary"></div> <span class="svelte-16lix3s control-label">Primary</span></label></div> <div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s checked> <div class="svelte-16lix3s check has-background-danger"></div> <span class="svelte-16lix3s control-label">Danger</span></label></div> <div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s checked> <div class="svelte-16lix3s check has-background-warning"></div> <span class="svelte-16lix3s control-label">Warning</span></label></div> <div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s checked> <div class="svelte-16lix3s check has-background-info"></div> <span class="svelte-16lix3s control-label">Info</span></label></div> <div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s checked> <div class="svelte-16lix3s check has-background-link"></div> <span class="svelte-16lix3s control-label">Link</span></label></div> <div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s checked> <div class="svelte-16lix3s check has-background-dark"></div> <span class="svelte-16lix3s control-label">Dark</span></label></div></div></div> <div class="svelte-150a96u code"> <div class="svelte-1ccczge codeview"><figure class="svelte-1ccczge highlight is-expanded"><div class="svelte-1ccczge button-container"><button class="is-small button copy-code is-text">Copy</button></div> <pre class="svelte-1ccczge hidden"><code class="svelte-1ccczge xml"></code></pre> <pre class="svelte-1ccczge hidden"><code><script>
|
|
import { Switch } from 'svelma-pro'
|
|
</script>
|
|
|
|
<div class="field">
|
|
<Switch checked="true" type="is-primary">Primary</Switch>
|
|
</div>
|
|
<div class="field">
|
|
<Switch checked="true" type="is-danger">Danger</Switch>
|
|
</div>
|
|
<div class="field">
|
|
<Switch checked="true" type="is-warning">Warning</Switch>
|
|
</div>
|
|
<div class="field">
|
|
<Switch checked="true" type="is-info">Info</Switch>
|
|
</div>
|
|
<div class="field">
|
|
<Switch checked="true" type="is-link">Link</Switch>
|
|
</div>
|
|
<div class="field">
|
|
<Switch checked="true" type="is-dark">Dark</Switch>
|
|
</div></code></pre></figure></div> </div></div> <hr class=is-medium> <p class="title is-4">Sizes</p> <div class="svelte-150a96u snippet"><form action=https://codesandbox.io/api/v1/sandboxes/define method=POST target=_blank><input type=hidden name=parameters value=N4IgZglgNgpgziAXKOBDAdgEwEYHsAeAdAMa7qQDmhAVnGUqKegC4wsMisC2ADlKqyQg4ANxhRBAX0kAaEBCwwiAC2ZcoHJq3aIQAHlXqAfAB10AAnN68mAJ6mLlq1AUBrM06cRMAXhMglVgAndFQoAFpiODh_D09zIPE_YWZbWDhlGBhmWMdPVJ4YZNZ8ZgB6KJiQOM9lRLBk1WYeOEQysoBXdB5XKlIuMuwOqC5UCujB4dHCLgUSaNz48y4YTAhUZLCoRacyh089F3R3PK9ff0CYELDI6IAmHc9EqGS4VPTM7MenAqL_EvKlW-ljqMAa_iaLTanTgMEIYDIzFQAHd4LgViR0WVnjBULC4GURABWQgAZkIAEZxgStvMqjUnCs1ht_Ftvns4npBrg7A4uYYoEYQLJ5IoiLRNIi2MwhBBeLggsxzABBHg8cxgILo8z-QhlVU8QiicSsfwAbjMZiYb3MqDV5h85nQMGRKrVAApgHEkUEKNlEOZMLhiB0VixCDZbGZJABKC3oMxKHgKpWYMGoYZKu08M3CuQGo1iCQwSUsaVCPRwYhBCA8Zj7cxy5OK8zAcwAZWREGYxGU5kkGq1XHMAHJjSNUOEeFqR2YuVWa3WHHO1iJzMR-NFkpBxJh_A29J3u73zHAIAAvP7yODhOCjKDbEBGdv3qBco895R8sqrvmr9ebnA24QLu-6ch-vZGAAIummbvl2n7fr-K4QGuG54kB_g7lAe5PuBCEnmel7JBAN5MhAob7gAsqsFFcPBx5fnOP6oX-qEARhwGgXhjiHgRfZEVepHhPwvowPuAAyqBiQxiHMch6BcgpeYgDwqDEK4qB-jQdDoKW2gysgIChCsQjjqM4RKKgvCwCAchiEEZ70LoFKEAADO5dkgGmIgwYUijoMQIEIEZ3RcOEQRdOEWxCAAegALJShBEl5WoPh0PBxa5FIeRSqW4OlPBTlAHQUAokTolwZASrosUAJxkoQ8X5YVxWleV6A8jAEVolAYhxYldxki1JVFXw7XoLeRaCLVJIeaSI0ZW1ZWTcEsJBAN7lNV5Z5BCIkQuHF82Uipab-WmgXBRw44zSA_CsG8O1FqMQj3fAMpyAAAgiioomiKxlAiLB_XQKzhJqWSvQI71eUME5Qw9MoigutbMCFoBDNAmBCGlo3mJEXkZswuCYzhOMFXjkT48iXk-TjUXqm80nMIgPm2h0xOk9jchM4qZkQHt5g8B02AuMQO0-izdO6Lta7C6LEDEPj4R09IatAA> <div class="slot-wrap svelte-7fflr3"><div class="svelte-150a96u codepen-button">Codesandbox <i class="is-small fa-external-link-alt fas icon"></i></div></div></form> <div class="svelte-150a96u preview"><div slot=preview><div class=field><label class="svelte-16lix3s switch is-small" ref=label><input type=checkbox class=svelte-16lix3s> <div class="svelte-16lix3s check has-background-primary"></div> <span class="svelte-16lix3s control-label">Small</span></label></div> <div class=field><label class="svelte-16lix3s switch" ref=label><input type=checkbox class=svelte-16lix3s> <div class="svelte-16lix3s check has-background-primary"></div> <span class="svelte-16lix3s control-label">Default</span></label></div> <div class=field><label class="svelte-16lix3s switch is-medium" ref=label><input type=checkbox class=svelte-16lix3s> <div class="svelte-16lix3s check has-background-primary"></div> <span class="svelte-16lix3s control-label">Medium</span></label></div> <div class=field><label class="svelte-16lix3s switch is-large" ref=label><input type=checkbox class=svelte-16lix3s> <div class="svelte-16lix3s check has-background-primary"></div> <span class="svelte-16lix3s control-label">Large</span></label></div></div></div> <div class="svelte-150a96u code"> <div class="svelte-1ccczge codeview"><figure class="svelte-1ccczge highlight is-expanded"><div class="svelte-1ccczge button-container"><button class="is-small button copy-code is-text">Copy</button></div> <pre class="svelte-1ccczge hidden"><code class="svelte-1ccczge xml"></code></pre> <pre class="svelte-1ccczge hidden"><code><script>
|
|
import { Switch } from 'svelma-pro'
|
|
</script>
|
|
|
|
<div class="field">
|
|
<Switch size="is-small">Small</Switch>
|
|
</div>
|
|
<div class="field">
|
|
<Switch>Default</Switch>
|
|
</div>
|
|
<div class="field">
|
|
<Switch size="is-medium">Medium</Switch>
|
|
</div>
|
|
<div class="field">
|
|
<Switch size="is-large">Large</Switch>
|
|
</div>
|
|
</div></code></pre></figure></div> </div></div> <hr class=is-medium> <section><h2 class="title is-4">API</h2> <div class="svelte-2ae2jn table-wrapper"><table class="is-fullwidth table"><thead><tr><th>Name</th> <th>Description</th> <th>Type</th> <th>Values</th> <th>Default</thead> <tr><td><code>checked</code></td> <td>Binding for whether the switch to "on" or not, optional</td> <td>Any</td> <td>—</td> <td><code>false</code></td> <tr><td><code>type</code></td> <td>Type (color of control), optional</td> <td>String</td> <td><code>is-white</code>, <code>is-black</code>, <code>is-light</code>, <code>is-dark</code>, <code>is-primary</code>, <code>is-info</code>, <code>is-success</code>, <code>is-warning</code>, <code>is-danger</code></td> <td>—</td> <tr><td><code>size</code></td> <td>Size of switch, optional</td> <td>String</td> <td><code>is-small</code>, <code>is-medium</code>, <code>is-large</code></td> <td>—</td> <tr><td><code>disabled</code></td> <td>Whether switch is disabled or not, optional</td> <td>Boolean</td> <td>—</td> <td><code>false</code></td> </table></div></section> </div></section></main></div> <script>__SAPPER__={baseUrl:"/svelma-pro",preloaded:[void 0,null,(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q){return {jsdoc:[{meta:{filename:e,lineno:4,columnno:i,path:c},description:"Binding for whether the switch to \"on\" or not",type:[m],optional:a,defaultvalue:f,name:j,_isSvelteDoc:a,_svelteProps:{type:{names:[m]},optional:a,defaultvalue:f,name:j},kind:h,longname:"module:Switch~checked",scope:b,memberof:g,___s:a,values:k},{meta:{filename:e,lineno:9,columnno:i,path:c},description:l,type:[d],optional:a,name:n,_isSvelteDoc:a,_svelteProps:{type:{names:[d]},optional:a,description:l,name:n},kind:h,values:"\u003Ccode\u003Eis-white\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-black\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-light\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-dark\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-primary\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-info\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-success\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-warning\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-danger\u003C\u002Fcode\u003E",longname:"module:Switch~type",scope:b,memberof:g,___s:a},{meta:{filename:e,lineno:15,columnno:i,path:c},description:"Size of switch",type:[d],optional:a,name:o,_isSvelteDoc:a,_svelteProps:{type:{names:[d]},optional:a,name:o},kind:h,values:"\u003Ccode\u003Eis-small\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-medium\u003C\u002Fcode\u003E, \u003Ccode\u003Eis-large\u003C\u002Fcode\u003E",longname:"module:Switch~size",scope:b,memberof:g,___s:a},{meta:{filename:e,lineno:21,columnno:i,path:c},description:"Whether switch is disabled or not",type:[p],optional:a,defaultvalue:f,name:q,_isSvelteDoc:a,_svelteProps:{type:{names:[p]},optional:a,defaultvalue:f,name:q},kind:h,longname:"module:Switch~disabled",scope:b,memberof:g,___s:a,values:k}]}}(true,"inner","src\u002Fcomponents","String","Switch.svelte",false,"module:Switch","prop",2,"checked","","Type (color of control)","Any","type","size","Boolean","disabled"))]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/svelma-pro/service-worker.js');var s=document.createElement("script");try{new Function("if(0)import('')")();s.src="/svelma-pro/client/client.3704696d.js";s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/svelma-pro/client/shimport@1.0.1.js";s.setAttribute("data-main","/svelma-pro/client/client.3704696d.js")}document.head.appendChild(s)</script> |