@sankhyalabs/sankhyablocks 2.4.7 → 2.4.9

package/dist/collection/components/snk-pesquisa/snk-pesquisa.css

@@ -17,16 +17,6 @@
   /*@doc Define o espaçamento da direita no conteúdo do componente.*/
   --snk-pesquisa__content--padding-right: var(--space--small, 6px);
 
-  /* scrollbar */
-  /*@doc Define a cor da barra de rolagem do componente.*/
-  --snk-pesquisa__content-scrollbar--background-color-primary: var(--scrollbar--primary, #2B3A54);
-  /*@doc Define a cor de fundo da barra de rolagem do componente.*/
-  --snk-pesquisa__content-scrollbar--background-color-secondary: var(--scrollbar--secondary, #E5EAF0);
-  /*@doc Define o raio da borda da barra de rolagem do componente.*/
-  --snk-pesquisa__content-scrollbar--border-radius: var(--border--radius-small, 6px);
-  /*@doc Define a largura da barra de rolagem do componente.*/
-  --snk-pesquisa__content-scrollbar--width: var(--space--medium, 12px);
-
   /* buttons */
   /*@doc Define a cor do botão de pesquisa do componente.*/
   --snk-pesquisa__btn--color: var(--title--primary, #2B3A54);
@@ -35,6 +25,20 @@
   /*@doc Define a cor do botão de pesquisa do componente quando o mouse está sobre ele.*/
   --snk-pesquisa__btn-hover--color: var(--color--primary, #4e4e4e);
 
+  /* scrollbar */
+  /*@doc Define a cor da barra de rolagem do componente.*/
+  --snk-pesquisa__scrollbar--color-default: var(--scrollbar--default, #626e82);
+  /*@doc Define a cor de fundo da barra de rolagem do componente.*/
+  --snk-pesquisa__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);
+  /*@doc Define a cor do hover na barra de rolagem do componente.*/
+  --snk-pesquisa__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);
+  /*@doc Define a cor do active na barra de rolagem do componente.*/
+  --snk-pesquisa__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);
+  /*@doc Define o raio da borda da barra de rolagem do componente.*/
+  --snk-pesquisa__scrollbar--border-radius: var(--border--radius-small, 6px);
+  /*@doc Define a largura da barra de rolagem do componente.*/
+  --snk-pesquisa__scrollbar--width: var(--space--medium, 12px);
+
   max-height: 100%;
   height: 100%;
   display: flex;
@@ -71,30 +75,40 @@
   scrollbar-width: thin;
 
   /*public*/
-  scrollbar-color: var(--snk-pesquisa__content-scrollbar--background-color-primary) var(--snk-pesquisa__content-scrollbar--background-color-secondary);
+  scrollbar-color: var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);
   padding-right: var(--snk-pesquisa__content--padding-right);
 }
 
-.snk-pesquisa__content::-webkit-scrollbar-track {
-  background-color: var(--snk-pesquisa__content-scrollbar--background-color-secondary);
+.snk-pesquisa__content::-webkit-scrollbar {
+  /*public*/
+  background-color: var(--snk-pesquisa__scrollbar--color-background);
+  width: var(--snk-pesquisa__scrollbar--width);
+  max-width: var(--snk-pesquisa__scrollbar--width);
+  min-width: var(--snk-pesquisa__scrollbar--width);
+}
 
+.snk-pesquisa__content::-webkit-scrollbar-track {
   /*public*/
-  border-radius: var(--snk-pesquisa__content-scrollbar--border-radius);
+  background-color: var(--snk-pesquisa__scrollbar--color-background);
+  border-radius: var(--snk-pesquisa__scrollbar--border-radius);
 }
 
 .snk-pesquisa__content::-webkit-scrollbar-thumb {
   /*public*/
-  background-color: var(--snk-pesquisa__content-scrollbar--background-color-primary);
-  border-radius: var(--snk-pesquisa__content-scrollbar--border-radius);
+  background-color: var(--snk-pesquisa__scrollbar--color-default);
+  border-radius: var(--snk-pesquisa__scrollbar--border-radius);
 }
 
-.snk-pesquisa__content::-webkit-scrollbar {
-  background-color: var(--snk-pesquisa__content-scrollbar--background-color-secondary);
+.snk-pesquisa__content::-webkit-scrollbar-thumb:vertical:hover,
+.snk-pesquisa__content::-webkit-scrollbar-thumb:horizontal:hover {
+    /*public*/
+    background-color: var(--snk-pesquisa__scrollbar--color-hover);
+}
 
-  /*public*/
-  width: var(--snk-pesquisa__content-scrollbar--width);
-  max-width: var(--snk-pesquisa__content-scrollbar--width);
-  min-width: var(--snk-pesquisa__content-scrollbar--width);
+.snk-pesquisa__content::-webkit-scrollbar-thumb:vertical:active,
+.snk-pesquisa__content::-webkit-scrollbar-thumb:horizontal:active {
+    /*public*/
+    background-color: var(--snk-pesquisa__scrollbar--color-clicked);
 }
 
 .snk-pesquisa__records {

package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js

@@ -15,6 +15,7 @@ export var TaskbarElement;
   TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
+  TaskbarElement["EXPORT"] = "EXPORT";
 })(TaskbarElement || (TaskbarElement = {}));
 export var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -69,6 +70,8 @@ export const buildElem = (element, className, dataElementId, getTitle, action, i
       return iconButton("list", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.CONFIGURATOR:
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
+    case TaskbarElement.EXPORT:
+      return iconButton("file-download", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, dataElementId, title, action, isEnabled, actions);
     case TaskbarElement.DIVIDER:

package/dist/collection/components/snk-taskbar/processor/taskbar-processor.js

@@ -2,7 +2,7 @@ export default class TaskbarProcessor {
   constructor(defaultButtons) {
     this._defaultButtons = defaultButtons;
   }
-  process(taskbarId, taskbarManager, dataState, disabledButtons = []) {
+  process(taskbarId, taskbarManager, dataState, disabledButtons = [], invisibleButtons = []) {
     var _a;
     this.customButtons = new Map();
     this.buttons = "";
@@ -17,13 +17,15 @@ export default class TaskbarProcessor {
         this.customButtons.set(customBtn.name, customBtn);
         buttonName = customBtn.name;
       }
-      if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
-        this.disabledButtons.push(buttonName);
+      if (!invisibleButtons.includes(buttonName)) {
+        if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
+          this.disabledButtons.push(buttonName);
+        }
+        if (this.buttons.length > 0) {
+          this.buttons += ",";
+        }
+        this.buttons += buttonName;
       }
-      if (this.buttons.length > 0) {
-        this.buttons += ",";
-      }
-      this.buttons += buttonName;
     });
   }
   getButtonsArray(taskbarId, taskbarManager, dataState) {

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

@@ -17,7 +17,8 @@ export class SnkTaskbar {
       [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
       [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
       [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
-      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator"
+      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator",
+      [TaskbarElement.EXPORT]: "snkTaskbar.titleExportar"
     };
   }
   observeButtons() {

package/dist/collection/lib/message/SnkMessageBuilder.js

@@ -2,6 +2,7 @@ import snkDataUnitMessages from "./resources/snk-data-unit.msg.js";
 import snkFilterBarMessages from "./resources/snk-filter-bar.msg.js";
 import snkTaskbarMessages from "./resources/snk-taskbar.msg.js";
 import crudUtilsMessages from "./resources/crud-utils.msg.js";
+import snkExporterMessages from "./resources/snk-exporter.msg.js";
 import { snkFormMessages, snkFormConfigMessages, snkConfigOptionsMessages, snkFieldConfigMessages, snkTabConfigMessages } from "./resources/snk-form.msg.js";
 import { snkConfiguratorMessages } from "./resources/snk-configurator.msg.js";
 import { snkGridMessages, snkGridConfigMessages } from "./resources/snk-grid.msg.js";
@@ -19,7 +20,8 @@ export class SnkMessageBuilder {
       snkTabConfig: snkTabConfigMessages,
       crudUtils: crudUtilsMessages,
       snkGrid: snkGridMessages,
-      snkGridConfig: snkGridConfigMessages
+      snkGridConfig: snkGridConfigMessages,
+      snkExporter: snkExporterMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this.loadAppMessages().then((msgs) => {

package/dist/collection/lib/message/resources/snk-exporter.msg.js

@@ -0,0 +1,21 @@
+const snkExporterMessages = {
+  emailSenderTitle: "Enviar por email",
+  emailSenderBackButton: "Voltar",
+  emailSenderNextButton: "Avançar",
+  emailSenderCancelButton: "Cancelar",
+  emailSenderSendButton: "Enviar",
+  emailSenderOptStep_subtitle: "Primeiro, escolha o formato do arquivo",
+  emailSenderOptStep_lblFormat: "Formato:",
+  emailSenderOptStep_formatPDF: "PDF (.pdf)",
+  emailSenderOptStep_formatXLSX: "Planilha (.xlsx)",
+  emailSenderOptStep_export: "Exportar:",
+  emailSenderOptStep_allData: "Toda a grade",
+  emailSenderOptStep_currentPage: "Somente a página atual",
+  emailSenderOptStep_someRecords: "{{SELECTION_COUNT}} linhas selecionadas",
+  emailSenderOptStep_oneRecord: "Somente a linha selecionada",
+  emailSenderInfoStep_subtitle: "Informações de email",
+  emailSenderInfoStep_sendTo: "Enviar para",
+  emailSenderInfoStep_subject: "Assunto",
+  emailSenderInfoStep_message: "Mensagem"
+};
+export default snkExporterMessages;

package/dist/collection/lib/message/resources/snk-taskbar.msg.js

@@ -12,6 +12,7 @@ const snkTaskbarMessages = {
   titleGridMode: "Modo Grade",
   titleFormMode: "Modo Formulário",
   titleConfigurator: "Configurações",
+  titleExportar: "Exportar",
   forbidden: "Permissão não liberada"
 };
 export default snkTaskbarMessages;

package/dist/components/SnkMessageBuilder.js

@@ -69,6 +69,7 @@ const snkTaskbarMessages = {
   titleGridMode: "Modo Grade",
   titleFormMode: "Modo Formulário",
   titleConfigurator: "Configurações",
+  titleExportar: "Exportar",
   forbidden: "Permissão não liberada"
 };
 
@@ -76,6 +77,27 @@ const crudUtilsMessages = {
   errorArray: "CrudUtils.find deve receber um array de fields, ou uma lista separada por virgula.",
 };
 
+const snkExporterMessages = {
+  emailSenderTitle: "Enviar por email",
+  emailSenderBackButton: "Voltar",
+  emailSenderNextButton: "Avançar",
+  emailSenderCancelButton: "Cancelar",
+  emailSenderSendButton: "Enviar",
+  emailSenderOptStep_subtitle: "Primeiro, escolha o formato do arquivo",
+  emailSenderOptStep_lblFormat: "Formato:",
+  emailSenderOptStep_formatPDF: "PDF (.pdf)",
+  emailSenderOptStep_formatXLSX: "Planilha (.xlsx)",
+  emailSenderOptStep_export: "Exportar:",
+  emailSenderOptStep_allData: "Toda a grade",
+  emailSenderOptStep_currentPage: "Somente a página atual",
+  emailSenderOptStep_someRecords: "{{SELECTION_COUNT}} linhas selecionadas",
+  emailSenderOptStep_oneRecord: "Somente a linha selecionada",
+  emailSenderInfoStep_subtitle: "Informações de email",
+  emailSenderInfoStep_sendTo: "Enviar para",
+  emailSenderInfoStep_subject: "Assunto",
+  emailSenderInfoStep_message: "Mensagem"
+};
+
 const snkFormMessages = {
   title: {
     clone: "Duplicar registro",
@@ -197,7 +219,8 @@ class SnkMessageBuilder {
       snkTabConfig: snkTabConfigMessages,
       crudUtils: crudUtilsMessages,
       snkGrid: snkGridMessages,
-      snkGridConfig: snkGridConfigMessages
+      snkGridConfig: snkGridConfigMessages,
+      snkExporter: snkExporterMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this.loadAppMessages().then((msgs) => {

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export { SnkConfigOptions as SnkConfigOptions } from '../types/components/snk-fo
 export { SnkConfigurator as SnkConfigurator } from '../types/components/snk-configurator/snk-configurator';
 export { SnkCrud as SnkCrud } from '../types/components/snk-crud/snk-crud';
 export { SnkDataUnit as SnkDataUnit } from '../types/components/snk-data-unit/snk-data-unit';
+export { SnkExporterEmailSender as SnkExporterEmailSender } from '../types/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender';
 export { SnkFieldConfig as SnkFieldConfig } from '../types/components/snk-form/subcomponents/snk-field-config/snk-field-config';
 export { SnkFilterBar as SnkFilterBar } from '../types/components/snk-filter-bar/snk-filter-bar';
 export { SnkFilterBinarySelect as SnkFilterBinarySelect } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select';

package/dist/components/index.js

@@ -4,6 +4,7 @@ export { SnkConfigOptions, defineCustomElement as defineCustomElementSnkConfigOp
 export { SnkConfigurator, defineCustomElement as defineCustomElementSnkConfigurator } from './snk-configurator.js';
 export { SnkCrud, defineCustomElement as defineCustomElementSnkCrud } from './snk-crud.js';
 export { SnkDataUnit, defineCustomElement as defineCustomElementSnkDataUnit } from './snk-data-unit.js';
+export { SnkExporterEmailSender, defineCustomElement as defineCustomElementSnkExporterEmailSender } from './snk-exporter-email-sender.js';
 export { SnkFieldConfig, defineCustomElement as defineCustomElementSnkFieldConfig } from './snk-field-config.js';
 export { SnkFilterBar, defineCustomElement as defineCustomElementSnkFilterBar } from './snk-filter-bar.js';
 export { SnkFilterBinarySelect, defineCustomElement as defineCustomElementSnkFilterBinarySelect } from './snk-filter-binary-select.js';

package/dist/components/snk-configurator2.js

@@ -3,7 +3,7 @@ import { ApplicationContext } from '@sankhyalabs/core';
 import { V as VIEW_MODE } from './constants.js';
 import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 
-const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--medium, 12px);--snk-configurator__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-configurator__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-configurator__scrollbar--background-color-primary) var(--snk-configurator__scrollbar--background-color-secondary)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--background-color-secondary)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--background-color-primary);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--background-color-secondary);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}";
+const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--medium, 12px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
 
 const GRID_MODE = VIEW_MODE.grid;
 const FORM_MODE = VIEW_MODE.form;

package/dist/components/snk-crud.js

@@ -2,8 +2,9 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { V as VIEW_MODE } from './constants.js';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
-import { d as defineCustomElement$g } from './snk-config-options2.js';
-import { d as defineCustomElement$f } from './snk-configurator2.js';
+import { d as defineCustomElement$h } from './snk-config-options2.js';
+import { d as defineCustomElement$g } from './snk-configurator2.js';
+import { d as defineCustomElement$f } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$e } from './snk-field-config2.js';
 import { d as defineCustomElement$d } from './snk-filter-bar2.js';
 import { d as defineCustomElement$c } from './snk-filter-detail2.js';
@@ -31,6 +32,10 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      * Determina se pode haver mais de uma linha selecionada na grade.
      */
     this.multipleSelection = true;
+    /**
+     * Determina se haverá exportação de dados
+     */
+    this.enableDataExporter = false;
   }
   /**
    * Usado para alternar a visão entre GRID e FORM externamente.
@@ -109,7 +114,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   render() {
-    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-form", { ref: (ref) => this._snkForm = ref, "data-element-id": "crud_form", configName: this.configName, actionsList: this.actionsList, onExit: () => this.setViewMode(GRID_MODE), recordsValidator: this.recordsValidator, taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail) }, h("slot", { name: "SnkFormTaskBar" }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._viewMode, onConfigSelected: (evt) => this.executeAction(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
+    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, enableDataExporter: this.enableDataExporter }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-form", { ref: (ref) => this._snkForm = ref, "data-element-id": "crud_form", configName: this.configName, actionsList: this.actionsList, onExit: () => this.setViewMode(GRID_MODE), recordsValidator: this.recordsValidator, taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail) }, h("slot", { name: "SnkFormTaskBar" }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._viewMode, onConfigSelected: (evt) => this.executeAction(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
   }
   get _element() { return this; }
   static get style() { return snkCrudCss; }
@@ -120,6 +125,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "recordsValidator": [16],
     "statusResolver": [16],
     "multipleSelection": [4, "multiple-selection"],
+    "enableDataExporter": [4, "enable-data-exporter"],
     "_dataUnit": [32],
     "_dataState": [32],
     "_viewMode": [32],
@@ -129,7 +135,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "snk-config-options", "snk-configurator", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form", "snk-form-config", "snk-grid", "snk-grid-config", "snk-select-box", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-crud", "snk-config-options", "snk-configurator", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-form", "snk-form-config", "snk-grid", "snk-grid-config", "snk-select-box", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
@@ -138,10 +144,15 @@ function defineCustomElement$1() {
       break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "snk-configurator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$f();
       }

package/dist/components/snk-exporter-email-sender.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkExporterEmailSender extends Components.SnkExporterEmailSender, HTMLElement {}
+export const SnkExporterEmailSender: {
+  prototype: SnkExporterEmailSender;
+  new (): SnkExporterEmailSender;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-exporter-email-sender.js

@@ -0,0 +1,6 @@
+import { S as SnkExporterEmailSender$1, d as defineCustomElement$1 } from './snk-exporter-email-sender2.js';
+
+const SnkExporterEmailSender = SnkExporterEmailSender$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkExporterEmailSender, defineCustomElement };

package/dist/components/snk-exporter-email-sender2.js

@@ -0,0 +1,136 @@
+import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { ElementIDUtils } from '@sankhyalabs/core';
+
+const EmailInfoStep = ({ getMessage, changeInfo, data }) => {
+  return h("div", null,
+    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, required: true, value: data === null || data === void 0 ? void 0 : data.to, onEzChange: evt => changeInfo("to", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("sendTo")}` })),
+    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, required: true, value: data === null || data === void 0 ? void 0 : data.subject, onEzChange: evt => changeInfo("subject", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("subject")}` })),
+    h("ez-text-area", Object.assign({ label: getMessage("snkExporter.emailSenderInfoStep_message"), value: data === null || data === void 0 ? void 0 : data.message, onEzChange: evt => changeInfo("message", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("message")}` })),
+    ((data === null || data === void 0 ? void 0 : data.attachments) || [])
+      .map((file, index) => h("ez-file-item", Object.assign({ class: "ez-padding-bottom--large", fileName: file.name, fileSize: file.size, canRemove: false }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("fileItem_") + (index + 1)}` }))));
+};
+
+const OptionsStep = ({ getMessage, changeInfo, data }) => {
+  const selectionCount = (data === null || data === void 0 ? void 0 : data.selectedRows) || 0;
+  const formatOptions = [
+    { label: getMessage("snkExporter.emailSenderOptStep_formatPDF"), value: "pdf" },
+    { label: getMessage("snkExporter.emailSenderOptStep_formatXLSX"), value: "xlsx" }
+  ];
+  const typeOptions = [
+    { label: getMessage("snkExporter.emailSenderOptStep_allData"), value: "all" },
+    { label: getMessage("snkExporter.emailSenderOptStep_currentPage"), value: "page" },
+  ];
+  if (selectionCount > 0) {
+    const label = getMessage(selectionCount > 1 ? "snkExporter.emailSenderOptStep_someRecords" : "snkExporter.emailSenderOptStep_oneRecord", { SELECTION_COUNT: selectionCount });
+    typeOptions.push({
+      label,
+      value: "selection"
+    });
+  }
+  return h("div", null,
+    h("ez-radio-button", Object.assign({ class: "ez-margin-bottom--large" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("formato")}` }, { label: getMessage("snkExporter.emailSenderOptStep_lblFormat"), direction: "horizontal", value: (data === null || data === void 0 ? void 0 : data.format) || "pdf", onEzChange: evt => changeInfo("format", evt.detail), options: formatOptions })),
+    h("ez-radio-button", Object.assign({ class: "ez-margin-bottom--large" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("type")}` }, { label: getMessage("snkExporter.emailSenderOptStep_export"), value: (data === null || data === void 0 ? void 0 : data.type) || "all", onEzChange: evt => changeInfo("type", evt.detail), options: typeOptions })));
+};
+
+const SnkExporterEmailSender = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this._stepInfo = [
+      {
+        subTitle: "snkExporter.emailSenderOptStep_subtitle",
+        firstButton: "snkExporter.emailSenderCancelButton",
+        secondButton: "snkExporter.emailSenderNextButton",
+        firstButtonAction: () => this.close(),
+        secondButtonAction: () => this.changeStep(1)
+      },
+      {
+        subTitle: "snkExporter.emailSenderInfoStep_subtitle",
+        firstButton: "snkExporter.emailSenderBackButton",
+        secondButton: "snkExporter.emailSenderSendButton",
+        firstButtonAction: () => this.changeStep(0),
+        secondButtonAction: () => this.send(),
+        secondButtonEnabledTester: () => this.isFilled()
+      }
+    ];
+    this._opened = false;
+    this._currentStep = 0;
+  }
+  open(config) {
+    this._config = config;
+    this._opened = true;
+    this.changeStep(0);
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  getStepMessage(key) {
+    const stepInfo = this._stepInfo[this._currentStep] || {};
+    return this.getMessage(stepInfo[key]);
+  }
+  executeButtonAction(first) {
+    const stepInfo = this._stepInfo[this._currentStep] || {};
+    stepInfo[first ? "firstButtonAction" : "secondButtonAction"]();
+  }
+  checkButtonEnabled(first) {
+    const stepInfo = this._stepInfo[this._currentStep] || {};
+    const testFunction = stepInfo[first ? "firstButtonEnabledTester" : "secondButtonEnabledTester"];
+    if (testFunction) {
+      return testFunction();
+    }
+    return true;
+  }
+  changeStep(index) {
+    this._currentStep = index;
+    if (this._viewStack) {
+      this._viewStack.show(this._currentStep);
+    }
+  }
+  send() {
+    const { format, type, email } = this._config;
+    this._promiseResolver({ format, type, email, report: undefined });
+  }
+  close() {
+    this._opened = false;
+  }
+  isFilled() {
+    var _a, _b;
+    return ((_a = this._config.email) === null || _a === void 0 ? void 0 : _a.to) && ((_b = this._config.email) === null || _b === void 0 ? void 0 : _b.subject) ? true : false;
+  }
+  updateEmailInfo(field, value) {
+    this._config = Object.assign(Object.assign({}, this._config), { email: Object.assign(Object.assign({}, this._config.email), { [field]: value }) });
+  }
+  updateConfigInfo(field, value) {
+    this._config = Object.assign(Object.assign({}, this._config), { [field]: value });
+  }
+  render() {
+    var _a;
+    ElementIDUtils.addIDInfoIfNotExists(this._element, 'snkExporterEmailSender');
+    return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: evt => {
+        if (evt.detail === "CLOSE")
+          this.close();
+      }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: (_a = this._config) === null || _a === void 0 ? void 0 : _a.email, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-button--tertiary ez-padding-right--medium", label: this.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` })), h("ez-button", Object.assign({ class: "ez-button--secondary", label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }))))));
+  }
+  get _element() { return this; }
+}, [0, "snk-exporter-email-sender", {
+    "getMessage": [16],
+    "_config": [32],
+    "_opened": [32],
+    "_currentStep": [32],
+    "open": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-exporter-email-sender"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkExporterEmailSender);
+      }
+      break;
+  } });
+}
+
+export { SnkExporterEmailSender as S, defineCustomElement as d };

package/dist/components/snk-grid-config2.js

@@ -1,11 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { StringUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+import { StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { O as ORDER_VALUES } from './constants.js';
 import { d as defineCustomElement$1 } from './snk-select-box2.js';
 
-const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__scrollbar--width:var(--space--medium, 12px);--snk-grid-config__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-grid-config__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--background-color-primary) var(--snk-grid-config__scrollbar--background-color-secondary);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--background-color-secondary)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--background-color-primary);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--background-color-secondary)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
+const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--medium, 12px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--color-background)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--color-background);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--color-default);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:hover,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-grid-config__scrollbar--color-hover)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:active,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-grid-config__scrollbar--color-clicked)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
 
 const EzGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -21,7 +21,7 @@ const EzGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._componenteInternalKey = Date.now();
     /**
      * Aba selecionada das configurações da grade.
-     */
+    */
     this.selectedIndex = 0;
   }
   /* Creation Methods */
@@ -30,10 +30,10 @@ const EzGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    */
   async saveConfig(config) {
     var _a;
-    if (config == undefined || ((_a = this._application) === null || _a === void 0 ? void 0 : _a.configName) == undefined) {
+    if (config == undefined || ((_a = this.application) === null || _a === void 0 ? void 0 : _a.configName) == undefined) {
       return;
     }
-    ConfigStorage.saveGridConfig(config, this._application.configName)
+    ConfigStorage.saveGridConfig(config, this.application.configName)
       .then((response) => {
       if ((response === null || response === void 0 ? void 0 : response.resource) != undefined) {
         this.configChange.emit(config);
@@ -48,7 +48,7 @@ const EzGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-grid.msg.ts"
    */
   getMessage(key, params) {
-    return this._application.messagesBuilder.getMessage(key, params);
+    return this.application.messagesBuilder.getMessage(key, params);
   }
   createOrderList() {
     let newList = [];
@@ -467,9 +467,6 @@ const EzGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.locateColumn(new KeyboardEvent("arrow-right", { key: "ArrowRight" }), this._searchElement.value);
     }
   }
-  componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-  }
   componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
   }
@@ -481,6 +478,7 @@ const EzGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   static get style() { return snkGridConfigCss; }
 }, [2, "snk-grid-config", {
     "selectedIndex": [1026, "selected-index"],
+    "application": [16],
     "columns": [1040],
     "config": [1040],
     "saveConfig": [64]