@sankhyalabs/ezui 0.0.0-bugfix-dev-kb-74998.1 → 0.0.0-bugfix-dev-5603306.0

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

@@ -0,0 +1,116 @@
+import { ElementIDUtils } from "@sankhyalabs/core";
+import { h } from "@stencil/core";
+export class EzTooltip {
+  constructor() {
+    this.errorMessage = undefined;
+    this.anchoringElement = undefined;
+  }
+  /**
+   * TODO: Implementar a possibilidade de definir a posição do tooltip.
+   */
+  // @Prop() tooltipSide: 'left' | 'right' | 'top' | 'bottom' = 'bottom';
+  /**
+   * Reposiciona o tooltip de acordo com a posição do elemento de ancoragem.
+   */
+  async positionTooltip() {
+    const anchorRect = this.anchoringElement.getBoundingClientRect();
+    const top = (anchorRect.bottom + window.scrollY);
+    const left = (anchorRect.left + window.scrollX);
+    this._element.style.top = `${top}px`;
+    this._element.style.left = `${left}px`;
+  }
+  setEvents() {
+    window.addEventListener('scroll', () => {
+      this.positionTooltip();
+    }, { capture: true });
+    window.addEventListener('resize', () => {
+      this.positionTooltip();
+    }, { capture: true });
+    this.anchoringElement.addEventListener('mouseover', () => {
+      this._element.style.display = 'block';
+    });
+    this.anchoringElement.addEventListener('mouseout', () => {
+      this._element.style.display = 'none';
+    });
+  }
+  componentDidLoad() {
+    this.positionTooltip();
+    this.setEvents();
+  }
+  render() {
+    return (h("div", { inert: true, class: "tooltip", role: "tooltip", "data-element-id": ElementIDUtils.getInternalIDInfo("tooltip") }, this.errorMessage));
+  }
+  static get is() { return "ez-tooltip"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-tooltip.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-tooltip.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "errorMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mensagem de erro que ser\u00E1 apresentada no tooltip."
+        },
+        "attribute": "error-message",
+        "reflect": false
+      },
+      "anchoringElement": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "HTMLElement",
+          "resolved": "HTMLElement",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Elemento HTML que ser\u00E1 utilizado como ancoragem do tooltip."
+        }
+      }
+    };
+  }
+  static get methods() {
+    return {
+      "positionTooltip": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Reposiciona o tooltip de acordo com a posi\u00E7\u00E3o do elemento de ancoragem.",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+}

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

@@ -153,7 +153,7 @@ export default class DataBinder {
   }
   static getDataBindersByDataUnit(dataUnit) {
     const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__");
-    return dataBindersByDataUnit.get(dataUnit.dataUnitId) || [];
+    return (dataBindersByDataUnit === null || dataBindersByDataUnit === void 0 ? void 0 : dataBindersByDataUnit.get(dataUnit.dataUnitId)) || [];
   }
   updateErrorMessage(fieldName, field, message) {
     if (message == undefined) {

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

@@ -97,7 +97,8 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
         return;
       }
       const descriptor = dataUnit.getField(field.name);
-      if (descriptor && descriptor.visible && tabConfig.visible) {
+      const fieldVisible = descriptor.visible == undefined || descriptor.visible === true;
+      if (descriptor && fieldVisible && tabConfig.visible) {
         if (!sheets.has(tabConfig)) {
           sheets.set(tabConfig, []);
         }

package/dist/custom-elements/index.d.ts

@@ -296,6 +296,12 @@ export const EzToast: {
   new (): EzToast;
 };
 
+interface EzTooltip extends Components.EzTooltip, HTMLElement {}
+export const EzTooltip: {
+  prototype: EzTooltip;
+  new (): EzTooltip;
+};
+
 interface EzTree extends Components.EzTree, HTMLElement {}
 export const EzTree: {
   prototype: EzTree;