@sankhyalabs/ezui 6.1.0 → 6.2.0

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

@@ -0,0 +1,109 @@
+import { ElementIDUtils } from "@sankhyalabs/core";
+import { h, Host } from "@stencil/core";
+export class EzUnderface {
+  constructor() {
+    this.color = "default";
+    this.customColor = undefined;
+    this.height = undefined;
+    this.width = undefined;
+  }
+  componentDidRender() {
+    if (this._element) {
+      ElementIDUtils.addIDInfo(this._element);
+    }
+    if (this._container) {
+      const dataInfo = { id: 'container' };
+      ElementIDUtils.addIDInfo(this._container, 'underface', dataInfo);
+    }
+  }
+  render() {
+    const customStyleVars = Object.assign({}, this.customColor && { '--ez-underface--custom-background-color': `var(${this.customColor})` }, this.height && { '--ez-underface--custom-height': `${this.height}px` }, this.width && { '--ez-underface--custom-width': `${this.width}px` });
+    return (h(Host, { style: customStyleVars }, h("div", { ref: element => this._container = element, class: `underface_container ${this.color}` }, h("slot", null))));
+  }
+  static get is() { return "ez-underface"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-underface.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-underface.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"default\" | \"light-green\" | \"green\" | \"light-gray\" | \"dark-petroleum\" | \"ocean-green\"",
+          "resolved": "\"dark-petroleum\" | \"default\" | \"green\" | \"light-gray\" | \"light-green\" | \"ocean-green\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a cor de fundo do componente."
+        },
+        "attribute": "color",
+        "reflect": true,
+        "defaultValue": "\"default\""
+      },
+      "customColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define uma cor de fundo customizada, dentro da paleta de cores do Design System, sobrescrevendo a propriedade color.\nExemplo: \"--color--yellow-600\""
+        },
+        "attribute": "custom-color",
+        "reflect": true
+      },
+      "height": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define a altura do componente."
+        },
+        "attribute": "height",
+        "reflect": true
+      },
+      "width": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define a largura do componente."
+        },
+        "attribute": "width",
+        "reflect": true
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+}

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

@@ -134,6 +134,12 @@ export const EzDropdown: {
   new (): EzDropdown;
 };
 
+interface EzEmptyCard extends Components.EzEmptyCard, HTMLElement {}
+export const EzEmptyCard: {
+  prototype: EzEmptyCard;
+  new (): EzEmptyCard;
+};
+
 interface EzFileItem extends Components.EzFileItem, HTMLElement {}
 export const EzFileItem: {
   prototype: EzFileItem;
@@ -314,6 +320,12 @@ export const EzTabselector: {
   new (): EzTabselector;
 };
 
+interface EzTag extends Components.EzTag, HTMLElement {}
+export const EzTag: {
+  prototype: EzTag;
+  new (): EzTag;
+};
+
 interface EzTextArea extends Components.EzTextArea, HTMLElement {}
 export const EzTextArea: {
   prototype: EzTextArea;
@@ -332,6 +344,18 @@ export const EzTextInput: {
   new (): EzTextInput;
 };
 
+interface EzTile extends Components.EzTile, HTMLElement {}
+export const EzTile: {
+  prototype: EzTile;
+  new (): EzTile;
+};
+
+interface EzTileMedium extends Components.EzTileMedium, HTMLElement {}
+export const EzTileMedium: {
+  prototype: EzTileMedium;
+  new (): EzTileMedium;
+};
+
 interface EzTimeInput extends Components.EzTimeInput, HTMLElement {}
 export const EzTimeInput: {
   prototype: EzTimeInput;
@@ -356,6 +380,12 @@ export const EzTree: {
   new (): EzTree;
 };
 
+interface EzUnderface extends Components.EzUnderface, HTMLElement {}
+export const EzUnderface: {
+  prototype: EzUnderface;
+  new (): EzUnderface;
+};
+
 interface EzUpload extends Components.EzUpload, HTMLElement {}
 export const EzUpload: {
   prototype: EzUpload;