import { r as h, i as l, x as c, e as m } from "./query-assigned-elements-D930kELM.mjs";
import { s as p, R as y } from "./mwc-radio.css-DPbyzNg_.mjs";
import { n as v } from "./property-DJzm_oB9.mjs";
const g = ':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';
var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (a, e, o, i) => {
  for (var t = i > 1 ? void 0 : i ? u(e, o) : e, n = a.length - 1, d; n >= 0; n--)
    (d = a[n]) && (t = (i ? d(e, o, t) : d(t)) || t);
  return i && t && f(e, o, t), t;
};
let r = class extends y {
  constructor() {
    super(...arguments), this.iconOnly = !1;
  }
  // Override the renderRipple method to minimally introduce the icon & text slots without overwritting the render method
  renderRipple() {
    const a = c`<slot name="icon"></slot>`, e = this.iconOnly ? "" : c`<div><slot name="text"></slot></div>`, o = this.shouldRenderRipple ? c`<mwc-ripple
          accent
          .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
          .disabled="${this.disabled}"
        ></mwc-ripple>` : "";
    return c`${a}${e}${o}`;
  }
};
r.styles = [
  p,
  l`
      ${h(g)}
    `
];
s([
  v({ type: Boolean })
], r.prototype, "iconOnly", 2);
r = s([
  m("cv-radio-icon")
], r);
const _ = r;
export {
  r as CovalentIconRadioToggle,
  _ as default
};
