@sankhyalabs/ezui 5.22.0-dev.21 → 5.22.0-dev.23

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

@@ -35,7 +35,8 @@ export class EzSearch {
     this.ignoreLimitCharsToSearch = false;
     this.options = undefined;
     this.suppressSearch = false;
-    this.fromGrid = false;
+    this.ensureClearButtonVisible = false;
+    this.suppressPreLoad = false;
   }
   observeErrorMessage() {
     var _a;
@@ -68,7 +69,7 @@ export class EzSearch {
     }
   }
   observeOptions(newOptions, oldOptions) {
-    if (!newOptions.length && this.fromGrid)
+    if (!newOptions.length && this.suppressPreLoad)
       return;
     if ((newOptions === null || newOptions === void 0 ? void 0 : newOptions.join('')) === (oldOptions === null || oldOptions === void 0 ? void 0 : oldOptions.join('')))
       return;
@@ -270,7 +271,7 @@ export class EzSearch {
       title: opt.label,
       details: opt.details
     };
-    return h("div", { style: { "height": "100%" }, class: index === this._preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this._preSelection = index }, h("ez-card-item", { item: card }));
+    return h("div", { style: { "height": "100%" }, class: index === this._preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this._preSelection = index }, h("ez-card-item", { item: card, compacted: true }));
   }
   showOptions() {
     if (!this.enabled)
@@ -662,7 +663,7 @@ export class EzSearch {
   render() {
     var _a;
     ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.fromGrid)
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
       ? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
       : undefined), h("section", { class: "list-container", ref: elem => this._listContainer = elem }, h("div", { class: "list-wrapper", ref: elem => this._listWrapper = elem }, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this._showLoading
       && this._visibleOptions.length === 0
@@ -988,7 +989,7 @@ export class EzSearch {
         "reflect": false,
         "defaultValue": "false"
       },
-      "fromGrid": {
+      "ensureClearButtonVisible": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -1000,9 +1001,27 @@ export class EzSearch {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Informa se o componente est\u00E1 instanciado de dentro de uma grade"
+          "text": "Garante que o bot\u00E3o de limpar pesquisa est\u00E1 sempre vis\u00EDvel"
         },
-        "attribute": "from-grid",
+        "attribute": "ensure-clear-button-visible",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "suppressPreLoad": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true, desabilita pr\u00E9-load das op\u00E7\u00F5es ao carregar componente"
+        },
+        "attribute": "suppress-pre-load",
         "reflect": false,
         "defaultValue": "false"
       }

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

@@ -8,6 +8,8 @@
     --ez-sidebar-button--hover--width: 12px;
     /*@doc Define a altura do span do botão.*/
     --ez-sidebar-button--height: 96px;
+    /*@doc Define a camada em que o componente será exibido.*/
+	--ez-sidebar-navigator-button--z-index: var(--elevation--20, 20);
 
     /* cor */
     /*@doc Define a cor de fundo do botão.*/
@@ -35,6 +37,7 @@
 }
 
 button {
+    z-index: var(--ez-sidebar-navigator-button--z-index);
     position: absolute;
     display: flex;
     background: var(--ez-sidebar-button--background-color--xlight);

package/dist/collection/components/ez-sidebar-button/ez-sidebar-button.js

@@ -11,7 +11,7 @@ export class EzSidebarButton {
     }
   }
   render() {
-    return (h("button", { type: "button", onClick: () => { this.ezClick.emit(); }, ref: (el) => this._button = el }, h("span", null), h("ez-icon", { iconName: "chevron-right" })));
+    return (h("button", { type: "button", onClick: () => { this.ezClick.emit(); }, ref: (el) => this._button = el }, h("span", null), h("ez-icon", { iconName: "chevron-right", size: "small" })));
   }
   static get is() { return "ez-sidebar-button"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ez-sidebar-navigator/ez-sidebar-navigator.css

@@ -14,6 +14,8 @@
 	--ez-sidebar-navigator--border-radius: 0px var(--border--radius-medium) var(--border--radius-medium) 0px;
 	/*@doc Força uma altura especifica para o sidebar, o padrão é 100% da tela*/
 	--ez-sidebar-navigator--height: calc(100vh - var(--space--lg, 24px));
+	/*@doc Define a camada em que o componente será exibido.*/
+	--ez-sidebar-navigator--z-index: var(--elevation--20, 20);
 	
 	/*Labels Header */
 	/*@doc Define o espaçamento entre os componente do cabeçalho*/
@@ -124,7 +126,7 @@
 
 .dynamic {
 	position: absolute;
-	z-index: var(--most-visible	, 4);
+	z-index: var(--ez-sidebar-navigator--z-index);
 }
 
 .fixed {

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

@@ -23,7 +23,7 @@
     /*@doc Define a cor do label.*/
     --ez-split-button--color: var(--title--primary, #FFF);
     /*@doc Define o tamanho do label.*/
-    --ez-split-button--font-size: var(--text--medium, 14px);
+    --ez-split-button--font-size: var(--text--small, 12px);
     /*@doc Define a família da fonte do label.*/
     --ez-split-button--font-family: var(--font-pattern, Arial);
     /*@doc Define o peso da fonte do label.*/

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

@@ -42,7 +42,7 @@ export class EzSplitButton {
   }
   getIconSize(sizeParam = 'medium') {
     var _a;
-    const sizeList = ['medium', 'large'];
+    const sizeList = ['small', 'medium', 'large'];
     const sizeLowerCase = (_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     return sizeList.includes(sizeLowerCase) ? sizeLowerCase : sizeParam;
   }
@@ -311,8 +311,8 @@ export class EzSplitButton {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'medium' | 'large'",
-          "resolved": "\"large\" | \"medium\"",
+          "original": "'small' | 'medium' | 'large'",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.css

@@ -45,6 +45,7 @@
 .ez-split-item--header-buttons {
   display: flex;
   align-items: center;
+  max-height: 20px;
 }
 
 .ez-split-item--content {