2 lines
2.4 KiB
JavaScript
2 lines
2.4 KiB
JavaScript
import{g as t,S as s,i as e,a as c,b as a,v as i,s as r,f as o,h,n,j as l,m as d,r as u,d as p,u as b,o as k}from"./index-3cab5f92.js";import"../../../../../../js/libraries/miscTools.js";const{customElements:g}=t;function m(t){let s,e,c,i,r,k;return{c(){s=o("label"),e=o("input"),c=h(),i=o("span"),this.c=n,l(e,"type","checkbox"),l(i,"class","switch-span"),l(s,"class","switch")},m(o,h){a(o,s,h),d(s,e),e.checked=t[0],d(s,c),d(s,i),r||(k=[u(e,"change",t[4]),u(e,"click",t[1])],r=!0)},p(t,[s]){1&s&&(e.checked=t[0])},i:n,o:n,d(t){t&&p(s),r=!1,b(k)}}}function w(t,s,e){let{callback:c=null}=s,{checked:a=!1}=s;const i=()=>{setTimeout((()=>{null!=c?(e(0,a=!a),c()):i()}),100)};return k((()=>{})),t.$$set=t=>{"callback"in t&&e(2,c=t.callback),"checked"in t&&e(0,a=t.checked)},[a,function(){null!=c&&(e(0,a=!a),c())},c,i,function(){a=this.checked,e(0,a)}]}class v extends s{constructor(t){super(),this.shadowRoot.innerHTML="<style>@import '/css/common.css';.switch span{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:calc(2* 1.2rem)}.switch span:before{position:absolute;content:\"\";height:calc(var(--height) - 0.5rem);width:calc(var(--height) - 0.5rem);left:calc(0.3rem);bottom:0.25rem;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch input:checked+.switch-span{background-color:var(--pink)}.switch input:hover+.switch-span{box-shadow:0 0 0 var(--pink)}.switch input:checked+.switch-span:before{-webkit-transform:translateX(calc(var(--width) - var(--height)/2 - 2*0.6rem));-ms-transform:translateX(calc(var(--width) - var(--height)/2 - 2*0.6rem));transform:translateX(calc(var(--width) - var(--height)/2 - 2*0.6rem))}.switch{position:relative;display:inline-block;width:var(--width);height:var(--height)}.switch input{position:absolute;width:var(--width);height:var(--height);opacity:0}</style>",e(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},w,m,r,{callback:2,checked:0,toggle:3},null),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["callback","checked","toggle"]}get callback(){return this.$$.ctx[2]}set callback(t){this.$$set({callback:t}),i()}get checked(){return this.$$.ctx[0]}set checked(t){this.$$set({checked:t}),i()}get toggle(){return this.$$.ctx[3]}}g.define("switch-component",v);export{v as default};
|