@sankhyalabs/sankhyablocks 2.4.8 → 2.4.10

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-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,141 @@
+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(),
+        secondButtonClass: "ez-button--primary"
+      }
+    ];
+    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 });
+  }
+  getSecondButtonClass() {
+    const stepInfo = this._stepInfo[this._currentStep] || {};
+    return stepInfo["secondButtonClass"] || "ez-button--secondary";
+  }
+  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: this.getSecondButtonClass(), 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-filter-detail2.js

@@ -55,7 +55,14 @@ const SnkFilterDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     ]);
   }
   buildIcon(title, iconName, action) {
-    return (h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button" }, h("ez-icon", { title: title, iconName: iconName })));
+    return (h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", ref: elem => elem && this.buildIdButton(elem, title) }, h("ez-icon", Object.assign({ title: title, iconName: iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`_${title}`)}` }))));
+  }
+  buildIdButton(buttonElement, title) {
+    if (!buttonElement)
+      return;
+    const dataElement = { id: title };
+    buttonElement.removeAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
+    ElementIDUtils.addIDInfoIfNotExists(buttonElement, "button", dataElement);
   }
   getNormalizedValue(params, value) {
     return params.reduce((arrayValues, currentParam, index) => {

package/dist/components/snk-filter-list2.js

@@ -61,15 +61,17 @@ const SnkFilterList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         this._popover.remove();
       }
     }
-    this._element.querySelectorAll("button.sc-snk-filter-bar").forEach((itemListElement) => {
-      const dataElement = { id: itemListElement.getAttribute("name") };
-      itemListElement === null || itemListElement === void 0 ? void 0 : itemListElement.removeAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
-      ElementIDUtils.addIDInfoIfNotExists(itemListElement, "filterItemList", dataElement);
-    });
+  }
+  buildIdElement(buttonElement, name) {
+    if (!buttonElement)
+      return;
+    const dataElement = { id: name };
+    buttonElement.removeAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
+    ElementIDUtils.addIDInfoIfNotExists(buttonElement, "filterItemList", dataElement);
   }
   buildItemElement(item) {
     const itemId = ++this._selectableItemsCount;
-    return (h("button", { id: `filter-item${itemId}`, onFocusin: () => this._preselection = itemId, class: `ez-col ez-col--sd-12 ez-align--middle ez-padding--small sc-snk-filter-bar snk-filter-bar__filter-list-item`, onClick: () => this.itemSelected(item.name), name: item.label, key: itemId }, item.iconName ? h("ez-icon", { iconName: item.iconName, size: "small", class: `ez-padding-right--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__icon ${item.iconClass || ""}` }) : undefined, h("div", { class: `ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__label ${item.labelClass || ""}` }, item.label)));
+    return (h("button", { ref: elem => elem && this.buildIdElement(elem, item.label), id: `filter-item${itemId}`, onFocusin: () => this._preselection = itemId, class: `ez-col ez-col--sd-12 ez-align--middle ez-padding--small sc-snk-filter-bar snk-filter-bar__filter-list-item`, onClick: () => this.itemSelected(item.name), name: item.label, key: itemId }, item.iconName ? h("ez-icon", { iconName: item.iconName, size: "small", class: `ez-padding-right--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__icon ${item.iconClass || ""}` }) : undefined, h("div", { class: `ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__label ${item.labelClass || ""}` }, item.label)));
   }
   itemSelected(itemName) {
     if (itemName === SHOW_MORE_ITEM_NAME) {

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

@@ -1,5 +1,5 @@
 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';
@@ -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]

package/dist/components/snk-grid2.js

@@ -1,7 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
+import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
+import { d as defineCustomElement$9 } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$8 } from './snk-filter-bar2.js';
 import { d as defineCustomElement$7 } from './snk-filter-detail2.js';
 import { d as defineCustomElement$6 } from './snk-filter-item2.js';
@@ -9,7 +11,6 @@ import { d as defineCustomElement$5 } from './snk-filter-list2.js';
 import { d as defineCustomElement$4 } from './snk-filter-modal2.js';
 import { d as defineCustomElement$3 } from './snk-grid-config2.js';
 import { d as defineCustomElement$2 } from './snk-select-box2.js';
-import { d as defineCustomElement$1 } from './snk-taskbar2.js';
 
 const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
 
@@ -23,10 +24,14 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       "snkGridTopTaskbar": ["FORM_MODE", "CONFIGURATOR", "INSERT"]
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
+      "snkGridHeaderTaskbar.unselected": ["REFRESH", "EXPORT"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH", "EXPORT"]
     });
     this._popUpGridConfig = false;
+    /**
+     * Determina se haverá exportação de dados
+     */
+    this.enableDataExporter = false;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -52,6 +57,37 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async setConfig(config) {
     this.setGridConfig(config);
   }
+  actionClickHandler(event) {
+    if (event.detail === TaskbarElement.EXPORT) {
+      // TODO: Quando o exportador de grades for implementado, essa ação
+      // vai fazer mostrar as opções disponíveis. Enviar por email será
+      // apenas mais uma
+      const selectedRows = this._dataState.selectedRecords.length;
+      const config = {
+        format: "pdf",
+        type: selectedRows > 0 ? "selection" : "all",
+        selectedRows,
+        email: {
+          attachments: [
+            { name: "Movimentação Financeira.pdf", size: 1024 * 231 }
+          ]
+        }
+      };
+      this._snkEmailSender.open(config)
+        .then((result) => {
+        this._application.message("resultado", JSON.stringify(result));
+      });
+    }
+  }
+  /**
+   * 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-grid.msg.ts"
+   */
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -87,6 +123,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
   }
   componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     let parent = this._element.parentElement;
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
@@ -111,9 +148,10 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.loadConfig();
   }
   componentWillRender() {
+    const invisibleButtons = this.enableDataExporter ? [] : ["EXPORT"];
     const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
-    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState);
-    this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState);
+    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState, undefined, invisibleButtons);
+    this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState, undefined, invisibleButtons);
   }
   addElementID() {
     const dataInfo = { dataUnit: this._dataUnit };
@@ -123,7 +161,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) }), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
   }
   get _element() { return this; }
   static get style() { return snkGridCss; }
@@ -133,6 +171,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "taskbarManager": [16],
     "statusResolver": [16],
     "multipleSelection": [4, "multiple-selection"],
+    "enableDataExporter": [4, "enable-data-exporter"],
     "_dataUnit": [32],
     "_dataState": [32],
     "_gridConfig": [32],
@@ -140,18 +179,23 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "showConfig": [64],
     "hideConfig": [64],
     "setConfig": [64]
-  }]);
+  }, [[0, "actionClick", "actionClickHandler"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-grid-config", "snk-select-box", "snk-taskbar"];
+  const components = ["snk-grid", "snk-exporter-email-sender", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-grid-config", "snk-select-box", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkGrid);
       }
       break;
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();

package/dist/components/snk-taskbar2.js

@@ -18,6 +18,7 @@ var TaskbarElement;
   TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
+  TaskbarElement["EXPORT"] = "EXPORT";
 })(TaskbarElement || (TaskbarElement = {}));
 var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -72,6 +73,8 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       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:
@@ -115,7 +118,8 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       [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/components/taskbar-processor.js

@@ -2,7 +2,7 @@ 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 @@ 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/esm/{SnkMessageBuilder-f5ef87df.js → SnkMessageBuilder-7d583c9a.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) => {