@sankhyalabs/sankhyablocks 0.0.0-feat-dev-kb-4158.0

package/dist/esm/snk-detail-view.entry.js

@@ -0,0 +1,265 @@
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host } from './index-a7d3d3f1.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-1a42eb02.js';
+import { FormMetadata, buildFormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
+import './DataFetcher-e0fc5549.js';
+import './pesquisa-fetcher-9118eb7a.js';
+import '@sankhyalabs/core';
+import { P as PresentationMode } from './index-1564817d.js';
+import { T as TaskbarElement } from './taskbar-elements-2c761819.js';
+import { c as VIEW_MODE } from './constants-3644f1b6.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-c47cd45e.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-68c1c25a.js';
+import './ConfigStorage-19a7260b.js';
+import './form-config-fetcher-9e167008.js';
+import './resource-fetcher-768d5556.js';
+import './filter-bar-config-fetcher-06e02851.js';
+import './filter-item-type.enum-5028ed3f.js';
+import './_commonjsHelpers-9943807e.js';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './index-bdf75557.js';
+import './taskbar-processor-94402e6e.js';
+import '@sankhyalabs/core/dist/dataunit/DataUnit';
+
+class GuideBuilder {
+  constructor(parentGuide, formMetadata, dataUnit) {
+    this._parentGuide = parentGuide;
+    this._formMetadata = formMetadata;
+    this._dataUnit = dataUnit;
+  }
+  get id() {
+    return this._parentGuide.id;
+  }
+  buildGuideItem(detailBuilders) {
+    const item = Object.assign({}, this._parentGuide);
+    delete item.expanded;
+    delete item.children;
+    const currentRecord = this._dataUnit.getSelectedRecord();
+    if (!currentRecord) {
+      return item;
+    }
+    const isNewRecord = this._dataUnit.isNewRecord(currentRecord.__record__id__);
+    const children = Array.from(this._formMetadata.getAllSheets().values()).map((sheet) => {
+      const { name, label } = sheet;
+      const isDetail = FormMetadata.getDetailName(name.split("::").pop()) != undefined;
+      const disabled = isDetail && isNewRecord;
+      const parentId = this._parentGuide.id;
+      const id = isDetail ? `${parentId}::${name}` : `${parentId}__FORM:${name}`;
+      if (isDetail && detailBuilders.has(id) && !disabled) {
+        const item = detailBuilders.get(id).buildGuideItem(detailBuilders);
+        return item;
+      }
+      return {
+        id,
+        label,
+        disabled,
+        tooltip: disabled ? "Finalize o cadastro para ter acesso a esta guia." : undefined
+      };
+    });
+    const newGuideItem = children.shift();
+    newGuideItem.label = isNewRecord ? "Novo Registro" : currentRecord.__record__label__;
+    newGuideItem.children = children;
+    item.children = [newGuideItem];
+    return item;
+  }
+}
+
+const snkDetailViewCss = ".sc-snk-detail-view-h{display:flex;row-gap:24px;flex-direction:column;width:100%;height:100%}.level-path.sc-snk-detail-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.form-taskbar.sc-snk-detail-view{padding-bottom:var(--space--medium)}.grid-container.sc-snk-detail-view{background-color:#FFF;min-height:100px}.detail-header.sc-snk-detail-view{padding-bottom:0}";
+
+const SnkDetailView = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.snkDetailGuidesChange = createEvent(this, "snkDetailGuidesChange", 7);
+    this.snkSwitchGuide = createEvent(this, "snkSwitchGuide", 7);
+    this._disabledButtons = undefined;
+    this._currentView = undefined;
+    this.attachmentRegisterKey = undefined;
+    this.formConfigManager = undefined;
+    this.dataUnitName = undefined;
+    this.guideItemPath = undefined;
+    this.entityName = undefined;
+    this.label = undefined;
+    this.dataUnit = undefined;
+    this.selectedForm = undefined;
+    this.dataState = undefined;
+    this.messagesBuilder = undefined;
+    this.branchGuide = undefined;
+    this.canEdit = true;
+  }
+  observerDataState(newValue, oldValue) {
+    const openInsertion = !(oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) && (newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode);
+    const closeInsertion = (oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) && !(newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode);
+    if (openInsertion || closeInsertion) {
+      this.loadMetadata();
+    }
+    if (this._formMetadata == undefined) {
+      return;
+    }
+    const newRecord = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord;
+    const oldRecord = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectedRecord;
+    if ((newRecord === null || newRecord === void 0 ? void 0 : newRecord.__record__id__) !== (oldRecord === null || oldRecord === void 0 ? void 0 : oldRecord.__record__id__)) {
+      this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit));
+    }
+    if (openInsertion) {
+      setTimeout(() => {
+        //FIXME: A necessidade de usar esse timeout é por causa da renderização
+        //do guide navigator... se esse evento subir antes do guidenavigator ter
+        //um item com esse id, ele fica sem seleção. Acredito que poderíamos
+        //ajustar o componente para manter o item selecionado e então remover
+        //esse timeout.
+        this.changeViewMode(VIEW_MODE.FORM);
+      }, 0);
+    }
+    if (closeInsertion) {
+      this.changeViewMode(VIEW_MODE.GRID);
+    }
+    const disabledButtons = [];
+    if (!this.dataState.hasPrevious) {
+      disabledButtons.push(TaskbarElement.PREVIOUS);
+    }
+    if (!this.dataState.hasNext) {
+      disabledButtons.push(TaskbarElement.NEXT);
+    }
+    this._disabledButtons = disabledButtons;
+  }
+  /**
+  * Muda o modo de visualização do componente entre VIEW_MODE.GRID e VIEW_MODE.FORM
+  * @param mode - Novo modo que o componente deve ser apresentado.
+  */
+  async changeViewMode(mode) {
+    this.emitSwitchEvent(mode);
+  }
+  /**
+   * Abre o configurador de grid.
+   */
+  async configGrid() {
+    if (this._snkGrid) {
+      this._snkGrid.showConfig();
+    }
+  }
+  async showUp() {
+    if (this._snkFormView) {
+      this._snkFormView.showUp();
+    }
+    if (this._snkGrid) {
+      this._snkGrid.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }
+  onContentCardChanged(evt) {
+    SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this.formConfigManager).then(() => forceUpdate(this));
+    evt.stopPropagation();
+  }
+  updateLabel() {
+    const guideItemPathSize = this.guideItemPath ? this.guideItemPath.length : 0;
+    if (guideItemPathSize > 0) {
+      const labels = guideItemPathSize > 0 ? this.guideItemPath.map(item => item.label) : undefined;
+      this.label = labels.pop();
+      this._levelPath = labels.length > 0 ? labels.join(" / ") : undefined;
+    }
+    else {
+      this.label = "";
+      this._levelPath = undefined;
+    }
+  }
+  getFormGuideId(formName) {
+    var _a;
+    if (!formName) {
+      const currentRecord = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectedRecord;
+      if (currentRecord == undefined) {
+        return;
+      }
+      const forms = Array.from(this._formMetadata.getAllSheets().keys());
+      if (!forms || forms.length == 0) {
+        return;
+      }
+      formName = forms[0];
+    }
+    return `${this.stripFormPattern(this.branchGuide.id)}__FORM:${formName}`;
+  }
+  stripFormPattern(guideId) {
+    return guideId.replace(SnkDetailView.REGEX_FORM_ID, "");
+  }
+  loadMetadata() {
+    var _a;
+    if (!this.dataUnit) {
+      return;
+    }
+    if (!this.formConfigManager.isLoaded) {
+      return;
+    }
+    const formConfig = this.formConfigManager.getConfig((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.insertionMode, this.dataUnit);
+    //this._cardsState = formConfig?.cardsState;
+    this._formMetadata = buildFormMetadata(formConfig == undefined || formConfig.fields.length === 0 ? undefined : formConfig, this.dataUnit, true);
+  }
+  dataUnitReadyHandler(evt) {
+    this.dataUnit = evt.detail;
+    this.loadMetadata();
+  }
+  updateViewStack(viewStack) {
+    var _a, _b;
+    this._viewStack = viewStack;
+    this._currentView = this.selectedForm ? 1 : 0;
+    (_b = (_a = this._viewStack) === null || _a === void 0 ? void 0 : _a.show) === null || _b === void 0 ? void 0 : _b.call(_a, this._currentView);
+  }
+  getFormFields() {
+    if (this.selectedForm && this._formMetadata) {
+      return this._formMetadata.getSheet(this.selectedForm).fields;
+    }
+    return [];
+  }
+  emitSwitchEvent(mode) {
+    const guideId = mode === VIEW_MODE.GRID ? this.stripFormPattern(this.branchGuide.id) : this.getFormGuideId();
+    if (guideId) {
+      this.snkSwitchGuide.emit(guideId);
+    }
+  }
+  handleAttachBack() {
+    this._viewStack.show(VIEW_MODE.GRID);
+  }
+  executeActionHandler(evt) {
+    if (evt.detail === TaskbarElement.GRID_MODE) {
+      this.emitSwitchEvent(VIEW_MODE.GRID);
+      evt.stopPropagation();
+    }
+    if (evt.detail === TaskbarElement.FORM_MODE) {
+      this.emitSwitchEvent(VIEW_MODE.FORM);
+      evt.stopPropagation();
+    }
+    if (evt.detail === TaskbarElement.ATTACH) {
+      this._viewStack.show(VIEW_MODE.ATTACHMENT);
+      evt.stopPropagation();
+    }
+  }
+  async getAttachmentRegisterKey() {
+    if (!this._snkDataUnit)
+      return;
+    const recordCriteria = await this._snkDataUnit.getSelectedRecordsIDsInfo();
+    const joinedPrimaryKeys = recordCriteria.map(({ value }) => value).join('_');
+    return joinedPrimaryKeys;
+  }
+  async handleDataStateChange({ detail: dataState }) {
+    this.dataState = dataState;
+    if (dataState.selectedRecord !== undefined && this._snkDataUnit) {
+      this.attachmentRegisterKey = await this.getAttachmentRegisterKey();
+    }
+  }
+  componentWillLoad() {
+    this._configName = `dynaform.${this.entityName}`;
+    this.formConfigManager = new SnkFormConfigManager(this._configName, () => this.loadMetadata());
+    this.formConfigManager.loadConfig();
+    if (this.messagesBuilder == undefined) {
+      this.messagesBuilder = new SnkMessageBuilder(this.entityName);
+    }
+  }
+  render() {
+    this.updateLabel();
+    //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
+    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+  }
+  static get watchers() { return {
+    "dataState": ["observerDataState"]
+  }; }
+};
+SnkDetailView.REGEX_FORM_ID = /__FORM:[^:]+/g;
+SnkDetailView.style = snkDetailViewCss;
+
+export { SnkDetailView as snk_detail_view };

package/dist/esm/snk-entity-list.entry.js

@@ -0,0 +1,114 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-a7d3d3f1.js';
+import { ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
+
+const snkEntityListCss = ".sc-snk-entity-list-h{--snk-entity-list--label--font-size:var(--text--medium, 14px);--snk-entity-list--label--font-family:var(--font-pattern, Arial);--snk-entity-list--label--color:var(--title--primary, #000);--snk-entity-list--label--disabled--color:var(--text--disable, #AFB6C0)}.label.sc-snk-entity-list{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--snk-entity-list--label--color);font-size:var(--snk-entity-list--label--font-size);font-family:var(--snk-entity-list--label--font-family);cursor:default;padding-left:var(--space--small);padding-bottom:var(--space--extra-small)}.snk-entity-list--overflow.sc-snk-entity-list{overflow:auto}.snk-entity-list--overflow.sc-snk-entity-list::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
+
+const SnkEntityList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.saveConfig = createEvent(this, "saveConfig", 7);
+    this._searchValue = undefined;
+    this._ezListSource = [];
+    this.config = undefined;
+    this.rightListSlotBuilder = undefined;
+    this.maxHeightList = "";
+  }
+  async reloadList() {
+    this.loadListSource();
+    this.saveConfig.emit(this.config);
+  }
+  observeConfig() {
+    var _a, _b;
+    (_b = (_a = this._searchElement) === null || _a === void 0 ? void 0 : _a['clearValue']) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  ezListChangeListener(evt) {
+    var _a, _b;
+    const configCopy = ObjectUtils.copy(this.config);
+    (_a = (this.getListConfigValue(configCopy))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
+      var _a, _b;
+      if (value && value.id === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id)) {
+        value.check = (_b = evt.detail) === null || _b === void 0 ? void 0 : _b.check;
+      }
+    });
+    this.config = ObjectUtils.copy(configCopy);
+    this.saveConfig.emit(this.config);
+    this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
+  }
+  loadListSource() {
+    var _a;
+    this._ezListSource = [];
+    (_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
+      if (value) {
+        this._ezListSource.push({
+          label: `${value.id} - ${value.label}`,
+          check: value.check,
+          id: value.id
+        });
+      }
+    });
+  }
+  componentDidLoad() {
+    var _a, _b, _c, _d, _e;
+    let configValue = this.getListConfigValue(this.config);
+    let configValueArray = [];
+    if (Array.isArray(configValue)) {
+      configValueArray = configValue;
+    }
+    else {
+      configValueArray.push((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.members);
+    }
+    this.config.value = configValueArray;
+    this._entityName = (_e = (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.searchContext) === null || _e === void 0 ? void 0 : _e.entity;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.loadListSource();
+  }
+  optionLoader(searchArgument) {
+    var _a, _b, _c, _d;
+    const { mode, argument } = searchArgument;
+    if (this._application === undefined) {
+      return;
+    }
+    const searchOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) === null || _c === void 0 ? void 0 : _c.searchOptions;
+    const options = {
+      entityDescription: (_d = this.config) === null || _d === void 0 ? void 0 : _d.label,
+      entity: this._entityName,
+      searchOptions: searchOptions
+    };
+    return this._application.executePreparedSearch(mode, argument, options);
+  }
+  onEzSearchChange(evt) {
+    var _a, _b, _c, _d;
+    if (evt.detail != undefined && ((_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
+      this.config = Object.assign(Object.assign({}, this.config), { value: [
+          ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
+          {
+            id: evt.detail.value,
+            check: true,
+            label: evt.detail.label
+          }
+        ] });
+      this.loadListSource();
+      this.saveConfig.emit(this.config);
+      this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
+    }
+  }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder.getMessage(key, params);
+  }
+  getListConfigValue(config) {
+    var _a, _b, _c, _d;
+    return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
+  }
+  render() {
+    var _a, _b;
+    return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true }), ((_b = this._ezListSource) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
+  }
+  static get watchers() { return {
+    "config": ["observeConfig"]
+  }; }
+};
+SnkEntityList.style = snkEntityListCss;
+
+export { SnkEntityList as snk_entity_list };

package/dist/esm/snk-exporter-email-sender.entry.js

@@ -0,0 +1,128 @@
+import { h, r as registerInstance, g as getElement } from './index-a7d3d3f1.js';
+import { ElementIDUtils } from '@sankhyalabs/core';
+import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
+
+const EmailInfoStep = ({ getMessage, changeInfo, data }) => {
+  const { format, email } = data || {};
+  return h("div", null,
+    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, value: email === null || email === void 0 ? void 0 : email.to, onEzChange: evt => { var _a; return changeInfo("to", (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.trim()); } }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("sendTo")}` })),
+    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, value: email === null || email === void 0 ? void 0 : email.subject, onEzChange: evt => { var _a; return changeInfo("subject", (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.trim()); } }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("subject")}` })),
+    h("ez-text-area", Object.assign({ label: getMessage("snkExporter.emailSenderInfoStep_message"), value: email === null || email === void 0 ? void 0 : email.message, onEzChange: evt => changeInfo("message", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("message")}` })),
+    ((email === null || email === void 0 ? void 0 : email.attachments) || [])
+      .map((file, index) => h("ez-file-item", Object.assign({ class: "ez-padding-bottom--large", fileName: `${file.name}.${format}`, 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, 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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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._config = undefined;
+    this._opened = false;
+    this._currentStep = 0;
+    this.getMessage = undefined;
+  }
+  open(config) {
+    var _a;
+    this._config = Object.assign(Object.assign({}, config), { format: (_a = config === null || config === void 0 ? void 0 : config.format) !== null && _a !== void 0 ? _a : "pdf" });
+    this._opened = true;
+    this.changeStep(0);
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  close() {
+    this._opened = false;
+    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, resolver } = this._config;
+    resolver({ format, type, email, report: undefined });
+  }
+  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() {
+    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 === ModalAction.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: this._config, 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 getElement(this); }
+};
+
+export { SnkExporterEmailSender as snk_exporter_email_sender };