mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-19 13:02:56 +00:00
1 line
13 KiB
JavaScript
1 line
13 KiB
JavaScript
|
|
(self.webpackChunkgabinete_digital=self.webpackChunkgabinete_digital||[]).push([[7110],{67110:function(t,e,n){"use strict";n.r(e),n.d(e,{ion_toggle:function(){return s}});var i=n(31667),a=n(36177),o=n(13772),r=n(52954),d=n(61269);const s=class{constructor(t){(0,i.r)(this,t),this.ionChange=(0,i.e)(this,"ionChange",7),this.ionFocus=(0,i.e)(this,"ionFocus",7),this.ionBlur=(0,i.e)(this,"ionBlur",7),this.ionStyle=(0,i.e)(this,"ionStyle",7),this.inputId="ion-tg-"+g++,this.lastDrag=0,this.activated=!1,this.name=this.inputId,this.checked=!1,this.disabled=!1,this.value="on",this.onClick=t=>{t.preventDefault(),this.lastDrag+300<Date.now()&&(this.checked=!this.checked)},this.onFocus=()=>{this.ionFocus.emit()},this.onBlur=()=>{this.ionBlur.emit()}}checkedChanged(t){this.ionChange.emit({checked:t,value:this.value})}disabledChanged(){this.emitStyle(),this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){this.gesture=(await Promise.resolve().then(n.bind(n,97279))).createGesture({el:this.el,gestureName:"toggle",gesturePriority:100,threshold:5,passive:!1,onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.disabledChanged()}disconnectedCallback(){this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}componentWillLoad(){this.emitStyle()}emitStyle(){this.ionStyle.emit({"interactive-disabled":this.disabled})}onStart(){this.activated=!0,this.setFocus()}onMove(t){l(document,this.checked,t.deltaX,-10)&&(this.checked=!this.checked,(0,r.c)())}onEnd(t){this.activated=!1,this.lastDrag=Date.now(),t.event.preventDefault(),t.event.stopImmediatePropagation()}getValue(){return this.value||""}setFocus(){this.focusEl&&this.focusEl.focus()}render(){const{activated:t,color:e,checked:n,disabled:r,el:s,inputId:l,name:g}=this,c=(0,a.b)(this),{label:h,labelId:p,labelText:b}=(0,o.c)(s,l),u=this.getValue();return(0,o.d)(!0,s,g,n?u:"",r),(0,i.h)(i.H,{onClick:this.onClick,"aria-labelledby":h?p:null,"aria-checked":`${n}`,"aria-hidden":r?"true":null,role:"switch",class:(0,d.c)(e,{[c]:!0,"in-item":(0,d.h)("ion-item",s),"toggle-activated":t,"toggle-checked":n,"toggle-disabled":r,interactive:!0})},(0,i.h)("div",{class:"toggle-icon",part:"track"},(0,i.h)("div",{class:"toggle-icon-wrapper"},(0,i.h)("div",{class:"toggle-inner",part:"handle"}))),(0,i.h)("label",{htmlFor:l},b),(0,i.h)("input",{type:"checkbox",role:"switch","aria-checked":`${n}`,disabled:r,id:l,onFocus:()=>this.onFocus(),onBlur:()=>this.onBlur(),ref:t=>this.focusEl=t}))}get el(){return(0,i.i)(this)}static get watchers(){return{checked:["checkedChanged"],disabled:["disabledChanged"]}}},l=(t,e,n,i)=>{const a="rtl"===t.dir;return e?!a&&i>n||a&&-i<n:!a&&-i<n||a&&i>n};let g=0;s.style={ios:":host{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;outline:none;contain:content;cursor:pointer;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.toggle-icon-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--ba
|