https://arlis.am/static/theme/vx-checkbox/Template.js

1const CheckBoxTemplate = {
2  render(props) {
3    return this.html(props);
4  },
5  mapDOM(scope) {
6    return {
7      checkBoxButton:
8        scope !== null ? scope.querySelectorAll(".checkbox")[0] : null,
9      checkBoxInput: scope !== null ? scope.querySelectorAll("input")[0] : null,
10    };
11  },
12  html(props) {
13    return `
14      <div class="checkbox-wrapper">
15        <label class="checkbox ${props.theme} helvetica-55 ${
16      props.value === "true" ? "is-checked" : ""
17    } ${props.size ? "checkbox_" + props.size : ""}">
18          <span class="checkbox-text">${props.label}</span>
19          <input type="checkbox" ${
20            props.value === "true" ? 'checked="checked"' : ""
21          } value="${props.value}" name="${props.name}" />
22          <span class="checkmark"></span>
23        </label>
24      </div>
25    `;
26  },
27};