@everymatrix/general-input 1.43.4 → 1.45.0

package/dist/general-input/p-1913dcb0.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as s}from"./p-03e81c11.js";import{g as e}from"./p-ba14eb83.js";const a=class{constructor(i){t(this,i),this.handleClick=t=>{this.emitOnClick&&(t.stopPropagation(),window.postMessage({type:`registration${this.name}Clicked`},window.location.href))},this.type="text",this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.validation=void 0,this.options=void 0,this.language=void 0,this.autofilled=void 0,this.tooltip=void 0,this.defaultValue=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.clientStyling="",this.dateFormat=void 0,this.translationUrl="",this.emitOnClick=!1}connectedCallback(){this.translationUrl&&e(this.translationUrl)}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return i("text-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"email":return i("email-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"number":return i("number-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"checkbox":return i("checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,defaultValue:this.defaultValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip});case"checkboxgroup":return i("checkbox-group-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options});case"togglecheckbox":return i("toggle-checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options,"emit-on-click":this.emitOnClick});case"datetime":return i("date-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,dateFormat:this.dateFormat});case"password":return i("password-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"radio":return i("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling});case"tel":return i("tel-input",{name:this.name,action:this.action,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language,autofilled:this.autofilled,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"dropdown":return i("select-input",{name:this.name,action:this.action,defaultValue:this.defaultValue,displayName:this.displayName,options:this.options,validation:this.validation,emitValue:this.emitValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});default:return i("p",null,"The ",this.type," input type is not valid")}}render(){return i(s,{key:"00fe51389e06cbdc9225d3246bc6c629d4cf15d8",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}};a.style=":host{display:block;height:100%}";export{a as general_input}

package/dist/general-input/p-e1255160.js

@@ -0,0 +1 @@
+const o=()=>{};export{o as g}

package/dist/general-input/p-e7df9c4a.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i}from"./p-03e81c11.js";import{t as o}from"./p-ba14eb83.js";import{t as s}from"./p-2dccd0bf.js";const l=class{constructor(i){e(this,i),this.sendValidityState=t(this,"sendValidityState",7),this.sendInputValue=t(this,"sendInputValue",7),this.value="",this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.prepend(e)},this.name=void 0,this.displayName=void 0,this.defaultValue="",this.options=void 0,this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1,this.showFields=void 0}validityStateHandler(e){this.sendValidityState.emit(e)}valueHandler(e){this.sendInputValue.emit(e)}handleClickOutside(e){e.composedPath()[0]!==this.tooltipIconReference&&e.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity()}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return o("requiredError",this.language)}renderLabel(){return i("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},i("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?i("div",{class:"togglecheckbox__tooltip "+(this.showTooltip?"visible":""),ref:e=>this.tooltipReference=e,innerHTML:this.tooltip}):null}render(){return i("div",{key:"d5a645fdc3409f4efdc3319c07cded8c1931991c",class:`togglecheckbox__wrapper  ${this.name}__input`,ref:e=>this.stylingContainer=e},i("div",{key:"c18e410777502b3609dd0872487cc8281e1adf25",class:"togglecheckbox__wrapper--flex"},i("input",{key:"7c2f6204300b5c046c9ad909089619f39f6cda83",class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:e=>this.checkboxReference=e,name:this.name,checked:"true"===this.defaultValue,readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),i("small",{key:"24e57e5a5dd20e5f646a69c4fa0c0bbbe38aba1f",class:"togglecheckbox__error-message"},this.errorMessage),i("div",{key:"eea41bc49a5c572d86a595880d4c60093f15156e",class:"togglecheckbox__wrapper--relative"},this.tooltip&&i("img",{key:"bb093e1c928cf87ea69a2c49a784395bd82e542e",class:"togglecheckbox__tooltip-icon",src:s,alt:"",ref:e=>this.tooltipIconReference=e,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),i("div",{key:"eda4df7b1669eca99d4013877e2ef082ea54984c",class:"togglecheckbox__fields-wrapper "+(this.showFields?"":"hidden")},this.options.map((e=>i("general-input",{type:e.inputType,name:e.name,displayName:e.displayName,validation:e.validate,action:e.action||null,defaultValue:e.defaultValue,autofilled:e.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:e.tooltip,placeholder:null==e.placeholder?"":e.placeholder})))))}};l.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}';export{l as toggle_checkbox_input}

package/dist/stencil.config.dev.js

@@ -0,0 +1,17 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'general-input',
+    taskQueue: 'async',
+    sourceMap: true,
+    minifyJs: false,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'www',
+            serviceWorker: null // disable service workers
+        }
+    ]
+};

package/dist/stencil.config.js

@@ -1,22 +1,17 @@
-import { sass } from '@stencil/sass';
+import { sass } from "@stencil/sass";
 export const config = {
-  namespace: 'general-input',
-  taskQueue: 'async',
-  plugins: [sass()],
-  outputTargets: [
-    {
-      type: 'dist',
-      esmLoaderPath: '../loader',
+    namespace: 'general-input',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
     },
-    {
-      type: 'dist-custom-elements',
-    },
-    {
-      type: 'docs-readme',
-    },
-    {
-      type: 'www',
-      serviceWorker: null, // disable service workers
-    },
-  ],
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
 };

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts

@@ -3,72 +3,72 @@ import { ValidationSchema, InputStateEvent, InputValueEvent, RegCfgContentField
 import '@vaadin/checkbox';
 import '@vaadin/checkbox-group';
 export declare class CheckboxGroupInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: string;
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Options of the input.
-   */
-  options: RegCfgContentField[];
-  /**
-   * Object of validation rules for the input.
-   */
-  validation: ValidationSchema;
-  /**
-   * Currently selected language.
-   */
-  language: string;
-  /**
-   * State passed down from the parent element. Will trigger the input to send it's value through an event.
-   */
-  emitValue: boolean;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  private element;
-  errorMessage: string;
-  isValid: boolean;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  selectedValues: string[];
-  private stylingContainer;
-  private inputReference;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: any;
-  validityChanged(): void;
-  setValue(): void;
-  sendValidityState: EventEmitter<InputStateEvent>;
-  validityStateHandler(inputStateEvent: InputStateEvent): void;
-  emitValueHandler(newValue: boolean): void;
-  sendInputValue: EventEmitter<InputValueEvent>;
-  valueHandler(inputValueEvent: InputValueEvent): void;
-  handleClickOutside(event: MouseEvent): void;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  setValidity(): boolean;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  renderTooltip(): any;
-  handleParentCheckbox(e: Event): void;
-  renderLabel(): any;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: string;
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Options of the input.
+     */
+    options: RegCfgContentField[];
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * State passed down from the parent element. Will trigger the input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    private element;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    selectedValues: string[];
+    private stylingContainer;
+    private inputReference;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: any;
+    validityChanged(): void;
+    setValue(): void;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    emitValueHandler(newValue: boolean): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    handleClickOutside(event: MouseEvent): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    setValidity(): boolean;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    handleParentCheckbox(e: Event): void;
+    renderLabel(): any;
+    render(): any;
 }

package/dist/types/components/checkbox-input/checkbox-input.d.ts

@@ -1,66 +1,65 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
 export declare class CheckboxInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: string;
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Object of validation rules for the input.
-   */
-  validation: ValidationSchema;
-  /**
-   * Currently selected language.
-   */
-  language: string;
-  /**
-   * State passed down from the parent element. Will trigger the input to send it's value through an event.
-   */
-  emitValue: boolean;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  errorMessage: string;
-  isValid: boolean;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  private stylingContainer;
-  private inputReference;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: string;
-  validityChanged(): void;
-  sendValidityState: EventEmitter<InputStateEvent>;
-  validityStateHandler(inputStateEvent: InputStateEvent): void;
-  emitValueHandler(newValue: boolean): void;
-  sendInputValue: EventEmitter<InputValueEvent>;
-  valueHandler(inputValueEvent: InputValueEvent): void;
-  handleClickOutside(event: MouseEvent): void;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  handleClick(): void;
-  setValidity(): boolean;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  handleLabelClick: (event: MouseEvent) => void;
-  renderLabel(): any;
-  renderTooltip(): any;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: string;
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * State passed down from the parent element. Will trigger the input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    private stylingContainer;
+    private inputReference;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: string;
+    validityChanged(): void;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    emitValueHandler(newValue: boolean): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    handleClickOutside(event: MouseEvent): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    handleClick(): void;
+    setValidity(): boolean;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderLabel(): any;
+    renderTooltip(): any;
+    render(): any;
 }

package/dist/types/components/date-input/date-input.d.ts

@@ -3,82 +3,82 @@ import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/
 import '@vaadin/date-picker';
 import type { DatePicker, DatePickerDate, DatePickerChangeEvent } from '@vaadin/date-picker';
 export declare class DateInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Placeholder text to be shown.
-   */
-  placeholder: string;
-  /**
-   * Object of validation rules for the input.
-   */
-  validation: ValidationSchema;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: string;
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Currently selected language.
-   */
-  language: string;
-  /**
-   * State passed down from the parent element. Will trigger the input to send it's value through an event.
-   */
-  emitValue: boolean;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  /**
-   * Date format for date picker.
-   */
-  dateFormat: string;
-  errorMessage: string;
-  isValid: boolean;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  private element;
-  datePicker: DatePicker;
-  private stylingContainer;
-  inputReference: HTMLInputElement;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: string;
-  touched: boolean;
-  minDate: Date;
-  maxDate: Date;
-  valueAsDate: Date;
-  validityChanged(): void;
-  sendValidityState: EventEmitter<InputStateEvent>;
-  validityStateHandler(inputStateEvent: InputStateEvent): void;
-  emitValueHandler(newValue: boolean): void;
-  sendInputValue: EventEmitter<InputValueEvent>;
-  valueHandler(inputValueEvent: InputValueEvent): void;
-  handleClickOutside(event: MouseEvent): void;
-  connectedCallback(): void;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  formatDate: (dateParts: DatePickerDate) => string;
-  parseDate: (inputValue: string) => DatePickerDate;
-  handleInput(event: DatePickerChangeEvent): void;
-  handleBlur: () => void;
-  setValidity(): boolean;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  renderTooltip(): any;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Placeholder text to be shown.
+     */
+    placeholder: string;
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: string;
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * State passed down from the parent element. Will trigger the input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    /**
+     * Date format for date picker.
+     */
+    dateFormat: string;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    private element;
+    datePicker: DatePicker;
+    private stylingContainer;
+    inputReference: HTMLInputElement;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: string;
+    touched: boolean;
+    minDate: Date;
+    maxDate: Date;
+    valueAsDate: Date;
+    validityChanged(): void;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    emitValueHandler(newValue: boolean): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    handleClickOutside(event: MouseEvent): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    formatDate: (dateParts: DatePickerDate) => string;
+    parseDate: (inputValue: string) => DatePickerDate;
+    handleInput(event: DatePickerChangeEvent): void;
+    handleBlur: () => void;
+    setValidity(): boolean;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    render(): any;
 }