@claromentis/design-system/dist/types/components/cla-radio/cla-radio.d.ts

Claromentis Design System Component Library

import { EventEmitter } from '../../stencil-public-runtime';
import { CssClassMap } from '../../interfaces';
/**
 *  @slot - Allows label content
 */
export declare class Radio {
  /**
   * The host element.
   */
  element: HTMLElement;
  /**
   * The radio ID & name
   */
  name: string;
  /**
   * Whether to use the large variant of the radio.
   */
  large: false;
  /**
   * Whether to use the inverted variant of the radio.
   */
  inverted: false;
  /**
   * The radio value
   */
  value?: any;
  /**
   * Whether to use the block style variant of the radio.
   */
  block: false;
  /**
   * Whether the radio is disabled.
   */
  disabled: boolean;
  /**
   * Is it Checked ?
   */
  checked: boolean;
  /**
   * Emitted when the radio is selected.
   */
  selected: EventEmitter;
  /**
   * Emitted when the radio is unselected.
   */
  unselected: EventEmitter;
  /**
   * Get the map of CSS classes for the radio.
   *
   * @return CssClassMap
   */
  getClassMap(): CssClassMap;
  /**
   * Propagate a focus event.
   *
   * Used to propagate `<input>` focus events through the Shadow DOM boundary
   * in the case that they aren't by the browser.
   *
   * @param {FocusEvent} event
   */
  private onFocusEvent;
  /**
   * on Change event change input's value.
   *
   * Used to emit the change of value when an input is checked.
   *
   * @param {InputEvent} event
   */
  private onChangeEvent;
  /**
   * prevent Event Propagation
   *
   * Prevents the propagation of click events to prevent click events firing twice on the component
   *
   * @param {MouseEvent} event
   */
  private preventPropagation;
  render(): any;
}