@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-08202.0

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

@@ -0,0 +1,126 @@
+import { h, Host } from '@stencil/core';
+import { ElementIDUtils, JSUtils } from '@sankhyalabs/core';
+export class EzViewStack {
+  constructor() {
+    /**
+     * Indetificador único do componente
+     */
+    this._dataKey = '';
+  }
+  /**
+  * Exibe a visão de acordo com o índice.
+  */
+  async show(index) {
+    if (index !== this._focusedIndex && 0 <= index && index < this._totalStackItems) {
+      this.policyHideRemove();
+      this.policyShowAppend(index);
+      this._focusedIndex = index;
+    }
+  }
+  /**
+  * Obtem o índice selecionado.
+  */
+  async getSelectedIndex() {
+    return this._focusedIndex;
+  }
+  policyHideRemove() {
+    let element = this._hostElem.querySelector(`#${this._dataKey}_el_${this._focusedIndex}`);
+    this.checkElementVisibility(element);
+  }
+  policyShowAppend(index) {
+    let selectedElement = this._hostElem.querySelector(`#${this._dataKey}_el_${index}`);
+    if (selectedElement) {
+      selectedElement.removeAttribute("style");
+    }
+    else {
+      this._hostElem.append(this._elemList[index]);
+    }
+    ;
+  }
+  checkElementVisibility(element) {
+    if (element.getAttribute("hidePolicy") === "hide" || !element.getAttribute("hidePolicy")) {
+      element.setAttribute("style", "display: none");
+    }
+    else if (element.getAttribute("hidePolicy") === "remove") {
+      element.remove();
+    }
+  }
+  componentWillRender() {
+    this._dataKey = 'id_'.concat(JSUtils.generateUUID());
+    if (!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((element, index) => {
+        element.setAttribute("id", `${this._dataKey}_el_${index}`);
+        if (index !== 0) {
+          this.checkElementVisibility(element);
+        }
+        this._totalStackItems++;
+        this._elemList.push(element);
+      });
+    }
+  }
+  componentDidLoad() {
+    ElementIDUtils.addIDInfo(this._hostElem);
+  }
+  disconectCallback() {
+    this._hostElem = null;
+    this._elemList = null;
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "ez-view-stack"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-view-stack.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-view-stack.css"]
+    };
+  }
+  static get methods() {
+    return {
+      "show": {
+        "complexType": {
+          "signature": "(index: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Exibe a vis\u00E3o de acordo com o \u00EDndice.",
+          "tags": []
+        }
+      },
+      "getSelectedIndex": {
+        "complexType": {
+          "signature": "() => Promise<number>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<number>"
+        },
+        "docs": {
+          "text": "Obtem o \u00EDndice selecionado.",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_hostElem"; }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/servidor.js

@@ -0,0 +1,101 @@
+function carregarMetadados() {
+  return [
+    {
+      "name": "AD_TWFSOLLICJUR",
+      "label": "Análise de Licitações",
+      "items": [],
+      "dataUnit": {
+        "name": "AD_TWFSOLLICJUR",
+        "cardinality": "N",
+        "records": [
+          {
+            "record__id": "SURJTlNUUFJOPTc3MTYwMiZJRElOU1RUQVI9MCZDT0RSRUdJU1RSTz0x",
+            "EDITAL": null,
+            "RESUMO": "algo escrito Pela NOVA lista de Tarefassdf",
+            "DTHAB": new Date(1978, 5, 18),
+            "COMITE": null,
+            "DEMANDA": null,
+            "DUVIDAS": null
+          },
+          {
+            "record__id": "SURJTlNUUFJOPTc3MTYwMiZJRElOU1RUQVI9MCZDT0RSRUdJU1RSTz0xOutro",
+            "EDITAL": null,
+            "RESUMO": "Um resumicho",
+            "DTHAB": new Date(1988, 5, 18),
+            "COMITE": null,
+            "DEMANDA": null,
+            "DUVIDAS": null
+          }
+        ]
+      },
+      "subForms": [
+        {
+          "name": "AD_TWFSOLLICJUR#Geral",
+          "label": "Geral",
+          "items": [
+            {
+              "name": "EDITAL",
+              "label": "Por gentileza, anexe o edital de licitação completo e outros anexos caso houver no formato .zip.",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "IMAGE",
+              "properties": []
+            },
+            {
+              "name": "RESUMO",
+              "label": "Resumo do edital:",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "LONGTEXT",
+              "properties": []
+            },
+            {
+              "name": "DTHAB",
+              "label": "Informe a data de habilitação do processo licitatório:",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "DATE",
+              "properties": []
+            },
+            {
+              "name": "COMITE",
+              "label": "Necessário acionar comitê? Se sim, adicione os comentários relacionados ao comitê:",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "LONGTEXT",
+              "properties": []
+            },
+            {
+              "name": "DEMANDA",
+              "label": "Duvidas se iremos conseguir atender as demandas?",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "OPTIONSELECTOR",
+              "properties": [
+                {
+                  "name": "options",
+                  "value": "{\"SIM\":\"Sim\",\"NAO\":\"Não\"}"
+                }
+              ]
+            },
+            {
+              "name": "DUVIDAS",
+              "label": "Informe as dúvidas que o executivo comercial deverá verificar com as áreas correspondentes:",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "LONGTEXT",
+              "properties": []
+            }
+          ],
+          "dataUnit": null
+        }
+      ]
+    }
+  ]
+}

package/dist/collection/setupTests.js

@@ -0,0 +1 @@
+global.ResizeObserver = require('resize-observer-polyfill')

package/dist/collection/utils/ApplicationUtils.js

@@ -0,0 +1,94 @@
+import { v4 as uuid } from "uuid";
+import { DialogType } from "../components/ez-dialog/DialogType";
+export default class ApplicationUtils {
+  static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DEFAULT, options) {
+    if (options) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
+    return new Promise(resolve => {
+      let dialog = document.querySelector("ez-dialog");
+      if (!dialog) {
+        dialog = document.createElement("ez-dialog");
+        window.document.body.appendChild(dialog);
+      }
+      dialog.show(title, message, dialogType, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger, options.beforeClose).then(ok => resolve(ok));
+    });
+  }
+  static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.WARN, options);
+  }
+  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.CRITICAL, options);
+  }
+  static async success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.SUCCESS, options);
+  }
+  static async confirm(title, message, icon = null, dialogType = DialogType.WARN, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, true, dialogType, options);
+  }
+  static async message(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DEFAULT, options);
+  }
+  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
+    if (options !== ApplicationUtils.defaultMessageOptions) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
+    let useIcon = false;
+    let toast = document.querySelector("ez-toast");
+    if (!toast) {
+      toast = document.createElement("ez-toast");
+      const icon = document.createElement("ez-icon");
+      icon.className = "ez-margin-right--small";
+      icon.slot = "icon";
+      icon.style.setProperty("--ez-icon--color", "var(--color--success)");
+      toast.appendChild(icon);
+      window.document.body.appendChild(toast);
+    }
+    if (options.iconName) {
+      const iconElem = toast.querySelector("ez-icon");
+      if (iconElem) {
+        iconElem.iconName = options.iconName;
+        useIcon = true;
+      }
+    }
+    else {
+      useIcon = false;
+    }
+    toast.show(message, 5000, useIcon, options.canClose);
+  }
+  static async showModal(modalProps) {
+    modalProps = Object.assign(Object.assign({}, ApplicationUtils.defaultModalProps), modalProps);
+    const modal = document.createElement("ez-modal");
+    window.document.body.appendChild(modal);
+    modal.setAttribute('id', uuid());
+    modal.modalSize = modalProps.size;
+    modal.align = modalProps.position;
+    modal.heightMode = modalProps.heightMode;
+    modal.closeEsc = modalProps.closeEsc;
+    modal.closeOutsideClick = modalProps.closeOutsideClick;
+    modal.scrim = modalProps.useScrimLight ? 'light' : 'medium';
+    if (modalProps.content instanceof String || typeof modalProps.content === 'string') {
+      modal.innerHTML = modalProps.content;
+    }
+    else {
+      modal.appendChild(modalProps.content);
+    }
+    modal.opened = true;
+    return () => modal.remove();
+  }
+}
+ApplicationUtils.defaultMessageOptions = {
+  canClose: true,
+  labelCancel: 'Não',
+  labelConfirm: 'Sim',
+  btnConfirmDanger: false
+};
+ApplicationUtils.defaultModalProps = {
+  content: null,
+  position: 'right',
+  size: 'small',
+  heightMode: 'regular',
+  closeOutsideClick: true,
+  closeEsc: true
+};
+;

package/dist/collection/utils/AssetsUtils.js

@@ -0,0 +1,19 @@
+import { getAssetPath, setAssetPath } from "@stencil/core";
+export const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
+let ctxLoaded = false;
+function getContextAssetsPath(resource) {
+  if (!ctxLoaded) {
+    const scriptElem = document.querySelector("script[data-ezui-assets-url]");
+    if (scriptElem) {
+      let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
+      if (assetsPath) {
+        if (assetsPath.startsWith('/')) {
+          assetsPath = window.location.origin + assetsPath;
+        }
+        setAssetPath(assetsPath);
+      }
+    }
+    ctxLoaded = true;
+  }
+  return getAssetPath(resource);
+}

package/dist/collection/utils/CSSVarsUtils.js

@@ -0,0 +1,73 @@
+export default class CSSVarsUtils {
+  static applyCSSVars(document, host, child) {
+    const isSameDomain = (styleSheet) => {
+      if (!styleSheet.href) {
+        return true;
+      }
+      return styleSheet.href.indexOf(window.location.origin) === 0;
+    };
+    Array.from(document.styleSheets).filter(isSameDomain).forEach((sheet) => {
+      Array.from(sheet.cssRules).filter(rule => rule instanceof CSSStyleRule).forEach((rule) => {
+        Array.from(rule.style).forEach((propName) => {
+          if (propName.startsWith("--")) {
+            CSSVarsUtils.applyIfExists(host, child, propName);
+          }
+        });
+      });
+    });
+  }
+  static applyVarsTextInput(host, child) {
+    if (child) {
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--background-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--border-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--disabled--background-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--disabled--color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height--slim');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--border-radius');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--focus--border-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__icon--width');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--focus--icon-color');
+    }
+  }
+  static applyVarsButton(host, child) {
+    if (child) {
+      ["--ez-button--min-width",
+        "--ez-button--height",
+        "--ez-button__icon--width",
+        "--ez-button__inline__icon--padding",
+        "--ez-button--padding-top",
+        "--ez-button--padding-bottom",
+        "--ez-button--padding-right",
+        "--ez-button--padding-left",
+        "--ez-button--color",
+        "--ez-button--font-size",
+        "--ez-button--font-family",
+        "--ez-button--font-weight",
+        "--ez-button--background-color",
+        "--ez-button--border-radius",
+        "--ez-button--border",
+        "--ez-button--hover-color",
+        "--ez-button--hover--background-color",
+        "--ez-button--disabled-color",
+        "--ez-button--disabled--background-color",
+        "--ez-button--focus--border",
+        "--ez-button--focus--box-shadow",
+        "--ez-button--active-color",
+        "--ez-button--active--background-color",
+        "--ez-button--link-color",
+        "--ez-button--link--hover-color",
+        "--ez-button--link--small--font-size",
+        "--ez-button--link--medium--font-size",
+        "--ez-button--link--large--font-size",].forEach(prop => {
+        CSSVarsUtils.applyIfExists(host, child, prop);
+      });
+    }
+  }
+  static applyIfExists(host, element, varName) {
+    const prop = getComputedStyle(host).getPropertyValue(varName);
+    if (prop) {
+      element.style.setProperty(varName, prop);
+    }
+  }
+}

package/dist/collection/utils/constants.js

@@ -0,0 +1,3 @@
+export const REQUIRED_INFO = " (obrigatório) *";
+export const ALL_RECORD = "ALL_RECORD";
+export const DISTINCT_FILTER_NAME_PREFIX = 'FILTRO_COLUNA_';