44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
import { Utility } from "../../core/utility";
|
|
import './checkbox.scss';
|
|
|
|
var CHECKBOX_CLASS = 'checkbox';
|
|
var CHECKBOX_INITIALIZED_CLASS = 'checkbox--initialized';
|
|
|
|
@Utility({
|
|
selector: 'input[type="checkbox"]',
|
|
})
|
|
export class Checkbox {
|
|
|
|
constructor(element) {
|
|
if (!element) {
|
|
throw new Error('Checkbox utility cannot be setup without an element!');
|
|
}
|
|
|
|
if (element.classList.contains(CHECKBOX_INITIALIZED_CLASS)) {
|
|
// throw new Error('Checkbox utility already initialized!');
|
|
return false;
|
|
}
|
|
|
|
if (element.parentElement.classList.contains(CHECKBOX_CLASS)) {
|
|
// throw new Error('Checkbox element\'s wrapper already has class "' + CHECKBOX_CLASS + '"!');
|
|
return false;
|
|
}
|
|
|
|
var siblingEl = element.nextSibling;
|
|
var parentEl = element.parentElement;
|
|
|
|
var wrapperEl = document.createElement('div');
|
|
wrapperEl.classList.add(CHECKBOX_CLASS);
|
|
|
|
var labelEl = document.createElement('label');
|
|
labelEl.setAttribute('for', element.id);
|
|
|
|
wrapperEl.appendChild(element);
|
|
wrapperEl.appendChild(labelEl);
|
|
|
|
parentEl.insertBefore(wrapperEl, siblingEl);
|
|
|
|
element.classList.add(CHECKBOX_INITIALIZED_CLASS);
|
|
}
|
|
}
|