@sankhyalabs/ezui 3.0.0 → 3.0.2

package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js

@@ -1,33 +1,17 @@
-import { Component, h, Prop, Event, Watch, Method, Element, State } from "@stencil/core";
+import { h } from "@stencil/core";
 import { ElementIDUtils } from "@sankhyalabs/core";
 import { ApplicationUtils } from "../../utils";
 export class EzCollapsibleBox {
   constructor() {
     this._activeEditText = false;
-    /**
-     * Define o valor do componente.
-     */
     this.value = false;
-    /**
-     * Define o tamanho do texto e do ícone.
-     */
+    this.label = undefined;
     this.headerSize = "small";
-    /**
-     * Define o posicionamento do ícone.
-     */
     this.iconPlacement = "left";
-    /**
-     * Define a posição do conteúdo do cabeçalho do componente.
-     */
     this.headerAlign = "left";
-    /**
-     * Se true mostra o ícone para remoção do componente.
-     */
     this.removable = false;
-    /**
-     * Se true mostra o ícone para edição do componente.
-     */
     this.editable = false;
+    this.conditionalSave = undefined;
   }
   /**
    * Oculta/mostra o conteúdo do ez-collapsible-box.
@@ -110,302 +94,307 @@ export class EzCollapsibleBox {
     ElementIDUtils.addIDInfo(this._hostElement);
   }
   render() {
-    return (h("div", { class: "collapsible-box" },
-      h("div", { class: "collapsible-box__header" },
-        h("button", Object.assign({}, (!this._activeEditText ? { onClick: () => { this.showHide(); } } : null), { class: "collapsible-box__title collapsible-box__title--" + (this.headerAlign || "left") +
-            (this.iconPlacement === "right" ? " collapsible-box__title--icon-right" : "") +
-            (this.value ? " collapsible-box__title--no-margin" : "") }),
-          h("ez-icon", { slot: "icon", "icon-name": "chevron-right", size: this.getHeaderSize(), class: "collapsible-box__icon collapsible-box__icon--" + this.getHeaderSize() + (this.value ? " collapsible-box__icon--collapsed" : ""), id: "toggleCollapsible" }),
-          !this._activeEditText ?
-            h("label", { class: "collapsible-box__label font--" + this.getHeaderSize(), title: this.label, ref: elem => this._refLabel = elem },
-              h("span", null, this.label),
-              this.editable &&
-                h("ez-icon", { slot: "icon", "icon-name": "edit", onClick: (evt) => this.editLabel(evt), title: "Editar" }),
-              this.removable &&
-                h("ez-icon", { slot: "icon", "icon-name": "delete", onClick: (evt) => this.confirmRemove(evt), title: "Remover" })) :
-            h("ez-text-edit", { class: "collapsible-box__text-edit", ref: ref => this._refTextEdit = ref, value: this.label, styled: this.getStyledLabel(), onSaveEdition: (ev) => this.saveEditionText(ev), onCancelEdition: () => this.cancelEdition() }))),
-      h("div", { class: "collapsible-box__content" + (this.value ? "" : " collapsible-box__content--show") },
-        h("slot", null))));
+    return (h("div", { class: "collapsible-box" }, h("div", { class: "collapsible-box__header" }, h("button", Object.assign({}, (!this._activeEditText ? { onClick: () => { this.showHide(); } } : null), { class: "collapsible-box__title collapsible-box__title--" + (this.headerAlign || "left") +
+        (this.iconPlacement === "right" ? " collapsible-box__title--icon-right" : "") +
+        (this.value ? " collapsible-box__title--no-margin" : "") }), h("ez-icon", { slot: "icon", "icon-name": "chevron-right", size: this.getHeaderSize(), class: "collapsible-box__icon collapsible-box__icon--" + this.getHeaderSize() + (this.value ? " collapsible-box__icon--collapsed" : ""), id: "toggleCollapsible" }), !this._activeEditText ?
+      h("label", { class: "collapsible-box__label font--" + this.getHeaderSize(), title: this.label, ref: elem => this._refLabel = elem }, h("span", null, this.label), this.editable &&
+        h("ez-icon", { slot: "icon", "icon-name": "edit", onClick: (evt) => this.editLabel(evt), title: "Editar" }), this.removable &&
+        h("ez-icon", { slot: "icon", "icon-name": "delete", onClick: (evt) => this.confirmRemove(evt), title: "Remover" })) :
+      h("ez-text-edit", { class: "collapsible-box__text-edit", ref: ref => this._refTextEdit = ref, value: this.label, styled: this.getStyledLabel(), onSaveEdition: (ev) => this.saveEditionText(ev), onCancelEdition: () => this.cancelEdition() }))), h("div", { class: "collapsible-box__content" + (this.value ? "" : " collapsible-box__content--show") }, h("slot", null))));
   }
   static get is() { return "ez-collapsible-box"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-collapsible-box.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-collapsible-box.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o valor do componente."
-      },
-      "attribute": "value",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "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 componente."
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "headerSize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\" | undefined",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o tamanho do texto e do \u00EDcone."
-      },
-      "attribute": "header-size",
-      "reflect": true,
-      "defaultValue": "\"small\""
-    },
-    "iconPlacement": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"left\" | \"right\"",
-        "resolved": "\"left\" | \"right\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o posicionamento do \u00EDcone."
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-collapsible-box.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-collapsible-box.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do componente."
+        },
+        "attribute": "value",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "icon-placement",
-      "reflect": true,
-      "defaultValue": "\"left\""
-    },
-    "headerAlign": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"center\" | \"left\" | \"right\" | \"stretch\" | undefined",
-        "resolved": "\"center\" | \"left\" | \"right\" | \"stretch\"",
-        "references": {}
+      "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 componente."
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a posi\u00E7\u00E3o do conte\u00FAdo do cabe\u00E7alho do componente."
+      "headerSize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\" | undefined",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho do texto e do \u00EDcone."
+        },
+        "attribute": "header-size",
+        "reflect": true,
+        "defaultValue": "\"small\""
       },
-      "attribute": "header-align",
-      "reflect": true,
-      "defaultValue": "\"left\""
-    },
-    "removable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "iconPlacement": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"left\" | \"right\"",
+          "resolved": "\"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o posicionamento do \u00EDcone."
+        },
+        "attribute": "icon-placement",
+        "reflect": true,
+        "defaultValue": "\"left\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se true mostra o \u00EDcone para remo\u00E7\u00E3o do componente."
+      "headerAlign": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"center\" | \"left\" | \"right\" | \"stretch\" | undefined",
+          "resolved": "\"center\" | \"left\" | \"right\" | \"stretch\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a posi\u00E7\u00E3o do conte\u00FAdo do cabe\u00E7alho do componente."
+        },
+        "attribute": "header-align",
+        "reflect": true,
+        "defaultValue": "\"left\""
       },
-      "attribute": "removable",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "editable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "removable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true mostra o \u00EDcone para remo\u00E7\u00E3o do componente."
+        },
+        "attribute": "removable",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se true mostra o \u00EDcone para edi\u00E7\u00E3o do componente."
+      "editable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true mostra o \u00EDcone para edi\u00E7\u00E3o do componente."
+        },
+        "attribute": "editable",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "editable",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "conditionalSave": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Function",
-        "resolved": "Function",
-        "references": {
-          "Function": {
-            "location": "global"
+      "conditionalSave": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Function",
+          "resolved": "Function",
+          "references": {
+            "Function": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define uma condi\u00E7\u00E3o para salvar ou n\u00E3o uma altera\u00E7\u00E3o."
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define uma condi\u00E7\u00E3o para salvar ou n\u00E3o uma altera\u00E7\u00E3o."
-      }
-    }
-  }; }
-  static get states() { return {
-    "_activeEditText": {}
-  }; }
-  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 componente."
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
       }
-    }, {
-      "method": "ezRemove",
-      "name": "ezRemove",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao remover o componente (onEzRemove)."
-      },
-      "complexType": {
-        "original": "EzCollapsibleBox",
-        "resolved": "EzCollapsibleBox",
-        "references": {
-          "EzCollapsibleBox": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "_activeEditText": {}
+    };
+  }
+  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 componente."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         }
-      }
-    }, {
-      "method": "ezSaveEditLabel",
-      "name": "ezSaveEditLabel",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao concluir edi\u00E7\u00E3o da label (onEzSaveEditLabel)."
-      },
-      "complexType": {
-        "original": "CustomEvent",
-        "resolved": "CustomEvent<any>",
-        "references": {
-          "CustomEvent": {
-            "location": "global"
+      }, {
+        "method": "ezRemove",
+        "name": "ezRemove",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao remover o componente (onEzRemove)."
+        },
+        "complexType": {
+          "original": "EzCollapsibleBox",
+          "resolved": "EzCollapsibleBox",
+          "references": {
+            "EzCollapsibleBox": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "ezEditLabelMode",
-      "name": "ezEditLabelMode",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando o modo de edi\u00E7\u00E3o da label for aberto e fechado (onEzEditLabelMode)."
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "showHide": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      }, {
+        "method": "ezSaveEditLabel",
+        "name": "ezSaveEditLabel",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao concluir edi\u00E7\u00E3o da label (onEzSaveEditLabel)."
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Oculta/mostra o conte\u00FAdo do ez-collapsible-box.",
-        "tags": []
-      }
-    },
-    "applyFocusTextEdit": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+        "complexType": {
+          "original": "CustomEvent",
+          "resolved": "CustomEvent<any>",
+          "references": {
+            "CustomEvent": {
+              "location": "global"
+            }
           }
+        }
+      }, {
+        "method": "ezEditLabelMode",
+        "name": "ezEditLabelMode",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o modo de edi\u00E7\u00E3o da label for aberto e fechado (onEzEditLabelMode)."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "showHide": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Oculta/mostra o conte\u00FAdo do ez-collapsible-box.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Aplica o foco no campo de edi\u00E7\u00E3o de t\u00EDtulo.",
-        "tags": []
-      }
-    },
-    "cancelEdition": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "applyFocusTextEdit": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Aplica o foco no campo de edi\u00E7\u00E3o de t\u00EDtulo.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Cancela a edi\u00E7\u00E3o de t\u00EDtulo.",
-        "tags": []
+      "cancelEdition": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Cancela a edi\u00E7\u00E3o de t\u00EDtulo.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_hostElement"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "observeCollapsedValue"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "observeCollapsedValue"
+      }];
+  }
 }