@sankhyalabs/sankhyablocks 8.16.0-dev.11 → 8.16.0-dev.111

package/dist/cjs/snk-tab-config.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const Sortable = require('./Sortable-fb1c4cbb.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-35ddd366.js');
+const constants = require('./constants-77c1b8bd.js');
 
 const snkTabConfigCss = "@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}.sc-snk-tab-config-h{--snk-tab-config--backward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--snk-tab-config--forward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--snk-tab-config__lower-bar--background-color:var(--color--disable-primary, #e5eaf0);--snk-tab-config__lower-bar--border:2px solid var(--color--disable-primary, #e5eaf0);--snk-tab-config__tab--color:var(--text--primary, #626e82);--snk-tab-config__tab--font-family:var(--font-pattern, \"Roboto\");--snk-tab-config__tab--font-size:var(--title--small, 14px);--snk-tab-config__tab--padding:var(--space--small, 6px) var(--space--medium, 12px);--snk-tab-config__tab-is-active--color:var(--color--primary, #008561);--snk-tab-config__tab-hover--color:var(--color--secondary, #383c45);--snk-tab-config__tab-is-focused--border:1px dashed var(--color--primary, #008561);--snk-tab-config__tab-label--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--snk-tab-config__tab-label--margin-bottom:var(--space--extra-small, 3px);--snk-tab-config__new-button-icon--color:var(--color--secondary-700, #1C1D22);--snk-tab-config__forward-button--background-color:var(--text--primary, #626e82);--snk-tab-config__forward-button-hover--background-color:var(--color--primary, #008561);--snk-tab-config__left-icon--padding-right:var(--space--small, 6px);--snk-tab-config__left-icon--color:var(--text--disable, #AFB6C0);--snk-tab-config__tab-label-disabled--color:var(--text--disable, #AFB6C0);--snk-tab-config__slot--margin-left:var(--space--small, 6px);display:flex;position:relative;width:100%;overflow:hidden}.tab-config__scroll.sc-snk-tab-config{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.tab-config__lower-bar.sc-snk-tab-config{position:absolute;left:0%;right:0%;top:91%;bottom:0%;border-radius:2px;background-color:var(--snk-tab-config__lower-bar--background-color);border:var(--snk-tab-config__lower-bar--border)}.tab-config__tab.sc-snk-tab-config{display:flex;border:none;background-color:unset;cursor:pointer;align-items:center;justify-content:center;min-width:fit-content;color:var(--snk-tab-config__tab--color);font-family:var(--snk-tab-config__tab--font-family);font-size:var(--snk-tab-config__tab--font-size);padding:var(--snk-tab-config__tab--padding)}.tab-config__tab.sc-snk-tab-config:focus,.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{outline:none}.tab-config__tab--is-active.sc-snk-tab-config{position:relative;color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab.sc-snk-tab-config:hover{color:var(--snk-tab-config__tab-hover--color)}.tab-config__tab--is-active.sc-snk-tab-config:hover{color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab--is-active.sc-snk-tab-config::after{content:\"\";position:absolute;width:100%;height:100%;clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out;background-color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab--is-focused.sc-snk-tab-config{border:var(--snk-tab-config__tab-is-focused--border)}.tab-config__tab-label.sc-snk-tab-config{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--snk-tab-config__tab-label--text-shadow);margin-bottom:var(--snk-tab-config__tab-label--margin-bottom)}.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config ez-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__new-button-icon--color)}.tab-config__backward-button.sc-snk-tab-config{left:0px;box-shadow:10px 10px 5px 5px white;background:white}.tab-config__forward-button.sc-snk-tab-config{box-shadow:10px 10px 5px 20px white;background:white}.tab-config__forward-button.sc-snk-tab-config::after,.tab-config__backward-button.sc-snk-tab-config::after{content:'';display:flex;width:10px;height:16px;background-color:var(--snk-tab-config__forward-button--background-color)}.tab-config__forward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--forward-icon);mask-image:var(--snk-tab-config--forward-icon)}.tab-config__backward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--backward-icon);mask-image:var(--snk-tab-config--backward-icon)}.tab-config__forward-button.sc-snk-tab-config:hover::after,.tab-config__backward-button.sc-snk-tab-config:hover::after{background-color:var(--snk-tab-config__forward-button-hover--background-color)}.tab-config__new-button.sc-snk-tab-config:hover ez-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__forward-button-hover--background-color)}.tab-config__hidden.sc-snk-tab-config{display:none}.tab-config__scroll.sc-snk-tab-config::-webkit-scrollbar{display:none}.tab-config__left-icon.sc-snk-tab-config{padding-right:var(--snk-tab-config__left-icon--padding-right);--ez-icon--color:var(--snk-tab-config__left-icon--color)}.tab-config__left-icon--eye-off.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__left-icon--color)}.tab-config__right-icon.sc-snk-tab-config{visibility:hidden;padding-left:var(--snk-tab-config__left-icon--padding-right)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{visibility:visible}.tab-config__tab--is-active.sc-snk-tab-config .tab-config__right-icon.sc-snk-tab-config{visibility:visible;--ez-icon--color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__tab-hover--color)}.tab-config__tab--is-active.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__tab-is-active--color)}.tab-config__actions-button.sc-snk-tab-config{--ez-actions-button__btn-action--min-width:100px;visibility:hidden;opacity:0;transition:visibility 1s linear, opacity 0.3s linear}.tab-config__tab.sc-snk-tab-config:hover .tab-config__actions-button.sc-snk-tab-config{visibility:visible;opacity:1;transition:visibility 0.2s linear, opacity 0.10s linear}[data-draggable-element].sc-snk-tab-config{cursor:grab}.tab-config__tab-label-disabled.sc-snk-tab-config{color:var(--snk-tab-config__tab-label-disabled--color)}.tab-config__slot.sc-snk-tab-config{margin-left:var(--snk-tab-config__slot--margin-left)}";
 

package/dist/cjs/snk-taskbar.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
-const index$1 = require('./index-1dfc7a6e.js');
+const taskbarElements = require('./taskbar-elements-6f4e06af.js');
+const index$1 = require('./index-e3e39724.js');
 require('./index-102ba62d.js');
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex;flex-wrap:wrap}.no-wrap.sc-snk-taskbar-h{flex-wrap:nowrap}.full-width.sc-snk-taskbar-h{width:100%}.align-right.sc-snk-taskbar-h{justify-content:flex-end}.overflowed.sc-snk-taskbar{display:none}";
@@ -15,11 +15,14 @@ const SnkTaskbar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.taskbarSaveLocker = index.createEvent(this, "taskbarSaveLocker", 7);
+    this.taskbarSaveUnlocker = index.createEvent(this, "taskbarSaveUnlocker", 7);
     this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
     this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME = 'taskbar-custom-elements-container';
     this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
     this.NOT_OVERFLOW_ELEMENTS = ["moreOptions", "dataExporter_snkDataExporter", "actionsButton_snkActionsButton"];
     this._titleKeyByElement = {
+      [taskbarElements.TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [taskbarElements.TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [taskbarElements.TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
       [taskbarElements.TaskbarElement.NEXT]: "snkTaskbar.titleNext",
@@ -38,8 +41,10 @@ const SnkTaskbar = class {
     this.onSaveEvent = (action) => {
       switch (action.type) {
         case core.Action.FIELD_INVALIDATED:
+        case core.Action.INVALIDATE_CLEAN:
         case core.Action.DATA_SAVED:
         case core.Action.SAVING_ERROR:
+        case core.Action.SAVING_CANCELED:
           this._isWaitingForSave = false;
           break;
         case core.Action.SAVING_DATA:
@@ -65,6 +70,7 @@ const SnkTaskbar = class {
     this.buttons = undefined;
     this.customButtons = undefined;
     this.actionsList = undefined;
+    this.actionsSettingsList = undefined;
     this.primaryButton = undefined;
     this.disabledButtons = undefined;
     this.dataUnit = undefined;
@@ -76,6 +82,16 @@ const SnkTaskbar = class {
       this.getCustomElements(true);
     }
   }
+  handleTaskbarSaveLocker() {
+    if (this._isWaitingForSave !== true) {
+      this._isWaitingForSave = true;
+    }
+  }
+  handleTaskbarSaveUnlocker() {
+    if (this._isWaitingForSave === true) {
+      this._isWaitingForSave = false;
+    }
+  }
   hasToSearchCustomElements(event) {
     return this.customSlotId === event.detail && !this._slotContainer;
   }
@@ -94,6 +110,14 @@ const SnkTaskbar = class {
       this._hasToUpdateOverFlow = true;
     }
   }
+  observeIsWaitingForSave(newValue, oldValue) {
+    if (newValue == true && oldValue == false) {
+      this.taskbarSaveLocker.emit();
+    }
+    if (newValue == false && oldValue == true) {
+      this.taskbarSaveUnlocker.emit();
+    }
+  }
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
@@ -138,42 +162,50 @@ const SnkTaskbar = class {
     return key ? (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, {}) : "";
   }
   elementClick(elem) {
-    if (this.dataUnit) {
-      switch (elem) {
-        case taskbarElements.TaskbarElement.PREVIOUS:
-          this.dataUnit.previousRecord();
-          break;
-        case taskbarElements.TaskbarElement.NEXT:
-          this.dataUnit.nextRecord();
-          break;
-        case taskbarElements.TaskbarElement.REFRESH:
-          this.dataUnit.loadData();
-          break;
-        case taskbarElements.TaskbarElement.CLONE:
-          this.dataUnit.copySelected();
-          break;
-        case taskbarElements.TaskbarElement.REMOVE:
-          this.dataUnit.removeSelectedRecords();
-          break;
-        case taskbarElements.TaskbarElement.INSERT:
-          this.dataUnit.addRecord();
-          break;
-        case taskbarElements.TaskbarElement.CANCEL:
-          this.dataUnit.cancelEdition();
-          break;
-        case taskbarElements.TaskbarElement.SAVE:
-          if (!this._isWaitingForSave) {
-            this._isWaitingForSave = true;
-            this.dataUnit.saveData()
-              .finally(() => {
-              this._isWaitingForSave = false;
-            });
-          }
-          break;
+    core.LockManager.whenResolve(this._element, core.LockManagerOperation.TASKBAR_CLICK).then(() => {
+      if (this.dataUnit) {
+        switch (elem) {
+          case taskbarElements.TaskbarElement.PREVIOUS:
+            this.dataUnit.previousRecord();
+            break;
+          case taskbarElements.TaskbarElement.NEXT:
+            this.dataUnit.nextRecord();
+            break;
+          case taskbarElements.TaskbarElement.REFRESH:
+            this.dataUnit.loadData();
+            break;
+          case taskbarElements.TaskbarElement.CLONE:
+            this.dataUnit.copySelected();
+            break;
+          case taskbarElements.TaskbarElement.REMOVE:
+            this.dataUnit.removeSelectedRecords();
+            break;
+          case taskbarElements.TaskbarElement.INSERT:
+            this.dataUnit.addRecord();
+            break;
+          case taskbarElements.TaskbarElement.CANCEL:
+            this.dataUnit.cancelEdition();
+            break;
+          case taskbarElements.TaskbarElement.SAVE:
+            if (!this._isWaitingForSave) {
+              this._isWaitingForSave = true;
+              this.dataUnit.saveData().catch((err) => {
+                if (err instanceof core.SilentException) {
+                  return;
+                }
+                else {
+                  throw err;
+                }
+              }).finally(() => {
+                this._isWaitingForSave = false;
+              });
+            }
+            break;
+        }
       }
-    }
-    if (this.isEnabled(elem))
-      this.actionClick.emit(elem);
+      if (this.isEnabled(elem))
+        this.actionClick.emit(elem);
+    });
   }
   isEnabled(elem) {
     if (!this.isAllowed(elem)) {
@@ -195,7 +227,7 @@ const SnkTaskbar = class {
     const taskbarElement = taskbarElements.TaskbarElement[def.toString()];
     const dataExporterStoreKey = this._element.dataset.exporterStoreKey || this.configName;
     if (taskbarElement) {
-      return taskbarElements.buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.buildDynamicActionsList(), dataExporterStoreKey, this.presentationMode);
+      return taskbarElements.buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), def !== taskbarElements.TaskbarElement.CONFIGURATOR ? this.buildDynamicActionsList() : this.buildActionsSettingsList(), dataExporterStoreKey, this.presentationMode);
     }
     else {
       return taskbarElements.buildCustomButton(def, className, this.getIdElemBtnCustom(def), elem => this.elementClick(elem), elem => this.isEnabled(elem));
@@ -204,10 +236,13 @@ const SnkTaskbar = class {
   buildDynamicActionsList() {
     var _a;
     if (this._hiddenActionsList.length) {
-      return [...((_a = this.actionsList) !== null && _a !== void 0 ? _a : []), { type: 'divider', label: "", value: "" }, ...this._hiddenActionsList];
+      return [...((_a = this.actionsList) !== null && _a !== void 0 ? _a : []), ...this._hiddenActionsList];
     }
     return this.actionsList;
   }
+  buildActionsSettingsList() {
+    return this.actionsSettingsList;
+  }
   getIdElemBtnNative(taskbarElem) {
     return core.StringUtils.toCamelCase(taskbarElem);
   }
@@ -377,9 +412,10 @@ const SnkTaskbar = class {
     this._lastWidth = this._element.getBoundingClientRect().width;
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.onSaveEvent);
     this.unlinkAllCustomElements();
-    (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.destroy();
   }
   unlinkAllCustomElements() {
     var _a;
@@ -422,7 +458,8 @@ const SnkTaskbar = class {
   static get watchers() { return {
     "buttons": ["observeButtons"],
     "disabledButtons": ["observeDisabledButtons"],
-    "_lastWidth": ["observeLastWidth"]
+    "_lastWidth": ["observeLastWidth"],
+    "_isWaitingForSave": ["observeIsWaitingForSave"]
   }; }
 };
 SnkTaskbar.style = snkTaskbarCss;

package/dist/cjs/{taskbar-elements-9ad1f9c0.js → taskbar-elements-6f4e06af.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-f9e81701.js');
-const index$2 = require('./index-1dfc7a6e.js');
+const index$2 = require('./index-e3e39724.js');
 const index$1 = require('./index-102ba62d.js');
 
 exports.TaskbarElement = void 0;
@@ -23,6 +23,7 @@ exports.TaskbarElement = void 0;
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
   TaskbarElement["ATTACH"] = "ATTACH";
   TaskbarElement["ACTIONS_BUTTON"] = "ACTIONS_BUTTON";
+  TaskbarElement["UPDATE_MULTIPLE"] = "UPDATE_MULTIPLE";
 })(exports.TaskbarElement || (exports.TaskbarElement = {}));
 exports.AuthorizationElements = void 0;
 (function (AuthorizationElements) {
@@ -62,6 +63,8 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       return iconButton("sync", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.UPDATE:
       return iconButton("edit", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.UPDATE_MULTIPLE:
+      return iconButton("edit-table", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.CLONE:
       return iconButton("copy", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.REMOVE:
@@ -87,6 +90,9 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case exports.TaskbarElement.FORM_MODE:
       return iconButton("list", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.CONFIGURATOR:
+      if ((actions === null || actions === void 0 ? void 0 : actions.length) > 0) {
+        return splitButton("settings-inverted", element, className, title, dataElementId, isEnabled, actions, action);
+      }
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, dataElementId, title, isEnabled, actions, action);
@@ -111,6 +117,11 @@ function iconTextButton(iconName, name, className, dataElementId, text, title, a
   return index.h("ez-button", { key: dataElementId, title: title, label: text, size: "small", class: className, "data-taskbar-label": text, "data-taskbar-icon": iconName, "data-taskbar-element": name, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
     index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }
+function splitButton(iconName, element, className, title, dataElementId, isEnabled, actions, action) {
+  return actions && actions.length > 0
+    ? index.h("taskbar-split-button", { iconName: iconName, class: className, key: dataElementId, "data-taskbar-icon": iconName, "data-taskbar-label": title, "data-taskbar-element": element, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, title: title, action: () => action(element) })
+    : undefined;
+}
 function actionButton(element, className, dataElementId, title, isEnabled, actions, action) {
   return actions && actions.length > 0
     ? index.h("taskbar-actions-button", { class: className, key: dataElementId, title: title, "data-taskbar-element": element, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, onTaskbarActionSelected: (evt) => action(evt.detail.value) })

package/dist/cjs/{field-search-f56aa7d6.js → taskbar-processor-2fba34a8.js}

@@ -1,7 +1,5 @@
 'use strict';
 
-const index = require('./index-f9e81701.js');
-
 class TaskbarProcessor {
   constructor(defaultButtons) {
     this._defaultButtons = defaultButtons;
@@ -33,12 +31,16 @@ class TaskbarProcessor {
     });
   }
   getButtonsArray(taskbarId, taskbarManager, dataState) {
-    const defaults = this._defaultButtons[taskbarId];
+    const defaults = this.getButtonsFromKey(taskbarId);
     if (taskbarManager) {
       return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
     }
     return defaults;
   }
+  getButtonsFromKey(taskbarId) {
+    const btnsValue = this._defaultButtons[taskbarId];
+    return typeof btnsValue === 'function' ? btnsValue() : btnsValue;
+  }
   isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
     const originalValue = disabled.includes(buttonName) ? false : true;
     if (taskbarManager && taskbarManager.isEnabled) {
@@ -48,37 +50,4 @@ class TaskbarProcessor {
   }
 }
 
-const EVENT_NAME = 'taskbarActionsOpened';
-const buildFieldSearch = (action, optionLoader, onSelectField) => {
-  return index.h("ez-search", { class: 'ez-actions-button--bottom-padding', canShowError: 'false', showSelectedValue: 'false', showOptionValue: 'false', suppressEmptyOption: 'true', label: action.label, value: '', optionLoader: optionLoader, onEzChange: (evt) => onSelectField(evt.detail), ignoreLimitCharsToSearch: true });
-};
-async function focusOnFieldSerch(field) {
-  requestAnimationFrame(async () => {
-    if (field) {
-      const realElement = field['$elm$'];
-      if (!realElement)
-        return;
-      realElement.value = null;
-      await realElement.setFocus();
-    }
-  });
-}
-const openFieldSearch = async (moreOptions, field) => {
-  if (!moreOptions) {
-    return;
-  }
-  if ((await moreOptions.isOpened())) {
-    await focusOnFieldSerch(field);
-    return;
-  }
-  const eventHandler = () => {
-    focusOnFieldSerch(field);
-    moreOptions.removeEventListener(EVENT_NAME, eventHandler);
-  };
-  moreOptions.addEventListener(EVENT_NAME, eventHandler);
-  await moreOptions.showActions();
-};
-
 exports.TaskbarProcessor = TaskbarProcessor;
-exports.buildFieldSearch = buildFieldSearch;
-exports.openFieldSearch = openFieldSearch;

package/dist/collection/collection-manifest.json

@@ -41,6 +41,8 @@
     "./components/snk-grid/snk-grid.js",
     "./components/snk-grid-config/snk-grid-config.js",
     "./components/snk-grid-config/snk-select-box/snk-select-box.js",
+    "./components/snk-layout-form-config/snk-layout-form-config.js",
+    "./components/snk-layout-form-config/snk-view-representation/snk-view-representation.js",
     "./components/snk-personalized-filter/snk-personalized-filter.js",
     "./components/snk-personalized-filter/subcomponents/snk-expression-group/snk-expression-group.js",
     "./components/snk-personalized-filter/subcomponents/snk-expression-item/snk-expression-item.js",
@@ -48,9 +50,13 @@
     "./components/snk-personalized-filter/subcomponents/snk-filter-assistent-mode/snk-filter-assistent-mode.js",
     "./components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config.js",
     "./components/snk-pesquisa/snk-pesquisa.js",
+    "./components/snk-pesquisa/pesquisa-grid/pesquisa-grid.js",
+    "./components/snk-pesquisa/pesquisa-tree/pesquisa-tree.js",
     "./components/snk-simple-bar/snk-simple-bar.js",
     "./components/snk-simple-crud/snk-simple-crud.js",
+    "./components/snk-simple-form-config/snk-simple-form-config.js",
     "./components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.js",
+    "./components/snk-taskbar/elements/taskbar-split-button/taskbar-split-button.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],
   "compiler": {
@@ -65,21 +71,6 @@
         "snk-application"
       ]
     },
-    {
-      "components": [
-        "snk-form"
-      ]
-    },
-    {
-      "components": [
-        "snk-form-config"
-      ]
-    },
-    {
-      "components": [
-        "snk-config-options"
-      ]
-    },
     {
       "components": [
         "snk-tab-config"
@@ -132,42 +123,37 @@
     },
     {
       "components": [
-        "snk-filter-bar"
-      ]
-    },
-    {
-      "components": [
-        "snk-filter-item"
-      ]
-    },
-    {
-      "components": [
-        "snk-filter-list"
+        "snk-field-config"
       ]
     },
     {
       "components": [
-        "snk-filter-modal"
+        "snk-grid"
       ]
     },
     {
       "components": [
-        "snk-field-config"
+        "snk-pesquisa"
       ]
     },
     {
       "components": [
-        "snk-grid"
+        "snk-taskbar"
       ]
     },
     {
       "components": [
-        "snk-pesquisa"
+        "snk-config-options",
+        "snk-form",
+        "snk-form-config"
       ]
     },
     {
       "components": [
-        "snk-taskbar"
+        "snk-filter-bar",
+        "snk-filter-item",
+        "snk-filter-list",
+        "snk-filter-modal"
       ]
     }
   ]

package/dist/collection/components/snk-actions-button/actions/index.js

@@ -3,9 +3,9 @@ import { RefreshType } from "./enum/RefreshType";
 import { ParamType } from "./enum/ParamType";
 import { DataFetcher } from "../../../lib";
 import { ActionsType } from "./enum/ActionsType";
+import { getSelectedRecordsIDsInfo } from "../../../lib/utils/GetSelectedRecordsIDsInfo";
 const MASTER_ROW_PROPERTY = "__MASTER_ROW__";
 const ENTITY_NAME_PROPERTY = '__ENTITY_NAME__';
-const NUFIN_COLUMN = 'NUFIN';
 const SERVICE_GET_CONFIGURATIONS = 'SystemUtilsSP.getConf';
 export default class Actions {
   constructor(actionsExecuteInterface, dataUnit, appResourceId) {
@@ -17,6 +17,10 @@ export default class Actions {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._appResourceId = appResourceId;
   }
+  getPrimaryKeys() {
+    const ids = getSelectedRecordsIDsInfo(this._dataUnit);
+    return ids.map(({ name }) => name);
+  }
   apply(action, hasParamsToSave) {
     this._application.closePopUp();
     this._actionsExecuteInterface.execute(action, this._dataUnit)
@@ -83,9 +87,9 @@ export default class Actions {
       return resultParams;
     });
   }
-  actionExecute(execSource, callback) {
+  async actionExecute(execSource, callback) {
     execSource.virtualPage = this.buildVirtualPage();
-    this.prepareAndExecute(execSource, callback);
+    await this.prepareAndExecute(execSource, callback);
     this.recordsReloader(execSource.refreshType);
   }
   resolvePromptParams(action, execSource, hasParamsToSave) {
@@ -280,11 +284,12 @@ export default class Actions {
   async buildResourceId(actionId) {
     return this._appResourceId + '.actionconfig.' + actionId;
   }
-  prepareAndExecute(execSource, executeAction) {
+  async prepareAndExecute(execSource, executeAction) {
     this.addRows(execSource);
-    executeAction(execSource);
+    await executeAction(execSource);
   }
   addRows(execSource) {
+    const primaryKeys = this.getPrimaryKeys();
     const rows = {
       row: []
     };
@@ -298,15 +303,13 @@ export default class Actions {
         delete sourceRow[MASTER_ROW_PROPERTY];
         delete sourceRow[ENTITY_NAME_PROPERTY];
       }
-      for (const fieldName in sourceRow) {
-        if (fieldName !== NUFIN_COLUMN)
-          continue;
-        if (!row.field) {
-          row.field = [];
-        }
+      if (!row.field) {
+        row.field = [];
+      }
+      for (const primaryKey of primaryKeys) {
         row.field.push({
-          fieldName: fieldName,
-          $: sourceRow[fieldName]
+          fieldName: primaryKey,
+          $: sourceRow[primaryKey]
         });
       }
       rows.row.push(row);

package/dist/collection/components/snk-actions-button/interfaces/index.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/snk-actions-button/snk-actions-button.js

@@ -1,5 +1,5 @@
 import { h, Host } from '@stencil/core';
-import { ApplicationContext, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ArrayUtils, ElementIDUtils, ServiceUtils, StorageType } from '@sankhyalabs/core';
 import { DataFetcher } from '../../lib/http/data-fetcher/DataFetcher';
 import ExecutorFactory from './actions/factory/executor.factory';
 import Actions from './actions';
@@ -8,6 +8,7 @@ import ResourceIDUtils from '../../lib/resourceid/ResourceIDUtils';
 export class SnkActionsButton {
   constructor() {
     this.CLIENT_EVENT_CONFIRM_NAME = "br.com.sankhya.actionbutton.clientconfirm";
+    this._actions = [];
     this.handleClick = (evt) => {
       const selectedAction = this._actions.find((action) => action.actionID == evt.detail.id);
       const executor = new ExecutorFactory(selectedAction.type).executor;
@@ -17,27 +18,22 @@ export class SnkActionsButton {
     };
     this._items = [];
     this._showDropdown = false;
-    this._actions = [];
-    this._isOrderActions = false;
   }
   async getActions() {
-    let param = {
-      param: {
-        entityName: this._entityName,
-        resourceID: this._resourceID
-      }
-    };
-    return DataFetcher.get().callServiceBroker('ActionButtonsSP.getActions', param).then((result) => {
+    const actions = await ServiceUtils.useCacheWithService(`SnkActionsButton_${this._entityName}-${this._resourceID}`, async () => {
       var _a;
-      if (!((_a = result.actions) === null || _a === void 0 ? void 0 : _a.action))
-        return;
-      if (this._isOrderActions) {
-        this._actions = ArrayUtils.sortAlphabetically(result.actions.action, 'description');
-      }
-      else {
-        this._actions = result.actions.action;
-      }
-    });
+      const param = {
+        param: {
+          entityName: this._entityName,
+          resourceID: this._resourceID,
+        },
+      };
+      const result = await DataFetcher.get().callServiceBroker('ActionButtonsSP.getActions', param);
+      return ((_a = result.actions) === null || _a === void 0 ? void 0 : _a.action) || [];
+    }, StorageType.IN_MEMORY_CACHE);
+    this._actions = SnkActionsButton.parameters.isOrderActions
+      ? ArrayUtils.sortAlphabetically(actions, 'description')
+      : actions;
   }
   controlDropdown() {
     this._showDropdown = !this._showDropdown;
@@ -70,7 +66,7 @@ export class SnkActionsButton {
   }
   async componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._isOrderActions = await this._application.getBooleanParam('global.ordenar.acoes.personalizadas');
+    await this.loadParameters();
     const snkDataUnit = this._element.parentElement;
     this._dataUnit = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.dataUnit;
     this._resourceID = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.resourceID;
@@ -79,9 +75,8 @@ export class SnkActionsButton {
       this._resourceID = await ResourceIDUtils.getResourceID();
     }
     this.setEvents();
-    this.getActions().then(() => {
-      this.loadItems();
-    });
+    await this.getActions();
+    this.loadItems();
   }
   async componentDidLoad() {
     if (!this._element)
@@ -108,6 +103,11 @@ export class SnkActionsButton {
       [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(sufix)
     };
   }
+  async loadParameters() {
+    if (SnkActionsButton.parameters.isOrderActions != null)
+      return;
+    SnkActionsButton.parameters.isOrderActions = await this._application.getBooleanParam('global.ordenar.acoes.personalizadas');
+  }
   render() {
     return (h(Host, null, (this._actions && this._actions.length > 0) &&
       (h("div", { class: `ez-padding-left--medium snk-actions-button
@@ -134,10 +134,11 @@ export class SnkActionsButton {
   static get states() {
     return {
       "_items": {},
-      "_showDropdown": {},
-      "_actions": {},
-      "_isOrderActions": {}
+      "_showDropdown": {}
     };
   }
   static get elementRef() { return "_element"; }
 }
+SnkActionsButton.parameters = {
+  isOrderActions: null
+};

package/dist/collection/components/snk-application/errorhandler/snk-error-handler.js

@@ -1,4 +1,4 @@
-import { WarningException, WaitingChangeException, ErrorException, ObjectUtils } from "@sankhyalabs/core";
+import { WarningException, WaitingChangeException, ErrorException, ObjectUtils, SilentException } from "@sankhyalabs/core";
 export class SnkErrorHandler {
   constructor(app) {
     this._app = app;
@@ -33,7 +33,10 @@ export class SnkErrorHandler {
     if (exception.errorCode) {
       exception.message += this.buildErrorCodeHTML(exception.errorCode);
     }
-    if (exception instanceof WaitingChangeException) {
+    if (exception instanceof SilentException) {
+      console.warn("SilentException ignorada", exception);
+    }
+    else if (exception instanceof WaitingChangeException) {
       this._app.alert(exception.title, exception.message);
     }
     else if (exception instanceof WarningException) {

package/dist/collection/components/snk-application/request-listener/DebouncedRequestListener.js

@@ -0,0 +1,29 @@
+class DebouncedRequestListener {
+  constructor() {
+    this._debounceTime = 1500;
+    this.requests = new Map();
+    this.requestsLoadingBar = [];
+  }
+  onRequestStart(param) {
+    if (param.url.includes("quietMode=true")) {
+      return;
+    }
+    this.requestsLoadingBar.push(param.requestId);
+    const timeout = setTimeout(() => {
+      this.ezLoadingBar.show();
+    }, this._debounceTime);
+    this.requests.set(param.requestId, timeout);
+  }
+  ;
+  onRequestEnd(param) {
+    var _a, _b, _c;
+    const timeoutId = this.requests.get(param.requestId);
+    clearTimeout(timeoutId);
+    if ((_a = this.requestsLoadingBar) === null || _a === void 0 ? void 0 : _a.includes(param.requestId)) {
+      this.requestsLoadingBar = (_b = this.requestsLoadingBar) === null || _b === void 0 ? void 0 : _b.filter(id => id !== param.requestId);
+      !this.requestsLoadingBar.length && ((_c = this.ezLoadingBar) === null || _c === void 0 ? void 0 : _c.hide());
+    }
+  }
+  ;
+}
+export default DebouncedRequestListener;