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

package/dist/components/snk-crud.js

@@ -11,37 +11,38 @@ import { V as VIEW_MODE } from './constants.js';
 import { A as AutorizationType } from './auth-fetcher.js';
 import { S as ServicesNumberingConfig, d as defineCustomElement$b } from './snk-numbering-config2.js';
 import { T as TaskbarElement, d as defineCustomElement$5 } from './snk-taskbar2.js';
-import { d as defineCustomElement$I } from './config-header2.js';
-import { d as defineCustomElement$H } from './configs-button2.js';
-import { d as defineCustomElement$G } from './field-config2.js';
-import { d as defineCustomElement$F } from './field-item2.js';
-import { d as defineCustomElement$E } from './fields-layout2.js';
-import { d as defineCustomElement$D } from './fields-selector2.js';
-import { d as defineCustomElement$C } from './guides-configurator2.js';
-import { d as defineCustomElement$B } from './snk-actions-button2.js';
-import { d as defineCustomElement$A } from './snk-attach2.js';
-import { d as defineCustomElement$z } from './snk-configurator2.js';
-import { d as defineCustomElement$y } from './snk-data-exporter2.js';
-import { d as defineCustomElement$x } from './snk-data-unit2.js';
-import { d as defineCustomElement$w } from './snk-default-filter2.js';
-import { d as defineCustomElement$d, a as defineCustomElement$v } from './snk-detail-view2.js';
-import { d as defineCustomElement$u } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$t } from './snk-expression-group2.js';
-import { d as defineCustomElement$s } from './snk-expression-item2.js';
-import { d as defineCustomElement$r } from './snk-filter-advanced-mode2.js';
-import { d as defineCustomElement$q } from './snk-filter-assistent-mode2.js';
-import { d as defineCustomElement$p } from './snk-filter-bar2.js';
-import { d as defineCustomElement$o } from './snk-filter-detail2.js';
-import { d as defineCustomElement$n } from './snk-filter-field-search2.js';
-import { d as defineCustomElement$m } from './snk-filter-item2.js';
-import { d as defineCustomElement$l } from './snk-filter-modal2.js';
-import { d as defineCustomElement$k } from './snk-filter-modal-item2.js';
-import { d as defineCustomElement$j } from './snk-filter-param-config2.js';
-import { d as defineCustomElement$i } from './snk-form-config2.js';
-import { d as defineCustomElement$h } from './snk-form-summary2.js';
-import { d as defineCustomElement$g } from './snk-form-view2.js';
-import { d as defineCustomElement$f } from './snk-grid2.js';
-import { d as defineCustomElement$e } from './snk-grid-config2.js';
+import { d as defineCustomElement$J } from './config-header2.js';
+import { d as defineCustomElement$I } from './configs-button2.js';
+import { d as defineCustomElement$H } from './field-config2.js';
+import { d as defineCustomElement$G } from './field-item2.js';
+import { d as defineCustomElement$F } from './fields-layout2.js';
+import { d as defineCustomElement$E } from './fields-selector2.js';
+import { d as defineCustomElement$D } from './guides-configurator2.js';
+import { d as defineCustomElement$C } from './snk-actions-button2.js';
+import { d as defineCustomElement$B } from './snk-attach2.js';
+import { d as defineCustomElement$A } from './snk-configurator2.js';
+import { d as defineCustomElement$z } from './snk-data-exporter2.js';
+import { d as defineCustomElement$y } from './snk-data-unit2.js';
+import { d as defineCustomElement$x } from './snk-default-filter2.js';
+import { d as defineCustomElement$e, a as defineCustomElement$w } from './snk-detail-view2.js';
+import { d as defineCustomElement$v } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$u } from './snk-expression-group2.js';
+import { d as defineCustomElement$t } from './snk-expression-item2.js';
+import { d as defineCustomElement$s } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$r } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$q } from './snk-filter-bar2.js';
+import { d as defineCustomElement$p } from './snk-filter-detail2.js';
+import { d as defineCustomElement$o } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$n } from './snk-filter-item2.js';
+import { d as defineCustomElement$m } from './snk-filter-modal2.js';
+import { d as defineCustomElement$l } from './snk-filter-modal-item2.js';
+import { d as defineCustomElement$k } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$j } from './snk-form-config2.js';
+import { d as defineCustomElement$i } from './snk-form-summary2.js';
+import { d as defineCustomElement$h } from './snk-form-view2.js';
+import { d as defineCustomElement$g } from './snk-grid2.js';
+import { d as defineCustomElement$f } from './snk-grid-config2.js';
+import { d as defineCustomElement$d } from './snk-image-input2.js';
 import { d as defineCustomElement$c } from './snk-layout-form-config2.js';
 import { d as defineCustomElement$a } from './snk-personalized-filter2.js';
 import { d as defineCustomElement$9 } from './snk-select-box2.js';
@@ -58,6 +59,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.snkShowGuide = createEvent(this, "snkShowGuide", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
     this.configuratorSave = createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
@@ -122,7 +124,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.configName = undefined;
     this.filterBarTitle = undefined;
     this.selectionToastConfig = undefined;
-    this.showActionButtons = false;
+    this.showActionButtons = true;
     this.actionsList = undefined;
     this.taskbarManager = undefined;
     this.recordsValidator = undefined;
@@ -145,6 +147,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.layoutFormConfig = true;
     this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
+    this.customGuidesConfig = [];
     this.showEntitySearch = true;
     this.disableNumberingConfig = false;
   }
@@ -590,6 +593,11 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     this.configuratorCancel.emit();
   }
+  renderCustomGuideSlots() {
+    if (!this.customGuidesConfig)
+      return;
+    return this.customGuidesConfig.map(g => h("slot", { name: g.id }));
+  }
   renderDynamicSearch(slotName) {
     var _a;
     if (!this.showEntitySearch || ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.insertionMode) === true)
@@ -601,7 +609,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }), this.renderDynamicSearch("GRID_HEADER_DYNAMIC_SEARCH"))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), this.renderDynamicSearch("GUIDES_VIEWER_DYNAMIC_SEARCH"), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", { tabIndex: "0" }, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, entityName: this._snkDataUnit.entityName, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }), this.renderDynamicSearch("GRID_HEADER_DYNAMIC_SEARCH"))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, customGuidesConfig: this.customGuidesConfig, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), this.renderCustomGuideSlots(), this.renderDynamicSearch("GUIDES_VIEWER_DYNAMIC_SEARCH"), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", { tabIndex: "0" }, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, entityName: this._snkDataUnit.entityName, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -637,6 +645,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "layoutFormConfig": [4, "layout-form-config"],
     "multipleEditionEnabled": [4, "multiple-edition-enabled"],
     "paginationCounterMode": [1, "pagination-counter-mode"],
+    "customGuidesConfig": [16],
     "showEntitySearch": [4, "show-entity-search"],
     "disableNumberingConfig": [4, "disable-numbering-config"],
     "_dataUnit": [32],
@@ -666,7 +675,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "config-header", "configs-button", "field-config", "field-item", "fields-layout", "fields-selector", "guides-configurator", "snk-actions-button", "snk-attach", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-default-filter", "snk-detail-view", "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-modal", "snk-filter-modal-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-layout-form-config", "snk-numbering-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button", "taskbar-split-button"];
+  const components = ["snk-crud", "config-header", "configs-button", "field-config", "field-item", "fields-layout", "fields-selector", "guides-configurator", "snk-actions-button", "snk-attach", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-default-filter", "snk-detail-view", "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-modal", "snk-filter-modal-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-image-input", "snk-layout-form-config", "snk-numbering-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
@@ -675,160 +684,165 @@ function defineCustomElement$1() {
       break;
     case "config-header":
       if (!customElements.get(tagName)) {
-        defineCustomElement$I();
+        defineCustomElement$J();
       }
       break;
     case "configs-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$H();
+        defineCustomElement$I();
       }
       break;
     case "field-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$G();
+        defineCustomElement$H();
       }
       break;
     case "field-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$F();
+        defineCustomElement$G();
       }
       break;
     case "fields-layout":
       if (!customElements.get(tagName)) {
-        defineCustomElement$E();
+        defineCustomElement$F();
       }
       break;
     case "fields-selector":
       if (!customElements.get(tagName)) {
-        defineCustomElement$D();
+        defineCustomElement$E();
       }
       break;
     case "guides-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$C();
+        defineCustomElement$D();
       }
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$B();
+        defineCustomElement$C();
       }
       break;
     case "snk-attach":
       if (!customElements.get(tagName)) {
-        defineCustomElement$A();
+        defineCustomElement$B();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$z();
+        defineCustomElement$A();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$y();
+        defineCustomElement$z();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$x();
+        defineCustomElement$y();
       }
       break;
     case "snk-default-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$w();
+        defineCustomElement$x();
       }
       break;
     case "snk-detail-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$v();
+        defineCustomElement$w();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$u();
+        defineCustomElement$v();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$t();
+        defineCustomElement$u();
       }
       break;
     case "snk-expression-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$s();
+        defineCustomElement$t();
       }
       break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$r();
+        defineCustomElement$s();
       }
       break;
     case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$r();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$q();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$p();
       }
       break;
     case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$o();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "snk-filter-modal":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "snk-filter-modal-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "snk-filter-param-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "snk-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "snk-guides-viewer":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "snk-image-input":
       if (!customElements.get(tagName)) {
         defineCustomElement$d();
       }

package/dist/components/snk-custom-slot-guide.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkCustomSlotGuide extends Components.SnkCustomSlotGuide, HTMLElement {}
+export const SnkCustomSlotGuide: {
+  prototype: SnkCustomSlotGuide;
+  new (): SnkCustomSlotGuide;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-custom-slot-guide.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const snkCustomSlotGuideCss = ".sc-snk-custom-slot-guide-h{display:none}";
+
+const SnkCustomSlotGuide$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.snkCustomSlotGuideLoaded = createEvent(this, "snkCustomSlotGuideLoaded", 7);
+    this.slotName = 'CUSTOM_SLOT_GUIDE';
+  }
+  onGuideChange(evt) {
+    const guideName = evt.detail;
+    if (guideName === this.slotName) {
+      this._element.style.setProperty('display', 'block');
+    }
+    else {
+      this._element.style.setProperty('display', 'none');
+    }
+  }
+  onFormConfigVisibilityChange(evt) {
+    const isFormConfigVisible = evt.detail;
+    if (isFormConfigVisible) {
+      this._element.style.setProperty('display', 'none');
+    }
+  }
+  componentDidLoad() {
+    this.snkCustomSlotGuideLoaded.emit(this.slotName);
+  }
+  render() {
+    return (h(Host, { slot: this.slotName, id: this.slotName, class: "custom-slot-guide-container" }, h("slot", null)));
+  }
+  get _element() { return this; }
+  static get style() { return snkCustomSlotGuideCss; }
+}, [6, "snk-custom-slot-guide", {
+    "slotName": [1, "slot-name"]
+  }, [[8, "snkShowGuide", "onGuideChange"], [8, "formConfigVisibilityChanged", "onFormConfigVisibilityChange"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-custom-slot-guide"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-custom-slot-guide":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkCustomSlotGuide$1);
+      }
+      break;
+  } });
+}
+
+const SnkCustomSlotGuide = SnkCustomSlotGuide$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkCustomSlotGuide, defineCustomElement };

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { ApplicationContext, Action, ObjectUtils, DataUnitAction, StringUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { O as OperationMap, S as SnkMessageBuilder } from './DataFetcher.js';
+import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
@@ -154,6 +154,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._metadataByRow = new Map();
     this._rowMetadataCache = new Map();
     this._formFieldsConfig = [];
+    this._internalDataStateChange = false;
     this.REGEX_DATAUNIT_NAME = /dd:\/\/(.+?)\//;
     this._dataUnitObserver = async (action) => {
       const duState = await this.buildDataState(action.type);
@@ -408,11 +409,17 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this.isAllowed("UPDATE") || this.dataUnit.isNewRecord(recordId)) {
       return action;
     }
+    if (this._internalDataStateChange) {
+      this._internalDataStateChange = false;
+      return;
+    }
     if (this._openedAlert) {
+      this._internalDataStateChange = true;
       await this.dataUnit.cancelEdition();
       return;
     }
     this._openedAlert = true;
+    this._internalDataStateChange = true;
     await this.dataUnit.cancelEdition();
     await ApplicationUtils.alert(this.getMessage("snkDataUnit.forbidden"), this.getMessage("snkDataUnit.forbiddenUpdate"));
     this._openedAlert = false;
@@ -615,6 +622,8 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return records;
     const parentSelectedRecord = parentDataUnit.getSelectedRecord();
     const selfInfo = parentDataUnit === null || parentDataUnit === void 0 ? void 0 : parentDataUnit.getChildInfo(this.getCleanDataUnitName());
+    if (!selfInfo)
+      return records;
     const { links } = selfInfo;
     if (!links || links.length === 0)
       return records;