@sankhyalabs/ezui 7.3.4-rc.1 → 7.3.5-dev.1

package/README.md

@@ -1,6 +1,6 @@
 # Bibliteca de componentes EzUI
 
-[![Build status](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/badges/master/pipeline.svg)](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/commits/master)
+[![Build status](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/badges/master/pipeline.svg)](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/-/commits/master)
 
 Esse projeto é constituído por um monorepo com a seguinte hierarquia:
 
@@ -68,10 +68,10 @@ o build do ezui, link do react-output e ezui, build do react-output e a disponib
 - `npm run build`
 
 ## Para conhecer detalhes do projeto acesse:
-- [Olá EZUi](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Ol%C3%A1-EzUI)
-- [Diretrizes de codificação](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Diretrizes-de-codifica%C3%A7%C3%A3o)
-- [Diretrizes de componentização](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Diretrizes-de-componentiza%C3%A7%C3%A3o)
-- [Diretrizes de documentação](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Diretrizes-de-documenta%C3%A7%C3%A3o)
-- [Link ente projetos](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Link-ente-projetos)
-- [Definindo bons data-element-id de testabilidade no design system](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Definindo-bons-data-element-id-de-testabilidade-no-design-system)
-- [Criando exemplos de componentes](https://gitlab.sankhya.com.br/dti/design-system/ez-ui/-/wikis/Criando-exemplos-de-componentes) 
+- [Olá EZUi](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/-/wikis/Ol%C3%A1-EzUI)
+- [Diretrizes de codificação](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/-/wikis/Diretrizes-de-codifica%C3%A7%C3%A3o)
+- [Diretrizes de componentização](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/-/wikis/Diretrizes-de-componentiza%C3%A7%C3%A3o)
+- [Diretrizes de documentação](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/-/wikis/Diretrizes-de-documenta%C3%A7%C3%A3o)
+- [Link ente projetos](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/-/wikis/Link-ente-projetos)
+- [Definindo bons data-element-id de testabilidade no design system](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/-/wikis/Definindo-bons-data-element-id-de-testabilidade-no-design-system)
+- [Criando exemplos de componentes](https://gitlab.sankhya.com.br/dti/design-system/commons/ez-ui/-/wikis/Criando-exemplos-de-componentes) 

package/dist/cjs/{ApplicationUtils-9a9185fc.js → ApplicationUtils-34e43a14.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const DialogType = require('./DialogType-2114c337.js');
-const index = require('./index-d4a1cad8.js');
+const index = require('./index-f98939e1.js');
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number

package/dist/cjs/{search-column-c04897a9.js → DataBinder-cdc66d4e.js}

@@ -1,9 +1,8 @@
 'use strict';
 
 const core = require('@sankhyalabs/core');
-const ApplicationUtils = require('./ApplicationUtils-9a9185fc.js');
-const index = require('./index-d4a1cad8.js');
-const index$1 = require('./index-a7b0c73d.js');
+const ApplicationUtils = require('./ApplicationUtils-34e43a14.js');
+const index = require('./index-f98939e1.js');
 
 const isSystemRequired = (descriptor) => {
   var _a;
@@ -489,34 +488,6 @@ class Bind {
   }
 }
 
-const SHORTCUT_SEARCH_FIELD = "ctrl+f";
-const SEARCH_FIELD_FULL_WIDTH = 240;
-const buildFieldSearch = (action, optionLoader, onSelectField) => {
-  return index$1.h("ez-search", { class: 'ez-padding--medium', style: {
-      "--ez-search--min-width": `${SEARCH_FIELD_FULL_WIDTH}px`
-    }, canShowError: false, showSelectedValue: false, showOptionValue: false, suppressEmptyOption: true, label: action.label, value: null, optionLoader: optionLoader, onEzChange: (evt) => {
-      window.dispatchEvent(new CustomEvent('ezCloseSplitButtonDropdown', { detail: { action, value: evt.detail } }));
-      requestAnimationFrame(() => {
-        onSelectField(evt.detail);
-      });
-    }, ignoreLimitCharsToSearch: true });
-};
-const focusOnFieldSerch = async (field) => {
-  requestAnimationFrame(async () => {
-    if (field) {
-      const realElement = field['$elm$'];
-      if (!realElement)
-        return;
-      realElement.value = null;
-      await realElement.setFocus();
-    }
-  });
-};
-
 exports.DataBinder = DataBinder;
 exports.RecordValidationProcessor = RecordValidationProcessor;
-exports.SEARCH_FIELD_FULL_WIDTH = SEARCH_FIELD_FULL_WIDTH;
-exports.SHORTCUT_SEARCH_FIELD = SHORTCUT_SEARCH_FIELD;
 exports.buildFieldMetadata = buildFieldMetadata;
-exports.buildFieldSearch = buildFieldSearch;
-exports.focusOnFieldSerch = focusOnFieldSerch;

package/dist/cjs/FormMetadata-16c68f51.js

@@ -0,0 +1,278 @@
+'use strict';
+
+const core = require('@sankhyalabs/core');
+const DataBinder = require('./DataBinder-cdc66d4e.js');
+const index = require('./index-f98939e1.js');
+
+const DETAIL_PATTERN = /child\[([^\]]+)\]/;
+const REGEX_DEFAULT_VAR_KEY = /\$\{.+\}/;
+class FormMetadata {
+  constructor() {
+    this._sheets = new Map();
+    this._requiredFields = [];
+    this._cleanOnCopyFields = [];
+    this._defaultValues = {};
+  }
+  static getDetailName(name) {
+    const result = DETAIL_PATTERN.exec(name);
+    return result ? result[1] : undefined;
+  }
+  getSheet(name) {
+    return this._sheets.get(name);
+  }
+  getAllSheets() {
+    return this._sheets;
+  }
+  addSheet(sheet) {
+    this._sheets.set(sheet.name, sheet);
+  }
+  addRequiredFields(fields) {
+    this._requiredFields = this._requiredFields.concat(fields);
+  }
+  getRequiredFields() {
+    return this._requiredFields;
+  }
+  addCleanOnCopyFields(fields) {
+    this._cleanOnCopyFields = this._cleanOnCopyFields.concat(fields);
+  }
+  getCleanOnCopyFields() {
+    return this._cleanOnCopyFields;
+  }
+  addDefaultValues(defaultValues) {
+    return this._defaultValues = Object.assign(Object.assign({}, this._defaultValues), defaultValues);
+  }
+  getDefaultValues() {
+    const result = {};
+    Object.entries(this._defaultValues).forEach(([key, value]) => {
+      if (typeof value === "string") {
+        const result = REGEX_DEFAULT_VAR_KEY.exec(value);
+        if (result) {
+          value = this.getDefaultVar(result[0]);
+        }
+      }
+      result[key] = value;
+    });
+    return result;
+  }
+  getDefaultVar(name) {
+    if (name === "${data}") {
+      return core.DateUtils.getToday();
+    }
+    if (name === "${datahora}") {
+      return core.DateUtils.getToday(true);
+    }
+    return this._defaultVars ? this._defaultVars.get(name) : undefined;
+  }
+  setDefaultVars(vars) {
+    this._defaultVars = vars;
+  }
+}
+const buildFormConfigFromDataUnit = (dataUnit) => {
+  const unitMD = dataUnit.metadata;
+  let fields;
+  if (unitMD) {
+    fields = unitMD.fields
+      .filter(descriptor => descriptor.visible !== false)
+      .map(descriptor => { return { name: descriptor.name, defaultValue: descriptor.defaultValue }; });
+  }
+  return { emptyConfig: false, fields };
+};
+function handleDetailTabs(dataUnit, config, sheets) {
+  const unitMD = dataUnit.metadata;
+  if (unitMD === undefined || unitMD.children === undefined)
+    return;
+  unitMD.children.forEach((child) => {
+    const tabConfig = getTabFromConfig(child.label, config);
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: buildChildName(child), isDetail: true }), []);
+      return;
+    }
+    const { label, name, fields } = buildDetailSheet(child);
+    sheets.set({ name, label, isDetail: true }, fields);
+  });
+}
+function handleCustomTabs(customGuides, config, sheets) {
+  customGuides.forEach((guide) => {
+    const tabConfig = getTabFromConfig(guide.label, config);
+    const ctxProps = {};
+    Object.entries(guide).forEach(([key, value]) => {
+      if (!isReservedKey(key)) {
+        ctxProps[key] = value;
+      }
+    });
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: guide.id, isCustom: true, ctxProps }), []);
+      return;
+    }
+    const sheet = { label: guide.label, name: guide.id, isCustom: true, visible: true, ctxProps };
+    sheets.set(sheet, []);
+  });
+}
+function isReservedKey(key) {
+  return ['id', 'label'].includes(key);
+}
+function parseTabToFormSheet(key, fields) {
+  const i18n = index.getI18n();
+  return {
+    label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
+    name: key.name || key.label,
+    isCustom: key.isCustom,
+    isDetail: key.isDetail,
+    ctxProps: key.ctxProps,
+    fields
+  };
+}
+function handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues) {
+  var _a;
+  (_a = config === null || config === void 0 ? void 0 : config.fields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (field.visible === false) {
+      return;
+    }
+    if (!field.tab && ((_b = (_a = dataUnit.getField(field.name)) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.isPrimaryKey)) {
+      field.tab = "__main";
+    }
+    const tabConfig = getTabConfig(field.tab || "Geral", sheets, config);
+    if (hiddenTabs.has(tabConfig.label)) {
+      return;
+    }
+    const descriptor = dataUnit.getField(field.name);
+    const fieldVisible = (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) == undefined || (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) === true;
+    if (descriptor && fieldVisible && tabConfig.visible) {
+      if (!sheets.has(tabConfig)) {
+        sheets.set(tabConfig, []);
+      }
+      const formField = DataBinder.buildFieldMetadata(descriptor, field);
+      (_c = sheets.get(tabConfig)) === null || _c === void 0 ? void 0 : _c.push(formField);
+      if (formField.required) {
+        requiredFields.push(field.name);
+      }
+      const cleanOnCopy = field.cleanOnCopy == undefined ? (_d = descriptor.properties) === null || _d === void 0 ? void 0 : _d.cleanOnCopy : field.cleanOnCopy;
+      if (cleanOnCopy || ((_e = descriptor.properties) === null || _e === void 0 ? void 0 : _e.cleanOnCopy)) {
+        cleanOnCopyFields.push(field.name);
+      }
+      let defaultValue = field.defaultValue == undefined ? (_f = descriptor.properties) === null || _f === void 0 ? void 0 : _f.defaultValue : field.defaultValue;
+      if (defaultValue && defaultValue.value != undefined) {
+        const { type, value } = defaultValue;
+        if (type) {
+          if (type === "V") {
+            defaultValue = value;
+          }
+          else {
+            try {
+              const parsed = JSON.parse(value);
+              if (parsed && "value" in parsed) {
+                defaultValue = parsed;
+              }
+              else {
+                defaultValue = value;
+              }
+            }
+            catch (_g) {
+            }
+          }
+        }
+        defaultValues[field.name] = defaultValue;
+      }
+    }
+  });
+}
+function getDistinctTabs(config) {
+  var _a, _b;
+  const fieldTabs = (_b = (_a = config.fields) === null || _a === void 0 ? void 0 : _a.map((field, index) => ({
+    label: field.tab,
+    name: field.tab,
+    order: index,
+    visible: true,
+    isDetail: false,
+    isCustom: false,
+  }))) !== null && _b !== void 0 ? _b : [];
+  return fieldTabs.reduce((total, item) => {
+    if (!total.some((tab) => tab.name === item.name)) {
+      return [...total, item];
+    }
+    return total;
+  }, []);
+}
+const buildFormMetadata = (config, dataUnit, includeDetails = false, customGuides) => {
+  var _a;
+  if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
+    config = buildFormConfigFromDataUnit(dataUnit);
+  }
+  const sheets = new Map();
+  const hiddenTabs = new Map();
+  const requiredFields = [];
+  const cleanOnCopyFields = [];
+  const defaultValues = {};
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : getDistinctTabs(config);
+  tabs.forEach((tab) => {
+    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
+      hiddenTabs.set(tab.label, tab);
+    }
+  });
+  handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues);
+  const metadata = new FormMetadata();
+  metadata.setDefaultVars(config.defaultVars);
+  if (includeDetails) {
+    handleDetailTabs(dataUnit, config, sheets);
+  }
+  if (customGuides) {
+    handleCustomTabs(customGuides, config, sheets);
+  }
+  Array.from(sheets.entries())
+    .sort(sortTabs)
+    .forEach(([tab, fields]) => {
+    if (!hiddenTabs.has(tab.label)) {
+      metadata.addSheet(parseTabToFormSheet(tab, fields));
+    }
+  });
+  metadata.addRequiredFields(requiredFields);
+  metadata.addCleanOnCopyFields(cleanOnCopyFields);
+  metadata.addDefaultValues(defaultValues);
+  return metadata;
+};
+const getTabFromConfig = (tab, config) => {
+  var _a;
+  if (!config) {
+    return;
+  }
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : getDistinctTabs(config);
+  return tabs === null || tabs === void 0 ? void 0 : tabs.find(t => t.label === tab);
+};
+const getTabConfig = (tab, sheets, config) => {
+  if (typeof tab !== "string") {
+    return tab;
+  }
+  if (config) {
+    const tabConfig = getTabFromConfig(tab, config);
+    if (tabConfig) {
+      return tabConfig;
+    }
+  }
+  const tabConfig = Array.from(sheets.keys()).find(t => t.label === tab);
+  return tabConfig || { label: tab, visible: true };
+};
+function sortTabs(a, b) {
+  var _a, _b;
+  if (a[0].label === '__main' && b[0].label !== '__main') {
+    return -1;
+  }
+  if (a[0].label !== '__main' && b[0].label === '__main') {
+    return 1;
+  }
+  const aOrder = (_a = a[0].order) !== null && _a !== void 0 ? _a : Number.MAX_VALUE;
+  const bOrder = (_b = b[0].order) !== null && _b !== void 0 ? _b : Number.MAX_VALUE;
+  return aOrder - bOrder;
+}
+const buildChildName = (child) => {
+  return `child[${child.name}]`;
+};
+const buildDetailSheet = (child) => {
+  return {
+    name: buildChildName(child),
+    label: child.label,
+    fields: []
+  };
+};
+
+exports.buildFormMetadata = buildFormMetadata;

package/dist/cjs/{app-globals-27a943d9.js → app-globals-a03da63f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-d4a1cad8.js');
+const index = require('./index-f98939e1.js');
 
 async function initializeApp() {
   await index.initI18n();

package/dist/cjs/{classic-search-list_8.cjs.entry.js → classic-search-list_11.cjs.entry.js}

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const searchFormatters = require('./searchFormatters-051f8677.js');
-const index$1 = require('./index-d4a1cad8.js');
+const index$1 = require('./index-f98939e1.js');
 const types = require('./types-6a5df0c7.js');
 const RichToolbarHelper = require('./RichToolbarHelper-ea12328f.js');
-const purify = require('./purify-ef86f048.js');
-const ApplicationUtils = require('./ApplicationUtils-9a9185fc.js');
+const purify = require('./purify-4f39f037.js');
+const ApplicationUtils = require('./ApplicationUtils-34e43a14.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
 require('./FormLayout-fe8da83c.js');
@@ -649,6 +649,63 @@ const EzImageInput = class {
 };
 EzImageInput.style = ezImageInputCss;
 
+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 componentWillLoad() {
+    this.i18n = await index$1.initI18n();
+  }
+  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: this.i18n("ez-link-builder.addLinkTitle"), modalSubTitle: this.i18n("ez-link-builder.addLinkSubtitle"), okButtonLabel: this.i18n("ez-link-builder.submit"), cancelButtonLabel: this.i18n("app.cancel"), 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: this.i18n("ez-link-builder.urlInputLabel"), value: this.link, onEzChange: (e) => this.link = e.detail }), index.h("ez-text-input", { id: 'link_text_input', label: this.i18n("ez-link-builder.textInputLabel"), value: this.textToShow, onEzChange: (e) => this.textToShow = e.detail }), index.h("ez-check", { label: this.i18n("ez-link-builder.openInNewPage"), value: this.openInNewGuide, onEzChange: (e) => this.openInNewGuide = e.detail }))))));
+  }
+};
+EzLinkBuilder.style = ezLinkBuilderCss;
+
 const ezMultiSelectInputCss = ":host{--ez-multi-select-input--height:42px;--ez-multi-select-input--height--slim:32px;--ez-multi-select-input--width:100%;--ez-multi-select-input__min-width:0px;--ez-multi-select-input__max-width:100%;--ez-multi-select-input__icon--width:30px;--ez-multi-select-input--font-size:var(--text--medium, 14px);--ez-multi-select-input--font-family:var(--font-pattern, Arial);--ez-multi-select-input--font-weight:var(--text-weight--medium, 400);--ez-multi-select-input--color:var(--title--primary, #2B3A54);--ez-multi-select-input--border-radius:var(--border--radius-medium, 12px);--ez-multi-select-input__input--border:var(--border--small, 1px solid);--ez-multi-select-input__input--border-color:var(--color--strokes, #DCE0E8);--ez-multi-select-input__input--focus--border-color:var(--color--primary, #008561);--ez-multi-select-input__input--error--border-color:var(--color-alert--error-800, #BD0025);--ez-multi-select-input__input--background-color:var(--background--light, #ffffff);--ez-multi-select-input__input--disabled--background-color:var(--background--medium, #F0F3F7);--ez-multi-select-input__input--disabled--color:var(--text--primary, #626E82);--ez-multi-select-input__label--floating--top:6px;--ez-multi-select-input__label--padding-top:12px;--ez-multi-select-input__label--padding-left:14px;--ez-multi-select-input__placeholder--color:var(--text--secondary, #a2abb9);--ez-multi-select-input__tooltip_icon--error--color:var(--color-alert--error-800, #BD0025);--ez-multi-select-input__tooltip-icon---width:var(--space--large);--ez-multi-select-input__tooltip-icon---horizontal-margin:var(--space--medium, 12px);--ez-multi-select-input__tooltip-icon---vertical-margin:10px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-multi-select-input--width);min-width:var(--ez-multi-select-input__min-width);max-width:var(--ez-multi-select-input__max-width)}.trigger{position:relative;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;width:100%;overflow:hidden;height:var(--ez-multi-select-input--height);border-radius:var(--ez-multi-select-input--border-radius);font-family:var(--ez-multi-select-input--font-family);font-size:var(--ez-multi-select-input--font-size);font-weight:var(--ez-multi-select-input--font-weight);color:var(--ez-multi-select-input--color);background-color:var(--ez-multi-select-input__input--background-color);border:var(--ez-multi-select-input__input--border);border-color:var(--ez-multi-select-input__input--border-color);padding:0 var(--ez-multi-select-input__icon--width) 0 14px;margin-bottom:var(--space--small)}.trigger:focus{outline:none}.trigger--focused{border:var(--border--medium, 2px solid);outline:none;border-color:var(--ez-multi-select-input__input--focus--border-color)}.trigger--error{border:var(--border--medium, 2px solid);border-color:var(--ez-multi-select-input__input--error--border-color)}.trigger--disabled{cursor:not-allowed;background-color:var(--ez-multi-select-input__input--disabled--background-color);color:var(--ez-multi-select-input__input--disabled--color)}.trigger--no-border{box-shadow:none;border:none}.trigger--slim{height:var(--ez-multi-select-input--height--slim)}.trigger__label{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;font-family:var(--ez-multi-select-input--font-family);font-size:var(--ez-multi-select-input--font-size);font-weight:var(--ez-multi-select-input--font-weight);color:var(--ez-multi-select-input--color);top:var(--ez-multi-select-input__label--padding-top);left:var(--ez-multi-select-input__label--padding-left)}.trigger__label--floated{font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-multi-select-input__label--floating--top)}.trigger__label--disabled{color:var(--ez-multi-select-input__input--disabled--color)}.trigger__label--error{color:var(--ez-multi-select-input__tooltip_icon--error--color)}.trigger__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger__value--placeholder{color:var(--ez-multi-select-input__placeholder--color)}.trigger__value--with-label{padding-top:14px}.trigger__chevron{position:absolute;right:8px;display:flex;align-items:center;color:var(--ez-multi-select-input--color)}.trigger--disabled .trigger__chevron{color:var(--ez-multi-select-input__input--disabled--color)}ez-icon.tooltip-icon{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;width:var(--ez-multi-select-input__tooltip-icon---width);height:22px;margin:var(--ez-multi-select-input__tooltip-icon---vertical-margin)\n          var(--ez-multi-select-input__tooltip-icon---horizontal-margin);top:0;right:var(--ez-multi-select-input__icon--width);border-radius:var(--ez-multi-select-input--border-radius)}ez-icon.tooltip-icon.hasError{--ez-icon--color:var(--ez-multi-select-input__tooltip_icon--error--color)}ez-popover-core ez-multi-selection-list{padding:var(--space--2xs, 8px);--ez-multi-selection-default-width:100%}";
 
 const EzMultiSelectInput = class {
@@ -1116,6 +1173,204 @@ const EzRichText = class {
 };
 EzRichText.style = ezRichTextCss;
 
+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;
+  }
+  async componentWillLoad() {
+    this.i18n = await index$1.initI18n();
+  }
+  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 ? this.i18n("ez-rich-text.edit") : this.i18n("ez-rich-text.preview"))));
+  }
+  getPreviewTitle() {
+    return this.isPreviewMode
+      ? this.i18n("ez-rich-text.title.edit")
+      : this.i18n("ez-rich-text.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;
+
+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 componentWillLoad() {
+    this.i18n = await index$1.initI18n();
+  }
+  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 = this.i18n("ez-simple-image-uploader.imageTooLarge", { maxSize: 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="${this.i18n("ez-simple-image-uploader.imageAlt")}" />`;
+    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: this.i18n("ez-simple-image-uploader.uploadTitle"), modalSubTitle: this.i18n("ez-simple-image-uploader.uploadSubtitle"), okButtonLabel: this.i18n("ez-simple-image-uploader.submit"), cancelButtonLabel: this.i18n("app.cancel"), onEzModalAction: this.handleActionPopup.bind(this), okButtonStatus: this.getOkButtonStatus() }, index.h("div", { class: "image-uploader-container" }, index.h("ez-tooltip", { message: this.i18n("ez-simple-image-uploader.tooltipMessage"), active: !!this.selectedFile }, index.h("ez-text-input", { label: this.i18n("ez-simple-image-uploader.urlInputLabel"), value: this.link, onEzChange: (e) => this.link = e.detail, enabled: !this.selectedFile })), index.h("span", null, this.i18n("ez-simple-image-uploader.orText")), 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: this.i18n("ez-simple-image-uploader.removeFile") }, 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" }, this.i18n("ez-simple-image-uploader.dragDropText")))), 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;
+
 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 {
@@ -1220,6 +1475,9 @@ exports.ez_classic_search_result_list = EzClassicSearchResultList;
 exports.ez_combo_box_list = EzComboBoxList;
 exports.ez_custom_form_input = EzCustomFormInput;
 exports.ez_image_input = EzImageInput;
+exports.ez_link_builder = EzLinkBuilder;
 exports.ez_multi_select_input = EzMultiSelectInput;
 exports.ez_rich_text = EzRichText;
+exports.ez_rich_toolbar = EzRichToolbar;
+exports.ez_simple_image_uploader = EzSimpleImageUploader;
 exports.ez_text_edit = EzTextEdit;