@sankhyalabs/sankhyablocks 8.16.0-dev.12 → 8.16.0-dev.120

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.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');
-require('./index-102ba62d.js');
+const taskbarElements = require('./taskbar-elements-3b74cd21.js');
+const index$1 = require('./index-e3e39724.js');
+require('./index-0ad2baeb.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,15 @@ 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.TASKBAR_CUSTOM_ELEMENTS = 'taskbar-custom-elements-container';
     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 +42,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 +71,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 +83,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 +111,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 +163,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 +228,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 +237,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 +413,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;
@@ -393,6 +430,7 @@ const SnkTaskbar = class {
     this._slotContainer.appendChild(customElement);
   }
   render() {
+    var _a;
     if (this._definitions === undefined) {
       return undefined;
     }
@@ -411,7 +449,8 @@ const SnkTaskbar = class {
       }
       (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.addNotOverFlowElement(elem);
       return index.h("slot", { name: elem });
-    })), index.h("div", { class: this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME }, index.h("slot", { name: this.customSlotId }))));
+    })), index.h("div", { id: this.TASKBAR_CUSTOM_ELEMENTS, class: this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME }, index.h("slot", { name: this.customSlotId }), (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 :
+      _a.addNotOverFlowElement(this.TASKBAR_CUSTOM_ELEMENTS))));
   }
   getHostClasses() {
     if (this.overflowStrategy !== 'hiddenItems')
@@ -422,7 +461,8 @@ const SnkTaskbar = class {
   static get watchers() { return {
     "buttons": ["observeButtons"],
     "disabledButtons": ["observeDisabledButtons"],
-    "_lastWidth": ["observeLastWidth"]
+    "_lastWidth": ["observeLastWidth"],
+    "_isWaitingForSave": ["observeIsWaitingForSave"]
   }; }
 };
 SnkTaskbar.style = snkTaskbarCss;