@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-76031.3 → 0.0.0-bugfix-dev-kb-80398.0

package/dist/components/dataunit-fetcher.js

@@ -9,6 +9,9 @@ import { R as ResourceIDUtils } from './ResourceIDUtils.js';
 class ArrayRepository {
   constructor(equalsFunction) {
     this._list = [];
+    this._listCopy = [];
+    this._listLastUpdate = 0;
+    this._listCopyLastUpdate = 0;
     this._equalsFunction = equalsFunction;
   }
   async load(filterFunction, sortingFunction, offset, limit) {
@@ -47,13 +50,13 @@ class ArrayRepository {
     return Promise.resolve(new Map(processedItems.map(item => [item.key, item.value])));
   }
   async push(items) {
-    this._list.push(...items);
+    this.updateList([...this._list, ...items]);
   }
   async clear() {
-    this._list = [];
+    this.updateList([]);
   }
   async delete(items) {
-    this._list = this._list.filter(item => {
+    const list = this._list.filter(item => {
       for (const removed of items) {
         if (this._equalsFunction(item, removed)) {
           return false;
@@ -61,20 +64,23 @@ class ArrayRepository {
       }
       return true;
     });
+    this.updateList(list);
   }
   async update(items) {
-    this._list = this._list.map(existingItem => {
+    const list = this._list.map(existingItem => {
       const newItem = items.find(newItem => this._equalsFunction(existingItem, newItem));
       return newItem == undefined ? existingItem : newItem;
     });
+    this.updateList(list);
   }
   async insert(itemReference, items) {
     const itemPosition = this._list.indexOf(itemReference);
     if (itemPosition == -1) {
-      this._list.push(...items);
+      this.push(items);
       return;
     }
-    this._list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    const list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    this.updateList(list);
   }
   isOperating() {
     return true;
@@ -86,7 +92,15 @@ class ArrayRepository {
     return Promise.resolve(this._list.length);
   }
   getFromCache() {
-    return ObjectUtils.copy(this._list);
+    if (this._listLastUpdate > this._listCopyLastUpdate) {
+      this._listCopyLastUpdate = this._listLastUpdate;
+      this._listCopy = ObjectUtils.copy(this._list);
+    }
+    return this._listCopy;
+  }
+  updateList(newList) {
+    this._list = newList;
+    this._listLastUpdate = Date.now();
   }
 }
 

package/dist/components/pesquisa-grid2.js

@@ -7,6 +7,7 @@ import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
+import './constants.js';
 
 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}";
 

package/dist/components/snk-actions-button2.js

@@ -8,6 +8,7 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
+import './constants.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils.js';
 

package/dist/components/snk-application2.js

@@ -7,6 +7,7 @@ import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher.js';
 import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher.js';
 import { a as PesquisaFetcher } from './ISave.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
+import { T as TEMPLATES_SKELETON } from './constants.js';
 import { d as defineCustomElement$3 } from './pesquisa-grid2.js';
 import { d as defineCustomElement$2 } from './pesquisa-tree2.js';
 import { d as defineCustomElement$1 } from './snk-pesquisa2.js';
@@ -376,7 +377,7 @@ class RequestListenerFactory {
   }
 }
 
-const snkApplicationCss = ".sc-snk-application-h{display:flex;flex-direction:column;height:100%}.sc-snk-application-h>.loading-hidden.sc-snk-application{display:none;pointer-events:none}.skeleton-content-left.sc-snk-application{width:300px;padding-right:5px}.skeleton-content.sc-snk-application{height:calc(100vh - 310px)}.spinner.sc-snk-application{height:100vh;gap:10px}.spinner.sc-snk-application>.spin.sc-snk-application{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";
+const snkApplicationCss = ".sc-snk-application-h{--scrim-z-index:var(--elevation--100, 100);display:flex;flex-direction:column;height:100%}.sc-snk-application-h>.loading-hidden.sc-snk-application{display:none;pointer-events:none}.skeleton-content-left.sc-snk-application{width:300px;padding-right:5px}.skeleton-content.sc-snk-application{height:calc(100vh - 310px)}.spinner.sc-snk-application{height:100vh;gap:10px}.spinner.sc-snk-application>.spin.sc-snk-application{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";
 
 const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -391,12 +392,14 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._duCache = new Map();
     this._duPromises = new Map();
     this._requestListener = RequestListenerFactory.create({ strategy: 'request_time' });
-    this._maxTimeLockAppLoading = 10000;
+    this._maxTimerAppLoading = 10000;
     this._isBrowserTypeElectron = false;
     this._pendingActions = new Map;
     this._loadPkParameter = null;
     this._isLoadedByPk = false;
     this._applicationReady = false;
+    this._templateSkeleton = TEMPLATES_SKELETON.GRID;
+    this._activeScrimWindow = false;
     this.enableLockManagerLoadingApp = undefined;
     this.messagesBuilder = undefined;
     this.configName = undefined;
@@ -892,12 +895,20 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     });
     PreloadManager.removeRecords(dataUnit, records);
   }
-  getCountSkeleton(className, skeletonHeight, spacingSkeleton) {
-    let containerHeight = window.innerHeight - 350;
-    spacingSkeleton = !spacingSkeleton ? 20 : spacingSkeleton;
-    let skeletonCount = Math.floor(containerHeight / (skeletonHeight + spacingSkeleton));
+  getCountSkeleton(skeletonHeight, spacingSkeleton, headerHeight) {
+    headerHeight = headerHeight || 160;
+    const containerHeight = window.innerHeight - headerHeight;
+    const skeletonSpacing = spacingSkeleton || 10;
+    const totalHeightPerSkeleton = skeletonHeight + skeletonSpacing;
+    const skeletonCount = Math.floor(containerHeight / totalHeightPerSkeleton) - 1;
     return skeletonCount || 1;
   }
+  getSkeletonRandomWidth() {
+    const min = 30;
+    const max = 100;
+    const randomWidth = Math.floor(Math.random() * (max - min + 1)) + min;
+    return `${randomWidth}%`;
+  }
   async getAuthList(auth) {
     return await (new MGEAuthorization()).parseFromJSON(auth);
   }
@@ -1377,6 +1388,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.removeShortcuts();
     if (this._lockManagerTimer)
       clearTimeout(this._lockManagerTimer);
+    if (this._scrimWindowTimer)
+      clearTimeout(this._scrimWindowTimer);
   }
   async componentDidLoad() {
     this.applicationLoading.emit(true);
@@ -1396,18 +1409,39 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       this._applicationReady = true;
     }
   }
-  async markToReload() {
+  async showScrimApp(active) {
+    if (!this.enableLockManagerLoadingApp || !this._applicationReady || !active) {
+      this._activeScrimWindow = false;
+      if (this._scrimWindowTimer)
+        clearTimeout(this._scrimWindowTimer);
+      return;
+    }
+    this._activeScrimWindow = true;
+    this._scrimWindowTimer = setTimeout(async () => {
+      if (this._activeScrimWindow) {
+        this._activeScrimWindow = false;
+        clearTimeout(this._scrimWindowTimer);
+      }
+    }, this._maxTimerAppLoading);
+  }
+  async changeTemplateSkeleton(templateSkeletonType) {
+    this._templateSkeleton = templateSkeletonType ? templateSkeletonType : this._templateSkeleton;
+  }
+  async markToReload(templateSkeletonType) {
     if (!this.enableLockManagerLoadingApp)
       return;
+    await this.changeTemplateSkeleton(templateSkeletonType);
     this._applicationReady = false;
     await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
     this.resolveApplicationReady();
   }
-  async addLoadingLock(forceReady = false) {
+  async addLoadingLock(forceReady = false, templateSkeletonType) {
     if (!this.enableLockManagerLoadingApp)
       return;
+    await this.changeTemplateSkeleton(templateSkeletonType);
     if (forceReady) {
       this._applicationReady = false;
+      this._activeScrimWindow = this._applicationReady ? true : false;
       await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
     }
     this.resolveApplicationReady();
@@ -1444,7 +1478,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
         this.stopTimeoutLockManager();
         this._applicationReady = true;
       }
-    }, this._maxTimeLockAppLoading);
+    }, this._maxTimerAppLoading);
   }
   initKeyboardManager() {
     this._keyboardManager
@@ -1458,19 +1492,26 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       .unbind("ctrl + d")
       .unbind("F1");
   }
-  // TODO: Etapa 2 - implementar template de loading
-  renderLoadingSkeleton(template) {
+  renderLoadingSkeleton() {
     if (!this.enableLockManagerLoadingApp)
       return;
     if (this._isBrowserTypeElectron) {
       return this.getSpinnerLoadingDefault();
     }
-    switch (template) {
-      case TEMPLATES_LOADING_SKELETON.APPLICATION:
-      case TEMPLATES_LOADING_SKELETON.GRID:
-        return this.getSkeletonTemplateApplication();
-      default:
-        return this.getSkeletonTemplateApplication();
+    else {
+      switch (this._templateSkeleton) {
+        case TEMPLATES_SKELETON.CUSTOM_TEMPLATE:
+        case TEMPLATES_SKELETON.GRID:
+          return this.getSkeletonTemplateGrid();
+        case TEMPLATES_SKELETON.GRID_WITH_SIDEBAR:
+          return this.getSkeletonTemplateGridWithSidebar();
+        case TEMPLATES_SKELETON.GRID_WITH_PANEL:
+          return this.getSkeletonTemplateGridWithPanel();
+        case TEMPLATES_SKELETON.FORM_WITH_SIDEBAR:
+          return this.getSkeletonTemplateFormWithSidebar();
+        default:
+          return this.getSkeletonTemplateGrid();
+      }
     }
   }
   getLoadingVisibilityStyle() {
@@ -1479,8 +1520,17 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       display: this._applicationReady ? "none" : "unset"
     };
   }
-  getSkeletonTemplateApplication() {
-    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--extra-small" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "150px", animation: "progress" })), h("div", { class: "ez-flex ez-flex--align-items-stretch skeleton-content" }, h("div", { class: "skeleton-content-left ez-margin--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "calc(100% - 15px)", animation: "progress", marginBottom: "20px" })), h("div", { class: "ez-flex-item--auto skeleton-content-right ez-margin--medium" }, h("ez-skeleton", { count: this.getCountSkeleton("skeleton-content-right", 50, 20), variant: "rect", width: "100%", height: "49px", animation: "progress", marginBottom: "20px" }))), h("div", { class: "skeleton-content-footer ez-margin--medium ez-margin-top--extra-small" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100px", animation: "progress" }))));
+  getSkeletonTemplateGrid() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(-105px + 100vh)" } }, [1, 2, 3, 4].map((_, index) => (h("div", { class: "ez-margin-right--large", key: index, style: { width: "25%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))));
+  }
+  getSkeletonTemplateGridWithSidebar() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(100vh - 160px)" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-margin-right--large", style: { width: "75%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))));
+  }
+  getSkeletonTemplateGridWithPanel() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "", style: { width: "70%", overflow: "hidden" } }, h("div", { class: "ez-padding--medium", style: { height: "50%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100%", animation: "progress" })), h("div", { class: "ez-padding--medium", style: {} }, h("ez-skeleton", { count: 1, variant: "rect", width: "250px", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-padding--medium", style: { height: "45%" } }, [1, 2].map(() => (h("div", { style: { width: "50%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100%", animation: "progress" })))))), h("div", { class: "ez-flex ez-flex--column ez-padding--medium", style: { width: "30%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 10)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))));
+  }
+  getSkeletonTemplateFormWithSidebar() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-flex ez-flex--column", style: { width: "75%" } }, h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))))), h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))))))));
   }
   getSpinnerLoadingDefault() {
     return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, "Carregando..."))));
@@ -1489,7 +1539,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     return (h(Host, { style: {
         visibility: (!this.enableLockManagerLoadingApp || this._applicationReady) ? "unset" : "hidden",
         overflow: (!this.enableLockManagerLoadingApp || this._applicationReady) ? "unset" : "hidden"
-      } }, h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.ezLoadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true }), this.renderLoadingSkeleton())));
+      } }, h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.ezLoadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true }), this.renderLoadingSkeleton(), this._activeScrimWindow && (h("div", { class: "ez-scrim ez-scrim--light", style: { cursor: "progress", zIndex: "var(--scrim-z-index)" } })))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -1504,6 +1554,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "formLegacyConfigName": [1, "form-legacy-config-name"],
     "loadByPK": [16],
     "_applicationReady": [32],
+    "_templateSkeleton": [32],
+    "_activeScrimWindow": [32],
     "getKeyboardManager": [64],
     "isUserSup": [64],
     "addPendingAction": [64],
@@ -1555,6 +1607,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "getDataFetcher": [64],
     "whenApplicationReady": [64],
     "setSearchFilterContext": [64],
+    "showScrimApp": [64],
     "markToReload": [64],
     "addLoadingLock": [64]
   }]);
@@ -1564,11 +1617,6 @@ class PendingPromise {
     this.reject = reject;
   }
 }
-var TEMPLATES_LOADING_SKELETON;
-(function (TEMPLATES_LOADING_SKELETON) {
-  TEMPLATES_LOADING_SKELETON[TEMPLATES_LOADING_SKELETON["APPLICATION"] = 1] = "APPLICATION";
-  TEMPLATES_LOADING_SKELETON[TEMPLATES_LOADING_SKELETON["GRID"] = 2] = "GRID";
-})(TEMPLATES_LOADING_SKELETON || (TEMPLATES_LOADING_SKELETON = {}));
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/snk-config-options2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { UserInterface, ObjectUtils, StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { DataType, getConvertedValue } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
-import { a as VARS_BY_TYPE, D as DEFAULT_TYPE, T as TAGS_BY_TYPE } from './constants.js';
+import { a as VARS_BY_TYPE, D as DEFAULT_TYPE, b as TAGS_BY_TYPE } from './constants.js';
 
 const snkConfigOptionsCss = ".sc-snk-config-options-h{--snk-config-options--border:2px solid var(--color--secondary-200, #D2D3DA);width:100%;border-radius:15px;border:var(--snk-config-options--border)}.config-options__switch-row.sc-snk-config-options{margin-top:-30px}";
 

package/dist/components/snk-detail-view2.js

@@ -9,8 +9,8 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
-import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
 import { V as VIEW_MODE } from './constants.js';
+import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
 import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './ContinuousInsertUtils.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { d as defineCustomElement$v } from './snk-actions-button2.js';

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

@@ -139,7 +139,7 @@ function buildNumber(item) {
   const variation = props.variation;
   if (variation === FilterNumberVariation.INTERVAL) {
     const { start, end } = value !== null && value !== void 0 ? value : { start: 0, end: 0 };
-    if (start && end) {
+    if (!isNaN(start) && !isNaN(end)) {
       return {
         name: id,
         expression: props.intervalExpression.fullfill,
@@ -149,7 +149,7 @@ function buildNumber(item) {
         ]
       };
     }
-    if (start) {
+    if (!isNaN(start)) {
       return {
         name: id,
         expression: props.intervalExpression.onlystart,
@@ -158,7 +158,7 @@ function buildNumber(item) {
         ]
       };
     }
-    if (end) {
+    if (!isNaN(end)) {
       return {
         name: id,
         expression: props.intervalExpression.onlyend,

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

@@ -207,13 +207,13 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       }
       if (type === FilterItemType.NUMBER && props.variation === FilterNumberVariation.INTERVAL) {
         const { start, end } = value;
-        if (start && end) {
+        if (!isNaN(start) && !isNaN(end)) {
           return this.getMessage('snkFilterBar.fullIntervalTooltip', { LABEL: label, START_LABEL: start, END_LABEL: end });
         }
-        if (start) {
+        if (!isNaN(start)) {
           return `${label}: ${this.getMessage('snkFilterBar.onlyStartToltip')} ${Number(start)}`;
         }
-        if (end) {
+        if (!isNaN(end)) {
           return `${label}: ${this.getMessage('snkFilterBar.onlyEndToltip')} ${Number(end)}`;
         }
       }

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

@@ -23,7 +23,7 @@ const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (this.getVariation() === FilterNumberVariation.INTERVAL) {
       const start = this._startInterval.value;
       const end = this._endInterval.value;
-      this.value = (start || end ? { start, end } : undefined);
+      this.value = (!isNaN(start) || !isNaN(end) ? { start, end } : undefined);
       this.valueChanged.emit(this.value);
       return;
     }

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { a as Sortable, d as defineCustomElement$1 } from './snk-tab-config2.js';
 import { ObjectUtils, ElementIDUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as CONFIG_EVENTS, b as CONFIG_SORTABLE_EVENTS, c as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants.js';
+import { C as CONFIG_EVENTS, c as CONFIG_SORTABLE_EVENTS, d as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants.js';
 import { U as UserConfigType } from './form-config-fetcher.js';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { d as defineCustomElement$3 } from './snk-config-options2.js';

package/dist/components/snk-grid2.js

@@ -12,6 +12,7 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
+import './constants.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
 import { d as defineCustomElement$i } from './snk-actions-button2.js';
 import { d as defineCustomElement$h } from './snk-data-exporter2.js';
@@ -290,10 +291,24 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._gridConfig = config;
     CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
   }
+  fixColumNameCharset(columnName) {
+    try {
+      return decodeURIComponent(escape(columnName));
+    }
+    catch (e) {
+      return columnName;
+    }
+  }
+  normalizeGridConfig(config) {
+    if (!config)
+      return config;
+    const columnsMapped = config.columns.map(column => (Object.assign(Object.assign({}, column), { name: this.fixColumNameCharset(column.name) })));
+    return Object.assign(Object.assign({}, config), { columns: columnsMapped });
+  }
   loadConfig() {
     ConfigStorage.loadGridConfig(this.configName, this.resourceID)
       .then((config) => {
-      this.setGridConfig(config);
+      this.setGridConfig(this.normalizeGridConfig(config));
     })
       .catch((error) => {
       console.warn(error);
@@ -305,12 +320,12 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   gridConfigChangeHandler(evt) {
-    const config = evt.detail;
+    const config = this.normalizeGridConfig(evt.detail);
     ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
     evt.stopPropagation();
   }
   modalConfigChangeHandler(evt) {
-    const config = evt.detail;
+    const config = this.normalizeGridConfig(evt.detail);
     this._grid.setColumnsState(config.columns)
       .then(() => {
       this.setGridConfig(config);

package/dist/components/snk-pesquisa2.js

@@ -7,6 +7,7 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
+import './constants.js';
 import { d as defineCustomElement$2 } from './pesquisa-grid2.js';
 import { d as defineCustomElement$1 } from './pesquisa-tree2.js';
 

package/dist/components/snk-simple-form-config2.js

@@ -7,6 +7,7 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
+import './constants.js';
 
 const snkSimpleFormConfigCss = ":host{display:block}.config-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.config-lists{margin-bottom:12px}.config-actions{display:flex;flex-direction:row;justify-content:flex-end;width:100%;gap:12px}";
 

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
-import { C as CONFIG_EVENTS, b as CONFIG_SORTABLE_EVENTS, K as KEY_EVENTS, d as TYPE_ACTIONS, c as TAB_NAMES } from './constants.js';
+import { C as CONFIG_EVENTS, c as CONFIG_SORTABLE_EVENTS, K as KEY_EVENTS, e as TYPE_ACTIONS, d as TAB_NAMES } from './constants.js';
 
 class AbstractEvent {
 

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

@@ -1,13 +1,14 @@
 import { D as DataFetcher } from './DataFetcher-5221b992.js';
-import './pesquisa-fetcher-767abffa.js';
+import './pesquisa-fetcher-4284f2a3.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-26c2bed4.js';
+import { P as PreloadManager } from './dataunit-fetcher-5247a708.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-126e2471.js';
+import './constants-75abb876.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import { h } from './index-a7d3d3f1.js';
 

package/dist/esm/{SnkFormConfigManager-1ff928fa.js → SnkFormConfigManager-5022f87f.js}

@@ -1,7 +1,7 @@
 import { C as ConfigStorage } from './ConfigStorage-373bb440.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { F as FormConfigFetcher } from './form-config-fetcher-126e2471.js';
-import { b as TAB_NAMES } from './constants-7302ee87.js';
+import { c as TAB_NAMES } from './constants-75abb876.js';
 
 class SnkFormConfigManager {
   constructor(configName, resourceID, onConfigChange, dataUnit) {

package/dist/esm/{constants-7302ee87.js → constants-75abb876.js}

@@ -89,5 +89,14 @@ var SIMPLE_CRUD_MODE;
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["SERVER"] = 0] = "SERVER";
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
 })(SIMPLE_CRUD_MODE || (SIMPLE_CRUD_MODE = {}));
+// TODO: validar forma de compartilhar os templates com outros projetos
+var TEMPLATES_SKELETON;
+(function (TEMPLATES_SKELETON) {
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["CUSTOM_TEMPLATE"] = 0] = "CUSTOM_TEMPLATE";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID"] = 1] = "GRID";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_SIDEBAR"] = 2] = "GRID_WITH_SIDEBAR";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_PANEL"] = 3] = "GRID_WITH_PANEL";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
+})(TEMPLATES_SKELETON || (TEMPLATES_SKELETON = {}));
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TYPE_ACTIONS as T, VIEW_MODE as V, CONFIG_SORTABLE_EVENTS as a, TAB_NAMES as b, VARS_BY_TYPE as c, TAGS_BY_TYPE as d };
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TEMPLATES_SKELETON as T, VIEW_MODE as V, CONFIG_SORTABLE_EVENTS as a, TYPE_ACTIONS as b, TAB_NAMES as c, VARS_BY_TYPE as d, TAGS_BY_TYPE as e };

package/dist/esm/{dataunit-fetcher-26c2bed4.js → dataunit-fetcher-5247a708.js}

@@ -9,6 +9,9 @@ import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
 class ArrayRepository {
   constructor(equalsFunction) {
     this._list = [];
+    this._listCopy = [];
+    this._listLastUpdate = 0;
+    this._listCopyLastUpdate = 0;
     this._equalsFunction = equalsFunction;
   }
   async load(filterFunction, sortingFunction, offset, limit) {
@@ -47,13 +50,13 @@ class ArrayRepository {
     return Promise.resolve(new Map(processedItems.map(item => [item.key, item.value])));
   }
   async push(items) {
-    this._list.push(...items);
+    this.updateList([...this._list, ...items]);
   }
   async clear() {
-    this._list = [];
+    this.updateList([]);
   }
   async delete(items) {
-    this._list = this._list.filter(item => {
+    const list = this._list.filter(item => {
       for (const removed of items) {
         if (this._equalsFunction(item, removed)) {
           return false;
@@ -61,20 +64,23 @@ class ArrayRepository {
       }
       return true;
     });
+    this.updateList(list);
   }
   async update(items) {
-    this._list = this._list.map(existingItem => {
+    const list = this._list.map(existingItem => {
       const newItem = items.find(newItem => this._equalsFunction(existingItem, newItem));
       return newItem == undefined ? existingItem : newItem;
     });
+    this.updateList(list);
   }
   async insert(itemReference, items) {
     const itemPosition = this._list.indexOf(itemReference);
     if (itemPosition == -1) {
-      this._list.push(...items);
+      this.push(items);
       return;
     }
-    this._list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    const list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    this.updateList(list);
   }
   isOperating() {
     return true;
@@ -86,7 +92,15 @@ class ArrayRepository {
     return Promise.resolve(this._list.length);
   }
   getFromCache() {
-    return ObjectUtils.copy(this._list);
+    if (this._listLastUpdate > this._listCopyLastUpdate) {
+      this._listCopyLastUpdate = this._listLastUpdate;
+      this._listCopy = ObjectUtils.copy(this._list);
+    }
+    return this._listCopy;
+  }
+  updateList(newList) {
+    this._list = newList;
+    this._listLastUpdate = Date.now();
   }
 }