@sankhyalabs/sankhyablocks 1.1.23 → 1.1.27

package/dist/cjs/test-du.cjs.entry.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6ac5268e.js');
+const core = require('@sankhyalabs/core');
+
+const testDuCss = ":host{display:block}";
+
+const TestDu = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  /*private _ezButton// : HTMLEzButton;
+  private _ezComboBox// : HTMLEzComboBox;
+  private _ezDateInput// : HTMLEzDateInput;
+  private _ezDateTimeInput// : HTMLEzDateTimeInput;
+  private _ezNumberInput// : HTMLEzNumberInput
+  private _ezSearch// : HTMLEzSearch
+  private _ezUpload// : HTMLEzUpload*/
+  componentWillLoad() {
+    this.dataUnit = new core.DataUnit("testes_com_formulario");
+    this.dataUnit.metadata = {
+      name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
+      label: "Parceiro",
+      fields: [
+        {
+          name: "CODPARC",
+          label: "Parceiro",
+          dataType: core.DataType.NUMBER,
+          userInterface: core.UserInterface.SEARCH,
+          required: true,
+          properties: {}
+        },
+        {
+          name: "RECDESP",
+          label: "Receita/Despesa",
+          dataType: core.DataType.TEXT,
+          userInterface: core.UserInterface.OPTIONSELECTOR,
+          required: true,
+          properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
+        },
+        {
+          name: "P",
+          label: "pera",
+          dataType: core.DataType.TEXT,
+          userInterface: core.UserInterface.OPTIONSELECTOR,
+          properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
+        },
+        {
+          name: "ME",
+          label: "ME",
+          dataType: core.DataType.NUMBER,
+          userInterface: core.UserInterface.DECIMALNUMBER,
+          properties: { precision: 4, prettyPrecision: 1 }
+        }
+      ]
+    };
+    this.dataUnit.dataLoader = () => new Promise(accept => accept([
+      {
+        __record__id__: "1321321321321321",
+        CODPARC: 10,
+        NOMEPARC: "Parceiro 10",
+        P: "M",
+        L: "Bagaço",
+        LI: "Azedo"
+      }
+    ]));
+  }
+  render() {
+    return (index.h("ez-form", { dataUnit: this.dataUnit }));
+  }
+};
+TestDu.style = testDuCss;
+
+exports.test_du = TestDu;

package/dist/collection/collection-manifest.json

@@ -7,6 +7,41 @@
     "version": "2.15.2",
     "typescriptVersion": "4.5.4"
   },
-  "collections": [],
+  "collections": [
+    {
+      "name": "@sankhyalabs/ezui",
+      "tags": [
+        "ez-action-chip",
+        "ez-application",
+        "ez-button",
+        "ez-calendar",
+        "ez-check",
+        "ez-collapsible-box",
+        "ez-combo-box",
+        "ez-date-input",
+        "ez-date-time-input",
+        "ez-dialog",
+        "ez-form",
+        "ez-grid",
+        "ez-icon",
+        "ez-label-chip",
+        "ez-list",
+        "ez-modal",
+        "ez-number-input",
+        "ez-popover",
+        "ez-popup",
+        "ez-search",
+        "ez-tabselector",
+        "ez-text-area",
+        "ez-text-input",
+        "ez-time-input",
+        "ez-toast",
+        "ez-upload",
+        "grid-config",
+        "select-box",
+        "test-du"
+      ]
+    }
+  ],
   "bundles": []
 }

package/dist/collection/components/snk-application/snk-application.js

@@ -5,7 +5,8 @@ import Workspace from "../../lib/workspace/workspace";
 import ParametersFetcher from "../../lib/http/data-fetcher/fetchers/parameters-fecher";
 //FIXME: temporariamente estamos compiando essa classe do ezui pois não conseguimos
 //incluída no pacote. Isso deve ser resolvido nas proximas entregas e então ajustado aqui
-import ApplicationUtils from "../../temp/ApplicationUtils";
+//import ApplicationUtils from "../../temp/ApplicationUtils";
+import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 import { FormConfigFetcher } from "../../lib/http/data-fetcher/fetchers/form-config-fetcher";
 import { ApplicationContext } from "@sankhyalabs/core";
 import { pesquisaLoadOptions } from "../../lib/utils/pesquisa";
@@ -88,8 +89,8 @@ export class SnkApplication {
   async confirm(title, message, icon, critical) {
     return ApplicationUtils.confirm(title, message, icon, critical);
   }
-  async info(message) {
-    return ApplicationUtils.info(message);
+  async info(message, options = undefined) {
+    return ApplicationUtils.info(message, options);
   }
   async loadFormConfig(name) {
     return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
@@ -444,10 +445,13 @@ export class SnkApplication {
     },
     "info": {
       "complexType": {
-        "signature": "(message: string) => Promise<void>",
+        "signature": "(message: string, options?: any) => Promise<void>",
         "parameters": [{
             "tags": [],
             "text": ""
+          }, {
+            "tags": [],
+            "text": ""
           }],
         "references": {
           "Promise": {

package/dist/{collection/temp → components}/ApplicationUtils.js

@@ -1,31 +1,37 @@
-export default class ApplicationUtils {
-  static async showDialog(title, message, icon = null, confirm, critical = false) {
-    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, critical, confirm, icon).then(ok => resolve(ok));
-    });
-  }
-  static async alert(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, false);
-  }
-  static async error(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, true);
-  }
-  static async confirm(title, message, icon = null, critical = false) {
-    return ApplicationUtils.showDialog(title, message, icon, true, critical);
-  }
-  static async info(message) {
-    let toast = document.querySelector("ez-toast");
-    if (!toast) {
-      toast = document.createElement("ez-toast");
-      window.document.body.appendChild(toast);
-    }
-    toast.message = message;
-    toast.fadeTime = 4000;
-    toast.show();
-  }
-}
+class ApplicationUtils {
+  static async showDialog(title, message, icon = null, confirm, critical = false) {
+    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, critical, confirm, icon).then(ok => resolve(ok));
+    });
+  }
+  static async alert(title, message, icon = null) {
+    return ApplicationUtils.showDialog(title, message, icon, false, false);
+  }
+  static async error(title, message, icon = null) {
+    return ApplicationUtils.showDialog(title, message, icon, false, true);
+  }
+  static async confirm(title, message, icon = null, critical = false) {
+    return ApplicationUtils.showDialog(title, message, icon, true, critical);
+  }
+  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
+    let toast = document.querySelector("ez-toast");
+    if (!toast) {
+      toast = document.createElement("ez-toast");
+      window.document.body.appendChild(toast);
+    }
+    toast.canClose = options.canClose;
+    toast.message = message;
+    toast.fadeTime = 4000;
+    toast.show();
+  }
+}
+ApplicationUtils.defaultMessageOptions = {
+  canClose: true
+};
+
+export { ApplicationUtils as A };

package/dist/components/AssetsUtils.js

@@ -0,0 +1,22 @@
+import { getAssetPath, setAssetPath } from '@stencil/core/internal/client';
+
+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);
+}
+
+export { getSpritePath as g };

package/dist/components/CSSVarsUtils.js

@@ -0,0 +1,17 @@
+class CSSVarsUtils {
+  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');
+    }
+  }
+  static applyIfExists(host, element, varName) {
+    const prop = getComputedStyle(host).getPropertyValue(varName);
+    if (prop) {
+      element.style.setProperty(varName, prop);
+    }
+  }
+}
+
+export { CSSVarsUtils as C };

package/dist/components/_commonjsHelpers.js

@@ -0,0 +1,17 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+export { commonjsGlobal as a, createCommonjsModule as c };

package/dist/components/ez-action-chip.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const ezActionChipCss = ":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";
+
+const EzLabelChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.actionClick = createEvent(this, "actionClick", 7);
+    /**
+     * Deixa o componente disponível ou não para seleção.
+     */
+    this.enabled = true;
+  }
+  //---------------------------------------------
+  // Lifecycle web component
+  //---------------------------------------------
+  render() {
+    return (h("div", { onClick: () => this.actionClick.emit(), class: "label__container" }, h("slot", { name: "leftIcon" }), h("label", null, this.label), h("slot", { name: "rightIcon" })));
+  }
+  static get style() { return ezActionChipCss; }
+}, [1, "ez-action-chip", {
+    "label": [513],
+    "enabled": [516]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ez-action-chip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ez-action-chip":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, EzLabelChip);
+      }
+      break;
+  } });
+}
+
+const EzActionChip = EzLabelChip;
+const defineCustomElement = defineCustomElement$1;
+
+export { EzActionChip, defineCustomElement };

package/dist/components/ez-application.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const ezApplicationCss = "";
+
+const EzApplication$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.applicationLoaded = createEvent(this, "applicationLoaded", 7);
+  }
+  componentWillLoad() {
+    //Initizalize application
+  }
+  componentDidLoad() {
+    this.applicationLoaded.emit(true);
+  }
+  render() {
+    return (h("div", null));
+  }
+  static get style() { return ezApplicationCss; }
+}, [0, "ez-application"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ez-application"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ez-application":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, EzApplication$1);
+      }
+      break;
+  } });
+}
+
+const EzApplication = EzApplication$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EzApplication, defineCustomElement };

package/dist/components/ez-button.js

@@ -0,0 +1,6 @@
+import { E as EzButton$1, d as defineCustomElement$1 } from './ez-button2.js';
+
+const EzButton = EzButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EzButton, defineCustomElement };

package/dist/components/ez-button2.js

@@ -0,0 +1,105 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './ez-icon2.js';
+
+const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--ez-button--border);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border)}button:hover{background-color:var(--ez-button--hover--background-color)}button:focus{outline:none;border:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{padding:0px}button.small{width:32px;min-width:32px;height:32px}button.medium{width:42px;min-width:42px;height:42px}button.large{width:52px;min-width:52px;height:52px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";
+
+const EzButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Deixa o botão disponível ou não para interação com o usuário.
+     */
+    this.enabled = true;
+    /**
+       * Define o modo de uso do botão; opções: icon, link e regular
+       */
+    this.mode = "regular";
+    /**
+     * É possível escolher entre [small,medium,large] (somente para os modos "icon" e "link")
+     */
+    this.size = "medium";
+  }
+  /**
+   * Realiza o foco no botão
+   */
+  async setFocus() {
+    this._button.focus();
+  }
+  /**
+   * Remove o foco no botão
+   */
+  async setBlur() {
+    this._button.blur();
+  }
+  getIconSize() {
+    return this.size;
+  }
+  handleSlotChange(ev) {
+    const slot = ev.target;
+    const content = slot.assignedElements()[0];
+    if (this.mode == "link") {
+      content.style.display = "inline";
+      if (slot.name == "leftIcon") {
+        content.style.paddingRight = "var(--ez-button__inline__icon--padding)";
+      }
+      else if (slot.name == "rightIcon") {
+        content.style.paddingLeft = "var(--ez-button__inline__icon--padding)";
+      }
+    }
+    else {
+      content.style.setProperty('--ez-icon--color', 'var(--ez-icon--color)');
+    }
+  }
+  render() {
+    if (this.mode == "icon") {
+      return (h("button", { class: "icon " + this.size, type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => {
+          if (!this.enabled)
+            evt.stopPropagation();
+        } })));
+    }
+    else if (this.mode == "label-icon") {
+      return (h("div", { class: "label-icon" }, h("button", { class: "icon", type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: "large", onClick: evt => {
+          if (!this.enabled)
+            evt.stopPropagation();
+        } })), h("label", { title: this.label }, this.label)));
+    }
+    else if (this.mode == "link") {
+      return (h("a", { class: this.size, ref: (el) => this._button = el }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+    }
+    else {
+      return (h("button", { type: "button", disabled: !this.enabled, ref: (el) => this._button = el }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
+    }
+  }
+  static get style() { return ezButtonCss; }
+}, [1, "ez-button", {
+    "label": [513],
+    "enabled": [516],
+    "mode": [513],
+    "image": [513],
+    "iconName": [513, "icon-name"],
+    "size": [513],
+    "setFocus": [64],
+    "setBlur": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ez-button", "ez-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ez-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, EzButton);
+      }
+      break;
+    case "ez-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { EzButton as E, defineCustomElement as d };

package/dist/components/ez-calendar.js

@@ -0,0 +1,6 @@
+import { E as EzCalendar$1, d as defineCustomElement$1 } from './ez-calendar2.js';
+
+const EzCalendar = EzCalendar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EzCalendar, defineCustomElement };