@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-80711.0 → 0.0.0-bugfix-dev-KB-79202.0

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

@@ -517,7 +517,7 @@ export class EzGrid {
     return (_a = this.columnfilterDataSource) !== null && _a !== void 0 ? _a : new InMemoryFilterColumnDataSource(this.dataUnit);
   }
   hideHeader() {
-    return (!!this._element.getAttribute("no-header") && !this._paginationInfo);
+    return !this._hasLeftButtons && !this._paginationInfo;
   }
   resolveLeftHeaderClass() {
     if (this.paginationCounterMode == 'show')
@@ -526,7 +526,17 @@ export class EzGrid {
   }
   render() {
     var _a;
-    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: `grid__container ez-grid ${this.outlineMode ? 'outline-mode' : 'shadow-mode'} ${this.compact ? 'no-padding' : ""}`, ref: elem => (this._container = elem) }), h("div", { class: `ez-box ${this.outlineMode ? 'outline-mode' : 'shadow-mode'} ez-padding--small grid-header` }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: `grid-header__container grid-header__left-container ${this.resolveLeftHeaderClass()}` }, h("slot", { name: "leftButtons" })), this.getPaginationControl())), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
+    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: {
+        'grid__container ez-grid': true,
+        'outline-mode': this.outlineMode,
+        'shadow-mode': !this.outlineMode,
+        'no-padding': this.compact,
+        'header-overlay': !this.hideHeader(),
+      }, ref: elem => (this._container = elem) }), h("div", { class: {
+        'ez-box ez-padding--small grid-header': true,
+        'outline-mode': this.outlineMode,
+        'shadow-mode': !this.outlineMode && !this.hideHeader(),
+      } }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: `grid-header__container grid-header__left-container ${this.resolveLeftHeaderClass()}` }, h("slot", { name: "leftButtons" })), this.getPaginationControl())), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
           ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
         ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
   }

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

@@ -147,74 +147,75 @@ svg {
 .ez-icon-help:before { content: "\ea5a"; }
 .ez-icon-hide-list:before { content: "\ea5b"; }
 .ez-icon-hide_menu:before { content: "\ea5c"; }
-.ez-icon-home:before { content: "\ea5d"; }
-.ez-icon-icons104:before { content: "\ea5e"; }
-.ez-icon-language:before { content: "\ea5f"; }
-.ez-icon-launch:before { content: "\ea60"; }
-.ez-icon-lightbulb:before { content: "\ea61"; }
-.ez-icon-list:before { content: "\ea62"; }
-.ez-icon-location:before { content: "\ea63"; }
-.ez-icon-lock-outline:before { content: "\ea64"; }
-.ez-icon-lock:before { content: "\ea65"; }
-.ez-icon-menu:before { content: "\ea66"; }
-.ez-icon-mid:before { content: "\ea67"; }
-.ez-icon-minus:before { content: "\ea68"; }
-.ez-icon-money-off:before { content: "\ea69"; }
-.ez-icon-money:before { content: "\ea6a"; }
-.ez-icon-more:before { content: "\ea6b"; }
-.ez-icon-mp3:before { content: "\ea6c"; }
-.ez-icon-mp4:before { content: "\ea6d"; }
-.ez-icon-multiple-files:before { content: "\ea6e"; }
-.ez-icon-north-west:before { content: "\ea6f"; }
-.ez-icon-number:before { content: "\ea70"; }
-.ez-icon-ordem-ascendente:before { content: "\ea71"; }
-.ez-icon-ordem-descendente:before { content: "\ea72"; }
-.ez-icon-parcelar:before { content: "\ea73"; }
-.ez-icon-pause:before { content: "\ea74"; }
-.ez-icon-payments:before { content: "\ea75"; }
-.ez-icon-pdf:before { content: "\ea76"; }
-.ez-icon-play:before { content: "\ea77"; }
-.ez-icon-plus:before { content: "\ea78"; }
-.ez-icon-png:before { content: "\ea79"; }
-.ez-icon-power:before { content: "\ea7a"; }
-.ez-icon-pptx:before { content: "\ea7b"; }
-.ez-icon-preview:before { content: "\ea7c"; }
-.ez-icon-print:before { content: "\ea7d"; }
-.ez-icon-push-pin:before { content: "\ea7e"; }
-.ez-icon-rateio:before { content: "\ea7f"; }
-.ez-icon-receipt:before { content: "\ea80"; }
-.ez-icon-recolher_card:before { content: "\ea81"; }
-.ez-icon-remove-from-cart:before { content: "\ea82"; }
-.ez-icon-restore:before { content: "\ea83"; }
-.ez-icon-return:before { content: "\ea84"; }
-.ez-icon-sankhya-place:before { content: "\ea85"; }
-.ez-icon-save:before { content: "\ea86"; }
-.ez-icon-search:before { content: "\ea87"; }
-.ez-icon-settings-inverted:before { content: "\ea88"; }
-.ez-icon-settings:before { content: "\ea89"; }
-.ez-icon-share:before { content: "\ea8a"; }
-.ez-icon-shield:before { content: "\ea8b"; }
-.ez-icon-show-list:before { content: "\ea8c"; }
-.ez-icon-show_menu:before { content: "\ea8d"; }
-.ez-icon-south-east:before { content: "\ea8e"; }
-.ez-icon-sync:before { content: "\ea8f"; }
-.ez-icon-table:before { content: "\ea90"; }
-.ez-icon-tag_code:before { content: "\ea91"; }
-.ez-icon-text:before { content: "\ea92"; }
-.ez-icon-timeline:before { content: "\ea93"; }
-.ez-icon-timer-outline:before { content: "\ea94"; }
-.ez-icon-trending-up:before { content: "\ea95"; }
-.ez-icon-tune:before { content: "\ea96"; }
-.ez-icon-txt:before { content: "\ea97"; }
-.ez-icon-un-pin:before { content: "\ea98"; }
-.ez-icon-unfold_less:before { content: "\ea99"; }
-.ez-icon-unfold_more:before { content: "\ea9a"; }
-.ez-icon-user-circle:before { content: "\ea9b"; }
-.ez-icon-warning-outline:before { content: "\ea9c"; }
-.ez-icon-warning_triangle:before { content: "\ea9d"; }
-.ez-icon-whatshot:before { content: "\ea9e"; }
-.ez-icon-xlsx:before { content: "\ea9f"; }
-.ez-icon-zip:before { content: "\eaa0"; }
+.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"; }
 /*
   END CSS GENERATED BY EZ-DESIGN ICONS
 */

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

@@ -16,7 +16,8 @@
   left: 0px;
   width: 100%;
   box-sizing: border-box;
-  height: 100vh;
+  height: 100vh;  
+  outline: none;
 }
 
 .modal__screen-light{

package/dist/collection/components/ez-modal-container/ez-modal-container.css

@@ -46,6 +46,7 @@
   cursor: pointer;
   background-color: transparent;
   border: none;
+  outline: none;
 }
 
 .ez-modal-container__close-icon {

package/dist/collection/components/ez-number-input/ez-number-input.js

@@ -17,7 +17,6 @@ export class EzNumberInput {
     this.prettyPrecision = undefined;
     this.mode = "regular";
     this.autoFocus = false;
-    this.noMargin = false;
   }
   /**
    * Aplica o foco no campo.
@@ -176,7 +175,7 @@ export class EzNumberInput {
     if (this.allowNegative) {
       restrict += '-';
     }
-    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value, noMargin: this.noMargin }));
+    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -366,24 +365,6 @@ export class EzNumberInput {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
-      },
-      "noMargin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento externo."
-        },
-        "attribute": "no-margin",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }

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

@@ -36,7 +36,6 @@ export class EzSearch {
     this.listOptionsPosition = undefined;
     this.isTextSearch = false;
     this.ignoreLimitCharsToSearch = false;
-    this.noMargin = false;
     this.options = undefined;
     this.suppressSearch = false;
     this.ensureClearButtonVisible = false;
@@ -723,7 +722,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, noMargin: this.noMargin }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) : h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
+    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() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) : 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
@@ -1044,24 +1043,6 @@ export class EzSearch {
         "reflect": false,
         "defaultValue": "false"
       },
-      "noMargin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento externo."
-        },
-        "attribute": "no-margin",
-        "reflect": false,
-        "defaultValue": "false"
-      },
       "options": {
         "type": "unknown",
         "mutable": true,

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

@@ -55,6 +55,7 @@
 	height: var(--ez-sidebar-navigator--height);
 	padding-top: var(--space--xs, 12px);
 	padding-bottom: var(--space--xs, 12px);
+	outline: none;
 
 	/* public */
 	gap: var(--ez-sidebar-navigator--gap);

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

@@ -100,10 +100,12 @@
   .ez-split-button__left-button{
     border: var(--ez-split-button--border);
     border-right: none;
+    outline: none;
   }
   .ez-split-button__right-button{
     border: var(--ez-split-button--border);
     border-left: none;
+    outline: none;
   }
 
   .ez-split-button__left-button:focus{

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

@@ -12,13 +12,15 @@ export class SplitItem {
    * Alterna a visibilidade do painel.
    */
   toggleExpandItem() {
+    var _a, _b;
     this._expanded = !this._expanded;
+    (_b = (_a = this.expandButtonRef.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.blur();
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsGrid(this._element, this._slot.children[0]);
   }
   render() {
-    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''} ${this.structural ? 'structural__item' : 'content__item'}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("slot", { name: "leftButtons" }), h("div", { class: "ez-split-item--header-title" }, this.label && (h("h3", { class: "ez-text ez-text--primary ez-title ez-title--small ez-margin--small", title: this.label }, this.label))), h("div", { class: "ez-split-item--header-buttons" }, h("slot", { name: "rightButtons" }), this.enableExpand && (h("ez-button", { size: "small", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })))), h("div", { class: "ez-split-item--content grid_height-0", ref: el => (this._slot = el) }, h("slot", null))));
+    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''} ${this.structural ? 'structural__item' : 'content__item'}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("slot", { name: "leftButtons" }), h("div", { class: "ez-split-item--header-title" }, this.label && (h("h3", { class: "ez-text ez-text--primary ez-title ez-title--small ez-margin--small", title: this.label }, this.label))), h("div", { class: "ez-split-item--header-buttons" }, h("slot", { name: "rightButtons" }), this.enableExpand && (h("ez-button", { ref: el => this.expandButtonRef = el, size: "small", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })))), h("div", { class: "ez-split-item--content grid_height-0", ref: el => (this._slot = el) }, h("slot", null))));
   }
   static get is() { return "ez-split-item"; }
   static get originalStyleUrls() {

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

@@ -84,6 +84,7 @@ textarea {
   width: 100%;
   padding: 0;
   background: none;
+  min-height: 42px;
 
   /*public*/
   font-weight: var(--text-area--font-weight);
@@ -144,6 +145,9 @@ textarea::-webkit-scrollbar-thumb:horizontal:active {
 .textarea {
   /*private*/
   width: 100%;
+  min-height: 42px;
+  max-width: 100%;
+
   box-sizing: border-box;
   padding-left: var(--space--medium);
   padding-right: var(--space--extra-small);
@@ -163,7 +167,7 @@ textarea::-webkit-scrollbar-thumb:horizontal:active {
 }
 
 .textarea--resizable {
-  resize: both;
+  resize: vertical;
 }
 
 .textarea--focus {

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

@@ -11,7 +11,7 @@ export class EzTextArea {
     this.rows = 4;
     this.canShowError = true;
     this.mode = "regular";
-    this.enableResize = false;
+    this.enableResize = true;
     this.autoRows = false;
     this.autoFocus = false;
   }
@@ -371,7 +371,7 @@ export class EzTextArea {
         },
         "attribute": "enable-resize",
         "reflect": true,
-        "defaultValue": "false"
+        "defaultValue": "true"
       },
       "autoRows": {
         "type": "boolean",

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

@@ -15,7 +15,6 @@ export class EzTextInput {
     this.noBorder = false;
     this.password = false;
     this.autoFocus = false;
-    this.noMargin = false;
     this.hasRightSlotContent = false;
   }
   observeErrorMessage() {
@@ -335,7 +334,7 @@ export class EzTextInput {
     ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');
     return (h(Host, { style: this._hostElement.classList.contains("grid_editor") ? { "height": "100%" } : null }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label && this.mode != "slim" ?
       h("label", { ref: (el) => this._labelElem = el, class: `${this.enabled ? "input__label" : "input__label input__label--disabled"} ${this.errorMessage ? "hasError" : ""}`, onClick: () => this._inputElem.focus(), title: this.label }, this.label)
-      : null, h("input", { "data-element-id": ElementIDUtils.getInternalIDInfo("input"), onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: this.password ? "password" : "text", class: `${this.mode === "slim" ? "input--slim" : ""} ${this.noMargin ? "no--margin" : ""}`, placeholder: this.mode === "slim" && this.label ? this.label : "", value: this.mask && this.cleanValueMask ? this.applyMask(this.value) : this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), this.canShowError && this.mode != "slim" && this.errorMessage &&
+      : null, h("input", { "data-element-id": ElementIDUtils.getInternalIDInfo("input"), onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: this.password ? "password" : "text", class: `${this.mode === "slim" ? "input--slim" : ""}`, placeholder: this.mode === "slim" && this.label ? this.label : "", value: this.mask && this.cleanValueMask ? this.applyMask(this.value) : this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), this.canShowError && this.mode != "slim" && this.errorMessage &&
       h("ez-icon", { class: `tooltip-icon ${this.errorMessage ? "hasError" : ""} ${this.hasRightSlotContent ? "rightIconSlot" : ""}`, "data-element-id": ElementIDUtils.getInternalIDInfo("tooltip-icon"), ref: (el) => this._tooltipIconElem = el, iconName: "alert-circle" }), h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }, " ")));
   }
   static get is() { return "ez-text-input"; }
@@ -562,24 +561,6 @@ export class EzTextInput {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
-      },
-      "noMargin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento externo."
-        },
-        "attribute": "no-margin",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/ez-time-input/ez-time-input.js

@@ -11,7 +11,6 @@ export class EzTimeInput {
     this.mode = "regular";
     this.canShowError = true;
     this.autoFocus = false;
-    this.noMargin = false;
   }
   observeErrorMessage() {
     var _a;
@@ -149,7 +148,7 @@ export class EzTimeInput {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h(Host, null, h("ez-text-input", { class: "time__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (el) => this._textInput = el, "data-slave-mode": "true", value: this._viewValue, enabled: this.enabled, label: this.label, restrict: "0123456789:", onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, noMargin: this.noMargin }, h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
+    return (h(Host, null, h("ez-text-input", { class: "time__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (el) => this._textInput = el, "data-slave-mode": "true", value: this._viewValue, enabled: this.enabled, label: this.label, restrict: "0123456789:", onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError }, h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
   }
   static get is() { return "ez-time-input"; }
   static get encapsulation() { return "shadow"; }
@@ -306,24 +305,6 @@ export class EzTimeInput {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
-      },
-      "noMargin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento."
-        },
-        "attribute": "no-margin",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }

package/dist/collection/utils/CSSVarsUtils.js

@@ -28,6 +28,7 @@ export default class CSSVarsUtils {
       CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--focus--border-color');
       CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__icon--width');
       CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--focus--icon-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__margin-bottom');
     }
   }
   static applyVarsButton(host, child) {

package/dist/collection/utils/form/FormMetadata.js

@@ -97,7 +97,7 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
         return;
       }
       const descriptor = dataUnit.getField(field.name);
-      const fieldVisible = descriptor.visible == undefined || descriptor.visible === true;
+      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, []);