@zanichelli/albe-web-components 3.2.2 → 4.0.2

package/dist/esm/z-tooltip.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-90e18641.js';
-import { l as TooltipPosition } from './index-7424c64c.js';
+import { k as TooltipPosition } from './index-46ca649a.js';
 
 const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--arrow-size:6px;--edge-offset:calc(-1 * (var(--arrow-size) + calc(var(--space-unit) * 2)));position:relative;display:none;align-items:center;justify-content:center;padding:var(--space-unit);min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);color:var(--z-tooltip-theme--text);fill:currentColor;font-family:var(--font-family-sans);text-align:center;border-radius:var(--border-radius-small);background:var(--z-tooltip-theme--surface);filter:drop-shadow(0 4px 8px var(--shadow-color-base));will-change:filter}:host(.legacy){display:inline-flex;padding:calc(var(--space-unit) * 2);min-width:auto;min-height:auto;max-width:200px;font-style:italic;line-height:16px;letter-spacing:0.32px;font-size:12px;border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.08))}:host(.legacy)::before{--arrow-size:14px}:host([position])::before{--arrow-edge-offset:calc(100% - var(--arrow-size) - var(--space-unit));--arrow-center-x-offset:calc(50% - calc(var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - calc(var(--arrow-size) / 2));content:'';position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;transform:rotate(45deg)}:host([open][style*='top:']),:host([open][style*='inset:']){display:inline-flex}:host([position^='top']){margin-bottom:var(--space-unit)}:host([position='right']){margin-left:var(--space-unit)}:host([position='top_right']),:host([position='bottom_right']){margin-left:var(--edge-offset)}:host([position^='bottom']){margin-top:var(--space-unit)}:host([position='left']){margin-right:var(--space-unit)}:host([position='top_left']),:host([position='bottom_left']){margin-right:var(--edge-offset)}:host([position^='top'])::before{top:var(--arrow-center-y-offset)}:host([position^='bottom'])::before{bottom:var(--arrow-center-y-offset)}:host([position='top'])::before,:host([position='bottom'])::before{left:var(--arrow-center-x-offset)}:host([position='right'])::before,:host([position='left'])::before{top:var(--arrow-center-x-offset)}:host([position='right'])::before{right:var(--arrow-center-y-offset)}:host([position='top_right'])::before,:host([position='bottom_right'])::before{right:var(--arrow-edge-offset)}:host([position='left'])::before{left:var(--arrow-center-y-offset)}:host([position='top_left'])::before,:host([position='bottom_left'])::before{left:var(--arrow-edge-offset)}::slotted(*){flex:1 auto;overflow:auto}";
 

package/dist/types/beans/index.d.ts

@@ -130,15 +130,13 @@ export declare enum InputTypeEnum {
   email = "email",
   textarea = "textarea",
   checkbox = "checkbox",
-  radio = "radio",
-  select = "select"
+  radio = "radio"
 }
 export declare type InputStatusBean = keyof typeof InputStatusEnum;
 export declare enum InputStatusEnum {
   success = "success",
   error = "error",
-  warning = "warning",
-  selecting = "selecting"
+  warning = "warning"
 }
 export declare type TooltipPositionBean = keyof typeof TooltipPosition;
 export declare enum TooltipPosition {
@@ -152,7 +150,7 @@ export declare enum TooltipPosition {
   BOTTOM_RIGHT = "bottom_right",
   BOTTOM_LEFT = "bottom_left"
 }
-export declare enum keybordKeyCodeEnum {
+export declare enum KeyboardKeyCodeEnum {
   TAB = 9,
   SPACE = 32,
   ESC = 27,
@@ -162,7 +160,7 @@ export declare enum keybordKeyCodeEnum {
   BACKSPACE = 8,
   DELETE = 46
 }
-export declare enum keybordCodeEnum {
+export declare enum KeyboardCodeEnum {
   TAB = "Tab",
   SPACE = "Space",
   ESC = "Escape",
@@ -261,10 +259,11 @@ export declare enum ExpandableListButtonAlign {
   right = "right",
   left = "left"
 }
-export declare enum ZtoggleSwitchPositionEnum {
+export declare enum LabelPositions {
   right = "right",
   left = "left"
 }
+export declare type LabelPosition = keyof typeof LabelPositions;
 export declare enum ListDividerType {
   none = "none",
   header = "header",

package/dist/types/components/buttons/z-toggle-switch/index.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ZtoggleSwitchPositionEnum } from "../../../beans";
+import { LabelPosition } from "../../../beans";
 export declare class ZToggleSwitch {
   disabled?: boolean;
-  labelPosition?: ZtoggleSwitchPositionEnum;
+  labelPosition?: LabelPosition;
   checked?: boolean;
   htmlid: string;
   toggleClick: EventEmitter;

package/dist/types/components/inputs/z-input/index.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { InputTypeBean, InputStatusBean, SelectItemBean } from "../../../beans";
+import { InputTypeBean, InputStatusBean, LabelPosition } from "../../../beans";
 export declare class ZInput {
   hostElement: HTMLElement;
   /** the id of the input element */
@@ -26,42 +26,28 @@ export declare class ZInput {
   placeholder?: string;
   /** the input html title (optional) */
   htmltitle?: string;
-  /** the input status (optional): available for text, password, number, email, textarea, select */
+  /** the input status (optional): available for text, password, number, email, textarea */
   status?: InputStatusBean;
-  /** show input helper message (optional): available for text, password, number, email, textarea, select */
-  hasmessage?: boolean;
-  /** input helper message (optional): available for text, password, number, email, textarea, select */
-  message?: string;
+  /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */
+  message?: string | boolean;
   /** the input label position: available for checkbox, radio */
-  labelafter?: boolean;
-  /** timeout setting before trigger `inputChange` event (optional): available for text, textarea */
-  typingtimeout?: number;
-  /** items (optional): available for select */
-  items?: SelectItemBean[] | string;
-  /** the input has autocomplete option (optional): available for select, input */
-  autocomplete?: boolean | string;
-  /** multiple options can be selected (optional): available for select */
-  multiple?: boolean;
+  labelPosition?: LabelPosition;
+  /** the input has autocomplete option (optional): available for text, password, number, email */
+  autocomplete?: string;
   /** render clear icon when typing (optional): available for text */
   hasclearicon?: boolean;
-  /** render icon (optional): available for text, select */
+  /** render icon (optional): available for text */
   icon?: string;
   isTyping: boolean;
-  textareaWrapperHover: string;
-  textareaWrapperFocus: string;
   passwordHidden: boolean;
   private timer;
-  private selectElem;
+  private typingtimeout;
   inputCheckListener(e: CustomEvent): void;
-  /** get the input value */
-  getValue(): Promise<string | string[]>;
-  /** set the input value */
-  setValue(value: string | string[]): Promise<void>;
   /** get checked status */
   isChecked(): Promise<boolean>;
-  /** Emitted on input value change, returns value, keycode, validity */
+  /** Emitted on input value change, returns value, validity */
   inputChange: EventEmitter;
-  emitInputChange(value: string, keycode: number): void;
+  emitInputChange(value: string): void;
   /** Emitted when user starts typing */
   startTyping: EventEmitter;
   emitStartTyping(): void;
@@ -71,8 +57,6 @@ export declare class ZInput {
   /** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */
   inputCheck: EventEmitter;
   emitInputCheck(checked: boolean): void;
-  /** Emitted on select option selection, returns select id, selected item id (or array of selected items ids if multiple) */
-  optionSelect: EventEmitter;
   getValidity(type: string): ValidityState;
   getTextAttributes(): {
     id: string;
@@ -83,7 +67,11 @@ export declare class ZInput {
     readonly: boolean;
     required: boolean;
     title: string;
-    class: string;
+    class: {
+      [x: string]: boolean;
+      filled: boolean;
+    };
+    autocomplete: string;
     onInput: (e: any) => void;
   };
   renderInputText(type?: InputTypeBean): any;
@@ -97,6 +85,5 @@ export declare class ZInput {
   handleCheck(ev: any): void;
   renderCheckbox(): any;
   renderRadio(): any;
-  renderSelect(): any;
   render(): any;
 }

package/dist/types/components/inputs/z-select/index.d.ts

@@ -20,40 +20,36 @@ export declare class ZSelect {
   placeholder?: string;
   /** the input html title (optional) */
   htmltitle?: string;
-  /** the input status (optional): available for text, password, number, email, textarea, select */
+  /** the input status (optional) */
   status?: InputStatusBean;
-  /** show input helper message (optional): available for text, password, number, email, textarea, select */
-  hasmessage?: boolean;
-  /** input helper message (optional): available for text, password, number, email, textarea, select */
-  message?: string;
+  /** input helper message (optional) - if set to `false` message won't be displayed */
+  message?: string | boolean;
   /** the input has autocomplete option */
-  autocomplete?: boolean | string;
-  /** multiple options can be selected */
-  multiple?: boolean;
+  autocomplete?: boolean;
   /** no result text message */
   noresultslabel?: string;
   isOpen: boolean;
-  selectedItems: SelectItemBean[];
+  selectedItem: null | SelectItemBean;
   searchString: null | string;
   private itemsList;
   constructor();
   watchItems(): void;
   /** get the input selected options */
-  getSelectedItems(): Promise<SelectItemBean[]>;
+  getSelectedItem(): Promise<SelectItemBean>;
   /** get the input value */
-  getValue(): Promise<string | string[]>;
+  getValue(): Promise<string>;
   /** set the input value */
   setValue(value: string | string[]): Promise<void>;
-  /** Emitted on select option selection, returns select id, selected item id (or array of selected items ids if multiple) */
+  /** Emitted on select option selection, returns select id, selected item id */
   optionSelect: EventEmitter;
   emitOptionSelect(): void;
   componentWillLoad(): void;
   componentWillRender(): void;
   getInitialItemsArray(): any;
-  mapSelectedItemsToItemsArray(): any;
-  getSelectedValues(): string | string[];
+  mapSelectedItemToItemsArray(): any;
+  getSelectedValue(): string;
   filterItems(searchString: string): void;
-  hasAutcomplete(): boolean;
+  hasAutocomplete(): boolean;
   handleInputChange(e: CustomEvent): void;
   selectItem(item: null | SelectItemBean, selected: boolean): void;
   arrowsSelectNav(e: KeyboardEvent, key: number): void;
@@ -62,9 +58,7 @@ export declare class ZSelect {
   handleInputClick(e: MouseEvent | KeyboardEvent): void;
   handleSelectFocus(e: MouseEvent | KeyboardEvent): void;
   scrollToLetter(letter: string): void;
-  renderLabel(): any;
   renderInput(): any;
-  renderChips(): any;
   renderSelectUl(): any;
   renderSelectUlItems(): any;
   renderNoSearchResults(): any;

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlertTypes, LicenseTypeEnum, MenuItem as MenuItem1, TooltipPosition } from "./beans/index";
-import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, ButtonVariantEnum, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariantsEnum, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverShadow, SelectItemBean, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes, TransitionDirectionEnum, ZChipType, ZDatePickerMode, ZFileUploadTypeEnum, ZSectionTitleDividerPosition, ZTableRowExpandedType, ZtoggleSwitchPositionEnum } from "./beans";
+import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, ButtonVariantEnum, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, LabelPosition, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariantsEnum, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverShadow, SelectItemBean, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes, TransitionDirectionEnum, ZChipType, ZDatePickerMode, ZFileUploadTypeEnum, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
 import { ListItemBean } from "./beans/index.js";
 import { ZTypographyLevels } from "./components/typography/z-typography/index";
 export namespace Components {
@@ -532,6 +532,84 @@ export namespace Components {
         "isclosable": boolean;
     }
     interface ZInput {
+        /**
+          * the input aria-label
+         */
+        "ariaLabel"?: string;
+        /**
+          * the input has autocomplete option (optional): available for text, password, number, email
+         */
+        "autocomplete"?: string;
+        /**
+          * checked: available for checkbox, radio
+         */
+        "checked"?: boolean;
+        /**
+          * the input is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * render clear icon when typing (optional): available for text
+         */
+        "hasclearicon"?: boolean;
+        /**
+          * the id of the input element
+         */
+        "htmlid": string;
+        /**
+          * the input html title (optional)
+         */
+        "htmltitle"?: string;
+        /**
+          * render icon (optional): available for text
+         */
+        "icon"?: string;
+        /**
+          * get checked status
+         */
+        "isChecked": () => Promise<boolean>;
+        /**
+          * the input label
+         */
+        "label"?: string;
+        /**
+          * the input label position: available for checkbox, radio
+         */
+        "labelPosition"?: LabelPosition;
+        /**
+          * input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed
+         */
+        "message"?: string | boolean;
+        /**
+          * the input name
+         */
+        "name"?: string;
+        /**
+          * the input placeholder (optional)
+         */
+        "placeholder"?: string;
+        /**
+          * the input is readonly
+         */
+        "readonly"?: boolean;
+        /**
+          * the input is required (optional): available for text, password, number, email, textarea, checkbox
+         */
+        "required"?: boolean;
+        /**
+          * the input status (optional): available for text, password, number, email, textarea
+         */
+        "status"?: InputStatusBean;
+        /**
+          * input types
+         */
+        "type": InputTypeBean;
+        /**
+          * the input value
+         */
+        "value"?: string;
+    }
+    interface ZInputDeprecated {
         /**
           * the input aria-label
          */
@@ -1459,7 +1537,7 @@ export namespace Components {
         /**
           * the input has autocomplete option
          */
-        "autocomplete"?: boolean | string;
+        "autocomplete"?: boolean;
         /**
           * the input is disabled
          */
@@ -1467,15 +1545,11 @@ export namespace Components {
         /**
           * get the input selected options
          */
-        "getSelectedItems": () => Promise<SelectItemBean[]>;
+        "getSelectedItem": () => Promise<SelectItemBean>;
         /**
           * get the input value
          */
-        "getValue": () => Promise<string | string[]>;
-        /**
-          * show input helper message (optional): available for text, password, number, email, textarea, select
-         */
-        "hasmessage"?: boolean;
+        "getValue": () => Promise<string>;
         /**
           * the id of the input element
          */
@@ -1493,13 +1567,9 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * input helper message (optional): available for text, password, number, email, textarea, select
-         */
-        "message"?: string;
-        /**
-          * multiple options can be selected
+          * input helper message (optional) - if set to `false` message won't be displayed
          */
-        "multiple"?: boolean;
+        "message"?: string | boolean;
         /**
           * the input name
          */
@@ -1521,7 +1591,7 @@ export namespace Components {
          */
         "setValue": (value: string | string[]) => Promise<void>;
         /**
-          * the input status (optional): available for text, password, number, email, textarea, select
+          * the input status (optional)
          */
         "status"?: InputStatusBean;
     }
@@ -1780,7 +1850,7 @@ export namespace Components {
         "checked"?: boolean;
         "disabled"?: boolean;
         "htmlid": string;
-        "labelPosition"?: ZtoggleSwitchPositionEnum;
+        "labelPosition"?: LabelPosition;
     }
     interface ZTooltip {
         /**
@@ -2036,6 +2106,12 @@ declare global {
         prototype: HTMLZInputElement;
         new (): HTMLZInputElement;
     };
+    interface HTMLZInputDeprecatedElement extends Components.ZInputDeprecated, HTMLStencilElement {
+    }
+    var HTMLZInputDeprecatedElement: {
+        prototype: HTMLZInputDeprecatedElement;
+        new (): HTMLZInputDeprecatedElement;
+    };
     interface HTMLZInputLabelElement extends Components.ZInputLabel, HTMLStencilElement {
     }
     var HTMLZInputLabelElement: {
@@ -2485,6 +2561,7 @@ declare global {
         "z-icon-package": HTMLZIconPackageElement;
         "z-info-box": HTMLZInfoBoxElement;
         "z-input": HTMLZInputElement;
+        "z-input-deprecated": HTMLZInputDeprecatedElement;
         "z-input-label": HTMLZInputLabelElement;
         "z-input-message": HTMLZInputMessageElement;
         "z-link": HTMLZLinkElement;
@@ -3143,6 +3220,96 @@ declare namespace LocalJSX {
         "onInfoBoxClose"?: (event: CustomEvent<any>) => void;
     }
     interface ZInput {
+        /**
+          * the input aria-label
+         */
+        "ariaLabel"?: string;
+        /**
+          * the input has autocomplete option (optional): available for text, password, number, email
+         */
+        "autocomplete"?: string;
+        /**
+          * checked: available for checkbox, radio
+         */
+        "checked"?: boolean;
+        /**
+          * the input is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * render clear icon when typing (optional): available for text
+         */
+        "hasclearicon"?: boolean;
+        /**
+          * the id of the input element
+         */
+        "htmlid"?: string;
+        /**
+          * the input html title (optional)
+         */
+        "htmltitle"?: string;
+        /**
+          * render icon (optional): available for text
+         */
+        "icon"?: string;
+        /**
+          * the input label
+         */
+        "label"?: string;
+        /**
+          * the input label position: available for checkbox, radio
+         */
+        "labelPosition"?: LabelPosition;
+        /**
+          * input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed
+         */
+        "message"?: string | boolean;
+        /**
+          * the input name
+         */
+        "name"?: string;
+        /**
+          * Emitted on input value change, returns value, validity
+         */
+        "onInputChange"?: (event: CustomEvent<any>) => void;
+        /**
+          * Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity
+         */
+        "onInputCheck"?: (event: CustomEvent<any>) => void;
+        /**
+          * Emitted when user starts typing
+         */
+        "onStartTyping"?: (event: CustomEvent<any>) => void;
+        /**
+          * Emitted when user stops typing, returns value, validity
+         */
+        "onStopTyping"?: (event: CustomEvent<any>) => void;
+        /**
+          * the input placeholder (optional)
+         */
+        "placeholder"?: string;
+        /**
+          * the input is readonly
+         */
+        "readonly"?: boolean;
+        /**
+          * the input is required (optional): available for text, password, number, email, textarea, checkbox
+         */
+        "required"?: boolean;
+        /**
+          * the input status (optional): available for text, password, number, email, textarea
+         */
+        "status"?: InputStatusBean;
+        /**
+          * input types
+         */
+        "type"?: InputTypeBean;
+        /**
+          * the input value
+         */
+        "value"?: string;
+    }
+    interface ZInputDeprecated {
         /**
           * the input aria-label
          */
@@ -4193,15 +4360,11 @@ declare namespace LocalJSX {
         /**
           * the input has autocomplete option
          */
-        "autocomplete"?: boolean | string;
+        "autocomplete"?: boolean;
         /**
           * the input is disabled
          */
         "disabled"?: boolean;
-        /**
-          * show input helper message (optional): available for text, password, number, email, textarea, select
-         */
-        "hasmessage"?: boolean;
         /**
           * the id of the input element
          */
@@ -4219,13 +4382,9 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * input helper message (optional): available for text, password, number, email, textarea, select
+          * input helper message (optional) - if set to `false` message won't be displayed
          */
-        "message"?: string;
-        /**
-          * multiple options can be selected
-         */
-        "multiple"?: boolean;
+        "message"?: string | boolean;
         /**
           * the input name
          */
@@ -4235,7 +4394,7 @@ declare namespace LocalJSX {
          */
         "noresultslabel"?: string;
         /**
-          * Emitted on select option selection, returns select id, selected item id (or array of selected items ids if multiple)
+          * Emitted on select option selection, returns select id, selected item id
          */
         "onOptionSelect"?: (event: CustomEvent<any>) => void;
         /**
@@ -4247,7 +4406,7 @@ declare namespace LocalJSX {
          */
         "readonly"?: boolean;
         /**
-          * the input status (optional): available for text, password, number, email, textarea, select
+          * the input status (optional)
          */
         "status"?: InputStatusBean;
     }
@@ -4527,7 +4686,7 @@ declare namespace LocalJSX {
         "checked"?: boolean;
         "disabled"?: boolean;
         "htmlid"?: string;
-        "labelPosition"?: ZtoggleSwitchPositionEnum;
+        "labelPosition"?: LabelPosition;
         "onToggleClick"?: (event: CustomEvent<any>) => void;
     }
     interface ZTooltip {
@@ -4625,6 +4784,7 @@ declare namespace LocalJSX {
         "z-icon-package": ZIconPackage;
         "z-info-box": ZInfoBox;
         "z-input": ZInput;
+        "z-input-deprecated": ZInputDeprecated;
         "z-input-label": ZInputLabel;
         "z-input-message": ZInputMessage;
         "z-link": ZLink;
@@ -4734,6 +4894,7 @@ declare module "@stencil/core" {
             "z-icon-package": LocalJSX.ZIconPackage & JSXBase.HTMLAttributes<HTMLZIconPackageElement>;
             "z-info-box": LocalJSX.ZInfoBox & JSXBase.HTMLAttributes<HTMLZInfoBoxElement>;
             "z-input": LocalJSX.ZInput & JSXBase.HTMLAttributes<HTMLZInputElement>;
+            "z-input-deprecated": LocalJSX.ZInputDeprecated & JSXBase.HTMLAttributes<HTMLZInputDeprecatedElement>;
             "z-input-label": LocalJSX.ZInputLabel & JSXBase.HTMLAttributes<HTMLZInputLabelElement>;
             "z-input-message": LocalJSX.ZInputMessage & JSXBase.HTMLAttributes<HTMLZInputMessageElement>;
             "z-link": LocalJSX.ZLink & JSXBase.HTMLAttributes<HTMLZLinkElement>;

package/dist/types/deprecated/z-input-deprecated/index.d.ts

@@ -0,0 +1,102 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { InputTypeBean, InputStatusBean, SelectItemBean } from "../../beans";
+export declare class ZInputDeprecated {
+  hostElement: HTMLElement;
+  /** the id of the input element */
+  htmlid: string;
+  /** input types */
+  type: InputTypeBean;
+  /** the input name */
+  name?: string;
+  /** the input label */
+  label?: string;
+  /** the input aria-label */
+  ariaLabel?: string;
+  /** the input value */
+  value?: string;
+  /** the input is disabled */
+  disabled?: boolean;
+  /** the input is readonly */
+  readonly?: boolean;
+  /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
+  required?: boolean;
+  /** checked: available for checkbox, radio */
+  checked?: boolean;
+  /** the input placeholder (optional) */
+  placeholder?: string;
+  /** the input html title (optional) */
+  htmltitle?: string;
+  /** the input status (optional): available for text, password, number, email, textarea, select */
+  status?: InputStatusBean;
+  /** show input helper message (optional): available for text, password, number, email, textarea, select */
+  hasmessage?: boolean;
+  /** input helper message (optional): available for text, password, number, email, textarea, select */
+  message?: string;
+  /** the input label position: available for checkbox, radio */
+  labelafter?: boolean;
+  /** timeout setting before trigger `inputChange` event (optional): available for text, textarea */
+  typingtimeout?: number;
+  /** items (optional): available for select */
+  items?: SelectItemBean[] | string;
+  /** the input has autocomplete option (optional): available for select, input */
+  autocomplete?: boolean | string;
+  /** multiple options can be selected (optional): available for select */
+  multiple?: boolean;
+  /** render clear icon when typing (optional): available for text */
+  hasclearicon?: boolean;
+  /** render icon (optional): available for text, select */
+  icon?: string;
+  isTyping: boolean;
+  textareaWrapperHover: string;
+  textareaWrapperFocus: string;
+  passwordHidden: boolean;
+  private timer;
+  private selectElem;
+  inputCheckListener(e: CustomEvent): void;
+  /** get the input value */
+  getValue(): Promise<string | string[]>;
+  /** set the input value */
+  setValue(value: string | string[]): Promise<void>;
+  /** get checked status */
+  isChecked(): Promise<boolean>;
+  /** Emitted on input value change, returns value, keycode, validity */
+  inputChange: EventEmitter;
+  emitInputChange(value: string, keycode: number): void;
+  /** Emitted when user starts typing */
+  startTyping: EventEmitter;
+  emitStartTyping(): void;
+  /** Emitted when user stops typing, returns value, validity */
+  stopTyping: EventEmitter;
+  emitStopTyping(value: string, validity: any): void;
+  /** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */
+  inputCheck: EventEmitter;
+  emitInputCheck(checked: boolean): void;
+  /** Emitted on select option selection, returns select id, selected item id (or array of selected items ids if multiple) */
+  optionSelect: EventEmitter;
+  getValidity(type: string): ValidityState;
+  getTextAttributes(): {
+    id: string;
+    name: string;
+    placeholder: string;
+    value: string;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    title: string;
+    class: string;
+    onInput: (e: any) => void;
+  };
+  renderInputText(type?: InputTypeBean): any;
+  renderLabel(): any;
+  renderIcons(): any;
+  renderIcon(): any;
+  renderResetIcon(): any;
+  renderShowHidePassword(): any;
+  renderMessage(): any;
+  renderTextarea(): any;
+  handleCheck(ev: any): void;
+  renderCheckbox(): any;
+  renderRadio(): any;
+  renderSelect(): any;
+  render(): any;
+}