@sankhyalabs/ezui 6.0.2 → 6.1.0-dev.10

package/dist/cjs/{DataBinder-e92314c2.js → search-column-27d1f72f.js}

@@ -2,6 +2,7 @@
 
 const core = require('@sankhyalabs/core');
 const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
+const index = require('./index-a7b0c73d.js');
 
 const buildFieldMetadata = (descriptor, config) => {
   let { name, label, group } = Object.assign({}, config);
@@ -107,8 +108,12 @@ class RecordValidationProcessor {
 class DataBinder {
   constructor(dataUnit) {
     this.onDataUnitEvent = (action) => {
-      var _a, _b;
+      var _a;
       switch (action.type) {
+        case core.Action.MULTIPLE_EDITION_CHANGED:
+          this.clearInvalid();
+          this.updateAllFieldsValues();
+          break;
         case core.Action.DATA_LOADED:
         case core.Action.DATA_SAVED:
         case core.Action.RECORDS_REMOVED:
@@ -123,13 +128,11 @@ class DataBinder {
         case core.Action.CHANGE_UNDONE:
         case core.Action.CHANGE_REDONE:
         case core.Action.RECORD_LOADED:
-          (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
-            this.updateValue(field.fieldName, field.field);
-          });
+          this.updateAllFieldsValues();
           this.clearFieldError(Object.keys(action.payload)[0]);
           break;
         case core.Action.FIELD_INVALIDATED:
-          (_b = this._fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+          (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
             this.updateErrorMessage(field.fieldName, field.field);
           });
           break;
@@ -227,13 +230,19 @@ class DataBinder {
       this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
     }
   }
-  updateValue(fieldName, field) {
+  updateFieldValue(fieldName, field) {
     const bind = this._fields.get(fieldName);
     try {
-      if (bind) {
+      if (bind)
         bind.listen = false;
+      if (this._dataUnit.isMultipleEdition && this.hasMultipleValuesBetweenRecords(fieldName)) {
+        field['value'] = undefined;
+        field['alternativePlaceholder'] = 'Múltiplos Valores';
+      }
+      else {
+        field["value"] = this._dataUnit.getFieldValue(fieldName);
+        field['alternativePlaceholder'] = undefined;
       }
-      field["value"] = this._dataUnit.getFieldValue(fieldName);
       this.updateErrorMessage(fieldName, field);
     }
     finally {
@@ -242,6 +251,14 @@ class DataBinder {
       }
     }
   }
+  hasMultipleValuesBetweenRecords(key) {
+    var _a, _b;
+    const selectedRecords = (_b = (_a = this._dataUnit.getSelectionInfo()) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : [];
+    if (selectedRecords.length <= 1)
+      return false;
+    const firstValue = selectedRecords[0][key];
+    return !selectedRecords.every(record => core.ObjectUtils.equals(record[key], firstValue));
+  }
   validate() {
     return this._recordValidatorProcessor.validate();
   }
@@ -280,7 +297,7 @@ class DataBinder {
       oldBind.destroy();
     }
     this.bindSearchOptionsLoader(fieldName, field);
-    field["value"] = this._dataUnit.getFieldValue(fieldName);
+    this.updateFieldValue(fieldName, field);
     this.updateErrorMessage(fieldName, field);
     this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName) => this.cancelWaitingChange(fieldName), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
     this.applyEzUploadContext(fieldName, field);
@@ -322,8 +339,14 @@ class DataBinder {
       this._dataUnit.addRecord();
     }
     this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
-    const record = this._dataUnit.getSelectedRecord();
-    this._dataUnit.setFieldValue(fieldName, newValue, record ? [record.__record__id__] : undefined);
+    if (this._dataUnit.isMultipleEdition) {
+      const selectionInfo = this._dataUnit.getSelectionInfo();
+      this._dataUnit.setFieldValue(fieldName, newValue, selectionInfo.recordIds);
+    }
+    else {
+      const record = this._dataUnit.getSelectedRecord();
+      this._dataUnit.setFieldValue(fieldName, newValue, record ? [record.__record__id__] : undefined);
+    }
     if (this._dataUnit.waitingForChange(fieldName)) {
       const bind = this._fields.get(fieldName);
       if (bind) {
@@ -332,8 +355,9 @@ class DataBinder {
     }
   }
   bindSearchOptionsLoader(fieldName, field) {
-    if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] == undefined) {
-      const loader = core.ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
+    if ((field.nodeName === "EZ-SEARCH" || field.nodeName === "EZ-SEARCH-PLUS") && field["optionLoader"] == undefined) {
+      const isSearchPlus = field.nodeName === "EZ-SEARCH-PLUS";
+      const loader = isSearchPlus ? core.ApplicationContext.getContextValue("__EZUI__SEARCH__PLUS__OPTION__LOADER__") : core.ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
       if (loader) {
         field["optionLoader"] = (arg, ctxOptions) => {
           return loader(arg, fieldName, this._dataUnit, ctxOptions);
@@ -354,6 +378,12 @@ class DataBinder {
       field["maxFiles"] = ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.MAX_FILES) || 0;
     }
   }
+  updateAllFieldsValues() {
+    var _a;
+    (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
+      this.updateFieldValue(field.fieldName, field.field);
+    });
+  }
   interceptAction(action) {
     if (action.type === core.Action.RECORDS_COPIED) {
       const cleanFields = this._formMetadata.getCleanOnCopyFields();
@@ -440,6 +470,36 @@ class Bind {
   }
 }
 
+const LABEL_SEARCH_FIELD = "Buscar campos (ctrl+F)";
+const LABEL_SEARCH_COLUMN = "Buscar colunas (Ctrl+F)";
+const SHORTCUT_SEARCH_FIELD = "ctrl+f";
+const SEARCH_FIELD_FULL_WIDTH = 240;
+const SEARCH_FIELD_MARGIN_BOTTOM = "0px";
+const SEARCH_FIELD_WIDTH = String(SEARCH_FIELD_FULL_WIDTH - 30) + "px";
+const buildFieldSearch = (action, optionLoader, onSelectField) => {
+  return index.h("ez-search", { class: 'ez-padding--small ez-margin--none', style: {
+      "--ez-text-input__margin-bottom": SEARCH_FIELD_MARGIN_BOTTOM,
+      "--ez-search--width": SEARCH_FIELD_WIDTH
+    }, canShowError: false, showSelectedValue: false, showOptionValue: false, suppressEmptyOption: true, label: action.label, value: null, optionLoader: optionLoader, onEzChange: (evt) => 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.LABEL_SEARCH_COLUMN = LABEL_SEARCH_COLUMN;
+exports.LABEL_SEARCH_FIELD = LABEL_SEARCH_FIELD;
 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/collection/collection-manifest.json

@@ -17,6 +17,7 @@
     "./components/ez-actions-button/ez-actions-button.js",
     "./components/ez-alert/ez-alert.js",
     "./components/ez-application/ez-application.js",
+    "./components/ez-avatar/ez-avatar.js",
     "./components/ez-badge/ez-badge.js",
     "./components/ez-button/ez-button.js",
     "./components/ez-calendar/ez-calendar.js",
@@ -28,6 +29,7 @@
     "./components/ez-date-input/ez-date-input.js",
     "./components/ez-date-time-input/ez-date-time-input.js",
     "./components/ez-dialog/ez-dialog.js",
+    "./components/ez-sortable-list/ez-sortable-list.js",
     "./components/ez-double-list/ez-double-list.js",
     "./components/ez-dropdown/ez-dropdown.js",
     "./components/ez-file-item/ez-file-item.js",
@@ -46,8 +48,18 @@
     "./components/ez-popover-plus/ez-popover-plus.js",
     "./components/ez-popover-plus/subcomponent/ez-popover-core.js",
     "./components/ez-popup/ez-popup.js",
+    "./components/ez-rich-text/ez-rich-text.js",
+    "./components/ez-rich-text/ez-link-builder/ez-link-builder.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/ez-rich-toolbar-arrows.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/ez-rich-toolbar-configs.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/ez-rich-toolbar-item.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/ez-rich-toolbar-letters.js",
+    "./components/ez-rich-text/ez-simple-image-uploader/ez-simple-image-uploader.js",
     "./components/ez-scroller/ez-scroller.js",
     "./components/ez-search/subcomponent/search-list/search-list.js",
+    "./components/ez-search-plus/ez-search-plus.js",
+    "./components/ez-search-plus/subcomponent/ez-search-result-list/ez-search-result-list.js",
     "./components/ez-sidebar-button/ez-sidebar-button.js",
     "./components/ez-sidebar-navigator/ez-sidebar-navigator.js",
     "./components/ez-skeleton/ez-skeleton.js",
@@ -192,6 +204,16 @@
       "components": [
         "ez-upload"
       ]
+    },
+    {
+      "components": [
+        "ez-search-plus"
+      ]
+    },
+    {
+      "components": [
+        "ez-search-result-list"
+      ]
     }
   ]
 }

package/dist/collection/components/ez-avatar/ez-avatar.css

@@ -0,0 +1,139 @@
+:host {
+  /* Cores e outras definições */
+  --ez-avatar--background-color: var(--color--ocean-green-600, #008561);
+  --ez-avatar--color: var(--color--gray-70, #fff);
+  --ez-avatar--border-radius-circle: 50%;
+  --ez-avatar--border-radius-square: 25%;
+
+  /* Hover */
+  --ez-avatar--background-color-hover: var(--color--ocean-green-700, #00684C);
+
+}
+
+button,
+figure {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: var(--ez-avatar--border);
+  background-color: var(--ez-avatar--background-color);
+  color: var(--ez-avatar--color);
+  font-weight: var(--font-weight--medium, 500);
+  font-family: var(--font-pattern, 'Roboto');
+  transition: background-color 0.2s linear, color 0.2s linear;
+  margin: 0;
+  padding: 0;
+}
+
+button:hover {
+  cursor: pointer;
+  background-color: var(--ez-avatar--background-color-hover);
+}
+
+/* Definindo o tamanho do avatar com variáveis 
+ * A largura e altura do avatar são definidas em rem para manter a consistência e escalabilidade em relação ao --avatar-size. 
+ * Por exemplo, width: 20rem significa que o avatar terá 20 vezes o tamanho base da fonte do root (normalmente 320px se a base for 16px).
+*/
+.avatar--320 {
+  --avatar-size: 320px;
+  width: 20rem;
+  height: 20rem;
+}
+.avatar--300 {
+  --avatar-size: 300px;
+  width: 18.75rem;
+  height: 18.75rem;
+}
+.avatar--280 {
+  --avatar-size: 280px;
+  width: 17.5rem;
+  height: 17.5rem;
+}
+.avatar--260 {
+  --avatar-size: 260px;
+  width: 16.25rem;
+  height: 16.25rem;
+}
+.avatar--240 {
+  --avatar-size: 240px;
+  width: 15rem;
+  height: 15rem;
+}
+.avatar--220 {
+  --avatar-size: 220px;
+  width: 13.75rem;
+  height: 13.75rem;
+}
+.avatar--200 {
+  --avatar-size: 200px;
+  width: 12.5rem;
+  height: 12.5rem;
+}
+.avatar--180 {
+  --avatar-size: 180px;
+  width: 11.25rem;
+  height: 11.25rem;
+}
+.avatar--160 {
+  --avatar-size: 160px;
+  width: 10rem;
+  height: 10rem;
+}
+.avatar--140 {
+  --avatar-size: 140px;
+  width: 8.75rem;
+  height: 8.75rem;
+}
+.avatar--120 {
+  --avatar-size: 120px;
+  width: 7.5rem;
+  height: 7.5rem;
+}
+.avatar--100 {
+  --avatar-size: 100px;
+  width: 6.25rem;
+  height: 6.25rem;
+}
+.avatar--80 {
+  --avatar-size: 80px;
+  width: 5rem;
+  height: 5rem;
+}
+.avatar--60 {
+  --avatar-size: 60px;
+  width: 3.75rem;
+  height: 3.75rem;
+}
+
+/* Estilo para inicial do Avatar */
+.avatar-initial {
+  font-size: calc(0.375 * var(--avatar-size)); /* 37.5% do tamanho do avatar. */
+}
+
+/* Classes de formato */
+.avatar--circle {
+  border-radius: var(--ez-avatar--border-radius-circle);
+}
+
+.avatar--square {
+  border-radius: var(--ez-avatar--border-radius-square);
+}
+
+/* Estilo para imagens dentro do avatar */
+.avatar-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: inherit;
+}
+
+.avatar--has-image {
+  background-color: transparent;
+}
+
+ez-icon {
+  --ez-icon--color: var(--color--gray-70, #fff);
+
+  font-weight: var(--font-weight--medium, 500);
+}
+

package/dist/collection/components/ez-avatar/ez-avatar.js

@@ -0,0 +1,143 @@
+import { h } from '@stencil/core';
+export class EzAvatar {
+  constructor() {
+    this.DECIMAL_PARSE_BASE = 10;
+    this.FONT_SIZE_BASE_CALC = 0.375;
+    this.name = undefined;
+    this.imageSrc = undefined;
+    this.size = '100';
+    this.shape = 'circle';
+    this.isInteractive = false;
+  }
+  /** Obtém a inicial do nome do usuário. */
+  getInitial() {
+    var _a;
+    return ((_a = this.name) === null || _a === void 0 ? void 0 : _a.trim()) ? this.name.charAt(0).toUpperCase() : '';
+  }
+  calcFontSize() {
+    const sizeNumber = parseInt(this.size, this.DECIMAL_PARSE_BASE);
+    return this.FONT_SIZE_BASE_CALC * sizeNumber;
+  }
+  getClass() {
+    return `avatar avatar--${this.size} avatar--${this.shape} ${this.imageSrc ? 'avatar--has-image' : ''}`;
+  }
+  renderAvatarContent() {
+    if (this.imageSrc) {
+      return h("img", { src: this.imageSrc, alt: this.name || 'Avatar', class: "avatar-image" });
+    }
+    if (this.name) {
+      return h("span", { class: "avatar-initial", "aria-hidden": "true" }, this.getInitial());
+    }
+    return h("ez-icon", { class: "avatar-icon", iconName: "account-outline", fontSize: this.calcFontSize() });
+  }
+  render() {
+    if (this.isInteractive) {
+      return (h("button", { "aria-label": "Perfil", class: this.getClass() }, this.renderAvatarContent()));
+    }
+    return (h("figure", { class: this.getClass() }, this.renderAvatarContent()));
+  }
+  static get is() { return "ez-avatar"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-avatar.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-avatar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Nome do usu\u00E1rio para exibi\u00E7\u00E3o da inicial."
+        },
+        "attribute": "name",
+        "reflect": true
+      },
+      "imageSrc": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "URL da imagem do Avatar."
+        },
+        "attribute": "image-src",
+        "reflect": true
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'320' | '300' | '280' | '260' | '240' | '220' | '200' | '180' | '160' | '140' | '120' | '100' | '80' | '60'",
+          "resolved": "\"100\" | \"120\" | \"140\" | \"160\" | \"180\" | \"200\" | \"220\" | \"240\" | \"260\" | \"280\" | \"300\" | \"320\" | \"60\" | \"80\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Tamanho do Avatar (valores permitidos):\n'320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200',\n'180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'."
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "'100'"
+      },
+      "shape": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'circle' | 'square'",
+          "resolved": "\"circle\" | \"square\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o formato do Avatar: 'circle' ou 'square'."
+        },
+        "attribute": "shape",
+        "reflect": true,
+        "defaultValue": "'circle'"
+      },
+      "isInteractive": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true, o Avatar ser\u00E1 interativo. Caso contr\u00E1rio, ser\u00E1 est\u00E1tico."
+        },
+        "attribute": "is-interactive",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+}

package/dist/collection/components/ez-check/ez-check.css

@@ -351,6 +351,9 @@ input.switch-mode:checked:disabled::after {
   font-family: var(--ez-check--label--font-family);
   cursor: default;
   width: inherit;
+  display: block;
+  align-content: center;
+  gap: var(--space--small);
 }
 
 .label--disabled {
@@ -359,4 +362,10 @@ input.switch-mode:checked:disabled::after {
 
 .label--padding {
   padding-left: var(--space--extra-small);
+}
+
+.label-alternative {
+  font-size: var(--text--small);
+  color: var(--text--secondary);
+  padding-top: 2px;
 }

package/dist/collection/components/ez-check/ez-check.js

@@ -4,6 +4,7 @@ import { CheckMode } from './CheckMode';
 export class EzCheck {
   constructor() {
     this.label = undefined;
+    this.alternativePlaceholder = undefined;
     this.value = undefined;
     this.enabled = true;
     this.indeterminate = undefined;
@@ -55,25 +56,32 @@ export class EzCheck {
     this.ezChange.emit(this.value);
   }
   getLabelClasses() {
-    const classes = ["label"];
+    const classes = ['label'];
     if (!this.enabled) {
-      classes.push("label--disabled");
+      classes.push('label--disabled');
     }
     if (!this.compact) {
-      classes.push("label--padding");
+      classes.push('label--padding');
     }
-    return classes.join(" ");
+    return classes.join(' ');
   }
   getInputClasses() {
     var _a;
-    const classes = [""];
-    classes.push(((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH ? "switch-mode" : "regular-mode");
+    const classes = [''];
+    classes.push(((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH ? 'switch-mode' : 'regular-mode');
     if (this.compact)
-      classes.push("compact");
-    return classes.join(" ");
+      classes.push('compact');
+    return classes.join(' ');
   }
   render() {
-    return (h(Host, null, h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => { this.changeValue(); }, indeterminate: this.indeterminate, disabled: !this.enabled, "data-element-id": ElementIDUtils.getInternalIDInfo("input") }), this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
+    return (h(Host, null, h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => {
+        this.changeValue();
+      }, indeterminate: this.indeterminate, disabled: !this.enabled, "data-element-id": ElementIDUtils.getInternalIDInfo('input') }), this.renderLabel()));
+  }
+  renderLabel() {
+    if (!this.label)
+      return undefined;
+    return (h("label", { class: this.getLabelClasses(), onClick: () => this.changeValue(), title: this.label }, this.label, " ", this.alternativePlaceholder ? h("span", { class: "label-alternative" }, this.alternativePlaceholder) : undefined));
   }
   static get is() { return "ez-check"; }
   static get encapsulation() { return "shadow"; }
@@ -106,6 +114,23 @@ export class EzCheck {
         "attribute": "label",
         "reflect": true
       },
+      "alternativePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto alternativo a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "alternative-placeholder",
+        "reflect": true
+      },
       "value": {
         "type": "boolean",
         "mutable": true,

package/dist/collection/components/ez-chip/ez-chip.js

@@ -8,6 +8,7 @@ export class EzChip {
     this.mode = undefined;
     this.value = false;
     this.showNativeTooltip = true;
+    this.disableAutoUpdateValue = false;
   }
   //---------------------------------------------
   // Public methods
@@ -42,7 +43,7 @@ export class EzChip {
       return;
     if (this.mode === "action")
       return this.actionClick.emit();
-    if (target.tagName.toLowerCase() !== "ez-icon")
+    if (target.tagName.toLowerCase() !== "ez-icon" && !this.disableAutoUpdateValue)
       return this.handleValueChange();
     if (target.classList.contains("btn-close"))
       return this.removeChip.emit();
@@ -208,6 +209,24 @@ export class EzChip {
         "attribute": "show-native-tooltip",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "disableAutoUpdateValue": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Desabilita a altera\u00E7\u00E3o da propriedade value ao clicar."
+        },
+        "attribute": "disable-auto-update-value",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css

@@ -48,6 +48,7 @@ ez-icon {
   display: flex;
   flex-direction: column;
   width: 100%;
+  overflow: hidden;
 }
 
 

package/dist/collection/components/ez-combo-box/ez-combo-box-list/ez-combo-box-list.css

@@ -73,6 +73,7 @@
   width: 100%;
   height: 100%;
   padding: 0;
+  margin: 0;
   display: flex;
   flex-direction: column;  
   scroll-behavior: smooth;