@sankhyalabs/sankhyablocks 10.1.0-dev.6 → 10.1.0-dev.61

package/dist/esm/snk-attach_11.entry.js

@@ -0,0 +1,2957 @@
+import { r as registerInstance, e as createEvent, h, f as Host, F as Fragment, g as getElement } from './index-04f73a26.js';
+import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnitLoaderUtils, DataUnit, ElementIDUtils, ObjectUtils, KeyboardManager } from '@sankhyalabs/core';
+import { D as DataFetcher, S as SnkMessageBuilder } from './DataFetcher-70de9419.js';
+import { S as SaveErrorsEnum } from './ISave-f5704813.js';
+import { P as PresentationMode } from './index-c6721886.js';
+import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-d26e4a08.js';
+import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-98c42169.js';
+import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants-7b422de0.js';
+import { A as AutorizationType } from './auth-fetcher-e34880e5.js';
+import { T as TaskbarElement } from './taskbar-elements-ba9d6889.js';
+import { A as ActionDefaultFilter, F as FilterType } from './filter-type.enum-62b7fe88.js';
+import { focusOnFieldSerch, SEARCH_FIELD_FULL_WIDTH, FormLayout, ApplicationUtils, CSSVarsUtils, buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
+import { DataBinder } from '@sankhyalabs/ezui/dist/collection/utils/form';
+import { g as getPKs, b as base64ToBlob, s as sessionFileUpload, a as buildFileKey, d as downloadImage } from './ImageUtils-efbea0e4.js';
+import { P as PersonalizedFilterUtils, a as FilterGroupCondition, D as DefaultFilter } from './PersonalizedFilterUtils-45b5803c.js';
+import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
+import { C as ConfigStorage, P as PersonalizedFilterFetcher } from './ConfigStorage-0d1c0695.js';
+import { s as store } from './index-ea250be6.js';
+import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor, R as RmPrecisionCustomValueFormatter, a as CrudUtils, b as ClientSideExporterProvider } from './SnkMultiSelectionListDataSource-6ac291a9.js';
+import '@sankhyalabs/ezui/dist/collection/utils/constants';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-e7f05f79.js';
+import { C as ContinuousInsertUtils } from './ContinuousInsertUtils-bce77dc1.js';
+import './PrintUtils-3e4ff0f5.js';
+import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+import '@sankhyalabs/core/dist/utils/SortingUtils';
+import './ResourceIDUtils-a114189a.js';
+import './GetSelectedRecordsIDsInfo-9fa41508.js';
+import './IFetchDataExporterParams-d73bed3d.js';
+import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
+
+const SERVICE$1 = {
+  save: "Attach.save",
+  delete: "Attach.remove",
+  view: "Attach.view",
+  repository: "RepositorioArquivoSP.abreArquivo"
+};
+class AttachFetcher {
+  constructor(dataUnitName) {
+    this.dataUnitName = dataUnitName;
+  }
+  async save({ dataUnit: dataUnitName, record, updatingFields: fields, operation }) {
+    var _a, _b;
+    const isInsert = operation == "INSERT";
+    const dataBody = isInsert ? fields : record;
+    if (!isInsert && (fields === null || fields === void 0 ? void 0 : fields.DESCRICAO) && (fields === null || fields === void 0 ? void 0 : fields.DESCRICAO) !== (record === null || record === void 0 ? void 0 : record.DESCRICAO)) {
+      throw new Error(SaveErrorsEnum.DESCRIPTION_CANNOT_BE_CHANGED);
+    }
+    const reqBody = {
+      "anexo": {
+        "codata": isInsert ? fields === null || fields === void 0 ? void 0 : fields.REGISTER_KEY : record === null || record === void 0 ? void 0 : record.CODATA,
+        "sequencia": (dataBody === null || dataBody === void 0 ? void 0 : dataBody.SEQUENCIA) || "0",
+        "tipo": (dataBody === null || dataBody === void 0 ? void 0 : dataBody.TIPO) || "N",
+        "descricao": dataBody === null || dataBody === void 0 ? void 0 : dataBody.DESCRICAO,
+        "arquivo": (_b = (_a = fields.CAMINHO_ARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name,
+        "ehInclusao": isInsert ? "S" : "N",
+        "ehArquivoRepositorio": "N"
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get().callServiceBroker(SERVICE$1.save, JSON.stringify(reqBody))
+        .then(result => {
+        var _a;
+        return resolve([Object.assign(Object.assign(Object.assign({}, result), fields), { __owner__dataunit__name__: (_a = this.dataUnitName) !== null && _a !== void 0 ? _a : dataUnitName })]);
+      })
+        .catch(error => reject(error));
+    });
+  }
+  async edit(change) {
+    throw new Error("Method not implemented.");
+  }
+  async delete(record) {
+    var request = {
+      anexo: {
+        codata: record.CODATA,
+        tipo: record.TIPO,
+        descricao: record.DESCRICAO,
+      }
+    };
+    const result = await DataFetcher.get().callServiceBroker(SERVICE$1.delete, JSON.stringify(request));
+    return Promise.resolve(result);
+  }
+  async getDownloadKey(record) {
+    var _a, _b, _c;
+    if (record.EHARQUIVOREPOSITORIO == 'S') {
+      const request = {
+        config: {
+          path: record.ARQUIVO,
+          tipoconteudo: record.TIPOCONTEUDO
+        }
+      };
+      const result = await DataFetcher.get().callServiceBroker(SERVICE$1.repository, JSON.stringify(request));
+      return Promise.resolve({
+        chave: {
+          valor: (_b = (_a = result === null || result === void 0 ? void 0 : result.responseBody) === null || _a === void 0 ? void 0 : _a.chave) === null || _b === void 0 ? void 0 : _b.valor
+        }
+      });
+    }
+    const criteria = {
+      anexo: {
+        codata: record.CODATA,
+        codemp: record.CODEMP,
+        sequencia: record.SEQUENCIA,
+        tipo: record.TIPO,
+        descricao: record.DESCRICAO,
+        tipoConteudo: record.TIPOCONTEUDO
+      }
+    };
+    const result = await DataFetcher.get().callServiceBroker(SERVICE$1.view, JSON.stringify(criteria));
+    if (result === null || result === void 0 ? void 0 : result.chaveAnexo) {
+      return Promise.resolve({
+        chave: {
+          valor: (_c = result === null || result === void 0 ? void 0 : result.chaveAnexo) === null || _c === void 0 ? void 0 : _c.idChaveAnexo
+        }
+      });
+    }
+    return Promise.reject(new Error("File not found."));
+  }
+}
+
+const SERVICE = {
+  save: "AnexoSistemaSP.salvar",
+  delete: "AnexoSistemaSP.excluir",
+  download: "AnexoSistemaSP.baixar",
+};
+class AnexoSistemaFetcher {
+  constructor(entityName, dataUnitName) {
+    var _a;
+    this.entityName = entityName;
+    this.dataUnitName = dataUnitName;
+    this.validateFields = (fields) => {
+      if (!!fields.LINK && !!fields.NOMEARQUIVO)
+        throw new Error(SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME);
+      if (!fields.LINK && !fields.NOMEARQUIVO)
+        throw new Error(SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED);
+      if (!this._registerKey)
+        throw new Error('Register key can not be null');
+    };
+    this.resourceID = (window["resourceID"] || ((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.resourceID));
+  }
+  set registerKey(registerKey) {
+    this._registerKey = registerKey;
+  }
+  async save(change) {
+    var _a, _b;
+    let { updatingFields: fields } = change;
+    fields = Object.assign(Object.assign({}, fields), { NOMEARQUIVO: (_a = fields.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0] });
+    try {
+      this.validateFields(fields);
+      const fileInfo = !fields.LINK ? fields.NOMEARQUIVO : null;
+      const reqBody = {
+        serviceName: SERVICE.save,
+        requestBody: {
+          params: {
+            resourceID: this.resourceID,
+            description: fields.DESCRICAO,
+            fileSelect: fileInfo ? 1 : 0,
+            keySession: (_b = fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.properties) === null || _b === void 0 ? void 0 : _b.fileNameTmp,
+            nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
+            link: fields.LINK,
+            nameEntity: this.entityName,
+            pkEntity: this._registerKey,
+            typeAcess: fields.TIPOACESSO,
+            typeApres: fields.TIPOAPRES,
+          }
+        }
+      };
+      const result = await DataFetcher.get().callServiceBroker(SERVICE.save, JSON.stringify(reqBody));
+      return Promise.resolve([Object.assign(Object.assign(Object.assign({}, result), fields), { ARQUIVOOULINK: !!fields.LINK ? fields.LINK : fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name, __owner__dataunit__name__: this.dataUnitName })]);
+    }
+    catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  async edit(change) {
+    var _a, _b, _c;
+    let { updatingFields: fields, record } = change;
+    const getFieldValue = (fieldValue) => {
+      if (fields[fieldValue] !== undefined)
+        return fields[fieldValue];
+      return record[fieldValue];
+    };
+    const attachField = getFieldValue('NOMEARQUIVO');
+    const hasNewAttachment = (_b = (_a = fields.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.downloadURL;
+    fields = Object.assign(Object.assign({}, fields), { DESCRICAO: getFieldValue('DESCRICAO'), LINK: getFieldValue('LINK'), TIPOACESSO: getFieldValue('TIPOACESSO'), TIPOAPRES: getFieldValue('TIPOAPRES'), CHAVEARQUIVO: record.CHAVEARQUIVO, NOMEARQUIVO: attachField === null || attachField === void 0 ? void 0 : attachField[0] });
+    const fileInfo = !fields.LINK ? fields.NOMEARQUIVO : null;
+    try {
+      this.validateFields(fields);
+      const reqBody = {
+        serviceName: SERVICE.save,
+        requestBody: {
+          params: {
+            resourceID: this.resourceID,
+            nuAttach: record === null || record === void 0 ? void 0 : record.NUATTACH,
+            description: fields.DESCRICAO,
+            fileSelect: hasNewAttachment ? 1 : 0,
+            keySession: (_c = fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.properties) === null || _c === void 0 ? void 0 : _c.fileNameTmp,
+            keyAttach: fields.CHAVEARQUIVO,
+            nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
+            link: fields.LINK,
+            nameEntity: this.entityName,
+            pkEntity: this._registerKey,
+            typeAcess: fields.TIPOACESSO,
+            typeApres: fields.TIPOAPRES,
+          }
+        }
+      };
+      const result = await DataFetcher.get().callServiceBroker(SERVICE.save, JSON.stringify(reqBody));
+      return Promise.resolve([Object.assign(Object.assign(Object.assign({}, result), fields), { ARQUIVOOULINK: !!fields.LINK ? fields.LINK : fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name, __owner__dataunit__name__: this.dataUnitName })]);
+    }
+    catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  delete(record) {
+    var _a;
+    const attachField = ((_a = record.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const reqBody = {
+      serviceName: SERVICE.delete,
+      requestBody: {
+        paramsDelete: {
+          keyAttach: record.CHAVEARQUIVO,
+          nameAttach: attachField === null || attachField === void 0 ? void 0 : attachField.name,
+          nameEntity: record.NOMEINSTANCIA,
+          nuAttach: record.NUATTACH,
+          pkEntity: record.PKREGISTRO
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get().callServiceBroker(SERVICE.delete, JSON.stringify(reqBody))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
+  getDownloadKey(record) {
+    var _a;
+    const attachField = ((_a = record.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const reqBody = {
+      serviceName: SERVICE.download,
+      requestBody: {
+        paramsDown: {
+          nameAttach: attachField === null || attachField === void 0 ? void 0 : attachField.name,
+          nameEntity: record.NOMEINSTANCIA,
+          nuAttach: record.NUATTACH,
+          pkEntity: record.PKREGISTRO,
+          keyAttach: record.CHAVEARQUIVO,
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get().callServiceBroker(SERVICE.download, JSON.stringify(reqBody))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
+}
+
+class AnexoSistemaDataUnitFactory {
+  constructor(entityName, getMessage) {
+    this.entityName = entityName;
+    this.getMessage = getMessage;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  initLoaders(dataUnit, fetcher, onSuccess) {
+    if (!this.loader)
+      this.loader = dataUnit.dataLoader;
+    dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
+    dataUnit.saveLoader = (_, changes) => this.saveLoader(changes, fetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+    dataUnit.removeLoader = (dataUnit, ids) => this.removeLoader(dataUnit, ids, fetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+  }
+  metadataLoader(dataUnit) {
+    throw new Error("Method not implemented.");
+  }
+  dataLoader(dataUnit, request) {
+    return new Promise(resolve => {
+      this.loader(dataUnit, request).then(response => {
+        const records = ((response === null || response === void 0 ? void 0 : response.records) || []).map(record => {
+          let fileInfo;
+          if (!record.LINK)
+            fileInfo = [{
+                name: record.NOMEARQUIVO,
+              }];
+          return Object.assign(Object.assign({}, record), { ARQUIVOOULINK: !!record.LINK ? record.LINK : record.NOMEARQUIVO, NOMEARQUIVO: fileInfo });
+        });
+        resolve(Object.assign(Object.assign({}, response), { records }));
+      });
+    });
+  }
+  saveLoader(changes, fetcher) {
+    return new Promise((resolve) => {
+      var _a;
+      const change = Array.isArray(changes) ? changes[0] : {};
+      const savePromise = ((_a = change === null || change === void 0 ? void 0 : change.record) === null || _a === void 0 ? void 0 : _a.NUATTACH) >= 0 ? fetcher.edit.bind(fetcher) : fetcher.save.bind(fetcher);
+      savePromise(change).then((records) => {
+        resolve(records);
+      }).catch((error) => {
+        if (error.message === SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.title'), this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.message'));
+          return resolve([]);
+        }
+        if (error.message === SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.title'), this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.message'));
+          return resolve([]);
+        }
+        if (error.message) {
+          this._application.error((error.title || error.name), error.message);
+          return resolve([]);
+        }
+        resolve([]);
+      });
+    });
+  }
+  removeLoader(dataUnit, ids, fetcher) {
+    return new Promise((resolve) => {
+      const { records } = dataUnit.getSelectionInfo();
+      const recordToDelete = records[0];
+      fetcher.delete(recordToDelete).then(() => {
+        PreloadManager.removeRecords(dataUnit, [recordToDelete]);
+        return resolve(ids);
+      });
+    });
+  }
+  getFilters(registerKey) {
+    return [
+      {
+        name: 'AttachmentsByPK',
+        expression: 'this.PKREGISTRO = :PKREGISTRO',
+        params: [{
+            name: "PKREGISTRO",
+            dataType: DataType.TEXT,
+            value: `${registerKey}_${this.entityName}`
+          }]
+      }
+    ];
+  }
+  getInterceptions(dataUnit, action, crudRef) {
+    return new Promise((resolve) => {
+      if (action.type === Action.EDITION_CANCELED) {
+        if (!dataUnit.isDirty())
+          return resolve(action);
+        return this._application.confirm(this.getMessage('snkAttach.cancelConfirmation.title'), this.getMessage('snkAttach.cancelConfirmation.message')).then((cancellationConfirmed) => {
+          if (cancellationConfirmed) {
+            crudRef.goToView(VIEW_MODE.GRID);
+            return resolve(action);
+          }
+          return resolve(undefined);
+        });
+      }
+      if (action.type === Action.DATA_SAVED) {
+        dataUnit.loadData();
+        return resolve(action);
+      }
+      resolve(action);
+    });
+  }
+}
+
+let messageBuilderInstance;
+const getMessage$1 = (key) => {
+  if (!messageBuilderInstance) {
+    messageBuilderInstance = new SnkMessageBuilder();
+  }
+  return messageBuilderInstance.getMessage(key);
+};
+const attachCrudConfig = {
+  grid: {
+    columns: [
+      { name: "CODATA", orderIndex: 0, width: 0 },
+      { name: "DESCRICAO", orderIndex: 1, width: 0 },
+      { name: "ARQUIVO", orderIndex: 2, width: 0 },
+      { name: "DTALTER", orderIndex: 3, width: 0 },
+      { name: "USUARIO", orderIndex: 4, width: 0 },
+    ],
+  },
+  form: {
+    emptyConfig: false,
+    fields: [
+      {
+        name: "DESCRICAO",
+        label: getMessage$1("snkAttach.attachMetadata.lblDescription"),
+        visible: true,
+        readOnly: false,
+        required: true,
+      },
+      {
+        name: "CAMINHO_ARQUIVO",
+        label: getMessage$1("snkAttach.attachMetadata.lblFile"),
+        visible: true,
+        readOnly: false,
+        required: true,
+      },
+    ],
+  },
+};
+const attachFetcherMetadataBuilder = {
+  name: "Attach",
+  label: "Attach List",
+  fields: [
+    { name: "CODATA", label: getMessage$1("snkAttach.attachMetadata.lblCode"), dataType: DataType.TEXT },
+    { name: "DESCRICAO", label: getMessage$1("snkAttach.attachMetadata.lblDescription"), dataType: DataType.TEXT, readOnly: false },
+    { name: "ARQUIVO", label: getMessage$1("snkAttach.attachMetadata.lblFileOrLink"), dataType: DataType.TEXT },
+    { name: "USUARIO", label: getMessage$1("snkAttach.attachMetadata.lblUser"), dataType: DataType.TEXT },
+    { name: "DTALTER", label: getMessage$1("snkAttach.attachMetadata.lblDate"), dataType: DataType.TEXT },
+    {
+      name: "CAMINHO_ARQUIVO",
+      label: getMessage$1("snkAttach.attachMetadata.lblFileUpload"),
+      dataType: DataType.OBJECT,
+      userInterface: UserInterface.FILE,
+      readOnly: false,
+      required: true,
+      visible: true,
+      properties: {
+        subTitle: getMessage$1("snkAttach.attachMetadata.lblSubTitle"),
+        MAX_FILES: 1,
+        STORAGESTRATEGY: "SESSION",
+        INTERNAL_FILENAME: "Attach.upload",
+      }
+    },
+  ],
+};
+
+const SERVICE_LOAD = "Attach.load";
+class AttachFetcherDataUnitFactory {
+  constructor(getMessage) {
+    this.getMessage = getMessage;
+    this._records = [];
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  initLoaders(dataUnit, fetcher, onSuccess) {
+    dataUnit.metadataLoader = (dataUnit) => this.metadataLoader(dataUnit);
+    dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
+    dataUnit.saveLoader = (_, changes) => this.saveLoader(changes, fetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+    dataUnit.removeLoader = (dataUnit, ids) => this.removeLoader(dataUnit, ids, fetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+  }
+  metadataLoader(_) {
+    return Promise.resolve(attachFetcherMetadataBuilder);
+  }
+  async dataLoader(dataUnit, request) {
+    if (!request.source) {
+      return Promise.resolve({ records: this._records });
+    }
+    if (!Number.isNaN(Number(request.source))) {
+      const criteria = {
+        criteria: {
+          codata: request.source,
+          tipoAnexo: "N"
+        }
+      };
+      const applicationDataFetcher = await this._application.getDataFetcher();
+      const { anexos: { anexo = [] } } = await applicationDataFetcher.callServiceBroker(SERVICE_LOAD, JSON.stringify(criteria));
+      const records = [];
+      anexo.forEach((param) => {
+        records.push(Object.assign({ __record__id__: StringUtils.generateUUID(), CAMINHO_ARQUIVO: [{
+              name: param === null || param === void 0 ? void 0 : param.ARQUIVO,
+            }] }, param));
+      });
+      this._records = records;
+    }
+    return DataUnitLoaderUtils.buildLoadDataResponse(this._records, dataUnit, request);
+  }
+  saveLoader(changes, fetcher) {
+    return new Promise((resolve) => {
+      const change = Array.isArray(changes) ? changes[0] : {};
+      fetcher.save(change)
+        .then(resolve)
+        .catch((error) => {
+        if (error.message === SaveErrorsEnum.DESCRIPTION_CANNOT_BE_CHANGED) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.descriptionCannotBeChanged.title'), this.getMessage('snkAttach.alertValidation.descriptionCannotBeChanged.message'));
+          return resolve([]);
+        }
+        if (error.message === SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.title'), this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.message'));
+          return resolve([]);
+        }
+        if (error.message === SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.title'), this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.message'));
+          return resolve([]);
+        }
+        if (error.message) {
+          this._application.error((error.title || error.name), error.message);
+          return resolve([]);
+        }
+        resolve([]);
+      });
+    });
+  }
+  removeLoader(dataUnit, ids, fetcher) {
+    return new Promise((resolve) => {
+      dataUnit.getSelectionInfo().records.forEach(async (record) => {
+        this._application.hasAccess(AutorizationType.REMOVE)
+          .then(async (hasAccess) => {
+          if (hasAccess) {
+            await fetcher.delete(record);
+            resolve(ids);
+          }
+        });
+      });
+    });
+  }
+  getFilters() {
+    throw new Error('Method not implemented.');
+  }
+  getInterceptions(dataUnit, action, crudRef) {
+    return new Promise((resolve) => {
+      var _a, _b, _c, _d, _e, _f;
+      switch (action.type) {
+        case Action.EDITION_CANCELED:
+          if (!dataUnit.isDirty())
+            return resolve(action);
+          return this._application.confirm(this.getMessage('snkAttach.cancelConfirmation.title'), this.getMessage('snkAttach.cancelConfirmation.message')).then((cancellationConfirmed) => {
+            if (cancellationConfirmed) {
+              crudRef.goToView(VIEW_MODE.GRID);
+              return resolve(action);
+            }
+            return resolve(undefined);
+          });
+        case Action.DATA_SAVED:
+          dataUnit.loadData(undefined, undefined, false, (_c = (_b = (_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.REGISTER_KEY);
+          return resolve(action);
+        case Action.RECORDS_REMOVED:
+          dataUnit.loadData(undefined, undefined, false, (_f = (_e = (_d = action === null || action === void 0 ? void 0 : action.payload) === null || _d === void 0 ? void 0 : _d.cachedRecords) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.CODATA);
+          return resolve(action);
+      }
+      resolve(action);
+    });
+  }
+}
+
+let messagesBuilder;
+const getMessage = (key) => {
+  var _a;
+  if (!messagesBuilder) {
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    messagesBuilder = application === null || application === void 0 ? void 0 : application.messagesBuilder;
+  }
+  return (_a = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage) === null || _a === void 0 ? void 0 : _a.call(messagesBuilder, key, null);
+};
+const TaskbarAttachButtons = {
+  DOWNLOAD: {
+    hint: getMessage("snkAttach.taskbar.titleDownload"),
+    name: "DOWNLOAD",
+    iconName: 'file-download'
+  },
+  LINK: {
+    hint: getMessage("snkAttach.taskbar.titleLink"),
+    name: "LINK",
+    iconName: "launch"
+  }
+};
+const buildTaskBarManager = () => {
+  const disabledButtonsWithoutSelection = [
+    TaskbarElement.REMOVE,
+    "DOWNLOAD",
+    "LINK"
+  ];
+  return {
+    getButtons: (_, dataState, currentButtons) => {
+      const refreshBtnIndex = currentButtons.indexOf(TaskbarElement.REFRESH);
+      if ((dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty)) {
+        return currentButtons.reverse();
+      }
+      else if (refreshBtnIndex !== -1) {
+        currentButtons.splice(refreshBtnIndex, 1);
+      }
+      const { selectedRecord } = dataState || {};
+      const taskbarTobeAdded = !!(selectedRecord === null || selectedRecord === void 0 ? void 0 : selectedRecord.LINK) ? TaskbarAttachButtons.LINK : TaskbarAttachButtons.DOWNLOAD;
+      currentButtons.splice(currentButtons.indexOf(TaskbarElement.DIVIDER) + 1, 0, TaskbarElement.REMOVE, taskbarTobeAdded, TaskbarElement.DIVIDER);
+      const buttonsToRemove = [TaskbarElement.CLONE, TaskbarElement.DATA_EXPORTER];
+      const updatedButtons = Array.from(new Set(currentButtons.filter((button) => !buttonsToRemove.includes(button))));
+      updatedButtons.splice(updatedButtons.indexOf(taskbarTobeAdded) + 1, 0, TaskbarElement.DIVIDER);
+      return updatedButtons;
+    },
+    isEnabled: (_, dataState, currentButton) => {
+      const hasSelectedRecord = (dataState === null || dataState === void 0 ? void 0 : dataState.selectedRecord) !== undefined;
+      const disabledButton = disabledButtonsWithoutSelection.includes(currentButton);
+      if (disabledButton && !hasSelectedRecord)
+        return false;
+      return true;
+    }
+  };
+};
+
+const anexoSistemaCrudConfig = {
+  grid: {
+    columns: [
+      { name: "ARQUIVOOULINK", orderIndex: 0, width: 0 },
+      { name: "DESCRICAO", orderIndex: 1, width: 0 },
+      { name: "DHCAD", orderIndex: 2, width: 0 },
+      { name: "DHALTER", orderIndex: 3, width: 0 },
+      { name: "TIPOAPRES", orderIndex: 4, width: 0 },
+      { name: "TIPOACESSO", orderIndex: 5, width: 0 },
+      { name: "CODUSU", orderIndex: 6, width: 0 },
+      { name: "CODUSUALT", orderIndex: 7, width: 0 }
+    ]
+  },
+  form: {
+    emptyConfig: false,
+    fields: [
+      {
+        name: "DESCRICAO",
+        required: true
+      },
+      {
+        name: "TIPOAPRES",
+        required: true,
+      },
+      {
+        name: "TIPOACESSO",
+        required: true,
+      },
+      {
+        name: "LINK"
+      },
+      {
+        name: "NOMEARQUIVO"
+      }
+    ]
+  },
+};
+
+const snkAttachCss = ".snk-attach__header.sc-snk-attach{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space--6, 6px)}.snk-attach__header.sc-snk-attach>section.sc-snk-attach{display:flex;align-items:center}.snk-attach__file-info.sc-snk-attach{display:flex;flex-direction:column;justify-content:center;gap:var(--space--8, 8px)}.snk-attach__main.sc-snk-attach{display:flex;flex-direction:column;height:100%}.ez-box__container.sc-snk-attach{height:100%}.snk-attach__crud-section.sc-snk-attach{padding:1px;display:flex;flex-direction:column;height:100%;width:100%}";
+
+const RESOURCE_ID = 'AnexoSistema';
+const DATA_UNIT_NAME = 'br.com.sankhya.core.v3.anexoSistema';
+const GRID_LEGACY_CONFIG_NAME = 'GrdCfgHtml5:grdcfg.dynaform.anexo';
+const LINKORFILE_COLUMN_NAME = "ARQUIVOOULINK";
+const SnkAttach = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezClosePopup = createEvent(this, "ezClosePopup", 7);
+    this.handleTaskbarClick = async ({ detail: taskbar }) => {
+      if (["DOWNLOAD", "LINK"].includes(taskbar))
+        return this.downloadAttachment(this._currentDataUnit.getSelectedRecord());
+      if (this.fetcherType === "Attach" && ["SAVE"].includes(taskbar) && this._currentDataUnit.isDirty()) {
+        await this._currentDataUnit.setFieldValue("REGISTER_KEY", this.registerKey);
+      }
+    };
+    this.handleBack = () => {
+      this._currentDataUnit.cancelEdition().then((cancelationConfirmed) => {
+        if (cancelationConfirmed)
+          this.close();
+      });
+    };
+    this.handleFinish = () => {
+      if (!this._currentDataUnit.isDirty())
+        return this.close();
+      if (!this.validateAnexoSistema()) {
+        return;
+      }
+      this._currentDataUnit.saveData().then(() => {
+        this.showFinishedToast();
+        this.close();
+      });
+    };
+    this._isOpen = false;
+    this.gridLegacyConfigName = undefined;
+    this.fetcherType = undefined;
+    this.fetcher = undefined;
+    this.dataUnit = undefined;
+    this.dataUnitBuilder = undefined;
+    this.registerKey = undefined;
+    this.entityName = undefined;
+    this.messagesBuilder = undefined;
+    this._currentFetcher = undefined;
+    this._currentDataUnit = undefined;
+    this.crudConfig = undefined;
+    this._appResourceID = undefined;
+  }
+  // Garante que o popup só abre via método open()
+  // Não há mais caminhos alternativos de abertura
+  /**
+   * Abre o popup do SnkAttach.
+   */
+  /**
+   * Abre o popup do SnkAttach.
+   * Inicializa o componente apenas na abertura.
+   */
+  async open() {
+    this._isOpen = true;
+    // Inicialização só ocorre na abertura
+    if (!this._currentDataUnit) {
+      await this.initAttach();
+    }
+    if (this._refPopup) {
+      this._refPopup.opened = true;
+    }
+    if (!this.fetcherType) {
+      this.fetcherType = "AnexoSistema";
+    }
+    if (this._currentDataUnit == null) {
+      this.loadAttachmentDataUnit();
+    }
+  }
+  /**
+   * Fecha o popup do SnkAttach.
+   */
+  async close() {
+    this._isOpen = false;
+    if (this._refPopup) {
+      this._refPopup.opened = false;
+    }
+  }
+  async registerKeyWatcher(newRegisterKey, oldRegisterKey) {
+    var _a;
+    if (this._currentDataUnit == null) {
+      this.loadAttachmentDataUnit();
+    }
+    if (oldRegisterKey !== newRegisterKey) {
+      if (this._currentFetcher instanceof AnexoSistemaFetcher) {
+        this._currentFetcher.registerKey = newRegisterKey;
+      }
+      await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadData());
+    }
+  }
+  getAnexoSistemaFetcherInstance() {
+    var _a;
+    const anexoSistemaFetcher = new AnexoSistemaFetcher(this.entityName, (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.name);
+    anexoSistemaFetcher.registerKey = this.registerKey;
+    return anexoSistemaFetcher;
+  }
+  async initAttach() {
+    var _a, _b, _c, _d, _e;
+    if (!this.fetcherType && !this.registerKey)
+      return;
+    if (!this.fetcherType) {
+      this.fetcherType = "AnexoSistema";
+    }
+    this.returnToGridMode();
+    if (this.fetcherType === "AnexoSistema") {
+      this._currentFetcher = this.getAnexoSistemaFetcherInstance();
+      (_a = this._currentDataUnitBuilder) === null || _a === void 0 ? void 0 : _a.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
+      await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
+      return;
+    }
+    if (this.fetcherType === "Attach") {
+      const hasMoreOneItem = ((_c = this.registerKey) === null || _c === void 0 ? void 0 : _c.split("_").length) > 1;
+      if (hasMoreOneItem)
+        return;
+    }
+    await ((_d = this._currentDataUnit) === null || _d === void 0 ? void 0 : _d.loadMetadata());
+    await ((_e = this._currentDataUnit) === null || _e === void 0 ? void 0 : _e.loadData(undefined, undefined, true, this.registerKey));
+  }
+  /**
+   * 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-attach.msg.ts"
+  */
+  getMessage(key, params) {
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+  }
+  showFinishedToast() {
+    this._application.info(this.getMessage('snkAttach.finishedMessage'), { iconName: "check" });
+  }
+  downloadAttachment(selectedRecord) {
+    if (!selectedRecord)
+      throw new Error(this.getMessage("snkAttach.alertValidation.noRecordSelected.message"));
+    if (selectedRecord.LINK) {
+      window.open(`${selectedRecord.LINK}`);
+      return;
+    }
+    this._currentFetcher
+      .getDownloadKey(selectedRecord)
+      .then(({ chave }) => {
+      var _a;
+      let forceDownload = false;
+      if (!((_a = selectedRecord === null || selectedRecord === void 0 ? void 0 : selectedRecord.ARQUIVO) === null || _a === void 0 ? void 0 : _a.endsWith(".pdf"))) {
+        forceDownload = true;
+      }
+      window.open(`/mge/visualizadorArquivos.mge?chaveArquivo=${chave.valor}${forceDownload ? "&forcarDownload=S" : ""}`);
+    });
+  }
+  returnToGridMode() {
+    var _a;
+    (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.clearSelection();
+    if (this._crudElement)
+      this._crudElement.goToView(VIEW_MODE.GRID);
+  }
+  async loadAttachmentDataUnit() {
+    try {
+      switch (this.fetcherType) {
+        case "AnexoSistema":
+          await this.loadAnexoSistema();
+          break;
+        case "Attach":
+          await this.loadAttach();
+          break;
+        default:
+          this._currentFetcher = this.fetcher;
+          this._currentDataUnit = this.dataUnit;
+          this._currentDataUnitBuilder = this.dataUnitBuilder;
+      }
+    }
+    catch (error) {
+      throw new Error('There was an error while creating the data unit');
+    }
+  }
+  async loadAnexoSistema() {
+    var _a, _b;
+    this._currentDataUnit = new DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
+    this._currentFetcher = this.getAnexoSistemaFetcherInstance();
+    let gridValidateForm;
+    if (!this._currentDataUnit.metadata) {
+      await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
+      this.crudConfig = this.entityName ? { form: anexoSistemaCrudConfig === null || anexoSistemaCrudConfig === void 0 ? void 0 : anexoSistemaCrudConfig.form } : Object.assign({}, anexoSistemaCrudConfig);
+      gridValidateForm = { grid: anexoSistemaCrudConfig === null || anexoSistemaCrudConfig === void 0 ? void 0 : anexoSistemaCrudConfig.grid };
+    }
+    this.initDataUnitLoaders();
+    this._currentDataUnit.addFilterProvider({
+      getFilter: () => this._currentDataUnitBuilder.getFilters(this.registerKey)
+    });
+    this._currentDataUnit.addInterceptor({
+      interceptAction: (action) => this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement)
+    });
+    await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
+    this.disableEditFieldsNotInForm(gridValidateForm);
+  }
+  async loadAttach() {
+    var _a, _b;
+    this._currentFetcher = new AttachFetcher();
+    this._currentDataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
+    this._currentDataUnit.pageSize = 150;
+    let gridValidateForm;
+    this.initDataUnitLoaders();
+    this._currentDataUnit.addInterceptor({
+      interceptAction: (action) => {
+        var _a;
+        if (action.type === Action.METADATA_LOADED) {
+          this.crudConfig = this.entityName ? { form: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.form } : Object.assign({}, attachCrudConfig);
+          gridValidateForm = { grid: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.grid };
+          (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.updateConfig();
+        }
+        return this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement);
+      }
+    });
+    if (!this._currentDataUnit.metadata) {
+      await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
+      this.crudConfig = this.entityName ? { form: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.form } : Object.assign({}, attachCrudConfig);
+      gridValidateForm = { grid: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.grid };
+      await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData(undefined, undefined, true, this.registerKey));
+      this.disableEditFieldsNotInForm(gridValidateForm);
+    }
+  }
+  initDataUnitLoaders() {
+    var _a, _b;
+    if (this.fetcherType === "AnexoSistema") {
+      this._currentFetcher = this.getAnexoSistemaFetcherInstance();
+      this._currentDataUnitBuilder = new AnexoSistemaDataUnitFactory(this.entityName, this.getMessage.bind(this));
+      (_a = this._currentDataUnitBuilder) === null || _a === void 0 ? void 0 : _a.initLoaders(this._currentDataUnit, this._currentFetcher, this.returnToGridMode.bind(this));
+    }
+    if (this.fetcherType === "Attach") {
+      this._currentFetcher = new AttachFetcher();
+      this._currentDataUnitBuilder = new AttachFetcherDataUnitFactory(this.getMessage.bind(this));
+      (_b = this._currentDataUnitBuilder) === null || _b === void 0 ? void 0 : _b.initLoaders(this._currentDataUnit, this._currentFetcher, async () => {
+        this.returnToGridMode();
+        await this._currentDataUnit.loadData(undefined, undefined, true, this.registerKey);
+      });
+    }
+  }
+  disableEditFieldsNotInForm(gridValidateForm) {
+    var _a, _b, _c, _d, _e;
+    const gridColumns = ((_b = (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.gridConfig) === null || _b === void 0 ? void 0 : _b.columns) || ((_c = gridValidateForm === null || gridValidateForm === void 0 ? void 0 : gridValidateForm.grid) === null || _c === void 0 ? void 0 : _c.columns) || ((_e = (_d = this.crudConfig) === null || _d === void 0 ? void 0 : _d.grid) === null || _e === void 0 ? void 0 : _e.columns);
+    if (!!this.getGridLegacyConfigName()) {
+      this._currentDataUnit.disableField(LINKORFILE_COLUMN_NAME);
+    }
+    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach(column => {
+      var _a, _b;
+      const fieldName = column.name;
+      if (!((_b = (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.fields.some(field => (field === null || field === void 0 ? void 0 : field.name) === fieldName))) {
+        this._currentDataUnit.disableField(fieldName);
+      }
+    });
+  }
+  validateAnexoSistema() {
+    var _a;
+    if (this._currentFetcher instanceof AnexoSistemaFetcher) {
+      try {
+        let fields = this._currentDataUnit.getSelectedRecord();
+        fields = Object.assign(Object.assign({}, fields), { NOMEARQUIVO: (_a = fields.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0] });
+        this._currentFetcher.validateFields(fields);
+      }
+      catch (error) {
+        if (error.message === SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.title'), this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.message'));
+          return false;
+        }
+        if (error.message === SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.title'), this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.message'));
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+  async componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application) {
+      this._appResourceID = await this._application.getResourceID();
+    }
+    await this.initAttach();
+  }
+  // Removido: não inicializa DataUnit no ciclo de vida, apenas na abertura
+  async handleOnDataStateChange({ detail }) {
+    if (this.fetcherType !== 'Attach')
+      return;
+    if (!detail.insertionMode) {
+      this._currentDataUnit.disableField('DESCRICAO');
+    }
+    else {
+      this._currentDataUnit.enableField('DESCRICAO');
+    }
+    await this._currentDataUnit.loadMetadata();
+  }
+  ;
+  isScreenVariation() {
+    var _a;
+    return !!((_a = this._appResourceID) === null || _a === void 0 ? void 0 : _a.includes('__'));
+  }
+  getGridLegacyConfigName() {
+    if (this.isScreenVariation()) {
+      return undefined;
+    }
+    if (this.gridLegacyConfigName)
+      return this.gridLegacyConfigName;
+    return this.entityName ? GRID_LEGACY_CONFIG_NAME + "." + this.entityName : this.entityName;
+  }
+  render() {
+    var _a, _b;
+    return (h("ez-popup", { ref: (el) => this._refPopup = el, size: 'x-large', ezTitle: this.getMessage("snkAttach.title"), useHeader: false, autoClose: false, onEzClosePopup: () => this.close() }, this._isOpen && this._currentDataUnit && (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("section", null, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.handleBack() }), h("div", { class: "snk-attach__file-info" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))), h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })), h("div", { class: "snk-attach__crud-section" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true, configName: this.isScreenVariation() ? undefined : (this.entityName ? "AnexoSistema_" + this.entityName : undefined), ignoreReadOnlyFormFields: this.entityName ? true : false, gridLegacyConfigName: this.getGridLegacyConfigName(), outlineMode: true }))))));
+  }
+  static get watchers() { return {
+    "registerKey": ["registerKeyWatcher"]
+  }; }
+};
+SnkAttach.style = snkAttachCss;
+
+const snkDefaultFilterCss = ".sc-snk-default-filter-h{display:flex;justify-content:flex-end}.default_container.sc-snk-default-filter{border:none;background:none;display:flex;align-items:center;gap:var(--space--3xs, 4px);font-family:var(--font-pattern);color:var(--title--primary, #2b3a54);font-size:var(--text--medium, 14px);padding:0;outline:none}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter{cursor:pointer}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter:hover{color:var(--color--primary-600)}.new_filter.sc-snk-default-filter{cursor:pointer;margin:0 var(--space--3xs, 4px)}.new_filter.sc-snk-default-filter:hover{color:var(--color--primary-600)}";
+
+const SnkDefaultFilter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.actionSelected = createEvent(this, "actionSelected", 7);
+    this.OFFSET_HEIGHT = 5;
+    this.getMessage = undefined;
+    this.hasDefaultFilter = false;
+    this._opened = false;
+  }
+  repositionDropDown() {
+    if (!this._refIcon || !this._refDropdown) {
+      return;
+    }
+    const boundingIcon = this._refIcon.getBoundingClientRect();
+    const boundingDropDown = this._refDropdown.getBoundingClientRect();
+    this._refDropdown.style.top = (boundingIcon.y + boundingIcon.height + this.OFFSET_HEIGHT) + "px";
+    this._refDropdown.style.left = ((boundingIcon.x + (boundingIcon.width / 2)) - boundingDropDown.width) + "px";
+  }
+  toggleDropdown() {
+    this._opened = !this._opened;
+  }
+  closeDropdown(evt) {
+    const target = evt === null || evt === void 0 ? void 0 : evt.target;
+    if (!target) {
+      return;
+    }
+    if (!target.closest("#dropdown-parent-demo")) {
+      this._opened = false;
+    }
+  }
+  buildItems() {
+    return ([
+      {
+        id: ActionDefaultFilter.EDIT,
+        label: this.getMessage('defaultFilter.edit'),
+      },
+      {
+        id: ActionDefaultFilter.REMOVE,
+        label: this.getMessage('defaultFilter.remove'),
+      },
+    ]);
+  }
+  onValueSelected({ detail: item }) {
+    this._opened = false;
+    this.actionSelected.emit(item.id);
+  }
+  openCreateNewFilter() {
+    this.actionSelected.emit(ActionDefaultFilter.CREATE);
+  }
+  componentDidRender() {
+    this.repositionDropDown();
+  }
+  componentWillLoad() {
+    this._items = this.buildItems();
+    document.removeEventListener("scroll", this.repositionDropDown.bind(this));
+    document.addEventListener("scroll", this.repositionDropDown.bind(this));
+  }
+  render() {
+    if (!this.hasDefaultFilter) {
+      return (h(Host, null, h("button", { class: "default_container new_filter", onClick: this.openCreateNewFilter.bind(this) }, h("span", null, this.getMessage('defaultFilter.create')))));
+    }
+    return (h(Host, null, h("button", { class: "default_container", onClick: this.toggleDropdown.bind(this) }, h("span", null, this.getMessage('defaultFilter.title')), h("ez-icon", { ref: (ref) => this._refIcon = ref, iconName: 'dots-vertical' })), this._opened &&
+      h("ez-dropdown", { ref: (ref) => this._refDropdown = ref, items: this._items, onEzClick: this.onValueSelected.bind(this), onEzOutsideClick: this.closeDropdown.bind(this) })));
+  }
+};
+SnkDefaultFilter.style = snkDefaultFilterCss;
+
+const snkDynaformFormViewCss = ".sc-snk-dynaform-form-view-h{display:flex;flex-direction:column;width:100%;flex-wrap:wrap;background-color:var(--background--xlight);padding:var(--space--12, 12px);padding-right:0;border-radius:var(--border--radius-medium);border:1px solid var(--color--petroleum-100, #C8CCD3);--ez-form-card-summary-field-content-weight:700}ez-form-view.sc-snk-dynaform-form-view{padding-right:var(--space--12, 12px);--ez-form-view__item--padding:0;min-height:0;overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--color--strokes, #E1E2E5) transparent}ez-form-view.sc-snk-dynaform-form-view::-webkit-scrollbar{width:14px;height:14px}ez-form-view.sc-snk-dynaform-form-view::-webkit-scrollbar-track{background:transparent}ez-form-view.sc-snk-dynaform-form-view::-webkit-scrollbar-thumb{background-color:var(--color--strokes, #E1E2E5);border-radius:999px;border:2px solid transparent;background-clip:padding-box}ez-form-view.sc-snk-dynaform-form-view::-webkit-scrollbar-thumb:hover{background-color:var(--color--petroleum-100, #C8CCD3);background-clip:padding-box}ez-form-view.sc-snk-dynaform-form-view::-webkit-scrollbar-corner{background:transparent}.level-path.sc-snk-dynaform-form-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.summary-wrapper.sc-snk-dynaform-form-view{display:flex;overflow:hidden}.summary-header.sc-snk-dynaform-form-view{border-bottom:1px solid var(--color--strokes);margin-bottom:var(--space--medium);padding-bottom:var(--space--medium)}.summary-container.sc-snk-dynaform-form-view{display:flex;flex-direction:column}.summary-container.sc-snk-dynaform-form-view{padding-right:calc(var(--space--extra-large) / 1.5)}.summary-field.sc-snk-dynaform-form-view{min-width:30px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-field__title.sc-snk-dynaform-form-view{color:var(--text--primary, #626e82);font-size:var(--title--small);white-space:nowrap;font-weight:var(--text-weight--medium)}.summary-field__content.sc-snk-dynaform-form-view{color:var(--title--primary, #2b3a54);font-size:var(--text--large);font-weight:var(--ez-form-card-summary-field-content-weight)}";
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const SnkDynaformFormView = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.snkContentCardChanged = createEvent(this, "snkContentCardChanged", 7);
+    this.snkRequestClearFieldToFocus = createEvent(this, "snkRequestClearFieldToFocus", 7);
+    this._customEditors = new Map();
+    this._fieldProps = new Map();
+    this.dataUnitObserver = async (action) => {
+      var _a;
+      if (action.type === Action.RECORDS_COPIED) {
+        const sourcePK = this.buildSourceRecordPK(action);
+        (_a = this.getImageField()) === null || _a === void 0 ? void 0 : _a.forEach(async (field) => {
+          var _a;
+          (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.setFieldValue(field.name, JSON.stringify(sourcePK));
+        });
+      }
+    };
+    this.customUiBuilders = new Map([
+      [UserInterface.IMAGE, (_a) => {
+          var { name } = _a, props = __rest(_a, ["name"]);
+          return h("snk-image-input", Object.assign({ dataUnit: this.dataUnit, maxSize: Infinity, fieldName: name, entityName: this.entityPath }, props));
+        }
+      ]
+    ]);
+    this._singleColumn = false;
+    this._currentFormLayout = undefined;
+    this.fieldSearch = undefined;
+    this.label = undefined;
+    this.name = undefined;
+    this.fields = undefined;
+    this.formMetadata = undefined;
+    this.dataUnit = undefined;
+    this.recordsValidator = undefined;
+    this.fieldToFocus = undefined;
+    this.customEditors = undefined;
+    this.fieldsProps = undefined;
+    this.entityPath = undefined;
+  }
+  async showUp() {
+    var _a, _b;
+    if (this._formView) {
+      (_b = (_a = this._formView).showUp) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+  }
+  /**
+   * Registra um editor customizado para campos da grade e formulário
+   */
+  async addCustomEditor(fieldName, customEditor, detailContext) {
+    var _a, _b;
+    if (this._formView) {
+      (_b = (_a = this._formView).addCustomEditor) === null || _b === void 0 ? void 0 : _b.call(_a, fieldName, customEditor, detailContext);
+      return;
+    }
+    const newCustomEditors = new Map(this._customEditors);
+    newCustomEditors.set(fieldName, { customEditor, detailContext: detailContext !== null && detailContext !== void 0 ? detailContext : "" });
+    this._customEditors = newCustomEditors;
+  }
+  /**
+   * Altera/adiciona uma propriedade nos metadados do campo.
+   */
+  async setFieldProp(fieldName, propName, value) {
+    const props = this._fieldProps.get(fieldName) || [];
+    this._fieldProps.set(fieldName, [...props, { propName, value }]);
+  }
+  /**
+   * Exibe a busca de campos ancorada ao container de cabeçalho do snk-dynaform-form-view.
+   */
+  async showSearchField() {
+    if (!this._headerContainer || !this._ezPopoverFieldColumn)
+      return;
+    const container = this._headerContainer.getBoundingClientRect();
+    if (this.fieldSearch) {
+      await focusOnFieldSerch(this.fieldSearch);
+      this._ezPopoverFieldColumn.showUnder(this._headerContainer, { horizontalGap: container.width - (SEARCH_FIELD_FULL_WIDTH), verticalGap: container.height * -1 });
+    }
+  }
+  observePropsCustomEditor(newValue) {
+    for (const fieldName in newValue) {
+      this.addCustomEditor(fieldName, newValue[fieldName]);
+    }
+  }
+  async observeFieldsProps(newValue) {
+    for (const field in newValue) {
+      const fieldProps = newValue[field];
+      const propNames = Object.keys(fieldProps);
+      for (const propName of propNames) {
+        await this.setFieldProp(field, propName, fieldProps[propName]);
+      }
+    }
+  }
+  async observeDataUnit(newValue, oldValue) {
+    if (newValue !== oldValue && newValue) {
+      newValue.subscribe(this.dataUnitObserver);
+    }
+  }
+  bindFields(fields) {
+    var _a;
+    if (this._dataBinder == undefined && this.dataUnit != undefined) {
+      this._dataBinder = new DataBinder(this.dataUnit);
+    }
+    if (this._dataBinder && this.dataUnit && this.formMetadata) {
+      this._dataBinder.bind(fields, (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.dataUnitId, this.formMetadata, this.recordsValidator);
+    }
+  }
+  disconnectedCallback() {
+    if (this._dataBinder != undefined) {
+      this._dataBinder.onDisconnectedCallback();
+    }
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
+  }
+  async componentWillLoad() {
+    await this.initLayoutFormConfig();
+  }
+  componentDidLoad() {
+    if (this.customEditors) {
+      this.observePropsCustomEditor(this.customEditors);
+    }
+    if (this.fieldsProps) {
+      this.observeFieldsProps(this.fieldsProps);
+    }
+  }
+  async initLayoutFormConfig() {
+    const _application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    const layoutFormConfig = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
+    if (layoutFormConfig) {
+      this.setSingleColumn(layoutFormConfig);
+      this.registerNotifyListeners(layoutFormConfig);
+    }
+  }
+  setSingleColumn(layoutFormConfig) {
+    this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CASCADE || (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CLASSIC_CASCADE;
+    this._currentFormLayout = layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config;
+  }
+  registerNotifyListeners(layoutFormConfig) {
+    var _a;
+    if (!layoutFormConfig)
+      return;
+    (_a = layoutFormConfig.onConfigChange) === null || _a === void 0 ? void 0 : _a.call(layoutFormConfig, (config) => {
+      this._singleColumn = (config === FormLayout.CASCADE || config === FormLayout.CLASSIC_CASCADE);
+      this._currentFormLayout = config;
+    });
+  }
+  componentDidRender() {
+    var _a;
+    this.setCustomEditors();
+    this.setFieldProps();
+    if (!this.fieldToFocus) {
+      return;
+    }
+    if (!((_a = this.fields) === null || _a === void 0 ? void 0 : _a.some(item => item.name === this.fieldToFocus))) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      var _a, _b;
+      (_a = this._dataBinder) === null || _a === void 0 ? void 0 : _a.setFocus(this.fieldToFocus);
+      (_b = this.snkRequestClearFieldToFocus) === null || _b === void 0 ? void 0 : _b.emit();
+    });
+  }
+  setCustomEditors() {
+    var _a, _b;
+    if (!this._formView) {
+      return;
+    }
+    for (const [fieldName, customEditorProps] of this._customEditors) {
+      (_b = (_a = this._formView).addCustomEditor) === null || _b === void 0 ? void 0 : _b.call(_a, fieldName, customEditorProps.customEditor, customEditorProps.detailContext);
+      this._customEditors.delete(fieldName);
+    }
+  }
+  setFieldProps() {
+    if (!this._formView) {
+      return;
+    }
+    for (const [fieldName, propsToChange] of this._fieldProps) {
+      propsToChange.forEach(prop => {
+        var _a, _b;
+        (_b = (_a = this._formView).setFieldProp) === null || _b === void 0 ? void 0 : _b.call(_a, fieldName, prop.propName, prop.value);
+        this._fieldProps.delete(fieldName);
+      });
+    }
+  }
+  buildSourceRecordPK(action) {
+    var _a, _b, _c;
+    const currentRecord = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const sourceBase64 = currentRecord["__record__source__id__"];
+    const sourceRecord = JSON.parse(atob(sourceBase64 || ''));
+    delete sourceRecord["__DATA_UNIT_NAME__"];
+    if (!this.dataUnit) {
+      return {};
+    }
+    const pks = (_b = getPKs(this.dataUnit)) !== null && _b !== void 0 ? _b : {};
+    const pkFields = Object.keys(pks);
+    const filteredSourceRecord = {};
+    for (const pkField of pkFields) {
+      filteredSourceRecord[pkField] = (_c = sourceRecord[pkField]) === null || _c === void 0 ? void 0 : _c.value;
+    }
+    return filteredSourceRecord;
+  }
+  getImageField() {
+    var _a;
+    return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.metadata.fields.filter(field => field.userInterface === UserInterface.IMAGE);
+  }
+  render() {
+    return (h(Host, null, h("slot", null), h("ez-form-view", { ref: (ref) => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), singleColumn: this._singleColumn, customUiBuilders: this.customUiBuilders, formLayout: this._currentFormLayout }), this.fieldSearch && h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
+  }
+  static get watchers() { return {
+    "customEditors": ["observePropsCustomEditor"],
+    "fieldsProps": ["observeFieldsProps"],
+    "dataUnit": ["observeDataUnit"]
+  }; }
+};
+SnkDynaformFormView.style = snkDynaformFormViewCss;
+
+const snkFilterAdvancedModeCss = ".sc-snk-filter-advanced-mode-h{display:block;--snk-personalized-filter--title--color:var(--title--primary, #2B3A54)}.snk-filter-advanced-mode__title.sc-snk-filter-advanced-mode{color:var(--snk-personalized-filter--title--color)}";
+
+const SnkFilterAdvancedMode = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezExpressionChange = createEvent(this, "ezExpressionChange", 7);
+    this.filterAssistent = undefined;
+    this.application = undefined;
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("span", { class: "ez-title ez-title--small ez-padding-bottom--small snk-filter-advanced-mode__title" }, this.getMessage("snkPersonalizedFilter.info.applyExpression")), h("ez-text-area", { rows: 9, label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.expression, onEzChange: (evt) => this.ezExpressionChange.emit(evt.detail) })));
+  }
+};
+SnkFilterAdvancedMode.style = snkFilterAdvancedModeCss;
+
+const snkFilterAssistentModeCss = ".sc-snk-filter-assistent-mode-h{display:flex;flex-direction:column;height:100%;--text-area--font-family:var(--font-pattern, Arial);--text-area__label--floating--top:var(--space--small, 6px);--snk-filter-assistent-mode__container--border-radius:var(--border--radius-medium, 12px);--snk-filter-assistent-mode__container--background:var(--background--medium, #f0f3f7);--snk-filter-assistent-mode__container--margin:var(--space--small, 6px) var(--space--medium, 12px)}.ez-box__container--external.sc-snk-filter-assistent-mode{height:100px;width:100%;overflow-y:auto;background-color:var(--snk-filter-assistent-mode__container--background);border-radius:var(--snk-filter-assistent-mode__container--border-radius)}.ez-box__container--internal.sc-snk-filter-assistent-mode{margin:var(--snk-filter-assistent-mode__container--margin)}.ez-box__container--title.sc-snk-filter-assistent-mode{display:block;user-select:none;font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--title--primary);top:var(--text-area__label--floating--top)}.ez-box__container--expression.sc-snk-filter-assistent-mode{display:block;font-family:var(--text-area--font-family);font-size:var(--text--medium);color:var(--title--primary);top:var(--text-area__label--floating--top)}.snk-personalized-filter__expression-input--line.sc-snk-filter-assistent-mode{width:100%;height:2px;background-color:var(--snk-personalized-filter--background-color-line);margin-top:var(--snk-personalized-filter--margin-line);margin-bottom:var(--snk-personalized-filter--margin-line)}";
+
+const SnkFilterAssistentMode = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezChangeFilter = createEvent(this, "ezChangeFilter", 7);
+    this.filterAssistent = undefined;
+    this.messagesBuilder = undefined;
+    this.filterId = undefined;
+    this.entityUri = undefined;
+    this.application = undefined;
+    this.isDefaultFilter = false;
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  async handleFilterGroupChange() {
+    const assistent = await this._mainExpressionGroup.getExpressionGroup();
+    this.filterAssistent = Object.assign(Object.assign({}, this.filterAssistent), { assistent });
+    this.filterAssistent.parameters = PersonalizedFilterUtils.buildVariableParameters(this.filterAssistent.assistent);
+    this.filterAssistent.expression = PersonalizedFilterUtils.buildGroupExpression(this.filterAssistent.assistent);
+    this.ezChangeFilter.emit(this.filterAssistent);
+  }
+  render() {
+    var _a, _b;
+    return (h(Host, null, h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, h("snk-expression-group", { ref: (el) => this._mainExpressionGroup = el, group: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent, messagesBuilder: this.messagesBuilder, onEzFilterGroupChange: this.handleFilterGroupChange.bind(this), filterId: this.filterId, entityURI: this.entityUri, isDefaultFilter: this.isDefaultFilter })), h("div", { class: "ez-margin-top--auto" }, h("div", { class: "snk-personalized-filter__expression-input--line" }), h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, h("div", { class: "ez-box" }, h("div", { class: "ez-box__container--external" }, h("div", { class: "ez-box__container--internal" }, h("span", { class: "ez-box__container--title" }, this.getMessage("snkPersonalizedFilter.info.labelExpression")), h("span", { class: "ez-box__container--expression" }, (_b = this.filterAssistent) === null || _b === void 0 ? void 0 : _b.expression))))))));
+  }
+};
+SnkFilterAssistentMode.style = snkFilterAssistentModeCss;
+
+const SnkFilterDetail = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.filterChange = createEvent(this, "filterChange", 7);
+    this.config = undefined;
+    this.getMessage = undefined;
+    this.showHardFixed = true;
+    this.removalBlocked = false;
+  }
+  /**
+   * Define o foco no campo do editor.
+   */
+  async setFocusField() {
+    var _a, _b, _c, _d;
+    if (!this._editor) {
+      return;
+    }
+    if (this._editor["setFocus"]) {
+      (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["setFocus"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    else if (this._editor["focus"]) {
+      (_d = (_c = this._editor) === null || _c === void 0 ? void 0 : _c["focus"]) === null || _d === void 0 ? void 0 : _d.call(_c);
+    }
+  }
+  async clearValue() {
+    if (!this._editor) {
+      return;
+    }
+    if (this._editor["clearValue"]) {
+      await this._editor["clearValue"]();
+    }
+  }
+  observeConfig(newValue) {
+    var _a, _b;
+    this._editor && (this._editor["config"] = newValue);
+    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["reloadList"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+    this._customElementObject = this.getContentEditor();
+  }
+  componentDidLoad() {
+    if (this._element) {
+      ElementIDUtils.addIDInfo(this._element);
+      const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
+      this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
+    }
+  }
+  changeConfig(newConfig) {
+    this.filterChange.emit(newConfig);
+  }
+  getContentEditor() {
+    switch (this.config.type) {
+      case FilterItemType.BINARY_SELECT:
+        return { tag: "snk-filter-binary-select" };
+      case FilterItemType.MULTI_SELECT:
+        return { tag: "snk-filter-multi-select" };
+      case FilterItemType.PERIOD:
+        return { tag: "snk-filter-period" };
+      case FilterItemType.SEARCH:
+        return { tag: "snk-filter-search" };
+      case FilterItemType.NUMBER:
+        return { tag: "snk-filter-number" };
+      case FilterItemType.PERSONALIZED:
+        const snkFilterPersonalizedProps = {
+          tag: "snk-personalized-filter-editor", props: {
+            presentationMode: EPresentationMode.CHIP,
+            onValueChanged: evt => this.handleValueChanged(evt),
+          }
+        };
+        return snkFilterPersonalizedProps;
+      case FilterItemType.CHECK_BOX_LIST:
+        return {
+          tag: "snk-filter-checkbox-list",
+          props: {
+            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
+          }
+        };
+      case FilterItemType.MULTI_LIST:
+        return {
+          tag: "snk-entity-list",
+          props: {
+            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
+          }
+        };
+    }
+    return { tag: "snk-filter-text" };
+  }
+  handleValueChanged({ detail }) {
+    const groupedItems = (detail === null || detail === void 0 ? void 0 : detail.items) || this.config.groupedItems;
+    this.config = Object.assign(Object.assign({}, this.config), { groupedItems, visible: (groupedItems || []).filter(item => item.visible).length > 0 });
+  }
+  removeItem() {
+    const hasMultiValues = this.config.type === FilterItemType.MULTI_LIST && Array.isArray(this.config.value);
+    const newValue = hasMultiValues ? this.config.value.map((valueItem) => (Object.assign(Object.assign({}, valueItem), { check: false }))) : undefined;
+    const removedConfig = Object.assign(Object.assign({}, this.config), { visible: false, fixed: false, value: newValue });
+    if (removedConfig.groupedItems != undefined) {
+      removedConfig.groupedItems = removedConfig.groupedItems.map(item => (Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined })));
+    }
+    this.changeConfig(removedConfig);
+  }
+  removeItemFromGroup(item) {
+    return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
+  }
+  getPopUpHeaderButtons() {
+    return (h(Fragment, null, !this.removalBlocked && !this.config.removalBlocked &&
+      this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
+      this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
+  }
+  buildIcon(title, iconName, action) {
+    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);
+  }
+  clearBinarySelectValues() {
+    var _a;
+    const editor = this._editor || {};
+    (_a = editor.resetValues) === null || _a === void 0 ? void 0 : _a.call(editor);
+    this.config = ObjectUtils.copy(this.originalConfig);
+    this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
+  }
+  async apply() {
+    var _a, _b;
+    // Aguarda o valor resolvido do editor (SEARCH) em vez de ler o cru — evita filtro sem valor.
+    let editorValue = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["value"];
+    if (typeof ((_b = this._editor) === null || _b === void 0 ? void 0 : _b["getValueAsync"]) === "function") {
+      editorValue = await this._editor["getValueAsync"]();
+    }
+    const isValid = PersonalizedFilterUtils.validateVariableValues(this.config, editorValue);
+    if (!isValid) {
+      return ApplicationUtils.alert(this.getMessage('snkFilterBar.filterModal.validations.notFullFilled.title'), this.getMessage('snkFilterBar.filterModal.validations.notFullFilled.message'));
+    }
+    const valuesArray = editorValue !== undefined ? editorValue : this.config.value;
+    this.changeConfig(Object.assign(Object.assign({}, this.config), { visible: this.isVisible(), value: valuesArray }));
+  }
+  isVisible() {
+    if (this.config.groupedItems && this.config.groupedItems.length > 0) {
+      return this.config.groupedItems.filter(item => item.visible).length > 0;
+    }
+    return true;
+  }
+  clear() {
+    var _a;
+    if (this.config.type === FilterItemType.BINARY_SELECT) {
+      this.clearBinarySelectValues();
+      return;
+    }
+    if (FilterItemType.MULTI_LIST === this.config.type) {
+      const configCopy = ObjectUtils.copy(this.config);
+      (_a = configCopy.value) === null || _a === void 0 ? void 0 : _a.forEach(value => !!value && (value.check = false));
+      this.config = ObjectUtils.copy(configCopy);
+      return;
+    }
+    this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
+  }
+  filterCanBeCleared() {
+    return this.config.type !== FilterItemType.PERSONALIZED;
+  }
+  onKeyDonwListener(event) {
+    if (event.key === "Enter") {
+      this.apply();
+    }
+  }
+  buildRightSlot(item) {
+    return h("ez-icon", { iconName: "delete", onClick: () => this.removeValueFromConfig(item) });
+  }
+  removeValueFromConfig(item) {
+    var _a, _b;
+    if (this.config) {
+      const configCopy = ObjectUtils.copy(this.config);
+      const index = (_a = configCopy.value) === null || _a === void 0 ? void 0 : _a.findIndex(i => (i === null || i === void 0 ? void 0 : i.id) === item.id);
+      (_b = configCopy.value) === null || _b === void 0 ? void 0 : _b.splice(index, 1);
+      this.config = ObjectUtils.copy(configCopy);
+    }
+  }
+  componentWillLoad() {
+    this.originalConfig = ObjectUtils.copy(this.config);
+    this._customElementObject = this.getContentEditor();
+  }
+  render() {
+    const { tag: CustomElement, props } = this._customElementObject;
+    return (h(Host, null, h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), h(CustomElement, Object.assign({ maxHeightList: '240px', ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage, rightListSlotBuilder: item => this.buildRightSlot(item) }, props)), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
+  }
+  get _element() { return getElement(this); }
+  static get watchers() { return {
+    "config": ["observeConfig"]
+  }; }
+};
+
+const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";
+
+const SnkFilterModalItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.filterChange = createEvent(this, "filterChange", 7);
+    this.editPersonalizedFilter = createEvent(this, "editPersonalizedFilter", 7);
+    this.addPersonalizedFilter = createEvent(this, "addPersonalizedFilter", 7);
+    this.filterItem = undefined;
+    this.configName = undefined;
+    this.resourceID = undefined;
+  }
+  getContentEditorConfig() {
+    const props = { presentationMode: EPresentationMode.MODAL };
+    switch (this.filterItem.type) {
+      case FilterItemType.BINARY_SELECT:
+        return { tag: "snk-filter-binary-select", props };
+      case FilterItemType.MULTI_SELECT:
+        return { tag: "snk-filter-multi-select" };
+      case FilterItemType.PERIOD:
+        return { tag: "snk-filter-period", props };
+      case FilterItemType.SEARCH:
+        return { tag: "snk-filter-search" };
+      case FilterItemType.NUMBER:
+        return { tag: "snk-filter-number", props };
+      case FilterItemType.PERSONALIZED:
+        return this.buildSnkFilterPersonalizedProps();
+      case FilterItemType.CHECK_BOX_LIST:
+        return { tag: "snk-filter-checkbox-list", props };
+      case FilterItemType.MULTI_LIST:
+        return { tag: "snk-entity-list", props: { maxHeightList: "640px", rightListSlotBuilder: item => this.buildRightSlot(item) } };
+    }
+    return { tag: "snk-filter-text" };
+  }
+  buildSnkFilterPersonalizedProps() {
+    return {
+      tag: "snk-personalized-filter-editor", props: {
+        onEditFilter: (event) => this.editPersonalizedFilter.emit(event.detail),
+        onAddFilter: () => this.addPersonalizedFilter.emit(),
+      }
+    };
+  }
+  isVisible(newValue) {
+    return !this.filterItem.visible ? newValue !== undefined : true;
+  }
+  updateFilterValue(data) {
+    var _a, _b;
+    const newValue = (data === null || data === void 0 ? void 0 : data.value) !== undefined ? data.value : data;
+    if (this.filterItem.groupedItems != undefined) {
+      this.filterItem = Object.assign(Object.assign({}, this.filterItem), { visible: newValue > 0, value: newValue, groupedItems: data.items });
+    }
+    else {
+      this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === (FilterItemType.SEARCH || FilterItemType.CHECK_BOX_LIST) ? data : newValue, visible: this.isVisible(newValue) });
+    }
+    this._editor && (this._editor["config"] = this.filterItem);
+    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a['reloadList']) === null || _b === void 0 ? void 0 : _b.call(_a);
+    this.filterChange.emit(this.filterItem);
+  }
+  // Resolve o valor do editor (SEARCH) sob demanda — no modal a resolução via ezChange pode
+  // não ter concluído; o "Aplicar" do modal chama isto antes de montar os filtros.
+  async syncEditorValue() {
+    const editor = this._editor;
+    if (editor && typeof editor.getValueAsync === "function") {
+      const resolved = await editor.getValueAsync();
+      // Editor SEARCH vazio resolve para undefined — nada a sincronizar (evita crash em
+      // updateFilterValue ao acessar data.items).
+      if (resolved != null) {
+        this.updateFilterValue(resolved);
+      }
+    }
+  }
+  handleDeleteFilter(filter, filterItemType) {
+    if (filterItemType === FilterItemType.PERSONALIZED) {
+      ConfigStorage.removePersonalizedFilter(filter, this.resourceID, this.configName);
+    }
+  }
+  componentDidLoad() {
+    if (this._element) {
+      ElementIDUtils.addIDInfo(this._element);
+      const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
+      this._idContentEditor = `${dataElementIdDoFilterItem}_${this.filterItem.id}`;
+    }
+  }
+  buildRightSlot(item) {
+    return (h("ez-icon", { iconName: "delete", onClick: () => this.removeValueFromConfig(item) }));
+  }
+  removeValueFromConfig(item) {
+    var _a, _b, _c;
+    const index = (_b = (_a = this.filterItem) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.findIndex(({ id }) => id === item.id);
+    const filterItemCopy = ObjectUtils.copy(this.filterItem);
+    (_c = filterItemCopy === null || filterItemCopy === void 0 ? void 0 : filterItemCopy.value) === null || _c === void 0 ? void 0 : _c.splice(index, 1);
+    this.updateFilterValue(filterItemCopy.value);
+  }
+  canShowDetailModal() {
+    const { CUSTOM_FILTER, OTHER_FILTERS } = FilterType;
+    return ![CUSTOM_FILTER, OTHER_FILTERS].includes(this.filterItem.filterType) && this.filterItem.type !== FilterItemType.BINARY_SELECT;
+  }
+  render() {
+    const { tag: ContentEditor, props } = this.getContentEditorConfig();
+    return (h(Host, null, h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin-bottom--extra-small", htmlFor: `filter-item-${this.filterItem.id}` }, this.filterItem.detailModal)), h(ContentEditor, Object.assign({ ref: ref => this._editor = ref, id: `filter-item-${this.filterItem.id}`, config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, props)))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkFilterModalItem.style = snkFilterModalItemCss;
+
+const snkImageInputCss = ":host{display:block}";
+
+const SnkImageInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.imageError = createEvent(this, "imageError", 7);
+    this.dataUnitObserver = async (action) => {
+      var _a;
+      const actionsMoveSelection = [Action.NEXT_SELECTED, Action.PREVIOUS_SELECTED];
+      if (actionsMoveSelection.includes(action.type)) {
+        await this.loadImage();
+        return;
+      }
+      const selection = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.selection) || [];
+      if (action.type === Action.SELECTION_CHANGED && selection.length > 0) {
+        await this.loadImage();
+        return;
+      }
+      if (action.type === Action.RECORDS_ADDED) {
+        await this.clearImage();
+        return;
+      }
+      if (action.type === Action.EDITION_CANCELED) {
+        await this.loadImage();
+        return;
+      }
+    };
+    this.dataUnit = undefined;
+    this.fieldName = undefined;
+    this.entityName = undefined;
+    this.enabled = true;
+    this.acceptType = undefined;
+    this.maxSize = undefined;
+    this.label = undefined;
+    this.imageValue = undefined;
+    this.loading = true;
+  }
+  /**
+   * Força o reload da imagem
+   */
+  async reloadImage(pks) {
+    await this.loadImage(pks);
+  }
+  getMessage(key, params) {
+    if (!this.messagesBuilder) {
+      this.messagesBuilder = new SnkMessageBuilder();
+    }
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async clearImage() {
+    var _a;
+    (_a = this._loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+    this.imageValue = undefined;
+  }
+  async handleImageChange(event) {
+    const base64 = event.detail;
+    if (!base64) {
+      await this.clearImage();
+      await this.updatedataUnitField(true);
+      return;
+    }
+    const blob = await base64ToBlob(base64);
+    if (this.maxSize && blob.size > this.maxSize * 1024) {
+      const errorMsg = this.getMessage('snkImageInput.errorImageSize') + this.maxSize + '(KB)';
+      this.imageError.emit(errorMsg);
+      if (this.application) {
+        await this.application.error(this.getMessage('snkImageInput.errorTitle'), errorMsg);
+      }
+      return;
+    }
+    this.imageValue = base64;
+    await sessionFileUpload(blob, this.entityName, this.fieldName);
+    await this.updatedataUnitField();
+  }
+  async updatedataUnitField(deleted = false) {
+    if (!this.dataUnit || !this.dataUnit.getSelectedRecord()) {
+      return;
+    }
+    if (deleted) {
+      await this.dataUnit.setFieldValue(this.fieldName, 'deletado');
+    }
+    else {
+      await this.dataUnit.setFieldValue(this.fieldName, `$file.session.key{${buildFileKey(this.entityName, this.fieldName)}}`);
+    }
+  }
+  async handleImageError(event) {
+    this.imageError.emit(event.detail);
+    if (this.application) {
+      await this.application.error(this.getMessage('snkImageInput.errorTitle'), event.detail);
+    }
+  }
+  getPksFromDataUnit() {
+    if (!this.dataUnit) {
+      return undefined;
+    }
+    const selectedRecord = this.dataUnit.getSelectedRecord();
+    if (!selectedRecord) {
+      return undefined;
+    }
+    const fieldValue = selectedRecord[this.fieldName];
+    if (!fieldValue) {
+      return undefined;
+    }
+    try {
+      const pk = JSON.parse(fieldValue);
+      return pk;
+    }
+    catch (error) {
+      console.error('Error parsing PK from data unit field:', error);
+      return undefined;
+    }
+  }
+  async loadImage(pks) {
+    var _a, _b;
+    (_a = this._loadAbortController) === null || _a === void 0 ? void 0 : _a.abort();
+    const controller = new AbortController();
+    this._loadAbortController = controller;
+    this.loading = true;
+    if (this.dataUnit && this.entityName) {
+      pks = (_b = pks !== null && pks !== void 0 ? pks : this.getPksFromDataUnit()) !== null && _b !== void 0 ? _b : getPKs(this.dataUnit);
+      const image = await downloadImage(pks, this.fieldName, this.entityName, controller.signal);
+      if (controller.signal.aborted)
+        return;
+      this.imageValue = image;
+    }
+    this.loading = false;
+  }
+  async componentWillLoad() {
+    this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (!this.messagesBuilder) {
+      this.messagesBuilder = new SnkMessageBuilder();
+    }
+    if (this.dataUnit) {
+      this.dataUnit.subscribe(this.dataUnitObserver);
+    }
+  }
+  disconnectedCallback() {
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
+  }
+  async componentDidLoad() {
+    await this.loadImage();
+  }
+  render() {
+    return (h(Host, null, h("ez-image-input", { enabled: this.enabled, label: this.label, name: this.fieldName, value: this.imageValue, maxFileSize: this.maxSize ? this.maxSize * 1024 : undefined, accept: this.acceptType || 'image/png,image/jpeg,image/gif', onEzChange: (e) => this.handleImageChange(e), onEzError: (e) => this.handleImageError(e), loading: this.loading })));
+  }
+};
+SnkImageInput.style = snkImageInputCss;
+
+const snkPersonalizedFilterCss = ".sc-snk-personalized-filter-h{display:flex;height:100%;padding:var(--space--large, 24px);--snk-personalized-filter--width:100%;--snk-personalized-filter--height:100%;--snk-personalized-filter--background-color-line:var(--color--disable-secondary);--snk-personalized-filter--margin-line:var(--border--radius-medium, 12px)}.snk-personalized-filter.sc-snk-personalized-filter{height:var(--snk-personalized-filter--width);width:var(--snk-personalized-filter--height)}.snk-personalized-filter__header-actions.sc-snk-personalized-filter{display:flex;gap:var(--space--medium)}.snk-personalized-filter__group.sc-snk-personalized-filter{flex:1}.snk-personalized-filter__expression-input--line.sc-snk-personalized-filter{width:100%;height:2px;background-color:var(--snk-personalized-filter--background-color-line);margin-top:var(--snk-personalized-filter--margin-line);margin-bottom:var(--snk-personalized-filter--margin-line)}.ez-box__main.sc-snk-personalized-filter{height:90%}.snk-personalized-filter__button-mode.sc-snk-personalized-filter{height:35px}";
+
+const SnkPersonalizedFilter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezCancel = createEvent(this, "ezCancel", 7);
+    this.ezSave = createEvent(this, "ezSave", 7);
+    this.ezAfterSave = createEvent(this, "ezAfterSave", 7);
+    this._personalizedFilterFetcher = new PersonalizedFilterFetcher();
+    this._filterMetadataStorage = new Map();
+    this._dataSourceFetcher = {
+      fetchData: async (entity) => {
+        let entityURI = entity === null || entity === void 0 ? void 0 : entity.uri;
+        if (StringUtils.isEmpty(entityURI)) {
+          entityURI = this.entityUri;
+        }
+        if (!this._filterMetadataStorage.has(entityURI)) {
+          const filterMetadata = await this._personalizedFilterFetcher.loadFields(entityURI);
+          this._filterMetadataStorage.set(entityURI, filterMetadata);
+        }
+        return this._filterMetadataStorage.get(entityURI);
+      }
+    };
+    this._filterAssistentMode = true;
+    this._filterAssistent = undefined;
+    this.messagesBuilder = undefined;
+    this.entityUri = undefined;
+    this.filterId = undefined;
+    this.configName = undefined;
+    this.resourceID = undefined;
+    this.isDefaultFilter = false;
+  }
+  /**
+   * Cria um novo filtro personalizado caso não exista nenhum.
+   * @method
+   * @returns {Promise<void>}
+   */
+  async createPersonalizedFilter() {
+    const newPersonalizedFilter = {
+      name: "",
+      active: true,
+      expression: "",
+      parameters: [],
+      assistent: {
+        id: StringUtils.generateUUID(),
+        items: [
+          {
+            id: StringUtils.generateUUID(),
+            entityName: "",
+            fieldName: "",
+            description: "",
+            fieldLabel: this.getMessage("snkPersonalizedFilter.info.labelDefaultValue"),
+            type: undefined,
+            expression: undefined,
+            operand: undefined,
+            paramVariable: false,
+            value: undefined,
+            systemConfig: null,
+            userConfig: null
+          }
+        ],
+        childrenGroups: [],
+        operand: FilterGroupCondition.AND
+      }
+    };
+    if (this.isDefaultFilter) {
+      this.buildDataDefaultFilter(newPersonalizedFilter);
+    }
+    this._originalFilterAssistent = ObjectUtils.copy(newPersonalizedFilter);
+    this._filterAssistent = ObjectUtils.copy(newPersonalizedFilter);
+  }
+  /**
+   * Carrega o filtro personalizado com base no identificador informado.
+   * @watch filterId
+   * @param newValue Novo valor do filtroId.
+   * @param oldValue Valor anterior do filtroId.
+   */
+  loadFilter(newValue, oldValue) {
+    if (newValue == null || oldValue == newValue || this.resourceID == undefined) {
+      return;
+    }
+    if (newValue === DefaultFilter.id) {
+      ConfigStorage.loadDefaultFilter(newValue, this.resourceID, this.configName)
+        .then((resp) => {
+        const personalizedFilter = this.applyDefaultValues(resp);
+        this._filterAssistent = personalizedFilter;
+        this._originalFilterAssistent = ObjectUtils.copy(personalizedFilter);
+        this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
+      });
+      return;
+    }
+    ConfigStorage.loadPersonalizedFilter(newValue, this.resourceID, this.configName)
+      .then((resp) => {
+      const personalizedFilter = this.applyDefaultValues(resp);
+      this._filterAssistent = personalizedFilter;
+      this._originalFilterAssistent = ObjectUtils.copy(personalizedFilter);
+      this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
+    });
+  }
+  componentWillLoad() {
+    var _a;
+    if (store.get(`filterFieldsDataSource.${this.entityUri}`) == undefined) {
+      store.set(`filterFieldsDataSource.${this.entityUri}`, this._dataSourceFetcher);
+    }
+    if (!this.messagesBuilder) {
+      this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      this.messagesBuilder = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder;
+    }
+    this.loadFilter(this.filterId, undefined);
+  }
+  componentDidRender() {
+    var _a;
+    (_a = this._viewStackRef) === null || _a === void 0 ? void 0 : _a.show(this._filterAssistentMode ? 0 : 1);
+    if (this._elButtonMode) {
+      this._elButtonMode.setAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME, ElementIDUtils.getInternalIDInfo(`${this._filterAssistentMode ? "advancedMode_ezButton" : "assistentMode_ezButton"}`));
+    }
+  }
+  buildDataDefaultFilter(data) {
+    data.name = DefaultFilter.name;
+    data.id = DefaultFilter.id;
+  }
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  async saveFilter() {
+    let response;
+    if (this.isDefaultFilter) {
+      response = await ConfigStorage.saveDefaultFilter(this._filterAssistent, this.resourceID, this.configName);
+    }
+    else {
+      response = await ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
+    }
+    this._elButtonSave.enabled = false;
+    const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
+    ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
+    const updatedFilterAssistent = Object.assign(Object.assign({}, response), this._filterAssistent);
+    updatedFilterAssistent.parameters = PersonalizedFilterUtils.buildVariableParameters(this._filterAssistent.assistent);
+    this._originalFilterAssistent = ObjectUtils.copy(updatedFilterAssistent);
+    this._filterAssistent = ObjectUtils.copy(updatedFilterAssistent);
+    this.ezAfterSave.emit();
+  }
+  removeFilter() {
+    ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
+  }
+  hasChangesToSave() {
+    return JSON.stringify(this._filterAssistent) === JSON.stringify(this._originalFilterAssistent);
+  }
+  async handleSave() {
+    if (this._filterAssistentMode) {
+      const isValid = PersonalizedFilterUtils.validateFields(this._filterAssistent.assistent);
+      if (!isValid || !this._filterAssistent.name)
+        return this._application.error(this.getMessage("snkPersonalizedFilter.error.title"), this.getMessage("snkPersonalizedFilter.error.description"));
+      this.saveAssistentMode();
+    }
+    else {
+      if (!this._filterAssistent.expression || !this._filterAssistent.name)
+        return this._application.error(this.getMessage("snkPersonalizedFilter.error.title"), this.getMessage("snkPersonalizedFilter.error.description"));
+      const isValidExpressionForAdvancedMode = await this.validateExpressionBeforeSaving();
+      if (!isValidExpressionForAdvancedMode)
+        return;
+      this.saveAdvancedMode();
+    }
+  }
+  saveAssistentMode() {
+    const { assistent, expression } = this._filterAssistent;
+    const expressionQuery = !!assistent ? PersonalizedFilterUtils.buildGroupExpression(assistent) : expression;
+    this._filterAssistent.expression = expressionQuery;
+    this.ezSave.emit(expressionQuery);
+    this.saveFilter();
+  }
+  saveAdvancedMode() {
+    if (this._originalFilterAssistent.expression !== this._filterAssistent.expression && this._filterAssistent.assistent) {
+      ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmSaveModeAdvanced.title"), this.getMessage("snkPersonalizedFilter.confirmSaveModeAdvanced.description"))
+        .then((confirm) => {
+        if (!confirm)
+          return;
+        this.saveAndTransformToAdvancedMode();
+      });
+    }
+    else if (!this._filterAssistent.assistent) {
+      this.saveAndTransformToAdvancedMode();
+    }
+    else {
+      this.saveAssistentMode();
+    }
+  }
+  saveAndTransformToAdvancedMode() {
+    this._filterAssistent.assistent = undefined;
+    this.ezSave.emit(this._filterAssistent.expression);
+    this.saveFilter();
+  }
+  async validateExpressionBeforeSaving() {
+    const { valid, message = "" } = await this._personalizedFilterFetcher.validatePersonalizedFilter(this.entityUri, this._filterAssistent.expression);
+    valid || this._application.error(this.getMessage("snkPersonalizedFilter.errorValidation.title"), message.replace(/.*Exception: /, ''));
+    return valid;
+  }
+  handleCancel() {
+    if (this.hasChangesToSave()) {
+      return this.ezCancel.emit();
+    }
+    ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmCancel.title"), this.getMessage("snkPersonalizedFilter.confirmCancel.description"))
+      .then((canCancel) => {
+      var _a;
+      if (!canCancel)
+        return;
+      this._filterAssistent = ObjectUtils.copy((_a = this._originalFilterAssistent) !== null && _a !== void 0 ? _a : {});
+      this.ezCancel.emit();
+      this._elButtonSave.enabled = false;
+    });
+  }
+  handleTitleChange(name) {
+    this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { name });
+    this._elButtonSave.enabled = !this.hasChangesToSave();
+  }
+  applyDefaultValues(personalizedFilter) {
+    this.addLabelToItems(personalizedFilter);
+    this.addFilterGroupCondition(personalizedFilter);
+    return personalizedFilter;
+  }
+  addFilterGroupCondition(personalizedFilter) {
+    if (personalizedFilter.assistent && !personalizedFilter.assistent.operand) {
+      personalizedFilter.assistent.operand = FilterGroupCondition.AND;
+    }
+  }
+  ;
+  addLabelToItems(personalizedFilter) {
+    //Workaround: Alguns filtros foram salvos sem o fieldLabel. Para evitar transtornos
+    //tentamos usar o fieldLabel que pode estar informado no parametro.
+    if (personalizedFilter.assistent && personalizedFilter.assistent.items && personalizedFilter.assistent.items.length > 0) {
+      personalizedFilter.assistent.items.forEach(item => {
+        if (item.fieldLabel == undefined) {
+          const param = (personalizedFilter.parameters || []).find(param => param.fieldName === item.fieldName);
+          if (param) {
+            item.fieldLabel = param.label;
+          }
+        }
+      });
+    }
+  }
+  handleExpressionChangeAdvancedMode(expression) {
+    this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { expression });
+    this._elButtonSave.enabled = !this.hasChangesToSave();
+  }
+  handleChangeFilterAssistentMode(filterAssistent) {
+    this._elButtonSave.enabled = !this.hasChangesToSave();
+    this._filterAssistent = Object.assign({}, filterAssistent);
+  }
+  selectField(fieldName) {
+    if (!('name' in fieldName))
+      return;
+    const fieldExpression = this.buildExpression(fieldName.entityName, fieldName.name, fieldName.entityPath);
+    const textAreaElement = this._elAdvancedMode.querySelector('ez-text-area');
+    textAreaElement.appendTextToSelection(fieldExpression);
+  }
+  buildExpression(entityName, fieldName, entityPath) {
+    if (entityPath.length > 0) {
+      entityPath.shift();
+    }
+    return entityPath.length > 0 ? `${entityPath.join("->")}->${fieldName}` : `${entityName}.${fieldName}`;
+  }
+  onAddField(target) {
+    const textAreaElement = this._elAdvancedMode.querySelector('ez-text-area');
+    const options = { horizontalGap: 0, verticalGap: 12, fromRight: true };
+    textAreaElement.setFocus();
+    target.setBlur();
+    if (this._elFilterFieldSearch)
+      this._elFilterFieldSearch.show(target, options);
+  }
+  renderButtonAddField() {
+    if (this._filterAssistentMode)
+      return;
+    return (h(Fragment, null, h("ez-button", { class: "snk-personalized-filter__button-mode", label: this.getMessage("snkPersonalizedFilter.info.addField"), enabled: true, onClick: (evt) => this.onAddField(evt.target) }, h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: "plus" })), h("snk-filter-field-search", { class: "ez-padding-left--medium", ref: ref => this._elFilterFieldSearch = ref, onEzSelectFilterItem: (evt) => this.selectField(evt.detail), fieldsDataSource: this._dataSourceFetcher })));
+  }
+  buildContainerPersonalizedFilter() {
+    return (h("ez-view-stack", { ref: (ref) => this._viewStackRef = ref }, h("stack-item", null, this._filterAssistentMode &&
+      h("snk-filter-assistent-mode", { filterAssistent: this._filterAssistent, messagesBuilder: this.messagesBuilder, filterId: this.filterId, entityUri: this.entityUri, application: this._application, onEzChangeFilter: (ev) => this.handleChangeFilterAssistentMode(ev.detail), isDefaultFilter: this.isDefaultFilter })), h("stack-item", null, h("snk-filter-advanced-mode", { ref: (ref) => this._elAdvancedMode = ref, filterAssistent: this._filterAssistent, application: this._application, onEzExpressionChange: (ev) => this.handleExpressionChangeAdvancedMode(ev.detail) }))));
+  }
+  handleModeChange() {
+    var _a, _b;
+    if (this._filterAssistentMode) {
+      ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmChangeModeAssistent.title"), this.getMessage("snkPersonalizedFilter.confirmChangeModeAssistent.description"))
+        .then((canCancel) => {
+        if (!canCancel)
+          return;
+        this._filterAssistentMode = !this._filterAssistentMode;
+        if (!this.hasChangesToSave()) {
+          const expression = PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent);
+          this._filterAssistent.expression = expression;
+          this._elButtonSave.enabled = !this.hasChangesToSave();
+        }
+      });
+    }
+    else {
+      if (((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.expression) === ((_b = this._originalFilterAssistent) === null || _b === void 0 ? void 0 : _b.expression)) {
+        this._filterAssistentMode = !this._filterAssistentMode;
+      }
+      else {
+        const expressionBefore = this._filterAssistent.expression;
+        const expression = PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent);
+        if (expressionBefore !== expression) {
+          ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmChangeModeAdvanced.title"), this.getMessage("snkPersonalizedFilter.confirmChangeModeAdvanced.description"))
+            .then((canCancel) => {
+            if (!canCancel)
+              return;
+            this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { expression });
+            this._filterAssistentMode = !this._filterAssistentMode;
+          });
+        }
+        else {
+          this._filterAssistentMode = !this._filterAssistentMode;
+        }
+      }
+    }
+  }
+  buildTitle() {
+    if (this.isDefaultFilter && !this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleCreateDefault");
+    }
+    if (this.isDefaultFilter && this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleEditDefault");
+    }
+    if (this.filterId) {
+      return this.getMessage("snkPersonalizedFilter.info.titleEdit");
+    }
+    return this.getMessage("snkPersonalizedFilter.info.titleAdd");
+  }
+  render() {
+    var _a, _b, _c, _d;
+    if (!((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent) && this._filterAssistentMode) {
+      return;
+    }
+    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.buildTitle(), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-tooltip", { message: this.getMessage("snkPersonalizedFilter.info.textInputDisabled"), active: this.isDefaultFilter }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail), enabled: !this.isDefaultFilter })), this.renderButtonAddField(), h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
+  }
+  static get watchers() { return {
+    "filterId": ["loadFilter"]
+  }; }
+};
+SnkPersonalizedFilter.style = snkPersonalizedFilterCss;
+
+const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
+
+const SnkSimpleBar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.clickBreadcrumbItem = createEvent(this, "clickBreadcrumbItem", 3);
+    this.exit = createEvent(this, "exit", 3);
+    this.label = undefined;
+    this.breadcrumbItens = undefined;
+    this.messagesBuilder = undefined;
+  }
+  /**
+   * Permite customizar as mensagens dos blocos de construção
+   * através de um pequeno módulo na estrutura da aplicação:
+   * - Crie um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, veja o arquivo neste projeto: "/src/lib/message/resources/snk-simple-bar.msg.ts"
+   */
+  getMessage(key, params) {
+    var _a;
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
+      return this._application.messagesBuilder.getMessage(key, params);
+  }
+  componentDidLoad() {
+    if (!this._element)
+      return;
+    ElementIDUtils.addIDInfo(this._element);
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    return (h("div", { class: "simple-bar__container ez-margin-vertical--small ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkSimpleBar.style = snkSimpleBarCss;
+
+const REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "MORE_OPTIONS"];
+const REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER", "MORE_OPTIONS"];
+
+const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%;--snk-simple-crud-grid--min-height:300px}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:auto 1fr;height:100%;width:100%}.simple-crud__container-section.sc-snk-simple-crud{flex-wrap:unset;flex-direction:column}.simple-crud__form--hidden.sc-snk-simple-crud{display:none}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;--ez-grid__container--shadow--outline:none;--ez-grid--min-height:var(--snk-simple-crud-grid--min-height)}ez-form.sc-snk-simple-crud{min-height:300px}";
+
+const SnkSimpleCrud = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.dataStateChange = createEvent(this, "dataStateChange", 3);
+    this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
+    this.configuratorSave = createEvent(this, "configuratorSave", 7);
+    this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
+    this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
+    this._formConfigFetcher = new FormConfigFetcher();
+    this._customEditors = new Map();
+    this._customRenders = new Map();
+    this._container = undefined;
+    this._showPopUpGridConfig = false;
+    this._currentViewMode = VIEW_MODE.GRID;
+    this._config = undefined;
+    this._fieldToGetFocus = undefined;
+    this._customContainerId = `SNK-SIMPLE-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
+    this.enableLockManagerLoadingComp = false;
+    this.enableLockManagerTaskbarClick = false;
+    this.dataState = undefined;
+    this.dataUnit = undefined;
+    this.entityName = undefined;
+    this.mode = SIMPLE_CRUD_MODE.SERVER;
+    this.gridConfig = undefined;
+    this.formConfig = undefined;
+    this._formFields = [];
+    this._fieldsProps = new Map();
+    this.enableContinuousInsert = false;
+    this.multipleSelection = undefined;
+    this.useCancelConfirm = true;
+    this.pageSize = 150;
+    this.resourceID = undefined;
+    this.enableGridInsert = false;
+    this.paginationCounterMode = 'auto';
+    this.taskbarManager = undefined;
+    this.messagesBuilder = undefined;
+    this.useEnterLikeTab = false;
+    this.actionsList = undefined;
+    this.configName = undefined;
+    this.showConfiguratorButtons = false;
+    this.gridLegacyConfigName = undefined;
+    this.formLegacyConfigName = undefined;
+    this.ignoreReadOnlyFormFields = false;
+    this.autoFocus = true;
+    this.domainMessagesBuilder = undefined;
+    this.multipleEditionEnabled = true;
+    this.layoutFormConfig = true;
+    this.disableGridEdition = false;
+    this.autoLoad = undefined;
+    this.outlineMode = false;
+  }
+  /**
+   * @description Registra um editor customizado para campos da grade e do formulário.
+   * @param {string} fieldName - O nome do campo.
+   * @param {ICustomEditor} customEditor - A instância do editor customizado.
+   * @returns {Promise<void>}
+   */
+  async addCustomEditor(fieldName, customEditor) {
+    if (this._grid && this._form) {
+      this._grid.addCustomEditor(fieldName, customEditor);
+      this._form.addCustomEditor(fieldName, customEditor);
+      return;
+    }
+    const newCustomEditors = new Map(this._customEditors);
+    newCustomEditors.set(fieldName, customEditor);
+    this._customEditors = newCustomEditors;
+  }
+  /**
+   * @description Registra um renderizador customizado para colunas da grade.
+   * @param {string} fieldName - O nome do campo.
+   * @param {ICustomRender} customRender - A instância do renderizador customizado.
+   * @returns {Promise<void>}
+   */
+  async addGridCustomRender(fieldName, customRender) {
+    if (this._grid) {
+      this._grid.addGridCustomRender(fieldName, customRender);
+      return;
+    }
+    const newCustomRenders = new Map(this._customRenders);
+    newCustomRenders.set(fieldName, customRender);
+    this._customRenders = newCustomRenders;
+  }
+  async handleResourceIDChanged(newValue, oldValue) {
+    if (StringUtils.isEmpty(newValue)) {
+      return;
+    }
+    if (newValue === oldValue) {
+      return;
+    }
+    await this.loadFormConfig(true);
+    await this.loadGridConfig(true);
+  }
+  /**
+   * @description Registra um formatador de valores para uma coluna da grade.
+   * @param {string} columnName - O nome da coluna.
+   * @param {ICustomFormatter} customFormatter - A instância do formatador customizado.
+   * @returns {Promise<void>}
+   */
+  async addCustomValueFormatter(columnName, customFormatter) {
+    this._grid.addCustomValueFormatter(columnName, customFormatter);
+  }
+  /**
+   * @description Remove o formatador de valores de uma coluna da grade.
+   * @param {string} columnName - O nome da coluna.
+   * @returns {Promise<void>}
+   */
+  async removeCustomValueFormatter(columnName) {
+    this._grid.removeCustomValueFormatter(columnName);
+  }
+  /**
+   * @description Altera/adiciona uma propriedade nos metadados do campo.
+   * @param {string} fieldName - O nome do campo.
+   * @param {string} propName - O nome da propriedade.
+   * @param {any} value - O valor da propriedade.
+   * @returns {Promise<void>}
+   */
+  async setFieldProp(fieldName, propName, value) {
+    const newCustomFieldProps = new Map(this._fieldsProps);
+    const currentProps = this._fieldsProps.get(fieldName);
+    newCustomFieldProps.set(fieldName, Object.assign(Object.assign({}, currentProps), { [propName]: value }));
+    this._fieldsProps = newCustomFieldProps;
+  }
+  loadTaskbarProcessor() {
+    const taskbarIDs = {};
+    taskbarIDs[TASKBAR_ID.FORM_REGULAR] = this.getButtons(false, [TaskbarElement.GRID_MODE], true);
+    taskbarIDs[TASKBAR_ID.GRID_REGULAR] = this.getButtons(false, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+    taskbarIDs[TASKBAR_ID.FORM_SELECTED] = this.getButtons(true, [TaskbarElement.GRID_MODE], true);
+    taskbarIDs[TASKBAR_ID.GRID_SELECTED] = this.getGridSelectedButtonsCallBack.bind(this);
+    taskbarIDs[TASKBAR_ID.FINISH_EDITION] = this.getFinishEditionButtonsCallback.bind(this);
+    taskbarIDs[TASKBAR_ID.MULTIPLE_EDITION] = [TaskbarElement.CANCEL];
+    this._taskbarProcessor = new TaskbarProcessor(taskbarIDs);
+  }
+  getGridSelectedButtonsCallBack() {
+    var _a, _b, _c;
+    if (!this.multipleEditionEnabled || ((_c = (_b = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length) === 1) {
+      return this.getButtons(true, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+    }
+    return this.getButtons(true, [TaskbarElement.UPDATE_MULTIPLE, TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+  }
+  getFinishEditionButtonsCallback() {
+    const btns = [TaskbarElement.CANCEL, TaskbarElement.SAVE];
+    if (this.enableGridInsert && this._currentViewMode !== VIEW_MODE.ATTACHMENT) {
+      btns.push(this._currentViewMode === VIEW_MODE.GRID ? TaskbarElement.FORM_MODE : TaskbarElement.GRID_MODE);
+    }
+    return btns;
+  }
+  getButtons(selected, extraButtons, removeRefresh) {
+    let btnList = selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS;
+    if (removeRefresh || this.mode === SIMPLE_CRUD_MODE.IN_MEMORY) {
+      btnList = btnList.filter(item => item !== TaskbarElement.REFRESH);
+    }
+    return this.addConfigButton(btnList.concat(extraButtons));
+  }
+  addConfigButton(buttons) {
+    if (this.configName === undefined || (this.configName && this.gridLegacyConfigName)) {
+      return buttons;
+    }
+    return buttons.concat(TaskbarElement.CONFIGURATOR);
+  }
+  get application() {
+    return ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  /**
+   * @description Usado para alternar a visão entre GRID e FORM externamente.
+   * @param {VIEW_MODE} view - A visão para a qual navegar.
+   * @returns {Promise<void>}
+   */
+  async goToView(view) {
+    this._currentViewMode = view;
+    if (this._viewStack) {
+      if (view === VIEW_MODE.GRID)
+        this.dataUnit.isMultipleEdition = false;
+      this._viewStack.show(view);
+    }
+    if (view === VIEW_MODE.GRID) {
+      requestAnimationFrame(() => this.focusToGrid());
+    }
+    if (view === VIEW_MODE.FORM) {
+      requestAnimationFrame(() => this.focusToForm());
+    }
+  }
+  actionClickListener(evt) {
+    this.handleTaskbarAction(evt.detail);
+    evt.stopPropagation();
+  }
+  handleTaskbarAction(action) {
+    switch (action) {
+      case TaskbarElement.CONFIGURATOR:
+        this._snkConfigurator.open();
+        break;
+      case TaskbarElement.GRID_MODE:
+        this.goToView(VIEW_MODE.GRID);
+        break;
+      case TaskbarElement.FORM_MODE:
+        this.goToView(VIEW_MODE.FORM);
+        break;
+      case TaskbarElement.UPDATE_MULTIPLE:
+        this.dataUnit.isMultipleEdition = true;
+        this.goToView(VIEW_MODE.FORM);
+        break;
+    }
+  }
+  async onChangeEntityName(newValue) {
+    if (this.dataUnit)
+      return;
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.dataUnit = await application.getDataUnit(newValue, null, null, this.configName);
+  }
+  onModeChange() {
+    if (this.mode == SIMPLE_CRUD_MODE.IN_MEMORY) {
+      this.initInMemoryDataUnit();
+    }
+  }
+  observeDataState(newValue, oldValue) {
+    this.handleDataStateChange(newValue, oldValue);
+  }
+  async observeFormLegacy(newValue, oldValue) {
+    await this.handleUpdateFormLegacyConfig(newValue, oldValue);
+  }
+  async observeGridLegacy(newValue, oldValue) {
+    await this.handleUpdateGridLegacyConfig(newValue, oldValue);
+  }
+  async handleDataStateChange(newValue, oldValue) {
+    if (ObjectUtils.objectToString(oldValue) != ObjectUtils.objectToString(newValue)) {
+      this.dataStateChange.emit(newValue);
+    }
+    await this.processRmPrecision();
+  }
+  async processRmPrecision() {
+    var _a, _b;
+    const fieldsWithRmPrecision = await this._snkDataUnit.getFieldsWithRmPrecision();
+    for (const field of fieldsWithRmPrecision || []) {
+      if (!field) {
+        continue;
+      }
+      const rmPrecision = (_b = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.rowMetadata) === null || _b === void 0 ? void 0 : _b.getProp('rm_precision', field);
+      if (!rmPrecision && rmPrecision !== 0) {
+        continue;
+      }
+      await this.setFieldProp(field, 'precision', rmPrecision);
+      await this.setFieldProp(field, 'prettyPrecision', rmPrecision);
+    }
+    this._rmPrecisionCustomValueFormatter.setDataState(this.dataState);
+  }
+  async handleUpdateGridLegacyConfig(newValue, oldValue) {
+    if (newValue == undefined || newValue == oldValue) {
+      return;
+    }
+    if (!this._gridConfigAlreadyLoaded) {
+      return;
+    }
+    await this.loadGridConfig(true);
+  }
+  async handleUpdateFormLegacyConfig(newValue, oldValue) {
+    if (newValue == undefined || newValue == oldValue) {
+      return;
+    }
+    if (!this._formConfigAlreadyLoaded) {
+      return;
+    }
+    await this.loadFormConfig(true);
+  }
+  async openConfig(viewMode) {
+    await this._snkConfigurator.close();
+    if (viewMode === VIEW_MODE.GRID) {
+      await this.openGridConfig();
+    }
+    else if (viewMode === VIEW_MODE.FORM) {
+      await this.openFormConfig();
+    }
+  }
+  async openGridConfig() {
+    var _a, _b, _c, _d;
+    const originalColumns = (_b = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumns())) !== null && _b !== void 0 ? _b : [];
+    const gridColumns = (_d = await ((_c = this._grid) === null || _c === void 0 ? void 0 : _c.getColumnsState())) !== null && _d !== void 0 ? _d : [];
+    this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+    this._snkGridConfig.originalColumns = originalColumns.filter(c => c.name);
+    this._snkGridConfig.selectedIndex = 0;
+    this._showPopUpGridConfig = true;
+  }
+  async openFormConfig() {
+    if (this.formLegacyConfigName || this.configName) {
+      await this._snkSimpleFormConfig.show();
+    }
+  }
+  addGridLegacyConfigName() {
+    if (this.gridLegacyConfigName && this.configName) {
+      ConfigStorage.addGridLegacyConfig(this.configName, this.gridLegacyConfigName);
+    }
+  }
+  loadGridConfig(forceUpdate) {
+    if (this.configName === undefined) {
+      return;
+    }
+    if ((this.gridConfig != undefined || this._gridConfigAlreadyLoaded) && !forceUpdate) {
+      return;
+    }
+    this.addGridLegacyConfigName();
+    this._gridConfigAlreadyLoaded = true;
+    return new Promise((accept, reject) => {
+      ConfigStorage.loadGridConfig(this.configName, this.resolveResourceID())
+        .then(config => {
+        this.setGridConfig(config);
+        accept();
+      })
+        .catch(reason => {
+        reject(reason);
+      });
+    });
+  }
+  formConfigIsLoaded() {
+    return this.formConfig != undefined || this._formConfigAlreadyLoaded;
+  }
+  async loadFormConfig(forceLoad = false, forceSetNewConfig = false) {
+    if (this.configName === undefined) {
+      return;
+    }
+    if (this._formConfigManager == undefined) {
+      this._formConfigManager = new SnkFormConfigManager(this.configName, this.resolveResourceID(), undefined, this.dataUnit);
+      this._formConfigManager.setConfig(this.formConfig);
+    }
+    if (this.formConfigIsLoaded() && !forceLoad) {
+      return;
+    }
+    this._formConfigAlreadyLoaded = true;
+    let loadedLegacyConfig = await this._formConfigFetcher.fetchLegacyConfigurableForm(this.formLegacyConfigName);
+    if (loadedLegacyConfig != undefined) {
+      this._formConfigManager.setConfig(loadedLegacyConfig);
+      this.setFormConfig(loadedLegacyConfig, forceSetNewConfig);
+      return;
+    }
+    this.setFormConfig(await this._formConfigManager.loadConfig());
+  }
+  async componentWillRender() {
+    this.loadTaskbarProcessor();
+    this._resourceID = await this.application.getResourceID();
+    this.dataExporterProviderStore();
+    this.dataExporterProviderStore();
+    this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
+    if (this.configName === undefined) {
+      return;
+    }
+    if (this.gridConfig != undefined || this._gridConfigAlreadyLoaded) {
+      return;
+    }
+    await this.addGridLegacyConfigName();
+    await this.loadGridConfig();
+    await this.loadFormConfig();
+  }
+  componentDidRender() {
+    this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
+    this.addGridCustomValueFormattters();
+    this.setFieldsProps();
+    this.setCustomRenders();
+    this.setCustomEditors();
+  }
+  componentWillLoad() {
+    this.processMetadata();
+    this.onModeChange();
+    this.configDatasource();
+    this._rmPrecisionCustomValueFormatter = new RmPrecisionCustomValueFormatter();
+    this._continuousInsertUtils = new ContinuousInsertUtils(this.application, this.resolveResourceID(), this.configName);
+    if (this.enableGridInsert) {
+      this._continuousInsertUtils.getConfig().then(value => this.enableContinuousInsert = value);
+    }
+  }
+  componentDidLoad() {
+    CSSVarsUtils.applyVarsGrid(this._element, this._grid);
+    this.initKeyboardManager();
+    this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+  }
+  async dataUnitActionHandler(action) {
+    if (action.type === Action.EDITION_CANCELED || action.type === Action.DATA_SAVED) {
+      if (this.dataUnit.isMultipleEdition) {
+        this.goToView(VIEW_MODE.GRID);
+      }
+    }
+  }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
+  }
+  setCustomRenders() {
+    if (!this._grid) {
+      return;
+    }
+    for (const [fieldName, customRender] of this._customRenders) {
+      this._grid.addGridCustomRender(fieldName, customRender);
+      this._customRenders.delete(fieldName);
+    }
+  }
+  setCustomEditors() {
+    if (!this._grid || !this._form) {
+      return;
+    }
+    for (const [fieldName, customEditor] of this._customEditors) {
+      this._grid.addCustomEditor(fieldName, customEditor);
+      this._form.addCustomEditor(fieldName, customEditor);
+      this._customEditors.delete(fieldName);
+    }
+  }
+  configDatasource() {
+    this._multiSelectionListDataSource.setApplication(this.application);
+    this._multiSelectionListDataSource.setDataUnit(this.dataUnit);
+  }
+  setFieldsProps() {
+    if (!this._form) {
+      return;
+    }
+    for (const [fieldName, props] of this._fieldsProps) {
+      for (const prop in props) {
+        this._form.setFieldProp(fieldName, prop, props[prop]);
+      }
+      this._fieldsProps.delete(fieldName);
+    }
+  }
+  getTaskBarId() {
+    var _a, _b;
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
+      return TASKBAR_ID.FINISH_EDITION;
+    }
+    if (this.dataUnit.isMultipleEdition) {
+      return TASKBAR_ID.MULTIPLE_EDITION;
+    }
+    if (((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) &&
+      !this.dataState.selectionInfo.isAllRecords() &&
+      this.dataState.selectionInfo.length > 0) {
+      return this._currentViewMode === VIEW_MODE.GRID ? TASKBAR_ID.GRID_SELECTED : TASKBAR_ID.FORM_SELECTED;
+    }
+    return this._currentViewMode === VIEW_MODE.GRID ? TASKBAR_ID.GRID_REGULAR : TASKBAR_ID.FORM_REGULAR;
+  }
+  initInMemoryDataUnit() {
+    this._inMemoryLoader = new InMemoryLoader(this._metadata, undefined, { autoLoad: this.autoLoad });
+    this.dataUnit = this._inMemoryLoader.dataUnit;
+    this.dataUnitReady.emit(this.dataUnit);
+  }
+  /**
+   * @description Define os metadados do DataUnit.
+   * @param {UnitMetadata} metadata - Os metadados a serem definidos.
+   * @returns {Promise<void>}
+   */
+  setMetadata(metadata) {
+    if (this._inMemoryLoader) {
+      this._inMemoryLoader.metadata = metadata;
+    }
+    else if (this.dataUnit) {
+      this.dataUnit.metadata = metadata;
+    }
+    return Promise.resolve();
+  }
+  /**
+   * @description Define os registros do DataUnit.
+   * @param {Array<Record>} records - Os registros a serem definidos.
+   * @returns {Promise<void>}
+   */
+  setRecords(records) {
+    if (this._inMemoryLoader) {
+      this._inMemoryLoader.records = records;
+    }
+    else if (this.dataUnit) {
+      this.dataUnit.records = records;
+    }
+    return Promise.resolve();
+  }
+  /**
+   * @description Obtém os registros do DataUnit.
+   * @returns {Promise<Array<Record>>} Uma promessa que resolve com a lista de registros.
+   */
+  getRecords() {
+    return Promise.resolve(this.dataUnit.records);
+  }
+  /**
+   * @description Usado para abrir o configurador do CRUD.
+   * @returns {Promise<void>}
+   */
+  async openConfigurator() {
+    var _a;
+    (_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.open();
+  }
+  /**
+   * @description Usado para fechar o configurador do CRUD.
+   * @returns {Promise<void>}
+   */
+  async closeConfigurator() {
+    var _a;
+    (_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.close();
+  }
+  /**
+   * @description Atualiza a configuração do formulário.
+   * @returns {Promise<void>}
+   */
+  async updateConfig() {
+    if (this._formConfigManager == undefined) {
+      this._formConfigManager = new SnkFormConfigManager(this.configName, this.resolveResourceID());
+    }
+    this._formConfigManager.setConfig(this.formConfig);
+  }
+  processMetadata() {
+    const fieldsMetadataElem = this._element.querySelectorAll("snk-field-metadata");
+    const fieldMetadata = [];
+    const formConfig = { fields: [], emptyConfig: false };
+    fieldsMetadataElem.forEach(fieldElem => {
+      const field = {
+        name: fieldElem.getAttribute("name") || fieldElem.getAttribute("label"),
+        label: fieldElem.getAttribute("label"),
+        dataType: DataType[fieldElem.getAttribute("dataType")] || DataType.TEXT,
+        userInterface: UserInterface[fieldElem.getAttribute("userInterface")] || UserInterface.SHORTTEXT,
+        readOnly: fieldElem.getAttribute("readOnly") == "true",
+        required: fieldElem.getAttribute("required") == "true",
+        tab: fieldElem.getAttribute("tab") || undefined,
+        visible: fieldElem.getAttribute("visible") != "false"
+      };
+      const fieldConfig = { name: field.name, tab: field.tab, visible: field.visible };
+      formConfig.fields.push(fieldConfig);
+      fieldMetadata.push(field);
+    });
+    if (fieldMetadata.length > 0) {
+      if (!this.formConfig) {
+        this.formConfig = formConfig;
+      }
+      this._metadata = {
+        name: "SimpleCrud",
+        label: "SimpleCrud",
+        fields: fieldMetadata
+      };
+    }
+  }
+  addGridCustomValueFormattters() {
+    var _a, _b, _c;
+    const metadataFields = ((_a = this._metadata) === null || _a === void 0 ? void 0 : _a.fields) || ((_c = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.fields);
+    if (!metadataFields) {
+      return;
+    }
+    const fieldsWithRmPrecision = [];
+    metadataFields.forEach((field) => {
+      var _a;
+      if (((_a = field.properties) === null || _a === void 0 ? void 0 : _a.rm_precision) && !fieldsWithRmPrecision.includes(field.name)) {
+        fieldsWithRmPrecision.push(field.name);
+      }
+    });
+    fieldsWithRmPrecision.forEach(field => {
+      this.addCustomValueFormatter(field, this._rmPrecisionCustomValueFormatter);
+    });
+  }
+  onDataStateChange(evt) {
+    this.dataState = Object.assign({}, evt.detail);
+  }
+  getTaskBarDisabledButtons() {
+    var _a, _b, _c, _d, _e, _f;
+    const disabledButtons = [];
+    if (!((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.hasNext)) {
+      disabledButtons.push(TaskbarElement.NEXT);
+    }
+    if (!((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.hasPrevious)) {
+      disabledButtons.push(TaskbarElement.PREVIOUS);
+    }
+    if ((_d = (_c = this.dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo) === null || _d === void 0 ? void 0 : _d.isEmpty()) {
+      disabledButtons.push(TaskbarElement.FORM_MODE);
+    }
+    if (((_f = (_e = this.dataState) === null || _e === void 0 ? void 0 : _e.selectionInfo) === null || _f === void 0 ? void 0 : _f.length) > 1) {
+      disabledButtons.push(TaskbarElement.CLONE);
+    }
+    return disabledButtons;
+  }
+  handleCancelEdit() {
+    var _a;
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.recordsIsEmpty) {
+      this.goToView(VIEW_MODE.GRID);
+      this.dataUnit.clearSelection();
+    }
+  }
+  handleConfiguratorEvent(evt, type) {
+    evt.stopImmediatePropagation();
+    if (type === 'SAVE') {
+      this.configuratorSave.emit();
+      return;
+    }
+    this.configuratorCancel.emit();
+  }
+  onSelectField(option) {
+    if (option == undefined) {
+      return;
+    }
+    this._fieldToGetFocus = option.value;
+  }
+  getFieldSearch(splitButton, item) {
+    if (this._fieldSearch != undefined) {
+      return this._fieldSearch;
+    }
+    this._splitButtonForm = splitButton;
+    this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option));
+    return this._fieldSearch;
+  }
+  getFormFields() {
+    var _a, _b;
+    return (_b = (_a = this.formConfig) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : this._formFields;
+  }
+  handleFormSetFields(fields) {
+    if (!ObjectUtils.equals(this._formFields, fields)) {
+      this._formFields = fields !== null && fields !== void 0 ? fields : [];
+    }
+  }
+  fieldsOptionLoader(argument) {
+    const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
+    const allFields = this.getFormFields().map(field => { var _a; return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field.name); });
+    const filteredFields = allFields.filter(field => {
+      var _a, _b;
+      return ((_a = field.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchTerm)) ||
+        ((_b = field.label) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(searchTerm));
+    });
+    const options = filteredFields.map(field => ({ value: field.name, label: field.label }));
+    return Promise.resolve(options);
+  }
+  isGridInsertActive() {
+    return this.enableGridInsert && this.dataUnit.hasNewRecord();
+  }
+  getColumnSearch(splitButton, item) {
+    if (this._columnSearch != undefined) {
+      return this._columnSearch;
+    }
+    this._splitButton = splitButton;
+    this._columnSearch = buildFieldSearch(item, ({ argument }) => new Promise(accept => {
+      this._grid.filterColumns(argument).then((columns) => {
+        accept(columns
+          .filter(column => !column.hidden)
+          .map(column => ({ label: column.label, value: column.name })));
+      });
+    }), (option) => {
+      if (option != undefined) {
+        this._grid.locateColumn(option.value);
+      }
+    });
+    return this._columnSearch;
+  }
+  getActionsList() {
+    const hardList = [];
+    if (this.enableGridInsert) {
+      hardList.push(this._continuousInsertUtils.actionContinuousInsert(this.enableContinuousInsert, () => {
+        this.enableContinuousInsert = !this.enableContinuousInsert;
+        this._continuousInsertUtils.handleSaveConfig(this.enableContinuousInsert);
+      }));
+    }
+    if (this.isGridInsertActive())
+      return hardList;
+    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
+      const taskbarID = this.getTopTaskBarId();
+      return hardList.concat(this.taskbarManager.getMoreOptions(taskbarID, this.configName, this.dataState, this.actionsList));
+    }
+    return hardList.concat(this.actionsList);
+  }
+  getSettingsListGrid() {
+    const hardList = [{
+        value: StringUtils.generateUUID(),
+        label: this.getMessage("snkSimpleCrud.findColumn"),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
+        itemBuilder: (splitButton, item) => this.getColumnSearch(splitButton, item)
+      }];
+    return hardList;
+  }
+  getSettingsListForm() {
+    const hardList = [{
+        value: StringUtils.generateUUID(),
+        label: this.getMessage("snkSimpleCrud.findFields"),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
+        itemBuilder: (splitButton, item) => this.getFieldSearch(splitButton, item)
+      }];
+    return hardList;
+  }
+  getTopTaskBarId() {
+    var _a;
+    return ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? `snkGridTopTaskbar.finish_edition${PresentationMode.PRIMARY}` :
+      `snkGridTopTaskbar.regular${PresentationMode.PRIMARY}`;
+  }
+  clearFieldToFocusHandler() {
+    this._fieldToGetFocus = undefined;
+  }
+  gridConfigChangeHandler(evt) {
+    evt.stopPropagation();
+    if (!this.configName)
+      return;
+    const config = evt.detail;
+    ConfigStorage.saveGridConfig(config, this.configName, this.resolveResourceID());
+  }
+  modalConfigChangeHandler(evt) {
+    const config = evt.detail;
+    this._grid.setColumnsState(config.columns)
+      .then(() => {
+      this.setGridConfig(config);
+      this.closeGridConfig();
+      this.dataExporterProviderStore();
+    });
+    evt.stopPropagation();
+  }
+  async dataExporterProviderStore() {
+    if (this.dataUnit == undefined) {
+      return;
+    }
+    if (this._grid == undefined) {
+      return;
+    }
+    const dataExporterProvider = new ClientSideExporterProvider(this.dataUnit, this._grid);
+    store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.getDataExporterStoreKey()]: dataExporterProvider }));
+  }
+  getDataExporterStoreKey() {
+    return `SnkSimpleCrudDataExporter:${this.configName == undefined ? this.dataUnit.name : this.configName}`;
+  }
+  setGridConfig(config) {
+    this.gridConfig = config;
+    CrudUtils.assertDefaultSorting(this.gridConfig, this.dataUnit);
+  }
+  setFormConfig(config, forceUpdate) {
+    if (this.formConfig && !forceUpdate)
+      return;
+    this.formConfig = config;
+  }
+  closeGridConfig() {
+    this._showPopUpGridConfig = false;
+  }
+  getPageSize() {
+    if (this.mode === SIMPLE_CRUD_MODE.IN_MEMORY) {
+      return 0;
+    }
+    if (this.pageSize == undefined) {
+      return 150;
+    }
+    return this.pageSize;
+  }
+  resolveResourceID() {
+    return StringUtils.isEmpty(this.resourceID) ? this._resourceID : this.resourceID;
+  }
+  getFormConfig() {
+    var _a;
+    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig(this.dataUnit, this.ignoreReadOnlyFormFields);
+    if (!this.configName && !configFromManager) {
+      return this.formConfig;
+    }
+    return configFromManager;
+  }
+  updateFormConfig() {
+    let newConfig = this.formConfig;
+    if (this.formLegacyConfigName == undefined) {
+      newConfig = Object.assign(Object.assign({}, this.formConfig), { fields: this.dataUnit.metadata.fields });
+    }
+    this.setFormConfig(newConfig, true);
+    if (this._formConfigManager == undefined) {
+      this._formConfigManager = new SnkFormConfigManager(this.configName, this.resolveResourceID());
+    }
+    this._formConfigManager.setConfig(this.formConfig);
+  }
+  handleDataUnitOnInsertionMode() {
+    if (this.enableGridInsert)
+      return;
+    this.goToView(VIEW_MODE.FORM);
+  }
+  async initKeyboardManager() {
+    var _a;
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element });
+    const dataUnit = this.dataUnit || await ((_a = this._snkDataUnit) === null || _a === void 0 ? void 0 : _a.getDataUnit());
+    if (dataUnit == undefined) {
+      return;
+    }
+    this._keyboardManager
+      .bind("F7", () => dataUnit.saveData(), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.saveData"), element: this._element })
+      .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.addRecord"), element: this._element })
+      .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.removeRecord"), element: this._element })
+      .bind("Escape", () => {
+      if (dataUnit.isDirty()) {
+        dataUnit.cancelEdition();
+      }
+    }, {
+      debounceTime: 1000,
+      description: this.getMessage("snkSimpleCrud.keyboardShortcuts.cancelAction"), element: this._element
+    });
+  }
+  async handleFormConfigSaved() {
+    await this.loadFormConfig(true, true);
+  }
+  focusToGrid() {
+    const gridElement = this._grid;
+    gridElement.focus();
+  }
+  focusToForm() {
+    const formElement = this._form;
+    formElement.focus();
+  }
+  renderTaskbarContent(layout) {
+    var _a;
+    return (h("snk-taskbar", { class: `ez-box--no-outline ez-box ${this._currentViewMode === VIEW_MODE.FORM ? (this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow-xsmall') + ' ez-padding--small' : ''}`, dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), actionsSettingsList: layout === VIEW_MODE.GRID ? this.getSettingsListGrid() : this.getSettingsListForm(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: PresentationMode.SECONDARY, tabindex: "0" }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })));
+  }
+  /* istanbul ignore next */
+  render() {
+    var _a;
+    if (this.dataUnit == undefined) {
+      return;
+    }
+    return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: `ez-box ez-box--no-outline ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section`, ref: (ref) => this._container = ref, tabindex: "0" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large ez-box--no-outline", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+        ? undefined
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode, canEdit: !this.disableGridEdition }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("slot", { name: "snkSimpleCrudFormFooter" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName, messagesBuilder: this.messagesBuilder })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => 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, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+  }
+  get _element() { return getElement(this); }
+  static get watchers() { return {
+    "resourceID": ["handleResourceIDChanged"],
+    "entityName": ["onChangeEntityName"],
+    "mode": ["onModeChange"],
+    "dataState": ["observeDataState"],
+    "formLegacyConfigName": ["observeFormLegacy"],
+    "gridLegacyConfigName": ["observeGridLegacy"]
+  }; }
+};
+var TASKBAR_ID;
+(function (TASKBAR_ID) {
+  TASKBAR_ID["FORM_REGULAR"] = "snkSimpleCrudTaskbar.form_regular";
+  TASKBAR_ID["GRID_REGULAR"] = "snkSimpleCrudTaskbar.grid_regular";
+  TASKBAR_ID["FORM_SELECTED"] = "snkSimpleCrudTaskbar.form_selected";
+  TASKBAR_ID["GRID_SELECTED"] = "snkSimpleCrudTaskbar.grid_selected";
+  TASKBAR_ID["FINISH_EDITION"] = "snkSimpleCrudTaskbar.finish_edition";
+  TASKBAR_ID["MULTIPLE_EDITION"] = "snkSimpleCrudTaskbar.multiple_edition";
+})(TASKBAR_ID || (TASKBAR_ID = {}));
+SnkSimpleCrud.style = snkSimpleCrudCss;
+
+export { SnkAttach as snk_attach, SnkDefaultFilter as snk_default_filter, SnkDynaformFormView as snk_dynaform_form_view, SnkFilterAdvancedMode as snk_filter_advanced_mode, SnkFilterAssistentMode as snk_filter_assistent_mode, SnkFilterDetail as snk_filter_detail, SnkFilterModalItem as snk_filter_modal_item, SnkImageInput as snk_image_input, SnkPersonalizedFilter as snk_personalized_filter, SnkSimpleBar as snk_simple_bar, SnkSimpleCrud as snk_simple_crud };