<style include="settings-shared cr-radio-button-style">
:host([disabled]) {
opacity: 1;
}
/* Disc and label should be transluscent, but not the policy indicator. */
:host([disabled]) .disc-wrapper,
:host([disabled]) #labelWrapper {
opacity: var(--cr-disabled-opacity);
}
cr-policy-pref-indicator {
margin-inline-start: var(--cr-controlled-by-spacing);
/* Enable pointer events for the indicator so :hover works. Disable
* clicks/taps via onIndicatorClick_ so outer on-tap doesn't trigger. */
pointer-events: all;
}
</style>
<div
role="presentation"
class="disc-wrapper"
id="button"
tabindex$="[[buttonTabIndex_]]"
on-keydown="onInputKeydown_">
<div class="disc-border"></div>
<div class="disc"></div>
<div id="overlay"></div>
</div>
<div id="labelWrapper" role="presentation">
<span>[[label]]</span>
</div>
<template is="dom-if" if="[[disabled]]" restamp>
<cr-policy-indicator
indicator-type="userPolicy"
icon-aria-label="[[label]]"
on-click="onIndicatorClick_">
</cr-policy-indicator>
</template>