@sankhyalabs/sankhyablocks 10.1.0-dev.3 → 10.1.0-dev.31

package/dist/components/snk-taskbar2.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { Action, LockManager, LockManagerOperation, SilentException, StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection, ElementIDUtils } from '@sankhyalabs/core';
-import { A as AuthorizationConfig } from './AuthorizationConfig.js';
+import { Action, ElementIDUtils, LockManager, LockManagerOperation, SilentException, StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection } from '@sankhyalabs/core';
 import { P as PresentationMode } from './ISave.js';
+import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 import { s as store } from './index2.js';
 import { d as defineCustomElement$5 } from './snk-actions-button2.js';
 import { d as defineCustomElement$4 } from './snk-data-exporter2.js';
@@ -57,7 +57,7 @@ const buildCustomButton = (def, className, dataElementId, action, isEnabled) =>
   }
 };
 const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions, dataExporterStoreKey, presentationMode) => {
-  var _a;
+  var _a, _b;
   const title = getTitle(element);
   switch (element) {
     case TaskbarElement.PREVIOUS:
@@ -100,11 +100,12 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       }
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
-      return actionButton(element, className, dataElementId, title, isEnabled, actions, action);
+      const definedActions = (_a = actions === null || actions === void 0 ? void 0 : actions.filter(a => a !== undefined)) !== null && _a !== void 0 ? _a : [];
+      return actionButton(element, className, dataElementId, title, isEnabled, definedActions, action);
     case TaskbarElement.DIVIDER:
       return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
     case TaskbarElement.DATA_EXPORTER:
-      const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[dataExporterStoreKey];
+      const provider = (_b = store.get("exporterProviders")) === null || _b === void 0 ? void 0 : _b[dataExporterStoreKey];
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element });
     case TaskbarElement.ATTACH:
       return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);
@@ -148,6 +149,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.TASKBAR_CUSTOM_ELEMENTS = 'taskbar-custom-elements-container';
     this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME = 'taskbar-additional-slot-container';
     this.TASKBAR_ADDITIONAL_SLOT = 'taskbar-additional-slot-container';
+    this._dataUnitInitialized = false;
     this._titleKeyByElement = {
       [TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
@@ -246,6 +248,17 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.taskbarSaveUnlocker.emit();
     }
   }
+  observeDataUnit(newValue) {
+    this.initializeDataUnit(newValue);
+  }
+  initializeDataUnit(dataUnit) {
+    if (!!dataUnit && !this._dataUnitInitialized) {
+      this._dataUnitInitialized = true;
+      const dataInfo = { dataUnit: this.dataUnit };
+      ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+      this.dataUnit.subscribe(this.onSaveEvent);
+    }
+  }
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
@@ -291,45 +304,46 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   elementClick(elem) {
     LockManager.whenResolve(this._element, LockManagerOperation.TASKBAR_CLICK).then(() => {
-      if (this.dataUnit) {
-        switch (elem) {
-          case TaskbarElement.PREVIOUS:
-            this.dataUnit.previousRecord();
-            break;
-          case TaskbarElement.NEXT:
-            this.dataUnit.nextRecord();
-            break;
-          case TaskbarElement.REFRESH:
-            this.dataUnit.loadData();
-            break;
-          case TaskbarElement.CLONE:
-            this.dataUnit.copySelected();
-            break;
-          case TaskbarElement.REMOVE:
-            this.dataUnit.removeSelectedRecords();
-            break;
-          case TaskbarElement.INSERT:
-            this.dataUnit.addRecord();
-            break;
-          case TaskbarElement.CANCEL:
-            this.dataUnit.cancelEdition();
-            break;
-          case TaskbarElement.SAVE:
-            if (!this._isWaitingForSave) {
-              this._isWaitingForSave = true;
-              this.dataUnit.saveData().catch((err) => {
-                if (err instanceof SilentException) {
-                  return;
-                }
-                else {
-                  throw err;
-                }
-              }).finally(() => {
-                this._isWaitingForSave = false;
-              });
-            }
-            break;
-        }
+      if (!this.dataUnit) {
+        return;
+      }
+      switch (elem) {
+        case TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case TaskbarElement.SAVE:
+          if (!this._isWaitingForSave) {
+            this._isWaitingForSave = true;
+            this.dataUnit.saveData().catch((err) => {
+              if (err instanceof SilentException) {
+                return;
+              }
+              else {
+                throw err;
+              }
+            }).finally(() => {
+              this._isWaitingForSave = false;
+            });
+          }
+          break;
       }
       if (this.isEnabled(elem))
         this.actionClick.emit(elem);
@@ -528,10 +542,8 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
   }
   componentDidLoad() {
-    const dataInfo = { dataUnit: this.dataUnit };
-    ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+    this.initializeDataUnit(this.dataUnit);
     this.handleOverFlowStrategy();
-    this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
     this.appendCustomElementsInTaskbar();
@@ -591,7 +603,8 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "buttons": ["observeButtons"],
     "disabledButtons": ["observeDisabledButtons"],
     "_lastWidth": ["observeLastWidth"],
-    "_isWaitingForSave": ["observeIsWaitingForSave"]
+    "_isWaitingForSave": ["observeIsWaitingForSave"],
+    "dataUnit": ["observeDataUnit"]
   }; }
   static get style() { return snkTaskbarCss; }
 }, [6, "snk-taskbar", {

package/dist/components/snk-view-representation2.js

@@ -16,7 +16,7 @@ const SnkViewRepresentation = /*@__PURE__*/ proxyCustomElement(class extends HTM
     return (h("div", { class: "svg-container__inline" }, [...Array(2)].map(() => this.renderCascadeLayout())));
   }
   render() {
-    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), this.mode === FormLayout.CASCADE
+    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), (this.mode === FormLayout.CASCADE || this.mode === FormLayout.CLASSIC_CASCADE)
       ? this.renderCascadeLayout()
       : this.renderSideBySideLayout())));
   }

package/dist/esm/{ConfigStorage-13d80e36.js → ConfigStorage-d15d2014.js}

@@ -1,5 +1,5 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-6a00fe9e.js';
-import { D as DataFetcher, d as dist } from './DataFetcher-f4ccd9f3.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-fcc7b62f.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-1dd7e8c0.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ObjectUtils } from '@sankhyalabs/core';