@sankhyalabs/ezui 0.0.0-feat-dev-kb-4158.0

package/dist/ezui/p-ff82b176.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as o,H as n,g as s}from"./p-e318d280.js";import{FloatingManager as e,ElementIDUtils as a}from"@sankhyalabs/core";import"./p-f15ec3bb.js";import{C as r}from"./p-7eb3e1a5.js";import"./p-ab574d59.js";import"./p-b853763b.js";const c=class{constructor(o){t(this,o),this.ezAction=i(this,"ezAction",7),this._arrowOffset=5,this.innerClickCheck=(t,i)=>{var o;if(i&&t){if(i===t)return!0;const n=t.children;for(let t=0;t<n.length;t++)if(null===(o=n[t].shadowRoot)||void 0===o?void 0:o.contains(i))return!0}return!1},this._selectedAction=void 0,this.enabled=!0,this.actions=void 0,this.size="medium",this.showLabel=!1,this.displayIcon=void 0,this.checkOption=!1,this.value=void 0,this.isTransparent=!1,this.arrowActive=!1}async hideActions(){null!=this._floatingID&&e.close(this._floatingID),this._floatingID=void 0}async isOpened(){return null!=this._floatingID}getFloatOptions(){return{autoClose:!0,innerClickTest:this.innerClickCheck,isFixed:!0,top:this.getPositionTop(),left:this.getPositionLeft()}}getSideLimit(){var t;const i=document.body.clientWidth,o=null===(t=this._actionsList)||void 0===t?void 0:t.getBoundingClientRect();if((null==o?void 0:o.right)>i)return i-o.width+"px"}showActions(){if(!this.enabled)return;const t=this.getFloatOptions();this._floatingID=e.float(this._actionsList,this._listContainer,t);const i=this.getSideLimit();null!=i&&(t.left=i,e.updateFloatPosition(this._actionsList,this._listContainer,t)),window.requestAnimationFrame((()=>{this._actionsList.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}))}updatePosition(){if(!this.enabled||null==this._floatingID)return;const t=this.getFloatOptions(),i=this.getSideLimit();null!=i&&(t.left=i),e.updateFloatPosition(this._actionsList,this._listContainer,t)}getPositionTop(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.y+i.height+"px"}getBoundingLeft(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.x-(this.arrowActive?this._arrowOffset:0)+"px"}getPositionLeft(){return this.getBoundingLeft()||(this.arrowActive?`-${this._arrowOffset}px`:null)}hasLabelOrCheckOption(){var t;return(this.showLabel||this.checkOption)&&(null===(t=this.actions)||void 0===t?void 0:t.length)>0}hasIconName(){var t;return null===(t=this.actions)||void 0===t?void 0:t.some((t=>null!=t.iconName))}controlScrollPage(){window.removeEventListener("scroll",this.updatePosition.bind(this)),window.addEventListener("scroll",this.updatePosition.bind(this))}handlerButtonClick(){this.showActions()}actionClick(t){this._selectedAction=t,this.hideActions(),this.ezAction.emit(t)}componentWillLoad(){if(null==this.actions){this.actions=[];const t=this._element.querySelectorAll("action");t&&t.forEach((t=>{let i=t.innerText,o=t.getAttribute("value"),n=!("false"===t.getAttribute("enabled"));o||(o=i),this.actions.push({label:i,value:o,enabled:n}),t.hidden=!0}))}}componentDidLoad(){r.applyVarsButton(this._element,this._button),a.addIDInfo(this._element),this.controlScrollPage()}componentDidRender(){null==this._floatingID&&this._actionsList.remove(),this.hasLabelOrCheckOption()&&(this.value?this._selectedAction=this.actions.find((t=>t.value===this.value)):this._selectedAction||(this._selectedAction=this.actions[0]))}render(){var t;return o(n,null,o("ez-button",{ref:t=>this._button=t,class:(this.isTransparent?"ez-actions-button__btn-transparent":"")+(this.showLabel?" ez-actions-button__btn-label":""),label:this.showLabel&&(null===(t=this._selectedAction)||void 0===t?void 0:t.label),enabled:this.enabled,mode:this.showLabel?void 0:"icon",iconName:this.showLabel?"":this.displayIcon||"dots-vertical",size:this.size,onClick:()=>this.handlerButtonClick()},this.showLabel&&o("ez-icon",{class:"ez-actions-button__icon-right",slot:"rightIcon",iconName:this.displayIcon||"dots-vertical"})),o("section",{class:"ez-actions-button__list-container",ref:t=>this._listContainer=t},this.arrowActive&&o("div",{class:"ez-actions-button__arrow ez-actions-button__arrow--"+(this.size||"small")+(this.isTransparent?" ez-actions-button__arrow--upped":"")}),o("div",{ref:t=>this._actionsList=t,class:"ez-actions-button__actions-list"+(this.arrowActive&&!this.isTransparent?" ez-actions-button__actions-list--lowered":"")},this.actions.map((t=>{var i;return o("ez-button",{size:"small",label:t.label,onClick:()=>this.actionClick(t),enabled:t.enabled,class:"ez-actions-button__btn-action"+(this.checkOption||this.hasIconName()?" ez-actions-button__btn-action--spaced":"")},this.checkOption&&(null===(i=this._selectedAction)||void 0===i?void 0:i.value)===t.value&&o("ez-icon",{class:"ez-actions-button__icon-check",slot:"leftIcon",size:"small",iconName:"check"}),!this.checkOption&&t.iconName&&o("ez-icon",{class:"ez-actions-button__icon-item",slot:"leftIcon",size:"small",iconName:t.iconName}))})))))}get _element(){return s(this)}};c.style=":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--more-visible, 2) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";export{c as ez_actions_button}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/types/components/ez-actions-button/ez-actions-button.d.ts

@@ -0,0 +1,82 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzActionsButton {
+  private _actionsList;
+  private _listContainer;
+  private _button;
+  private _floatingID;
+  private _arrowOffset;
+  private _element;
+  private _selectedAction;
+  /**
+   * Se false o usuário não pode interagir com o componente.
+   */
+  enabled: boolean;
+  /**
+   * Define a lista de ações. Os elementos devem obedecer
+   * o formato: `{value: string, label: string}`.
+   */
+  actions: Array<IAction>;
+  /**
+  * Determina o tamanho do ez-action-button.
+  */
+  size: "small" | "medium" | "large";
+  /**
+  * Se true o label será apresentado.
+  */
+  showLabel: boolean;
+  /**
+  * Define o ícone do componente.
+  */
+  displayIcon: string;
+  /**
+  * Se true o check será apresentado para os itens.
+  */
+  checkOption: boolean;
+  /**
+  * Define o valor do componente.
+  */
+  value: string;
+  /**
+  * Se true o background será transparent.
+  */
+  isTransparent: boolean;
+  /**
+  * Se true a seta de ordenação será apresentada.
+  */
+  arrowActive: boolean;
+  /**
+   * Emitido ao acionar uma ação.
+   */
+  ezAction: EventEmitter<IAction>;
+  /**
+   * Oculta a lista de ações.
+   */
+  hideActions(): Promise<void>;
+  /**
+   * Verifica se a lista de ações está aberta.
+   */
+  isOpened(): Promise<boolean>;
+  innerClickCheck: (floatingContainer: HTMLElement, node: HTMLElement) => boolean;
+  private getFloatOptions;
+  private getSideLimit;
+  private showActions;
+  private updatePosition;
+  private getPositionTop;
+  private getBoundingLeft;
+  private getPositionLeft;
+  private hasLabelOrCheckOption;
+  private hasIconName;
+  private controlScrollPage;
+  private handlerButtonClick;
+  private actionClick;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+}
+export interface IAction {
+  value: string;
+  label: string;
+  enabled?: boolean;
+  iconName?: string;
+}

package/dist/types/components/ez-alert/ez-alert.d.ts

@@ -0,0 +1,10 @@
+export declare class EzAlert {
+  private _element;
+  private dataElementId;
+  /**
+   * Define a cor e o ícone a serem exibidos no componente.
+   */
+  alertType: 'warn' | 'critical' | 'success';
+  componentWillRender(): void;
+  render(): any;
+}

package/dist/types/components/ez-application/ez-application.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzApplication {
+  /**
+   * Evento disparado quando a aplicação for carregada.
+   */
+  applicationLoaded: EventEmitter<boolean>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-badge/enum/sizes.d.ts

@@ -0,0 +1,8 @@
+export declare enum Sizes {
+  EXTRA_LARGE = "extra-large",
+  LARGE = "large",
+  MEDIUM = "medium",
+  SMALL_MEDIUM = "small-medium",
+  SMALL = "small",
+  EXTRA_SMALL = "extra-small"
+}

package/dist/types/components/ez-badge/ez-badge.d.ts

@@ -0,0 +1,35 @@
+import { IPosition } from "./interfaces/IPosition";
+export declare class EzBadge {
+  _element: HTMLElement;
+  private _badge;
+  private _sizes;
+  hasSlot: boolean;
+  /**
+   * Define o tamanho de acordo com o tipo utilizado pelo componente.
+   */
+  size: "extra-large" | "large" | "medium" | "small-medium" | "small" | "extra-small";
+  /**
+   * Define o conteúdo textual ou numérico do componente.
+   */
+  label: string;
+  /**
+   * Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+   */
+  iconLeft: string;
+  /**
+   * Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+   */
+  iconRight: string;
+  /**
+   * Define a posição do ícone em relação ao elemento filho.
+   */
+  position: IPosition;
+  private getIconSize;
+  componentDidLoad(): void;
+  private handleSlotChange;
+  private validateIconLeft;
+  private validateIconRight;
+  private validateLabel;
+  private createContainerClassName;
+  render(): any;
+}

package/dist/types/components/ez-badge/interfaces/IPosition.d.ts

@@ -0,0 +1,4 @@
+export interface IPosition {
+  horizontal: "left" | "right";
+  vertical: "top" | "bottom";
+}

package/dist/types/components/ez-breadcrumb/ez-breadcrumb.d.ts

@@ -0,0 +1,71 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface IBreadcrumbItem {
+  id: string;
+  label: string;
+  iconName?: string;
+  width?: number;
+}
+export declare class EzBreadcrumb {
+  private _element;
+  private _elBreadcrumbList;
+  private _resizeObserver;
+  private _ellipsesPositionedEnd;
+  private _renderSecond;
+  private readonly INDEX_ITEM_TO_REMOVE;
+  private readonly CHEVRON_SIZE;
+  /**
+   * Lista de itens do breadcrumb.
+   */
+  items: Array<IBreadcrumbItem>;
+  /**
+   * Define o modo de uso do Breadcrumb.
+   */
+  fillMode: "auto" | "regular";
+  /**
+   * Define o limite máximo de itens a serem renderizados.
+   */
+  maxItems: number;
+  /**
+   * Define a posição do Ellipsis nos itens visíveis do Breadcrumb.
+   */
+  positionEllipsis: number;
+  /**
+   * Emitido quando um item do breadcrumb é selecionado.
+   */
+  selectedItem: EventEmitter<IBreadcrumbItem>;
+  /**
+   * Contém os itens do breadcrumb que estão visíveis.
+   */
+  visibleItems: Array<IBreadcrumbItem>;
+  /**
+   * Armazenar os itens do breadcrumb que estão ocultos.
+   */
+  hiddenItems: Array<IBreadcrumbItem>;
+  /**
+   * Define se o dropdown estará ativo ou não
+   */
+  showDropdown: boolean;
+  collapseConfigPosition: number;
+  watchPropHandler(newValue: IBreadcrumbItem[], oldValue: IBreadcrumbItem[]): void;
+  watchPropHiddenItems(): void;
+  componentDidUpdate(): void;
+  componentWillLoad(): void;
+  private loadItems;
+  closeDropdown(evt: MouseEvent): void;
+  setEvents(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  configResize(): void;
+  handleResize(): void;
+  handleCollapse(containerWidth: number, itemsWidth: number): void;
+  handleExpand(containerWidth: number): void;
+  configModeRegular(): void;
+  positionDropdown(): void;
+  handleShowDropdown: (newState: boolean) => void;
+  startResize(): Promise<void>;
+  _textMesurement: HTMLCanvasElement;
+  measureSizeHTMLElement(item: IBreadcrumbItem): Promise<number>;
+  waitFontLoad(): Promise<void>;
+  getItemContent(): any;
+  render(): any;
+}

package/dist/types/components/ez-breadcrumb/subcomponents/breadcrumb-item.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent, EventEmitter } from "../../../stencil-public-runtime";
+import { IBreadcrumbItem } from "../ez-breadcrumb";
+interface BreadcrumbItemProps {
+  items: Array<IBreadcrumbItem>;
+  selectedItem: EventEmitter<IBreadcrumbItem>;
+  itemsHidden: Array<IBreadcrumbItem>;
+  showDropdown: boolean;
+  handleShowDropdown: (newState: boolean) => void;
+  collapseConfigPosition: number;
+  ellipsesPositionedEnd: boolean;
+}
+export declare const BreadcrumbItem: FunctionalComponent<BreadcrumbItemProps>;
+export {};

package/dist/types/components/ez-button/ez-button.d.ts

@@ -0,0 +1,41 @@
+export declare class EzButton {
+  _element: HTMLElement;
+  private _button;
+  /**
+   * Texto a ser apresentado como título do botão.
+   */
+  label: string;
+  /**
+   * Se false o usuário não pode interagir com o botão.
+   */
+  enabled: boolean;
+  /**
+   * Define o modo de uso do botão.
+   */
+  mode: "regular" | "icon" | "link" | "label-icon";
+  /**
+   * Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.
+   */
+  image: string;
+  /**
+   * Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
+   */
+  iconName: string;
+  /**
+   * Define o tamanho do ez-button.
+   */
+  size: "small" | "medium" | "large" | undefined;
+  /**
+   * Aplica o foco no botão.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do botão.
+   */
+  setBlur(): Promise<void>;
+  clickListener(evt: MouseEvent): void;
+  componentDidLoad(): void;
+  getIconSize(sizeParam?: string): string;
+  handleSlotChange(ev: Event): void;
+  render(): any;
+}

package/dist/types/components/ez-calendar/ez-calendar.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzCalendar {
+  private _container;
+  private _box;
+  private _floatingID;
+  private _firstRender;
+  private _currentPosition;
+  private _todayLabel;
+  private _weekDayLabels;
+  private _monthLabels;
+  private _calendarHeight;
+  private _calendarWidth;
+  private _hoursLabel;
+  private _minutosLabel;
+  private _hoursSelect;
+  private _minutesSelect;
+  private _secondsSelect;
+  private _hoursScroll;
+  private _minutesScroll;
+  private _secondsScroll;
+  _hostElem: HTMLEzCalendarElement;
+  /**
+   * Define o valor do calendário.
+   */
+  value: Date;
+  /**
+   * Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`.
+   */
+  floating: boolean;
+  /**
+   * Se true a data considera horas e minutos.
+   */
+  time: boolean;
+  /**
+   * Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`.
+   */
+  showSeconds: boolean;
+  /**
+   * Emitido quando acontece a alteração de valor do calendário.
+   */
+  ezChange: EventEmitter<Date>;
+  /**
+   * Exibe o ez-calendar em uma posição determinada.
+   * É possível determinar o posicionamento através dos parâmetros, no formato css.
+   */
+  show(top?: string, left?: string, bottom?: string, right?: string): Promise<void>;
+  /**
+   * Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de espaço.
+   */
+  fitVertical(topOffset: number, bottomOffset: number): Promise<void>;
+  /**
+   * Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de espaço.
+   */
+  fitHorizontal(rightOffset: number): Promise<void>;
+  /**
+   * Oculta o ez-calendar.
+   */
+  hide(): Promise<void>;
+  observeValue(): void;
+  scrollListener(): void;
+  private isFixed;
+  private getMonthLabel;
+  private isSelectedDate;
+  private changeMonth;
+  private selectDate;
+  private selectHours;
+  private selectMinutes;
+  private selectSeconds;
+  updateScroll(element: HTMLElement): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  private scroll;
+  render(): any;
+}

package/dist/types/components/ez-card-item/ez-card-item.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface CardDetail {
+  label: string;
+  value: string;
+}
+export interface CardItem {
+  title: string;
+  key: string;
+  details: any;
+}
+export interface DetailContainer {
+  detailsLeft: Array<CardDetail>;
+  detailsRight: Array<CardDetail>;
+}
+export declare class EzCardItem {
+  private _details;
+  private _element;
+  /**
+   * Determina o conteúdo do card. Deve conter um objeto no formato:
+   * `{title: string, key: string, details: any}`.
+   */
+  item: CardItem;
+  /**
+   * Emitido sempre que o ez-card é clicado.
+   */
+  ezClick: EventEmitter<CardItem>;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  private createDetailList;
+  private buildDetailContent;
+  render(): any;
+}

package/dist/types/components/ez-check/CheckMode.d.ts

@@ -0,0 +1,4 @@
+export declare enum CheckMode {
+  REGULAR = "REGULAR",
+  SWITCH = "SWITCH"
+}

package/dist/types/components/ez-check/ez-check.d.ts

@@ -0,0 +1,49 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { CheckMode } from './CheckMode';
+export declare class EzCheck {
+  private _element;
+  private _inputElem;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<any>;
+  /**
+  * Texto a ser apresentado como título do campo.
+  */
+  label: string;
+  /**
+   * Define o valor do campo.
+   */
+  value: boolean;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`).
+   */
+  indeterminate: boolean;
+  /**
+   * Define o modo de visualização do ez-check.
+   */
+  mode: CheckMode;
+  /**
+   * Define o modo compacto com espaçamento menor entre label e o input
+   */
+  compact: boolean;
+  observeValue(newValue: boolean, oldValue: boolean): void;
+  observeIndeterminate(newValue: boolean, oldValue: boolean): void;
+  /**
+   * Obtém o modo escolhido.
+   */
+  getMode(): Promise<CheckMode>;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  componentDidLoad(): void;
+  changeValue(): void;
+  getLabelClasses(): string;
+  getInputClasses(): string;
+  render(): any;
+}

package/dist/types/components/ez-chip/ez-chip.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzChip {
+  _element: HTMLElement;
+  private _containerElem;
+  private _labelElem;
+  /**
+   * Texto a ser apresentado como título do ez-chip.
+   */
+  label: string;
+  /**
+   * Se false o usuário não pode interagir com o ez-chip.
+   */
+  enabled: boolean;
+  /**
+   * Determina o posicionamento do botão de remover (não disponível no modo `action`).
+   * Se não informado, não exibe o botão.
+   */
+  removePosition: "left" | "right" | undefined;
+  /**
+   * Define o modo de uso do ez-chip.
+   */
+  mode: "label" | "action";
+  /**
+   * Define o valor do ez-chip.
+   */
+  value: boolean;
+  /**
+   * Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.
+   */
+  showNativeTooltip: boolean;
+  /**
+   * Emitido quando acontece a alteração de valor do ez-chip.
+   */
+  valueChange: EventEmitter<boolean>;
+  /**
+   * Emitido quando o botão de remoção é acionado.
+   */
+  removeChip: EventEmitter<void>;
+  /**
+   * Emitido no modo "action" quando o usuário clica no ez-chip.
+   */
+  actionClick: EventEmitter<void>;
+  /**
+   * Aplica o foco no ez-chip.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do ez-chip.
+   */
+  setBlur(): Promise<void>;
+  handleSlotChange(ev: Event): void;
+  handleValueChange(): void;
+  handleClick(ev: Event): void | CustomEvent<void>;
+  swichState(): void;
+  formatLabel(): string;
+  observeValue(): void;
+  observeEnabled(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts

@@ -0,0 +1,91 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzCollapsibleBox {
+  private _refLabel;
+  private _refTextEdit;
+  private _hostElement;
+  private _activeEditText;
+  /**
+   * Define o valor do componente.
+   */
+  value: boolean;
+  /**
+  * Define seu o componente deve ter borda
+  */
+  boxBordered: boolean;
+  /**
+   * Texto a ser apresentado como título do componente.
+   */
+  label: string;
+  /**
+   * Texto a ser apresentado como subtítulo do componente.
+   */
+  subtitle: string;
+  /**
+   * Define o tamanho do texto e do ícone.
+   */
+  headerSize: "x-small" | "small" | "medium" | "large" | "x-large" | undefined;
+  /**
+   * Define o posicionamento do ícone.
+   */
+  iconPlacement: "left" | "right";
+  /**
+   * Define a posição do conteúdo do cabeçalho do componente.
+   */
+  headerAlign: "center" | "left" | "right" | "stretch" | undefined;
+  /**
+   * Se true mostra o ícone para remoção do componente.
+   */
+  removable: boolean;
+  /**
+   * Se true mostra o ícone para edição do componente.
+   */
+  editable: boolean;
+  /**
+   * Define uma condição para salvar ou não uma alteração.
+   */
+  conditionalSave: Function;
+  /**
+   * Emitido quando acontece a alteração de valor do componente.
+   */
+  ezChange: EventEmitter<boolean>;
+  /**
+   * Emitido ao remover o componente (onEzRemove).
+   */
+  ezRemove: EventEmitter<EzCollapsibleBox>;
+  /**
+   * Emitido ao concluir edição da label (onEzSaveEditLabel).
+   */
+  ezSaveEditLabel: EventEmitter<CustomEvent>;
+  /**
+   * Emitido quando o modo de edição da label for aberto e fechado (onEzEditLabelMode).
+   */
+  ezEditLabelMode: EventEmitter<boolean>;
+  /**
+   * Oculta/mostra o conteúdo do ez-collapsible-box.
+   */
+  showHide(): Promise<void>;
+  /**
+   * Aplica o foco no campo de edição de título.
+   */
+  applyFocusTextEdit(): Promise<void>;
+  /**
+   * Cancela a edição de título.
+   */
+  cancelEdition(): Promise<void>;
+  observeCollapsedValue(): void;
+  /**
+   * Retorna o tamanho configurado do texto e do ícone.
+   */
+  getHeaderSize(): string;
+  private removeElement;
+  private editLabel;
+  private confirmRemove;
+  private saveEditionText;
+  getStyledLabel(): {
+    fontSize: string;
+    fontWeight: string;
+    fontFamily: string;
+  };
+  componentDidLoad(): void;
+  render(): any;
+}