diff --git a/css/bootstrap5-toggle.css b/css/bootstrap5-toggle.css index a04f4be..9fef6ed 100644 --- a/css/bootstrap5-toggle.css +++ b/css/bootstrap5-toggle.css @@ -48,6 +48,9 @@ .toggle.off .toggle-group { left: -100%; } +.toggle.indeterminate .toggle-group { + left: -50%; +} .toggle-on { position: absolute; top: 0; diff --git a/css/bootstrap5-toggle.min.css b/css/bootstrap5-toggle.min.css index 8e8f9d6..afc479f 100644 --- a/css/bootstrap5-toggle.min.css +++ b/css/bootstrap5-toggle.min.css @@ -8,5 +8,5 @@ * @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE */ -.btn-group-xs>.btn,.btn-xs{padding:.35rem .4rem .25rem .4rem;font-size:.875rem;line-height:.5;border-radius:.2rem}.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-1.25rem;margin-right:.35rem}.toggle{position:relative;overflow:hidden}.toggle input[type=checkbox]{display:none}.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;user-select:none;-moz-user-select:none;-webkit-user-select:none}.toggle-group label,.toggle-group span{cursor:pointer}.toggle.off .toggle-group{left:-100%}.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;box-shadow:none}.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-color:#fff;border-color:#fff}.input-group .toggle-off,.input-group .toggle-on{position:absolute}.toggle.btn-outline-primary .toggle-handle{background-color:var(--bs-primary);border-color:var(--bs-primary)}.toggle.btn-outline-secondary .toggle-handle{background-color:var(--bs-secondary);border-color:var(--bs-secondary)}.toggle.btn-outline-success .toggle-handle{background-color:var(--bs-success);border-color:var(--bs-success)}.toggle.btn-outline-danger .toggle-handle{background-color:var(--bs-danger);border-color:var(--bs-danger)}.toggle.btn-outline-warning .toggle-handle{background-color:var(--bs-warning);border-color:var(--bs-warning)}.toggle.btn-outline-info .toggle-handle{background-color:var(--bs-info);border-color:var(--bs-info)}.toggle.btn-outline-light .toggle-handle{background-color:var(--bs-light);border-color:var(--bs-light)}.toggle.btn-outline-dark .toggle-handle{background-color:var(--bs-dark);border-color:var(--bs-dark)}.toggle[class*=btn-outline]:hover .toggle-handle{background-color:var(--bs-light);opacity:.5}.toggle.btn{min-width:3.7rem;min-height:2.15rem}.toggle-on.btn{padding-right:1.5rem}.toggle-off.btn{padding-left:1.5rem}.toggle.btn-lg{min-width:5rem;min-height:2.815rem}.toggle-on.btn-lg{padding-right:2rem}.toggle-off.btn-lg{padding-left:2rem}.toggle-handle.btn-lg{width:2.5rem}.toggle.btn-sm{min-width:3.125rem;min-height:1.938rem}.toggle-on.btn-sm{padding-right:1rem}.toggle-off.btn-sm{padding-left:1rem}.toggle.btn-xs{min-width:2.19rem;min-height:1.375rem}.toggle-on.btn-xs{padding-right:.8rem}.toggle-off.btn-xs{padding-left:.8rem} +.btn-group-xs>.btn,.btn-xs{padding:.35rem .4rem .25rem .4rem;font-size:.875rem;line-height:.5;border-radius:.2rem}.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-1.25rem;margin-right:.35rem}.toggle{position:relative;overflow:hidden}.toggle input[type=checkbox]{display:none}.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;user-select:none;-moz-user-select:none;-webkit-user-select:none}.toggle-group label,.toggle-group span{cursor:pointer}.toggle.off .toggle-group{left:-100%}.toggle.indeterminate .toggle-group{left:-50%}.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;box-shadow:none}.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-color:#fff;border-color:#fff}.input-group .toggle-off,.input-group .toggle-on{position:absolute}.toggle.btn-outline-primary .toggle-handle{background-color:var(--bs-primary);border-color:var(--bs-primary)}.toggle.btn-outline-secondary .toggle-handle{background-color:var(--bs-secondary);border-color:var(--bs-secondary)}.toggle.btn-outline-success .toggle-handle{background-color:var(--bs-success);border-color:var(--bs-success)}.toggle.btn-outline-danger .toggle-handle{background-color:var(--bs-danger);border-color:var(--bs-danger)}.toggle.btn-outline-warning .toggle-handle{background-color:var(--bs-warning);border-color:var(--bs-warning)}.toggle.btn-outline-info .toggle-handle{background-color:var(--bs-info);border-color:var(--bs-info)}.toggle.btn-outline-light .toggle-handle{background-color:var(--bs-light);border-color:var(--bs-light)}.toggle.btn-outline-dark .toggle-handle{background-color:var(--bs-dark);border-color:var(--bs-dark)}.toggle[class*=btn-outline]:hover .toggle-handle{background-color:var(--bs-light);opacity:.5}.toggle.btn{min-width:3.7rem;min-height:2.15rem}.toggle-on.btn{padding-right:1.5rem}.toggle-off.btn{padding-left:1.5rem}.toggle.btn-lg{min-width:5rem;min-height:2.815rem}.toggle-on.btn-lg{padding-right:2rem}.toggle-off.btn-lg{padding-left:2rem}.toggle-handle.btn-lg{width:2.5rem}.toggle.btn-sm{min-width:3.125rem;min-height:1.938rem}.toggle-on.btn-sm{padding-right:1rem}.toggle-off.btn-sm{padding-left:1rem}.toggle.btn-xs{min-width:2.19rem;min-height:1.375rem}.toggle-on.btn-xs{padding-right:.8rem}.toggle-off.btn-xs{padding-left:.8rem} /*# sourceMappingURL=bootstrap5-toggle.min.css.map */ \ No newline at end of file diff --git a/css/bootstrap5-toggle.min.css.map b/css/bootstrap5-toggle.min.css.map index 9f2dc53..f11e6dc 100644 --- a/css/bootstrap5-toggle.min.css.map +++ b/css/bootstrap5-toggle.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["css\\bootstrap5-toggle.css"],"names":[],"mappings":"AAeA,mBAAsB,QACrB,QAAS,OAAO,MAAM,OAAO,MAC7B,UAAW,QACX,YAAa,GACb,cAAe,MAGhB,wBAAyB,yBACxB,YAAa,SACb,aAAc,OAGf,QACC,SAAU,SACV,SAAU,OAEX,6BACC,QAAS,KAEV,cACC,SAAU,SACV,MAAO,KACP,IAAK,EACL,OAAQ,EACR,KAAM,EACN,WAAY,KAAK,KACjB,mBAAoB,KAAK,KACzB,YAAa,KACb,iBAAkB,KAClB,oBAAqB,KAEtB,oBAAqB,mBAAqB,OAAQ,QAClD,0BACC,KAAM,MAEP,WACC,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,IACP,OAAQ,EACR,OAAQ,EACR,cAAe,EAEhB,YACC,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,IACN,MAAO,EACP,OAAQ,EACR,OAAQ,EACR,cAAe,EACf,WAAY,KAEb,eACC,SAAU,SACV,OAAQ,EAAE,KACV,YAAa,EACb,eAAgB,EAChB,OAAQ,KACR,MAAO,EACP,aAAc,EAAE,IAChB,iBAAkB,KAClB,aAAc,KAQf,yBADA,wBAEI,SAAU,SAGd,2CACC,iBAAkB,kBAClB,aAAc,kBAEf,6CACC,iBAAkB,oBAClB,aAAc,oBAEf,2CACC,iBAAkB,kBAClB,aAAc,kBAEf,0CACC,iBAAkB,iBAClB,aAAc,iBAEf,2CACC,iBAAkB,kBAClB,aAAc,kBAEf,wCACC,iBAAkB,eAClB,aAAc,eAEf,yCACC,iBAAkB,gBAClB,aAAc,gBAEf,wCACC,iBAAkB,eAClB,aAAc,eAEf,iDACC,iBAAkB,gBAClB,QAAS,GAKV,YAAc,UAAW,OAAQ,WAAY,QAC7C,eAAiB,cAAe,OAChC,gBAAkB,aAAc,OAGhC,eAAiB,UAAW,KAAM,WAAY,SAC9C,kBAAoB,cAAe,KACnC,mBAAqB,aAAc,KACnC,sBAAwB,MAAO,OAG/B,eAAiB,UAAW,SAAU,WAAY,SAClD,kBAAoB,cAAe,KACnC,mBAAqB,aAAc,KAGnC,eAAiB,UAAW,QAAS,WAAY,SACjD,kBAAoB,cAAe,MACnC,mBAAqB,aAAc"} \ No newline at end of file +{"version":3,"sources":["css\\bootstrap5-toggle.css"],"names":[],"mappings":"AAeA,mBAAsB,QACrB,QAAS,OAAO,MAAM,OAAO,MAC7B,UAAW,QACX,YAAa,GACb,cAAe,MAGhB,wBAAyB,yBACxB,YAAa,SACb,aAAc,OAGf,QACC,SAAU,SACV,SAAU,OAEX,6BACC,QAAS,KAEV,cACC,SAAU,SACV,MAAO,KACP,IAAK,EACL,OAAQ,EACR,KAAM,EACN,WAAY,KAAK,KACjB,mBAAoB,KAAK,KACzB,YAAa,KACb,iBAAkB,KAClB,oBAAqB,KAEtB,oBAAqB,mBAAqB,OAAQ,QAClD,0BACC,KAAM,MAEP,oCACC,KAAM,KAEP,WACC,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,IACP,OAAQ,EACR,OAAQ,EACR,cAAe,EAEhB,YACC,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,IACN,MAAO,EACP,OAAQ,EACR,OAAQ,EACR,cAAe,EACf,WAAY,KAEb,eACC,SAAU,SACV,OAAQ,EAAE,KACV,YAAa,EACb,eAAgB,EAChB,OAAQ,KACR,MAAO,EACP,aAAc,EAAE,IAChB,iBAAkB,KAClB,aAAc,KAQf,yBADA,wBAEI,SAAU,SAGd,2CACC,iBAAkB,kBAClB,aAAc,kBAEf,6CACC,iBAAkB,oBAClB,aAAc,oBAEf,2CACC,iBAAkB,kBAClB,aAAc,kBAEf,0CACC,iBAAkB,iBAClB,aAAc,iBAEf,2CACC,iBAAkB,kBAClB,aAAc,kBAEf,wCACC,iBAAkB,eAClB,aAAc,eAEf,yCACC,iBAAkB,gBAClB,aAAc,gBAEf,wCACC,iBAAkB,eAClB,aAAc,eAEf,iDACC,iBAAkB,gBAClB,QAAS,GAKV,YAAc,UAAW,OAAQ,WAAY,QAC7C,eAAiB,cAAe,OAChC,gBAAkB,aAAc,OAGhC,eAAiB,UAAW,KAAM,WAAY,SAC9C,kBAAoB,cAAe,KACnC,mBAAqB,aAAc,KACnC,sBAAwB,MAAO,OAG/B,eAAiB,UAAW,SAAU,WAAY,SAClD,kBAAoB,cAAe,KACnC,mBAAqB,aAAc,KAGnC,eAAiB,UAAW,QAAS,WAAY,SACjD,kBAAoB,cAAe,MACnC,mBAAqB,aAAc"} \ No newline at end of file diff --git a/js/bootstrap5-toggle.ecmas.js b/js/bootstrap5-toggle.ecmas.js index 5c8a3e7..a153183 100644 --- a/js/bootstrap5-toggle.ecmas.js +++ b/js/bootstrap5-toggle.ecmas.js @@ -28,7 +28,9 @@ style: '', width: null, height: null, - tabindex: 0 + tabindex: 0, + tristate: false, + name: null }; options = options || {}; @@ -48,6 +50,8 @@ width: this.element.getAttribute('data-width') || options.width || DEFAULTS.width, height: this.element.getAttribute('data-height') || options.height || DEFAULTS.height, tabindex: this.element.getAttribute('tabindex') || options.tabindex || DEFAULTS.tabindex, + tristate: this.element.hasAttribute('tristate') || options.tristate || DEFAULTS.tristate, + name: this.element.getAttribute('name') || options.name || DEFAULTS.name, }; // LAST: Render Toggle @@ -163,17 +167,14 @@ // 9: Add listeners ecmasToggle.addEventListener('touchstart', (e)=>{ - this.toggle() - e.preventDefault() + this.#toggleActionPerformed(e) }); ecmasToggle.addEventListener('click', (e)=>{ - this.toggle() - e.preventDefault() + this.#toggleActionPerformed(e) }); ecmasToggle.addEventListener('keypress', (e)=>{ if(e.key == " "){ - this.toggle() - e.preventDefault() + this.#toggleActionPerformed(e) } }); @@ -185,6 +186,24 @@ this.element.bsToggle = this; } + /** + * Trigger actions + * @param {Event} e event + */ + #toggleActionPerformed(e){ + if(this.options.tristate){ + if(this.ecmasToggle.classList.contains('indeterminate')){ + this.determinate(true); + this.toggle(); + }else{ + this.indeterminate(); + } + }else{ + this.toggle() + } + e.preventDefault() + } + toggle(silent = false) { if (this.element.checked) this.off(silent); else this.on(silent); @@ -210,6 +229,26 @@ if (!silent) this.trigger(); } + indeterminate(silent = false) { + if(!this.options.tristate) return false; + this.ecmasToggle.classList.add('indeterminate'); + this.element.indeterminate = true; + this.element.removeAttribute('name'); + if(this.invElement) this.invElement.indeterminate = true; + if(this.invElement) this.invElement.removeAttribute('name'); + if (!silent) this.trigger() + } + + determinate(silent = false) { + if(!this.options.tristate) return false; + this.ecmasToggle.classList.remove('indeterminate'); + this.element.indeterminate = false; + if(this.options.name) this.element.setAttribute('name', this.options.name); + if(this.invElement) target.invElement.indeterminate = false; + if(this.invElement && target.options.name) this.invElement.setAttribute('name', this.options.name); + if (!silent) this.trigger() + } + enable() { this.ecmasToggle.classList.remove('disabled'); this.ecmasToggle.removeAttribute('disabled'); @@ -278,6 +317,8 @@ if (options.toLowerCase() == 'toggle') _bsToggle.toggle(silent); else if (options.toLowerCase() == 'on') _bsToggle.on(silent); else if (options.toLowerCase() == 'off') _bsToggle.off(silent); + else if (options.toLowerCase() == 'indeterminate') _bsToggle.indeterminate(silent); + else if (options.toLowerCase() == 'determinate') _bsToggle.determinate(silent); else if (options.toLowerCase() == 'enable') _bsToggle.enable(); else if (options.toLowerCase() == 'disable') _bsToggle.disable(); else if (options.toLowerCase() == 'readonly') _bsToggle.readonly(); diff --git a/js/bootstrap5-toggle.ecmas.min.js b/js/bootstrap5-toggle.ecmas.min.js index b792896..c4c9793 100644 --- a/js/bootstrap5-toggle.ecmas.min.js +++ b/js/bootstrap5-toggle.ecmas.min.js @@ -8,5 +8,5 @@ * @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE */ -"use strict";!function(){class i{constructor(e,t){const s="On",i="primary",l=null,n="Off",o="secondary",a=null,d="",h="",r=null,g=null,m=0;t=t||{},this.element=e,this.options={on:this.element.getAttribute("data-on")||t.on||s,onstyle:this.element.getAttribute("data-onstyle")||t.onstyle||i,onvalue:this.element.getAttribute("value")||this.element.getAttribute("data-onvalue")||t.onvalue||l,off:this.element.getAttribute("data-off")||t.off||n,offstyle:this.element.getAttribute("data-offstyle")||t.offstyle||o,offvalue:this.element.getAttribute("data-offvalue")||t.offvalue||a,size:this.element.getAttribute("data-size")||t.size||d,style:this.element.getAttribute("data-style")||t.style||h,width:this.element.getAttribute("data-width")||t.width||r,height:this.element.getAttribute("data-height")||t.height||g,tabindex:this.element.getAttribute("tabindex")||t.tabindex||m},this.render()}render(){function e(e){var t=window.getComputedStyle(e),e=e.offsetHeight,s=parseFloat(t.borderTopWidth);return e-parseFloat(t.borderBottomWidth)-s-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}let t;switch(this.options.size){case"large":case"lg":t="btn-lg";break;case"small":case"sm":t="btn-sm";break;case"mini":case"xs":t="btn-xs";break;default:t=""}let s=document.createElement("label"),i=(s.setAttribute("class","btn btn-"+this.options.onstyle+" "+t),s.setAttribute("for",this.element.id),s.innerHTML=this.options.on,document.createElement("label")),l=(i.setAttribute("class","btn btn-"+this.options.offstyle+" "+t),i.setAttribute("for",this.element.id),i.innerHTML=this.options.off,document.createElement("span")),n=(l.setAttribute("class","toggle-handle btn "+t),document.createElement("div")),o=(n.setAttribute("class","toggle-group"),n.appendChild(s),n.appendChild(i),n.appendChild(l),document.createElement("div")),a=(o.setAttribute("class","toggle btn"),o.classList.add(this.element.checked?"btn-"+this.options.onstyle:"btn-"+this.options.offstyle),o.setAttribute("tabindex",this.options.tabindex),this.element.checked||o.classList.add("off"),this.options.size&&o.classList.add(t),this.options.style&&this.options.style.split(" ").forEach(e=>{o.classList.add(e)}),(this.element.disabled||this.element.readOnly)&&(o.classList.add("disabled"),o.setAttribute("disabled","disabled")),this.options.onvalue&&this.element.setAttribute("value",this.options.onvalue),null);this.options.offvalue&&((a=this.element.cloneNode()).setAttribute("value",this.options.offvalue),a.setAttribute("data-toggle","invert-toggle"),a.removeAttribute("id"),a.checked=!this.element.checked),this.element.parentElement.insertBefore(o,this.element),o.appendChild(this.element),a&&o.appendChild(a),o.appendChild(n),o.style.width=(this.options.width||Math.max(s.getBoundingClientRect().width,i.getBoundingClientRect().width)+l.getBoundingClientRect().width/2)+"px",o.style.height=(this.options.height||Math.max(s.getBoundingClientRect().height,i.getBoundingClientRect().height))+"px",s.classList.add("toggle-on"),i.classList.add("toggle-off"),this.options.height&&(s.style.lineHeight=e(s)+"px",i.style.lineHeight=e(i)+"px"),o.addEventListener("touchstart",e=>{this.toggle(),e.preventDefault()}),o.addEventListener("click",e=>{this.toggle(),e.preventDefault()}),o.addEventListener("keypress",e=>{" "==e.key&&(this.toggle(),e.preventDefault())}),this.ecmasToggle=o,this.invElement=a,this.element.bsToggle=this}toggle(e=!1){this.element.checked?this.off(e):this.on(e)}on(e=!1){if(this.element.disabled||this.element.readOnly)return!1;this.ecmasToggle.classList.remove("btn-"+this.options.offstyle),this.ecmasToggle.classList.add("btn-"+this.options.onstyle),this.ecmasToggle.classList.remove("off"),this.element.checked=!0,this.invElement&&(this.invElement.checked=!1),e||this.trigger()}off(e=!1){if(this.element.disabled||this.element.readOnly)return!1;this.ecmasToggle.classList.remove("btn-"+this.options.onstyle),this.ecmasToggle.classList.add("btn-"+this.options.offstyle),this.ecmasToggle.classList.add("off"),this.element.checked=!1,this.invElement&&(this.invElement.checked=!0),e||this.trigger()}enable(){this.ecmasToggle.classList.remove("disabled"),this.ecmasToggle.removeAttribute("disabled"),this.element.removeAttribute("disabled"),this.element.removeAttribute("readonly"),this.invElement&&(this.invElement.removeAttribute("disabled"),this.invElement.removeAttribute("readonly"))}disable(){this.ecmasToggle.classList.add("disabled"),this.ecmasToggle.setAttribute("disabled",""),this.element.setAttribute("disabled",""),this.element.removeAttribute("readonly"),this.invElement&&(this.invElement.setAttribute("disabled",""),this.invElement.removeAttribute("readonly"))}readonly(){this.ecmasToggle.classList.add("disabled"),this.ecmasToggle.setAttribute("disabled",""),this.element.removeAttribute("disabled"),this.element.setAttribute("readonly",""),this.invElement&&(this.invElement.removeAttribute("disabled"),this.invElement.setAttribute("readonly",""))}update(e){this.element.disabled?this.disable():this.element.readOnly?this.readonly():this.enable(),this.element.checked?this.on(e):this.off(e)}trigger(e){e||this.element.dispatchEvent(new Event("change",{bubbles:!0}))}destroy(){this.ecmasToggle.parentNode.insertBefore(this.element,this.ecmasToggle),this.ecmasToggle.parentNode.removeChild(this.ecmasToggle),delete this.element.bsToggle,delete this.ecmasToggle}}Element.prototype.bootstrapToggle=function(e,t){let s=this.bsToggle||new i(this,e);e&&"string"==typeof e&&("toggle"==e.toLowerCase()?s.toggle(t):"on"==e.toLowerCase()?s.on(t):"off"==e.toLowerCase()?s.off(t):"enable"==e.toLowerCase()?s.enable():"disable"==e.toLowerCase()?s.disable():"readonly"==e.toLowerCase()?s.readonly():"destroy"==e.toLowerCase()&&s.destroy())},"undefined"!=typeof window&&(window.onload=function(){document.querySelectorAll('input[type=checkbox][data-toggle="toggle"]').forEach(function(e){e.bootstrapToggle()})}),"undefined"!=typeof module&&module.exports&&(module.exports=i)}(); +"use strict";!function(){class s{constructor(e,t){const i="On",s="primary",n=null,l="Off",o="secondary",a=null,d="",h="",r=null,m=null,g=0,c=!1,b=null;t=t||{},this.element=e,this.options={on:this.element.getAttribute("data-on")||t.on||i,onstyle:this.element.getAttribute("data-onstyle")||t.onstyle||s,onvalue:this.element.getAttribute("value")||this.element.getAttribute("data-onvalue")||t.onvalue||n,off:this.element.getAttribute("data-off")||t.off||l,offstyle:this.element.getAttribute("data-offstyle")||t.offstyle||o,offvalue:this.element.getAttribute("data-offvalue")||t.offvalue||a,size:this.element.getAttribute("data-size")||t.size||d,style:this.element.getAttribute("data-style")||t.style||h,width:this.element.getAttribute("data-width")||t.width||r,height:this.element.getAttribute("data-height")||t.height||m,tabindex:this.element.getAttribute("tabindex")||t.tabindex||g,tristate:this.element.hasAttribute("tristate")||t.tristate||c,name:this.element.getAttribute("name")||t.name||b},this.render()}render(){function e(e){var t=window.getComputedStyle(e),e=e.offsetHeight,i=parseFloat(t.borderTopWidth);return e-parseFloat(t.borderBottomWidth)-i-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}let t;switch(this.options.size){case"large":case"lg":t="btn-lg";break;case"small":case"sm":t="btn-sm";break;case"mini":case"xs":t="btn-xs";break;default:t=""}let i=document.createElement("label"),s=(i.setAttribute("class","btn btn-"+this.options.onstyle+" "+t),i.setAttribute("for",this.element.id),i.innerHTML=this.options.on,document.createElement("label")),n=(s.setAttribute("class","btn btn-"+this.options.offstyle+" "+t),s.setAttribute("for",this.element.id),s.innerHTML=this.options.off,document.createElement("span")),l=(n.setAttribute("class","toggle-handle btn "+t),document.createElement("div")),o=(l.setAttribute("class","toggle-group"),l.appendChild(i),l.appendChild(s),l.appendChild(n),document.createElement("div")),a=(o.setAttribute("class","toggle btn"),o.classList.add(this.element.checked?"btn-"+this.options.onstyle:"btn-"+this.options.offstyle),o.setAttribute("tabindex",this.options.tabindex),this.element.checked||o.classList.add("off"),this.options.size&&o.classList.add(t),this.options.style&&this.options.style.split(" ").forEach(e=>{o.classList.add(e)}),(this.element.disabled||this.element.readOnly)&&(o.classList.add("disabled"),o.setAttribute("disabled","disabled")),this.options.onvalue&&this.element.setAttribute("value",this.options.onvalue),null);this.options.offvalue&&((a=this.element.cloneNode()).setAttribute("value",this.options.offvalue),a.setAttribute("data-toggle","invert-toggle"),a.removeAttribute("id"),a.checked=!this.element.checked),this.element.parentElement.insertBefore(o,this.element),o.appendChild(this.element),a&&o.appendChild(a),o.appendChild(l),o.style.width=(this.options.width||Math.max(i.getBoundingClientRect().width,s.getBoundingClientRect().width)+n.getBoundingClientRect().width/2)+"px",o.style.height=(this.options.height||Math.max(i.getBoundingClientRect().height,s.getBoundingClientRect().height))+"px",i.classList.add("toggle-on"),s.classList.add("toggle-off"),this.options.height&&(i.style.lineHeight=e(i)+"px",s.style.lineHeight=e(s)+"px"),o.addEventListener("touchstart",e=>{this.#toggleActionPerformed(e)}),o.addEventListener("click",e=>{this.#toggleActionPerformed(e)}),o.addEventListener("keypress",e=>{" "==e.key&&this.#toggleActionPerformed(e)}),this.ecmasToggle=o,this.invElement=a,this.element.bsToggle=this}#toggleActionPerformed(e){this.options.tristate?this.ecmasToggle.classList.contains("indeterminate")?(this.determinate(!0),this.toggle()):this.indeterminate():this.toggle(),e.preventDefault()}toggle(e=!1){this.element.checked?this.off(e):this.on(e)}on(e=!1){if(this.element.disabled||this.element.readOnly)return!1;this.ecmasToggle.classList.remove("btn-"+this.options.offstyle),this.ecmasToggle.classList.add("btn-"+this.options.onstyle),this.ecmasToggle.classList.remove("off"),this.element.checked=!0,this.invElement&&(this.invElement.checked=!1),e||this.trigger()}off(e=!1){if(this.element.disabled||this.element.readOnly)return!1;this.ecmasToggle.classList.remove("btn-"+this.options.onstyle),this.ecmasToggle.classList.add("btn-"+this.options.offstyle),this.ecmasToggle.classList.add("off"),this.element.checked=!1,this.invElement&&(this.invElement.checked=!0),e||this.trigger()}indeterminate(e=!1){if(!this.options.tristate)return!1;this.ecmasToggle.classList.add("indeterminate"),this.element.indeterminate=!0,this.element.removeAttribute("name"),this.invElement&&(this.invElement.indeterminate=!0),this.invElement&&this.invElement.removeAttribute("name"),e||this.trigger()}determinate(e=!1){if(!this.options.tristate)return!1;this.ecmasToggle.classList.remove("indeterminate"),this.element.indeterminate=!1,this.options.name&&this.element.setAttribute("name",this.options.name),this.invElement&&(target.invElement.indeterminate=!1),this.invElement&&target.options.name&&this.invElement.setAttribute("name",this.options.name),e||this.trigger()}enable(){this.ecmasToggle.classList.remove("disabled"),this.ecmasToggle.removeAttribute("disabled"),this.element.removeAttribute("disabled"),this.element.removeAttribute("readonly"),this.invElement&&(this.invElement.removeAttribute("disabled"),this.invElement.removeAttribute("readonly"))}disable(){this.ecmasToggle.classList.add("disabled"),this.ecmasToggle.setAttribute("disabled",""),this.element.setAttribute("disabled",""),this.element.removeAttribute("readonly"),this.invElement&&(this.invElement.setAttribute("disabled",""),this.invElement.removeAttribute("readonly"))}readonly(){this.ecmasToggle.classList.add("disabled"),this.ecmasToggle.setAttribute("disabled",""),this.element.removeAttribute("disabled"),this.element.setAttribute("readonly",""),this.invElement&&(this.invElement.removeAttribute("disabled"),this.invElement.setAttribute("readonly",""))}update(e){this.element.disabled?this.disable():this.element.readOnly?this.readonly():this.enable(),this.element.checked?this.on(e):this.off(e)}trigger(e){e||this.element.dispatchEvent(new Event("change",{bubbles:!0}))}destroy(){this.ecmasToggle.parentNode.insertBefore(this.element,this.ecmasToggle),this.ecmasToggle.parentNode.removeChild(this.ecmasToggle),delete this.element.bsToggle,delete this.ecmasToggle}}Element.prototype.bootstrapToggle=function(e,t){let i=this.bsToggle||new s(this,e);e&&"string"==typeof e&&("toggle"==e.toLowerCase()?i.toggle(t):"on"==e.toLowerCase()?i.on(t):"off"==e.toLowerCase()?i.off(t):"indeterminate"==e.toLowerCase()?i.indeterminate(t):"determinate"==e.toLowerCase()?i.determinate(t):"enable"==e.toLowerCase()?i.enable():"disable"==e.toLowerCase()?i.disable():"readonly"==e.toLowerCase()?i.readonly():"destroy"==e.toLowerCase()&&i.destroy())},"undefined"!=typeof window&&(window.onload=function(){document.querySelectorAll('input[type=checkbox][data-toggle="toggle"]').forEach(function(e){e.bootstrapToggle()})}),"undefined"!=typeof module&&module.exports&&(module.exports=s)}(); //# sourceMappingURL=bootstrap5-toggle.ecmas.min.js.map \ No newline at end of file diff --git a/js/bootstrap5-toggle.ecmas.min.js.map b/js/bootstrap5-toggle.ecmas.min.js.map index 13d4fc3..a2d7510 100644 --- a/js/bootstrap5-toggle.ecmas.min.js.map +++ b/js/bootstrap5-toggle.ecmas.min.js.map @@ -1 +1 @@ -{"version":3,"file":"bootstrap5-toggle.ecmas.min.js","sources":["bootstrap5-toggle.ecmas.js"],"names":["Toggle","constructor","element","options","DEFAULTS","this","on","getAttribute","onstyle","onvalue","off","offstyle","offvalue","size","style","width","height","tabindex","render","calcH","el","styles","window","getComputedStyle","offsetHeight","borderTopWidth","parseFloat","borderBottomWidth","paddingTop","paddingBottom","let","ecmasToggleOn","document","createElement","ecmasToggleOff","setAttribute","id","innerHTML","ecmasToggleHandle","ecmasToggleGroup","ecmasToggle","appendChild","invElement","classList","add","checked","split","forEach","disabled","readOnly","cloneNode","removeAttribute","parentElement","insertBefore","Math","max","getBoundingClientRect","lineHeight","addEventListener","toggle","e","preventDefault","key","bsToggle","silent","remove","trigger","enable","disable","readonly","update","dispatchEvent","Event","bubbles","destroy","parentNode","removeChild","Element","prototype","bootstrapToggle","_bsToggle","toLowerCase","onload","querySelectorAll","ele","module","exports"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"bootstrap5-toggle.ecmas.min.js","sources":["bootstrap5-toggle.ecmas.js"],"names":["Toggle","constructor","element","options","DEFAULTS","this","on","getAttribute","onstyle","onvalue","off","offstyle","offvalue","size","style","width","height","tabindex","tristate","hasAttribute","name","render","calcH","el","styles","window","getComputedStyle","offsetHeight","borderTopWidth","parseFloat","borderBottomWidth","paddingTop","paddingBottom","let","ecmasToggleOn","document","createElement","ecmasToggleOff","setAttribute","id","innerHTML","ecmasToggleHandle","ecmasToggleGroup","ecmasToggle","appendChild","invElement","classList","add","checked","split","forEach","disabled","readOnly","cloneNode","removeAttribute","parentElement","insertBefore","Math","max","getBoundingClientRect","lineHeight","addEventListener","#toggleActionPerformed","e","key","bsToggle","contains","determinate","toggle","indeterminate","preventDefault","silent","remove","trigger","target","enable","disable","readonly","update","dispatchEvent","Event","bubbles","destroy","parentNode","removeChild","Element","prototype","bootstrapToggle","_bsToggle","toLowerCase","onload","querySelectorAll","ele","module","exports"],"mappings":"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"} \ No newline at end of file diff --git a/js/bootstrap5-toggle.js b/js/bootstrap5-toggle.js index 8908003..8ceb336 100644 --- a/js/bootstrap5-toggle.js +++ b/js/bootstrap5-toggle.js @@ -36,6 +36,8 @@ width: null, height: null, tabindex: 0, + tristate: false, + name: null, } Toggle.prototype.defaults = function() { @@ -51,6 +53,8 @@ width: this.$element.attr('data-width') || Toggle.DEFAULTS.width, height: this.$element.attr('data-height') || Toggle.DEFAULTS.height, tabindex: this.$element.attr('tabindex') || Toggle.DEFAULTS.tabindex, + tristate: this.$element.is('[tristate]') || Toggle.DEFAULTS.tristate, + name: this.$element.attr('name') || Toggle.DEFAULTS.name, } } @@ -143,23 +147,39 @@ // 9: Add listeners this.$toggle.on('touchstart', (e)=>{ - this.toggle() - e.preventDefault() + toggleActionPerformed(e, this) }); this.$toggle.on('click', (e)=>{ - this.toggle() - e.preventDefault() + toggleActionPerformed(e, this) }); this.$toggle.on('keypress', (e)=>{ if(e.key == " "){ - this.toggle() - e.preventDefault() + toggleActionPerformed(e, this) } }); // 10: Set elements to bootstrap object (NOT NEEDED) // 11: Keep reference to this instance for subsequent calls via `getElementById().bootstrapToggle()` (NOT NEEDED) } + /** + * Trigger actions + * @param {Event} e event + * @param {Toggle} target Toggle + */ + function toggleActionPerformed(e , target){ + if(target.options.tristate){ + if(target.$toggle.hasClass('indeterminate')){ + target.determinate(); + target.toggle(); + }else{ + target.indeterminate(); + } + }else{ + target.toggle() + } + e.preventDefault() + } + Toggle.prototype.toggle = function (silent = false) { if (this.$element.prop('checked')) this.off(silent) else this.on(silent) @@ -181,6 +201,26 @@ if (!silent) this.trigger() } + Toggle.prototype.indeterminate = function (silent = false) { + if(!this.options.tristate) return false; + this.$toggle.addClass('indeterminate'); + this.$element.prop('indeterminate', true); + this.$element.removeAttr('name'); + if(this.$invElement) this.$invElement.prop('indeterminate', true); + if(this.$invElement) this.$invElement.removeAttr('name'); + if (!silent) this.trigger() + } + + Toggle.prototype.determinate = function (silent = false) { + if(!this.options.tristate) return false; + this.$toggle.removeClass('indeterminate'); + this.$element.prop('indeterminate', false); + if(this.options.name) this.$element.attr('name', this.options.name); + if(this.$invElement) this.$invElement.prop('indeterminate', false); + if(this.$invElement && this.options.name) this.$invElement.attr('name', this.options.name); + if (!silent) this.trigger() + } + Toggle.prototype.enable = function () { this.$toggle.removeClass('disabled') this.$toggle.removeAttr('disabled') diff --git a/js/bootstrap5-toggle.min.js b/js/bootstrap5-toggle.min.js index 04167ac..3cc2c7e 100644 --- a/js/bootstrap5-toggle.min.js +++ b/js/bootstrap5-toggle.min.js @@ -8,5 +8,5 @@ * @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE */ -!function(h){"use strict";function l(t,e){this.$element=h(t),this.options=h.extend({},this.defaults(),e),this.render()}l.DEFAULTS={on:"On",off:"Off",onstyle:"primary",offstyle:"secondary",onvalue:null,offvalue:null,size:"normal",style:"",width:null,height:null,tabindex:0},l.prototype.defaults=function(){return{on:this.$element.attr("data-on")||l.DEFAULTS.on,off:this.$element.attr("data-off")||l.DEFAULTS.off,onstyle:this.$element.attr("data-onstyle")||l.DEFAULTS.onstyle,offstyle:this.$element.attr("data-offstyle")||l.DEFAULTS.offstyle,onvalue:this.$element.attr("value")||this.$element.attr("data-onvalue")||l.DEFAULTS.onvalue,offvalue:this.$element.attr("data-offvalue")||l.DEFAULTS.offvalue,size:this.$element.attr("data-size")||l.DEFAULTS.size,style:this.$element.attr("data-style")||l.DEFAULTS.style,width:this.$element.attr("data-width")||l.DEFAULTS.width,height:this.$element.attr("data-height")||l.DEFAULTS.height,tabindex:this.$element.attr("tabindex")||l.DEFAULTS.tabindex}},l.prototype.render=function(){let t;switch(this.options.size){case"large":case"lg":t="btn-lg";break;case"small":case"sm":t="btn-sm";break;case"mini":case"xs":t="btn-xs";break;default:t=""}let e=h('