@sankhyalabs/sankhyablocks 10.1.0-dev.23 → 10.1.0-dev.25

package/dist/esm/snk-attach.entry.js

@@ -1,13 +1,14 @@
 import { r as registerInstance, e as createEvent, h } from './index-04f73a26.js';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnitLoaderUtils, DataUnit } from '@sankhyalabs/core';
-import { D as DataFetcher, S as SnkMessageBuilder } from './DataFetcher-0b9da57d.js';
-import { S as SaveErrorsEnum } from './ISave-f1c9269b.js';
+import { D as DataFetcher } from './DataFetcher-1dd7e8c0.js';
+import { S as SaveErrorsEnum } from './ISave-498c4831.js';
 import './index-b40568ff.js';
-import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-4c312b43.js';
+import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-3d5c4ae4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-7cda6254.js';
+import './form-config-fetcher-fcc7b62f.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
-import { A as AutorizationType } from './auth-fetcher-acdc1cb4.js';
+import { A as AutorizationType } from './auth-fetcher-69cbda8d.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-c0bc4424.js';
 import { T as TaskbarElement } from './taskbar-elements-d1e63fb2.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';

package/dist/esm/snk-crud.entry.js

@@ -1,18 +1,19 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-04f73a26.js';
 import { Action, StringUtils, ElementIDUtils, ApplicationContext, KeyboardManager } from '@sankhyalabs/core';
-import './DataFetcher-0b9da57d.js';
-import './ISave-f1c9269b.js';
+import './DataFetcher-1dd7e8c0.js';
+import './ISave-498c4831.js';
 import { P as PresentationMode, E as ExporterStrategy } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-4c312b43.js';
+import './dataunit-fetcher-3d5c4ae4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-7cda6254.js';
+import './form-config-fetcher-fcc7b62f.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
-import { A as AutorizationType } from './auth-fetcher-acdc1cb4.js';
+import { A as AutorizationType } from './auth-fetcher-69cbda8d.js';
 import { S as ServicesNumberingConfig } from './ServicesNumberingConfig-2f7b050e.js';
 import { T as TaskbarElement } from './taskbar-elements-d1e63fb2.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-c0bc4424.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';
 import './ResourceIDUtils-a114189a.js';
@@ -88,7 +89,7 @@ const SnkCrud = class {
     this.configName = undefined;
     this.filterBarTitle = undefined;
     this.selectionToastConfig = undefined;
-    this.showActionButtons = false;
+    this.showActionButtons = true;
     this.actionsList = undefined;
     this.taskbarManager = undefined;
     this.recordsValidator = undefined;

package/dist/esm/snk-data-exporter.entry.js

@@ -4,15 +4,16 @@ import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/
 import { I as IExportType } from './IFetchDataExporterParams-d73bed3d.js';
 import { D as DataExporterOption, a as DataExporterType, b as DataExporterFormat } from './index-b40568ff.js';
 import { R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-7b422de0.js';
-import { D as DataFetcher } from './DataFetcher-0b9da57d.js';
-import { S as SnkDataUnit } from './snk-data-unit-130021b3.js';
-import './ISave-f1c9269b.js';
+import { D as DataFetcher } from './DataFetcher-1dd7e8c0.js';
+import { S as SnkDataUnit } from './snk-data-unit-363c3551.js';
+import './ISave-498c4831.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-4c312b43.js';
+import './dataunit-fetcher-3d5c4ae4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-7cda6254.js';
+import './form-config-fetcher-fcc7b62f.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-c0bc4424.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import './GetSelectedRecordsIDsInfo-9fa41508.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';

package/dist/esm/{snk-data-unit-130021b3.js → snk-data-unit-363c3551.js}

@@ -1,8 +1,8 @@
 import { r as registerInstance, e as createEvent, h, g as getElement, f as Host } from './index-04f73a26.js';
 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-0b9da57d.js';
-import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher-4c312b43.js';
+import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-c0bc4424.js';
+import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher-3d5c4ae4.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
 

package/dist/esm/snk-data-unit.entry.js

@@ -1,11 +1,12 @@
-export { S as snk_data_unit } from './snk-data-unit-130021b3.js';
+export { S as snk_data_unit } from './snk-data-unit-363c3551.js';
 import './index-04f73a26.js';
 import '@sankhyalabs/core';
 import '@sankhyalabs/ezui/dist/collection/utils';
-import './DataFetcher-0b9da57d.js';
+import './SnkMessageBuilder-c0bc4424.js';
+import './dataunit-fetcher-3d5c4ae4.js';
+import './DataFetcher-1dd7e8c0.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-4c312b43.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';

package/dist/esm/snk-detail-view.entry.js

@@ -1,20 +1,21 @@
 import { r as registerInstance, e as createEvent, i as forceUpdate, h, f as Host, g as getElement } from './index-04f73a26.js';
 import { Action, StringUtils, KeyboardManager } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-a87566c8.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-86befa68.js';
 import { FormMetadata, buildFormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import { S as SnkMessageBuilder } from './DataFetcher-0b9da57d.js';
-import './ISave-f1c9269b.js';
+import './DataFetcher-1dd7e8c0.js';
+import './ISave-498c4831.js';
 import { P as PresentationMode } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-4c312b43.js';
+import './dataunit-fetcher-3d5c4ae4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-7cda6254.js';
+import './form-config-fetcher-fcc7b62f.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
 import { T as TaskbarElement } from './taskbar-elements-d1e63fb2.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-3fd18298.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-97708c80.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-c0bc4424.js';
 import { buildFieldSearch, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
-import './ConfigStorage-39ac8fef.js';
+import './ConfigStorage-d15d2014.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';
@@ -66,7 +67,7 @@ class GuideBuilder {
       };
     });
     const newGuideItem = children.shift();
-    newGuideItem.label = isNewRecord ? this.getMessage("snkCrud.title.newRecord") : currentRecord.__record__label__;
+    newGuideItem.label = isNewRecord ? this.getMessage("snkCrud.newRecord") : currentRecord.__record__label__;
     newGuideItem.children = children;
     item.children = [newGuideItem];
     return item;
@@ -315,6 +316,9 @@ const SnkDetailView = class {
     if (action.type === Action.FIELD_INVALIDATED) {
       this.addErrorBadgeToBranchGuide();
     }
+    else if (action.type === Action.DATA_LOADED) {
+      this.dataUnit.selectFirst();
+    }
   }
   addErrorBadgeToBranchGuide() {
     this.branchGuide = Object.assign(Object.assign({}, this.branchGuide), { badge: 'error' });
@@ -369,7 +373,7 @@ const SnkDetailView = class {
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), fieldToFocus: this._fieldToGetFocus, label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems), onSnkRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), fieldSearch: this._fieldSearch }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS", actionsSettingsList: this.getSettingsListForm() }, h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false, enableGridInsert: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), fieldToFocus: this._fieldToGetFocus, label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems), onSnkRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), fieldSearch: this._fieldSearch, entityPath: this.entityName }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS", actionsSettingsList: this.getSettingsListForm() }, h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/snk-filter-bar_4.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement, i as forceUpdate } from './index-04f73a26.js';
 import { DataType, StringUtils, ObjectUtils, ElementIDUtils, ErrorException, ApplicationContext, LockManager, LockManagerOperation, DateUtils, MaskFormatter, KeyboardManager, FloatingManager, ArrayUtils } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
-import { C as ConfigStorage } from './ConfigStorage-39ac8fef.js';
+import { C as ConfigStorage } from './ConfigStorage-d15d2014.js';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-d2439a9a.js';
 import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
@@ -12,9 +12,10 @@ import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { A as ActionDefaultFilter } from './default-filters-50105e43.js';
 import { F as FilterType } from './filter-type.enum-f6a8fe23.js';
 import { g as getInvalidFilters } from './filter-validate-faf51fa9.js';
-import './form-config-fetcher-7cda6254.js';
-import './DataFetcher-0b9da57d.js';
+import './form-config-fetcher-fcc7b62f.js';
+import './DataFetcher-1dd7e8c0.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-c0bc4424.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 const buildFilter = (item) => {

package/dist/esm/snk-filter-modal-item.entry.js

@@ -1,12 +1,13 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-04f73a26.js';
 import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
-import { C as ConfigStorage } from './ConfigStorage-39ac8fef.js';
+import { C as ConfigStorage } from './ConfigStorage-d15d2014.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { F as FilterType } from './filter-type.enum-f6a8fe23.js';
-import './form-config-fetcher-7cda6254.js';
-import './DataFetcher-0b9da57d.js';
+import './form-config-fetcher-fcc7b62f.js';
+import './DataFetcher-1dd7e8c0.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-c0bc4424.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";

package/dist/esm/snk-form-view.entry.js

@@ -1,10 +1,23 @@
 import { r as registerInstance, e as createEvent, h, f as Host } from './index-04f73a26.js';
-import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+import { Action, UserInterface, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { DataBinder } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { focusOnFieldSerch, SEARCH_FIELD_FULL_WIDTH, FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
+import { g as getPKs } from './ImageUtils-8fc8d905.js';
 
 const snkFormViewCss = ".sc-snk-form-view-h{display:flex;width:100%;--ez-form-card-summary-field-content-weight:700}.level-path.sc-snk-form-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.summary-wrapper.sc-snk-form-view{display:flex;overflow:hidden}.summary-header.sc-snk-form-view{border-bottom:1px solid var(--color--strokes);margin-bottom:var(--space--medium);padding-bottom:var(--space--medium)}.summary-container.sc-snk-form-view{display:flex;flex-direction:column}.summary-container.sc-snk-form-view{padding-right:calc(var(--space--extra-large) / 1.5)}.summary-field.sc-snk-form-view{min-width:30px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-field__title.sc-snk-form-view{color:var(--text--primary, #626e82);font-size:var(--title--small);white-space:nowrap;font-weight:var(--text-weight--medium)}.summary-field__content.sc-snk-form-view{color:var(--title--primary, #2b3a54);font-size:var(--text--large);font-weight:var(--ez-form-card-summary-field-content-weight)}";
 
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
 const SnkFormView = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -13,7 +26,23 @@ const SnkFormView = class {
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._customEditors = new Map();
     this._fieldProps = new Map();
+    this.dataUnitObserver = async (action) => {
+      if (action.type === Action.RECORDS_COPIED) {
+        const sourcePK = this.buildSourceRecordPK(action);
+        this.getImageField().forEach(async (field) => {
+          this.dataUnit.setFieldValue(field.name, JSON.stringify(sourcePK));
+        });
+      }
+    };
+    this.customUiBuilders = new Map([
+      [UserInterface.IMAGE, (_a) => {
+          var { name } = _a, props = __rest(_a, ["name"]);
+          return h("snk-image-input", Object.assign({ dataUnit: this.dataUnit, maxSize: Infinity, fieldName: name, entityName: this.entityPath }, props));
+        }
+      ]
+    ]);
     this._singleColumn = false;
+    this._currentFormLayout = undefined;
     this.levelPath = undefined;
     this.fieldSearch = undefined;
     this.label = undefined;
@@ -30,6 +59,7 @@ const SnkFormView = class {
     this.fieldToFocus = undefined;
     this.customEditors = undefined;
     this.fieldsProps = undefined;
+    this.entityPath = undefined;
   }
   async showUp() {
     if (this._formView) {
@@ -79,6 +109,11 @@ const SnkFormView = class {
       }
     }
   }
+  async observeDataUnit(newValue, oldValue) {
+    if (newValue !== oldValue && newValue) {
+      newValue.subscribe(this.dataUnitObserver);
+    }
+  }
   changeFix() {
     this.fixed = !this.fixed;
     this.emitEvent("fixed");
@@ -136,28 +171,41 @@ const SnkFormView = class {
     if (this._dataBinder != undefined) {
       this._dataBinder.onDisconnectedCallback();
     }
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
+  }
+  async componentWillLoad() {
+    await this.initLayoutFormConfig();
+  }
+  async componentWillLoad() {
+    await this.initLayoutFormConfig();
   }
   componentDidLoad() {
     this.observePropsCustomEditor(this.customEditors);
     this.observeFieldsProps(this.fieldsProps);
-    this.initLayoutFormConfig();
   }
   async initLayoutFormConfig() {
-    const _application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    const layoutFormConfig = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
+    var _a;
+    if (!this._application) {
+      this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    }
+    const layoutFormConfig = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getLayoutFormConfig());
     if (layoutFormConfig) {
       this.setSingleColumn(layoutFormConfig);
       this.registerNotifyListeners(layoutFormConfig);
     }
   }
   setSingleColumn(layoutFormConfig) {
-    this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CASCADE;
+    this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CASCADE || (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CLASSIC_CASCADE;
+    this._currentFormLayout = layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config;
   }
   registerNotifyListeners(layoutFormConfig) {
     if (!layoutFormConfig)
       return;
     layoutFormConfig.onConfigChange((config) => {
-      this._singleColumn = (config === FormLayout.CASCADE);
+      this._singleColumn = (config === FormLayout.CASCADE || config === FormLayout.CLASSIC_CASCADE);
+      this._currentFormLayout = config;
     });
   }
   componentDidRender() {
@@ -194,6 +242,22 @@ const SnkFormView = class {
       });
     }
   }
+  buildSourceRecordPK(action) {
+    var _a, _b;
+    const currentRecord = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const sourceBase64 = currentRecord["__record__source__id__"];
+    const sourceRecord = JSON.parse(atob(sourceBase64 || ''));
+    delete sourceRecord["__DATA_UNIT_NAME__"];
+    const pkFields = Object.keys(getPKs(this.dataUnit));
+    const filteredSourceRecord = {};
+    for (const pkField of pkFields) {
+      filteredSourceRecord[pkField] = (_b = sourceRecord[pkField]) === null || _b === void 0 ? void 0 : _b.value;
+    }
+    return filteredSourceRecord;
+  }
+  getImageField() {
+    return this.dataUnit.metadata.fields.filter(field => field.userInterface === UserInterface.IMAGE);
+  }
   render() {
     return (h(Host, { class: "ez-box__container" }, h("div", { class: "summary-header ez-flex ez-size-width--full", ref: ref => this._headerContainer = ref }, h("div", { class: "ez-flex ez-text ez-title--primary ez-text--bold ez-flex--justify-start ez-flex--align-items-center ez-col--sd-9" }, this.levelPath ? h("span", { class: "level-path" }, this.levelPath + " /") : undefined, this.label), h("div", { class: "ez-flex ez-flex--justify-end ez-col--sd-3" }, this.canFix &&
       h("ez-button", { class: "ez-padding-left--medium", mode: "icon", size: "small", iconName: this.fixed ? "un-pin" : "push-pin", "data-element-id": ElementIDUtils.getInternalIDInfo("toggleFixed_ezFormCard"), onClick: () => this.changeFix(), title: this.fixed ? "Desafixar" : "Fixar" }), this.canExpand &&
@@ -201,11 +265,12 @@ const SnkFormView = class {
       ?
         h("snk-form-summary", { summary: this.getCardSummary() })
       :
-        h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event), singleColumn: this._singleColumn }), this.fieldSearch && h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
+        h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event), singleColumn: this._singleColumn, customUiBuilders: this.customUiBuilders, formLayout: this._currentFormLayout }), this.fieldSearch && h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
   }
   static get watchers() { return {
     "customEditors": ["observePropsCustomEditor"],
-    "fieldsProps": ["observeFieldsProps"]
+    "fieldsProps": ["observeFieldsProps"],
+    "dataUnit": ["observeDataUnit"]
   }; }
 };
 SnkFormView.style = snkFormViewCss;

package/dist/esm/snk-form_2.entry.js

@@ -1,15 +1,16 @@
 import { r as registerInstance, e as createEvent, h, g as getElement, f as Host } from './index-04f73a26.js';
 import { ElementIDUtils, ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-a87566c8.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-86befa68.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { U as UserConfigType } from './form-config-fetcher-7cda6254.js';
+import { U as UserConfigType } from './form-config-fetcher-fcc7b62f.js';
 import { a as TAB_NAMES, G as GROUP_NAMES } from './constants-7b422de0.js';
 import { b as buildGuides, a as buildChildrenGuides, c as buildCustomGuides, d as buildGuidesMap, g as getFieldsToSave, u as updateTabInFieldsFromGroupList, e as buildNewGuideName } from './FormConfigHelper-d09669f3.js';
-import './ConfigStorage-39ac8fef.js';
-import './DataFetcher-0b9da57d.js';
+import './ConfigStorage-d15d2014.js';
+import './DataFetcher-1dd7e8c0.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-c0bc4424.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum-d45e026f.js';
 

package/dist/esm/snk-grid.entry.js

@@ -2,23 +2,24 @@ import { r as registerInstance, e as createEvent, h, F as Fragment, g as getElem
 import { KeyboardManager, Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
-import './DataFetcher-0b9da57d.js';
-import './ISave-f1c9269b.js';
-import { C as CommonsExporter, a as CrudUtils, S as SnkMultiSelectionListDataSource, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './SnkMultiSelectionListDataSource-01b3744b.js';
+import './DataFetcher-1dd7e8c0.js';
+import './ISave-498c4831.js';
+import { C as CommonsExporter, a as CrudUtils, S as SnkMultiSelectionListDataSource, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './SnkMultiSelectionListDataSource-14633bf6.js';
 import { P as PresentationMode, E as ExporterStrategy } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-4c312b43.js';
+import './dataunit-fetcher-3d5c4ae4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-7cda6254.js';
+import './form-config-fetcher-fcc7b62f.js';
 import './constants-7b422de0.js';
-import { C as ConfigStorage } from './ConfigStorage-39ac8fef.js';
+import { C as ConfigStorage } from './ConfigStorage-d15d2014.js';
 import { s as store } from './index-ea250be6.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
 import { v as validateFilters } from './filter-validate-faf51fa9.js';
 import { T as TaskbarElement } from './taskbar-elements-d1e63fb2.js';
 import { T as TaskbarProcessor } from './taskbar-processor-3436124c.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-c0bc4424.js';
 import './IFetchDataExporterParams-d73bed3d.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
@@ -550,7 +551,7 @@ const SnkGrid = class {
     return disabledButtons;
   }
   getInvisibleButtons() {
-    var _a, _b;
+    var _a, _b, _c;
     let invisibleButtons = [];
     if (!this._dataUnit || this._dataUnit.records.length === 0)
       invisibleButtons.push(TaskbarElement.DATA_EXPORTER);
@@ -558,6 +559,8 @@ const SnkGrid = class {
       invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
     if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo.length) === 1)
       invisibleButtons.push(TaskbarElement.UPDATE_MULTIPLE);
+    if (!((_c = this._dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo.length))
+      invisibleButtons.push(TaskbarElement.FORM_MODE);
     return invisibleButtons;
   }
   componentWillRender() {

package/dist/esm/{snk-guides-viewer-3fd18298.js → snk-guides-viewer-97708c80.js}

@@ -3,16 +3,16 @@ import { ObjectUtils, StringUtils, Action, KeyboardManager, ElementIDUtils } fro
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { buildFieldSearch, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import './DataFetcher-0b9da57d.js';
-import './ISave-f1c9269b.js';
+import './DataFetcher-1dd7e8c0.js';
+import './ISave-498c4831.js';
 import { P as PresentationMode } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-4c312b43.js';
+import './dataunit-fetcher-3d5c4ae4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-7cda6254.js';
+import './form-config-fetcher-fcc7b62f.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-a87566c8.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-86befa68.js';
 import { T as TaskbarElement } from './taskbar-elements-d1e63fb2.js';
 import { T as TaskbarProcessor } from './taskbar-processor-3436124c.js';
 
@@ -300,7 +300,7 @@ const SnkGuidesViewer = class {
       if (sheet == undefined) {
         return;
       }
-      return h("snk-form-view", { levelPath: params.levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: params.formMetadata, dataUnit: params.dataUnit, recordsValidator: params.recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_b = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.summary) === null || _b === void 0 ? void 0 : _b.get(formName), fieldToFocus: params.fieldToFocus, key: formName, onSnkRequestClearFieldToFocus: _ => { var _a; return (_a = params.onRequestClearFieldToFocus) === null || _a === void 0 ? void 0 : _a.call(params); }, customEditors: params.propsCustomEditor, fieldsProps: params.fieldsProps });
+      return h("snk-form-view", { levelPath: params.levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: params.formMetadata, dataUnit: params.dataUnit, recordsValidator: params.recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_b = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.summary) === null || _b === void 0 ? void 0 : _b.get(formName), fieldToFocus: params.fieldToFocus, key: formName, onSnkRequestClearFieldToFocus: _ => { var _a; return (_a = params.onRequestClearFieldToFocus) === null || _a === void 0 ? void 0 : _a.call(params); }, customEditors: params.propsCustomEditor, fieldsProps: params.fieldsProps, entityPath: params.entityPath });
     })));
   }
   wrapDetail(levels, content) {
@@ -345,7 +345,7 @@ const SnkGuidesViewer = class {
     if (!sheet)
       return;
     const cardConfig = (_b = (_a = this.masterFormConfig) === null || _a === void 0 ? void 0 : _a.cardsState) === null || _b === void 0 ? void 0 : _b.get(cardId);
-    return (h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar()));
+    return (h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch, entityPath: this.entityPath }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar()));
   }
   isDetailGuide(childEntityName, levels) {
     return childEntityName || levels.length > 0;
@@ -617,8 +617,9 @@ const SnkGuidesViewer = class {
       fieldToFocus: this._fieldToGetFocus,
       onRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this),
       propsCustomEditor: this._customEditors,
-      fieldsProps: this._fieldsProps
-    }), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID })));
+      fieldsProps: this._fieldsProps,
+      entityPath: this.entityPath
+    }), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID, layoutFormConfig: false, disableNumberingConfig: true })));
   }
   render() {
     if (!this.dataUnit || !this._configManager.isLoaded) {

package/dist/esm/snk-guides-viewer.entry.js

@@ -1,24 +1,25 @@
-export { S as snk_guides_viewer } from './snk-guides-viewer-3fd18298.js';
+export { S as snk_guides_viewer } from './snk-guides-viewer-97708c80.js';
 import './index-04f73a26.js';
 import '@sankhyalabs/core';
 import '@sankhyalabs/core/dist/dataunit/DataUnit';
 import '@sankhyalabs/ezui/dist/collection/utils';
 import '@sankhyalabs/ezui/dist/collection/utils/form';
-import './DataFetcher-0b9da57d.js';
+import './DataFetcher-1dd7e8c0.js';
 import './PrintUtils-3e4ff0f5.js';
+import './SnkMessageBuilder-c0bc4424.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './ISave-f1c9269b.js';
+import './ISave-498c4831.js';
 import './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
-import './dataunit-fetcher-4c312b43.js';
+import './dataunit-fetcher-3d5c4ae4.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';
 import './ResourceIDUtils-a114189a.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-7cda6254.js';
+import './form-config-fetcher-fcc7b62f.js';
 import './constants-7b422de0.js';
-import './SnkFormConfigManager-a87566c8.js';
-import './ConfigStorage-39ac8fef.js';
+import './SnkFormConfigManager-86befa68.js';
+import './ConfigStorage-d15d2014.js';
 import './taskbar-elements-d1e63fb2.js';
 import './index-ea250be6.js';
 import './taskbar-processor-3436124c.js';