@sankhyalabs/ezui 1.2.0-beta.10 → 1.2.0-beta.11

package/dist/cjs/ez-view-stack.cjs.entry.js

@@ -9,6 +9,10 @@ const ezViewStackCss = ":host{width:100%;height:100%}.ez-view-stack__container{w
 let EzViewStack = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * Indetificador único do componente
+     */
+    this._dataKey = 'id_'.concat(Date.now().toString());
   }
   /**
   * Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.
@@ -21,17 +25,17 @@ let EzViewStack = class {
     }
   }
   /**
-  * Retorna o index que est� atualmente ativo e sendo exibido.
+  * Retorna o index que está atualmente ativo e sendo exibido.
   */
   async getSelectedIndex() {
     return this._focusedIndex;
   }
   policyHideRemove() {
-    let element = this._hostElem.querySelector(`#el_${this._focusedIndex}`);
+    let element = this._hostElem.querySelector(`#${this._dataKey}_el_${this._focusedIndex}`);
     this.checkElementVisibility(element);
   }
   policyShowAppend(index) {
-    let selectedElement = this._hostElem.querySelector(`#el_${index}`);
+    let selectedElement = this._hostElem.querySelector(`#${this._dataKey}_el_${index}`);
     if (selectedElement) {
       selectedElement.removeAttribute("style");
     }
@@ -54,8 +58,8 @@ let EzViewStack = class {
       this._focusedIndex = 0;
       this._totalStackItems = 0;
       this._hostElem.classList.add("ez-view-stack__container");
-      this._hostElem.querySelectorAll("stack-item").forEach((element, index) => {
-        element.setAttribute("id", `el_${index}`);
+      this._hostElem.querySelectorAll(":scope > stack-item").forEach((element, index) => {
+        element.setAttribute("id", `${this._dataKey}_el_${index}`);
         if (index !== 0) {
           this.checkElementVisibility(element);
         }

package/dist/collection/components/ez-view-stack/ez-view-stack.js

@@ -1,5 +1,11 @@
 import { Component, h, Host, Element, Method } from '@stencil/core';
 export class EzViewStack {
+  constructor() {
+    /**
+     * Indetificador único do componente
+     */
+    this._dataKey = 'id_'.concat(Date.now().toString());
+  }
   /**
   * Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.
   */
@@ -11,17 +17,17 @@ export class EzViewStack {
     }
   }
   /**
-  * Retorna o index que est� atualmente ativo e sendo exibido.
+  * Retorna o index que está atualmente ativo e sendo exibido.
   */
   async getSelectedIndex() {
     return this._focusedIndex;
   }
   policyHideRemove() {
-    let element = this._hostElem.querySelector(`#el_${this._focusedIndex}`);
+    let element = this._hostElem.querySelector(`#${this._dataKey}_el_${this._focusedIndex}`);
     this.checkElementVisibility(element);
   }
   policyShowAppend(index) {
-    let selectedElement = this._hostElem.querySelector(`#el_${index}`);
+    let selectedElement = this._hostElem.querySelector(`#${this._dataKey}_el_${index}`);
     if (selectedElement) {
       selectedElement.removeAttribute("style");
     }
@@ -44,8 +50,8 @@ export class EzViewStack {
       this._focusedIndex = 0;
       this._totalStackItems = 0;
       this._hostElem.classList.add("ez-view-stack__container");
-      this._hostElem.querySelectorAll("stack-item").forEach((element, index) => {
-        element.setAttribute("id", `el_${index}`);
+      this._hostElem.querySelectorAll(":scope > stack-item").forEach((element, index) => {
+        element.setAttribute("id", `${this._dataKey}_el_${index}`);
         if (index !== 0) {
           this.checkElementVisibility(element);
         }
@@ -100,7 +106,7 @@ export class EzViewStack {
         "return": "Promise<number>"
       },
       "docs": {
-        "text": "Retorna o index que est\uFFFD atualmente ativo e sendo exibido.",
+        "text": "Retorna o index que est\u00E1 atualmente ativo e sendo exibido.",
         "tags": []
       }
     }

package/dist/custom-elements/index.js

@@ -123772,6 +123772,10 @@ let EzViewStack$1 = class extends HTMLElement$1 {
   constructor() {
     super();
     this.__registerHost();
+    /**
+     * Indetificador único do componente
+     */
+    this._dataKey = 'id_'.concat(Date.now().toString());
   }
   /**
   * Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.
@@ -123784,17 +123788,17 @@ let EzViewStack$1 = class extends HTMLElement$1 {
     }
   }
   /**
-  * Retorna o index que est� atualmente ativo e sendo exibido.
+  * Retorna o index que está atualmente ativo e sendo exibido.
   */
   async getSelectedIndex() {
     return this._focusedIndex;
   }
   policyHideRemove() {
-    let element = this._hostElem.querySelector(`#el_${this._focusedIndex}`);
+    let element = this._hostElem.querySelector(`#${this._dataKey}_el_${this._focusedIndex}`);
     this.checkElementVisibility(element);
   }
   policyShowAppend(index) {
-    let selectedElement = this._hostElem.querySelector(`#el_${index}`);
+    let selectedElement = this._hostElem.querySelector(`#${this._dataKey}_el_${index}`);
     if (selectedElement) {
       selectedElement.removeAttribute("style");
     }
@@ -123817,8 +123821,8 @@ let EzViewStack$1 = class extends HTMLElement$1 {
       this._focusedIndex = 0;
       this._totalStackItems = 0;
       this._hostElem.classList.add("ez-view-stack__container");
-      this._hostElem.querySelectorAll("stack-item").forEach((element, index) => {
-        element.setAttribute("id", `el_${index}`);
+      this._hostElem.querySelectorAll(":scope > stack-item").forEach((element, index) => {
+        element.setAttribute("id", `${this._dataKey}_el_${index}`);
         if (index !== 0) {
           this.checkElementVisibility(element);
         }

package/dist/esm/ez-view-stack.entry.js

@@ -5,6 +5,10 @@ const ezViewStackCss = ":host{width:100%;height:100%}.ez-view-stack__container{w
 let EzViewStack = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * Indetificador único do componente
+     */
+    this._dataKey = 'id_'.concat(Date.now().toString());
   }
   /**
   * Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.
@@ -17,17 +21,17 @@ let EzViewStack = class {
     }
   }
   /**
-  * Retorna o index que est� atualmente ativo e sendo exibido.
+  * Retorna o index que está atualmente ativo e sendo exibido.
   */
   async getSelectedIndex() {
     return this._focusedIndex;
   }
   policyHideRemove() {
-    let element = this._hostElem.querySelector(`#el_${this._focusedIndex}`);
+    let element = this._hostElem.querySelector(`#${this._dataKey}_el_${this._focusedIndex}`);
     this.checkElementVisibility(element);
   }
   policyShowAppend(index) {
-    let selectedElement = this._hostElem.querySelector(`#el_${index}`);
+    let selectedElement = this._hostElem.querySelector(`#${this._dataKey}_el_${index}`);
     if (selectedElement) {
       selectedElement.removeAttribute("style");
     }
@@ -50,8 +54,8 @@ let EzViewStack = class {
       this._focusedIndex = 0;
       this._totalStackItems = 0;
       this._hostElem.classList.add("ez-view-stack__container");
-      this._hostElem.querySelectorAll("stack-item").forEach((element, index) => {
-        element.setAttribute("id", `el_${index}`);
+      this._hostElem.querySelectorAll(":scope > stack-item").forEach((element, index) => {
+        element.setAttribute("id", `${this._dataKey}_el_${index}`);
         if (index !== 0) {
           this.checkElementVisibility(element);
         }

package/dist/ezui/ez-view-stack.entry.js

@@ -5,6 +5,10 @@ const ezViewStackCss = ":host{width:100%;height:100%}.ez-view-stack__container{w
 let EzViewStack = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * Indetificador único do componente
+     */
+    this._dataKey = 'id_'.concat(Date.now().toString());
   }
   /**
   * Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.
@@ -17,17 +21,17 @@ let EzViewStack = class {
     }
   }
   /**
-  * Retorna o index que est� atualmente ativo e sendo exibido.
+  * Retorna o index que está atualmente ativo e sendo exibido.
   */
   async getSelectedIndex() {
     return this._focusedIndex;
   }
   policyHideRemove() {
-    let element = this._hostElem.querySelector(`#el_${this._focusedIndex}`);
+    let element = this._hostElem.querySelector(`#${this._dataKey}_el_${this._focusedIndex}`);
     this.checkElementVisibility(element);
   }
   policyShowAppend(index) {
-    let selectedElement = this._hostElem.querySelector(`#el_${index}`);
+    let selectedElement = this._hostElem.querySelector(`#${this._dataKey}_el_${index}`);
     if (selectedElement) {
       selectedElement.removeAttribute("style");
     }
@@ -50,8 +54,8 @@ let EzViewStack = class {
       this._focusedIndex = 0;
       this._totalStackItems = 0;
       this._hostElem.classList.add("ez-view-stack__container");
-      this._hostElem.querySelectorAll("stack-item").forEach((element, index) => {
-        element.setAttribute("id", `el_${index}`);
+      this._hostElem.querySelectorAll(":scope > stack-item").forEach((element, index) => {
+        element.setAttribute("id", `${this._dataKey}_el_${index}`);
         if (index !== 0) {
           this.checkElementVisibility(element);
         }

package/dist/ezui/p-0c7203d5.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,g as e,H as s}from"./p-3c7ea91b.js";let h=class{constructor(i){t(this,i),this._dataKey="id_".concat(Date.now().toString())}async show(t){t!==this._focusedIndex&&0<=t&&t<this._totalStackItems&&(this.policyHideRemove(),this.policyShowAppend(t),this._focusedIndex=t)}async getSelectedIndex(){return this._focusedIndex}policyHideRemove(){let t=this._hostElem.querySelector(`#${this._dataKey}_el_${this._focusedIndex}`);this.checkElementVisibility(t)}policyShowAppend(t){let i=this._hostElem.querySelector(`#${this._dataKey}_el_${t}`);i?i.removeAttribute("style"):this._hostElem.append(this._elemList[t])}checkElementVisibility(t){"hide"!==t.getAttribute("hidePolicy")&&t.getAttribute("hidePolicy")?"remove"===t.getAttribute("hidePolicy")&&t.remove():t.setAttribute("style","display: none")}componentWillRender(){this._elemList||(this._elemList=[],this._focusedIndex=0,this._totalStackItems=0,this._hostElem.classList.add("ez-view-stack__container"),this._hostElem.querySelectorAll(":scope > stack-item").forEach(((t,i)=>{t.setAttribute("id",`${this._dataKey}_el_${i}`),0!==i&&this.checkElementVisibility(t),this._totalStackItems++,this._elemList.push(t)})))}disconectCallback(){this._hostElem=null,this._elemList=null}render(){return i(s,null)}get _hostElem(){return e(this)}};h.style=":host{width:100%;height:100%}.ez-view-stack__container{width:100%;height:100%}";export{h as ez_view_stack}

package/dist/types/components/ez-view-stack/ez-view-stack.d.ts

@@ -3,12 +3,16 @@ export declare class EzViewStack {
   private _elemList;
   private _focusedIndex;
   private _totalStackItems;
+  /**
+   * Indetificador único do componente
+   */
+  private _dataKey;
   /**
   * Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.
   */
   show(index: number): Promise<void>;
   /**
-  * Retorna o index que est� atualmente ativo e sendo exibido.
+  * Retorna o index que está atualmente ativo e sendo exibido.
   */
   getSelectedIndex(): Promise<number>;
   policyHideRemove(): void;

package/dist/types/components.d.ts

@@ -955,7 +955,7 @@ export namespace Components {
     }
     interface EzViewStack {
         /**
-          * Retorna o index que est� atualmente ativo e sendo exibido.
+          * Retorna o index que está atualmente ativo e sendo exibido.
          */
         "getSelectedIndex": () => Promise<number>;
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "1.2.0-beta.10",
+  "version": "1.2.0-beta.11",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/dist/ezui/p-ed835b36.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,g as e,H as s}from"./p-3c7ea91b.js";let h=class{constructor(i){t(this,i)}async show(t){t!==this._focusedIndex&&0<=t&&t<this._totalStackItems&&(this.policyHideRemove(),this.policyShowAppend(t),this._focusedIndex=t)}async getSelectedIndex(){return this._focusedIndex}policyHideRemove(){let t=this._hostElem.querySelector(`#el_${this._focusedIndex}`);this.checkElementVisibility(t)}policyShowAppend(t){let i=this._hostElem.querySelector(`#el_${t}`);i?i.removeAttribute("style"):this._hostElem.append(this._elemList[t])}checkElementVisibility(t){"hide"!==t.getAttribute("hidePolicy")&&t.getAttribute("hidePolicy")?"remove"===t.getAttribute("hidePolicy")&&t.remove():t.setAttribute("style","display: none")}componentWillRender(){this._elemList||(this._elemList=[],this._focusedIndex=0,this._totalStackItems=0,this._hostElem.classList.add("ez-view-stack__container"),this._hostElem.querySelectorAll("stack-item").forEach(((t,i)=>{t.setAttribute("id",`el_${i}`),0!==i&&this.checkElementVisibility(t),this._totalStackItems++,this._elemList.push(t)})))}disconectCallback(){this._hostElem=null,this._elemList=null}render(){return i(s,null)}get _hostElem(){return e(this)}};h.style=":host{width:100%;height:100%}.ez-view-stack__container{width:100%;height:100%}";export{h as ez_view_stack}