@sankhyalabs/ezui 3.0.0 → 3.0.2

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5e208fa5.js');
+const index = require('./index-892780f1.js');
 
 /*
- Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();
@@ -18,4 +18,5 @@ const defineCustomElements = (win, options) => {
   });
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -45,8 +45,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.13.0",
-    "typescriptVersion": "4.3.5"
+    "version": "2.22.3",
+    "typescriptVersion": "4.9.4"
   },
   "collections": [],
   "bundles": [

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

@@ -1,33 +1,9 @@
 import { FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
-import { Component, Element, Event, h, Host, Prop, State, Method } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { CSSVarsUtils } from '../../utils';
 export class EzActionsButton {
   constructor() {
     this._arrowOffset = 5;
-    /**
-     * Se false o usuário não pode interagir com o componente.
-     */
-    this.enabled = true;
-    /**
-    * Determina o tamanho do ez-action-button.
-    */
-    this.size = "medium";
-    /**
-    * Se true o label será apresentado.
-    */
-    this.showLabel = false;
-    /**
-    * Se true o check será apresentado para os itens.
-    */
-    this.checkOption = false;
-    /**
-    * Se true o background será transparent.
-    */
-    this.isTransparent = false;
-    /**
-    * Se true a seta de ordenação será apresentada.
-    */
-    this.arrowActive = false;
     this.innerClickCheck = (floatingContainer, node) => {
       var _a;
       if (node && floatingContainer) {
@@ -43,6 +19,16 @@ export class EzActionsButton {
       }
       return false;
     };
+    this._selectedAction = undefined;
+    this.enabled = true;
+    this.actions = undefined;
+    this.size = "medium";
+    this.showLabel = false;
+    this.displayIcon = undefined;
+    this.checkOption = false;
+    this.value = undefined;
+    this.isTransparent = false;
+    this.arrowActive = false;
   }
   /**
    * Oculta a lista de ações.
@@ -193,255 +179,261 @@ export class EzActionsButton {
   }
   render() {
     var _a;
-    return (h(Host, null,
-      h("ez-button", { ref: elem => this._button = elem, class: (this.isTransparent ? "ez-actions-button__btn-transparent" : "") +
-          (this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
-        h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })),
-      h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem },
-        this.arrowActive &&
-          h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
-              (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }),
-        h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
-            (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
-          var _a;
-          return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), class: "ez-actions-button__btn-action" +
-              (this.checkOption || this.hasIconName() ? " ez-actions-button__btn-action--spaced" : "") },
-            this.checkOption && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.value) === action.value &&
-              h("ez-icon", { class: "ez-actions-button__icon-check", slot: "leftIcon", size: "small", iconName: "check" }),
-            !this.checkOption && action.iconName &&
-              h("ez-icon", { class: "ez-actions-button__icon-item", slot: "leftIcon", size: "small", iconName: action.iconName }));
-        })))));
+    return (h(Host, null, h("ez-button", { ref: elem => this._button = elem, class: (this.isTransparent ? "ez-actions-button__btn-transparent" : "") +
+        (this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
+      h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
+      h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
+          (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
+        (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
+      var _a;
+      return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), class: "ez-actions-button__btn-action" +
+          (this.checkOption || this.hasIconName() ? " ez-actions-button__btn-action--spaced" : "") }, this.checkOption && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.value) === action.value &&
+        h("ez-icon", { class: "ez-actions-button__icon-check", slot: "leftIcon", size: "small", iconName: "check" }), !this.checkOption && action.iconName &&
+        h("ez-icon", { class: "ez-actions-button__icon-item", slot: "leftIcon", size: "small", iconName: action.iconName }));
+    })))));
   }
   static get is() { return "ez-actions-button"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-actions-button.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-actions-button.css"]
-  }; }
-  static get properties() { return {
-    "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 componente."
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-actions-button.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-actions-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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 componente."
+        },
+        "attribute": "enabled",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "attribute": "enabled",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "actions": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<IAction>",
-        "resolved": "IAction[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "IAction": {
-            "location": "local"
+      "actions": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<IAction>",
+          "resolved": "IAction[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "IAction": {
+              "location": "local"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a lista de a\u00E7\u00F5es. Os elementos devem obedecer\no formato: `{value: string, label: string}`."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a lista de a\u00E7\u00F5es. Os elementos devem obedecer\no formato: `{value: string, label: string}`."
-      }
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"small\" | \"medium\" | \"large\"",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Determina o tamanho do ez-action-button."
-      },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "\"medium\""
-    },
-    "showLabel": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se true o label ser\u00E1 apresentado."
-      },
-      "attribute": "show-label",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "displayIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o \u00EDcone do componente."
-      },
-      "attribute": "display-icon",
-      "reflect": true
-    },
-    "checkOption": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se true o check ser\u00E1 apresentado para os itens."
-      },
-      "attribute": "check-option",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o valor do componente."
-      },
-      "attribute": "value",
-      "reflect": true
-    },
-    "isTransparent": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"small\" | \"medium\" | \"large\"",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina o tamanho do ez-action-button."
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "\"medium\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se true o background ser\u00E1 transparent."
+      "showLabel": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true o label ser\u00E1 apresentado."
+        },
+        "attribute": "show-label",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "is-transparent",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "arrowActive": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "displayIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o \u00EDcone do componente."
+        },
+        "attribute": "display-icon",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se true a seta de ordena\u00E7\u00E3o ser\u00E1 apresentada."
+      "checkOption": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true o check ser\u00E1 apresentado para os itens."
+        },
+        "attribute": "check-option",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "arrow-active",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "_selectedAction": {}
-  }; }
-  static get events() { return [{
-      "method": "ezAction",
-      "name": "ezAction",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao acionar uma a\u00E7\u00E3o."
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do componente."
+        },
+        "attribute": "value",
+        "reflect": true
       },
-      "complexType": {
-        "original": "IAction",
-        "resolved": "IAction",
-        "references": {
-          "IAction": {
-            "location": "local"
-          }
-        }
-      }
-    }]; }
-  static get methods() { return {
-    "hideActions": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "isTransparent": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true o background ser\u00E1 transparent."
         },
-        "return": "Promise<void>"
+        "attribute": "is-transparent",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "docs": {
-        "text": "Oculta a lista de a\u00E7\u00F5es.",
-        "tags": []
+      "arrowActive": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true a seta de ordena\u00E7\u00E3o ser\u00E1 apresentada."
+        },
+        "attribute": "arrow-active",
+        "reflect": true,
+        "defaultValue": "false"
       }
-    },
-    "isOpened": {
-      "complexType": {
-        "signature": "() => Promise<boolean>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get states() {
+    return {
+      "_selectedAction": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezAction",
+        "name": "ezAction",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao acionar uma a\u00E7\u00E3o."
+        },
+        "complexType": {
+          "original": "IAction",
+          "resolved": "IAction",
+          "references": {
+            "IAction": {
+              "location": "local"
+            }
           }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "hideActions": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<boolean>"
+        "docs": {
+          "text": "Oculta a lista de a\u00E7\u00F5es.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Verifica se a lista de a\u00E7\u00F5es est\u00E1 aberta.",
-        "tags": []
+      "isOpened": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Verifica se a lista de a\u00E7\u00F5es est\u00E1 aberta.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
 }