@sankhyalabs/ezui 3.0.0 → 3.0.2

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Event } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 export class EzPopup {
   constructor() {
     this._sizeClasses = {
@@ -8,22 +8,11 @@ export class EzPopup {
       "large": "col--sd-9",
       "x-large": "col--sd-11"
     };
-    /**
-     * Define a largura do ez-popup.
-     */
     this.size = "medium";
-    /**
-     * Define se o ez-popover está aberto.
-     */
     this.opened = false;
-    /**
-     * Define se o componente utilizará cabeçalho.
-     */
     this.useHeader = true;
-    /**
-     * Define altura do componente.
-     */
     this.heightMode = "full";
+    this.ezTitle = undefined;
   }
   getGridSize() {
     return this._sizeClasses[this.size] || this._sizeClasses["medium"];
@@ -35,134 +24,133 @@ export class EzPopup {
   }
   render() {
     if (this.opened) {
-      return (h(Host, null,
-        h("div", { class: "overlay" },
-          h("div", { class: "popup col " + this.getGridSize() },
-            h("div", { class: "popup__container " + (this.heightMode === "auto" ? "popup__container--auto" : ""), ref: elem => this._container = elem, tabIndex: -1 },
-              h("div", { class: "popup__content" },
-                this.useHeader && h("div", { class: "popup__header" },
-                  this.ezTitle ?
-                    h("div", { class: "popup__title" }, this.ezTitle)
-                    : undefined,
-                  h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.ezClosePopup.emit(); } })),
-                h("div", { class: "popup__expandable-content" },
-                  h("slot", null))))))));
+      return (h(Host, null, h("div", { class: "overlay" }, h("div", { class: "popup col " + this.getGridSize() }, h("div", { class: "popup__container " + (this.heightMode === "auto" ? "popup__container--auto" : ""), ref: elem => this._container = elem, tabIndex: -1 }, h("div", { class: "popup__content" }, this.useHeader && h("div", { class: "popup__header" }, this.ezTitle ?
+        h("div", { class: "popup__title" }, this.ezTitle)
+        : undefined, h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.ezClosePopup.emit(); } })), h("div", { class: "popup__expandable-content" }, h("slot", null))))))));
     }
     return null;
   }
   static get is() { return "ez-popup"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-popup.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-popup.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\"",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a largura do ez-popup."
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "\"medium\""
-    },
-    "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,
-      "defaultValue": "false"
-    },
-    "useHeader": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define se o componente utilizar\u00E1 cabe\u00E7alho."
-      },
-      "attribute": "use-header",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "heightMode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"auto\" | \"full\"",
-        "resolved": "\"auto\" | \"full\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define altura do componente."
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-popup.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-popup.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\"",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a largura do ez-popup."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "\"medium\""
       },
-      "attribute": "height-mode",
-      "reflect": true,
-      "defaultValue": "\"full\""
-    },
-    "ezTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "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,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Texto a ser apresentado como t\u00EDtulo do componente."
+      "useHeader": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o componente utilizar\u00E1 cabe\u00E7alho."
+        },
+        "attribute": "use-header",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "attribute": "ez-title",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezClosePopup",
-      "name": "ezClosePopup",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao clicar no bot\u00E3o de fechar (onEzClosePopup)."
+      "heightMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"auto\" | \"full\"",
+          "resolved": "\"auto\" | \"full\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define altura do componente."
+        },
+        "attribute": "height-mode",
+        "reflect": true,
+        "defaultValue": "\"full\""
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "ezTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto a ser apresentado como t\u00EDtulo do componente."
+        },
+        "attribute": "ez-title",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezClosePopup",
+        "name": "ezClosePopup",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao clicar no bot\u00E3o de fechar (onEzClosePopup)."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

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

@@ -1,18 +1,11 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { Event, Prop, Element, Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class EzRadioButton {
   constructor() {
-    /**
-     * Define as opções que serão apresentadas
-     */
+    this.value = undefined;
     this.options = [];
-    /**
-     * Se false o usuário não pode interagir com o campo.
-     */
     this.enabled = true;
-    /**
-     * Define a direção dos itens.
-     */
+    this.label = undefined;
     this.direction = "vertical";
   }
   componentDidLoad() {
@@ -37,130 +30,134 @@ export class EzRadioButton {
     this.ezChange.emit(this.value);
   }
   render() {
-    return (h(Host, null,
-      this.label && h("label", { class: "label" }, this.label),
-      h("div", { class: "form form--" + this.direction }, this._options.map((option, key) => h("div", { class: "form__group" },
-        h("input", { id: "rad" + key, class: "form__radio", name: "theradio", type: "radio", value: option.value, onChange: (ev) => { this.handleInputChange(ev); }, disabled: !this.enabled, checked: option.value === this.value, "data-element-id": ElementIDUtils.getInternalIDInfo(`input_${option.value}`) }),
-        h("label", { htmlFor: "rad" + key, class: "form__label" }, option.label))))));
+    return (h(Host, null, this.label && h("label", { class: "label" }, this.label), h("div", { class: "form form--" + this.direction }, this._options.map((option, key) => h("div", { class: "form__group" }, h("input", { id: "rad" + key, class: "form__radio", name: "theradio", type: "radio", value: option.value, onChange: (ev) => { this.handleInputChange(ev); }, disabled: !this.enabled, checked: option.value === this.value, "data-element-id": ElementIDUtils.getInternalIDInfo(`input_${option.value}`) }), h("label", { htmlFor: "rad" + key, class: "form__label" }, option.label))))));
   }
   static get is() { return "ez-radio-button"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-radio-button.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-radio-button.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o valor do campo."
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-radio-button.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-radio-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do campo."
+        },
+        "attribute": "value",
+        "reflect": true
       },
-      "attribute": "value",
-      "reflect": true
-    },
-    "options": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<Radio>",
-        "resolved": "Radio[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "Radio": {
-            "location": "local"
+      "options": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<Radio>",
+          "resolved": "Radio[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "Radio": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define as op\u00E7\u00F5es que ser\u00E3o apresentadas"
-      },
-      "defaultValue": "[]"
-    },
-    "enabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define as op\u00E7\u00F5es que ser\u00E3o apresentadas"
+        },
+        "defaultValue": "[]"
       },
-      "attribute": "enabled",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "enabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
+        },
+        "attribute": "enabled",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Texto a ser apresentado como t\u00EDtulo do campo."
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "attribute": "label",
-      "reflect": true
-    },
-    "direction": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "\"vertical\" | \"horizontal\"",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a dire\u00E7\u00E3o dos itens."
-      },
-      "attribute": "direction",
-      "reflect": true,
-      "defaultValue": "\"vertical\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezChange",
-      "name": "ezChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "direction": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "\"vertical\" | \"horizontal\"",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a dire\u00E7\u00E3o dos itens."
+        },
+        "attribute": "direction",
+        "reflect": true,
+        "defaultValue": "\"vertical\""
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezChange",
+        "name": "ezChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "hostElement"; }
 }