component(
ref="formEl"
:is="formRegister ? 'w-form-element' : 'div'"
v-bind="formRegister && { validators, inputValue: checkboxItems.some(item => item._isChecked), disabled: isDisabled, noBlurValidation }"
v-model:valid="valid"
@reset="reset"
:column="!inline"
:wrap="inline"
:class="classes")
w-checkbox(
ref="item"
v-for="(item, i) in checkboxItems"
:key="i"
:model-value="item._isChecked"
@update:model-value="toggleCheck(item, $event)"
@focus="$emit('focus', $event)"
:name="`${inputName}[]`"
v-bind="{ label: item.label, color: item.color, labelOnLeft, labelColor, round }"
:disabled="isDisabled || null"
:readonly="isReadonly || null"
:class="{ mt1: !inline && i }")
slot(
v-if="$slots[`item.${i + 1}`] || $slots.item"
:name="$slots[`item.${i + 1}`] ? `item.${i + 1}` : 'item'"
:item="getOriginalItem(item)"
:checked="!!item._isChecked"
:index="i + 1"
v-html="item.label")
div(v-else-if="item.label" v-html="item.label")