@sankhyalabs/ezui 6.1.0-dev.2 → 6.1.0-dev.21

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzComboBox {
+  private i18n;
   private _textInput;
   private _comboBoxList;
   private _popover;
@@ -10,7 +11,6 @@ export declare class EzComboBox {
   private _deboucingTime;
   private _maxWidthValue;
   private _tabPressed;
-  private _textEmptyList;
   private _lookupMode;
   private _resizeObserver;
   isOpen: boolean;
@@ -93,6 +93,10 @@ export declare class EzComboBox {
    * Se true o campo de texto receberá o foco ao ser renderizado.
    */
   autoFocus: boolean;
+  /**
+   * Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções.
+   */
+  preventAutoFocus: boolean;
   /**
    * Texto alternativo a ser apresentado como título do campo.
    */
@@ -142,7 +146,10 @@ export declare class EzComboBox {
   private setInputValue;
   private clearSearch;
   private resetOptions;
-  componentWillLoad(): void;
+  private sanitizeValue;
+  componentWillLoad(): Promise<void>;
+  private setResizeObserver;
+  connectedCallback(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   private handlerIconClick;

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

@@ -8,6 +8,7 @@ export declare class EzDateInput {
   private _focused;
   private _valuePromiseCallbacks;
   private _popover;
+  private i18n;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -76,6 +77,7 @@ export declare class EzDateInput {
   private handleInput;
   private setInputValue;
   disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -8,6 +8,7 @@ export declare class EzDateTimeInput {
   private _focused;
   private _valuePromiseCallbacks;
   private _popover;
+  private i18n;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -84,6 +85,7 @@ export declare class EzDateTimeInput {
   private handleInput;
   private setInputValue;
   disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -16,8 +16,6 @@ declare class Message {
 export declare class EzDialog {
   _element: HTMLElement;
   private readonly PRIMARY_BUTTON_ID;
-  private labelConfirm;
-  private labelCancel;
   private btnConfirmDanger;
   private _messageQueue;
   private _currentMessage;
@@ -26,6 +24,7 @@ export declare class EzDialog {
   private _canFocusOnPrimaryBtn;
   private _lastActiveElement;
   private _keyboardManager;
+  private i18n;
   /**
    * Define se o ez-dialog será utilizado no modo de confirmação.
    */
@@ -78,6 +77,7 @@ export declare class EzDialog {
   getClassIconIndicator(dialogType: DialogType): string;
   getClassContainer(message: Message): "dialog__container dialog__container--default" | "dialog__container";
   getClassTitleLabel(message: Message): "title title__label title__label--no-icon" | "title title__label";
+  componentWillLoad(): Promise<void>;
   componentWillRender(): void;
   componentDidLoad(): void;
   componentDidRender(): void;

package/dist/types/components/ez-double-list/ez-double-list.d.ts

@@ -87,6 +87,8 @@ export declare class EzDoubleList {
   observeRightList(newValue: any, oldValue: any): void;
   private leftEzListInstance;
   private rightEzListInstance;
+  private i18n;
+  componentWillLoad(): Promise<void>;
   handleChangeLeft({ detail }: CustomEvent): Promise<void>;
   handleChangeRight({ detail }: CustomEvent): Promise<void>;
   private reorderArray;

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

@@ -0,0 +1,18 @@
+export declare class EzEmptyCard {
+  _element: HTMLElement;
+  private _container;
+  /**
+ * Define a cor tema do componente.
+ */
+  color: "default" | "green" | "gray" | "yellow" | "red" | "petroleum";
+  /**
+   * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
+   */
+  height?: number;
+  /**
+   * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
+   */
+  width?: number;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzFileItem {
+  private i18n;
   _element: HTMLElement;
   /**
    * Define se o usuário pode remover o arquivo que está sendo apresentado.
@@ -32,5 +33,6 @@ export declare class EzFileItem {
   observeProgress(newProgress: number): void;
   private getFileSize;
   private getIconName;
+  componentWillLoad(): Promise<void>;
   render(): any;
 }

package/dist/types/components/ez-form-view/fieldbuilder/templates/RichText.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildRichText: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-grid/controller/EzGridController.d.ts

@@ -5,6 +5,7 @@ import { ICustomEditorInfo } from '../../../utils/customEditor/interfaces/ICusto
 import { ICustomRenderInfo } from '../../../utils/customRender/interfaces/ICustomRenderInfo';
 import { ICustomFormatter } from '../interfaces';
 import FilterCollumn = Components.FilterColumn;
+import { TFunction } from 'i18next';
 /**
  * O intuito desta abstração, é isolar o componente EzGrid de uma implementação
  * específica, permitindo que usemos componentes de terceiros sem um acoplamento
@@ -281,6 +282,10 @@ export interface EzGridOptions {
    * Define se a grade deve suprimir o scroll horizontal.
    */
   suppressHorizontalScroll?: boolean;
+  /**
+   * Define a função de intercionalização.
+   */
+  i18n: TFunction;
 }
 /**
  * Representa cada coluna da grade.

package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts

@@ -43,6 +43,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _gridShowDom;
   private peddingExecutionsOnGridShow;
   private _lastColsConfig;
+  private _i18n;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   clearFilter(): void;
@@ -113,6 +114,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   setSelectedIndex(index: number): void;
   hasFilterColumn(columnName: string): boolean;
   private buildColDef;
+  private setHTMLRender;
   setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
   refreshSelectedRows(): void;
   private getInitCellStyle;

package/dist/types/components/ez-grid/controller/ag-grid/DataSource.d.ts

@@ -43,6 +43,7 @@ export default class DataSource implements IServerSideDatasource {
   private callbackGetRows;
   destroy(): void;
   registryListeners(): void;
+  private getDescriptionField;
   buildColumnDefs(): Array<EzGridColumn>;
   private buildDescriptionColumn;
 }

package/dist/types/components/ez-grid/controller/ag-grid/GridEditionManager.d.ts

@@ -54,6 +54,7 @@ export default class GridEditionManager {
   private finishEdition;
   private canEdit;
   private isColEditable;
+  private isTypeFile;
   private isSecondClick;
   private onCellEditRequest;
   private handlePromiseValue;

package/dist/types/components/ez-grid/controller/ag-grid/test/constants/GridEditionMock.d.ts

@@ -3,4 +3,4 @@ export declare const gridEditionImplementation: {
   getComponents: () => {};
   configureGrid: (option: any) => any;
 };
-export declare function buildOptions(dataUnit: DataUnit): any;
+export declare function buildOptions(dataUnit: DataUnit): Promise<any>;

package/dist/types/components/ez-grid/controller/ag-grid/utils/buildLocaleText.d.ts

@@ -0,0 +1,66 @@
+import { TFunction } from "i18next";
+export declare function buildLocaleText(i18n: TFunction): {
+  page: string;
+  more: string;
+  to: string;
+  of: string;
+  next: string;
+  previous: string;
+  loadingOoo: string;
+  noRowsToShow: string;
+  pinColumn: string;
+  unpinColumn: string;
+  filterOoo: string;
+  sortAscending: string;
+  sortDescending: string;
+  last: string;
+  first: string;
+  selectAll: string;
+  searchOoo: string;
+  blanks: string;
+  applyFilter: string;
+  equals: string;
+  lessThan: string;
+  greaterThan: string;
+  contains: string;
+  startsWith: string;
+  endsWith: string;
+  group: string;
+  columns: string;
+  rowGroupColumns: string;
+  rowGroupColumnsEmptyMessage: string;
+  valueColumns: string;
+  pivotMode: string;
+  groups: string;
+  values: string;
+  pivots: string;
+  valueColumnsEmptyMessage: string;
+  pivotColumnsEmptyMessage: string;
+  toolPanelButton: string;
+  valueAggregation: string;
+  autosizeThiscolumn: string;
+  autosizeAllColumns: string;
+  groupBy: string;
+  ungroupBy: string;
+  resetColumns: string;
+  expandAll: string;
+  collapseAll: string;
+  toolPanel: string;
+  export: string;
+  csvExport: string;
+  excelExport: string;
+  pinLeft: string;
+  pinRight: string;
+  noPin: string;
+  sum: string;
+  min: string;
+  max: string;
+  none: string;
+  count: string;
+  average: string;
+  copy: string;
+  copyWithHeaders: string;
+  ctrlC: string;
+  paste: string;
+  ctrlV: string;
+};

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

@@ -7,6 +7,7 @@ import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from '
 import { ICustomEditor } from '../../utils/customEditor/interfaces/ICustomEditor';
 import { ICustomRender } from '../../utils/customRender/interfaces/ICustomRender';
 export declare class EzGrid {
+  private i18n;
   private _container;
   private _ezPopoverSearchColumn;
   private _cancelPaginationPopoverElement;
@@ -14,7 +15,6 @@ export declare class EzGrid {
   private _gridController;
   private _gridSelectionCounter;
   private _resizeObserver;
-  private _messageFilterAppliedSuccess;
   private _filterColumn;
   private _refPaginationLabel;
   private _refPaginationLabelTooltip;
@@ -268,7 +268,7 @@ export declare class EzGrid {
   connectedCallback(): void;
   componentWillRender(): void;
   componentDidRender(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidUpdate(): void;
   private getDataSource;
   private hideHeader;

package/dist/types/components/ez-grid/subcomponents/filter-column.d.ts

@@ -5,6 +5,7 @@ import { IMultiSelectionOption } from '../../ez-multi-selection-list/interfaces/
 export declare class FilterColumn {
   private ezPopoverElement;
   private ezMultiSelectionList;
+  private i18n;
   applyFilterColumnOptions: EventEmitter<IAppliedFilterColumnOptions>;
   opened: boolean;
   columnName: string;
@@ -34,6 +35,7 @@ export declare class FilterColumn {
   private setOptions;
   private buildOptions;
   private handleEzVisibilityChange;
+  componentWillLoad(): Promise<void>;
   render(): any;
 }
 export interface IFilterColumnConfigs {

package/dist/types/components/ez-grid/subcomponents/selection-counter.d.ts

@@ -1,11 +1,13 @@
 import { PaginationInfo } from "@sankhyalabs/core";
 import { FunctionalComponent } from "../../../stencil-public-runtime";
+import { TFunction } from 'i18next';
 interface SelectionCounterProps {
   selectionCount: number;
   allRecordSelected: boolean;
   currentPageSelected: boolean;
   canSelectAll: boolean;
   paginationInfo: PaginationInfo;
+  i18n: TFunction;
   onSelectAll: () => void;
   onSelectPage: () => void;
   onClearAll: () => void;

package/dist/types/components/ez-grid/subcomponents/utils/selectionCounterUtils.d.ts

@@ -1,4 +1,4 @@
 export declare function enableSelectAll(total: any): boolean;
-export declare function buildSelectAllLabel(allRecordSelected: any, count: any, total: any): string;
-export declare function buildSelectAllTitle(total: any): string;
+export declare function buildSelectAllLabel(allRecordSelected: boolean, count: number, total: number): string;
+export declare function buildSelectAllTitle(total: number): string;
 export declare function getText(selectionCount: number, allSelectedRecords: boolean): string;

package/dist/types/components/ez-guide-navigator/ez-guide-navigator.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IGuideItem } from "./interfaces";
 export declare class EzGuideNavigator {
+  private i18n;
   _element: HTMLElement;
   _tree: HTMLEzTreeElement;
   /**
@@ -57,6 +58,7 @@ export declare class EzGuideNavigator {
    * Obtem o item pai a partir de um id
    */
   getParent(id: string): Promise<IGuideItem>;
+  componentWillLoad(): Promise<void>;
   private handleToggleSidebar;
   private handleFilterTree;
   private onFilterChanged;

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

@@ -22,6 +22,7 @@ export type TListMode = {
 };
 export type SlotBuilder = (item: ListItem, group?: ListGroup) => HTMLElement | string;
 export declare class EzList {
+  private i18n;
   _listItems: ListItem[];
   _listGroupItems: ListGroup[];
   private _dragStartItem;
@@ -121,7 +122,7 @@ export declare class EzList {
   private createList;
   private sortGroup;
   buildIdDraggableListAndSelectable(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentWillRender(): void;
   componentDidLoad(): void;
   onDrop(ev: any, dragEndItem: ListItemGroup): void;

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

@@ -8,6 +8,7 @@ export declare class EzModal {
   private _modalRef;
   private _overlayId;
   private _keyboardManager;
+  private i18n;
   /**
    * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`.
    */
@@ -59,6 +60,7 @@ export declare class EzModal {
   ezModalAction: EventEmitter<string>;
   observeOpened(): void;
   closeModal(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;

package/dist/types/components/ez-modal-container/ez-modal-container.d.ts

@@ -4,6 +4,7 @@ export declare class EzModalContainer {
   _okButton: HTMLEzButtonElement;
   private _modalRef;
   private _keyboardManager;
+  private i18n;
   private _element;
   /**
    * Texto a ser apresentado como título do modal.
@@ -48,6 +49,7 @@ export declare class EzModalContainer {
   handleEzModalAction(event: CustomEvent<string>): Promise<void>;
   private cancelIsVisible;
   private okIsVisible;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   private closeModal;

package/dist/types/components/ez-multi-selection-list/ez-multi-selection-list.d.ts

@@ -2,9 +2,11 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { IMultiSelectionListDataSource } from './interfaces/IMultiSelectionListDataSource';
 import { IMultiSelectionOption } from './interfaces/IMultiSelectionOption';
 export declare class EzMuiltiSelectionList {
+  private i18n;
   private filterInput;
   private searchInput;
   private checkInput;
+  componentWillLoad(): Promise<void>;
   /**
    * Evento que informa que a lista de opções selecionadas sofreu alteração.
    */

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

@@ -6,6 +6,7 @@ export declare class EzNumberInput {
   private _focused;
   private _changePending;
   private _valuePromiseCallbacks;
+  private i18n;
   private _elem;
   private _value;
   /**
@@ -91,6 +92,7 @@ export declare class EzNumberInput {
   private handleInput;
   private getParsedNumber;
   private setInputValue;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-rich-text/ez-link-builder/ez-link-builder.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { RichToolbarCommand } from '../ez-rich-toolbar/RichToolbarHelper';
+export declare class EzLinkBuilder {
+  private _popupElement;
+  private i18n;
+  executeToolbarCommand: EventEmitter<RichToolbarCommand>;
+  textToShow: string;
+  link: string;
+  openInNewGuide: boolean;
+  show(text?: string): Promise<void>;
+  hide(): Promise<void>;
+  componentWillLoad(): Promise<void>;
+  private handleCancel;
+  private clearValues;
+  private handleCreateLink;
+  private handleActionPopup;
+  private getOkButtonStatus;
+  render(): any;
+}

package/dist/types/components/ez-rich-text/ez-rich-text.d.ts

@@ -0,0 +1,105 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { RichToolbarCommand } from './ez-rich-toolbar/RichToolbarHelper';
+export declare class EzRichText {
+  private _keyboardManager;
+  private textAreaRef;
+  private linkBuilderRef;
+  private imageUploaderRef;
+  private historyStack;
+  private historyIndex;
+  private i18n;
+  element: HTMLElement;
+  previewMode: boolean;
+  /**
+   * Informa se as opções a opção de pré-visualização deve ser apresentada.
+   */
+  showPreview: boolean;
+  /**
+   * Define o valor HTML do campo.
+   */
+  value: string;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: "slim" | "regular";
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Define o número de linhas.
+   */
+  rows: number;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas
+   */
+  showConfigs: boolean;
+  /**
+   * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas
+   */
+  showTextFormat: boolean;
+  /**
+   * Informa se as opções de desfazer e refazer devem ser habilitadas.
+   */
+  showUndoRedo: boolean;
+  /**
+   * Emitido quando acontece a alteração de valor do campo.
+   */
+  ezChange: EventEmitter<string>;
+  observeValue(newValue: string, oldValue: string): void;
+  observeErrorMessage(newValue: string): void;
+  handleExecuteToolbarCommand(event: CustomEvent<RichToolbarCommand>): Promise<void>;
+  /**
+   * Aplica o foco no campo.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Remove o foco do campo.
+   */
+  setBlur(): Promise<void>;
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid(): Promise<boolean>;
+  private bindPreview;
+  private bindConfigs;
+  private bindTextFormat;
+  private initKeyboardManager;
+  private executeCommand;
+  private handleFocus;
+  private handleLink;
+  private handleImage;
+  private handleRedo;
+  private handleUndo;
+  private handleFormatSelection;
+  private togglePreview;
+  private getSelectedText;
+  private getTextAreaElement;
+  private formatSelection;
+  private addToHistory;
+  private undo;
+  private canExecuteUndo;
+  private redo;
+  private canExecuteRedo;
+  private getValueFromHistory;
+  handleTextAreaChanged(event: CustomEvent<string>): void;
+  private removeShortcuts;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): Promise<void>;
+  private getSanitizedValue;
+  private renderContent;
+  render(): any;
+}

package/dist/types/components/ez-rich-text/ez-rich-toolbar/RichToolbarHelper.d.ts

@@ -0,0 +1,31 @@
+export interface RichToolbarCommand {
+  command: string;
+  value?: string;
+}
+export declare const RICH_TOOLBAR_COMMANDS: {
+  PREVIEW: string;
+  UNDO: string;
+  REDO: string;
+  FORMAT: string;
+  LINK: string;
+  IMAGE: string;
+  FOCUS: string;
+};
+export declare const RICH_TOOLBAR_FORMAT_TAGS: {
+  BOLD: string;
+  ITALIC: string;
+  UNDERLINE: string;
+  LIST: string;
+  BREAK_LINE: string;
+};
+export declare const RICH_TOOLBAR_COMMAND_ICON: {
+  PREVIEW: string;
+  UNDO: string;
+  REDO: string;
+  LINK: string;
+  IMAGE: string;
+  LIST: string;
+  UNDERLINE: string;
+  ITALIC: string;
+  BOLD: string;
+};

package/dist/types/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/ez-rich-toolbar-arrows.d.ts

@@ -0,0 +1,5 @@
+export declare class EzRichToolbarArrows {
+  private i18n;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/ez-rich-toolbar-configs.d.ts

@@ -0,0 +1,5 @@
+export declare class EzRichToolbarConfigs {
+  private i18n;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/ez-rich-toolbar-item.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { RichToolbarCommand } from '../RichToolbarHelper';
+export declare class EzRichToolbarItem {
+  actionTriggered: EventEmitter<RichToolbarCommand>;
+  icon: string;
+  command: string;
+  title: string;
+  value?: string;
+  private triggerAction;
+  render(): any;
+}

package/dist/types/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/ez-rich-toolbar-letters.d.ts

@@ -0,0 +1,5 @@
+export declare class EzRichToolbarLetters {
+  private i18n;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { RichToolbarCommand } from './RichToolbarHelper';
+export declare class EzRichToolbar {
+  private i18n;
+  componentWillLoad(): Promise<void>;
+  /**
+   * Informa se as opções a opção de pré-visualização deve ser apresentada.
+   */
+  showPreview: boolean;
+  /**
+   * Informa se o editor está em modo preview.
+   */
+  isPreviewMode: boolean;
+  /**
+   * Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas.
+   */
+  showConfigs: boolean;
+  /**
+   * Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas.
+   */
+  showTextFormat: boolean;
+  /**
+   * Informa se as opções de desfazer e refazer devem ser apresentadas.
+   */
+  showUndoRedo: boolean;
+  executeToolbarCommand: EventEmitter<RichToolbarCommand>;
+  handleActionTriggered(event: CustomEvent<RichToolbarCommand>): void;
+  private handleClickPreview;
+  private renderArrows;
+  private renderLetters;
+  private renderConfigs;
+  private renderPreview;
+  private getPreviewTitle;
+  render(): any;
+}