@sankhyalabs/sankhyablocks 1.4.0-beta.8 → 2.0.0

package/dist/collection/components/snk-form/subcomponents/snk-config-options/snk-config-options.js

@@ -1,8 +1,8 @@
 import { h, Host } from "@stencil/core";
-import { ApplicationContext } from '@sankhyalabs/core';
-import { formFieldBuilder } from "@sankhyalabs/ezui/dist/collection/utils";
+import { ApplicationContext, UserInterface, ObjectUtils } from '@sankhyalabs/core';
 import { DataType, getConvertedValue } from "@sankhyalabs/core/dist/dataunit/metadata/DataType";
-import { CONFIG_EVENTS, DEFAULT_TYPE, VARS_BY_TYPE } from "../../../../lib/utils/constants";
+import { CheckMode } from "@sankhyalabs/ezui/dist/collection/utils";
+import { DEFAULT_TYPE, TAGS_BY_TYPE, VARS_BY_TYPE } from "../../../../lib/utils/constants";
 export class SnkConfigOptions {
   constructor() {
     /**
@@ -27,71 +27,20 @@ export class SnkConfigOptions {
   enabledValueDefault() {
     var _a, _b, _c;
     const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
-    if (((_c = field === null || field === void 0 ? void 0 : field.properties) === null || _c === void 0 ? void 0 : _c.allowDefault) === "true" && VARS_BY_TYPE.UserInterface.hasOwnProperty(field === null || field === void 0 ? void 0 : field.userInterface)) {
+    const allowDefault = (_c = field === null || field === void 0 ? void 0 : field.properties) === null || _c === void 0 ? void 0 : _c.allowDefault;
+    const hasVariableVar = VARS_BY_TYPE.UserInterface.hasOwnProperty(field === null || field === void 0 ? void 0 : field.userInterface);
+    if ((allowDefault == undefined || allowDefault === "true") && hasVariableVar) {
       return true;
     }
     return false;
   }
-  getFieldProperties(field) {
-    var _a;
-    if (field != undefined) {
-      return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field);
-    }
-  }
-  getMessage(key, params) {
-    return this._application.messagesBuilder.getMessage(key, params);
-  }
-  getDefaultType() {
-    var _a;
-    return (_a = this.fieldConfig.defaultValue.type) !== null && _a !== void 0 ? _a : DEFAULT_TYPE.fixed;
-  }
-  getValidatedValue(fieldValue) {
+  isAllowDefault() {
     var _a, _b;
-    if (fieldValue == undefined) {
-      return;
-    }
-    const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
-    const dataType = field === null || field === void 0 ? void 0 : field.dataType;
-    if (dataType == undefined) {
-      return;
-    }
-    const value = dataType !== DataType.OBJECT && dataType !== DataType.DATE
-      && typeof fieldValue === "object" && "value" in fieldValue
-      ? fieldValue.value
-      : fieldValue;
-    return dataType === DataType.OBJECT ? JSON.stringify(value) : value;
-  }
-  onChange(evt) {
-    this.fieldConfig.defaultValue.value = this.getValidatedValue(evt === null || evt === void 0 ? void 0 : evt.detail);
-    this.configOptionsChanged.emit(this.fieldConfig);
-  }
-  onSearch(searchArgument) {
-    if (this._application != undefined && this.fieldConfig != undefined) {
-      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
+    const allowDefault = (_b = (_a = this._fieldProperties) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.allowDefault;
+    if (allowDefault == undefined) {
+      return true;
     }
-  }
-  loadDataField() {
-    this._element.querySelectorAll("[data-field-name]")
-      .forEach((field) => {
-      var _a, _b, _c, _d;
-      field.enabled = ((_b = (_a = this._fieldProperties) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.allowDefault) === "true";
-      if (field.enabled) {
-        const value = this.fieldConfig.defaultValue.value;
-        if (value != undefined) {
-          const fieldName = field.dataset.fieldName;
-          const dataType = (_d = (_c = this.dataUnit) === null || _c === void 0 ? void 0 : _c.getField(fieldName)) === null || _d === void 0 ? void 0 : _d.dataType;
-          field.value = getConvertedValue(dataType, value);
-        }
-        field.addEventListener(CONFIG_EVENTS.fieldChanged, (evt) => {
-          return this.onChange(evt);
-        });
-        if (field.tagName === "EZ-SEARCH") {
-          field.optionLoader = (searchArgument) => {
-            return this.onSearch(searchArgument);
-          };
-        }
-      }
-    });
+    return allowDefault === "true";
   }
   loadDefaultValue() {
     var _a;
@@ -113,6 +62,19 @@ export class SnkConfigOptions {
       this._defaultType = this.fieldConfig.defaultValue.type;
     }
   }
+  getFieldProperties(field) {
+    var _a;
+    if (field != undefined) {
+      return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field);
+    }
+  }
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  getDefaultType() {
+    var _a;
+    return (_a = this.fieldConfig.defaultValue.type) !== null && _a !== void 0 ? _a : DEFAULT_TYPE.fixed;
+  }
   getEnabledByProperty(property) {
     const properties = this._fieldProperties;
     if (properties != undefined && properties[property] === true) {
@@ -127,25 +89,130 @@ export class SnkConfigOptions {
     }
     return this.fieldConfig[property];
   }
+  getValidatedValue(fieldValue) {
+    var _a, _b;
+    if (fieldValue == undefined) {
+      return;
+    }
+    const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
+    const dataType = field === null || field === void 0 ? void 0 : field.dataType;
+    if (dataType == undefined) {
+      return;
+    }
+    const value = (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.waitmessage) != undefined ? undefined :
+      dataType !== DataType.OBJECT && dataType !== DataType.DATE
+        && typeof fieldValue === "object"
+        ? fieldValue.value
+        : fieldValue;
+    return dataType === DataType.OBJECT ? JSON.stringify(value) : value;
+  }
+  buildInputDefault({ value, enabled, label, name, required, userInterface }, properties = undefined, mode = undefined) {
+    let options;
+    let precision = 0;
+    let prettyPrecision = 0;
+    const TagName = userInterface == undefined || TAGS_BY_TYPE[userInterface] == undefined
+      ? TAGS_BY_TYPE.DEFAULT
+      : TAGS_BY_TYPE[userInterface];
+    if (userInterface === UserInterface.OPTIONSELECTOR) {
+      const prop = properties === null || properties === void 0 ? void 0 : properties.options;
+      if (typeof prop === "string") {
+        const parsed = ObjectUtils.stringToObject(prop);
+        options = Object.keys(parsed).map(key => { return { value: key, label: parsed[key] }; });
+      }
+      else {
+        options = prop;
+      }
+    }
+    else if (userInterface === UserInterface.DECIMALNUMBER) {
+      precision = Number((properties === null || properties === void 0 ? void 0 : properties.precision) || 2);
+      prettyPrecision = Number((properties === null || properties === void 0 ? void 0 : properties.prettyPrecision) || precision);
+    }
+    return h(TagName, Object.assign({ value: value, enabled: enabled, label: label, "data-field-name": name, key: name, onEzChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail) }, (this.getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode))));
+  }
+  getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode) {
+    switch (userInterface) {
+      case UserInterface.SEARCH:
+        return {
+          suppressEmptyOption: required,
+          optionLoader: (searchArgument) => this.onSearch(searchArgument)
+        };
+      case UserInterface.OPTIONSELECTOR:
+        return {
+          suppressEmptyOption: required,
+          options
+        };
+      case UserInterface.CHECKBOX:
+      case UserInterface.SWITCH:
+        return {
+          mode
+        };
+      case UserInterface.INTEGERNUMBER:
+      case UserInterface.DECIMALNUMBER:
+        return {
+          precision,
+          prettyPrecision,
+          onEzStartChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail)
+        };
+      case UserInterface.DATE:
+      case UserInterface.DATETIME:
+      case UserInterface.TIME:
+        return {
+          onEzStartChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail)
+        };
+      default:
+        return {};
+    }
+  }
+  onChange(fieldValue) {
+    this.fieldConfig.defaultValue.value = this.getValidatedValue(fieldValue);
+    this.configOptionsChanged.emit(this.fieldConfig);
+  }
+  onSearch(searchArgument) {
+    if (this._application != undefined && this.fieldConfig != undefined) {
+      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
+    }
+  }
+  buildField(field) {
+    const { config, descriptor } = field;
+    const { name, label, readOnly, required, defaultValue } = config;
+    const { userInterface, properties } = descriptor;
+    const enabled = (properties === null || properties === void 0 ? void 0 : properties.allowDefault) != undefined ? properties.allowDefault === "true" : !readOnly;
+    let value;
+    if (enabled) {
+      value = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value;
+      if (value != undefined) {
+        value = getConvertedValue(descriptor === null || descriptor === void 0 ? void 0 : descriptor.dataType, value);
+      }
+    }
+    const configField = { value, enabled, label, name, required, userInterface };
+    switch (userInterface) {
+      case UserInterface.SWITCH:
+        return this.buildInputDefault(configField, undefined, CheckMode.SWITCH);
+      case UserInterface.CHECKBOX:
+        return this.buildInputDefault(configField, undefined, CheckMode.REGULAR);
+      case UserInterface.OPTIONSELECTOR:
+      case UserInterface.DECIMALNUMBER:
+        return this.buildInputDefault(configField, properties);
+      default:
+        return this.buildInputDefault(configField);
+    }
+  }
   componentWillLoad() {
     var _a;
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this.loadDefaultValue();
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._fieldProperties = this.getFieldProperties((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.name);
   }
-  componentDidRender() {
-    this.loadDataField();
-  }
   render() {
-    var _a, _b, _c, _d;
-    return (h(Host, null, h("div", { id: this.idConfig }, h("div", { class: "ez-row ez-padding--medium" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-text-input", { label: this.getMessage("snkConfigOptions.label.nameField"), value: (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.label, onEzChange: (evt) => { this.fieldConfig.label = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.typeValueDefault"), suppressEmptyOption: true, enabled: ((_c = (_b = this._fieldProperties) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.allowDefault) === "true", onEzChange: (evt) => { var _a; return this.onConfigDefault((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, value: this.getDefaultType() }, h("option", { value: DEFAULT_TYPE.fixed }, this.getMessage("snkConfigOptions.options.valueFixed")), h("option", { value: DEFAULT_TYPE.variable }, this.getMessage("snkConfigOptions.options.variable")))), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, this._defaultType === DEFAULT_TYPE.variable ?
-      h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.valueDefault"), enabled: this.enabledValueDefault(), onEzChange: (evt) => { var _a; this.fieldConfig.defaultValue.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value; this.configOptionsChanged.emit(this.fieldConfig); }, value: this.fieldConfig.defaultValue.value, options: this.buildOptions() })
+    var _a, _b;
+    return (h(Host, null, h("div", { id: this.idConfig }, h("div", { class: "ez-row ez-padding--medium" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-text-input", { label: this.getMessage("snkConfigOptions.label.nameField"), value: (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.label, onEzChange: (evt) => { this.fieldConfig.label = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.typeValueDefault"), suppressEmptyOption: true, enabled: this.enabledValueDefault(), onEzChange: (evt) => { var _a; return this.onConfigDefault((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, value: this.getDefaultType() }, h("option", { value: DEFAULT_TYPE.fixed }, this.getMessage("snkConfigOptions.options.valueFixed")), h("option", { value: DEFAULT_TYPE.variable }, this.getMessage("snkConfigOptions.options.variable")))), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, this._defaultType === DEFAULT_TYPE.variable ?
+      h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.valueDefault"), enabled: this.isAllowDefault(), onEzChange: (evt) => { var _a; this.fieldConfig.defaultValue.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value; this.configOptionsChanged.emit(this.fieldConfig); }, value: this.fieldConfig.defaultValue.value, options: this.buildOptions() })
       :
-        ((_d = this._fieldProperties) === null || _d === void 0 ? void 0 : _d.userInterface) &&
-          formFieldBuilder({
+        ((_b = this._fieldProperties) === null || _b === void 0 ? void 0 : _b.userInterface) &&
+          this.buildField({
             descriptor: this._fieldProperties,
             config: this.fieldConfig
-          }).$children$)), h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: "switch", label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: "switch", label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: "switch", label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
+          }))), h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
   }
   static get is() { return "snk-config-options"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-form/subcomponents/snk-field-config/snk-field-config.js

@@ -30,6 +30,11 @@ export class SnkFieldConfig {
   getMessage(key) {
     return this._application.messagesBuilder.getMessage(key, {});
   }
+  isRequired() {
+    var _a, _b;
+    const fieldMD = this.dataUnit && this.dataUnit.getField((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.name);
+    return (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.required) === true || ((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.required) === true;
+  }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
@@ -37,7 +42,7 @@ export class SnkFieldConfig {
     if (this.fieldConfig == undefined) {
       return;
     }
-    return (h(Host, null, h("div", { class: "field-config" }, h("div", { class: "field-config__draggable" }, h("ez-icon", { iconName: "drag-indicator", size: "small" })), h("div", null, this.fieldConfig.label, this.fieldConfig.required && h("span", { class: "field-config__required-label" }, "*")), this.modeInsertion ?
+    return (h(Host, null, h("div", { class: "field-config" }, h("div", { class: "field-config__draggable" }, h("ez-icon", { iconName: "drag-indicator", size: "small" })), h("div", null, this.fieldConfig.label, this.isRequired() && h("span", { class: "field-config__required-label" }, "*")), this.modeInsertion ?
       h("div", { class: "field-config__add" }, h("ez-button", { onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.add), mode: "icon", class: "ez-button--tertiary", iconName: "plus", size: "large", title: this.getMessage("snkFieldConfig.titleAdd") })) :
       h("div", { class: "field-config__options" + (this.isConfigActive ? " field-config__options--is-active" : " ") }, h("ez-button", { mode: "icon", class: "ez-button--tertiary field-config__remove-icon", onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.remove), iconName: "minus", size: "large", title: this.getMessage("snkFieldConfig.titleRemove") }), h("ez-button", { id: "buttonConfig_" + this.fieldConfig.name, mode: "icon", class: "ez-button--tertiary", onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.configuration), iconName: this.isConfigActive ? "chevron-up" : "settings-inverted", size: "large", title: this.getMessage("snkFieldConfig.titleConfigurations") }))), this.isConfigActive && h("div", { class: "field-config__config-popover" }, h("div", { class: "field-config__config-outer-arrow" }, h("div", { class: "field-config__config-inner-arrow" })))));
   }
@@ -112,6 +117,26 @@ export class SnkFieldConfig {
         "attribute": "mode-insertion",
         "reflect": true,
         "defaultValue": "true"
+      },
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Reposit\u00F3rio de dados, controla a manipula\u00E7\u00E3o dos dados"
+        }
       }
     };
   }

package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.css

@@ -1,7 +1,7 @@
 :host {
   /* Título */
   /*@doc Define o estilo da mensagem exibida no título.*/
-  --snk-form-config__title--font-pattern: var(--font-pattern, "'Sora', 'Algerian'");
+  --snk-form-config__title--font-pattern: var(--font-pattern, "Roboto");
   /*@doc Define o peso do título.*/
   --snk-form-config__title--weight--large: var(--text-weight--large, 600);
   

package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { Sortable } from '@shopify/draggable';
 import { ApplicationContext, ObjectUtils, ArrayUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from "@sankhyalabs/ezui/dist/collection/utils";
-import { ACTION_CONFIG, CONFIG_EVENTS, TAB_NAMES } from "../../../../lib/utils/constants";
+import { ACTION_CONFIG, CONFIG_EVENTS, DEFAULT_TYPE, TAB_NAMES } from "../../../../lib/utils/constants";
 import { UserConfigType } from "../../../../lib/http/data-fetcher/fetchers/form-config-fetcher";
 const CONTAINER_ID = {
   collapsibleBox: "EZ-COLLAPSIBLE-BOX",
@@ -121,19 +121,30 @@ export class SnkFormConfig {
     const snkFieldConfigs = this._formContainer.querySelectorAll('snk-field-config');
     snkFieldConfigs.forEach((snkField) => {
       const fieldConfig = snkField.fieldConfig;
-      if (fieldConfig) {
-        const fieldToSave = {
-          cleanOnCopy: fieldConfig.cleanOnCopy || false,
-          group: fieldConfig.group,
-          label: fieldConfig.label,
-          name: fieldConfig.name,
-          required: fieldConfig.required,
-          readOnly: fieldConfig.readOnly,
-          tab: fieldConfig.tab,
-          defaultValue: fieldConfig.defaultValue
-        };
-        fields.push(fieldToSave);
+      if (fieldConfig == undefined) {
+        return;
       }
+      const fieldToSave = {
+        cleanOnCopy: fieldConfig.cleanOnCopy || false,
+        group: fieldConfig.group,
+        label: fieldConfig.label,
+        name: fieldConfig.name,
+        required: fieldConfig.required,
+        readOnly: fieldConfig.readOnly,
+        tab: fieldConfig.tab
+      };
+      if (fieldConfig.defaultValue != undefined) {
+        if (fieldConfig.defaultValue.type == undefined) {
+          fieldToSave.defaultValue = {
+            type: DEFAULT_TYPE.fixed,
+            value: fieldConfig.defaultValue
+          };
+        }
+        else {
+          fieldToSave.defaultValue = fieldConfig.defaultValue;
+        }
+      }
+      fields.push(fieldToSave);
     });
     return fields;
   }
@@ -210,8 +221,8 @@ export class SnkFormConfig {
     var _a;
     return ((_a = group.fields) === null || _a === void 0 ? void 0 : _a.length) ? group.fields.map((field) => {
       var _a, _b;
-      return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
-        h("div", { class: "ez-flex form-config__config-options" }, h("snk-config-options", { idConfig: field.name, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, onConfigOptionsChanged: (ev) => this.handleconfigOptionsChanged(ev.detail) })));
+      return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
+        h("div", { class: "ez-flex form-config__config-options" }, h("snk-config-options", { idConfig: field.name, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
     }) : h("div", { class: "form-config__add-group-container" }, h("div", { class: "form-config__add-group-content" }, h("div", { class: "form-config__add-group-label" }, h("label", { class: "ez-text ez-text--center ez-text--medium ez-text--primary ez-text--bold" }, this.getMessage("snkFormConfig.form.labelDropField")))));
   }
   handleconfigOptionsChanged(fieldEdited) {
@@ -939,7 +950,7 @@ export class SnkFormConfig {
           return h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("label", { class: "ez-text ez-text--secondary ez-margin-vertical--small" }, this.getMessage("snkFormConfig.form.subTitleInfo")), h("div", { id: CONTAINER_ID.withoutGroup, class: "ez-row", "data-draggable-parent": "field" }, this.getFieldsByGroup(group)), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" }));
         }
       }), this.renderTempGroupByTab(tab.tab))), h("div", { class: "form-config__btn-add-group ez-row" }, h("div", { class: "form-config__btn-add-group-container ez-col ez-col--sd-12 ez-col--tb-12 ez-align--center" }, h("ez-button", { label: this.getMessage("snkFormConfig.form.labelNewGroup"), class: "ez-padding-horizontal--small ez-button--primary", size: "small", onClick: () => this.addNewGroup() }, h("ez-icon", { class: "ez-margin-right--small", slot: "leftIcon", iconName: "plus" })))))), h("div", { class: "form-config__fields-available ez-col ez-col--sd-3 ez-col--tb-3" }, h("section", { class: "ez-box__container ez-col ez-col--pn-12" }, h("h1", { class: "ez-title ez-title--large ez-title--primary ez-padding-bottom--medium" }, this.getMessage("snkFormConfig.availableFields.title")), h("ez-filter-input", { ref: ref => this._filterFieldsAvailable = ref, label: this.getMessage("snkFormConfig.availableFields.labelSearchField"), onEzChange: evt => this.onFilterChange(evt.detail) }), h("span", { class: "ez-box__label-counter ez-text ez-text--medium ez-text--primary ez-margin-bottom--medium" }, this.handleLabelCounter((_c = this._fieldsAvailable) === null || _c === void 0 ? void 0 : _c.length)), ((_d = this._layoutFormConfig) === null || _d === void 0 ? void 0 : _d.length) > 0 &&
-      h("div", { id: CONTAINER_ID.fieldsAvailable, class: "ez-row", "data-draggable-parent": "field" }, this.orderFieldsAvailable(this._fieldsAvailable).map((field) => h("div", { key: field.name, class: this._fieldsAvailableStyle, "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, fieldConfig: field })))))))));
+      h("div", { id: CONTAINER_ID.fieldsAvailable, class: "ez-row", "data-draggable-parent": "field" }, this.orderFieldsAvailable(this._fieldsAvailable).map((field) => h("div", { key: field.name, class: this._fieldsAvailableStyle, "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, dataUnit: this.dataUnit, fieldConfig: field })))))))));
   }
   static get is() { return "snk-form-config"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-form/subcomponents/snk-tab-config/snk-tab-config.css

@@ -64,7 +64,7 @@
 
   /*public*/
   color: var(--text--primary, #626e82);
-  font-family: var(--font-pattern, "Sora, Algerian");
+  font-family: var(--font-pattern, "Roboto");
   font-size: var(--title--small, 14px);
   padding: var(--space--small, 6px) var(--space--medium, 12px);
 }

package/dist/collection/lib/http/data-fetcher/fetchers/parameters-fecher.js

@@ -14,35 +14,35 @@ export default class ParametersFetcher {
             }
         }`);
   }
-  async getParam(name, resourceID) {
-    const completPath = `param://${resourceID}?params=${window.btoa(name)}`;
+  async getParam(name) {
+    const completPath = `param://application?params=${name}`;
     return DataFetcher.get().callGraphQL({
       values: { name: completPath },
       query: this.templateByQuery.get("fetchParam"),
     });
   }
-  async asString(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
+  async asString(name) {
+    const paramArr = await this.getParam(name);
     return this.getValue(paramArr);
   }
-  async asInteger(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
+  async asInteger(name) {
+    const paramArr = await this.getParam(name);
     return parseInt(this.getValue(paramArr));
   }
-  async asFloat(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
+  async asFloat(name) {
+    const paramArr = await this.getParam(name);
     return parseFloat(this.getValue(paramArr));
   }
-  async asBoolean(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return this.getValue(paramArr) == "S";
+  async asBoolean(name) {
+    const paramArr = await this.getParam(name);
+    return this.getValue(paramArr).includes('"S"');
   }
-  async asDate(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
+  async asDate(name) {
+    const paramArr = await this.getParam(name);
     return DateUtils.strToDate(this.getValue(paramArr));
   }
-  async getBatchParams(names, resourceID) {
-    const paramArr = await this.getParam(names.join(","), resourceID);
+  async getBatchParams(names) {
+    const paramArr = await this.getParam(names.join(","));
     //TODO: try to typed params val?
     const response = {};
     paramArr.forEach((param) => (response[param.name] = param.resource));

package/dist/collection/lib/utils/constants.js

@@ -56,3 +56,17 @@ export const TYPE_ACTIONS = {
 export const TAB_NAMES = {
   main: "__main"
 };
+export const TAGS_BY_TYPE = {
+  LONGTEXT: "ez-text-area",
+  FILE: "ez-upload",
+  DATE: "ez-date-input",
+  TIME: "ez-time",
+  DATETIME: "ez-date-time-input",
+  DEFAULT: "ez-text-input",
+  SWITCH: "ez-check",
+  CHECKBOX: "ez-check",
+  OPTIONSELECTOR: "ez-combo-box",
+  SEARCH: "ez-search",
+  INTEGERNUMBER: "ez-number-input",
+  DECIMALNUMBER: "ez-number-input"
+};

package/dist/components/constants.js

@@ -56,5 +56,19 @@ const TYPE_ACTIONS = {
 const TAB_NAMES = {
   main: "__main"
 };
+const TAGS_BY_TYPE = {
+  LONGTEXT: "ez-text-area",
+  FILE: "ez-upload",
+  DATE: "ez-date-input",
+  TIME: "ez-time",
+  DATETIME: "ez-date-time-input",
+  DEFAULT: "ez-text-input",
+  SWITCH: "ez-check",
+  CHECKBOX: "ez-check",
+  OPTIONSELECTOR: "ez-combo-box",
+  SEARCH: "ez-search",
+  INTEGERNUMBER: "ez-number-input",
+  DECIMALNUMBER: "ez-number-input"
+};
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, TAB_NAMES as T, VIEW_MODE as V, VARS_BY_TYPE as a, TYPE_ACTIONS as b };
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, TAGS_BY_TYPE as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAB_NAMES as b, TYPE_ACTIONS as c };

package/dist/components/snk-application2.js

@@ -489,35 +489,35 @@ class ParametersFetcher {
             }
         }`);
   }
-  async getParam(name, resourceID) {
-    const completPath = `param://${resourceID}?params=${window.btoa(name)}`;
+  async getParam(name) {
+    const completPath = `param://application?params=${name}`;
     return DataFetcher.get().callGraphQL({
       values: { name: completPath },
       query: this.templateByQuery.get("fetchParam"),
     });
   }
-  async asString(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
+  async asString(name) {
+    const paramArr = await this.getParam(name);
     return this.getValue(paramArr);
   }
-  async asInteger(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
+  async asInteger(name) {
+    const paramArr = await this.getParam(name);
     return parseInt(this.getValue(paramArr));
   }
-  async asFloat(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
+  async asFloat(name) {
+    const paramArr = await this.getParam(name);
     return parseFloat(this.getValue(paramArr));
   }
-  async asBoolean(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return this.getValue(paramArr) == "S";
+  async asBoolean(name) {
+    const paramArr = await this.getParam(name);
+    return this.getValue(paramArr).includes('"S"');
   }
-  async asDate(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
+  async asDate(name) {
+    const paramArr = await this.getParam(name);
     return DateUtils.strToDate(this.getValue(paramArr));
   }
-  async getBatchParams(names, resourceID) {
-    const paramArr = await this.getParam(names.join(","), resourceID);
+  async getBatchParams(names) {
+    const paramArr = await this.getParam(names.join(","));
     //TODO: try to typed params val?
     const response = {};
     paramArr.forEach((param) => (response[param.name] = param.resource));
@@ -755,31 +755,31 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    * Retorna o valor de um parâmetro do tipo string.
    */
   async getStringParam(name) {
-    return this.parameters.asString(name, this.resourceID);
+    return this.parameters.asString(name);
   }
   /**
    * Retorna o valor de um parâmetro do tipo Inteiro.
    */
   async getIntParam(name) {
-    return this.parameters.asInteger(name, this.resourceID);
+    return this.parameters.asInteger(name);
   }
   /**
    * Retorna o valor de um parâmetro do tipo Decimal.
    */
   async getFloatParam(name) {
-    return this.parameters.asFloat(name, this.resourceID);
+    return this.parameters.asFloat(name);
   }
   /**
    * Retorna o valor de um parâmetro do tipo booleano.
    */
   async getBooleanParam(name) {
-    return this.parameters.asBoolean(name, this.resourceID);
+    return this.parameters.asBoolean(name);
   }
   /**
    * Retorna o valor de um parâmetro do tipo data.
    */
   async getDateParam(name) {
-    return this.parameters.asDate(name, this.resourceID);
+    return this.parameters.asDate(name);
   }
   /**
    * Mostra o conteúdo passado em um Popup
@@ -950,6 +950,12 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   async getResourceID() {
     return Promise.resolve(this.resourceID);
   }
+  /**
+   * Retorna o resourceID da tela em questão.
+   */
+  async getUserID() {
+    return Promise.resolve(window["UID"]);
+  }
   /**
    * Mostra o diálogo de alerta de acordo com os parâmetros passados.
    */
@@ -1246,6 +1252,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "createDataunit": [64],
     "getDataUnit": [64],
     "getResourceID": [64],
+    "getUserID": [64],
     "alert": [64],
     "error": [64],
     "success": [64],

package/dist/components/snk-config-modal2.js

@@ -19,7 +19,7 @@ class ConfigurableElementsStorage {
 ConfigurableElementsStorage._gridById = new Map();
 ConfigurableElementsStorage._formById = new Map();
 
-const snkConfigModalCss = ".sc-snk-config-modal-h{--snk-config-modal__button-close--padding-left:var(--space--medium, 12px);--snk-config-modal__title--color:var(--title--primary, #2B3A54);--snk-config-modal__title--font-family:var(--font-pattern, \"Sora\");--snk-config-modal__title--font-size:var(--title--large, 20px);--snk-config-modal__title--font-weight:var(--text-weight--extra-large, 700);--snk-config-modal__subtitle--color:var(--title--primary, #2B3A54);--snk-config-modal__subtitle--font-family:var(--font-pattern, \"Sora\");--snk-config-modal__subtitle--font-size:var(--text--medium, 14px);--snk-config-modal__subtitle--font-weight:var(--text-weight--large, 600);--snk-config-modal__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-config-modal__scrollbar--width:var(--space--medium, 12px);--snk-config-modal__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-config-modal__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-config-modal-h{width:359px;max-width:359px}}.snk-config-modal__button-config.sc-snk-config-modal{--ez-button--min-width:100%}.snk-config-modal__header.sc-snk-config-modal{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-config-modal__title.sc-snk-config-modal{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-config-modal__title--color);font-size:var(--snk-config-modal__title--font-size);font-family:var(--snk-config-modal__title--font-family);font-weight:var(--snk-config-modal__title--font-weight)}.snk-config-modal__subtitle.sc-snk-config-modal{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-config-modal__subtitle--color);font-size:var(--snk-config-modal__subtitle--font-size);font-family:var(--snk-config-modal__subtitle--font-family);font-weight:var(--snk-config-modal__subtitle--font-weight)}.snk-config-modal__button-close.sc-snk-config-modal{padding-left:var(--snk-config-modal__button-close--padding-left)}.snk-config-modal__main.sc-snk-config-modal{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-config-modal__scrollbar--background-color-primary) var(--snk-config-modal__scrollbar--background-color-secondary)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar-track{background-color:var(--snk-config-modal__scrollbar--background-color-secondary)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar-thumb{background-color:var(--snk-config-modal__scrollbar--background-color-primary);border-radius:var(--snk-config-modal__scrollbar--border-radius)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar{background-color:var(--snk-config-modal__scrollbar--background-color-secondary);width:var(--snk-config-modal__scrollbar--width);max-width:var(--snk-config-modal__scrollbar--width);min-width:var(--snk-config-modal__scrollbar--width)}";
+const snkConfigModalCss = ".sc-snk-config-modal-h{--snk-config-modal__button-close--padding-left:var(--space--medium, 12px);--snk-config-modal__title--color:var(--title--primary, #2B3A54);--snk-config-modal__title--font-family:var(--font-pattern, \"Roboto\");--snk-config-modal__title--font-size:var(--title--large, 20px);--snk-config-modal__title--font-weight:var(--text-weight--extra-large, 700);--snk-config-modal__subtitle--color:var(--title--primary, #2B3A54);--snk-config-modal__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-config-modal__subtitle--font-size:var(--text--medium, 14px);--snk-config-modal__subtitle--font-weight:var(--text-weight--large, 600);--snk-config-modal__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-config-modal__scrollbar--width:var(--space--medium, 12px);--snk-config-modal__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-config-modal__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-config-modal-h{width:359px;max-width:359px}}.snk-config-modal__button-config.sc-snk-config-modal{--ez-button--min-width:100%}.snk-config-modal__header.sc-snk-config-modal{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-config-modal__title.sc-snk-config-modal{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-config-modal__title--color);font-size:var(--snk-config-modal__title--font-size);font-family:var(--snk-config-modal__title--font-family);font-weight:var(--snk-config-modal__title--font-weight)}.snk-config-modal__subtitle.sc-snk-config-modal{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-config-modal__subtitle--color);font-size:var(--snk-config-modal__subtitle--font-size);font-family:var(--snk-config-modal__subtitle--font-family);font-weight:var(--snk-config-modal__subtitle--font-weight)}.snk-config-modal__button-close.sc-snk-config-modal{padding-left:var(--snk-config-modal__button-close--padding-left)}.snk-config-modal__main.sc-snk-config-modal{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-config-modal__scrollbar--background-color-primary) var(--snk-config-modal__scrollbar--background-color-secondary)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar-track{background-color:var(--snk-config-modal__scrollbar--background-color-secondary)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar-thumb{background-color:var(--snk-config-modal__scrollbar--background-color-primary);border-radius:var(--snk-config-modal__scrollbar--border-radius)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar{background-color:var(--snk-config-modal__scrollbar--background-color-secondary);width:var(--snk-config-modal__scrollbar--width);max-width:var(--snk-config-modal__scrollbar--width);min-width:var(--snk-config-modal__scrollbar--width)}";
 
 const GRID_MODE = VIEW_MODE.grid;
 const FORM_MODE = VIEW_MODE.form;