div(
:class=`[
"gb-field-toggle",
"gb-field-toggle--" + size,
"gb-field-toggle--" + computedTheme,
"gb-field-toggle--" + computedStatus,
"gb-field-toggle--label-" + labelPosition,
{
"gb-field-toggle--active": innerValue,
"gb-field-toggle--disabled": disabled,
"gb-field-toggle--full-width": fullWidth,
"gb-field-toggle--inactive": !innerValue
}
]`
)
div(
@keypress.prevent="onKeypress"
class="gb-field-toggle__container js-tag-for-autofocus"
tabindex="0"
)
div(
@click="onClick"
class="gb-field-toggle__field"
)
span.gb-field-toggle__focuser
span.gb-field-toggle__handle
field-label(
v-if="label"
@click="onClick"
:required="required"
:size="size"
:theme="theme"
:uppercase="labelPosition === 'top'"
class="gb-field-toggle__label"
) {{ label }}
field-message(
v-if="fieldMessageStatus"
:message="fieldMessageContent"
:size="size"
:status="fieldMessageStatus"
:theme="theme"
)