@sankhyalabs/sankhyablocks 1.1.25 → 1.2.0

package/dist/components/ez-dialog.js

@@ -1,124 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './ez-button2.js';
-import { d as defineCustomElement$2 } from './ez-icon2.js';
-
-const ezDialogCss = ":host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--dialog__title--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__body--text-shadow:var(--text-shadow, \"0 0 0 #353535, 0 0 1px transparent\");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url('data: image/svg+xml;utf8,<svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895\"/></svg>');--dialog--critical__image:url('data: image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z\"/></svg>')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:1.3}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dialog__title--padding-left)}.title-icon{outline:none;border:none;background-color:var(--dialog__warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:'';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.title-icon--critical::after{content:'';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dialog--critical__image);mask-image:var(--dialog--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__no{padding-right:var(--dialog__btn__no--padding-right)}.button__ok--container{display:flex;justify-content:flex-end}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
-
-class Message {
-  constructor(title, message, critical, confirm, icon, callBack) {
-    this.title = title;
-    this.message = message;
-    this.critical = critical;
-    this.confirm = confirm;
-    this.icon = icon;
-    this.callBack = callBack;
-  }
-}
-const EzDialog$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.ezCancel = createEvent(this, "ezCancel", 7);
-    this.ezAccept = createEvent(this, "ezAccept", 7);
-    /**
-     * Define se o componente será utilizado no modo de confirmação.
-     */
-    this.confirm = false;
-    /**
-    * Define se o componente terá o visual de erro ou de aviso
-    */
-    this.critical = false;
-    /**
-     * Controla a exibição do componente
-     */
-    this.opened = false;
-    this._messageQueue = [];
-  }
-  /**
-   * Lida com o clique nos botões de dentro do componente.
-   */
-  async handleButtonClick(selectedOption) {
-    this.opened = this._messageQueue.length > 0;
-    if (this._currentMessage.callBack) {
-      this._currentMessage.callBack(selectedOption);
-    }
-    else {
-      selectedOption ? this.ezAccept.emit(selectedOption) : this.ezCancel.emit(selectedOption);
-    }
-    this._currentMessage = this._messageQueue.shift();
-    forceUpdate(this);
-  }
-  /**
-   * Faz com que o componente seja exibido.
-   */
-  async show(title, message, critical, confirm, icon) {
-    this.opened = true;
-    return new Promise(resolve => {
-      this._messageQueue.push(new Message(title, message, critical, confirm, icon, resolve));
-    });
-  }
-  componentWillRender() {
-    if (!this._currentMessage) {
-      if (this._messageQueue.length > 0) {
-        this._currentMessage = this._messageQueue.pop();
-      }
-      else {
-        if (this.opened) {
-          this._currentMessage = new Message(this.ezTitle, this.message, this.critical, this.confirm, this.personalizedIconPath, null);
-        }
-      }
-    }
-  }
-  render() {
-    if (this.opened && this._currentMessage) {
-      return (h("div", { class: "overlay" }, h("div", { class: "dialog" }, h("div", { class: this._currentMessage.critical === true ? "dialog__critical--indicator" : "dialog__warning--indicator" }), h("div", { class: "dialog__container" }, h("div", { class: "title__container" }, h("div", { class: "title__box" }, this._currentMessage.icon ?
-        h("ez-icon", { class: this._currentMessage.critical ? "changeable__icon critical" : "changeable__icon", size: "small", iconName: this._currentMessage.icon })
-        :
-          h("div", { class: this._currentMessage.critical ? "title-icon title-icon--critical" : "title-icon" }), h("div", { class: "title title--label", innerHTML: this._currentMessage.title })), h("button", { class: "btn-close", onClick: () => this.handleButtonClick(false) })), h("div", { class: "message", innerHTML: this._currentMessage.message }), this._currentMessage.confirm ?
-        h("div", { class: "button-yes-no__container" }, h("ez-button", { class: "button__no", mode: "link", label: "N\u00E3o", onClick: () => this.handleButtonClick(false) }), h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick(true) }))
-        : undefined, !this._currentMessage.confirm ?
-        h("div", { class: "button__ok--container" }, h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick(true) }))
-        : undefined))));
-    }
-    return null;
-  }
-  static get style() { return ezDialogCss; }
-}, [1, "ez-dialog", {
-    "confirm": [1028],
-    "critical": [1028],
-    "message": [1025],
-    "opened": [1540],
-    "personalizedIconPath": [1025, "personalized-icon-path"],
-    "ezTitle": [1025, "ez-title"],
-    "handleButtonClick": [64],
-    "show": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ez-dialog", "ez-button", "ez-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ez-dialog":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, EzDialog$1);
-      }
-      break;
-    case "ez-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "ez-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const EzDialog = EzDialog$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EzDialog, defineCustomElement };

package/dist/components/ez-form.js

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

package/dist/components/ez-form2.js

@@ -1,485 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, forceUpdate, Host } from '@stencil/core/internal/client';
-import { UserInterface, ApplicationContext, Action, DataUnitAction, DataUnit } from '@sankhyalabs/core';
-import { createStore } from 'redux';
-import { A as ApplicationUtils } from './ApplicationUtils.js';
-import { d as defineCustomElement$1 } from './ez-tabselector2.js';
-
-const buildTextArea = ({ name, label, readOnly }) => {
-  return (h("div", { class: "col col--sd-12 padding-horizontal--small", key: name },
-    h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name })));
-};
-
-const buildTextInput = ({ name, label }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
-    h("ez-text-input", { label: label, "data-field-name": name, key: name })));
-};
-
-const buildSwitch = (fieldConfig) => {
-  return buildField$1(fieldConfig.name, fieldConfig.label, fieldConfig.readOnly, true);
-};
-const buildCheckBox = (fieldConfig) => {
-  return buildField$1(fieldConfig.name, fieldConfig.label, fieldConfig.readOnly, false);
-};
-function buildField$1(fieldName, fieldLabel, readOnly, switchMode = false) {
-  return (h("div", { class: "col col--sd-12 col--tb-3 align--middle padding-horizontal--small padding-bottom--large" },
-    h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? "switch" : "regular", "data-field-name": fieldName, key: fieldName })));
-}
-
-const buildComboBox = ({ name, label, readOnly }, properties) => {
-  const prop = properties === null || properties === void 0 ? void 0 : properties.options;
-  let options;
-  if (typeof prop === "string") {
-    const parsed = JSON.parse(prop);
-    options = Object.keys(parsed).map(key => { return { value: key, label: parsed[key] }; });
-  }
-  else {
-    options = prop;
-  }
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
-    h("ez-combo-box", { enabled: !readOnly, label: label, "data-field-name": name, key: name, options: options })));
-};
-
-const buildSearch = ({ name, label, readOnly }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
-    h("ez-search", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
-};
-
-const buildFile = ({ name, label, readOnly }) => {
-  return (h("div", { class: "col col--sd-12 padding-horizontal--small" },
-    h("ez-upload", { enabled: !readOnly, label: label, urlUpload: "", requestHeaders: "", maxFiles: 10, "data-field-name": name, key: name })));
-};
-
-const buildDate = ({ name, label, readOnly }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
-    h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
-};
-const buildTime = ({ name, label }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
-    h("ez-time-input", { label: label, "data-field-name": name, key: name })));
-};
-const buildTimeDate = ({ name, label }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
-    h("ez-date-time-input", { label: label, "data-field-name": name, key: name })));
-};
-
-const buildDecimal = ({ name, label, readOnly }, properties) => {
-  const precision = Number((properties === null || properties === void 0 ? void 0 : properties.precision) || 2);
-  const prettyPrecision = Number((properties === null || properties === void 0 ? void 0 : properties.prettyPrecision) || precision);
-  return buildNumeric(name, label, readOnly, precision, prettyPrecision);
-};
-const buildInteger = ({ name, label, readOnly }) => {
-  return buildNumeric(name, label, readOnly, 0, 0);
-};
-function buildNumeric(fieldName, fieldLabel, readOnly, precision, prettyPrecision) {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
-    h("ez-number-input", { enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, key: fieldName })));
-}
-
-const uiBuilders = new Map();
-uiBuilders.set(UserInterface.LONGTEXT, buildTextArea);
-uiBuilders.set(UserInterface.CHECKBOX, buildCheckBox);
-uiBuilders.set(UserInterface.SWITCH, buildSwitch);
-uiBuilders.set(UserInterface.OPTIONSELECTOR, buildComboBox);
-uiBuilders.set(UserInterface.SEARCH, buildSearch);
-uiBuilders.set(UserInterface.FILE, buildFile);
-uiBuilders.set(UserInterface.DATE, buildDate);
-uiBuilders.set(UserInterface.TIME, buildTime);
-uiBuilders.set(UserInterface.DATETIME, buildTimeDate);
-uiBuilders.set(UserInterface.DECIMALNUMBER, buildDecimal);
-uiBuilders.set(UserInterface.INTEGERNUMBER, buildInteger);
-const buildField = (field) => {
-  const descriptor = field.descriptor;
-  const config = Object.assign({}, field.config);
-  let builder;
-  let props;
-  if (descriptor) {
-    if (!config.label) {
-      config.label = descriptor.label;
-    }
-    if (!config.name) {
-      config.name = descriptor.name;
-    }
-    if (config.required === undefined) {
-      config.required = descriptor.required;
-    }
-    if (config.readOnly === undefined) {
-      config.readOnly = descriptor.readOnly;
-    }
-    props = descriptor.properties;
-    builder = uiBuilders.get(descriptor.userInterface);
-  }
-  if (config.required) {
-    config.label = `* ${config.label} (obrigatório)`;
-  }
-  if (!builder) {
-    builder = buildTextInput;
-  }
-  return builder(config, props);
-};
-
-const FormItem = ({ source }) => {
-  if ("items" in source) {
-    const fieldSet = source;
-    return h("ez-collapsible-box", { label: source.label }, fieldSet.items.map(fi => buildField(fi)));
-  }
-  else {
-    return buildField(source);
-  }
-};
-
-const FormSheet = ({ store, source }) => {
-  return (h("div", { class: "box__container" },
-    h("div", { class: "row padding-vertical--small" }, source.items.map(item => h(FormItem, { store: store, source: item })))));
-};
-
-class FormMetadata {
-  constructor() {
-    this._sheets = new Map();
-    this._requiredFields = [];
-    this._cleanOnCopyFields = [];
-  }
-  getSheet(name) {
-    return this._sheets.get(name);
-  }
-  getAllSheets() {
-    return this._sheets;
-  }
-  addSheet(sheet) {
-    this._sheets.set(sheet.name, sheet);
-    this._requiredFields = this._requiredFields.concat(sheet.requiredFields);
-    this._cleanOnCopyFields = this._cleanOnCopyFields.concat(sheet.cleanOnCopyFields);
-  }
-  getRequiredFields() {
-    return this._requiredFields;
-  }
-  getCleanOnCopyFields() {
-    return this._cleanOnCopyFields;
-  }
-}
-const buildFromDataUnit = (dataUnit) => {
-  var _a;
-  const unitMD = dataUnit.metadata;
-  const metadata = new FormMetadata();
-  if (unitMD) {
-    const visibleFields = (_a = unitMD.fields) === null || _a === void 0 ? void 0 : _a.filter(descriptor => descriptor.visible !== false);
-    metadata.addSheet({
-      label: unitMD.label,
-      name: unitMD.name,
-      items: visibleFields.map(descriptor => { return { descriptor }; }),
-      requiredFields: visibleFields
-        .filter(descriptor => descriptor.required)
-        .map(descriptor => descriptor.name),
-      cleanOnCopyFields: visibleFields
-        .filter(descriptor => { var _a; return (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy; })
-        .map(descriptor => descriptor.name)
-    });
-  }
-  return metadata;
-};
-function getTabConfig(tab, sheets) {
-  const tabConfig = (typeof tab === "string" ? Array.from(sheets.keys()).find(t => t.label === tab) : tab);
-  return tabConfig || { label: tab, visible: true };
-}
-const buildFromConfig = (fields, dataUnit) => {
-  const sheets = new Map();
-  const requiredFields = [];
-  const cleanOnCopyFields = [];
-  fields.forEach(config => {
-    var _a;
-    if (config.visible !== false) {
-      const tabConfig = getTabConfig(config.tab || "Geral", sheets);
-      const descriptor = dataUnit.getField(config.name);
-      if (descriptor && tabConfig.visible) {
-        if (!sheets.has(tabConfig)) {
-          sheets.set(tabConfig, new Map());
-        }
-        const tabItens = sheets.get(tabConfig);
-        const isRequired = config.required === undefined ? descriptor.required : config.required;
-        if (isRequired) {
-          requiredFields.push(config.name);
-        }
-        const clearOnCopy = config.cleanOnCopy === undefined ? (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy : config.cleanOnCopy;
-        if (clearOnCopy) {
-          cleanOnCopyFields.push(config.name);
-        }
-        const fieldMD = { config, descriptor };
-        const group = config.group;
-        if (group) {
-          const key = `group::${group}`;
-          if (!tabItens.has(key)) {
-            tabItens.set(key, { label: group, items: [fieldMD] });
-          }
-          else {
-            tabItens.get(key).items.push(fieldMD);
-          }
-        }
-        else {
-          tabItens.set(config.name, fieldMD);
-        }
-      }
-    }
-  });
-  const metadata = new FormMetadata();
-  Array.from(sheets.entries())
-    .sort((a, b) => (a[0].order || 10000) - (b[0].order || 10000))
-    .forEach(([key, value]) => {
-    metadata.addSheet({
-      label: key.label,
-      name: key.label,
-      items: Array.from(value.values()),
-      requiredFields,
-      cleanOnCopyFields
-    });
-  });
-  return metadata;
-};
-
-const inicialState = {};
-///////////////////////////////     REDUCERS     ///////////////////////////////
-function formReducer(state = inicialState, action) {
-  switch (action.type) {
-    case FormActions.METADATA_LOADED:
-      return Object.assign(Object.assign({}, state), { formMetadata: action.payload });
-    case FormActions.CHANGE_TAB:
-      return Object.assign(Object.assign({}, state), { currentSheet: action.payload });
-    default:
-      return state;
-  }
-}
-/////////////////////////////// ACTION CREATORS ///////////////////////////////
-function loadMetadata(formMetadata) {
-  return {
-    type: FormActions.METADATA_LOADED,
-    payload: formMetadata
-  };
-}
-function changeTab(currentSheet) {
-  return {
-    type: FormActions.CHANGE_TAB,
-    payload: currentSheet.tabKey
-  };
-}
-///////////////////////////////    SELECTORS    ///////////////////////////////
-function selectFormMetadata(state) {
-  return state.formMetadata;
-}
-function selectCurrentSheet(state) {
-  return state.currentSheet ? state.formMetadata.getSheet(state.currentSheet) : Array.from(state.formMetadata.getAllSheets().values())[0];
-}
-///////////////////////////////      TYPES      ///////////////////////////////
-var FormActions;
-(function (FormActions) {
-  FormActions["METADATA_LOADED"] = "FORM/METADATA_LOADED";
-  FormActions["CHANGE_TAB"] = "FORM/CHANGE_TAB";
-})(FormActions || (FormActions = {}));
-
-class DataBinder {
-  constructor(dataUnit) {
-    this._fields = new Map();
-    this._dataUnit = dataUnit;
-    this._dataUnit.subscribe(_action => {
-      var _a;
-      (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
-        this.updateValue(field.fieldName, field.field);
-      });
-    });
-  }
-  bind(fields) {
-    fields.forEach(fieldElement => {
-      const fieldName = fieldElement.dataset.fieldName;
-      this.updateBind(fieldName, fieldElement);
-      this.updateValue(fieldName, fieldElement);
-    });
-  }
-  updateValue(fieldName, field) {
-    field["value"] = this._dataUnit.getFieldValue(fieldName);
-  }
-  updateBind(fieldName, field) {
-    const oldBind = this._fields.get(fieldName);
-    if (oldBind) {
-      oldBind.destroy();
-    }
-    this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
-    this.bindSearchOptionsLoader(fieldName, field);
-  }
-  setFieldValue(fieldName, newValue) {
-    if (this._dataUnit.records.length === 0) {
-      this._dataUnit.addRecord();
-    }
-    this._dataUnit.setFieldValue(fieldName, newValue);
-  }
-  bindSearchOptionsLoader(fieldName, field) {
-    if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] === undefined) {
-      const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
-      if (loader) {
-        field["optionLoader"] = (arg) => {
-          return loader(arg, fieldName, this._dataUnit);
-        };
-      }
-    }
-  }
-}
-class Bind {
-  destroy() {
-    this.field.removeEventListener(this.eventName, this.eventListener);
-  }
-  static create(fieldName, field, callback) {
-    const b = new Bind();
-    b.fieldName = fieldName;
-    b.field = field;
-    //FIXME: Verificar se o field é um EzField
-    b.eventListener = (evt) => { callback(fieldName, evt.detail); };
-    b.eventName = "ezChange";
-    b.field.addEventListener(b.eventName, b.eventListener);
-    return b;
-  }
-}
-
-const ezFormCss = "ez-form{display:flex;flex-direction:column;width:100%}";
-
-const EzForm = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  submit() {
-    return Promise.resolve();
-  }
-  cancel() {
-    return Promise.resolve();
-  }
-  validate() {
-    return new Promise((accept, reject) => {
-      const metadata = selectFormMetadata(this._store.getState());
-      const requiredFields = this._staticFields
-        .filter(f => f.dataset.required)
-        .map(f => f.dataset.fieldName)
-        .concat(metadata.getRequiredFields());
-      const records = this.dataUnit.records;
-      for (let i = 0; i < records.length; i++) {
-        if (!this.validateRequired(requiredFields, records[i])) {
-          reject();
-          break;
-        }
-      }
-      accept();
-    });
-  }
-  configChanged() {
-    this.processMetadata();
-  }
-  validateRequired(requiredFields, record) {
-    const invalidFields = [];
-    requiredFields.forEach(field => {
-      const value = record[field];
-      const fieldElem = this._element.querySelector(`[data-field-name=${field}]`);
-      if (value === null || value === undefined || value === "") {
-        invalidFields.push(field);
-        fieldElem["errorMessage"] = "Essa informação é obrigatória";
-      }
-      else {
-        fieldElem["errorMessage"] = "";
-      }
-    });
-    const isValid = invalidFields.length === 0;
-    if (!isValid) {
-      ApplicationUtils.info("Há pelo menos um campo obrigatório não preenchido.");
-    }
-    return isValid;
-  }
-  getDynamicContent() {
-    var _a;
-    const formMD = selectFormMetadata(this._store.getState());
-    if (!formMD)
-      return null;
-    const currentSheet = selectCurrentSheet((_a = this._store) === null || _a === void 0 ? void 0 : _a.getState());
-    if (!currentSheet) {
-      return null;
-    }
-    const allSheets = Array.from(formMD.getAllSheets().values());
-    const result = [];
-    if (allSheets.length > 1) {
-      result.push(h("ez-tabselector", { onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name }, allSheets.map(s => h("ez-tab", { tabKey: s.name, label: s.label }))));
-    }
-    result.push(h(FormSheet, { store: this._store, source: currentSheet }));
-    return result;
-  }
-  processMetadata() {
-    if (!this.isStatic()) {
-      const metadata = this.config && this.config.length > 0 ? buildFromConfig(this.config, this.dataUnit) : buildFromDataUnit(this.dataUnit);
-      this._store.dispatch(loadMetadata(metadata));
-    }
-  }
-  isStatic() {
-    var _a;
-    return ((_a = this._staticFields) === null || _a === void 0 ? void 0 : _a.length) > 0;
-  }
-  interceptAction(action) {
-    if (action.type === Action.RECORDS_COPIED) {
-      const metadata = selectFormMetadata(this._store.getState());
-      const cleanFields = metadata.getCleanOnCopyFields();
-      if (cleanFields) {
-        const records = action.payload;
-        return new DataUnitAction(Action.RECORDS_COPIED, records.map(record => {
-          const newRecord = Object.assign({}, record);
-          cleanFields.forEach(fieldName => delete newRecord[fieldName]);
-          return newRecord;
-        }));
-      }
-    }
-    return action;
-  }
-  componentWillLoad() {
-    if (this.dataUnit === undefined) {
-      this.dataUnit = new DataUnit("ez-form");
-    }
-    this.dataUnit.addInterceptor(this);
-    this.dataUnit.subscribe(action => {
-      if (action.type === Action.METADATA_LOADED) {
-        this.processMetadata();
-      }
-    });
-    this._dataBinder = new DataBinder(this.dataUnit);
-    this._store = createStore(formReducer);
-    this._store.subscribe(() => forceUpdate(this));
-    this._staticFields = Array.from(this._element.querySelectorAll("[data-field-name]"));
-    this.processMetadata();
-  }
-  componentDidRender() {
-    this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")));
-  }
-  render() {
-    return (h(Host, null, this.isStatic() ? null : this.getDynamicContent()));
-  }
-  get _element() { return this; }
-  static get watchers() { return {
-    "config": ["configChanged"]
-  }; }
-  static get style() { return ezFormCss; }
-}, [0, "ez-form", {
-    "dataUnit": [1040],
-    "config": [16],
-    "submit": [64],
-    "cancel": [64],
-    "validate": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ez-form", "ez-tabselector"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ez-form":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, EzForm);
-      }
-      break;
-    case "ez-tabselector":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { EzForm as E, defineCustomElement as d };