@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-83020.0 → 0.0.0-bugfix-dev-KB-81596.0

package/dist/collection/lib/dataUnit/InMemoryLoader.js

@@ -1,117 +1,28 @@
-import { ChangeOperation, DataType, DataUnit, DateUtils, StringUtils, } from '@sankhyalabs/core';
-import { buildLoadDataResponse } from './dataUnitInMemoryUtils';
+import { DataUnitInMemoryLoader } from '@sankhyalabs/core';
 export default class InMemoryLoader {
   constructor(metadata, records, config) {
-    this.metadata = metadata;
-    this.records = records;
-    this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
-    this._dataUnit.pageSize = 150;
-    this._dataUnit.metadataLoader = () => this.metadaLoader();
-    this._dataUnit.dataLoader = (dataUnit, request) => this.inMemoryLoader(dataUnit, request, this.getRecordsToLoad());
-    this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);
-    this._dataUnit.removeLoader = (_dataUnit, recordIds) => this.removeLoader(_dataUnit, recordIds);
-    this.dataUnit.loadMetadata().then(() => {
-      if ((config === null || config === void 0 ? void 0 : config.autoLoad) !== false) {
-        this.dataUnit.loadData();
-      }
-    });
-  }
-  getRecordsToLoad() {
-    if (this._initialRecords == undefined && this.dataUnit.records.length > 0) {
-      this._initialRecords = this.dataUnit.records;
-    }
-    const addedRecords = this.dataUnit.getAddedRecords();
-    if (addedRecords) {
-      return [...this._initialRecords, ...addedRecords];
-    }
-    return this._initialRecords;
+    this._dataUnitInMemoryLoader = new DataUnitInMemoryLoader(metadata, records, config);
   }
   get dataUnit() {
-    return this._dataUnit;
+    return this._dataUnitInMemoryLoader.dataUnit;
   }
   get records() {
-    return this.dataUnit.records;
-  }
-  static getConvertedValue(descriptor, strValue) {
-    if (descriptor.dataType === DataType.BOOLEAN) {
-      return strValue === "S";
-    }
-    if (descriptor.dataType === DataType.NUMBER) {
-      return Number(strValue);
-    }
-    if (descriptor.dataType === DataType.DATE) {
-      return DateUtils.strToDate(strValue, true);
-    }
-    if (descriptor.dataType === DataType.OBJECT) {
-      return JSON.parse(strValue);
-    }
-    return strValue;
+    return this._dataUnitInMemoryLoader.records;
   }
   set records(records) {
-    const columns = this._metadata ? new Map(this._metadata.fields.map(descriptor => [descriptor.name, descriptor])) : undefined;
-    const newRecords = records === null || records === void 0 ? void 0 : records.map(record => {
-      if (!record["__record__id__"]) {
-        record["__record__id__"] = this.generateUniqueId();
-      }
-      if (columns != undefined) {
-        for (const name in record) {
-          const value = record[name];
-          if (typeof value === "string" && columns.has(name)) {
-            record[name] = InMemoryLoader.getConvertedValue(columns.get(name), value);
-          }
-        }
-      }
-      return record;
-    });
-    this._initialRecords = newRecords;
-    if (this._dataUnit) {
-      //Isso força o refresh internamente no datunit
-      this._dataUnit.loadData();
-    }
+    this._dataUnitInMemoryLoader.records = records;
   }
   get metadata() {
-    return this._metadata;
+    return this._dataUnitInMemoryLoader.metadata;
   }
   set metadata(metadata) {
-    this._metadata = metadata;
-    if (this._dataUnit) {
-      this._dataUnit.metadata = this._metadata;
-    }
-  }
-  generateUniqueId() {
-    return StringUtils.generateUUID();
-  }
-  inMemoryLoader(dataUnit, request, recordsIn) {
-    return buildLoadDataResponse(recordsIn, dataUnit, request);
-  }
-  metadaLoader() {
-    return Promise.resolve(this._metadata);
-  }
-  saveLoader(_dataUnit, changes) {
-    return new Promise((resolve) => {
-      let dataUnitRecords = [];
-      changes.forEach(change => {
-        let { record, updatingFields, operation } = change;
-        const changedRecord = Object.assign(Object.assign({}, record), updatingFields);
-        if (operation === ChangeOperation.INSERT ||
-          operation === ChangeOperation.COPY) {
-          changedRecord["__old__id__"] = record["__record__id__"];
-          changedRecord["__record__id__"] = this.generateUniqueId();
-          this.records.push(changedRecord);
-        }
-        else {
-          const recordIndex = this.records.findIndex(r => r["__record__id__"] == changedRecord["__record__id__"]);
-          this.records[recordIndex] = changedRecord;
-        }
-        dataUnitRecords.push(changedRecord);
-      });
-      resolve(dataUnitRecords);
-    });
+    this._dataUnitInMemoryLoader.metadata = metadata;
   }
   removeLoader(_dataUnit, recordIds) {
-    return new Promise((resolve) => {
-      resolve(recordIds);
-    });
+    return this._dataUnitInMemoryLoader.removeLoader(_dataUnit, recordIds);
+  }
+  static getConvertedValue(descriptor, strValue, dateFormat) {
+    return DataUnitInMemoryLoader.getConvertedValue(descriptor, strValue, dateFormat);
   }
 }
-InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME = "InMemoryDataUnit";
+InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME = DataUnitInMemoryLoader.IN_MEMORY_DATA_UNIT_NAME;

package/dist/collection/lib/dataUnit/dataUnitInMemoryUtils.js

@@ -1,62 +1,16 @@
-import { ColumnFilterManager } from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
-import PreloadManager from '../http/data-fetcher/fetchers/data-unit/cache/PreloadManager';
+import { DataUnitLoaderUtils, } from '@sankhyalabs/core';
 export function applyFilter(records, dataUnit, filters) {
-  const columnFilters = ColumnFilterManager.getColumnFilters(filters, "");
-  if (!(columnFilters === null || columnFilters === void 0 ? void 0 : columnFilters.size)) {
-    return records;
-  }
-  const filterFunction = ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values()));
-  if (filterFunction == undefined) {
-    return records;
-  }
-  return records.filter(filterFunction);
+  return DataUnitLoaderUtils.applyFilter(records, dataUnit, filters);
 }
 export function buildLoadDataResponse(recordsIn, dataUnit, request) {
-  let records = recordsIn ? [...recordsIn] : [];
-  records = applyFilter(records, dataUnit, request.filters);
-  records = applySorting(records, dataUnit, request.sort);
-  const { offset, limit } = request;
-  const paginationInfoBuilderParams = {
-    recordsLength: records.length,
-    offset,
-    recordsPerPage: limit,
-  };
-  return Promise.resolve({
-    records: getPagesByRecords(records, offset, limit),
-    paginationInfo: dataUnit.pageSize ? buildPaginationInfo(paginationInfoBuilderParams) : undefined,
-  });
+  return DataUnitLoaderUtils.buildLoadDataResponse(recordsIn, dataUnit, request);
 }
 export function applySorting(records, dataUnit, sorting) {
-  if (sorting == undefined || sorting.length == 0) {
-    return records;
-  }
-  const sortingFunction = PreloadManager.getSortingFunction(dataUnit, sorting);
-  if (sortingFunction == undefined) {
-    return records;
-  }
-  return records.sort(sortingFunction);
-}
-function hasValidLimitAndOffset(offset, limit) {
-  return offset >= 0 && limit >= 0;
+  return DataUnitLoaderUtils.applySorting(records, dataUnit, sorting);
 }
 export function getPagesByRecords(records, offset = 0, limit = 0) {
-  if (!records || !records.length || !hasValidLimitAndOffset(offset, limit))
-    return [];
-  if (limit === 0 && offset === 0)
-    return records;
-  return records.slice(offset, offset + limit);
+  return DataUnitLoaderUtils.getPagesByRecords(records, offset, limit);
 }
-export function buildPaginationInfo({ recordsLength = 0, offset = 0, recordsPerPage = 0 }) {
-  if (!recordsLength) {
-    return { currentPage: 0, firstRecord: 0, lastRecord: 0, total: 0, hasMore: false };
-  }
-  const lastRecordIndex = offset + recordsPerPage;
-  const lastRecord = lastRecordIndex ? Math.min(lastRecordIndex, recordsLength) : recordsLength;
-  return {
-    currentPage: recordsPerPage === 0 ? 0 : Math.ceil(offset / recordsPerPage),
-    firstRecord: offset + 1,
-    lastRecord: lastRecord,
-    total: recordsLength,
-    hasMore: lastRecord < recordsLength,
-  };
+export function buildPaginationInfo({ recordsLength = 0, offset = 0, recordsPerPage = 0, }) {
+  return DataUnitLoaderUtils.buildPaginationInfo({ recordsLength, offset, recordsPerPage });
 }

package/dist/components/dataunit-fetcher.js

@@ -1,4 +1,4 @@
-import { ObjectUtils, DataUnit, DataType, DateUtils, StringUtils, ChangeOperation, ApplicationContext, UserInterface, DataUnitStorage } from '@sankhyalabs/core';
+import { DataUnitInMemoryLoader, ObjectUtils, DataUnit, ApplicationContext, StringUtils, UserInterface, DataUnitStorage, DataType, ChangeOperation } from '@sankhyalabs/core';
 import { D as DataFetcher, d as dist } from './DataFetcher.js';
 import { DISTINCT_FILTER_NAME_PREFIX } from '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
@@ -6,6 +6,34 @@ import { ColumnFilterManager } from '@sankhyalabs/ezui/dist/collection/component
 import SortingUtils from '@sankhyalabs/core/dist/utils/SortingUtils';
 import { R as ResourceIDUtils } from './ResourceIDUtils.js';
 
+class InMemoryLoader {
+  constructor(metadata, records, config) {
+    this._dataUnitInMemoryLoader = new DataUnitInMemoryLoader(metadata, records, config);
+  }
+  get dataUnit() {
+    return this._dataUnitInMemoryLoader.dataUnit;
+  }
+  get records() {
+    return this._dataUnitInMemoryLoader.records;
+  }
+  set records(records) {
+    this._dataUnitInMemoryLoader.records = records;
+  }
+  get metadata() {
+    return this._dataUnitInMemoryLoader.metadata;
+  }
+  set metadata(metadata) {
+    this._dataUnitInMemoryLoader.metadata = metadata;
+  }
+  removeLoader(_dataUnit, recordIds) {
+    return this._dataUnitInMemoryLoader.removeLoader(_dataUnit, recordIds);
+  }
+  static getConvertedValue(descriptor, strValue, dateFormat) {
+    return DataUnitInMemoryLoader.getConvertedValue(descriptor, strValue, dateFormat);
+  }
+}
+InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME = DataUnitInMemoryLoader.IN_MEMORY_DATA_UNIT_NAME;
+
 class ArrayRepository {
   constructor(equalsFunction) {
     this._list = [];
@@ -238,183 +266,6 @@ class PreloadManager {
 PreloadManager._repositories = new Map();
 PreloadManager._loadingStatus = new Map();
 
-function applyFilter(records, dataUnit, filters) {
-  const columnFilters = ColumnFilterManager.getColumnFilters(filters, "");
-  if (!(columnFilters === null || columnFilters === void 0 ? void 0 : columnFilters.size)) {
-    return records;
-  }
-  const filterFunction = ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values()));
-  if (filterFunction == undefined) {
-    return records;
-  }
-  return records.filter(filterFunction);
-}
-function buildLoadDataResponse(recordsIn, dataUnit, request) {
-  let records = recordsIn ? [...recordsIn] : [];
-  records = applyFilter(records, dataUnit, request.filters);
-  records = applySorting(records, dataUnit, request.sort);
-  const { offset, limit } = request;
-  const paginationInfoBuilderParams = {
-    recordsLength: records.length,
-    offset,
-    recordsPerPage: limit,
-  };
-  return Promise.resolve({
-    records: getPagesByRecords(records, offset, limit),
-    paginationInfo: dataUnit.pageSize ? buildPaginationInfo(paginationInfoBuilderParams) : undefined,
-  });
-}
-function applySorting(records, dataUnit, sorting) {
-  if (sorting == undefined || sorting.length == 0) {
-    return records;
-  }
-  const sortingFunction = PreloadManager.getSortingFunction(dataUnit, sorting);
-  if (sortingFunction == undefined) {
-    return records;
-  }
-  return records.sort(sortingFunction);
-}
-function hasValidLimitAndOffset(offset, limit) {
-  return offset >= 0 && limit >= 0;
-}
-function getPagesByRecords(records, offset = 0, limit = 0) {
-  if (!records || !records.length || !hasValidLimitAndOffset(offset, limit))
-    return [];
-  if (limit === 0 && offset === 0)
-    return records;
-  return records.slice(offset, offset + limit);
-}
-function buildPaginationInfo({ recordsLength = 0, offset = 0, recordsPerPage = 0 }) {
-  if (!recordsLength) {
-    return { currentPage: 0, firstRecord: 0, lastRecord: 0, total: 0, hasMore: false };
-  }
-  const lastRecordIndex = offset + recordsPerPage;
-  const lastRecord = lastRecordIndex ? Math.min(lastRecordIndex, recordsLength) : recordsLength;
-  return {
-    currentPage: recordsPerPage === 0 ? 0 : Math.ceil(offset / recordsPerPage),
-    firstRecord: offset + 1,
-    lastRecord: lastRecord,
-    total: recordsLength,
-    hasMore: lastRecord < recordsLength,
-  };
-}
-
-class InMemoryLoader {
-  constructor(metadata, records, config) {
-    this.metadata = metadata;
-    this.records = records;
-    this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
-    this._dataUnit.pageSize = 150;
-    this._dataUnit.metadataLoader = () => this.metadaLoader();
-    this._dataUnit.dataLoader = (dataUnit, request) => this.inMemoryLoader(dataUnit, request, this.getRecordsToLoad());
-    this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);
-    this._dataUnit.removeLoader = (_dataUnit, recordIds) => this.removeLoader(_dataUnit, recordIds);
-    this.dataUnit.loadMetadata().then(() => {
-      if ((config === null || config === void 0 ? void 0 : config.autoLoad) !== false) {
-        this.dataUnit.loadData();
-      }
-    });
-  }
-  getRecordsToLoad() {
-    if (this._initialRecords == undefined && this.dataUnit.records.length > 0) {
-      this._initialRecords = this.dataUnit.records;
-    }
-    const addedRecords = this.dataUnit.getAddedRecords();
-    if (addedRecords) {
-      return [...this._initialRecords, ...addedRecords];
-    }
-    return this._initialRecords;
-  }
-  get dataUnit() {
-    return this._dataUnit;
-  }
-  get records() {
-    return this.dataUnit.records;
-  }
-  static getConvertedValue(descriptor, strValue) {
-    if (descriptor.dataType === DataType.BOOLEAN) {
-      return strValue === "S";
-    }
-    if (descriptor.dataType === DataType.NUMBER) {
-      return Number(strValue);
-    }
-    if (descriptor.dataType === DataType.DATE) {
-      return DateUtils.strToDate(strValue, true);
-    }
-    if (descriptor.dataType === DataType.OBJECT) {
-      return JSON.parse(strValue);
-    }
-    return strValue;
-  }
-  set records(records) {
-    const columns = this._metadata ? new Map(this._metadata.fields.map(descriptor => [descriptor.name, descriptor])) : undefined;
-    const newRecords = records === null || records === void 0 ? void 0 : records.map(record => {
-      if (!record["__record__id__"]) {
-        record["__record__id__"] = this.generateUniqueId();
-      }
-      if (columns != undefined) {
-        for (const name in record) {
-          const value = record[name];
-          if (typeof value === "string" && columns.has(name)) {
-            record[name] = InMemoryLoader.getConvertedValue(columns.get(name), value);
-          }
-        }
-      }
-      return record;
-    });
-    this._initialRecords = newRecords;
-    if (this._dataUnit) {
-      //Isso força o refresh internamente no datunit
-      this._dataUnit.loadData();
-    }
-  }
-  get metadata() {
-    return this._metadata;
-  }
-  set metadata(metadata) {
-    this._metadata = metadata;
-    if (this._dataUnit) {
-      this._dataUnit.metadata = this._metadata;
-    }
-  }
-  generateUniqueId() {
-    return StringUtils.generateUUID();
-  }
-  inMemoryLoader(dataUnit, request, recordsIn) {
-    return buildLoadDataResponse(recordsIn, dataUnit, request);
-  }
-  metadaLoader() {
-    return Promise.resolve(this._metadata);
-  }
-  saveLoader(_dataUnit, changes) {
-    return new Promise((resolve) => {
-      let dataUnitRecords = [];
-      changes.forEach(change => {
-        let { record, updatingFields, operation } = change;
-        const changedRecord = Object.assign(Object.assign({}, record), updatingFields);
-        if (operation === ChangeOperation.INSERT ||
-          operation === ChangeOperation.COPY) {
-          changedRecord["__old__id__"] = record["__record__id__"];
-          changedRecord["__record__id__"] = this.generateUniqueId();
-          this.records.push(changedRecord);
-        }
-        else {
-          const recordIndex = this.records.findIndex(r => r["__record__id__"] == changedRecord["__record__id__"]);
-          this.records[recordIndex] = changedRecord;
-        }
-        dataUnitRecords.push(changedRecord);
-      });
-      resolve(dataUnitRecords);
-    });
-  }
-  removeLoader(_dataUnit, recordIds) {
-    return new Promise((resolve) => {
-      resolve(recordIds);
-    });
-  }
-}
-InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME = "InMemoryDataUnit";
-
 function getRecordValue(record, fieldName) {
   var _a, _b;
   return ((_a = record[fieldName]) === null || _a === void 0 ? void 0 : _a.value) !== undefined ? (_b = record[fieldName]) === null || _b === void 0 ? void 0 : _b.value : record[fieldName];
@@ -1250,4 +1101,4 @@ class DataUnitFetcher {
   }
 }
 
-export { DataUnitFetcher as D, InMemoryLoader as I, PreloadManager as P, DatasetStrategy as a, buildLoadDataResponse as b, getRecordValue as g };
+export { DataUnitFetcher as D, InMemoryLoader as I, PreloadManager as P, DatasetStrategy as a, getRecordValue as g };

package/dist/components/snk-attach2.js

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnit } from '@sankhyalabs/core';
+import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnitLoaderUtils, DataUnit } from '@sankhyalabs/core';
 import { D as DataFetcher } from './DataFetcher.js';
 import { S as SaveErrorsEnum } from './ISave.js';
-import { P as PreloadManager, b as buildLoadDataResponse, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
+import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { V as VIEW_MODE } from './constants.js';
@@ -462,7 +462,7 @@ class AttachFetcherDataUnitFactory {
       });
       this._records = records;
     }
-    return buildLoadDataResponse(this._records, dataUnit, request);
+    return DataUnitLoaderUtils.buildLoadDataResponse(this._records, dataUnit, request);
   }
   saveLoader(changes, fetcher) {
     return new Promise((resolve) => {

package/dist/components/snk-data-unit2.js

@@ -257,7 +257,9 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return new DataUnitAction(Action.RECORDS_COPIED, this.handleRecordsCopied(action.payload));
   }
   async interceptDataChange(action) {
-    if (this.isAllowed("UPDATE")) {
+    var _a;
+    const recordId = (_a = this.dataUnit.getSelectedRecord()) === null || _a === void 0 ? void 0 : _a.__record__id__;
+    if (this.isAllowed("UPDATE") || this.dataUnit.isNewRecord(recordId)) {
       return action;
     }
     if (this._openedAlert) {

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

@@ -253,7 +253,7 @@ class SnkFilterModalFactory {
   }
 }
 
-const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:8px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__scroller.sc-snk-filter-bar{height:calc(100% + var(--space-extra-small, 3px))}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-items:start}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
+const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:12px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-items:start}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
 
 const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -735,7 +735,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this.mode !== "regular") {
       return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }))));
     }
-    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
+    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium ez-margin-top--extra-small", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }
   get _element() { return this; }
   static get watchers() { return {

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

@@ -33,6 +33,7 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this._filterItemElement.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" });
       if (open) {
         this._closeCallback = resolve;
+        this._chipElement.blur();
         window.requestAnimationFrame(() => {
           this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, this.getFloatOptions());
           this._popover.show();

package/dist/esm/{ClientSideExporterProvider-ff89c7e9.js → ClientSideExporterProvider-3537805a.js}

@@ -5,7 +5,7 @@ import { D as DataExporterOption } from './index-b40568ff.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-5247a708.js';
+import { P as PreloadManager } from './dataunit-fetcher-91b094f2.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-126e2471.js';
 import './constants-75abb876.js';