@sankhyalabs/sankhyablocks 8.15.0-dev.30 → 8.15.0-dev.32

package/dist/components/snk-attach2.js

@@ -3,17 +3,24 @@ import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataU
 import { D as DataFetcher } from './DataFetcher.js';
 import { a as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher.js';
 import './index2.js';
-import { a as SaveErrorsEnum, d as defineCustomElement$8 } from './snk-actions-button2.js';
+import { a as SaveErrorsEnum, d as defineCustomElement$f } from './snk-actions-button2.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { V as VIEW_MODE } from './constants.js';
 import { A as AutorizationType } from './auth-fetcher.js';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
-import { d as defineCustomElement$7 } from './snk-data-exporter2.js';
-import { d as defineCustomElement$6 } from './snk-data-unit2.js';
-import { d as defineCustomElement$5 } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$4 } from './snk-simple-bar2.js';
-import { d as defineCustomElement$3 } from './snk-simple-crud2.js';
+import { d as defineCustomElement$e } from './snk-config-options2.js';
+import { d as defineCustomElement$d } from './snk-configurator2.js';
+import { d as defineCustomElement$c } from './snk-data-exporter2.js';
+import { d as defineCustomElement$b } from './snk-data-unit2.js';
+import { d as defineCustomElement$a } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$9 } from './snk-field-config2.js';
+import { d as defineCustomElement$8 } from './snk-form-config2.js';
+import { d as defineCustomElement$7 } from './snk-grid-config2.js';
+import { d as defineCustomElement$6 } from './snk-select-box2.js';
+import { d as defineCustomElement$5 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$4 } from './snk-simple-crud2.js';
+import { d as defineCustomElement$3 } from './snk-tab-config2.js';
 import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
 
 const SERVICE$1 = {
@@ -808,7 +815,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-attach", "snk-actions-button", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-simple-bar", "snk-simple-crud", "snk-taskbar", "taskbar-actions-button"];
+  const components = ["snk-attach", "snk-actions-button", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-field-config", "snk-form-config", "snk-grid-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-attach":
       if (!customElements.get(tagName)) {
@@ -817,30 +824,65 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$f();
+      }
+      break;
+    case "snk-config-options":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "snk-configurator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$c();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$b();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$a();
+      }
+      break;
+    case "snk-field-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "snk-form-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "snk-grid-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "snk-select-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
       }
       break;
     case "snk-simple-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-simple-crud":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "snk-tab-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }

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

@@ -323,7 +323,11 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     fetchDataExporter(params)
       .then((result) => callbackResolver(result))
-      .catch((exception) => ApplicationUtils.error(this.getMessage("snkDataExporter.message.exportError"), exception ? exception.statusMessage : this.getMessage("snkDataExporter.message.exportError")));
+      .catch((exception) => {
+      console.error(exception);
+      let { title, message, statusMessage } = exception || {};
+      ApplicationUtils.error(title || this.getMessage("snkDataExporter.message.exportError"), statusMessage || message || this.getMessage("snkDataExporter.message.unknownFailure"));
+    });
   }
   getOptionKey(option) {
     return Object.keys(DataExporterOption)

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

@@ -23,6 +23,7 @@ import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { d as defineCustomElement$o } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$n } from './snk-expression-group2.js';
 import { d as defineCustomElement$m } from './snk-expression-item2.js';
+import { d as defineCustomElement$l } from './snk-field-config2.js';
 import { d as defineCustomElement$k } from './snk-filter-advanced-mode2.js';
 import { d as defineCustomElement$j } from './snk-filter-assistent-mode2.js';
 import { d as defineCustomElement$i } from './snk-filter-bar2.js';
@@ -30,6 +31,7 @@ import { d as defineCustomElement$h } from './snk-filter-detail2.js';
 import { d as defineCustomElement$g } from './snk-filter-field-search2.js';
 import { d as defineCustomElement$f } from './snk-filter-item2.js';
 import { d as defineCustomElement$e } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$d } from './snk-form-config2.js';
 import { d as defineCustomElement$c } from './snk-form-summary2.js';
 import { d as defineCustomElement$b } from './snk-form-view2.js';
 import { d as defineCustomElement$a } from './snk-grid2.js';
@@ -38,10 +40,8 @@ import { d as defineCustomElement$8 } from './snk-personalized-filter2.js';
 import { d as defineCustomElement$7 } from './snk-select-box2.js';
 import { d as defineCustomElement$6 } from './snk-simple-bar2.js';
 import { d as defineCustomElement$5 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
-import { d as defineCustomElement$l } from './snk-field-config2.js';
-import { d as defineCustomElement$d } from './snk-form-config2.js';
 import { d as defineCustomElement$4 } from './snk-tab-config2.js';
+import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
 
@@ -978,7 +978,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-taskbar", "taskbar-actions-button"];
+  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-field-config", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-detail-view":
       if (!customElements.get(tagName)) {
@@ -995,6 +995,16 @@ function defineCustomElement() {
         defineCustomElement$t();
       }
       break;
+    case "snk-config-options":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$s();
+      }
+      break;
+    case "snk-configurator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$r();
+      }
+      break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$q();
@@ -1020,6 +1030,11 @@ function defineCustomElement() {
         defineCustomElement$m();
       }
       break;
+    case "snk-field-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$k();
@@ -1055,6 +1070,11 @@ function defineCustomElement() {
         defineCustomElement$e();
       }
       break;
+    case "snk-form-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
         defineCustomElement$c();
@@ -1095,6 +1115,11 @@ function defineCustomElement() {
         defineCustomElement$5();
       }
       break;
+    case "snk-tab-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as Sortable, d as defineCustomElement$1 } from './snk-tab-config2.js';
-import { ObjectUtils, ElementIDUtils, ArrayUtils } from '@sankhyalabs/core';
+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 { U as UserConfigType } from './form-config-fetcher.js';
@@ -34,6 +34,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._formFieldsStyle = "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding-right--small ez-padding-bottom--medium sc-snk-form-config";
     this._fieldsAvailableStyle = "ez-col ez-col--sd-12 ez-col--tb-12 ez-margin-bottom--medium ez-margin-right--medium sc-snk-form-config";
     this._fieldFloatingStyle = "form-config__field-config--dragged";
+    this._sortableTimer = 100;
     this._formConfigOptions = [];
     this._fieldConfigSelected = undefined;
     this._layoutFormConfig = undefined;
@@ -48,20 +49,27 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.messagesBuilder = undefined;
   }
   observeConfigManager() {
-    this.loadConfig();
+    this.loadConfig(this._sortableTimer);
   }
-  loadFields() {
+  loadFields(updateTimer = 0) {
     this._layoutFormConfig = [];
-    this.buildFields();
+    if (updateTimer > 0) {
+      setTimeout(() => {
+        this.buildFields();
+      }, updateTimer);
+    }
+    else {
+      this.buildFields();
+    }
   }
   buildFields() {
     this.buildFormConfig();
     this.buildAvailableFields();
   }
-  loadFormConfig() {
+  loadFormConfig(updateTimer) {
     var _a;
     this._formConfig = this.getConfig();
-    this.loadFields();
+    this.loadFields(updateTimer);
     this.controlFieldConfig();
     if (((_a = this._filterFieldsAvailable) === null || _a === void 0 ? void 0 : _a.value) != undefined) {
       this._filterFieldsAvailable.value = "";
@@ -104,12 +112,12 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   resetChangeConfig() {
-    this.loadFormConfig();
+    this.loadFormConfig(this._sortableTimer);
     this.clearTempGroups();
   }
   resetChangeOptionConfig() {
     this._formConfigChanged = false;
-    this.loadConfig();
+    this.loadConfig(this._sortableTimer);
     this.clearTempGroups();
   }
   getTabsToSave() {
@@ -324,7 +332,9 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       && oldContainer.id === newContainer.id) {
       evt.cancel();
       this._fieldsAvailable = [];
-      this.buildAvailableFields();
+      setTimeout(() => {
+        this.buildAvailableFields();
+      }, this._sortableTimer);
       return true;
     }
     return false;
@@ -367,7 +377,11 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         if (isNewGroup) {
           this.clearTempGroups(true);
         }
-        this.updateFieldsToSave();
+        const sortableTimer = oldContainer.dataset.groupName !== newContainer.dataset.groupName
+          || (newContainer.id === CONTAINER_ID.withoutGroup && oldContainer.id === CONTAINER_ID.fieldsAvailable)
+          ? this._sortableTimer
+          : 0;
+        this.updateFieldsToSave(sortableTimer);
       }, this._renderTimer);
       return true;
     }
@@ -397,12 +411,12 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return;
     }
   }
-  updateFieldsToSave() {
+  updateFieldsToSave(updateTimer = 0) {
     const fields = this.getFieldsToSave();
     if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0) {
       this._formConfig.fields = fields;
     }
-    this.loadFields();
+    this.loadFields(updateTimer);
     this._formConfigChanged = true;
   }
   controlSortableField() {
@@ -432,7 +446,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   controlStopDraggingGroup(evt) {
     if (evt.data.newIndex !== evt.data.oldIndex) {
       setTimeout(() => {
-        this.updateFieldsToSave();
+        this.updateFieldsToSave(this._sortableTimer);
       }, this._renderTimer);
     }
   }
@@ -505,7 +519,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     });
     if (tabs.length > 0) {
       this._formConfig.tabs = tabs;
-      this.loadFields();
+      this.loadFields(this._sortableTimer);
       this.controlFieldConfig();
       this._formConfigChanged = true;
     }
@@ -529,13 +543,13 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (config != undefined) {
       this._formConfig = config;
       this._tabSelected = 1;
-      this.loadFields();
+      this.loadFields(this._sortableTimer);
       this.controlFieldConfig();
       this.clearTempGroups();
     }
   }
-  loadConfig() {
-    this.loadFormConfig();
+  loadConfig(updateTimer = 0) {
+    this.loadFormConfig(updateTimer);
     this.loadUserConfig();
   }
   addNewGroup() {
@@ -576,7 +590,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       });
     }
     else {
-      this.updateFieldsToSave();
+      this.updateFieldsToSave(this._sortableTimer);
     }
   }
   checkGroupExists(newLabel, indexGroup, isTempGroup = false) {
@@ -622,7 +636,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         field.group = newLabel;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -836,14 +850,14 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._formConfigChanged = true;
     this.resetSortables();
   }
-  controlRemoveFieldConfig(fieldConfig) {
+  controlRemoveFieldConfig(fieldConfig, updateTimer) {
     var _a;
     this._formConfigChanged = false;
     if (fieldConfig == undefined) {
       return;
     }
     this._formConfig.fields = (_a = this._formConfig.fields) === null || _a === void 0 ? void 0 : _a.filter((field) => field.name !== fieldConfig.name);
-    this.loadFields();
+    this.loadFields(updateTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
     this.resetSortables();
@@ -852,14 +866,14 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.controlSortableField();
     this.controlSortableGroup();
   }
-  handleFieldConfigChange(evt) {
+  handleFieldConfigChange(evt, updateTimer = 0) {
     const { field: fieldConfig, type: actionType } = evt.detail;
     if (actionType === ACTION_CONFIG.configuration) {
       this.controlFieldConfig(fieldConfig);
       return;
     }
     if (actionType === ACTION_CONFIG.remove) {
-      this.controlRemoveFieldConfig(fieldConfig);
+      this.controlRemoveFieldConfig(fieldConfig, updateTimer);
       return;
     }
     if (actionType === ACTION_CONFIG.add) {
@@ -880,7 +894,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         tab.label = newLabel;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -900,7 +914,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         this._formConfig.tabs = (_a = this._formConfig.tabs) === null || _a === void 0 ? void 0 : _a.filter((tab) => {
           return tab.label !== tabSelected.detail.label;
         });
-        this.loadFields();
+        this.loadFields(this._sortableTimer);
         this.controlFieldConfig();
         this._formConfigChanged = true;
       }
@@ -913,7 +927,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         tab.visible = !tab.visible;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -938,6 +952,12 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.controlSortableField();
     this.controlSortableGroup();
   }
+  async componentWillRender() {
+    if (this.messagesBuilder == undefined) {
+      const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      this.messagesBuilder = application.messagesBuilder;
+    }
+  }
   componentWillLoad() {
     this.loadConfig();
   }