npm - @sankhyalabs/ezui - Versions diffs - 7.3.0 → 7.3.1-rc.2 - Mend

@sankhyalabs/ezui 7.3.0 → 7.3.1-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1139) hide show

package/dist/ezui/p-fed3f5fe.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as i,h as s,H as o,g as e}from"./p-23a36bb6.js";import{ObjectUtils as h,ElementIDUtils as r}from"@sankhyalabs/core";import"./p-320c401f.js";import{C as n}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import{i as a}from"./p-3b7d9f30.js";import"./p-5895e687.js";import"./p-47e4a8ce.js";const l=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.ezVisibilityChange=i(this,"ezVisibilityChange",7),this._changeDeboucingTimeout=null,this._deboucingTime=300,this._maxWidthValue=0,this._tabPressed=!1,this._lookupMode=!1,this.isOpen=!1,this._preSelection=void 0,this._visibleOptions=void 0,this._startLoading=!1,this._showLoading=!0,this._criteria=void 0,this.limitCharsToSearch=3,this.value=void 0,this.label=void 0,this.enabled=!0,this.options=void 0,this.errorMessage=void 0,this.showSelectedValue=!1,this.showOptionValue=!1,this.suppressSearch=!1,this.optionLoader=void 0,this.suppressEmptyOption=!1,this.stopPropagateEnterKeyEvent=!0,this.canShowError=!0,this.mode="regular",this.hideErrorOnFocusOut=!0,this.listOptionsPosition=void 0,this.isTextSearch=!1,this.autoFocus=!1,this.preventAutoFocus=!1,this.alternativePlaceholder=void 0,this.textEmptyOption=void 0}observeErrorMessage(){var t;this._textInput&&(this._textInput.errorMessage=this.errorMessage,(null===(t=this.errorMessage)||void 0===t?void 0:t.trim())||this.setInputValue())}observeValue(t,i){if(this._textInput&&t!=i)try{if("string"==typeof t)return void this.setInputValue();const s=this.getSelectedOption(t),o=this.getSelectedOption(i),e=this.getSelectedOption(this.value);this.isDifferentValues(e,s)&&(this.value=s),this.isDifferentValues(s,o)&&(this.setInputValue(),this._lookupMode||this.ezChange.emit(null===s?void 0:s)),this.resetOptions()}finally{this._lookupMode=!1}}observeOptions(t,i){h.equals(t,i)||this.loadOptions(d.PRELOAD)}async getValueAsync(){return new Promise(this._showLoading?t=>{let i=setInterval((()=>{this._showLoading||(clearInterval(i),t(this.sanitizeValue(this.value)))}),100)}:t=>t(this.sanitizeValue(this.value)))}async setFocus(t){this._textInput&&this._textInput.setFocus(t)}async setBlur(){this._textInput&&this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}async clearValue(){this.clearSearch()}isDifferentValues(t,i){return h.objectToString(t||{})!==h.objectToString(i||{})}getFormattedText(t){if(null!=t)return this.showSelectedValue&&null!=t.value?t.label?`${t.value} - ${t.label}`:t.value:t.label}getText(){const t=this.getSelectedOption(this.sanitizeValue(this.value)),i=this.getFormattedText(t);if(null!=i)return String(i).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,'"')}getSelectedOption(t){return"string"==typeof t||t instanceof String?this._visibleOptions.find((i=>i.value===t)):t}updateVisibleOptions(){let t=this._source||[];if(this._criteria){const i=this._criteria.toUpperCase();t=t.filter((t=>t.label.toLocaleUpperCase().indexOf(i)>-1))}this.hasToAddEmptyoption(t)&&(t=[{value:void 0,label:this.textEmptyOption||this.i18n("ez-combo-box.placeholder")}].concat(t)),this._visibleOptions=t,this._maxWidthValue=this.getMaxWidthValue()}hasToAddEmptyoption(t){return!this.suppressEmptyOption&&!t.filter((t=>!t.value)).length}getMaxWidthValue(){var t;if(this.showOptionValue){const i=[];return null===(t=this._visibleOptions)||void 0===t||t.forEach((t=>{const s=this.getWidthValue(t.value);i.includes(s)||i.push(s)})),i.length>1?Math.max(...i):0}return 0}getWidthValue(t){if(null!=this._itemValueBasis){const i=this._itemValueBasis;if(null!=t)return i.innerHTML=t,i.clientWidth>0?i.clientWidth+2:0;i.innerHTML=""}return 0}async showOptions(){var t,i;if(!this.enabled)return;await this.openPopover();const s=null!==(i=null===(t=this.value)||void 0===t?void 0:t.value)&&void 0!==i?i:this.value,o=this._visibleOptions.findIndex((t=>t.value===s));this._preSelection=-1===o?0:o,this._resizeObserver&&this._resizeObserver.observe(this._textInput),this.preventAutoFocus||await this.setFocus()}hideOptions(){var t;null===(t=this._popover)||void 0===t||t.hide(),this._resizeObserver&&this._resizeObserver.unobserve(this._textInput)}updateSource(t){this._startLoading=!1,t instanceof Promise?(this._showLoading=!0,t.then((t=>{this._showLoading=!1,this.updateSource(t)})).catch((()=>this._showLoading=!1)),this.updateVisibleOptions()):(this._showLoading=!1,Array.isArray(t)?(this._source=t,this.updateVisibleOptions(),this._tabPressed&&(this._tabPressed=!1)):this.selectOption(t))}selectOption(t,i=!0){var s,o,e;const h=this.getSelectedOption(this.value);(null===(s=null==h?void 0:h.value)||void 0===s?void 0:s.toString())!==(null===(o=null==t?void 0:t.value)||void 0===o?void 0:o.toString())||null==h&&null!=t&&"value"in t?(this.value=(null==t?void 0:t.value)?t:void 0,null===(e=this._popover)||void 0===e||e.hide()):this.resetOptions(),i&&setTimeout((()=>{this.setFocus()}),0)}loadOptions(t,i=""){this._criteria=i,this._startLoading=!0,this.updateSource(this.optionLoader?this.optionLoader({mode:t,argument:i}):this.options)}cancelPreselection(){!this._textInput.value&&this.sanitizeValue(this.value)?this.selectOption(void 0):window.setTimeout((()=>{this.setInputValue(!1),void 0!==this._criteria&&(this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions())}),this._deboucingTime)}setInputValue(t=!0){const i=this.getText();(this._textInput.value||"")!==i&&(this._textInput.value=i,t&&(this.errorMessage=null))}clearSearch(){this.value=null}resetOptions(){this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}sanitizeValue(t){if("undefined"!==t&&"null"!==t)return t}async componentWillLoad(){if(this.i18n=await a(),void 0===this.options){this.options=[];const t=this.el.querySelectorAll("option");t&&t.forEach((t=>{let i=t.innerText,s=t.getAttribute("value");s||(s=i),this.options.push({label:i,value:s}),t.hidden=!0}))}this.loadOptions(d.PRELOAD)}setResizeObserver(){this._resizeObserver=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{Array.isArray(t)&&t.length&&this._textInput&&this._comboBoxList&&(this._comboBoxList.width=this._textInput.clientWidth)}))}))}connectedCallback(){this._resizeObserver||this.setResizeObserver()}componentDidLoad(){n.applyVarsTextInput(this.el,this._textInput),this.setInputValue(!1),this.setResizeObserver(),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}disconnectedCallback(){var t;null===(t=this._popover)||void 0===t||t.remove(),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null)}handlerIconClick(){this.showOptions()}onTextInputChangeHandler(t){var i;if(this.clearDeboucingTimeout(),this._startLoading)return void(this._changeDeboucingTimeout=window.setTimeout((()=>{this.onTextInputChangeHandler(t)}),this._deboucingTime));const s=null===(i=t.target.value)||void 0===i?void 0:i.trim();this._criteria||(this._textInput.value=t.data||s),this._criteria=s,s?(this.updateVisibleOptions(),this.showOptions()):(this._preSelection=void 0,this.updateVisibleOptions())}clearDeboucingTimeout(){this._changeDeboucingTimeout&&(window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=null)}onTextInputClickHandler(){this.showOptions()}keyDownHandler(t){var i,s,o,e,h,r;if(t.ctrlKey&&("f"===t.key||"F"===t.key))return this.loadOptions(d.ADVANCED),t.preventDefault(),void t.stopPropagation();switch(t.key){case"ArrowDown":t.preventDefault(),this.canShowListOptions()&&(this.showOptions(),null===(i=this._comboBoxList)||void 0===i||i.nextOption());break;case"ArrowUp":t.preventDefault(),this.canShowListOptions()&&(this.showOptions(),null===(s=this._comboBoxList)||void 0===s||s.previousOption());break;case"Enter":this.isOpen&&(t.preventDefault(),null===(o=this._comboBoxList)||void 0===o||o.selectCurrentOption());break;case"Escape":this.isOpen&&(t.preventDefault(),null===(e=this._popover)||void 0===e||e.hide());break;case"Tab":this._tabPressed=!0,this.isOpen&&(null===(h=this._comboBoxList)||void 0===h||h.selectCurrentOption(),null===(r=this._popover)||void 0===r||r.hide())}}onTextInputFocusOutHandler(){this.hideErrorOnFocusOut&&this.cancelPreselection()}canShowListOptions(){return!this._showLoading&&this._visibleOptions.length>0}async openPopover(){var t;this.isOpen=!0,await(null===(t=this._popover)||void 0===t?void 0:t.showUnder(this._textInput))}render(){var t;return r.addIDInfoIfNotExists(this.el,"input"),s(o,null,s("ez-text-input",{"data-element-id":r.getInternalIDInfo("textInput"),class:"text-input-slot-container "+(this.suppressSearch?"suppressed-search-input":""),ref:t=>this._textInput=t,"data-slave-mode":"true",enabled:this.enabled&&!this.suppressSearch,onInput:t=>this.onTextInputChangeHandler(t),onClick:()=>this.onTextInputClickHandler(),onFocusout:()=>this.onTextInputFocusOutHandler(),onKeyDown:t=>this.keyDownHandler(t),label:this.label,canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode,alternativePlaceholder:this.alternativePlaceholder||this.i18n("ez-combo-box.placeholder")},s("button",{class:"btn",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},s("ez-icon",{iconName:"chevron-down"}))),s("ez-popover-plus",{ref:t=>this._popover=t,anchorElement:this._textInput,autoClose:!0,boxWidth:"fit-content",overlayType:"none",onEzVisibilityChange:t=>this.isOpen=t.detail,"data-element-id":this.el.getAttribute("data-element-id")},s("ez-combo-box-list",{ref:t=>this._comboBoxList=t,showLoading:this._showLoading,visibleOptions:this._visibleOptions,textEmptyList:this.i18n("ez-combo-box.noResults"),showOptionValue:this.showOptionValue,preSelection:this._preSelection,maxWidth:this._maxWidthValue,width:null===(t=this._textInput)||void 0===t?void 0:t.clientWidth,onOptionSelect:t=>this.selectOption(t),onOptionHover:t=>this._preSelection=t})))}get el(){return e(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"],options:["observeOptions"]}}};var d;!function(t){t.ADVANCED="ADVANCED",t.PRELOAD="PRELOAD",t.PREDICTIVE="PREDICTIVE"}(d||(d={})),l.style=":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.btn{outline:none;border:none;background:none;cursor:pointer;padding:0px;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}.text-input-slot-container{--ez-text-input__icon--width:32px;--ez-text-input__min-width:var(--ez-combo-box__min-width);--ez-text-input__max-width:var(--ez-combo-box__max-width)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{l as ez_combo_box}

package/dist/ezui/p-fed3f5fe.entry.js.gz ADDED Viewed

Binary file

package/dist/ezui/p-feffb6a5.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,h as e,H as i}from"./p-23a36bb6.js";import"./p-320c401f.js";import{C as s}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"@sankhyalabs/core";import{i as a}from"./p-3b7d9f30.js";import"./p-5895e687.js";import"./p-47e4a8ce.js";const l=class{constructor(e){t(this,e),this.label=void 0,this.enableExpand=!0,this._expanded=!1,this.size=void 0,this.structural=!1}toggleExpandItem(){var t,e;this._expanded=!this._expanded,null===(e=null===(t=this.expandButtonRef.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===e||e.blur()}async componentWillLoad(){this.i18n=await a()}componentDidLoad(){s.applyVarsGrid(this._element,this._slot.children[0])}render(){return e(i,{class:`box_split-item ${this._expanded?"expanded__item":""} ${this.structural?"structural__item":"content__item"}`,ref:t=>this._element=t},e("div",{class:"ez-split-item--header"},e("slot",{name:"leftButtons"}),e("div",{class:"ez-split-item--header-title"},this.label&&e("h3",{class:"ez-text ez-text--primary ez-title ez-title--medium ez-margin--small",title:this.label},this.label)),e("div",{class:"ez-split-item--header-buttons"},e("slot",{name:"rightButtons"}),this.enableExpand&&e("ez-button",{ref:t=>this.expandButtonRef=t,size:"small",mode:"icon",iconName:"expand",class:"ez-button--tertiary",onClick:()=>this.toggleExpandItem(),title:this.i18n(this._expanded?"app.collapse":"app.expand")}))),e("div",{class:"ez-split-item--content grid_height-0",ref:t=>this._slot=t},e("slot",null)))}};l.style=".box_split-item{background-color:var(--background--xlight);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow--xsmall);flex-direction:column;overflow:hidden;display:flex;padding:var(--space--nano)}.box_split-item>.ez-split-item--content{overflow:auto}.expanded__item{position:absolute;z-index:var(--more-visible);top:0;left:0;width:100%;height:100%}.ez-split-item--header{display:flex;align-items:center;justify-content:space-between}.ez-split-item--header-title{flex:1;white-space:nowrap;overflow:hidden}.ez-split-item--header-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ez-split-item--header-buttons{display:flex;align-items:center;max-height:20px}.ez-split-item--content{display:block;height:100%}h3.ez-margin--small{margin-left:var(--space--small)}.structural__item{background:none;box-shadow:none;padding:0;margin:0;border:0}.content__item{margin:var(--space--extra-small);width:calc(100% - 2*(var(--space--extra-small)));height:calc(100% - 2*(var(--space--extra-small)))}";export{l as ez_split_item}

package/dist/ezui/p-feffb6a5.entry.js.gz ADDED Viewed

Binary file

package/dist/index.cjs.js.gz CHANGED Viewed

Binary file

package/dist/index.js.gz CHANGED Viewed

Binary file

package/dist/types/components/ez-classic-combo-box/ez-classic-combo-box.d.ts CHANGED Viewed

@@ -13,21 +13,27 @@ export declare class EzClassicComboBox {
   filteredOptions: Array<IOption>;
   inputValue: string;
   /** Valor do combo box. */
-  value?: IOption;
+  value?: IOption | string;
   /** Texto do label exibido acima do combo box. */
   label?: string;
   /** Placeholder do combo box */
   placeholder?: string;
   /** Define se o combo box está habilitado. */
   enabled?: boolean;
+  /** Define se o input é obrigatório (visualmente) */
+  required?: boolean;
   /** Define se o combo box é somente leitura. */
   readonly?: boolean;
   /** Nome do combo box. */
   name?: string;
   /** Estado visual do combo box: default, error, success ou warning. */
   state?: "default" | "error" | "success" | "warning";
+  /** Tamanho do input */
+  size?: "default" | "small" | "xsmall";
   /** Texto de ajuda exibido abaixo do combo box. */
   helpText?: string;
+  /** Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. */
+  errorMessage: string;
   /** Nome do ícone. */
   iconName?: string;
   /** Título do ícone (tooltip). */
@@ -85,11 +91,13 @@ export declare class EzClassicComboBox {
    * Oculta o popover.
    */
   hidePopover(): Promise<void>;
+  private getFullOption;
+  private getOptionValue;
   private compareOptionValues;
   private setEmptyValue;
-  setValue(option: IOption): Promise<void>;
+  setValue(option: IOption | string): Promise<void>;
   optionsChanged(): Promise<void>;
-  valueChanged(newValue: IOption): Promise<void>;
+  valueChanged(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
   private handleIconClick;
   private handleEzChange;
   private handleEzBlur;

package/dist/types/components/ez-classic-date-input/ez-classic-date-input.d.ts ADDED Viewed

@@ -0,0 +1,91 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { WaitingChange } from '@sankhyalabs/core';
+import { TFocusOptions } from '../ez-classic-input/ez-classic-input';
+export declare class EzClassicDateInput {
+  private _calendar;
+  private _textInput;
+  private _changePending;
+  private _focused;
+  private _valuePromiseCallbacks;
+  private _popover;
+  private i18n;
+  private _elem;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<Date>;
+  /**
+   * Emitido ao iniciar a alteração (digitação incompleta).
+   */
+  ezStartChange: EventEmitter<WaitingChange>;
+  /**
+   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+   */
+  ezCancelWaitingChange: EventEmitter<void>;
+  /**
+   * Emitido quando o usuário digita uma data válida no campo.
+   */
+  ezInput: EventEmitter<Date>;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: Date;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /** Tamanho do input */
+  size?: "default" | "small" | "xsmall";
+  /** Define se o campo é obrigatório */
+  required?: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: Date, oldValue: Date): void;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(options?: TFocusOptions): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<Date>;
+  private changeValue;
+  private handleChangeCalendar;
+  private handleBlur;
+  private getTextValue;
+  private handleInput;
+  private setInputValue;
+  disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-classic-date-time-input/ez-classic-date-time-input.d.ts ADDED Viewed

@@ -0,0 +1,95 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { WaitingChange } from '@sankhyalabs/core';
+import { OptionsSetFocus } from '../ez-classic-input/interfaces/optionsSetFocus';
+export declare class EzClassicDateTimeInput {
+  private _calendar;
+  private _textInput;
+  private _changePending;
+  private _focused;
+  private _valuePromiseCallbacks;
+  private _popover;
+  private i18n;
+  private _elem;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<Date>;
+  /**
+   * Emitido ao iniciar a alteração (digitação incompleta).
+   */
+  ezStartChange: EventEmitter<WaitingChange>;
+  /**
+   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+   */
+  ezCancelWaitingChange: EventEmitter<void>;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: Date;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Se true considera segundos.
+   */
+  showSeconds: boolean;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /** Tamanho do input */
+  size?: "default" | "small" | "xsmall";
+  /** Define se o campo é obrigatório */
+  required?: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: Date, oldValue: Date): void;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(options?: OptionsSetFocus): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<Date>;
+  private handleKeyDown;
+  private handleFocus;
+  private handleClick;
+  private changeValue;
+  private hideCalendar;
+  private getParsedDateTime;
+  private handleBlur;
+  private getTextValue;
+  private handleInput;
+  private setInputValue;
+  disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-classic-input/ez-classic-input.d.ts CHANGED Viewed

@@ -13,14 +13,20 @@ export declare class EzClassicInput {
   label?: string;
   /** Texto de ajuda exibido abaixo do input */
   helpText?: string;
+  /** Texto de erro exibido abaixo do input */
+  errorMessage?: string;
   /** Placeholder do input */
   placeholder?: string;
   /** Define se o input está habilitado */
   enabled?: boolean;
   /** Define se o input é somente leitura */
   readonly?: boolean;
+  /** Define se o input é obrigatório (visualmente) */
+  required?: boolean;
   /** Nome do input */
   name?: string;
+  /** Tamanho do input */
+  size?: "default" | "small" | "xsmall";
   /** Tamanho mínimo do valor */
   minlength?: number;
   /** Tamanho máximo do valor */
@@ -74,12 +80,29 @@ export declare class EzClassicInput {
    */
   setBlur(): Promise<void>;
   syncValue(): Promise<void>;
+  observeErrorMessage(newValue: string): Promise<void>;
   private onInput;
+  private processInputWithMask;
+  private processCgcCpfMask;
+  private processRegularMask;
+  private isDataChar;
+  private countDataCharsBefore;
+  private skipLeadingSeparators;
+  private findPositionAfterDataChars;
+  private getCursorPositionAfterFormat;
+  private restoreCursorSelection;
+  private updateInputValue;
+  private updateInputValueWithoutMask;
   private onBlur;
   private onFocus;
   private handleIconClick;
   private addInfoId;
-  componentWillLoad(): void;
+  private buildPlaceholder;
+  private buildMaskFormatter;
+  private getMaskToBuilder;
+  private getPhoneMask;
+  private getCGCCpfMask;
+  componentDidRender(): void;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-classic-number-input/ez-classic-number-input.d.ts ADDED Viewed

@@ -0,0 +1,101 @@
+import { WaitingChange } from "@sankhyalabs/core";
+import { EventEmitter } from "../../stencil-public-runtime";
+import { OptionsSetFocus } from "../ez-classic-input/interfaces/optionsSetFocus";
+export declare class EzClassicNumberInput {
+  private _textInput;
+  private _focused;
+  private _changePending;
+  private _valuePromiseCallbacks;
+  private i18n;
+  private _elem;
+  private _value;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<number>;
+  /**
+   * Emitido ao iniciar a alteração (digitação incompleta).
+   */
+  ezStartChange: EventEmitter<WaitingChange>;
+  /**
+   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
+   */
+  ezCancelWaitingChange: EventEmitter<void>;
+  /**
+  * Texto a ser apresentado como título do campo.
+  */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: number;
+  /**
+   * Se false, o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /** Define se o input é obrigatório (visualmente) */
+  required?: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Se false, o input não aceitará números negativos.
+   */
+  allowNegative: boolean;
+  /**
+   * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento.
+   */
+  precision: number;
+  /**
+   * Define qual é o mínimo de casas depois da vírgula.
+   * Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`.
+   */
+  prettyPrecision: number;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /** Tamanho do input */
+  size?: "default" | "small" | "xsmall";
+  /**   * Se true o campo de texto receberá o foco ao ser renderizado.
+  */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(options?: OptionsSetFocus): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  getValueAsync(): Promise<number>;
+  observeLabel(): void;
+  observeErrorMessage(): void;
+  observeValue(newValue: number, oldValue: number): void;
+  observePrecision(): void;
+  private handleNewValue;
+  private validateValue;
+  private getTextValue;
+  private changeValue;
+  private setError;
+  private handleBlur;
+  private handleInput;
+  private getParsedNumber;
+  private setInputValue;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-classic-search/ez-classic-search.d.ts ADDED Viewed

@@ -0,0 +1,219 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
+import { SearchMode } from "../../utils";
+import { OptionsSetFocus } from "../ez-classic-input/interfaces/optionsSetFocus";
+export declare class EzClassicSearch {
+  private _textInput;
+  private _classicSearchList;
+  private _optionsList;
+  private _ezPopOverPlusElement;
+  private _itemValueBasis;
+  private _source;
+  private _changeDeboucingTimeout;
+  private _limitCharsToSearch;
+  private _deboucingTime;
+  _maxWidthValue: number;
+  private _tabPressed;
+  private _resizeObserver;
+  private _intersectionObserver;
+  private _startHighlightTag;
+  private _endHighlightTag;
+  private _currentValue;
+  private i18n;
+  private el;
+  private _preSelection;
+  private _visibleOptions;
+  private _startLoading;
+  private _showLoading;
+  private _criteria;
+  /**
+   * Define o valor do campo.
+   */
+  value: IOption | string;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /** Tamanho do input */
+  size?: "default" | "small" | "xsmall";
+  /**
+   * Carrega as opções dinamicamente.
+   */
+  optionLoader: (argument: ISearchArgument, ctxProperties?: any) => Promise<Array<IOption>> | Array<IOption> | IOption;
+  /**
+   * Propriedades de contexto da aplicação.
+   */
+  contextProperties?: any;
+  /**
+   * Se false a opção selecionada deve exibir somente o `label`.
+   */
+  showSelectedValue: boolean;
+  /**
+   * Se false cada opção na lista deve exibir somente o `label`.
+   */
+  showOptionValue: boolean;
+  /**
+   * Se true remove a opção vazia da lista.
+   */
+  suppressEmptyOption: boolean;
+  /**
+   * Se true, ineterrompe a propagação do evento de KeyDown da tecla enter
+   */
+  stopPropagateEnterKeyEvent: boolean;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Se true, muda o tipo do text-input para classic.
+   */
+  classic: boolean;
+  /** Define se o campo é obrigatório */
+  required?: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
+   */
+  hideErrorOnFocusOut: boolean;
+  /**
+   * Define um posicionamento fixo para a lista de opções do CheckBox.
+   */
+  listOptionsPosition: IEzCheckBoxListPosition;
+  /**
+   * Informa se a pesquisa é do tipo texto.
+   */
+  isTextSearch: boolean;
+  /**
+   * Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa
+   */
+  ignoreLimitCharsToSearch: boolean;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<IOption>;
+  /**
+   * Array com as opções do ez-combo-box. Os elementos devem obedecer
+   * o formato: `{value: string, label: string}`.
+   */
+  options: Array<IOption>;
+  /**
+   * Se true desabilita a digitação dentro do componente.
+   */
+  suppressSearch: boolean;
+  /**
+   * Garante que o botão de limpar pesquisa está sempre visível
+   */
+  ensureClearButtonVisible: boolean;
+  /**
+   * Se true, desabilita pré-load das opções ao carregar componente
+   */
+  suppressPreLoad: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
+  /**
+   * Informa se deve exibir a opção de mostrar mais resultados.
+   */
+  showMore: boolean;
+  /**
+   * Informa se o valor da opção selecionada deve persistir no input de texto.
+   */
+  suppressInputPersist: boolean;
+  /**
+   * Se true o campo de de apresentação não será exibido.
+   */
+  hideDescriptionInput: boolean;
+  observeErrorMessage(): void;
+  private getValue;
+  private validateNewValue;
+  observeValue(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
+  observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
+  getValueAsync(): Promise<unknown>;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(options?: OptionsSetFocus): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  /**
+   * Limpa o valor do campo de pesquisa
+   */
+  clearValue(): Promise<void>;
+  private handleValueAsString;
+  private isDifferentValues;
+  private getFormattedText;
+  private getText;
+  private getSelectedOption;
+  private updateVisibleOptions;
+  private getMaxWidthValue;
+  private getWidthValue;
+  private showOptions;
+  private hideOptions;
+  private isOptionsVisible;
+  private selectCurrentOption;
+  private updateSource;
+  private clearSource;
+  private selectOption;
+  private loadOptions;
+  private cancelPreselection;
+  private setInputValue;
+  private clearSearch;
+  private controlListWithOnlyOne;
+  private controlEmptySearch;
+  private loadDescriptionValue;
+  private setDescriptionValue;
+  private setTextInputValue;
+  private loadOptionValue;
+  private showNoResultMessage;
+  private getFieldLabel;
+  private resetOptions;
+  private handleResetOptionsWithShowMoreVisible;
+  private handleInitialValue;
+  componentWillLoad(): Promise<void>;
+  componentDidRender(): void;
+  componentDidLoad(): Promise<void>;
+  disconnectedCallback(): void;
+  private handleClassicIconClick;
+  private buildNumberArgument;
+  private onTextInputChangeHandler;
+  private clearDeboucingTimeout;
+  private keyDownHandler;
+  private handleEventPropagation;
+  private onTextInputFocusOutHandler;
+  private canShowListOptions;
+  private onChangePreSelection;
+  private handleClickShowMore;
+  private renderShowMore;
+  render(): any;
+}
+export interface IOption {
+  value: string;
+  label: string;
+  details?: any;
+}
+export interface ISearchArgument {
+  mode: SearchMode;
+  argument: string;
+}

package/dist/types/components/ez-classic-search/subcomponent/classic-search-list/classic-search-list.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IOption } from '../../ez-classic-search';
+export declare class ClassicSearchList {
+  private _startHighlightTag;
+  private _endHighlightTag;
+  private _optionsList;
+  private readonly MAX_HEIGHT;
+  private readonly HEADER_MENU_HEIGHT;
+  showLoading: boolean;
+  visibleOptions: Array<IOption>;
+  textEmptyList: string;
+  canShowListOptions: boolean;
+  value: IOption | string;
+  showOptionValue: boolean;
+  preSelection: number;
+  changeValue: EventEmitter<IOption>;
+  changePreSelection: EventEmitter<number>;
+  nextOption(): Promise<void>;
+  previousOption(): Promise<void>;
+  private selectOption;
+  private createOption;
+  private scrollToOption;
+  private buildItem;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  private adjustMaxHeight;
+  private cleanEmptyObjectArray;
+  render(): any;
+}

package/dist/types/components/ez-classic-search/utils/searchFormatters.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function replaceHighlight(value: string): string;
2	+ export declare function replaceQuotes(text: string): string;