@sankhyalabs/ezui 6.1.0-dev.1 → 6.1.0-dev.11

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-9e5554cb.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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a7b0c73d.js');
+const index = require('./index-9e5554cb.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-569271bc.js');
 const CheckMode = require('./CheckMode-ecb90b87.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" },
+    index.h("ez-rich-text", { key: name, enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, rows: rows, canShowError: canShowError })));
+};
+
 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;
@@ -220,7 +226,8 @@ const EzFormView = class {
   isItemFullWidth(userInterface) {
     return [
       core.UserInterface.FILE,
-      core.UserInterface.LONGTEXT
+      core.UserInterface.LONGTEXT,
+      core.UserInterface.HTML,
     ].includes(userInterface);
   }
   buildFormItemElement(item, classItem = "") {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a7b0c73d.js');
+const index = require('./index-9e5554cb.js');
 const core = require('@sankhyalabs/core');
-const searchColumn = require('./search-column-27d1f72f.js');
+const searchColumn = require('./search-column-1d3c9fa5.js');
 const FormLayout = require('./FormLayout-18853e70.js');
 require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');

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

@@ -2,16 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a7b0c73d.js');
+const index = require('./index-9e5554cb.js');
 const core = require('@sankhyalabs/core');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
 const FormLayout = require('./FormLayout-18853e70.js');
-const searchColumn = require('./search-column-27d1f72f.js');
+const searchColumn = require('./search-column-1d3c9fa5.js');
 const constants = require('./constants-569271bc.js');
 const FocusResolver = require('./FocusResolver-885f2173.js');
+const purify = require('./purify-a7dc3a08.js');
+require('./_commonjsHelpers-537d719a.js');
 
 /**
  * @ag-grid-community/core - Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
@@ -51279,11 +51281,14 @@ class GridEditionManager {
   }
   isColEditable(fieldName) {
     const fieldDefinition = this._dataUnit.getField(fieldName);
-    if (fieldDefinition) {
+    if (fieldDefinition && !this.isTypeFile(fieldDefinition)) {
       return !fieldDefinition.readOnly;
     }
     return false;
   }
+  isTypeFile(file) {
+    return file.userInterface === core.UserInterface.FILE;
+  }
   isSecondClick(cellClicked) {
     if (!this._lastCellClicked) {
       return false;
@@ -65497,7 +65502,9 @@ class AgGridController {
     this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
   }
   setColumnsDef(cols) {
-    const checkBoxColumn = Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: this.CHECK_BOX_COL_ID, checkboxSelection: true, width: 29, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, (this._multipleSelection && { headerComponent: 'ezGridHeaderComponent', headerClass: 'ag-column-select-header' }));
+    const checkBoxColumn = Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: this.CHECK_BOX_COL_ID, checkboxSelection: true, width: 29, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, (this._multipleSelection ?
+      { headerComponent: 'ezGridHeaderComponent', headerClass: 'ag-column-select-header' }
+      : { headerComponentParams: { displayName: '' } }));
     const newColDefs = this._options.suppressCheckBoxCol ? [] : [checkBoxColumn];
     if (this._statusResolver != undefined) {
       newColDefs.push({
@@ -65518,6 +65525,7 @@ class AgGridController {
         cellStyle: {
           'text-align': 'center',
         },
+        suppressNavigable: true,
       });
     }
     cols.forEach(c => {
@@ -65748,6 +65756,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__);
@@ -65764,6 +65776,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;
+      }
+      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-guide-navigator.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a7b0c73d.js');
+const index = require('./index-9e5554cb.js');
 const core = require('@sankhyalabs/core');
 const EzScrollDirection = require('./EzScrollDirection-b2c99895.js');
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a7b0c73d.js');
+const index = require('./index-9e5554cb.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) {

package/dist/cjs/ez-link-builder_6.cjs.entry.js

@@ -0,0 +1,295 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9e5554cb.js');
+const RichToolbarHelper = require('./RichToolbarHelper-438916fa.js');
+
+const ezLinkBuilderCss = ".link-builder-container.sc-ez-link-builder{font-family:'Roboto';color:#2b3a54;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.header.sc-ez-link-builder{display:flex;font-weight:500;font-size:16px}.actions.sc-ez-link-builder{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;width:100%}";
+
+const EzLinkBuilder = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.executeToolbarCommand = index.createEvent(this, "executeToolbarCommand", 7);
+    this.textToShow = undefined;
+    this.link = undefined;
+    this.openInNewGuide = false;
+  }
+  async show(text) {
+    this._popupElement.opened = true;
+    if (text) {
+      this.textToShow = text;
+    }
+  }
+  async hide() {
+    this._popupElement.opened = false;
+  }
+  async handleCancel() {
+    this.clearValues();
+    this.executeToolbarCommand.emit({ command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FOCUS });
+    await this.hide();
+  }
+  clearValues() {
+    this.link = '';
+    this.textToShow = '';
+    this.openInNewGuide = false;
+  }
+  async handleCreateLink() {
+    const tag = `<a href="${this.link}" ${this.openInNewGuide ? 'target="_blank" rel="noopener noreferrer"' : ''}>${this.textToShow ? this.textToShow : this.link}</a>`;
+    this.executeToolbarCommand.emit({ command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FORMAT, value: tag });
+    this.clearValues();
+    await this.hide();
+  }
+  async handleActionPopup(event) {
+    if (event.detail === 'OK') {
+      await this.handleCreateLink();
+      return;
+    }
+    if (event.detail === 'CANCEL' || event.detail === 'CLOSE') {
+      await this.handleCancel();
+    }
+  }
+  getOkButtonStatus() {
+    var _a;
+    return ((_a = this.link) === null || _a === void 0 ? void 0 : _a.trim()) ? 'ENABLED' : 'DISABLED';
+  }
+  render() {
+    return (index.h("ez-popup", { heightMode: 'auto', size: 'small', useHeader: false, ref: ref => this._popupElement = ref, onEzClosePopup: () => this.clearValues() }, index.h("div", null, index.h("ez-modal-container", { modalTitle: "Adicionar link", modalSubTitle: "Insira um link no texto para abrir novas p\u00E1ginas.", okButtonLabel: "Enviar", cancelButtonLabel: "Cancelar", onEzModalAction: this.handleActionPopup.bind(this), okButtonStatus: this.getOkButtonStatus() }, index.h("div", { class: 'link-builder-container' }, index.h("ez-text-input", { id: 'link_url_input', label: 'Insira a URL destino', value: this.link, onEzChange: (e) => this.link = e.detail }), index.h("ez-text-input", { id: 'link_text_input', label: 'Insira o texto a ser exibido', value: this.textToShow, onEzChange: (e) => this.textToShow = e.detail }), index.h("ez-check", { label: 'Abrir em uma nova página.', value: this.openInNewGuide, onEzChange: (e) => this.openInNewGuide = e.detail }))))));
+  }
+};
+EzLinkBuilder.style = ezLinkBuilderCss;
+
+const ezRichToolbarCss = ".sc-ez-rich-toolbar-h{display:block;width:100%}.taskbar.sc-ez-rich-toolbar{display:flex;padding:8px;border-radius:4px 4px 0 0}.taskbar-group.sc-ez-rich-toolbar{display:flex;margin-right:15px;padding-right:15px;border-right:1px solid #ddd}.taskbar-group.sc-ez-rich-toolbar:last-child{border-right:none}.preview-btn.sc-ez-rich-toolbar{font-family:Roboto;font-size:14px;background:none;display:flex;align-items:center;padding:0 8px;border-radius:4px;cursor:pointer;color:var(--color--secondary, #383c45);transition:0.3s all ease-in-out;width:110px;justify-content:center}.preview-btn.sc-ez-rich-toolbar:hover{background-color:#f5f5f5}";
+
+const EzRichToolbar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.executeToolbarCommand = index.createEvent(this, "executeToolbarCommand", 7);
+    this.showPreview = true;
+    this.isPreviewMode = false;
+    this.showConfigs = true;
+    this.showTextFormat = true;
+    this.showUndoRedo = true;
+  }
+  handleActionTriggered(event) {
+    this.executeToolbarCommand.emit({ command: event.detail.command, value: event.detail.value });
+  }
+  handleClickPreview() {
+    this.executeToolbarCommand.emit({ command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.PREVIEW });
+  }
+  renderArrows() {
+    if (!this.showUndoRedo)
+      return;
+    return (index.h("div", { id: "rich-toolbar-undo-redo", class: "taskbar-group" }, index.h("ez-rich-toolbar-arrows", null)));
+  }
+  renderLetters() {
+    if (!this.showTextFormat)
+      return;
+    return (index.h("div", { id: "rich-toolbar-text-format", class: "taskbar-group" }, index.h("ez-rich-toolbar-letters", null)));
+  }
+  renderConfigs() {
+    if (!this.showConfigs)
+      return;
+    return (index.h("div", { id: "rich-toolbar-options-configs", class: "taskbar-group" }, index.h("ez-rich-toolbar-configs", null)));
+  }
+  renderPreview() {
+    if (!this.showPreview)
+      return;
+    return (index.h("div", { class: "taskbar-group" }, index.h("span", { id: 'rich-text-preview-btn', class: "preview-btn", title: this.getPreviewTitle(), onClick: this.handleClickPreview.bind(this) }, this.isPreviewMode ? 'Editar' : 'Pré-visualizar')));
+  }
+  getPreviewTitle() {
+    return this.isPreviewMode
+      ? RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.EDIT
+      : RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.PREVIEW;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "taskbar" }, this.renderPreview(), this.renderArrows(), this.renderLetters(), this.renderConfigs())));
+  }
+};
+EzRichToolbar.style = ezRichToolbarCss;
+
+const ezRichToolbarArrowsCss = ".sc-ez-rich-toolbar-arrows-h{display:flex;gap:5px}";
+
+const EzRichToolbarArrows = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("ez-rich-toolbar-item", { icon: RichToolbarHelper.RICH_TOOLBAR_COMMAND_ICON.UNDO, command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.UNDO, title: RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.UNDO }), index.h("ez-rich-toolbar-item", { icon: RichToolbarHelper.RICH_TOOLBAR_COMMAND_ICON.REDO, command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.REDO, title: RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.REDO })));
+  }
+};
+EzRichToolbarArrows.style = ezRichToolbarArrowsCss;
+
+const ezRichToolbarConfigsCss = ".sc-ez-rich-toolbar-configs-h{display:flex;gap:5px}";
+
+const EzRichToolbarConfigs = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("ez-rich-toolbar-item", { icon: RichToolbarHelper.RICH_TOOLBAR_COMMAND_ICON.LIST, command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FORMAT, value: RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.LIST, title: RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.LIST }), index.h("ez-rich-toolbar-item", { icon: RichToolbarHelper.RICH_TOOLBAR_COMMAND_ICON.IMAGE, command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.IMAGE, title: RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.IMAGE }), index.h("ez-rich-toolbar-item", { icon: RichToolbarHelper.RICH_TOOLBAR_COMMAND_ICON.LINK, command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.LINK, title: RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.LINK })));
+  }
+};
+EzRichToolbarConfigs.style = ezRichToolbarConfigsCss;
+
+const ezRichToolbarLettersCss = ".sc-ez-rich-toolbar-letters-h{display:flex;gap:5px}";
+
+const EzRichToolbarLetters = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("ez-rich-toolbar-item", { icon: RichToolbarHelper.RICH_TOOLBAR_COMMAND_ICON.BOLD, command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FORMAT, value: RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.BOLD, title: RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.BOLD }), index.h("ez-rich-toolbar-item", { icon: RichToolbarHelper.RICH_TOOLBAR_COMMAND_ICON.ITALIC, command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FORMAT, value: RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.ITALIC, title: RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.ITALIC }), index.h("ez-rich-toolbar-item", { icon: RichToolbarHelper.RICH_TOOLBAR_COMMAND_ICON.UNDERLINE, command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FORMAT, value: RichToolbarHelper.RICH_TOOLBAR_FORMAT_TAGS.UNDERLINE, title: RichToolbarHelper.RICH_TOOLBAR_COMMAND_TITLE.UNDERLINE })));
+  }
+};
+EzRichToolbarLetters.style = ezRichToolbarLettersCss;
+
+function formatBytes(bytes, decimals = 1) {
+  if (bytes === 0) {
+    return "0 Bytes";
+  }
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "Kilobytes", "Megabytes", "Gigabytes", "Terabytes", "Petabytes", "Exabytes", "Zettabytes", "Yottabytes"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+}
+
+function fileToBase64(file) {
+  return new Promise((resolve, reject) => {
+    try {
+      const reader = new FileReader();
+      reader.onload = () => {
+        resolve(reader.result);
+      };
+      reader.readAsDataURL(file);
+    }
+    catch (error) {
+      reject(error);
+    }
+  });
+}
+
+const ezSimpleImageUploaderCss = ".image-uploader-container.sc-ez-simple-image-uploader{font-family:\"Roboto\";color:#2b3a54;display:flex;flex-direction:column;gap:var(--space--10, 10px);justify-content:space-between;align-items:center;padding-bottom:var(--space--8, 8px)}.header.sc-ez-simple-image-uploader{display:flex;font-weight:500;font-size:var(--font-size--medium, 16px)}.actions.sc-ez-simple-image-uploader{display:flex;justify-content:flex-end;gap:var(--space--12, 12px);margin-top:var(--space--12, 12px);width:100%}.drop-zone-section.sc-ez-simple-image-uploader{width:100%}.drop-zone.sc-ez-simple-image-uploader{display:flex;flex-wrap:wrap;background-color:var(--color--petroleum-70, #F4F6F9);padding:var(--space--6, 6px);width:100%;border-radius:var(--space--12, 12px);box-sizing:border-box;min-height:100px}.clickable.sc-ez-simple-image-uploader{cursor:pointer}.dragging.sc-ez-simple-image-uploader{background-color:var(--color--petroleum-100, #C8CCD3)}.drop-zone-container.sc-ez-simple-image-uploader{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--color-strokes, #DCE0E8);border-radius:6px;box-sizing:border-box}.text-error.sc-ez-simple-image-uploader{font-family:var(--font--pattern, \"Roboto\");color:var(--color--red-600, #BD0025);font-size:var(--font-size--small, 12px)}.button-close.sc-ez-simple-image-uploader{border:none;background:none;cursor:pointer}";
+
+const EzSimpleImageUploader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.executeToolbarCommand = index.createEvent(this, "executeToolbarCommand", 7);
+    this.link = undefined;
+    this.base64 = undefined;
+    this.messageError = undefined;
+    this.selectedFile = undefined;
+    this.maxSize = 500;
+  }
+  /**
+  * Método responsável pela abertura do popup.
+  */
+  async show() {
+    this._popupElement.opened = true;
+  }
+  /**
+  * Método responsável pelo fechamento do popup.
+  */
+  async hide() {
+    this._popupElement.opened = false;
+  }
+  async handleCancel() {
+    this.removeSelectedFile();
+    this.executeToolbarCommand.emit({ command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FOCUS });
+    await this.hide();
+  }
+  removeSelectedFile(event) {
+    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    this.link = undefined;
+    this.base64 = undefined;
+    this.selectedFile = undefined;
+    this.messageError = undefined;
+  }
+  triggerFileSelect() {
+    if (!this.selectedFile) {
+      this._fileInput.click();
+    }
+  }
+  async handleImage(files) {
+    const file = files && files[0];
+    if (!file) {
+      return;
+    }
+    if (file.size < (this.maxSize * 1000)) {
+      this.selectedFile = file;
+      this.base64 = await fileToBase64(file);
+    }
+    else {
+      this.messageError = `A imagem deve ter menos de ${formatBytes(this.maxSize)}.`;
+    }
+  }
+  getFileList(event) {
+    if (event instanceof DragEvent) {
+      return Array.from(event.dataTransfer.files);
+    }
+    else {
+      const input = event.target;
+      return input.files;
+    }
+  }
+  handleFileChange(event) {
+    event.preventDefault();
+    this.messageError = undefined;
+    this._dropZone.classList.remove("dragging");
+    const files = this.getFileList(event);
+    this.handleImage(files);
+    const input = event.target;
+    input.value = "";
+  }
+  handleDragOver(event) {
+    event.stopPropagation();
+    event.preventDefault();
+  }
+  handleDragEnter(event) {
+    event.preventDefault();
+    this._dropZone.classList.add("dragging");
+  }
+  handleDragLeave(event) {
+    event.preventDefault();
+    if (!this._dropZone.contains(event.relatedTarget)) {
+      this._dropZone.classList.remove("dragging");
+    }
+  }
+  async handleActionPopup(event) {
+    if (event.detail === "OK") {
+      await this.handleCreateImgTag();
+    }
+    else if (event.detail === "CANCEL" || event.detail === "CLOSE") {
+      await this.handleCancel();
+    }
+  }
+  async handleCreateImgTag() {
+    var _a;
+    const tag = `<img src="${(_a = this.base64) !== null && _a !== void 0 ? _a : this.link}" alt="Image" />`;
+    this.executeToolbarCommand.emit({ command: RichToolbarHelper.RICH_TOOLBAR_COMMANDS.FORMAT, value: tag });
+    this.removeSelectedFile();
+    await this.hide();
+  }
+  getOkButtonStatus() {
+    var _a;
+    return (!this.base64 && !((_a = this.link) === null || _a === void 0 ? void 0 : _a.trim())) ? 'DISABLED' : 'ENABLED';
+  }
+  render() {
+    return (index.h("ez-popup", { ref: ref => this._popupElement = ref, heightMode: "auto", size: "small", useHeader: false, onEzClosePopup: () => this.handleCancel() }, index.h("div", null, index.h("ez-modal-container", { modalTitle: "Upload de imagens", modalSubTitle: "Envie seus arquivos preenchendo apenas 1 campo por vez.", okButtonLabel: "Enviar", cancelButtonLabel: "Cancelar", onEzModalAction: this.handleActionPopup.bind(this), okButtonStatus: this.getOkButtonStatus() }, index.h("div", { class: "image-uploader-container" }, index.h("ez-tooltip", { message: "O arquivo selecionado abaixo ser\u00E1 priorizado!", active: !!this.selectedFile }, index.h("ez-text-input", { label: "Insira a URL da imagem", value: this.link, onEzChange: (e) => this.link = e.detail, enabled: !this.selectedFile })), index.h("span", null, "OU"), index.h("section", { class: "drop-zone-section" }, index.h("div", { ref: (ref) => this._dropZone = ref, class: "drop-zone", onDrop: (ev) => this.handleFileChange(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragEnter: (ev) => this.handleDragEnter(ev), onDragLeave: (ev) => this.handleDragLeave(ev) }, index.h("div", { class: {
+        "drop-zone-container": true,
+        "clickable": !this.selectedFile,
+      }, onClick: () => this.triggerFileSelect() }, !!this.selectedFile ?
+      index.h(index.Fragment, null, index.h("span", { class: "ez-text ez-text--primary ez-text--medium" }, this.selectedFile.name, " (", formatBytes(this.selectedFile.size), ")"), index.h("button", { class: "button-close", onClick: (event) => this.removeSelectedFile(event), title: "Remover arquivo" }, index.h("ez-icon", { iconName: "close" })))
+      :
+        index.h(index.Fragment, null, index.h("ez-icon", { iconName: "anexo" }), index.h("span", { class: "ez-text ez-text--primary ez-text--medium" }, "Arraste e solte ou clique para adicionar arquivos"))), index.h("input", { ref: (el) => this._fileInput = el, type: "file", accept: "image/*", style: { display: "none" }, onChange: (ev) => this.handleFileChange(ev) })), !!this.messageError && index.h("span", { class: "text-error" }, this.messageError)))))));
+  }
+};
+EzSimpleImageUploader.style = ezSimpleImageUploaderCss;
+
+exports.ez_link_builder = EzLinkBuilder;
+exports.ez_rich_toolbar = EzRichToolbar;
+exports.ez_rich_toolbar_arrows = EzRichToolbarArrows;
+exports.ez_rich_toolbar_configs = EzRichToolbarConfigs;
+exports.ez_rich_toolbar_letters = EzRichToolbarLetters;
+exports.ez_simple_image_uploader = EzSimpleImageUploader;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a7b0c73d.js');
+const index = require('./index-9e5554cb.js');
 const core = require('@sankhyalabs/core');
 const ezListHelper = require('./ezListHelper-0d3970b4.js');
 

package/dist/cjs/ez-loading-bar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a7b0c73d.js');
+const index = require('./index-9e5554cb.js');
 
 const ezLoadingBarCss = ":host{position:fixed;top:0px;width:100%}.loading-bar{width:100%;margin:0 auto;position:absolute;background-color:var(--color--primary-300, #e2f4ef);height:5px}.loading-bar:before{content:'';position:absolute}.loading-bar__container{position:absolute;top:0;right:100%;bottom:0;left:0;background-color:var(--color--primary, #008561);width:0;animation:loading 2s linear infinite}@keyframes loading{0%{left:0%;right:100%;width:0%}25%{left:0%;right:75%;width:25%}50%{left:0%;right:50%;width:90%}70%{right:0%;left:75%;width:25%}100%{left:100%;right:0%;width:0%}}@-webkit-keyframes loading{0%{left:0%;right:100%;width:0%}25%{left:0%;right:75%;width:25%}50%{left:0%;right:50%;width:90%}70%{right:0%;left:75%;width:25%}100%{left:100%;right:0%;width:0%}}";