@beyonk/svelte-toggle/dist/component.min.js

<p align="center"> <img width="186" height="90" src="https://user-images.githubusercontent.com/218949/44782765-377e7c80-ab80-11e8-9dd8-fce0e37c235b.png" alt="Beyonk" /> </p>

!function(){"use strict";function e(){}function t(e){return e()}function n(){return Object.create(null)}function o(e){e.forEach(t)}function l(e){return"function"==typeof e}function r(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}function i(e,t){e.appendChild(t)}function s(e,t,n){e.insertBefore(t,n||null)}function c(e){e.parentNode.removeChild(e)}function a(e){return document.createElement(e)}function d(e){return document.createTextNode(e)}function p(){return d(" ")}function b(e,t,n,o){return e.addEventListener(t,n,o),()=>e.removeEventListener(t,n,o)}function v(e,t,n){null==n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function u(e,t,n,o){e.style.setProperty(t,n,o?"important":"")}function g(e,t,n){e.classList[n?"add":"remove"](t)}let f;function h(e){f=e}const m=[],$=[],y=[],k=[],x=Promise.resolve();let _=!1;function w(e){y.push(e)}let C=!1;const E=new Set;function L(){if(!C){C=!0;do{for(let e=0;e<m.length;e+=1){const t=m[e];h(t),z(t.$$)}for(h(null),m.length=0;$.length;)$.pop()();for(let e=0;e<y.length;e+=1){const t=y[e];E.has(t)||(E.add(t),t())}y.length=0}while(m.length);for(;k.length;)k.pop()();_=!1,C=!1,E.clear()}}function z(e){if(null!==e.fragment){e.update(),o(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(w)}}const T=new Set;function B(e,t){-1===e.$$.dirty[0]&&(m.push(e),_||(_=!0,x.then(L)),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function S(r,i,s,a,d,p,b=[-1]){const v=f;h(r);const u=i.props||{},g=r.$$={fragment:null,ctx:null,props:p,update:e,not_equal:d,bound:n(),on_mount:[],on_destroy:[],before_update:[],after_update:[],context:new Map(v?v.$$.context:[]),callbacks:n(),dirty:b,skip_bound:!1};let m=!1;if(g.ctx=s?s(r,u,(e,t,...n)=>{const o=n.length?n[0]:t;return g.ctx&&d(g.ctx[e],g.ctx[e]=o)&&(!g.skip_bound&&g.bound[e]&&g.bound[e](o),m&&B(r,e)),t}):[],g.update(),m=!0,o(g.before_update),g.fragment=!!a&&a(g.ctx),i.target){if(i.hydrate){const e=function(e){return Array.from(e.childNodes)}(i.target);g.fragment&&g.fragment.l(e),e.forEach(c)}else g.fragment&&g.fragment.c();i.intro&&(($=r.$$.fragment)&&$.i&&(T.delete($),$.i(y))),function(e,n,r){const{fragment:i,on_mount:s,on_destroy:c,after_update:a}=e.$$;i&&i.m(n,r),w(()=>{const n=s.map(t).filter(l);c?c.push(...n):o(n),e.$$.on_mount=[]}),a.forEach(w)}(r,i.target,i.anchor),L()}var $,y;h(v)}class A{$destroy(){!function(e,t){const n=e.$$;null!==n.fragment&&(o(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}(this,1),this.$destroy=e}$on(e,t){const n=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return n.push(t),()=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}function N(e){let t,n,o=(e[0]?e[1]:e[2])+"";return{c(){t=a("span"),n=d(o),v(t,"class","toggle-title svelte-1133vpb")},m(e,o){s(e,t,o),i(t,n)},p(e,t){7&t&&o!==(o=(e[0]?e[1]:e[2])+"")&&function(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}(n,o)},d(e){e&&c(t)}}}function j(t){let n,l,r,d,f,h,m,$,y,k,x,_,w=t[1]&&t[2]&&N(t);return{c(){n=a("div"),l=a("div"),r=a("div"),d=a("label"),f=a("input"),h=p(),m=a("span"),$=a("span"),k=p(),w&&w.c(),v(f,"class","toggle-input svelte-1133vpb"),v(f,"type","checkbox"),f.disabled=t[3],v($,"class","toggle-switch svelte-1133vpb"),v(m,"class","toggle-track svelte-1133vpb"),v(m,"style",y=t[0]?`background-color: ${t[6]};`:""),v(d,"class","toggle-label svelte-1133vpb"),v(r,"class","toggle svelte-1133vpb"),v(l,"class","controls"),v(n,"class","toggle svelte-1133vpb"),u(n,"font-size",t[4]),u(n,"text-align",t[5]),u(n,"border-top",t[7]),u(n,"border-bottom",t[8]),u(n,"padding",t[9]),u(n,"margin",t[10]),g(n,"disabled",t[3])},m(e,o){s(e,n,o),i(n,l),i(l,r),i(r,d),i(d,f),f.checked=t[0],i(d,h),i(d,m),i(m,$),i(d,k),w&&w.m(d,null),x||(_=[b(f,"change",t[12]),b(f,"change",t[11])],x=!0)},p(e,[t]){8&t&&(f.disabled=e[3]),1&t&&(f.checked=e[0]),65&t&&y!==(y=e[0]?`background-color: ${e[6]};`:"")&&v(m,"style",y),e[1]&&e[2]?w?w.p(e,t):((w=N(e)).c(),w.m(d,null)):w&&(w.d(1),w=null),16&t&&u(n,"font-size",e[4]),32&t&&u(n,"text-align",e[5]),128&t&&u(n,"border-top",e[7]),256&t&&u(n,"border-bottom",e[8]),512&t&&u(n,"padding",e[9]),1024&t&&u(n,"margin",e[10]),8&t&&g(n,"disabled",e[3])},i:e,o:e,d(e){e&&c(n),w&&w.d(),x=!1,o(_)}}}function O(e,t,n){let{checked:o=!1}=t,{onLabel:l=null}=t,{offLabel:r=null}=t,{disabled:i=!1}=t,{fontSize:s="1rem"}=t,{align:c="left"}=t,{checkedColor:a="#32B0A2"}=t,{borderTop:d="none"}=t,{borderBottom:p="none"}=t,{padding:b="0"}=t,{margin:v="0"}=t;return e.$$set=e=>{"checked"in e&&n(0,o=e.checked),"onLabel"in e&&n(1,l=e.onLabel),"offLabel"in e&&n(2,r=e.offLabel),"disabled"in e&&n(3,i=e.disabled),"fontSize"in e&&n(4,s=e.fontSize),"align"in e&&n(5,c=e.align),"checkedColor"in e&&n(6,a=e.checkedColor),"borderTop"in e&&n(7,d=e.borderTop),"borderBottom"in e&&n(8,p=e.borderBottom),"padding"in e&&n(9,b=e.padding),"margin"in e&&n(10,v=e.margin)},[o,l,r,i,s,c,a,d,p,b,v,function(t){!function(e,t){const n=e.$$.callbacks[t.type];n&&n.slice().forEach(e=>e(t))}(e,t)},function(){o=this.checked,n(0,o)}]}!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}(".toggle.disabled.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb{pointer-events:none}.toggle.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb{position:relative}.toggle-input.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.toggle-label.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb{cursor:pointer;position:relative}.toggle-label.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb,.toggle-title.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb,.toggle-track.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb,.toggle-switch.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb{display:inline-block;vertical-align:middle}.toggle-track.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb{position:relative;top:-0.125em;width:2.8125em;height:1.875em;background-color:#eee;border:0.0625em solid rgba(0, 0, 0, 0.15);border-radius:20px;transition:0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition-property:background-color, border-color}.toggle-label.svelte-1133vpb .toggle-input.svelte-1133vpb:checked~.toggle-track.svelte-1133vpb.svelte-1133vpb{border-color:rgba(0, 0, 0, 0.05)}.toggle-track.svelte-1133vpb+.toggle-title.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb{margin-left:0.375em}.toggle-switch.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb.svelte-1133vpb{position:absolute;top:0;right:0.9375em;bottom:0;left:0;margin:2px;background-color:white;border-radius:100%;transition:0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition-property:left, right;transition-delay:0s, 0.05s}.toggle-label.svelte-1133vpb .toggle-input.svelte-1133vpb:checked~.toggle-track.svelte-1133vpb>.toggle-switch.svelte-1133vpb{right:0;left:0.9375em;transition:0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition-property:left, right;transition-delay:0.05s, 0s}");const P=document.createElement("div");document.body.appendChild(P),new class extends A{constructor(e){super(),S(this,e,O,j,r,{checked:0,onLabel:1,offLabel:2,disabled:3,fontSize:4,align:5,checkedColor:6,borderTop:7,borderBottom:8,padding:9,margin:10})}}({target:P,props:{}})}();