@sankhyalabs/ezui 6.1.0-dev.3 → 6.1.0-dev.5

package/dist/cjs/{ez-combo-box-list_3.cjs.entry.js → ez-combo-box-list_4.cjs.entry.js}

@@ -5,9 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const FormLayout = require('./FormLayout-18853e70.js');
+const RichToolbarHelper = require('./RichToolbarHelper-438916fa.js');
+const purify = require('./purify-6de957d4.js');
 const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
+require('./_commonjsHelpers-537d719a.js');
 
 const ezComboBoxListCss = ":host{--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--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box--line-height:calc(var(--text--medium, 14px) + 4px);--ez-combo-box__list-title--primary:var(--title--primary, #2B3A54);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium) + 4px);--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-combo-box__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-combo-box__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-combo-box__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-combo-box__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__scrollbar--width:var(--space--medium, 12px);--ez-combo-box__list-container--padding:var(--space--extra-small, 3px)}.list-container{padding-top:var(--ez-combo-box__list-container--padding)}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small) + 9px);background-color:var(--ez-combo-box--background-color--xlight);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow--medium, 0 8px 24px 0 rgba(43, 58, 84, 0.10));padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;gap:3px;scrollbar-color:var(--ez-combo-box__scrollbar--color-clicked) var(--ez-combo-box__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__scrollbar--color-background);width:var(--ez-combo-box__scrollbar--width);max-width:var(--ez-combo-box__scrollbar--width);min-width:var(--ez-combo-box__scrollbar--width)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__scrollbar--color-background);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__scrollbar--color-default);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-combo-box__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-combo-box__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-combo-box--border-radius-small);padding:var(--ez-combo-box--space--small);min-height:var(--ez-combo-box__list-height);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size);line-height:var(--ez-combo-box--line-height)}.item__label{font-weight:var(--ez-combo-box--font-weight--medium)}.item__label--bold{font-weight:var(--ez-combo-box--font-weight--large)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-combo-box__list-height)}.message__no-result{color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-combo-box__list-title--primary);border-top:3px solid transparent}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 
@@ -286,6 +289,271 @@ const EzCustomFormInput = class {
   }; }
 };
 
+const ezRichTextCss = ".sc-ez-rich-text-h{display:block;width:100%;font-family:Roboto;--ez-rich-text--box-shadow:0 0 3px 0 #DCE0E8;--ez-rich-text--shadow--outline:var(--shadow--outline) var(--color--strokes)}.editor-container.bordered.sc-ez-rich-text{border-radius:12px;border:1px solid #DCE0E8}.editor-container.sc-ez-rich-text{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}ez-text-area.sc-ez-rich-text{--text-area__input--border:1px solid}.preview.sc-ez-rich-text{min-height:20px;padding:12px;resize:both;overflow:auto;max-width:100%}";
+
+const EzRichText = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ezChange = index.createEvent(this, "ezChange", 7);
+    this.historyStack = [];
+    this.historyIndex = -1;
+    this.previewMode = false;
+    this.showPreview = true;
+    this.showBorder = false;
+    this.value = '';
+    this.label = undefined;
+    this.enabled = true;
+    this.rows = 6;
+    this.errorMessage = undefined;
+    this.showConfigs = true;
+    this.showTextFormat = true;
+    this.showUndoRedo = true;
+  }
+  observeValue(newValue, oldValue) {
+    if (core.ObjectUtils.equals(newValue, oldValue))
+      return;
+    this.ezChange.emit(newValue);
+  }
+  async handleExecuteToolbarCommand(event) {
+    const { command, value } = event.detail;
+    await this.executeCommand(command, value);
+  }
+  /**
+   * Aplica o foco no campo.
+   */
+  async setFocus() {
+    this.handleFocus();
+  }
+  /**
+   * Remove o foco do campo.
+   */
+  async setBlur() {
+    var _a;
+    await ((_a = this.textAreaRef) === null || _a === void 0 ? void 0 : _a.setBlur());
+  }
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  async isInvalid() {
+    return typeof this.errorMessage === 'string' && this.errorMessage.trim() !== '';
+  }
+  bindPreview() {
+    if (!this._keyboardManager || !this.showPreview)
+      return;
+    this._keyboardManager
+      .bind('ctrl + p', async () => {
+      await this.togglePreview();
+    }, { description: 'Entra em modo de pré visualização.', element: this.element });
+  }
+  bindConfigs() {
+    if (!this._keyboardManager || !this.showConfigs)
+      return;
+    this._keyboardManager
+      .bind('ctrl + l', async () => {
+      await this.handleFormatSelection(RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.LIST);
+    }, { description: 'Aplica estilo de lista ao texto selecionado.', element: this.element })
+      .bind('ctrl + k', async () => {
+      await this.handleLink();
+    }, { description: 'Abre popup de link.', element: this.element })
+      .bind('ctrl + o', async () => {
+      await this.handleImage();
+    }, { description: 'Abre popup de imagem.', element: this.element });
+  }
+  bindTextFormat() {
+    if (!this._keyboardManager || !this.showTextFormat)
+      return;
+    this._keyboardManager
+      .bind('ctrl + b', async () => {
+      await this.handleFormatSelection(RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.BOLD);
+    }, { description: 'Aplica estilo negrito ao texto selecionado.', element: this.element })
+      .bind('ctrl + i', async () => {
+      await this.handleFormatSelection(RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.ITALIC);
+    }, { description: 'Aplica estilo itálico ao texto selecionado.', element: this.element })
+      .bind('ctrl + u', async () => {
+      await this.handleFormatSelection(RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.UNDERLINE);
+    }, { description: 'Aplica estilo underline ao texto selecionado.', element: this.element });
+  }
+  initKeyboardManager() {
+    this._keyboardManager = new core.KeyboardManager({ propagate: false, element: this.element });
+    this._keyboardManager
+      .bind('ctrl + Enter', async () => {
+      await this.handleFormatSelection(RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.BREAK_LINE);
+    }, { description: 'Aplica quebra de linha.', element: this.element })
+      .bind('ctrl + z', async () => {
+      await this.handleUndo();
+    }, { description: 'Desfaz a ultima alteração de texto.', element: this.element })
+      .bind('ctrl + x', async () => {
+      await this.handleRedo();
+    }, { description: 'Refaz a ultima alteração de texto.', element: this.element });
+    this.bindPreview();
+    this.bindConfigs();
+    this.bindTextFormat();
+  }
+  async executeCommand(command, value) {
+    switch (command) {
+      case RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FOCUS:
+        this.handleFocus();
+        break;
+      case RichToolbarHelper.RICH_TOOLBAR_COMMANDS.PREVIEW:
+        await this.togglePreview();
+        break;
+      case RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FORMAT:
+        await this.handleFormatSelection(value);
+        break;
+      case RichToolbarHelper.RICH_TOOLBAR_COMMANDS.UNDO:
+        await this.handleUndo();
+        break;
+      case RichToolbarHelper.RICH_TOOLBAR_COMMANDS.REDO:
+        await this.handleRedo();
+        break;
+      case RichToolbarHelper.RICH_TOOLBAR_COMMANDS.LINK:
+        await this.handleLink();
+        break;
+      case RichToolbarHelper.RICH_TOOLBAR_COMMANDS.IMAGE:
+        await this.handleImage();
+        break;
+    }
+  }
+  handleFocus() {
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      await this.textAreaRef.setFocus();
+    });
+  }
+  async handleLink() {
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      await this.linkBuilderRef.show(this.getSelectedText());
+    });
+  }
+  async handleImage() {
+    this.previewMode = false;
+    await this.imageUploaderRef.show();
+  }
+  async handleRedo() {
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      this.redo();
+      await this.textAreaRef.setFocus();
+    });
+  }
+  async handleUndo() {
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      this.undo();
+      await this.textAreaRef.setFocus();
+    });
+  }
+  async handleFormatSelection(value) {
+    if (!value)
+      return;
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      await this.formatSelection(value);
+      await this.textAreaRef.setFocus();
+    });
+  }
+  async togglePreview() {
+    this.previewMode = !this.previewMode;
+    if (this.previewMode) {
+      await this.textAreaRef.setFocus();
+    }
+  }
+  getSelectedText() {
+    const textarea = this.getTextAreaElement();
+    if (!textarea)
+      return undefined;
+    const selectionStart = textarea.selectionStart;
+    const selectionEnd = textarea.selectionEnd;
+    const currentValue = this.textAreaRef.value || '';
+    return currentValue.substring(selectionStart, selectionEnd);
+  }
+  getTextAreaElement() {
+    const textAreaElement = this.element.querySelector('ez-text-area');
+    return textAreaElement.shadowRoot.querySelector('textarea');
+  }
+  async formatSelection(htmlTag) {
+    if (!this.textAreaRef)
+      return;
+    const formattedHtml = htmlTag.replace('$selection', this.getSelectedText() || '');
+    await this.textAreaRef.appendTextToSelection(formattedHtml);
+    this.value = this.textAreaRef.value;
+    this.addToHistory(this.value);
+  }
+  addToHistory(content) {
+    // Só adiciona ao histórico se for diferente do estado atual
+    if (this.historyIndex >= 0 && content === this.historyStack[this.historyIndex]) {
+      return;
+    }
+    //se o tamanho do histórico chegou ao máximo, faz um splice mantendo os últimos 49 elementos
+    if (this.historyStack.length >= 50) {
+      this.historyStack.splice(0, this.historyStack.length - 49);
+    }
+    //Adiciona novo estado ao histórico
+    this.historyStack.push(content);
+    this.historyIndex = this.historyStack.length - 1;
+  }
+  undo() {
+    if (!this.canExecuteUndo())
+      return;
+    this.historyIndex--;
+    const content = this.historyStack[this.historyIndex];
+    this.value = content;
+    this.textAreaRef.value = content;
+  }
+  canExecuteUndo() {
+    return this.historyIndex > 0;
+  }
+  redo() {
+    if (!this.canExecuteRedo())
+      return;
+    this.historyIndex++;
+    this.getValueFromHistory();
+  }
+  canExecuteRedo() {
+    return this.historyIndex < this.historyStack.length - 1;
+  }
+  getValueFromHistory() {
+    const content = this.historyStack[this.historyIndex];
+    this.value = content;
+    this.textAreaRef.value = content;
+  }
+  handleTextAreaChanged(event) {
+    this.value = event.detail;
+    this.addToHistory(this.value);
+  }
+  async removeShortcuts() {
+    var _a;
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
+  }
+  componentDidLoad() {
+    this.initKeyboardManager();
+    this.addToHistory(this.value);
+  }
+  async disconnectedCallback() {
+    await this.removeShortcuts();
+  }
+  getSanitizedValue() {
+    return purify.purify.sanitize(this.value, {
+      ADD_ATTR: ['target', 'rel']
+    });
+  }
+  renderContent() {
+    if (this.previewMode) {
+      return (index.h("div", { id: 'rich-text-preview-container', class: "preview", innerHTML: this.getSanitizedValue() }));
+    }
+    return index.h("ez-text-area", { ref: (el) => this.textAreaRef = el, label: this.label, value: this.value, enabled: this.enabled, rows: this.rows, mode: 'slim', errorMessage: this.errorMessage, onEzChange: this.handleTextAreaChanged.bind(this) });
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: `editor-container ${this.showBorder ? 'bordered' : ''}` }, index.h("ez-rich-toolbar", { isPreviewMode: this.previewMode, showPreview: this.showPreview, showConfigs: this.showConfigs && this.enabled, showTextFormat: this.showTextFormat && this.enabled, showUndoRedo: this.showUndoRedo && this.enabled }), this.renderContent()), index.h("ez-link-builder", { ref: (el) => this.linkBuilderRef = el }), index.h("ez-simple-image-uploader", { ref: (el) => this.imageUploaderRef = el })));
+  }
+  get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "value": ["observeValue"]
+  }; }
+};
+EzRichText.style = ezRichTextCss;
+
 const ezTextEditCss = ":host{display:flex;align-items:center;gap:5px}.text-edit__form-input{width:auto;--ez-text-input__input--padding:0px}.text-edit__hidden-value{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}";
 
 const EzTextEdit = class {
@@ -384,4 +652,5 @@ EzTextEdit.style = ezTextEditCss;
 
 exports.ez_combo_box_list = EzComboBoxList;
 exports.ez_custom_form_input = EzCustomFormInput;
+exports.ez_rich_text = EzRichText;
 exports.ez_text_edit = EzTextEdit;

package/dist/cjs/ez-filter-input.cjs.entry.js

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a7b0c73d.js');
+const core = require('@sankhyalabs/core');
+const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
+
+const ezFilterInputCss = ":host{display:block;width:100%}";
+
+const EzFilterInput = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ezChange = index.createEvent(this, "ezChange", 7);
+    this.ezSearching = index.createEvent(this, "ezSearching", 7);
+    this.ezFocusIn = index.createEvent(this, "ezFocusIn", 7);
+    this._searchingText = "";
+    this.handleFocus = () => {
+      if (this._searchingText === "") {
+        this._textInput.value = "";
+      }
+      else {
+        this._textInput.value = this._searchingText;
+      }
+      this.ezFocusIn.emit();
+    };
+    this.label = undefined;
+    this.value = undefined;
+    this.enabled = true;
+    this.errorMessage = undefined;
+    this.restrict = undefined;
+    this.mode = "regular";
+    this.asyncSearch = false;
+    this.canShowError = true;
+    this.autoFocus = false;
+  }
+  observeLabel() {
+    if (this._textInput) {
+      this._textInput.label = this.label;
+    }
+  }
+  observeErrorMessage() {
+    if (this._textInput) {
+      this._textInput.errorMessage = this.errorMessage;
+    }
+  }
+  observeValue(newValue, oldValue) {
+    if (this._textInput && newValue != oldValue) {
+      this._textInput.value = newValue;
+      this.ezChange.emit(newValue);
+    }
+  }
+  /**
+   * Aplica o foco no campo.
+   */
+  async setFocus(options) {
+    this._textInput.setFocus(options);
+  }
+  /**
+   * Remove o foco do campo.
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  async isInvalid() {
+    return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
+  }
+  /**
+   * Método responsável por setar um novo valor ao campo.
+   */
+  async setValue(newValue) {
+    if (!this.asyncSearch || this._textInput == undefined) {
+      return;
+    }
+    if (newValue !== this.value) {
+      this.value = newValue;
+      this._searchingText = "";
+    }
+    else {
+      this._textInput.value = newValue;
+    }
+  }
+  /**
+   * Método responsável por resetar o valor do campo para o ultimo valor inputado.
+   */
+  async endSearch() {
+    if (!this.asyncSearch || this._textInput == undefined) {
+      return;
+    }
+    if (this._textInput.value !== this.value) {
+      this._textInput.value = this.value;
+    }
+  }
+  handleChange(evt) {
+    const newValue = evt.detail;
+    this.errorMessage = "";
+    if (this.asyncSearch) {
+      this._searchingText = newValue;
+      this.ezSearching.emit(newValue);
+    }
+    else if (newValue !== this.value) {
+      this.value = newValue;
+    }
+  }
+  componentDidLoad() {
+    CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+    if (this.autoFocus) {
+      requestAnimationFrame(() => {
+        this.setFocus({ selectText: true });
+      });
+    }
+  }
+  render() {
+    core.ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
+    return (index.h("ez-text-input", { "data-element-id": core.ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.handleChange(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict, mode: this.mode, onFocusin: this.handleFocus, canShowError: this.canShowError }, index.h("ez-icon", { slot: "leftIcon", iconName: "search" })));
+  }
+  get _elem() { return index.getElement(this); }
+  static get watchers() { return {
+    "label": ["observeLabel"],
+    "errorMessage": ["observeErrorMessage"],
+    "value": ["observeValue"]
+  }; }
+};
+EzFilterInput.style = ezFilterInputCss;
+
+exports.ez_filter_input = EzFilterInput;

package/dist/cjs/ez-form-view.cjs.entry.js

@@ -99,6 +99,11 @@ const buildSearch = ({ name, label, readOnly, required, contextName, canShowErro
     index.h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props === null || props === void 0 ? void 0 : props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false })));
 };
 
+const buildRichText = ({ name, label, readOnly, contextName, rows, canShowError }) => {
+  return (index.h("div", { class: "ez-col ez-col--sd-12", key: name },
+    index.h("ez-rich-text", null)));
+};
+
 const uiBuilders = new Map();
 uiBuilders.set(core.UserInterface.CHECKBOX, buildCheckBox);
 uiBuilders.set(core.UserInterface.SWITCH, buildSwitch);
@@ -113,6 +118,7 @@ uiBuilders.set(core.UserInterface.INTEGERNUMBER, buildInteger);
 uiBuilders.set(core.UserInterface.SEARCH, buildSearch);
 uiBuilders.set(core.UserInterface.SEARCHPLUS, buildSearchPlus);
 uiBuilders.set(core.UserInterface.LONGTEXT, buildTextArea);
+uiBuilders.set(core.UserInterface.HTML, buildRichText);
 const fieldBuilder = (field) => {
   const builder = uiBuilders.get(field.userInterface) || buildTextInput;
   const label = field.required ? `${field.label}${constants.REQUIRED_INFO}` : field.label;

package/dist/cjs/ez-grid.cjs.entry.js

@@ -12,6 +12,8 @@ const FormLayout = require('./FormLayout-18853e70.js');
 const searchColumn = require('./search-column-27d1f72f.js');
 const constants = require('./constants-569271bc.js');
 const FocusResolver = require('./FocusResolver-885f2173.js');
+const purify = require('./purify-6de957d4.js');
+require('./_commonjsHelpers-537d719a.js');
 
 /**
  * @ag-grid-community/core - Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
@@ -65751,6 +65753,10 @@ class AgGridController {
         if (params.value instanceof Promise) {
           return "Carregando...";
         }
+        if (source.userInterface === core.UserInterface.HTML) {
+          this.setHTMLRender(params, source);
+          return "";
+        }
         const customFormatter = this._customFormatters.get(source.name);
         if (customFormatter) {
           const formattedValue = customFormatter.format(params.value, source, params.data.__record__id__);
@@ -65767,6 +65773,24 @@ class AgGridController {
       editable: !((_e = source.props) === null || _e === void 0 ? void 0 : _e.has(constants.PRESENTATION_FROM_COL_PROP_NAME))
     });
   }
+  setHTMLRender(params, source) {
+    const htmlSanitized = purify.purify.sanitize(params.value);
+    params.colDef.cellRenderer = (cellParams) => {
+      if (cellParams.node.rowIndex === params.node.rowIndex) {
+        const element = document.createElement('span');
+        element.innerHTML = htmlSanitized;
+        return element.firstChild;
+      }
+      return cellParams.value;
+    };
+    params.colDef.cellStyle = (cellParams) => {
+      const defaultStyle = this.getStyleByColumn(source);
+      if (cellParams.node.rowIndex === params.node.rowIndex) {
+        return Object.assign(defaultStyle, { padding: 0 });
+      }
+      return defaultStyle;
+    };
+  }
   setCustomFormatters(customFormatters) {
     this._customFormatters = customFormatters;
   }

package/dist/cjs/ez-icon.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 
-const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:\"\\ea01\"}.ez-icon-2chevron-up:before{content:\"\\ea02\"}.ez-icon-acao:before{content:\"\\ea03\"}.ez-icon-account-outline:before{content:\"\\ea04\"}.ez-icon-account:before{content:\"\\ea05\"}.ez-icon-add-to-cart:before{content:\"\\ea06\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea07\"}.ez-icon-alert-circle:before{content:\"\\ea08\"}.ez-icon-alert-mail:before{content:\"\\ea09\"}.ez-icon-alert-popup:before{content:\"\\ea0a\"}.ez-icon-anexo:before{content:\"\\ea0b\"}.ez-icon-antecipação:before{content:\"\\ea0c\"}.ez-icon-apps:before{content:\"\\ea0d\"}.ez-icon-arrow-forward:before{content:\"\\ea0e\"}.ez-icon-arrow-upward:before{content:\"\\ea0f\"}.ez-icon-arrow_back:before{content:\"\\ea10\"}.ez-icon-arrow_downward:before{content:\"\\ea11\"}.ez-icon-baixa:before{content:\"\\ea12\"}.ez-icon-balance:before{content:\"\\ea13\"}.ez-icon-bell-inverted:before{content:\"\\ea14\"}.ez-icon-bell:before{content:\"\\ea15\"}.ez-icon-boleto:before{content:\"\\ea16\"}.ez-icon-boolean:before{content:\"\\ea17\"}.ez-icon-business-center:before{content:\"\\ea18\"}.ez-icon-calendar-clock:before{content:\"\\ea19\"}.ez-icon-calendar:before{content:\"\\ea1a\"}.ez-icon-cart-history:before{content:\"\\ea1b\"}.ez-icon-cash-remove:before{content:\"\\ea1c\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1d\"}.ez-icon-check-circle:before{content:\"\\ea1e\"}.ez-icon-check:before{content:\"\\ea1f\"}.ez-icon-chevron-down:before{content:\"\\ea20\"}.ez-icon-chevron-left:before{content:\"\\ea21\"}.ez-icon-chevron-right:before{content:\"\\ea22\"}.ez-icon-chevron-up:before{content:\"\\ea23\"}.ez-icon-circle--medium:before{content:\"\\ea24\"}.ez-icon-circle:before{content:\"\\ea25\"}.ez-icon-clean-cart:before{content:\"\\ea26\"}.ez-icon-cleaning:before{content:\"\\ea27\"}.ez-icon-clipboard:before{content:\"\\ea28\"}.ez-icon-clock-rotate-left:before{content:\"\\ea29\"}.ez-icon-close:before{content:\"\\ea2a\"}.ez-icon-cobrar:before{content:\"\\ea2b\"}.ez-icon-code:before{content:\"\\ea2c\"}.ez-icon-configuration:before{content:\"\\ea2d\"}.ez-icon-content-cut:before{content:\"\\ea2e\"}.ez-icon-copy:before{content:\"\\ea2f\"}.ez-icon-credit_card:before{content:\"\\ea30\"}.ez-icon-crop:before{content:\"\\ea31\"}.ez-icon-custom:before{content:\"\\ea32\"}.ez-icon-delete-file:before{content:\"\\ea33\"}.ez-icon-delete:before{content:\"\\ea34\"}.ez-icon-description:before{content:\"\\ea35\"}.ez-icon-dividir:before{content:\"\\ea36\"}.ez-icon-docx:before{content:\"\\ea37\"}.ez-icon-dot-notification:before{content:\"\\ea38\"}.ez-icon-dots-horizontal:before{content:\"\\ea39\"}.ez-icon-dots-vertical:before{content:\"\\ea3a\"}.ez-icon-drag-indicator:before{content:\"\\ea3b\"}.ez-icon-dual-chevron-down:before{content:\"\\ea3c\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3d\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3e\"}.ez-icon-dual-chevron-up:before{content:\"\\ea3f\"}.ez-icon-edit-file:before{content:\"\\ea40\"}.ez-icon-edit-table:before{content:\"\\ea41\"}.ez-icon-edit-time:before{content:\"\\ea42\"}.ez-icon-edit-value:before{content:\"\\ea43\"}.ez-icon-edit:before{content:\"\\ea44\"}.ez-icon-email:before{content:\"\\ea45\"}.ez-icon-estorno:before{content:\"\\ea46\"}.ez-icon-exe:before{content:\"\\ea47\"}.ez-icon-expand:before{content:\"\\ea48\"}.ez-icon-expandir_card:before{content:\"\\ea49\"}.ez-icon-extrato:before{content:\"\\ea4a\"}.ez-icon-eye-off:before{content:\"\\ea4b\"}.ez-icon-eye:before{content:\"\\ea4c\"}.ez-icon-favorite:before{content:\"\\ea4d\"}.ez-icon-figma:before{content:\"\\ea4e\"}.ez-icon-file-download:before{content:\"\\ea4f\"}.ez-icon-file-upload:before{content:\"\\ea50\"}.ez-icon-filter:before{content:\"\\ea51\"}.ez-icon-find-file:before{content:\"\\ea52\"}.ez-icon-find-page:before{content:\"\\ea53\"}.ez-icon-format-color-fill:before{content:\"\\ea54\"}.ez-icon-generic:before{content:\"\\ea55\"}.ez-icon-gif:before{content:\"\\ea56\"}.ez-icon-graph_bar:before{content:\"\\ea57\"}.ez-icon-handshake:before{content:\"\\ea58\"}.ez-icon-help-inverted:before{content:\"\\ea59\"}.ez-icon-help:before{content:\"\\ea5a\"}.ez-icon-hide-list:before{content:\"\\ea5b\"}.ez-icon-hide_menu:before{content:\"\\ea5c\"}.ez-icon-hierarchical-tree:before{content:\"\\ea5d\"}.ez-icon-home:before{content:\"\\ea5e\"}.ez-icon-icons104:before{content:\"\\ea5f\"}.ez-icon-language:before{content:\"\\ea60\"}.ez-icon-launch:before{content:\"\\ea61\"}.ez-icon-lightbulb:before{content:\"\\ea62\"}.ez-icon-list:before{content:\"\\ea63\"}.ez-icon-location:before{content:\"\\ea64\"}.ez-icon-lock-outline:before{content:\"\\ea65\"}.ez-icon-lock:before{content:\"\\ea66\"}.ez-icon-menu:before{content:\"\\ea67\"}.ez-icon-mid:before{content:\"\\ea68\"}.ez-icon-minus:before{content:\"\\ea69\"}.ez-icon-money-off:before{content:\"\\ea6a\"}.ez-icon-money:before{content:\"\\ea6b\"}.ez-icon-more:before{content:\"\\ea6c\"}.ez-icon-mp3:before{content:\"\\ea6d\"}.ez-icon-mp4:before{content:\"\\ea6e\"}.ez-icon-multiple-files:before{content:\"\\ea6f\"}.ez-icon-north-west:before{content:\"\\ea70\"}.ez-icon-number:before{content:\"\\ea71\"}.ez-icon-ordem-ascendente:before{content:\"\\ea72\"}.ez-icon-ordem-descendente:before{content:\"\\ea73\"}.ez-icon-parcelar:before{content:\"\\ea74\"}.ez-icon-pause:before{content:\"\\ea75\"}.ez-icon-payments:before{content:\"\\ea76\"}.ez-icon-pdf:before{content:\"\\ea77\"}.ez-icon-play:before{content:\"\\ea78\"}.ez-icon-plus:before{content:\"\\ea79\"}.ez-icon-png:before{content:\"\\ea7a\"}.ez-icon-power:before{content:\"\\ea7b\"}.ez-icon-pptx:before{content:\"\\ea7c\"}.ez-icon-preview:before{content:\"\\ea7d\"}.ez-icon-print:before{content:\"\\ea7e\"}.ez-icon-push-pin:before{content:\"\\ea7f\"}.ez-icon-rateio:before{content:\"\\ea80\"}.ez-icon-receipt:before{content:\"\\ea81\"}.ez-icon-recolher_card:before{content:\"\\ea82\"}.ez-icon-remove-from-cart:before{content:\"\\ea83\"}.ez-icon-restore:before{content:\"\\ea84\"}.ez-icon-return:before{content:\"\\ea85\"}.ez-icon-sankhya-place:before{content:\"\\ea86\"}.ez-icon-save:before{content:\"\\ea87\"}.ez-icon-search:before{content:\"\\ea88\"}.ez-icon-settings-inverted:before{content:\"\\ea89\"}.ez-icon-settings:before{content:\"\\ea8a\"}.ez-icon-share:before{content:\"\\ea8b\"}.ez-icon-shield:before{content:\"\\ea8c\"}.ez-icon-show-list:before{content:\"\\ea8d\"}.ez-icon-show_menu:before{content:\"\\ea8e\"}.ez-icon-south-east:before{content:\"\\ea8f\"}.ez-icon-sync:before{content:\"\\ea90\"}.ez-icon-table:before{content:\"\\ea91\"}.ez-icon-tag_code:before{content:\"\\ea92\"}.ez-icon-text:before{content:\"\\ea93\"}.ez-icon-timeline:before{content:\"\\ea94\"}.ez-icon-timer-outline:before{content:\"\\ea95\"}.ez-icon-trending-up:before{content:\"\\ea96\"}.ez-icon-tune:before{content:\"\\ea97\"}.ez-icon-txt:before{content:\"\\ea98\"}.ez-icon-un-pin:before{content:\"\\ea99\"}.ez-icon-unfold_less:before{content:\"\\ea9a\"}.ez-icon-unfold_more:before{content:\"\\ea9b\"}.ez-icon-user-circle:before{content:\"\\ea9c\"}.ez-icon-warning-outline:before{content:\"\\ea9d\"}.ez-icon-warning_triangle:before{content:\"\\ea9e\"}.ez-icon-whatshot:before{content:\"\\ea9f\"}.ez-icon-xlsx:before{content:\"\\eaa0\"}.ez-icon-zip:before{content:\"\\eaa1\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
+const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:\"\\ea01\"}.ez-icon-2chevron-up:before{content:\"\\ea02\"}.ez-icon-acao:before{content:\"\\ea03\"}.ez-icon-account-outline:before{content:\"\\ea04\"}.ez-icon-account:before{content:\"\\ea05\"}.ez-icon-add-to-cart:before{content:\"\\ea06\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea07\"}.ez-icon-alert-circle:before{content:\"\\ea08\"}.ez-icon-alert-mail:before{content:\"\\ea09\"}.ez-icon-alert-popup:before{content:\"\\ea0a\"}.ez-icon-anexo:before{content:\"\\ea0b\"}.ez-icon-antecipação:before{content:\"\\ea0c\"}.ez-icon-apps:before{content:\"\\ea0d\"}.ez-icon-arrow-forward:before{content:\"\\ea0e\"}.ez-icon-arrow-upward:before{content:\"\\ea0f\"}.ez-icon-arrow_back:before{content:\"\\ea10\"}.ez-icon-arrow_downward:before{content:\"\\ea11\"}.ez-icon-baixa:before{content:\"\\ea12\"}.ez-icon-balance:before{content:\"\\ea13\"}.ez-icon-bell-inverted:before{content:\"\\ea14\"}.ez-icon-bell:before{content:\"\\ea15\"}.ez-icon-bold:before{content:\"\\ea16\"}.ez-icon-boleto:before{content:\"\\ea17\"}.ez-icon-boolean:before{content:\"\\ea18\"}.ez-icon-business-center:before{content:\"\\ea19\"}.ez-icon-calendar-clock:before{content:\"\\ea1a\"}.ez-icon-calendar:before{content:\"\\ea1b\"}.ez-icon-cart-history:before{content:\"\\ea1c\"}.ez-icon-cash-remove:before{content:\"\\ea1d\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1e\"}.ez-icon-check-circle:before{content:\"\\ea1f\"}.ez-icon-check:before{content:\"\\ea20\"}.ez-icon-chevron-down:before{content:\"\\ea21\"}.ez-icon-chevron-left:before{content:\"\\ea22\"}.ez-icon-chevron-right:before{content:\"\\ea23\"}.ez-icon-chevron-up:before{content:\"\\ea24\"}.ez-icon-circle--medium:before{content:\"\\ea25\"}.ez-icon-circle:before{content:\"\\ea26\"}.ez-icon-clean-cart:before{content:\"\\ea27\"}.ez-icon-cleaning:before{content:\"\\ea28\"}.ez-icon-clipboard:before{content:\"\\ea29\"}.ez-icon-clock-rotate-left:before{content:\"\\ea2a\"}.ez-icon-close:before{content:\"\\ea2b\"}.ez-icon-cobrar:before{content:\"\\ea2c\"}.ez-icon-code:before{content:\"\\ea2d\"}.ez-icon-configuration:before{content:\"\\ea2e\"}.ez-icon-content-cut:before{content:\"\\ea2f\"}.ez-icon-copy:before{content:\"\\ea30\"}.ez-icon-credit_card:before{content:\"\\ea31\"}.ez-icon-crop:before{content:\"\\ea32\"}.ez-icon-custom:before{content:\"\\ea33\"}.ez-icon-delete-file:before{content:\"\\ea34\"}.ez-icon-delete:before{content:\"\\ea35\"}.ez-icon-description:before{content:\"\\ea36\"}.ez-icon-dividir:before{content:\"\\ea37\"}.ez-icon-docx:before{content:\"\\ea38\"}.ez-icon-dot-notification:before{content:\"\\ea39\"}.ez-icon-dots-horizontal:before{content:\"\\ea3a\"}.ez-icon-dots-vertical:before{content:\"\\ea3b\"}.ez-icon-drag-indicator:before{content:\"\\ea3c\"}.ez-icon-dual-chevron-down:before{content:\"\\ea3d\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3e\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3f\"}.ez-icon-dual-chevron-up:before{content:\"\\ea40\"}.ez-icon-edit-file:before{content:\"\\ea41\"}.ez-icon-edit-table:before{content:\"\\ea42\"}.ez-icon-edit-time:before{content:\"\\ea43\"}.ez-icon-edit-value:before{content:\"\\ea44\"}.ez-icon-edit:before{content:\"\\ea45\"}.ez-icon-email:before{content:\"\\ea46\"}.ez-icon-estorno:before{content:\"\\ea47\"}.ez-icon-exe:before{content:\"\\ea48\"}.ez-icon-expand:before{content:\"\\ea49\"}.ez-icon-expandir_card:before{content:\"\\ea4a\"}.ez-icon-extrato:before{content:\"\\ea4b\"}.ez-icon-eye-off:before{content:\"\\ea4c\"}.ez-icon-eye:before{content:\"\\ea4d\"}.ez-icon-favorite:before{content:\"\\ea4e\"}.ez-icon-figma:before{content:\"\\ea4f\"}.ez-icon-file-download:before{content:\"\\ea50\"}.ez-icon-file-upload:before{content:\"\\ea51\"}.ez-icon-filter:before{content:\"\\ea52\"}.ez-icon-find-file:before{content:\"\\ea53\"}.ez-icon-find-page:before{content:\"\\ea54\"}.ez-icon-format-color-fill:before{content:\"\\ea55\"}.ez-icon-generic:before{content:\"\\ea56\"}.ez-icon-gif:before{content:\"\\ea57\"}.ez-icon-graph_bar:before{content:\"\\ea58\"}.ez-icon-handshake:before{content:\"\\ea59\"}.ez-icon-help-inverted:before{content:\"\\ea5a\"}.ez-icon-help:before{content:\"\\ea5b\"}.ez-icon-hide-list:before{content:\"\\ea5c\"}.ez-icon-hide_menu:before{content:\"\\ea5d\"}.ez-icon-hierarchical-tree:before{content:\"\\ea5e\"}.ez-icon-home:before{content:\"\\ea5f\"}.ez-icon-icons104:before{content:\"\\ea60\"}.ez-icon-image-plus:before{content:\"\\ea61\"}.ez-icon-italic:before{content:\"\\ea62\"}.ez-icon-language:before{content:\"\\ea63\"}.ez-icon-launch:before{content:\"\\ea64\"}.ez-icon-lightbulb:before{content:\"\\ea65\"}.ez-icon-link:before{content:\"\\ea66\"}.ez-icon-list:before{content:\"\\ea67\"}.ez-icon-location:before{content:\"\\ea68\"}.ez-icon-lock-outline:before{content:\"\\ea69\"}.ez-icon-lock:before{content:\"\\ea6a\"}.ez-icon-menu:before{content:\"\\ea6b\"}.ez-icon-mid:before{content:\"\\ea6c\"}.ez-icon-minus:before{content:\"\\ea6d\"}.ez-icon-money-off:before{content:\"\\ea6e\"}.ez-icon-money:before{content:\"\\ea6f\"}.ez-icon-more:before{content:\"\\ea70\"}.ez-icon-mp3:before{content:\"\\ea71\"}.ez-icon-mp4:before{content:\"\\ea72\"}.ez-icon-multiple-files:before{content:\"\\ea73\"}.ez-icon-north-west:before{content:\"\\ea74\"}.ez-icon-number:before{content:\"\\ea75\"}.ez-icon-ordem-ascendente:before{content:\"\\ea76\"}.ez-icon-ordem-descendente:before{content:\"\\ea77\"}.ez-icon-parcelar:before{content:\"\\ea78\"}.ez-icon-pause:before{content:\"\\ea79\"}.ez-icon-payments:before{content:\"\\ea7a\"}.ez-icon-pdf:before{content:\"\\ea7b\"}.ez-icon-play:before{content:\"\\ea7c\"}.ez-icon-plus:before{content:\"\\ea7d\"}.ez-icon-png:before{content:\"\\ea7e\"}.ez-icon-power:before{content:\"\\ea7f\"}.ez-icon-pptx:before{content:\"\\ea80\"}.ez-icon-preview:before{content:\"\\ea81\"}.ez-icon-print:before{content:\"\\ea82\"}.ez-icon-push-pin:before{content:\"\\ea83\"}.ez-icon-rateio:before{content:\"\\ea84\"}.ez-icon-receipt:before{content:\"\\ea85\"}.ez-icon-recolher_card:before{content:\"\\ea86\"}.ez-icon-redo:before{content:\"\\ea87\"}.ez-icon-remove-from-cart:before{content:\"\\ea88\"}.ez-icon-restore:before{content:\"\\ea89\"}.ez-icon-return:before{content:\"\\ea8a\"}.ez-icon-sankhya-place:before{content:\"\\ea8b\"}.ez-icon-save:before{content:\"\\ea8c\"}.ez-icon-search:before{content:\"\\ea8d\"}.ez-icon-settings-inverted:before{content:\"\\ea8e\"}.ez-icon-settings:before{content:\"\\ea8f\"}.ez-icon-share:before{content:\"\\ea90\"}.ez-icon-shield:before{content:\"\\ea91\"}.ez-icon-show-list:before{content:\"\\ea92\"}.ez-icon-show_menu:before{content:\"\\ea93\"}.ez-icon-south-east:before{content:\"\\ea94\"}.ez-icon-sync:before{content:\"\\ea95\"}.ez-icon-table:before{content:\"\\ea96\"}.ez-icon-tag_code:before{content:\"\\ea97\"}.ez-icon-text:before{content:\"\\ea98\"}.ez-icon-timeline:before{content:\"\\ea99\"}.ez-icon-timer-outline:before{content:\"\\ea9a\"}.ez-icon-trending-up:before{content:\"\\ea9b\"}.ez-icon-tune:before{content:\"\\ea9c\"}.ez-icon-txt:before{content:\"\\ea9d\"}.ez-icon-un-pin:before{content:\"\\ea9e\"}.ez-icon-underline:before{content:\"\\ea9f\"}.ez-icon-undo:before{content:\"\\eaa0\"}.ez-icon-unfold_less:before{content:\"\\eaa1\"}.ez-icon-unfold_more:before{content:\"\\eaa2\"}.ez-icon-user-circle:before{content:\"\\eaa3\"}.ez-icon-warning-outline:before{content:\"\\eaa4\"}.ez-icon-warning_triangle:before{content:\"\\eaa5\"}.ez-icon-whatshot:before{content:\"\\eaa6\"}.ez-icon-xlsx:before{content:\"\\eaa7\"}.ez-icon-zip:before{content:\"\\eaa8\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
 
 const EzIcon = class {
   constructor(hostRef) {