@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-78812-2.0 → 0.0.0-bugfix-dev-KB-76362.1

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

@@ -38,8 +38,7 @@ export class EzSearch {
     this.options = undefined;
     this.suppressSearch = false;
     this.ensureClearButtonVisible = false;
-    this.suppressPreLoad = true;
-    this.autoFocus = false;
+    this.suppressPreLoad = false;
   }
   observeErrorMessage() {
     var _a;
@@ -50,21 +49,12 @@ export class EzSearch {
       }
     }
   }
-  getValue(val) {
-    return typeof val === 'object' ? val === null || val === void 0 ? void 0 : val.value : val;
-  }
   validateNewValue(newValue, oldValue) {
-    const parsedNewValue = this.getValue(newValue);
-    const parsedOldValue = this.getValue(oldValue);
-    const newValueIsValid = parsedNewValue !== "[object Object]";
-    const valuesIsDifferent = parsedNewValue !== parsedOldValue;
-    if (newValueIsValid && valuesIsDifferent) {
-      return true;
-    }
-    return false;
+    const getValue = (val) => typeof val === 'object' ? val === null || val === void 0 ? void 0 : val.value : val;
+    return (getValue(newValue) !== getValue(oldValue));
   }
   async observeValue(newValue, oldValue) {
-    if (this._textInput && this.validateNewValue(newValue, oldValue)) {
+    if (this._textInput && newValue !== oldValue && this.validateNewValue(newValue, oldValue)) {
       if (typeof newValue === "string") {
         await this.handleValueAsString(newValue);
         return;
@@ -107,9 +97,9 @@ export class EzSearch {
   /**
    * Aplica o foco no campo.
    */
-  async setFocus(options) {
+  async setFocus() {
     if (this._textInput) {
-      this._textInput.setFocus(options);
+      this._textInput.setFocus();
     }
   }
   /**
@@ -152,9 +142,6 @@ export class EzSearch {
       return;
     }
     await this.loadDescriptionValue(value);
-    if (!this._currentValue) {
-      return;
-    }
     this.setInputValue();
     this.ezChange.emit(this.value);
     this._currentValue = this.value;
@@ -210,7 +197,7 @@ export class EzSearch {
       return;
     }
     let text = (!this.showSelectedValue || currentValue.value == undefined) ? currentValue.label : currentValue.label ? `${currentValue.value} - ${currentValue.label}` : currentValue.value;
-    text = text === null || text === void 0 ? void 0 : text.replace(new RegExp(this._startHighlightTag, 'g'), '').replace(new RegExp(this._endHighlightTag, 'g'), '');
+    text = text.replace(new RegExp(this._startHighlightTag, 'g'), '').replace(new RegExp(this._endHighlightTag, 'g'), '');
     return text;
   }
   getText() {
@@ -370,7 +357,7 @@ export class EzSearch {
         this.updateVisibleOptions();
         if (this._tabPressed) {
           this._tabPressed = false;
-          this.controlEmptySearch(false);
+          this.controlEmptySearch();
         }
       }
       else {
@@ -385,16 +372,15 @@ export class EzSearch {
   replaceHighlight(value) {
     const startHighlight = new RegExp(this._startHighlightTag, 'g');
     const endHighlight = new RegExp(this._endHighlightTag, 'g');
-    return String(value !== null && value !== void 0 ? value : "").replace(startHighlight, '').replace(endHighlight, '');
+    return (value !== null && value !== void 0 ? value : "").replace(startHighlight, '').replace(endHighlight, '');
   }
-  selectOption(newOption, focusOnInput = true) {
+  selectOption(newOption) {
     var _a, _b;
     const currentValue = this.getSelectedOption(this.value);
     const newOptionsReplaced = Object.assign(Object.assign({}, newOption), { value: this.replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.value), label: this.replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.label) });
-    const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: this.replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: this.replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.label) });
-    if ((((_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.value) === null || _a === void 0 ? void 0 : _a.toString()) !== ((_b = newOptionsFormatted === null || newOptionsFormatted === void 0 ? void 0 : newOptionsFormatted.value) === null || _b === void 0 ? void 0 : _b.toString()))
-      || (currentValue == undefined && newOptionsFormatted != undefined && "value" in newOptionsFormatted)) {
-      const adjustedOpt = !(newOptionsFormatted === null || newOptionsFormatted === void 0 ? void 0 : newOptionsFormatted.value) ? undefined : newOptionsFormatted;
+    if ((((_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.value) === null || _a === void 0 ? void 0 : _a.toString()) !== ((_b = newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value) === null || _b === void 0 ? void 0 : _b.toString()))
+      || (currentValue == undefined && newOptionsReplaced != undefined && "value" in newOptionsReplaced)) {
+      const adjustedOpt = !(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value) ? undefined : newOptionsReplaced;
       this.value = adjustedOpt;
       this._currentValue = adjustedOpt;
     }
@@ -404,11 +390,6 @@ export class EzSearch {
     }
     this._visibleOptions = [];
     this.clearSource();
-    if (focusOnInput) {
-      setTimeout(() => {
-        this.setFocus();
-      }, 0);
-    }
   }
   loadOptions(mode, argument = "") {
     this._criteria = argument;
@@ -445,7 +426,7 @@ export class EzSearch {
     this.value = null;
     this._currentValue = null;
   }
-  controlListWithOnlyOne(focusOnInput = true) {
+  controlListWithOnlyOne() {
     var _a, _b;
     const source = (_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.filter((opt) => opt.label !== "" && opt.value != undefined);
     if ((source === null || source === void 0 ? void 0 : source.length) > 0) {
@@ -456,17 +437,17 @@ export class EzSearch {
         value: (_b = source[0].value) === null || _b === void 0 ? void 0 : _b.replace(startHighlight, '').replace(endHighlight, ''),
         label: title === null || title === void 0 ? void 0 : title.replace(startHighlight, '').replace(endHighlight, '')
       };
-      this.selectOption(option, focusOnInput);
+      this.selectOption(option);
     }
   }
-  controlEmptySearch(focusOnInput = true) {
+  controlEmptySearch() {
     var _a;
     if (!((_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.length)) {
       this.clearSearch();
       ApplicationUtils.info(this._textEmptyList);
     }
     else {
-      this.controlListWithOnlyOne(focusOnInput);
+      this.controlListWithOnlyOne();
     }
   }
   async loadDescriptionValue(argument) {
@@ -537,19 +518,6 @@ export class EzSearch {
     this._preSelection = undefined;
     this.updateVisibleOptions();
   }
-  async handleInitialValue() {
-    const valueIsValid = !!this.getValue(this.value);
-    if (!valueIsValid) {
-      return;
-    }
-    if (typeof this.value === "string") {
-      await this.handleValueAsString(this.value);
-      return;
-    }
-    let text = this.getFormattedText(this.value);
-    text = this.replaceQuotes(text);
-    this._textInput.value = text;
-  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -581,9 +549,10 @@ export class EzSearch {
       ElementIDUtils.addIDInfoIfNotExists(elem, "itemSearch");
     });
   }
-  async componentDidLoad() {
+  componentDidLoad() {
     this._currentValue = this.value;
     CSSVarsUtils.applyVarsTextInput(this.el, this._textInput);
+    this.setInputValue(false);
     this._resizeObserver = new ResizeObserver((entries) => {
       window.requestAnimationFrame(() => {
         if (!Array.isArray(entries) || !entries.length)
@@ -594,16 +563,6 @@ export class EzSearch {
         }
       });
     });
-    await this.handleInitialValue();
-    if (this.autoFocus) {
-      requestAnimationFrame(() => {
-        this.setFocus({ selectText: true });
-      });
-    }
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   //---------------------------------------------
   // Event handlers
@@ -673,16 +632,12 @@ export class EzSearch {
     }
     switch (event.key) {
       case "ArrowDown":
-        event.stopPropagation();
-        if (this.canShowListOptions())
-          event.preventDefault();
         this.nextOption();
+        event.stopPropagation();
         break;
       case "ArrowUp":
-        event.stopPropagation();
-        if (this.canShowListOptions())
-          event.preventDefault();
         this.previousOption();
+        event.stopPropagation();
         break;
       case "Enter":
         this.handleEventPropagation(event);
@@ -693,7 +648,7 @@ export class EzSearch {
         break;
       case "Tab":
         this._tabPressed = true;
-        this.controlListWithOnlyOne(false);
+        this.controlListWithOnlyOne();
         break;
     }
     //ATENÇÃO: Existe a necessidade de propagar o evento de teclado.
@@ -1099,24 +1054,6 @@ export class EzSearch {
         },
         "attribute": "suppress-pre-load",
         "reflect": false,
-        "defaultValue": "true"
-      },
-      "autoFocus": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Se true o campo de texto receber\u00E1 o foco ao ser renderizado."
-        },
-        "attribute": "auto-focus",
-        "reflect": false,
         "defaultValue": "false"
       }
     };
@@ -1173,18 +1110,11 @@ export class EzSearch {
       },
       "setFocus": {
         "complexType": {
-          "signature": "(options?: TFocusOptions) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
+          "signature": "() => Promise<void>",
+          "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "TFocusOptions": {
-              "location": "import",
-              "path": "../ez-text-input/ez-text-input"
             }
           },
           "return": "Promise<void>"

package/dist/collection/components/ez-split-button/ez-split-button.css

@@ -41,9 +41,9 @@
     /*@doc Define a cor de fundo quando o cursor está sobre o botão.*/
     --ez-split-button--hover--background-color: var(--background--light, #ffffff);
     /*@doc Define a cor do texto quando o botão está desabilitado.*/
-    --ez-split-button--disabled-color: var(--text--primary);
+    --ez-split-button--disabled-color: var(--text--disable);
     /*@doc Define a cor de fundo quando o botão está desabilitado.*/
-    --ez-split-button--disabled--background-color: var(--background--medium);
+    --ez-split-button--disabled--background-color: var(--color--disable-secondary);
     /*@doc Define o estido da borda quando o botão está selecionado.*/
     --ez-split-button--focus--border: var(--border--medium, 2px) var(--color--primary-300);
     /*@doc Define a sombra do botão quando selecionado.*/

package/dist/collection/components/ez-split-panel/ez-split-panel.js

@@ -38,7 +38,7 @@ export class SplitPanel {
     this.initSplit();
     this._mutationObserver = new MutationObserver((mutationsList) => {
       for (const mutation of mutationsList) {
-        if (mutation.type === 'childList' && !this._buildInProgress) {
+        if (mutation.type === 'childList' && this._buildInProgress === false) {
           this._buildInProgress = true;
           window.requestAnimationFrame(() => {
             this.rebuildLayout();
@@ -61,29 +61,20 @@ export class SplitPanel {
     if (!this._items.length) {
       return;
     }
-    this._element.style[this.direction === 'row' ? 'grid-template-rows' : 'grid-template-columns'] = this.getGridTemplate();
+    this._element.style[this.direction == 'row' ? 'grid-template-rows' : 'grid-template-columns'] = this.getGridTemplate();
     Split(this.getGutters());
   }
-  handlePanelDragEnd() {
-    const items = this._items.map(item => ({
-      id: item.id,
-      height: item.clientHeight,
-      width: item.clientWidth,
-    }));
-    this.resizeEnd.emit({ panelId: this._element.id, items });
-  }
   getGutters() {
     const gutters = {
       columnGutters: [],
       rowGutters: [],
-      onDragEnd: () => this.handlePanelDragEnd()
     };
     if (!this._items.length) {
       return gutters;
     }
-    const proToChange = this.direction === 'row' ? 'rowGutters' : 'columnGutters';
+    const proToChange = this.direction == 'row' ? 'rowGutters' : 'columnGutters';
     this._items.forEach((item, index) => {
-      if (index === this._items.length - 1)
+      if (index == this._items.length - 1)
         return;
       let gutterTrack = item.dataset.trackNumber;
       if (index === this._items.length - 1) {
@@ -199,28 +190,6 @@ export class SplitPanel {
       }
     };
   }
-  static get events() {
-    return [{
-        "method": "resizeEnd",
-        "name": "resizeEnd",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "IPanelSizeInfo",
-          "resolved": "IPanelSizeInfo",
-          "references": {
-            "IPanelSizeInfo": {
-              "location": "global"
-            }
-          }
-        }
-      }];
-  }
   static get methods() {
     return {
       "rebuildLayout": {

package/dist/collection/components/ez-text-area/ez-text-area.css

@@ -51,20 +51,6 @@
   /*@doc Define o espaçamento direito do label.*/
   --text-area__label--padding-right: 12px;
 
-  /* scrollbar */
-  /*@doc Define a cor da barra de rolagem do componente.*/
-  --text-area__scrollbar--color-default: var(--scrollbar--default, #626e82);
-  /*@doc Define a cor de fundo da barra de rolagem do componente.*/
-  --text-area__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);
-  /*@doc Define a cor do hover na barra de rolagem do componente.*/
-  --text-area__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);
-  /*@doc Define a cor do active na barra de rolagem do componente.*/
-  --text-area__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);
-  /*@doc Define o raio da borda da barra de rolagem do componente.*/
-  --text-area__scrollbar--border-radius: var(--border--radius-small, 6px);
-  /*@doc Define a largura da barra de rolagem do componente.*/
-  --text-area__scrollbar--width: var(--space--medium, 12px);
-
   /***************
   host style  
   ***************/
@@ -91,9 +77,6 @@ textarea {
   font-size: var(--text-area--font-size);
   color: var(--text-area--color);
   margin-top: calc(var(--space--medium, 12px) + 4px);
-
-  scrollbar-width: thin;
-  scrollbar-color: var(--text-area__scrollbar--color-clicked) var(--text-area__scrollbar--color-background);
 }
 
 textarea:focus {
@@ -109,38 +92,6 @@ textarea:disabled {
   cursor: not-allowed;
 }
 
-textarea::-webkit-scrollbar {
-  background-color: var(--text-area__scrollbar--color-background);
-
-  width: var(--text-area__scrollbar--width);
-  max-width: var(--text-area__scrollbar--width);
-  min-width: var(--text-area__scrollbar--width);
-}
-
-textarea::-webkit-scrollbar-thumb {
-  /*public*/
-  background-color: var(--text-area__scrollbar--color-default);
-  border-radius: var(--text-area__scrollbar--border-radius);
-}
-
-textarea::-webkit-scrollbar-track {
-  /*public*/
-  background-color: var(--text-area__scrollbar--color-background);
-  border-radius: var(--text-area__scrollbar--border-radius);
-}
-
-textarea::-webkit-scrollbar-thumb:vertical:hover,
-textarea::-webkit-scrollbar-thumb:horizontal:hover {
-  /*public*/
-  background-color: var(--text-area__scrollbar--color-hover);
-}
-
-textarea::-webkit-scrollbar-thumb:vertical:active,
-textarea::-webkit-scrollbar-thumb:horizontal:active {
-  /*public*/
-  background-color: var(--text-area__scrollbar--color-clicked);
-}
-
 .textarea {
   /*private*/
   width: 100%;

package/dist/collection/components/ez-text-area/ez-text-area.js

@@ -2,8 +2,6 @@ import { ElementIDUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
 export class EzTextArea {
   constructor() {
-    this.LINE_HEIGHT = 24;
-    this.HEIGHT_RATIO = 1.4;
     this.label = undefined;
     this.value = undefined;
     this.enabled = true;
@@ -12,8 +10,6 @@ export class EzTextArea {
     this.canShowError = true;
     this.mode = "regular";
     this.enableResize = false;
-    this.autoRows = false;
-    this.autoFocus = false;
   }
   observeErrorMessage() {
     var _a, _b, _c, _d;
@@ -51,17 +47,8 @@ export class EzTextArea {
   observeRows() {
     const rows = this.rows > 0 ? this.rows : this.mode != "slim" ? 4 : 2;
     if (rows !== this.rows) {
-      this.updateRows(rows);
-    }
-  }
-  observeAutoRows() {
-    var _a, _b;
-    if (this.autoRows) {
-      (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-      this.initializeResizeObserver();
-    }
-    else {
-      (_b = this._resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+      this.rows = rows;
+      this._initialRows = rows;
     }
   }
   //---------------------------------------------
@@ -130,42 +117,6 @@ export class EzTextArea {
   isFocused() {
     return this._hostElement.shadowRoot.activeElement !== null;
   }
-  updateRows(newRows) {
-    this.rows = newRows;
-    this._initialRows = newRows;
-  }
-  calculateMaxRows() {
-    const parentElement = this._hostElement.parentElement;
-    if (!parentElement) {
-      return;
-    }
-    const height = Math.max((parentElement === null || parentElement === void 0 ? void 0 : parentElement.clientHeight) || 0, this.LINE_HEIGHT);
-    if (height > 0) {
-      const maxRows = Math.floor(height / this.LINE_HEIGHT * this.HEIGHT_RATIO);
-      if (maxRows !== this.rows) {
-        this.updateRows(maxRows);
-      }
-    }
-  }
-  initializeResizeObserver() {
-    if (!this.autoRows) {
-      return;
-    }
-    const parentElement = this._hostElement.parentElement;
-    if (parentElement) {
-      try {
-        if (this._resizeObserver != undefined) {
-          this._resizeObserver.unobserve(parentElement);
-        }
-        this._resizeObserver = new ResizeObserver(this.calculateMaxRows.bind(this));
-        this._resizeObserver.observe(parentElement);
-      }
-      catch (e) {
-        console.warn(e);
-      }
-      this.calculateMaxRows();
-    }
-  }
   //---------------------------------------------
   // Event handlers
   //---------------------------------------------
@@ -188,13 +139,6 @@ export class EzTextArea {
       this._container.classList.add("textarea--focus");
     }
   }
-  connectedCallback() {
-    this.initializeResizeObserver();
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -202,11 +146,6 @@ export class EzTextArea {
     this.observeErrorMessage();
     this.adjustFloatingLabel();
     this.observeMode();
-    if (this.autoFocus) {
-      requestAnimationFrame(() => {
-        this.setFocus();
-      });
-    }
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');
@@ -372,42 +311,6 @@ export class EzTextArea {
         "attribute": "enable-resize",
         "reflect": true,
         "defaultValue": "false"
-      },
-      "autoRows": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Ativa a op\u00E7\u00E3o de fazer as linhas do componente serem baseados na altura m\u00E1xima."
-        },
-        "attribute": "auto-rows",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "autoFocus": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Se true o campo de texto receber\u00E1 o foco ao ser renderizado."
-        },
-        "attribute": "auto-focus",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }
@@ -520,9 +423,6 @@ export class EzTextArea {
       }, {
         "propName": "rows",
         "methodName": "observeRows"
-      }, {
-        "propName": "autoRows",
-        "methodName": "observeAutoRows"
       }];
   }
 }