@sankhyalabs/sankhyablocks 1.4.0-beta.1 → 1.4.0-beta.10

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

@@ -0,0 +1,261 @@
+import { ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
+import { h } from '@stencil/core';
+import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
+import { CONFIG_EVENTS, VIEW_MODE } from '../../lib/utils/constants';
+import ConfigurableElementsStorage from './subcomponents/configModalProvider/configurableElementsStorage';
+const GRID_MODE = VIEW_MODE.grid;
+const FORM_MODE = VIEW_MODE.form;
+export class SnkConfigurator {
+  constructor() {
+    /**
+     * Nome do componente que será vinculado ao `data-configurator-parent` para controlar o modal de configurações.
+     */
+    this.name = "snkConfigurator";
+    /**
+     * Define se o campo está habilitado.
+     */
+    this.enabled = true;
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-configurator.msg.ts"
+   */
+  getMessage(key) {
+    return this._application.messagesBuilder.getMessage(key, {});
+  }
+  controlConfigModal(opened) {
+    var _a;
+    if (this._modal != undefined) {
+      this._modal.opened = opened;
+      if (this._configModal != undefined) {
+        this._configModal.gridMode = ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.offsetParent) != undefined;
+      }
+    }
+  }
+  changeConfigModal(evt) {
+    const data = evt === null || evt === void 0 ? void 0 : evt.detail;
+    if (data === null || data === void 0 ? void 0 : data.openConfig) {
+      this.controlConfigModal(false);
+      this.callShowConfig(data === null || data === void 0 ? void 0 : data.viewMode);
+    }
+    else if ((data === null || data === void 0 ? void 0 : data.viewMode) === GRID_MODE.index) {
+      this.changeViewMode.emit(GRID_MODE.name);
+    }
+    else if ((data === null || data === void 0 ? void 0 : data.viewMode) === FORM_MODE.index) {
+      this.changeViewMode.emit(FORM_MODE.name);
+    }
+  }
+  callShowConfig(viewMode) {
+    if (viewMode === GRID_MODE.index) {
+      if (this._grid == undefined) {
+        this.findGrid();
+      }
+      if (this._grid != undefined) {
+        this._grid.setShowGridConfig(true);
+      }
+    }
+    else if (viewMode === FORM_MODE.index) {
+      if (this._form == undefined) {
+        this.findForm();
+      }
+      if (this._form != undefined) {
+        this._form.setShowFormConfig(true);
+      }
+    }
+  }
+  getConfigModal() {
+    const modalContainer = document.createElement("ez-modal");
+    modalContainer.modalSize = "small";
+    modalContainer.opened = false;
+    modalContainer.closeEsc = false;
+    modalContainer.closeOutsideClick = false;
+    modalContainer.dataset.configuratorModal = this.name;
+    modalContainer.addEventListener(CONFIG_EVENTS.closeModal, () => {
+      this.controlConfigModal(false);
+    });
+    const modalContent = document.createElement("snk-config-modal");
+    modalContent.addEventListener(CONFIG_EVENTS.cancelConfig, () => {
+      this.controlConfigModal(false);
+    });
+    modalContent.addEventListener(CONFIG_EVENTS.changeConfig, (evt) => {
+      this.changeConfigModal(evt);
+    });
+    modalContent.configName = this.configName;
+    modalContainer.append(modalContent);
+    return modalContainer;
+  }
+  findConfigModal() {
+    let modalContainer = document.body.querySelector(`[data-configurator-modal="${this.name}"]`);
+    if (modalContainer == undefined) {
+      modalContainer = this.getConfigModal();
+      document.body.appendChild(modalContainer);
+    }
+    this._modal = modalContainer;
+    this._configModal = modalContainer.querySelector("snk-config-modal");
+  }
+  findGrid() {
+    if (this._grid != undefined) {
+      return;
+    }
+    this._grid = ConfigurableElementsStorage.getGrid(this.configName);
+    if (this._grid != undefined && this._grid.dataset.eventConfigChanged == undefined) {
+      this._grid.dataset.eventConfigChanged = "true";
+      this._grid.addEventListener(CONFIG_EVENTS.configChanged, (evt) => {
+        this.saveConfig(evt);
+      });
+    }
+  }
+  findForm() {
+    if (this._form != undefined) {
+      return;
+    }
+    this._form = ConfigurableElementsStorage.getForm(this.configName);
+    if (this._form != undefined && this._form.dataset.eventConfigChanged == undefined) {
+      this._form.dataset.eventConfigChanged = "true";
+      this._form.addEventListener(CONFIG_EVENTS.configChanged, (evt) => {
+        this.saveConfig(evt);
+      });
+    }
+  }
+  saveConfig(evt) {
+    const config = evt === null || evt === void 0 ? void 0 : evt.detail;
+    if (this._application != undefined && config != undefined) {
+      if ((config === null || config === void 0 ? void 0 : config.fields) != undefined) {
+        this._application.saveFormConfig(config, this.configName)
+          .then((response) => {
+          if ((response === null || response === void 0 ? void 0 : response.resource) != undefined) {
+            this.loadFormConfig(true);
+          }
+        });
+      }
+      else if ((config === null || config === void 0 ? void 0 : config.columns) != undefined) {
+        this._application.saveGridConfig(config)
+          .then((response) => {
+          if ((response === null || response === void 0 ? void 0 : response.resource) != undefined) {
+            this.setGridConfig(response.resource);
+          }
+        });
+      }
+    }
+  }
+  setGridConfig(strConfig) {
+    if (this._grid != undefined) {
+      const config = ObjectUtils.stringToObject(strConfig);
+      this._grid.setConfig(config).then(() => {
+        ApplicationUtils.info(this.getMessage("snkConfigurator.msgSaveSuccessfully"), { iconName: "check" });
+      });
+    }
+  }
+  loadGridConfig() {
+    if (this._application != undefined && this.configName != undefined && this._grid != undefined) {
+      this._application.loadGridConfig(this.configName).then((config) => {
+        this._grid.setConfig(config);
+      });
+    }
+  }
+  loadFormConfig(showInfoSuccess = false) {
+    if (this._application != undefined && this.configName != undefined && this._form != undefined) {
+      this._application.loadFormConfig(this.configName).then((config) => {
+        this._form.setConfig(config).then(() => {
+          if (showInfoSuccess) {
+            ApplicationUtils.info(this.getMessage("snkConfigurator.msgSaveSuccessfully"), { iconName: "check" });
+          }
+        });
+      });
+    }
+  }
+  loadConfig() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.loadGridConfig();
+    this.loadFormConfig();
+  }
+  componentDidLoad() {
+    this.findConfigModal();
+    this.findGrid();
+    this.findForm();
+    this.loadConfig();
+  }
+  render() {
+    return (h("ez-button", { mode: "icon", iconName: "settings-inverted", size: "small", enabled: this.enabled, onClick: () => this.controlConfigModal(true) }));
+  }
+  static get is() { return "snk-configurator"; }
+  static get encapsulation() { return "scoped"; }
+  static get properties() {
+    return {
+      "configName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome usado para guardar/recuperar as configura\u00E7\u00F5es do formul\u00E1rio"
+        },
+        "attribute": "config-name",
+        "reflect": false
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome do componente que ser\u00E1 vinculado ao `data-configurator-parent` para controlar o modal de configura\u00E7\u00F5es."
+        },
+        "attribute": "name",
+        "reflect": false,
+        "defaultValue": "\"snkConfigurator\""
+      },
+      "enabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o campo est\u00E1 habilitado."
+        },
+        "attribute": "enabled",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "changeViewMode",
+        "name": "changeViewMode",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento disparado quando h\u00E1 altera\u00E7\u00E3o no modo de visualiza\u00E7\u00E3o."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "_element"; }
+}

package/dist/collection/components/snk-configurator/subcomponents/configModalProvider/configurableElementsStorage.js

@@ -0,0 +1,16 @@
+export default class ConfigurableElementsStorage {
+  static setGrid(id, grid) {
+    this._gridById.set(id, grid);
+  }
+  static setForm(id, form) {
+    this._formById.set(id, form);
+  }
+  static getGrid(id) {
+    return this._gridById.get(id);
+  }
+  static getForm(id) {
+    return this._formById.get(id);
+  }
+}
+ConfigurableElementsStorage._gridById = new Map();
+ConfigurableElementsStorage._formById = new Map();

package/dist/collection/components/snk-configurator/subcomponents/snk-config-modal/snk-config-modal.css

@@ -0,0 +1,122 @@
+:host {
+    /*@doc Define o espaçamento utilizado à esquerda do botão de fechar do componente.*/
+    --snk-config-modal__button-close--padding-left: var(--space--medium, 12px);
+
+    /*@doc Define a cor do texto utilizado para o titulo do componente.*/
+    --snk-config-modal__title--color: var(--title--primary, #2B3A54);
+
+    /*@doc Define o estilo da fonte utilizada para o titulo do componente.*/
+    --snk-config-modal__title--font-family: var(--font-pattern, "Sora");
+
+    /*@doc Define o tamanho da fonte utilizada para o titulo do componente.*/
+    --snk-config-modal__title--font-size: var(--title--large, 20px);
+
+    /*@doc Define o peso da fonte utilizada para o titulo do componente.*/
+    --snk-config-modal__title--font-weight: var(--text-weight--extra-large, 700);
+
+    /*@doc Define a cor do texto utilizado para o subtitulo do componente.*/
+    --snk-config-modal__subtitle--color: var(--title--primary, #2B3A54);
+
+    /*@doc Define o estilo da fonte utilizada para o subtitulo do componente.*/
+    --snk-config-modal__subtitle--font-family: var(--font-pattern, "Sora");
+
+    /*@doc Define o tamanho da fonte utilizada para o subtitulo do componente.*/
+    --snk-config-modal__subtitle--font-size: var(--text--medium, 14px);
+
+    /*@doc Define o peso da fonte utilizada para o subtitulo do componente.*/
+    --snk-config-modal__subtitle--font-weight: var(--text-weight--large, 600);
+
+    /*@doc Define o raio da borda da barra de rolagem do componente.*/
+    --snk-config-modal__scrollbar--border-radius: var(--border--radius-small, 6px);
+
+    /*@doc Define a largura da barra de rolagem do componente.*/
+    --snk-config-modal__scrollbar--width: var(--space--medium, 12px);
+
+    /*@doc Define a cor da barra de rolagem do componente.*/
+    --snk-config-modal__scrollbar--background-color-primary: var(--scrollbar--primary, #2B3A54);
+
+    /*@doc Define a cor de fundo da barra de rolagem do componente.*/
+    --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) {
+    :host {
+        width: 359px;
+        max-width: 359px;
+    }
+}
+
+.snk-config-modal__button-config {
+    --ez-button--min-width: 100%;
+}
+
+.snk-config-modal__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
+.snk-config-modal__title {
+    display: flex;
+    margin: 0;
+    line-height: normal;
+    letter-spacing: 0em;
+    text-align: left;
+
+    /*public*/
+    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 {
+    display: flex;
+    margin: 0;
+
+    /*public*/
+    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 {
+    /*public*/
+    padding-left: var(--snk-config-modal__button-close--padding-left);
+}
+
+.snk-config-modal__main {
+    overflow-y: auto;
+    scrollbar-width: thin;
+
+    /*public*/
+    scrollbar-color: var(--snk-config-modal__scrollbar--background-color-primary) var(--snk-config-modal__scrollbar--background-color-secondary);
+}
+
+.snk-config-modal__main::-webkit-scrollbar-track {
+    /*public*/
+    background-color: var(--snk-config-modal__scrollbar--background-color-secondary);
+}
+
+.snk-config-modal__main::-webkit-scrollbar-thumb {
+    /*public*/
+    background-color: var(--snk-config-modal__scrollbar--background-color-primary);
+    border-radius: var(--snk-config-modal__scrollbar--border-radius);
+}
+
+.snk-config-modal__main::-webkit-scrollbar {
+    /*public*/
+    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);
+}

package/dist/collection/components/snk-configurator/subcomponents/snk-config-modal/snk-config-modal.js

@@ -0,0 +1,137 @@
+import { ApplicationContext } from '@sankhyalabs/core';
+import { h, Host } from '@stencil/core';
+import { VIEW_MODE } from '../../../../lib/utils/constants';
+import ConfigurableElementsStorage from '../configModalProvider/configurableElementsStorage';
+const GRID_MODE = VIEW_MODE.grid;
+const FORM_MODE = VIEW_MODE.form;
+export class SnkConfigModal {
+  constructor() {
+    /**
+     * Define se o modo grid está ativo.
+     */
+    this.gridMode = true;
+  }
+  dispatchChange(openConfig = false) {
+    const data = {
+      viewMode: this.gridMode ? GRID_MODE.index : FORM_MODE.index,
+      openConfig
+    };
+    this.changeConfig.emit(data);
+  }
+  closeConfig() {
+    this.cancelConfig.emit();
+  }
+  onChecked(evt) {
+    const value = evt === null || evt === void 0 ? void 0 : evt.detail;
+    this.gridMode = value === "G" ? true : false;
+    this.dispatchChange();
+  }
+  onClicked() {
+    this.dispatchChange(true);
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-configurator.msg.ts"
+   */
+  getMessage(key) {
+    return this._application.messagesBuilder.getMessage(key, {});
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "snk-config-modal__header" }, h("label", { class: "snk-config-modal__title" }, this.getMessage("snkConfigModal.titleConfigurations")), h("div", { class: "snk-config-modal__button-close" }, h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), h("div", { class: "snk-config-modal__main" }, h("ez-radio-button", { class: "ez-margin-top--medium", label: this.getMessage("snkConfigModal.subTitleModeConfig"), value: this.gridMode ? "G" : "F", onEzChange: (evt) => this.onChecked(evt) }, ConfigurableElementsStorage.getForm(this.configName) && h("ez-radio-button-option", { label: this.getMessage("snkConfigModal.labelGrid"), value: "G" }), ConfigurableElementsStorage.getGrid(this.configName) && h("ez-radio-button-option", { label: this.getMessage("snkConfigModal.labelForm"), value: "F" })), h("ez-button", { mode: "slim", label: this.gridMode
+        ? this.getMessage("snkConfigModal.labelConfigGrid")
+        : this.getMessage("snkConfigModal.labelConfigForm"), class: "snk-config-modal__button-config ez-button--primary", onClick: () => this.onClicked() }), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" }))));
+  }
+  static get is() { return "snk-config-modal"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-config-modal.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-config-modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "configName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome usado para guardar/recuperar as configura\u00E7\u00F5es do formul\u00E1rio"
+        },
+        "attribute": "config-name",
+        "reflect": false
+      },
+      "gridMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o modo grid est\u00E1 ativo."
+        },
+        "attribute": "grid-mode",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "cancelConfig",
+        "name": "cancelConfig",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento disparado quando o modal \u00E9 fechado."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "changeConfig",
+        "name": "changeConfig",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento disparado quando h\u00E1 altera\u00E7\u00E3o nas configura\u00E7\u00F5es."
+        },
+        "complexType": {
+          "original": "IConfigModal",
+          "resolved": "IConfigModal",
+          "references": {
+            "IConfigModal": {
+              "location": "local"
+            }
+          }
+        }
+      }];
+  }
+}

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

@@ -1,23 +1,31 @@
 import { h } from '@stencil/core';
 import { ApplicationContext } from '@sankhyalabs/core';
-const GRID_MODE = 0;
-const FORM_MODE = 1;
+import { VIEW_MODE } from '../../lib/utils/constants';
+import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
+const GRID_MODE = VIEW_MODE.grid;
+const FORM_MODE = VIEW_MODE.form;
 /**
  * É possível customizar as mensagens dos blocos de construção através de um pequeno modulo na estrutura da aplicação:
  * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
  * Para conhecer os detalhes do módulo, vide os arquivos neste projeto "/src/lib/message/resources/*.msg.ts"
  */
 export class SnkCrud {
+  /**
+   * Usado para alternar a visão entre GRID e FORM externamente.
+   */
+  async goToView(mode) {
+    this.executeAction(mode);
+  }
   async gridToForm(keepFormMode = false) {
-    this._backToGrid = !keepFormMode && await this._viewStack.getSelectedIndex() === GRID_MODE;
-    this._viewStack.show(FORM_MODE);
+    this._backToGrid = !keepFormMode && await this._viewStack.getSelectedIndex() === GRID_MODE.index;
+    this._viewStack.show(FORM_MODE.index);
   }
   async executeAction(act) {
-    if (act === "GRID_MODE") {
-      this._viewStack.show(GRID_MODE);
+    if (act === TaskbarElement.GRID_MODE) {
+      this._viewStack.show(GRID_MODE.index);
     }
-    else if (act === "FORM_MODE" || act === "UPDATE") {
-      this.gridToForm(act !== "UPDATE");
+    else if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE) {
+      this.gridToForm(act !== TaskbarElement.UPDATE);
     }
   }
   insertionModeHandler() {
@@ -25,7 +33,7 @@ export class SnkCrud {
   }
   cancelHandler() {
     if (this._backToGrid) {
-      this._viewStack.show(GRID_MODE);
+      this._viewStack.show(GRID_MODE.index);
     }
   }
   componentWillLoad() {
@@ -55,7 +63,7 @@ export class SnkCrud {
     }
   }
   render() {
-    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref }, h("stack-item", null, h("snk-grid", { configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList, statusResolver: this.statusResolver }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-form", { configName: this.configName, actionsList: this.actionsList, onExit: () => this._viewStack.show(GRID_MODE), recordsValidator: this.recordsValidator, taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail) }, h("slot", { name: "SnkFormTaskBar" })))));
+    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-configurator-parent": "snkConfigurator" }, h("stack-item", null, h("snk-grid", { configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList, statusResolver: this.statusResolver }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-form", { configName: this.configName, actionsList: this.actionsList, onExit: () => this._viewStack.show(GRID_MODE.index), recordsValidator: this.recordsValidator, taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail) }, h("slot", { name: "SnkFormTaskBar" })))));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -135,10 +143,10 @@ export class SnkCrud {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "RecordValidator",
-          "resolved": "RecordValidator",
+          "original": "IRecordValidator",
+          "resolved": "IRecordValidator",
           "references": {
-            "RecordValidator": {
+            "IRecordValidator": {
               "location": "import",
               "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
             }
@@ -152,7 +160,7 @@ export class SnkCrud {
         }
       },
       "statusResolver": {
-        "type": "any",
+        "type": "unknown",
         "mutable": false,
         "complexType": {
           "original": "IStatusResolver",
@@ -169,9 +177,7 @@ export class SnkCrud {
         "docs": {
           "tags": [],
           "text": "Configura\u00E7\u00E3o do valor da coluna de status.\nExemplo: { \"RECDESP\": { \"-1\" : \"#BD0025\", \"1\" : \"#157A00\" } }"
-        },
-        "attribute": "status-resolver",
-        "reflect": false
+        }
       }
     };
   }
@@ -199,5 +205,28 @@ export class SnkCrud {
         }
       }];
   }
+  static get methods() {
+    return {
+      "goToView": {
+        "complexType": {
+          "signature": "(mode: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Usado para alternar a vis\u00E3o entre GRID e FORM externamente.",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "_element"; }
 }