@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-81512.2 → 0.0.0-bugfix-dev-KB-76031.2

package/dist/collection/lib/http/data-fetcher/fetchers/pesquisa-fetcher.js

@@ -178,7 +178,6 @@ export class PesquisaFetcher {
   buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions) {
     var _a, _b, _c;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
-    console.log("criteria: ", criteria);
     const incomeSearchOptions = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) !== null && _a !== void 0 ? _a : searchOptions;
     const rootEntity = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.rootEntity;
     const codeFieldName = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.codeFieldName;

package/dist/components/ISave.js

@@ -57,8 +57,6 @@ function buildUserInterface(field) {
     return UserInterface.DATETIME;
   if (field['type'] === 'T')
     return UserInterface.TIME;
-  if (field['type'] === 'I')
-    return UserInterface.INTEGERNUMBER;
   return undefined;
 }
 function buildDataType(rawType) {
@@ -70,8 +68,6 @@ function buildDataType(rawType) {
       return DataType.DATE;
     case 'B':
       return DataType.OBJECT;
-    case 'I':
-      return DataType.NUMBER;
     default:
       return DataType.TEXT;
   }
@@ -93,6 +89,12 @@ function parseGridConfig(rawConfig) {
     return undefined;
   return { columns };
 }
+var PESQUISA_VIEW_MODE;
+(function (PESQUISA_VIEW_MODE) {
+  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["GRID"] = 0] = "GRID";
+  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["CARDS"] = 1] = "CARDS";
+  PESQUISA_VIEW_MODE[PESQUISA_VIEW_MODE["TREE"] = 2] = "TREE";
+})(PESQUISA_VIEW_MODE || (PESQUISA_VIEW_MODE = {}));
 
 class PesquisaFetcher {
   constructor() {
@@ -270,7 +272,6 @@ class PesquisaFetcher {
   buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions) {
     var _a, _b, _c;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
-    console.log("criteria: ", criteria);
     const incomeSearchOptions = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) !== null && _a !== void 0 ? _a : searchOptions;
     const rootEntity = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.rootEntity;
     const codeFieldName = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.codeFieldName;
@@ -393,4 +394,4 @@ var SaveErrorsEnum;
   SaveErrorsEnum["DESCRIPTION_CANNOT_BE_CHANGED"] = "DESCRIPTION_CANNOT_BE_CHANGED";
 })(SaveErrorsEnum || (SaveErrorsEnum = {}));
 
-export { DataExporterOption as D, PresentationMode as P, SaveErrorsEnum as S, PesquisaFetcher as a, DataExporterType as b, DataExporterFormat as c, buildGridMetadata as d };
+export { DataExporterOption as D, PresentationMode as P, SaveErrorsEnum as S, PesquisaFetcher as a, DataExporterType as b, DataExporterFormat as c, buildGridMetadata as d, PESQUISA_VIEW_MODE as e };

package/dist/components/dataunit-fetcher.js

@@ -443,12 +443,13 @@ class DatasetStrategy {
       const serviceName = "DatasetSP.loadRecords";
       const requestBody = this.buildRequestBody(serviceName, fields, dataUnit, request, loadingInfo, serverSorting, serverSideFilters);
       const params = loadingInfo.quiet ? { urlParams: { quietMode: "true" } } : undefined;
-      const { result: responseRecords, pagerID: pagerId } = await DataFetcher.get().callServiceBroker(serviceName, requestBody, params);
+      const { result: responseRecords, pagerID: pagerId, askRowsLimit } = await DataFetcher.get().callServiceBroker(serviceName, requestBody, params);
       const records = this.processRecords(dataUnit, fields, responseRecords);
       const loadingInProgress = pagerId != undefined;
       const count = loadingInfo.count + records.length;
       const isInsertingNewRecord = dataUnit.hasNewRecord();
-      const needReload = !loadingInProgress && localSorting.length > 0;
+      const hasLocalSorting = localSorting.length > 0;
+      const needReload = !loadingInProgress && hasLocalSorting;
       /**
        * Caso precise recarregar dados, porém está no meio de uma inserção, os dados não devem recarregados instantaneamente,
        * Mas sim, sinalizar que o dataUnit está aguardando para der recarregado.
@@ -459,7 +460,8 @@ class DatasetStrategy {
       return Promise.resolve({
         records,
         loadingInfo: Object.assign(Object.assign({}, loadingInfo), { pagerId,
-          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord })
+          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord, askRowsLimit,
+          hasLocalSorting })
       });
     }
     catch (error) {
@@ -511,8 +513,7 @@ class DatasetStrategy {
         },
       }
     };
-    const parsedRequestBody = JSON.stringify(requestBody);
-    return parsedRequestBody;
+    return JSON.stringify(requestBody);
   }
   getFieldsList(dataUnit) {
     let fields = ["__record__id__", "__record__label__"];
@@ -639,7 +640,117 @@ class DatasetStrategy {
   }
 }
 
+async function showAskCancelPaginationPopup() {
+  return new Promise((resolve) => {
+    const { checkboxContainer, checkbox } = buildCheckboxContainer();
+    const popup = builPopup(resolve, checkbox);
+    const contentContainer = buildContentContainer();
+    contentContainer.appendChild(buildMessage());
+    contentContainer.appendChild(checkboxContainer);
+    const actionsContainer = buildActionsContainer();
+    actionsContainer.appendChild(buildContinuePaginationBtn(popup, checkbox, resolve));
+    actionsContainer.appendChild(buildCancelPaginationBtn(popup, resolve));
+    contentContainer.appendChild(actionsContainer);
+    popup.appendChild(contentContainer);
+    document.body.appendChild(popup);
+  });
+}
+function buildCheckboxContainer() {
+  const checkboxContainer = document.createElement('div');
+  checkboxContainer.style.marginBottom = '14px';
+  checkboxContainer.style.display = 'flex';
+  checkboxContainer.style.alignItems = 'center';
+  const { checkbox, checkboxLabel } = buildCheckbox();
+  checkboxContainer.appendChild(checkbox);
+  checkboxContainer.appendChild(checkboxLabel);
+  return { checkboxContainer, checkbox };
+}
+function buildCheckbox() {
+  const checkbox = document.createElement('input');
+  checkbox.type = 'checkbox';
+  checkbox.id = 'loadAll';
+  const checkboxLabel = document.createElement('label');
+  checkboxLabel.htmlFor = 'loadAll';
+  checkboxLabel.textContent = 'Carregar tudo';
+  checkboxLabel.style.marginLeft = '5px';
+  return { checkbox, checkboxLabel };
+}
+function buildActionsContainer() {
+  const actionsContainer = document.createElement('div');
+  actionsContainer.style.display = 'flex';
+  actionsContainer.style.flexDirection = 'row';
+  actionsContainer.style.justifyContent = 'end';
+  actionsContainer.style.gap = '5px';
+  return actionsContainer;
+}
+function buildContentContainer() {
+  const contentContainer = document.createElement('div');
+  contentContainer.style.display = 'flex';
+  contentContainer.style.flexDirection = 'column';
+  contentContainer.style.fontFamily = 'var(--font-pattern, Roboto)';
+  contentContainer.style.fontSize = 'var(--text--medium)';
+  return contentContainer;
+}
+function buildMessage() {
+  const message = document.createElement('div');
+  const line1 = document.createElement('p');
+  const line2 = document.createElement('p');
+  const line3 = document.createElement('p');
+  line3.style.fontWeight = 'var(--text-weight--large, 600)';
+  line1.textContent = 'Uma quantidade de registros muito grande está sendo carregada.';
+  line2.textContent = 'Recomendamos que a paginação seja cancelada e que seja criado um filtro para os registros.';
+  line3.textContent = 'Deseja cancelar o carregamento?';
+  message.appendChild(line1);
+  message.appendChild(line2);
+  message.appendChild(line3);
+  return message;
+}
+function buildCancelPaginationBtn(popup, resolve) {
+  const cancelPaginationBtn = document.createElement('ez-button');
+  cancelPaginationBtn.label = 'Cancelar paginação';
+  cancelPaginationBtn.size = 'medium';
+  cancelPaginationBtn.classList.add('ez-button--primary');
+  cancelPaginationBtn.onclick = () => {
+    document.body.removeChild(popup);
+    resolve(CancelPaginationResponse.CANCEL);
+  };
+  return cancelPaginationBtn;
+}
+function buildContinuePaginationBtn(popup, checkBox, resolve) {
+  const continuePaginationBtn = document.createElement('ez-button');
+  continuePaginationBtn.label = 'Continuar';
+  continuePaginationBtn.size = 'medium';
+  continuePaginationBtn.onclick = () => {
+    document.body.removeChild(popup);
+    resolve(checkBox.checked ? CancelPaginationResponse.LOAD_ALL : CancelPaginationResponse.CONTINUE);
+  };
+  return continuePaginationBtn;
+}
+function builPopup(resolve, checkBox) {
+  const popup = document.createElement('ez-popup');
+  popup.opened = true;
+  popup.size = 'x-small';
+  popup.ezTitle = 'Aviso';
+  popup.heightMode = "auto";
+  popup.addEventListener('ezClosePopup', () => {
+    document.body.removeChild(popup);
+    resolve(checkBox.checked ? CancelPaginationResponse.LOAD_ALL : CancelPaginationResponse.CONTINUE);
+  }, { once: true });
+  popup.addEventListener('ezPopupAction', () => {
+    document.body.removeChild(popup);
+    resolve(CancelPaginationResponse.CANCEL);
+  }, { once: true });
+  return popup;
+}
+var CancelPaginationResponse;
+(function (CancelPaginationResponse) {
+  CancelPaginationResponse["CANCEL"] = "CANCEL";
+  CancelPaginationResponse["CONTINUE"] = "CONTINUE";
+  CancelPaginationResponse["LOAD_ALL"] = "LOAD_ALL";
+})(CancelPaginationResponse || (CancelPaginationResponse = {}));
+
 class DataUnitDataLoader {
+  constructor() { }
   static async debounce(dataUnit, callBack) {
     const duName = dataUnit.name;
     if (DataUnitDataLoader._debouncingTimeouts[duName]) {
@@ -685,25 +796,67 @@ class DataUnitDataLoader {
   }
   static async callLoader(dataUnit, request, requestLoadingInfo, dataLoader) {
     if (dataLoader == undefined) {
-      //dataLoader = new DataUnitStrategy();
       dataLoader = new DatasetStrategy();
     }
     const result = await dataLoader.load(dataUnit, request, requestLoadingInfo);
-    const { records, loadingInfo: responseLoadingInfo } = result;
-    if (DataUnitDataLoader.isOldRequest(dataUnit, responseLoadingInfo)) {
+    const responseLoadingInfo = result.loadingInfo;
+    if (DataUnitDataLoader.isOldRequest(dataUnit, responseLoadingInfo))
       return Promise.resolve(undefined);
+    this.handleCache(dataLoader, responseLoadingInfo, dataUnit, result.records);
+    if (dataUnit.cancelPagination)
+      return this.handlePaginationCanceled(dataUnit, result);
+    //Não existem mais páginas a serem carregadas
+    if (this.canFinishPagination(dataUnit, responseLoadingInfo))
+      return Promise.resolve(result);
+    const newRequest = Object.assign(Object.assign({}, request), { offset: responseLoadingInfo.count });
+    let newLoadingInfo = this.buildNewLoadingInfo(responseLoadingInfo);
+    if (this.canProceedPagination(responseLoadingInfo))
+      return this.recallLoader(dataUnit, newRequest, newLoadingInfo, dataLoader, result);
+    const confirm = await showAskCancelPaginationPopup();
+    if (confirm === CancelPaginationResponse.CANCEL)
+      return this.handlePaginationCanceled(dataUnit, result);
+    if (confirm === CancelPaginationResponse.LOAD_ALL) {
+      newLoadingInfo = Object.assign(Object.assign({}, newLoadingInfo), { loadAllRecords: true });
     }
+    newLoadingInfo = Object.assign(Object.assign({}, newLoadingInfo), { lastRowLimitAsked: newLoadingInfo.count });
+    return this.recallLoader(dataUnit, newRequest, newLoadingInfo, dataLoader, result);
+  }
+  static buildNewLoadingInfo(responseLoadingInfo) {
+    let newLoadingInfo = Object.assign(Object.assign({}, responseLoadingInfo), { pageNumber: (responseLoadingInfo.pageNumber || 0) + 1, quiet: true });
+    return newLoadingInfo;
+  }
+  static handleCache(dataLoader, responseLoadingInfo, dataUnit, records) {
     const recreateCache = !dataLoader.canSlice() || responseLoadingInfo.count === 0;
     PreloadManager.cacheRecords(dataUnit, records, recreateCache, responseLoadingInfo.loadingInProgress);
-    if (PreloadManager.isCacheEnabled(dataUnit) && responseLoadingInfo.loadingInProgress) {
-      const newRequest = Object.assign(Object.assign({}, request), { offset: responseLoadingInfo.count });
-      const newLoadingInfo = Object.assign(Object.assign({}, responseLoadingInfo), { pageNumber: (responseLoadingInfo.pageNumber || 0) + 1, quiet: true });
-      this.callLoader(dataUnit, newRequest, newLoadingInfo, dataLoader)
-        .then(result => DataUnitDataLoader.afterLoadingPage(dataUnit, result.loadingInfo))
-        .catch(reason => console.error(reason));
-    }
+  }
+  static recallLoader(dataUnit, newRequest, newLoadingInfo, dataLoader, result) {
+    this.callLoader(dataUnit, newRequest, newLoadingInfo, dataLoader)
+      .then(result => DataUnitDataLoader.afterLoadingPage(dataUnit, result.loadingInfo))
+      .catch(reason => console.error(reason));
     return Promise.resolve(result);
   }
+  static canFinishPagination(dataUnit, responseLoadingInfo) {
+    return !PreloadManager.isCacheEnabled(dataUnit) || !responseLoadingInfo.loadingInProgress;
+  }
+  static canProceedPagination(info) {
+    const { count, askRowsLimit, loadAllRecords, lastRowLimitAsked } = info;
+    if (loadAllRecords)
+      return true;
+    if (!count || !askRowsLimit)
+      return true;
+    const askRowLimitNumber = Number(askRowsLimit);
+    if (count < askRowLimitNumber)
+      return true;
+    const nextLimitToAsk = askRowLimitNumber + (lastRowLimitAsked ? lastRowLimitAsked : 0);
+    return count < nextLimitToAsk;
+  }
+  static handlePaginationCanceled(dataUnit, result) {
+    dataUnit.cancelPagination = false;
+    let loadingInfo = result.loadingInfo;
+    loadingInfo = Object.assign(Object.assign({}, loadingInfo), { total: loadingInfo.count, loadingInProgress: false, pagerId: undefined, needReload: loadingInfo.hasLocalSorting });
+    const loadDataResult = { records: result.records, loadingInfo };
+    return Promise.resolve(loadDataResult);
+  }
   static afterLoadingPage(dataUnit, loadingInfo) {
     PreloadManager.setLoadingStatus(dataUnit, loadingInfo.loadingInProgress);
     const dataUnitPagination = dataUnit.getPaginationInfo();
@@ -743,7 +896,7 @@ class DataUnitDataLoader {
       // controle de paginação voltar pra primeira página.
       offset = 0;
     }
-    const { total, count, loadingInProgress } = loadingInfo;
+    const { total, count, loadingInProgress, askRowsLimit } = loadingInfo;
     const firstRecord = (count === 0 || pageSize === 0) ? 0 : offset + 1;
     const lastRecord = offset + Math.min(pageSize, limit);
     return {
@@ -752,7 +905,8 @@ class DataUnitDataLoader {
       lastRecord,
       firstRecord,
       currentPage: offset / limit,
-      hasMore: lastRecord < count || loadingInProgress
+      hasMore: lastRecord < count || loadingInProgress,
+      askRowsLimit
     };
   }
 }

package/dist/components/pesquisa-grid2.js

@@ -8,7 +8,7 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 
-const pesquisaGridCss = ".sc-pesquisa-grid-h{height:100vh;background:var(--background--xlight, #FFF);overflow-x:auto}ez-grid.sc-pesquisa-grid{--ez-grid__container--shadow:none;--ez-grid__header--shadow:none}";
+const pesquisaGridCss = ".sc-pesquisa-grid-h{background:var(--background--xlight, #FFF);overflow-x:auto}ez-grid.sc-pesquisa-grid{--ez-grid__container--shadow:none;--ez-grid__header--shadow:none}";
 
 const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -21,21 +21,31 @@ const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.pkField = undefined;
     this.descriptionField = undefined;
     this.entityName = undefined;
+    this.shouldLoadConfig = false;
+    this._gridConfig = undefined;
     this._inMemoryLoader = undefined;
     this._dataunit = undefined;
-    this._gridConfig = undefined;
   }
   observeDataSource(newValue) {
     if (!this._inMemoryLoader || !this._dataunit || !newValue)
       return;
     this._inMemoryLoader.records = [...newValue];
   }
-  async componentWillLoad() {
+  observeMetadata() {
     this.initializeDataUnit();
+  }
+  async observeShouldLoadConfig(newValue) {
+    if (!newValue || this._gridConfig)
+      return;
+    await this.loadGridConfig();
+  }
+  async loadGridConfig() {
     this._gridConfig = await this._pesquisaFetcher.loadPesquisaGridConfig(this.entityName);
   }
   initializeDataUnit() {
     var _a;
+    if (!this.metadata)
+      return;
     this._inMemoryLoader = new InMemoryLoader(this.metadata, (_a = this.dataSource) !== null && _a !== void 0 ? _a : []);
     this._dataunit = this._inMemoryLoader.dataUnit;
     this._dataunit.pageSize = 0;
@@ -53,10 +63,14 @@ const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     await this._pesquisaFetcher.savePesquisaGridConfig(this.entityName, columns);
   }
   render() {
+    if (!this.metadata || !this._dataunit)
+      return;
     return (h(Host, null, h("ez-grid", { dataUnit: this._dataunit, config: this._gridConfig, canEdit: false, suppressCheckboxColumn: true, compact: true, autoFocus: false, onEzDoubleClick: ({ detail }) => this.handleDbClick(detail), onConfigChange: async (event) => this.handleConfigChanged(event) })));
   }
   static get watchers() { return {
-    "dataSource": ["observeDataSource"]
+    "dataSource": ["observeDataSource"],
+    "metadata": ["observeMetadata"],
+    "shouldLoadConfig": ["observeShouldLoadConfig"]
   }; }
   static get style() { return pesquisaGridCss; }
 }, [2, "pesquisa-grid", {
@@ -65,9 +79,10 @@ const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "pkField": [1, "pk-field"],
     "descriptionField": [1, "description-field"],
     "entityName": [1, "entity-name"],
+    "shouldLoadConfig": [4, "should-load-config"],
+    "_gridConfig": [32],
     "_inMemoryLoader": [32],
-    "_dataunit": [32],
-    "_gridConfig": [32]
+    "_dataunit": [32]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/pesquisa-tree2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 
-const pesquisaTreeCss = ".sc-pesquisa-tree-h{--snk-pesquisa--tree__action-container--top:var(--space--sm);--snk-pesquisa--tree__action-container--right:var(--space--small);--snk-pesquisa--tree__min-height:var(--space--extra-large);background:var(--background--xlight, #FFF);position:relative;display:inline-block;min-height:var(--snk-pesquisa--tree__min-height)}.sc-pesquisa-tree-h:hover .actions-container.sc-pesquisa-tree{display:flex}.actions-container.sc-pesquisa-tree{flex-direction:row;position:absolute;top:var(--snk-pesquisa--tree__action-container--top);right:var(--snk-pesquisa--tree__action-container--right);display:none}";
+const pesquisaTreeCss = ".sc-pesquisa-tree-h{--snk-pesquisa--tree__action-container--top:var(--space--sm);--snk-pesquisa--tree__action-container--right:var(--space--small);--snk-pesquisa--tree__min-height:var(--space--extra-large);background:var(--background--xlight, #FFF);position:relative;min-height:var(--snk-pesquisa--tree__min-height);height:100%;display:block;overflow-y:auto}.sc-pesquisa-tree-h:hover .actions-container.sc-pesquisa-tree{display:flex}.actions-container.sc-pesquisa-tree{flex-direction:row;position:absolute;top:var(--snk-pesquisa--tree__action-container--top);right:var(--snk-pesquisa--tree__action-container--right);display:none}";
 
 const PesquisaTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -11,12 +11,20 @@ const PesquisaTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.treeLoader = undefined;
     this.argument = undefined;
     this.allowsNonAnalytic = false;
+    this.shouldLoadTree = false;
     this.items = [];
   }
   async applyFilter() {
     await this._tree.applyFilter(this.argument);
   }
+  async observeShouldLoadTree(newValue) {
+    if (!newValue || this.items.length > 0)
+      return;
+    await this.loadTree();
+  }
   async loadTree() {
+    if (!this.shouldLoadTree)
+      return;
     if (!this.treeLoader || typeof this.treeLoader !== 'function')
       return;
     const response = await this.treeLoader((this.argument || '').trim());
@@ -45,23 +53,24 @@ const PesquisaTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     };
     this.pesquisaTreeSelectItem.emit(option);
   }
-  async componentWillLoad() {
-    await this.loadTree();
-  }
-  renderEmptyMessate() {
+  renderEmptyMessage() {
     return (h("div", { class: "ez-flex ez-flex--justify-center ez-flex--align-items-center ez-margin--large ez-text ez-text--xlarge ez-text--secondary" }, h("span", null, "Nenhum registro encontrado...")));
   }
   render() {
     var _a;
     return (h(Host, null, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ?
-      this.renderEmptyMessate() :
+      this.renderEmptyMessage() :
       h(Fragment, null, h("div", { class: 'actions-container' }, h("ez-button", { size: 'small', mode: 'icon', class: 'ez-margin-right--small', iconName: 'show-list', title: "Expandir", onClick: () => this.handleExpandAll() }), h("ez-button", { size: 'small', mode: 'icon', iconName: 'hide-list', title: "Recolher", onClick: () => this.handleCloseAll() })), h("ez-tree", { ref: (element) => this._tree = element, onEzDbClickItem: ({ detail }) => this.handleDbClick(detail), items: this.items }))));
   }
+  static get watchers() { return {
+    "shouldLoadTree": ["observeShouldLoadTree"]
+  }; }
   static get style() { return pesquisaTreeCss; }
 }, [2, "pesquisa-tree", {
     "treeLoader": [16],
     "argument": [1025],
     "allowsNonAnalytic": [4, "allows-non-analytic"],
+    "shouldLoadTree": [4, "should-load-tree"],
     "items": [32],
     "applyFilter": [64]
   }]);

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

@@ -6,7 +6,7 @@ import { C as ConfigStorage } from './ConfigStorage.js';
 import { O as ORDER_VALUES } from './constants.js';
 import { d as defineCustomElement$1 } from './snk-select-box2.js';
 
-const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--medium, 12px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--color-background)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--color-background);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--color-default);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:hover,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-grid-config__scrollbar--color-hover)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:active,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-grid-config__scrollbar--color-clicked)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
+const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--small, 8px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--color-background)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--color-background);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--color-default);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:hover,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-grid-config__scrollbar--color-hover)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:active,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-grid-config__scrollbar--color-clicked)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
 
 const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/snk-pesquisa2.js

@@ -1,17 +1,16 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { ObjectUtils, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
-import { a as PesquisaFetcher, d as buildGridMetadata } from './ISave.js';
+import { a as PesquisaFetcher, d as buildGridMetadata, e as PESQUISA_VIEW_MODE } from './ISave.js';
 import './DataFetcher.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
-import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 import { d as defineCustomElement$2 } from './pesquisa-grid2.js';
 import { d as defineCustomElement$1 } from './pesquisa-tree2.js';
 
-const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--color-secondary:var(--text--secondary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--medium, 12px);height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records-label.sc-snk-pesquisa{display:flex;flex-direction:row;justify-content:space-between;font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__records.sc-snk-pesquisa{color:var(--snk-pesquisa__records--color)}.snk-pesquisa__records-limit.sc-snk-pesquisa{color:var(--snk-pesquisa__records--color-secondary)}.snk-pesquisa__records-limit.hidden.sc-snk-pesquisa,.snk-pesquisa__records.hidden.sc-snk-pesquisa{visibility:hidden}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
+const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--color-secondary:var(--text--secondary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);--snk-pesquisa__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-pesquisa__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-pesquisa__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-pesquisa__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-pesquisa__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__scrollbar--width:var(--space--small, 8px);height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__scrollbar--color-clicked) var(--snk-pesquisa__scrollbar--color-background);padding-right:var(--snk-pesquisa__content--padding-right);height:100vh}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__scrollbar--color-background);width:var(--snk-pesquisa__scrollbar--width);max-width:var(--snk-pesquisa__scrollbar--width);min-width:var(--snk-pesquisa__scrollbar--width)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__scrollbar--color-background);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__scrollbar--color-default);border-radius:var(--snk-pesquisa__scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:hover,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-pesquisa__scrollbar--color-hover)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:vertical:active,.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-pesquisa__scrollbar--color-clicked)}.snk-pesquisa__records-label.sc-snk-pesquisa{display:flex;flex-direction:row;justify-content:space-between;font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__records-label.hidden.sc-snk-pesquisa{display:none}.snk-pesquisa__records.sc-snk-pesquisa{color:var(--snk-pesquisa__records--color)}.snk-pesquisa__records-limit.sc-snk-pesquisa{color:var(--snk-pesquisa__records--color-secondary)}.snk-pesquisa__records-limit.hidden.sc-snk-pesquisa,.snk-pesquisa__records.hidden.sc-snk-pesquisa{visibility:hidden}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}.snk-pesquisa__cards-container.sc-snk-pesquisa{height:100%;overflow-y:auto}";
 
 const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -31,6 +30,7 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._itemList = undefined;
     this._startLoading = false;
     this._presentationMode = "list";
+    this._currentView = undefined;
     this.searchLoader = undefined;
     this.treeLoader = undefined;
     this.selectItem = undefined;
@@ -333,25 +333,29 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   async componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
+    await this.chooseViewMode();
   }
-  async onClickList() {
+  async handleChangeViewMode() {
     this._presentationMode = this._presentationMode === 'list' ? 'table' : 'list';
+    await this.chooseViewMode();
     await this.pesquisaFetcher.savePresentationConfig(this.entityName, this._presentationMode);
   }
-  enableListButton() {
-    var _a;
-    return ((_a = this._itemList) === null || _a === void 0 ? void 0 : _a.length) > 0;
+  async chooseViewMode() {
+    var _a, _b;
+    if (this._presentationMode !== 'list') {
+      await ((_a = this._viewStack) === null || _a === void 0 ? void 0 : _a.show(PESQUISA_VIEW_MODE.GRID));
+      this._currentView = PESQUISA_VIEW_MODE.GRID;
+      return;
+    }
+    const view = this.isHierarchyEntity ? PESQUISA_VIEW_MODE.TREE : PESQUISA_VIEW_MODE.CARDS;
+    await ((_b = this._viewStack) === null || _b === void 0 ? void 0 : _b.show(view));
+    this._currentView = view;
   }
   //Os limites de exibição são diferentes para lista e grade
   hideLimitMessage() {
     if (!this._itemList)
       return true;
-    if (this._presentationMode === "list") {
-      if (this.isHierarchyEntity)
-        return true;
-      return this._itemList.length <= 100;
-    }
-    return this._itemList.length <= 150;
+    return this._itemList.length < 100;
   }
   hideRecordsMessage() {
     return (this._presentationMode === "list" && this.isHierarchyEntity);
@@ -374,30 +378,13 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       title: 'Modo lista',
     };
   }
-  renderContent() {
-    if (!this._itemList)
-      return;
-    if (this._presentationMode === 'list') {
-      return this.isHierarchyEntity ? this.renderTree() : this.renderCards();
-    }
-    return this.renderPesquisaGrid();
-  }
-  renderTree() {
-    return h("ez-scroller", { direction: EzScrollDirection.VERTICAL }, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) }));
-  }
-  renderCards() {
-    return (h("ez-scroller", { direction: EzScrollDirection.VERTICAL }, h("div", { class: "snk-pesquisa__cards-container" }, this._itemList.map((item) => {
-      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-    }))));
-  }
-  renderPesquisaGrid() {
-    return h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) });
-  }
   render() {
-    var _a;
+    var _a, _b;
     return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
       ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
-      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.onClickList(), enabled: this.enableListButton() })), h("div", { class: "snk-pesquisa__records-label" }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), h("div", { class: "snk-pesquisa__content" }, this.renderContent()))));
+      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, shouldLoadConfig: this._currentView === PESQUISA_VIEW_MODE.GRID, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) })), h("stack-item", null, h("div", { class: 'snk-pesquisa__cards-container' }, (_b = this._itemList) === null || _b === void 0 ? void 0 : _b.map((item) => {
+      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) })))))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -414,7 +401,8 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "allowsNonAnalytic": [4, "allows-non-analytic"],
     "_itemList": [32],
     "_startLoading": [32],
-    "_presentationMode": [32]
+    "_presentationMode": [32],
+    "_currentView": [32]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-taskbar2.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { Action, LockManager, LockManagerOperation, StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection, ElementIDUtils } from '@sankhyalabs/core';
+import { Action, LockManager, LockManagerOperation, SilentException, StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection, ElementIDUtils } from '@sankhyalabs/core';
 import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 import { P as PresentationMode } from './ISave.js';
 import { s as store } from './index2.js';
@@ -300,8 +300,14 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
           case TaskbarElement.SAVE:
             if (!this._isWaitingForSave) {
               this._isWaitingForSave = true;
-              this.dataUnit.saveData()
-                .finally(() => {
+              this.dataUnit.saveData().catch((err) => {
+                if (err instanceof SilentException) {
+                  return;
+                }
+                else {
+                  throw err;
+                }
+              }).finally(() => {
                 this._isWaitingForSave = false;
               });
             }

package/dist/esm/{ContinuousInsertUtils-c599f41b.js → ContinuousInsertUtils-deb7767f.js}

@@ -1,11 +1,11 @@
 import { D as DataFetcher } from './DataFetcher-5221b992.js';
-import './pesquisa-fetcher-3b206fe3.js';
+import './pesquisa-fetcher-767abffa.js';
 import { SortMode, ApplicationContext, UserInterface, DateUtils, ObjectUtils, StringUtils, NumberUtils, DataType } from '@sankhyalabs/core';
 import './index-3aa4977a.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-8dd93d8b.js';
+import { P as PreloadManager } from './dataunit-fetcher-26c2bed4.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-126e2471.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';