@sankhyalabs/ezui 3.0.0 → 3.0.2

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

@@ -1,36 +1,8 @@
-import { Component, h, Method, Element, Host, Prop, Event, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { FloatingManager } from "@sankhyalabs/core";
 export class EzPopover {
   constructor() {
     this._firstRender = true;
-    /**
-     * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
-     */
-    this.autoClose = true;
-    /**
-     * Define a distância do topo. Devem ser usados valores válidos de CSS.
-     */
-    this.top = "0px";
-    /**
-     * Define a distância do lado esquerdo. Devem ser usados valores válidos de CSS.
-     */
-    this.left = "0px";
-    /**
-     * Define a distância de baixo. Devem ser usados valores válidos de CSS.
-     */
-    this.bottom = "0px";
-    /**
-     * Define a distância do lado direito. Devem ser usados valores válidos de CSS.
-     */
-    this.right = "0px";
-    /**
-     * Ajusta o comportamento da largura do popover.
-     */
-    this.boxWidth = "fit-content";
-    /**
-     * Define o tipo de overlay do popover.
-     */
-    this.overlayType = "light";
     this.innerClickTest = (_popOvercontainer, node, eventOrigin) => {
       const innerContainers = [_popOvercontainer];
       if (this.innerElement) {
@@ -66,6 +38,15 @@ export class EzPopover {
     this.backClickListener = () => {
       this.ezVisibilityChange.emit(false);
     };
+    this.autoClose = true;
+    this.top = "0px";
+    this.left = "0px";
+    this.bottom = "0px";
+    this.right = "0px";
+    this.boxWidth = "fit-content";
+    this.opened = undefined;
+    this.innerElement = undefined;
+    this.overlayType = "light";
   }
   observeOpened(newValue, oldValue) {
     if (newValue != oldValue) {
@@ -132,278 +113,287 @@ export class EzPopover {
     }
   }
   render() {
-    return (h(Host, null,
-      h("section", { ref: el => this._container = el },
-        h("div", { class: `popover__box ${this.boxWidth === "fit-content" ? "popover__box--fit-content" : "popover__box--full-width"}`, ref: el => this._box = el },
-          h("slot", null)))));
+    return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `popover__box ${this.boxWidth === "fit-content" ? "popover__box--fit-content" : "popover__box--full-width"}`, ref: el => this._box = el }, h("slot", null)))));
   }
   static get is() { return "ez-popover"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-popover.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-popover.css"]
-  }; }
-  static get properties() { return {
-    "autoClose": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define que ser\u00E1 fechado automaticamente quando o usu\u00E1rio clicar fora do conte\u00FAdo."
-      },
-      "attribute": "auto-close",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "top": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a dist\u00E2ncia do topo. Devem ser usados valores v\u00E1lidos de CSS."
-      },
-      "attribute": "top",
-      "reflect": true,
-      "defaultValue": "\"0px\""
-    },
-    "left": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a dist\u00E2ncia do lado esquerdo. Devem ser usados valores v\u00E1lidos de CSS."
-      },
-      "attribute": "left",
-      "reflect": true,
-      "defaultValue": "\"0px\""
-    },
-    "bottom": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a dist\u00E2ncia de baixo. Devem ser usados valores v\u00E1lidos de CSS."
-      },
-      "attribute": "bottom",
-      "reflect": true,
-      "defaultValue": "\"0px\""
-    },
-    "right": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a dist\u00E2ncia do lado direito. Devem ser usados valores v\u00E1lidos de CSS."
-      },
-      "attribute": "right",
-      "reflect": true,
-      "defaultValue": "\"0px\""
-    },
-    "boxWidth": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"full-width\" | \"fit-content\"",
-        "resolved": "\"fit-content\" | \"full-width\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Ajusta o comportamento da largura do popover."
-      },
-      "attribute": "box-width",
-      "reflect": true,
-      "defaultValue": "\"fit-content\""
-    },
-    "opened": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-popover.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-popover.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "autoClose": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define que ser\u00E1 fechado automaticamente quando o usu\u00E1rio clicar fora do conte\u00FAdo."
+        },
+        "attribute": "auto-close",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define se o ez-popover est\u00E1 aberto."
+      "top": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a dist\u00E2ncia do topo. Devem ser usados valores v\u00E1lidos de CSS."
+        },
+        "attribute": "top",
+        "reflect": true,
+        "defaultValue": "\"0px\""
       },
-      "attribute": "opened",
-      "reflect": true
-    },
-    "innerElement": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<string> | string",
-        "resolved": "string | string[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          }
-        }
+      "left": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a dist\u00E2ncia do lado esquerdo. Devem ser usados valores v\u00E1lidos de CSS."
+        },
+        "attribute": "left",
+        "reflect": true,
+        "defaultValue": "\"0px\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define as tags que ser\u00E3o consideradas conte\u00FAdo."
+      "bottom": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a dist\u00E2ncia de baixo. Devem ser usados valores v\u00E1lidos de CSS."
+        },
+        "attribute": "bottom",
+        "reflect": true,
+        "defaultValue": "\"0px\""
       },
-      "attribute": "inner-element",
-      "reflect": true
-    },
-    "overlayType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"medium\" | \"light\" | \"none\"",
-        "resolved": "\"light\" | \"medium\" | \"none\"",
-        "references": {}
+      "right": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a dist\u00E2ncia do lado direito. Devem ser usados valores v\u00E1lidos de CSS."
+        },
+        "attribute": "right",
+        "reflect": true,
+        "defaultValue": "\"0px\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o tipo de overlay do popover."
+      "boxWidth": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"full-width\" | \"fit-content\"",
+          "resolved": "\"fit-content\" | \"full-width\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Ajusta o comportamento da largura do popover."
+        },
+        "attribute": "box-width",
+        "reflect": true,
+        "defaultValue": "\"fit-content\""
       },
-      "attribute": "overlay-type",
-      "reflect": true,
-      "defaultValue": "\"light\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezVisibilityChange",
-      "name": "ezVisibilityChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando acontece a altera\u00E7\u00E3o de estado do componente."
+      "opened": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o ez-popover est\u00E1 aberto."
+        },
+        "attribute": "opened",
+        "reflect": true
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "updatePosition": {
-      "complexType": {
-        "signature": "(top?: string, left?: string, bottom?: string, right?: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "innerElement": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<string> | string",
+          "resolved": "string | string[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
           }
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define as tags que ser\u00E3o consideradas conte\u00FAdo."
+        },
+        "attribute": "inner-element",
+        "reflect": true
       },
-      "docs": {
-        "text": "Atualiza a posi\u00E7\u00E3o do popover.",
-        "tags": []
+      "overlayType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"medium\" | \"light\" | \"none\"",
+          "resolved": "\"light\" | \"medium\" | \"none\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tipo de overlay do popover."
+        },
+        "attribute": "overlay-type",
+        "reflect": true,
+        "defaultValue": "\"light\""
       }
-    },
-    "show": {
-      "complexType": {
-        "signature": "(top?: string, left?: string, bottom?: string, right?: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezVisibilityChange",
+        "name": "ezVisibilityChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de estado do componente."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "updatePosition": {
+        "complexType": {
+          "signature": "(top?: string, left?: string, bottom?: string, right?: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Atualiza a posi\u00E7\u00E3o do popover.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Exibe o ez-popover.",
-        "tags": []
-      }
-    },
-    "hide": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "show": {
+        "complexType": {
+          "signature": "(top?: string, left?: string, bottom?: string, right?: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Exibe o ez-popover.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Oculta o ez-popover.",
-        "tags": []
+      "hide": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Oculta o ez-popover.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_host"; }
-  static get watchers() { return [{
-      "propName": "opened",
-      "methodName": "observeOpened"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "opened",
+        "methodName": "observeOpened"
+      }];
+  }
 }