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

Claromentis Design System Component Library

import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import { CssClassMap } from '../../interfaces';
/**
 *  @slot - Slot for icon if not using the `<cla-icon>`
 */
export declare class ClaPicker implements ComponentInterface {
  private pickerId;
  private pickerLabelId;
  /**
  * The Host element
  **/
  el: HTMLElement;
  /**
  * The element name submitted to the form
  **/
  name: string;
  /**
  * Select input value
  **/
  value?: any | null;
  /**
  * If 'true', the picker will show the input (checkbox if multiselectable, radio if not)
  **/
  displayinput: boolean;
  /**
  * if 'block="true"', 'block' or 'block="block"' (i.e. true) the picker will display as a block (`<cla-item>` orientate property must be set to 'vertical')
  **/
  block: boolean;
  /**
  * SVG image code
  **/
  image: string;
  /**
  * cla-icon id e.g. glyphicons-basic-158-thumbnails-small
  **/
  iconid: string;
  /**
  * The picker item text.
  **/
  pickerLabelText: string;
  /**
  * If 'true', the picker label text will be shown
  **/
  showlabeltext: boolean;
  /**
  * If `true`, the picker is selected.
  */
  checked: boolean;
  /**
  * If `true`, the user cannot interact with the picker.
  */
  disabled: boolean;
  /**
  * Emitted when the picker loads.
  */
  claPickerDidLoad: EventEmitter;
  /**
  * Emitted when the picker is clicked.
  */
  claPickerSelect: EventEmitter;
  /**
  * Emitted when the selected picker is clicked.
  */
  claPickerDeselect: EventEmitter;
  /**
   * Emitted when the picker has focus.
   */
  claPickerFocus: EventEmitter<void>;
  /**
   * Emitted when the picker loses focus.
   */
  claPickerBlur: EventEmitter<void>;
  private isMultiselectable;
  private inputType;
  componentDidLoad(): void;
  componentWillLoad(): void;
  onClick(): void;
  /**
   * 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 onFocus;
  private onBlur;
  hostData(): {
    "tab-index": string;
    class: {
      "cla-picker": boolean;
      "cla-picker-checked": boolean;
      "cla-picker-disabled": boolean;
      "cla-picker-block": boolean;
    };
  };
  /**
   * Get the map of CSS classes for the button.
   *
   * @return CssClassMap
   */
  getItemClassMap(): CssClassMap;
  render(): any[];
}