bootstrap5-toggle 4.1.0 → 4.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +115 -0
- package/LICENSE +23 -23
- package/README.md +77 -49
- package/css/bootstrap5-toggle.css +21 -8
- package/css/bootstrap5-toggle.min.css +7 -6
- package/css/bootstrap5-toggle.min.css.map +1 -0
- package/debug/.gitignore +2 -0
- package/js/bootstrap5-toggle.ecmas.js +344 -0
- package/js/bootstrap5-toggle.ecmas.min.js +12 -0
- package/js/bootstrap5-toggle.ecmas.min.js.map +1 -0
- package/js/bootstrap5-toggle.js +199 -63
- package/js/bootstrap5-toggle.min.js +11 -12
- package/js/bootstrap5-toggle.min.js.map +1 -1
- package/package.json +11 -2
|
@@ -0,0 +1,344 @@
|
|
|
1
|
+
/* Copyright Notice
|
|
2
|
+
* bootstrap5-toggle v4.3.1
|
|
3
|
+
* https://palcarazm.github.io/bootstrap5-toggle/
|
|
4
|
+
* @author 2011-2014 Min Hur (https://github.com/minhur)
|
|
5
|
+
* @author 2018-2019 Brent Ely (https://github.com/gitbrent)
|
|
6
|
+
* @author 2022 Pablo Alcaraz Martínez (https://github.com/palcarazm)
|
|
7
|
+
* @license MIT
|
|
8
|
+
* @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
'use strict';
|
|
13
|
+
|
|
14
|
+
(function() {
|
|
15
|
+
/**
|
|
16
|
+
* `Toggle` is instantiated for each toggle-button
|
|
17
|
+
*/
|
|
18
|
+
class Toggle {
|
|
19
|
+
constructor(element, options) {
|
|
20
|
+
const DEFAULTS = {
|
|
21
|
+
on: 'On',
|
|
22
|
+
onstyle: 'primary',
|
|
23
|
+
onvalue: null,
|
|
24
|
+
off: 'Off',
|
|
25
|
+
offstyle: 'secondary',
|
|
26
|
+
offvalue: null,
|
|
27
|
+
size: '',
|
|
28
|
+
style: '',
|
|
29
|
+
width: null,
|
|
30
|
+
height: null,
|
|
31
|
+
tabindex: 0,
|
|
32
|
+
tristate: false,
|
|
33
|
+
name: null
|
|
34
|
+
};
|
|
35
|
+
options = options || {};
|
|
36
|
+
|
|
37
|
+
// A: Capture ref to HMTL element
|
|
38
|
+
this.element = element;
|
|
39
|
+
|
|
40
|
+
// B: Set options
|
|
41
|
+
this.options = {
|
|
42
|
+
on: this.element.getAttribute('data-on') || options.on || DEFAULTS.on,
|
|
43
|
+
onstyle: this.element.getAttribute('data-onstyle') || options.onstyle || DEFAULTS.onstyle,
|
|
44
|
+
onvalue: this.element.getAttribute('value') || this.element.getAttribute('data-onvalue') || options.onvalue || DEFAULTS.onvalue,
|
|
45
|
+
off: this.element.getAttribute('data-off') || options.off || DEFAULTS.off,
|
|
46
|
+
offstyle: this.element.getAttribute('data-offstyle') || options.offstyle || DEFAULTS.offstyle,
|
|
47
|
+
offvalue: this.element.getAttribute('data-offvalue') || options.offvalue || DEFAULTS.offvalue,
|
|
48
|
+
size: this.element.getAttribute('data-size') || options.size || DEFAULTS.size,
|
|
49
|
+
style: this.element.getAttribute('data-style') || options.style || DEFAULTS.style,
|
|
50
|
+
width: this.element.getAttribute('data-width') || options.width || DEFAULTS.width,
|
|
51
|
+
height: this.element.getAttribute('data-height') || options.height || DEFAULTS.height,
|
|
52
|
+
tabindex: this.element.getAttribute('tabindex') || options.tabindex || DEFAULTS.tabindex,
|
|
53
|
+
tristate: this.element.hasAttribute('tristate') || options.tristate || DEFAULTS.tristate,
|
|
54
|
+
name: this.element.getAttribute('name') || options.name || DEFAULTS.name,
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
// LAST: Render Toggle
|
|
58
|
+
this.render();
|
|
59
|
+
}
|
|
60
|
+
render() {
|
|
61
|
+
function calcH(el) {
|
|
62
|
+
const styles = window.getComputedStyle(el);
|
|
63
|
+
const height = el.offsetHeight;
|
|
64
|
+
const borderTopWidth = parseFloat(styles.borderTopWidth);
|
|
65
|
+
const borderBottomWidth = parseFloat(styles.borderBottomWidth);
|
|
66
|
+
const paddingTop = parseFloat(styles.paddingTop);
|
|
67
|
+
const paddingBottom = parseFloat(styles.paddingBottom);
|
|
68
|
+
|
|
69
|
+
return height - borderBottomWidth - borderTopWidth - paddingTop - paddingBottom;
|
|
70
|
+
}
|
|
71
|
+
// 0: Parse size
|
|
72
|
+
let size;
|
|
73
|
+
switch (this.options.size ) {
|
|
74
|
+
case 'large':
|
|
75
|
+
case 'lg':
|
|
76
|
+
size = 'btn-lg';
|
|
77
|
+
break;
|
|
78
|
+
case 'small':
|
|
79
|
+
case 'sm':
|
|
80
|
+
size = 'btn-sm';
|
|
81
|
+
break;
|
|
82
|
+
case 'mini':
|
|
83
|
+
case 'xs':
|
|
84
|
+
size = 'btn-xs';
|
|
85
|
+
break;
|
|
86
|
+
default:
|
|
87
|
+
size = ''
|
|
88
|
+
break;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
// 1: On
|
|
92
|
+
let ecmasToggleOn = document.createElement('label');
|
|
93
|
+
ecmasToggleOn.setAttribute('class', 'btn btn-' + this.options.onstyle + ' ' + size);
|
|
94
|
+
ecmasToggleOn.setAttribute('for', this.element.id);
|
|
95
|
+
ecmasToggleOn.innerHTML = this.options.on;
|
|
96
|
+
|
|
97
|
+
// 2: Off
|
|
98
|
+
let ecmasToggleOff = document.createElement('label');
|
|
99
|
+
ecmasToggleOff.setAttribute('class', 'btn btn-' + this.options.offstyle + ' ' + size);
|
|
100
|
+
ecmasToggleOff.setAttribute('for', this.element.id);
|
|
101
|
+
ecmasToggleOff.innerHTML = this.options.off;
|
|
102
|
+
|
|
103
|
+
// 3: Handle
|
|
104
|
+
let ecmasToggleHandle = document.createElement('span');
|
|
105
|
+
ecmasToggleHandle.setAttribute('class', 'toggle-handle btn ' + size);
|
|
106
|
+
|
|
107
|
+
// 4: Toggle Group
|
|
108
|
+
let ecmasToggleGroup = document.createElement('div');
|
|
109
|
+
ecmasToggleGroup.setAttribute('class', 'toggle-group');
|
|
110
|
+
ecmasToggleGroup.appendChild(ecmasToggleOn);
|
|
111
|
+
ecmasToggleGroup.appendChild(ecmasToggleOff);
|
|
112
|
+
ecmasToggleGroup.appendChild(ecmasToggleHandle);
|
|
113
|
+
|
|
114
|
+
// 5: Toggle
|
|
115
|
+
let ecmasToggle = document.createElement('div');
|
|
116
|
+
ecmasToggle.setAttribute('class', 'toggle btn');
|
|
117
|
+
ecmasToggle.classList.add(this.element.checked ? 'btn-' + this.options.onstyle : 'btn-' + this.options.offstyle);
|
|
118
|
+
ecmasToggle.setAttribute('tabindex',this.options.tabindex);
|
|
119
|
+
if (!this.element.checked) ecmasToggle.classList.add('off');
|
|
120
|
+
if (this.options.size) ecmasToggle.classList.add(size);
|
|
121
|
+
if (this.options.style) {
|
|
122
|
+
(this.options.style).split(' ').forEach((style)=>{
|
|
123
|
+
ecmasToggle.classList.add(style);
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
if (this.element.disabled || this.element.readOnly){
|
|
127
|
+
ecmasToggle.classList.add('disabled');
|
|
128
|
+
ecmasToggle.setAttribute('disabled', 'disabled');
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
// 6: Set form values
|
|
132
|
+
if(this.options.onvalue) this.element.setAttribute('value', this.options.onvalue);
|
|
133
|
+
let invElement = null;
|
|
134
|
+
if(this.options.offvalue){
|
|
135
|
+
invElement = this.element.cloneNode();
|
|
136
|
+
invElement.setAttribute('value',this.options.offvalue);
|
|
137
|
+
invElement.setAttribute('data-toggle', 'invert-toggle');
|
|
138
|
+
invElement.removeAttribute('id');
|
|
139
|
+
invElement.checked = !this.element.checked;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
// 7: Replace HTML checkbox with Toggle-Button
|
|
143
|
+
this.element.parentElement.insertBefore(ecmasToggle, this.element);
|
|
144
|
+
ecmasToggle.appendChild(this.element);
|
|
145
|
+
if(invElement) ecmasToggle.appendChild(invElement);
|
|
146
|
+
ecmasToggle.appendChild(ecmasToggleGroup);
|
|
147
|
+
|
|
148
|
+
// 8: Set button W/H, lineHeight
|
|
149
|
+
{
|
|
150
|
+
// A: Set style W/H
|
|
151
|
+
// NOTE: `offsetWidth` returns *rounded* integer values, so use `getBoundingClientRect` instead.
|
|
152
|
+
ecmasToggle.style.width =
|
|
153
|
+
(this.options.width ||
|
|
154
|
+
Math.max(ecmasToggleOn.getBoundingClientRect().width, ecmasToggleOff.getBoundingClientRect().width) + ecmasToggleHandle.getBoundingClientRect().width / 2) + 'px';
|
|
155
|
+
ecmasToggle.style.height = (this.options.height || Math.max(ecmasToggleOn.getBoundingClientRect().height, ecmasToggleOff.getBoundingClientRect().height)) + 'px';
|
|
156
|
+
|
|
157
|
+
// B: Apply on/off class
|
|
158
|
+
ecmasToggleOn.classList.add('toggle-on');
|
|
159
|
+
ecmasToggleOff.classList.add('toggle-off');
|
|
160
|
+
|
|
161
|
+
// C: Finally, set lineHeight if needed
|
|
162
|
+
if (this.options.height) {
|
|
163
|
+
ecmasToggleOn.style.lineHeight = calcH(ecmasToggleOn) + 'px';
|
|
164
|
+
ecmasToggleOff.style.lineHeight = calcH(ecmasToggleOff) + 'px';
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
// 9: Add listeners
|
|
169
|
+
ecmasToggle.addEventListener('touchstart', (e)=>{
|
|
170
|
+
this.#toggleActionPerformed(e)
|
|
171
|
+
});
|
|
172
|
+
ecmasToggle.addEventListener('click', (e)=>{
|
|
173
|
+
this.#toggleActionPerformed(e)
|
|
174
|
+
});
|
|
175
|
+
ecmasToggle.addEventListener('keypress', (e)=>{
|
|
176
|
+
if(e.key == " "){
|
|
177
|
+
this.#toggleActionPerformed(e)
|
|
178
|
+
}
|
|
179
|
+
});
|
|
180
|
+
|
|
181
|
+
// 10: Set elements to bootstrap object
|
|
182
|
+
this.ecmasToggle = ecmasToggle;
|
|
183
|
+
this.invElement = invElement;
|
|
184
|
+
|
|
185
|
+
// 11: Keep reference to this instance for subsequent calls via `getElementById().bootstrapToggle()`
|
|
186
|
+
this.element.bsToggle = this;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
/**
|
|
190
|
+
* Trigger actions
|
|
191
|
+
* @param {Event} e event
|
|
192
|
+
*/
|
|
193
|
+
#toggleActionPerformed(e){
|
|
194
|
+
if(this.options.tristate){
|
|
195
|
+
if(this.ecmasToggle.classList.contains('indeterminate')){
|
|
196
|
+
this.determinate(true);
|
|
197
|
+
this.toggle();
|
|
198
|
+
}else{
|
|
199
|
+
this.indeterminate();
|
|
200
|
+
}
|
|
201
|
+
}else{
|
|
202
|
+
this.toggle()
|
|
203
|
+
}
|
|
204
|
+
e.preventDefault()
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
toggle(silent = false) {
|
|
208
|
+
if (this.element.checked) this.off(silent);
|
|
209
|
+
else this.on(silent);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
on(silent = false) {
|
|
213
|
+
if (this.element.disabled || this.element.readOnly) return false;
|
|
214
|
+
this.ecmasToggle.classList.remove('btn-' + this.options.offstyle);
|
|
215
|
+
this.ecmasToggle.classList.add('btn-' + this.options.onstyle);
|
|
216
|
+
this.ecmasToggle.classList.remove('off');
|
|
217
|
+
this.element.checked = true;
|
|
218
|
+
if(this.invElement) this.invElement.checked = false;
|
|
219
|
+
if (!silent) this.trigger();
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
off(silent = false) {
|
|
223
|
+
if (this.element.disabled || this.element.readOnly) return false;
|
|
224
|
+
this.ecmasToggle.classList.remove('btn-' + this.options.onstyle);
|
|
225
|
+
this.ecmasToggle.classList.add('btn-' + this.options.offstyle);
|
|
226
|
+
this.ecmasToggle.classList.add('off');
|
|
227
|
+
this.element.checked = false;
|
|
228
|
+
if(this.invElement) this.invElement.checked = true;
|
|
229
|
+
if (!silent) this.trigger();
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
indeterminate(silent = false) {
|
|
233
|
+
if (!this.options.tristate || this.element.disabled || this.element.readOnly) return false;
|
|
234
|
+
this.ecmasToggle.classList.add('indeterminate');
|
|
235
|
+
this.element.indeterminate = true;
|
|
236
|
+
this.element.removeAttribute('name');
|
|
237
|
+
if(this.invElement) this.invElement.indeterminate = true;
|
|
238
|
+
if(this.invElement) this.invElement.removeAttribute('name');
|
|
239
|
+
if (!silent) this.trigger()
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
determinate(silent = false) {
|
|
243
|
+
if (!this.options.tristate || this.element.disabled || this.element.readOnly) return false;
|
|
244
|
+
this.ecmasToggle.classList.remove('indeterminate');
|
|
245
|
+
this.element.indeterminate = false;
|
|
246
|
+
if(this.options.name) this.element.setAttribute('name', this.options.name);
|
|
247
|
+
if(this.invElement) this.invElement.indeterminate = false;
|
|
248
|
+
if(this.invElement && this.options.name) this.invElement.setAttribute('name', this.options.name);
|
|
249
|
+
if (!silent) this.trigger()
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
enable() {
|
|
253
|
+
this.ecmasToggle.classList.remove('disabled');
|
|
254
|
+
this.ecmasToggle.removeAttribute('disabled');
|
|
255
|
+
this.element.removeAttribute('disabled');
|
|
256
|
+
this.element.removeAttribute('readonly');
|
|
257
|
+
if(this.invElement) {
|
|
258
|
+
this.invElement.removeAttribute('disabled');
|
|
259
|
+
this.invElement.removeAttribute('readonly');
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
disable() {
|
|
264
|
+
this.ecmasToggle.classList.add('disabled');
|
|
265
|
+
this.ecmasToggle.setAttribute('disabled', '');
|
|
266
|
+
this.element.setAttribute('disabled', '');
|
|
267
|
+
this.element.removeAttribute('readonly');
|
|
268
|
+
if(this.invElement) {
|
|
269
|
+
this.invElement.setAttribute('disabled', '');
|
|
270
|
+
this.invElement.removeAttribute('readonly');
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
readonly() {
|
|
275
|
+
this.ecmasToggle.classList.add('disabled');
|
|
276
|
+
this.ecmasToggle.setAttribute('disabled', '');
|
|
277
|
+
this.element.removeAttribute('disabled');
|
|
278
|
+
this.element.setAttribute('readonly', '');
|
|
279
|
+
if(this.invElement) {
|
|
280
|
+
this.invElement.removeAttribute('disabled');
|
|
281
|
+
this.invElement.setAttribute('readonly', '');
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
update(silent) {
|
|
286
|
+
if (this.element.disabled) this.disable();
|
|
287
|
+
else if (this.element.readOnly) this.readonly();
|
|
288
|
+
else this.enable();
|
|
289
|
+
if (this.element.checked) this.on(silent);
|
|
290
|
+
else this.off(silent);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
trigger(silent) {
|
|
294
|
+
if (!silent) this.element.dispatchEvent(new Event('change', { bubbles: true }));
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
destroy() {
|
|
298
|
+
// A: Remove button-group from UI, replace checkbox element
|
|
299
|
+
this.ecmasToggle.parentNode.insertBefore(this.element, this.ecmasToggle);
|
|
300
|
+
this.ecmasToggle.parentNode.removeChild(this.ecmasToggle);
|
|
301
|
+
|
|
302
|
+
// B: Delete internal refs
|
|
303
|
+
delete this.element.bsToggle;
|
|
304
|
+
delete this.ecmasToggle;
|
|
305
|
+
}
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
/**
|
|
309
|
+
* Add `bootstrapToggle` prototype function to HTML Elements
|
|
310
|
+
* Enables execution when used with HTML - ex: `document.getElementById('toggle').bootstrapToggle('on')`
|
|
311
|
+
*/
|
|
312
|
+
Element.prototype.bootstrapToggle = function(options, silent) {
|
|
313
|
+
let _bsToggle = this.bsToggle || new Toggle(this, options);
|
|
314
|
+
|
|
315
|
+
// Execute method calls
|
|
316
|
+
if (options && typeof options === 'string') {
|
|
317
|
+
if (options.toLowerCase() == 'toggle') _bsToggle.toggle(silent);
|
|
318
|
+
else if (options.toLowerCase() == 'on') _bsToggle.on(silent);
|
|
319
|
+
else if (options.toLowerCase() == 'off') _bsToggle.off(silent);
|
|
320
|
+
else if (options.toLowerCase() == 'indeterminate') _bsToggle.indeterminate(silent);
|
|
321
|
+
else if (options.toLowerCase() == 'determinate') _bsToggle.determinate(silent);
|
|
322
|
+
else if (options.toLowerCase() == 'enable') _bsToggle.enable();
|
|
323
|
+
else if (options.toLowerCase() == 'disable') _bsToggle.disable();
|
|
324
|
+
else if (options.toLowerCase() == 'readonly') _bsToggle.readonly();
|
|
325
|
+
else if (options.toLowerCase() == 'destroy') _bsToggle.destroy();
|
|
326
|
+
}
|
|
327
|
+
};
|
|
328
|
+
|
|
329
|
+
/**
|
|
330
|
+
* Replace all `input[type=checkbox][data-toggle="toggle"]` inputs with "Bootstrap-Toggle"
|
|
331
|
+
* Executes once page elements have rendered enabling script to be placed in `<head>`
|
|
332
|
+
*/
|
|
333
|
+
if (typeof window !== 'undefined')
|
|
334
|
+
window.onload = function() {
|
|
335
|
+
document.querySelectorAll('input[type=checkbox][data-toggle="toggle"]').forEach(function(ele) {
|
|
336
|
+
ele.bootstrapToggle();
|
|
337
|
+
});
|
|
338
|
+
};
|
|
339
|
+
|
|
340
|
+
// Export library if possible
|
|
341
|
+
if (typeof module !== 'undefined' && module.exports) {
|
|
342
|
+
module.exports = Toggle;
|
|
343
|
+
}
|
|
344
|
+
})();
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/* Copyright Notice
|
|
2
|
+
* bootstrap5-toggle v4.3.1
|
|
3
|
+
* https://palcarazm.github.io/bootstrap5-toggle/
|
|
4
|
+
* @author 2011-2014 Min Hur (https://github.com/minhur)
|
|
5
|
+
* @author 2018-2019 Brent Ely (https://github.com/gitbrent)
|
|
6
|
+
* @author 2022 Pablo Alcaraz Martínez (https://github.com/palcarazm)
|
|
7
|
+
* @license MIT
|
|
8
|
+
* @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
"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||this.element.disabled||this.element.readOnly)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||this.element.disabled||this.element.readOnly)return!1;this.ecmasToggle.classList.remove("indeterminate"),this.element.indeterminate=!1,this.options.name&&this.element.setAttribute("name",this.options.name),this.invElement&&(this.invElement.indeterminate=!1),this.invElement&&this.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)}();
|
|
12
|
+
//# sourceMappingURL=bootstrap5-toggle.ecmas.min.js.map
|
|
@@ -0,0 +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","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","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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"}
|