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

package/dist/cjs/snk-image-input.cjs.entry.js

@@ -0,0 +1,148 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1894343a.js');
+const core = require('@sankhyalabs/core');
+const SnkMessageBuilder = require('./SnkMessageBuilder-d9558dba.js');
+const ImageUtils = require('./ImageUtils-5e3f406b.js');
+
+const snkImageInputCss = ":host{display:block}";
+
+const SnkImageInput = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.imageError = index.createEvent(this, "imageError", 7);
+    this.dataUnitObserver = async (action) => {
+      var _a;
+      const actionsMoveSelection = [core.Action.NEXT_SELECTED, core.Action.PREVIOUS_SELECTED];
+      if (actionsMoveSelection.includes(action.type)) {
+        await this.loadImage();
+        return;
+      }
+      const selection = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.selection) || [];
+      if (action.type === core.Action.SELECTION_CHANGED && selection.length > 0) {
+        await this.loadImage();
+        return;
+      }
+      if (action.type === core.Action.RECORDS_ADDED) {
+        await this.clearImage();
+        return;
+      }
+    };
+    this.dataUnit = undefined;
+    this.fieldName = undefined;
+    this.entityName = undefined;
+    this.enabled = true;
+    this.acceptType = undefined;
+    this.maxSize = undefined;
+    this.label = undefined;
+    this.imageValue = undefined;
+    this.loading = true;
+  }
+  /**
+   * Força o reload da imagem
+   */
+  async reloadImage(pks) {
+    await this.loadImage(pks);
+  }
+  getMessage(key, params) {
+    if (!this.messagesBuilder) {
+      this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder();
+    }
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async clearImage() {
+    this.imageValue = undefined;
+  }
+  async handleImageChange(event) {
+    const base64 = event.detail;
+    if (!base64) {
+      await this.clearImage();
+      await this.updatedataUnitField(true);
+      return;
+    }
+    const blob = await ImageUtils.base64ToBlob(base64);
+    if (this.maxSize && blob.size > this.maxSize * 1024) {
+      const errorMsg = this.getMessage('snkImageInput.errorImageSize') + this.maxSize + '(KB)';
+      this.imageError.emit(errorMsg);
+      if (this.application) {
+        await this.application.error(this.getMessage('snkImageInput.errorTitle'), errorMsg);
+      }
+      return;
+    }
+    this.imageValue = base64;
+    await ImageUtils.sessionFileUpload(blob, this.entityName, this.fieldName);
+    await this.updatedataUnitField();
+  }
+  async updatedataUnitField(deleted = false) {
+    if (!this.dataUnit || !this.dataUnit.getSelectedRecord()) {
+      return;
+    }
+    if (deleted) {
+      await this.dataUnit.setFieldValue(this.fieldName, 'deletado');
+    }
+    else {
+      await this.dataUnit.setFieldValue(this.fieldName, `$file.session.key{${ImageUtils.buildFileKey(this.entityName, this.fieldName)}}`);
+    }
+  }
+  async handleImageError(event) {
+    this.imageError.emit(event.detail);
+    if (this.application) {
+      await this.application.error(this.getMessage('snkImageInput.errorTitle'), event.detail);
+    }
+  }
+  getPksFromDataUnit() {
+    if (!this.dataUnit) {
+      return undefined;
+    }
+    const selectedRecord = this.dataUnit.getSelectedRecord();
+    if (!selectedRecord) {
+      return undefined;
+    }
+    const fieldValue = selectedRecord[this.fieldName];
+    if (!fieldValue) {
+      return undefined;
+    }
+    try {
+      const pk = JSON.parse(fieldValue);
+      return pk;
+    }
+    catch (error) {
+      console.error('Error parsing PK from data unit field:', error);
+      return undefined;
+    }
+  }
+  async loadImage(pks) {
+    var _a;
+    this.loading = true;
+    if (this.dataUnit && this.entityName) {
+      pks = (_a = pks !== null && pks !== void 0 ? pks : this.getPksFromDataUnit()) !== null && _a !== void 0 ? _a : ImageUtils.getPKs(this.dataUnit);
+      this.imageValue = await ImageUtils.downloadImage(pks, this.fieldName, this.entityName);
+    }
+    this.loading = false;
+  }
+  async componentWillLoad() {
+    this.application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (!this.messagesBuilder) {
+      this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder();
+    }
+    if (this.dataUnit) {
+      this.dataUnit.subscribe(this.dataUnitObserver);
+    }
+  }
+  disconnectedCallback() {
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
+  }
+  async componentDidLoad() {
+    await this.loadImage();
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("ez-image-input", { enabled: this.enabled, label: this.label, name: this.fieldName, value: this.imageValue, maxFileSize: this.maxSize ? this.maxSize * 1024 : undefined, accept: this.acceptType || 'image/png,image/jpeg,image/gif', onEzChange: (e) => this.handleImageChange(e), onEzError: (e) => this.handleImageError(e), loading: this.loading })));
+  }
+};
+SnkImageInput.style = snkImageInputCss;
+
+exports.snk_image_input = SnkImageInput;

package/dist/cjs/snk-layout-form-config.cjs.entry.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1894343a.js');
+require('./DataFetcher-3a8ea521.js');
+require('./ISave-a66bb65e.js');
+const core = require('@sankhyalabs/core');
+require('./index-e3e39724.js');
+require('@sankhyalabs/ezui/dist/collection/utils/constants');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./dataunit-fetcher-4320f7ec.js');
+require('./filter-item-type.enum-a7ffdaa6.js');
+const formConfigFetcher = require('./form-config-fetcher-72cf0e3d.js');
+require('./constants-6d82e405.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-d9558dba.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
+require('@sankhyalabs/core/dist/utils/SortingUtils');
+require('./ResourceIDUtils-5ff86aa7.js');
+
+const snkLayoutFormConfigCss = ".sc-snk-layout-form-config-h{display:block}";
+
+const FORM_COL_CONFIG_PREFIX = 'formColCfg.';
+const SnkLayoutFormConfig = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this._formConfigFetcher = new formConfigFetcher.FormConfigFetcher();
+    this.messagesBuilder = undefined;
+    this.layoutType = utils.FormLayout.SIDE_BY_SIDE;
+  }
+  /**
+   * Salva o tipo de layout escolhido. Sem retorno.
+   */
+  async save() {
+    this._LayoutFormConfigSingleton.setConfig(this.layoutType);
+    this._formConfigFetcher.saveLayoutFormConfig(FORM_COL_CONFIG_PREFIX + this._resourceID, { config: this.layoutType, newConfig: true });
+  }
+  async componentWillLoad() {
+    const _application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._LayoutFormConfigSingleton = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
+    this._resourceID = await (_application === null || _application === void 0 ? void 0 : _application.getResourceID());
+    this.setLayoutInit();
+  }
+  setLayoutInit() {
+    if (!this._LayoutFormConfigSingleton)
+      return;
+    const { config } = this._LayoutFormConfigSingleton;
+    if (config == null) {
+      this.layoutType = utils.FormLayout.SIDE_BY_SIDE;
+      return;
+    }
+    const configAsNumber = Number(config);
+    this.layoutType = Object.values(utils.FormLayout).includes(configAsNumber)
+      ? configAsNumber
+      : utils.FormLayout.SIDE_BY_SIDE;
+  }
+  toggleLayout(key) {
+    this.layoutType = key;
+  }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
+  render() {
+    return (index.h("div", { class: "ez-flex ez-flex--column" }, index.h("div", { class: "ez-margin-bottom--small" }, index.h("ez-check", { label: this.getMessage('snkLayoutFormConfig.cascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(utils.FormLayout.CASCADE), value: this.layoutType === utils.FormLayout.CASCADE }), index.h("snk-view-representation", { mode: utils.FormLayout.CASCADE }), index.h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.cascadeLayout.description'))), index.h("div", { class: "ez-margin-bottom--small" }, index.h("ez-check", { label: this.getMessage('snkLayoutFormConfig.classicCascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(utils.FormLayout.CLASSIC_CASCADE), value: this.layoutType === utils.FormLayout.CLASSIC_CASCADE }), index.h("snk-view-representation", { mode: utils.FormLayout.CLASSIC_CASCADE }), index.h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.classicCascadeLayout.description'))), index.h("div", { class: "ez-margin-bottom--small" }, index.h("ez-check", { label: this.getMessage('snkLayoutFormConfig.sideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(utils.FormLayout.SIDE_BY_SIDE), value: this.layoutType === utils.FormLayout.SIDE_BY_SIDE }), index.h("snk-view-representation", { mode: utils.FormLayout.SIDE_BY_SIDE }), index.h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.sideBySideLayout.description'))), index.h("div", null, index.h("ez-check", { label: this.getMessage('snkLayoutFormConfig.classicSideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(utils.FormLayout.CLASSIC_SIDE_BY_SIDE), value: this.layoutType === utils.FormLayout.CLASSIC_SIDE_BY_SIDE }), index.h("snk-view-representation", { mode: utils.FormLayout.CLASSIC_SIDE_BY_SIDE }), index.h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.classicSideBySideLayout.description')))));
+  }
+};
+SnkLayoutFormConfig.style = snkLayoutFormConfigCss;
+
+exports.snk_layout_form_config = SnkLayoutFormConfig;

package/dist/cjs/snk-personalized-filter-editor.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');

package/dist/cjs/snk-personalized-filter.cjs.entry.js

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-7259cf65.js');
-const ConfigStorage = require('./ConfigStorage-b29e31be.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-eccb267a.js');
+const ConfigStorage = require('./ConfigStorage-d9d24844.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index$1 = require('./index-62760a9c.js');
-const index$2 = require('./index-13d05f03.js');
+const index$2 = require('./index-f0fe7e6e.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-f0897eb5.js');
-require('./DataFetcher-ed9d97ea.js');
+require('./form-config-fetcher-72cf0e3d.js');
+require('./DataFetcher-3a8ea521.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-d9558dba.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
 const snkPersonalizedFilterCss = ".sc-snk-personalized-filter-h{display:flex;height:100%;padding:var(--space--large, 24px);--snk-personalized-filter--width:100%;--snk-personalized-filter--height:100%;--snk-personalized-filter--background-color-line:var(--color--disable-secondary);--snk-personalized-filter--margin-line:var(--border--radius-medium, 12px)}.snk-personalized-filter.sc-snk-personalized-filter{height:var(--snk-personalized-filter--width);width:var(--snk-personalized-filter--height)}.snk-personalized-filter__header-actions.sc-snk-personalized-filter{display:flex;gap:var(--space--medium)}.snk-personalized-filter__group.sc-snk-personalized-filter{flex:1}.snk-personalized-filter__expression-input--line.sc-snk-personalized-filter{width:100%;height:2px;background-color:var(--snk-personalized-filter--background-color-line);margin-top:var(--snk-personalized-filter--margin-line);margin-bottom:var(--snk-personalized-filter--margin-line)}.ez-box__main.sc-snk-personalized-filter{height:90%}.snk-personalized-filter__button-mode.sc-snk-personalized-filter{height:35px}";

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

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const ISave = require('./ISave-81eb2fbc.js');
-require('./DataFetcher-ed9d97ea.js');
+const ISave = require('./ISave-a66bb65e.js');
+require('./DataFetcher-3a8ea521.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-ab1cc071.js');
+require('./dataunit-fetcher-4320f7ec.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-f0897eb5.js');
+require('./form-config-fetcher-72cf0e3d.js');
 require('./constants-6d82e405.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-d9558dba.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
@@ -56,7 +57,6 @@ const SnkPesquisa = class {
    * Útil para cenários onde a pesquisa precisa ser disparada sem interação do usuário.
    *
    * @param text Texto utilizado como argumento de pesquisa.
-   * @returns Promise<void>
    * @example
    * await pesquisaRef.executeSearch("Texto para pesquisa");
    */

package/dist/cjs/snk-print-selector.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const PrintUtils = require('./PrintUtils-bcaeb82f.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const core = require('@sankhyalabs/core');

package/dist/cjs/snk-simple-bar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 
 const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -2,25 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-6d82e405.js');
-const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
-require('./DataFetcher-ed9d97ea.js');
-require('./ISave-81eb2fbc.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-1e804147.js');
+const taskbarElements = require('./taskbar-elements-a94d4318.js');
+require('./DataFetcher-3a8ea521.js');
+require('./ISave-a66bb65e.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-a891430e.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-ab1cc071.js');
+const dataunitFetcher = require('./dataunit-fetcher-4320f7ec.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-const formConfigFetcher = require('./form-config-fetcher-f0897eb5.js');
+const formConfigFetcher = require('./form-config-fetcher-72cf0e3d.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
-const ConfigStorage = require('./ConfigStorage-b29e31be.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-6838389c.js');
-const index$2 = require('./index-13d05f03.js');
+const ConfigStorage = require('./ConfigStorage-d9d24844.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-c88cf1e9.js');
+const index$2 = require('./index-f0fe7e6e.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-d9558dba.js');
 require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 require('./IFetchDataExporterParams-e78ec415.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
@@ -82,6 +83,7 @@ const SnkSimpleCrud = class {
     this.domainMessagesBuilder = undefined;
     this.multipleEditionEnabled = true;
     this.layoutFormConfig = true;
+    this.disableGridEdition = false;
     this.autoLoad = undefined;
     this.outlineMode = false;
   }
@@ -182,11 +184,10 @@ const SnkSimpleCrud = class {
   }
   getButtons(selected, extraButtons, removeRefresh) {
     let btnList = selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS;
-    if (removeRefresh) {
+    if (removeRefresh || this.mode === constants.SIMPLE_CRUD_MODE.IN_MEMORY) {
       btnList = btnList.filter(item => item !== taskbarElements.TaskbarElement.REFRESH);
     }
-    return this.addConfigButton(this.resolveInMemoryBtns(btnList)
-      .concat(extraButtons));
+    return this.addConfigButton(btnList.concat(extraButtons));
   }
   addConfigButton(buttons) {
     if (this.configName === undefined || (this.configName && this.gridLegacyConfigName)) {
@@ -197,13 +198,6 @@ const SnkSimpleCrud = class {
   get application() {
     return core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
-  resolveInMemoryBtns(taskbarButtons) {
-    const newTaskBarConfig = [...taskbarButtons];
-    if (this.mode === constants.SIMPLE_CRUD_MODE.IN_MEMORY) {
-      newTaskBarConfig.splice(1, 1);
-    }
-    return newTaskBarConfig;
-  }
   /**
    * @description Usado para alternar a visão entre GRID e FORM externamente.
    * @param {VIEW_MODE} view - A visão para a qual navegar.
@@ -844,7 +838,7 @@ const SnkSimpleCrud = class {
     }
     return (index.h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: `ez-box ez-box--no-outline ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section`, ref: (ref) => this._container = ref, tabindex: "0" }, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("ez-grid", { class: "ez-margin-bottom--large ez-box--no-outline", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(constants.VIEW_MODE.GRID), index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, this.renderTaskbarContent(constants.VIEW_MODE.FORM), index.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), index.h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName, messagesBuilder: this.messagesBuilder })), this.messagesBuilder && index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode, canEdit: !this.disableGridEdition }, this.renderTaskbarContent(constants.VIEW_MODE.GRID), index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, this.renderTaskbarContent(constants.VIEW_MODE.FORM), index.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), index.h("slot", { name: "snkSimpleCrudFormFooter" }), index.h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName, messagesBuilder: this.messagesBuilder })), this.messagesBuilder && index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
 const index$1 = require('./index-e3e39724.js');
-require('./index-13d05f03.js');
+const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
+const taskbarElements = require('./taskbar-elements-a94d4318.js');
+require('./index-f0fe7e6e.js');
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex;flex-wrap:wrap}.no-wrap.sc-snk-taskbar-h{flex-wrap:nowrap}.full-width.sc-snk-taskbar-h{width:100%}.align-right.sc-snk-taskbar-h{justify-content:flex-end}.overflowed.sc-snk-taskbar{display:none}";
 
@@ -23,6 +23,7 @@ const SnkTaskbar = class {
     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 = {
       [taskbarElements.TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [taskbarElements.TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
@@ -121,6 +122,17 @@ const SnkTaskbar = class {
       this.taskbarSaveUnlocker.emit();
     }
   }
+  observeDataUnit(newValue) {
+    this.initializeDataUnit(newValue);
+  }
+  initializeDataUnit(dataUnit) {
+    if (!!dataUnit && !this._dataUnitInitialized) {
+      this._dataUnitInitialized = true;
+      const dataInfo = { dataUnit: this.dataUnit };
+      core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+      this.dataUnit.subscribe(this.onSaveEvent);
+    }
+  }
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
@@ -166,45 +178,46 @@ const SnkTaskbar = class {
   }
   elementClick(elem) {
     core.LockManager.whenResolve(this._element, core.LockManagerOperation.TASKBAR_CLICK).then(() => {
-      if (this.dataUnit) {
-        switch (elem) {
-          case taskbarElements.TaskbarElement.PREVIOUS:
-            this.dataUnit.previousRecord();
-            break;
-          case taskbarElements.TaskbarElement.NEXT:
-            this.dataUnit.nextRecord();
-            break;
-          case taskbarElements.TaskbarElement.REFRESH:
-            this.dataUnit.loadData();
-            break;
-          case taskbarElements.TaskbarElement.CLONE:
-            this.dataUnit.copySelected();
-            break;
-          case taskbarElements.TaskbarElement.REMOVE:
-            this.dataUnit.removeSelectedRecords();
-            break;
-          case taskbarElements.TaskbarElement.INSERT:
-            this.dataUnit.addRecord();
-            break;
-          case taskbarElements.TaskbarElement.CANCEL:
-            this.dataUnit.cancelEdition();
-            break;
-          case taskbarElements.TaskbarElement.SAVE:
-            if (!this._isWaitingForSave) {
-              this._isWaitingForSave = true;
-              this.dataUnit.saveData().catch((err) => {
-                if (err instanceof core.SilentException) {
-                  return;
-                }
-                else {
-                  throw err;
-                }
-              }).finally(() => {
-                this._isWaitingForSave = false;
-              });
-            }
-            break;
-        }
+      if (!this.dataUnit) {
+        return;
+      }
+      switch (elem) {
+        case taskbarElements.TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case taskbarElements.TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case taskbarElements.TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case taskbarElements.TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case taskbarElements.TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case taskbarElements.TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case taskbarElements.TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case taskbarElements.TaskbarElement.SAVE:
+          if (!this._isWaitingForSave) {
+            this._isWaitingForSave = true;
+            this.dataUnit.saveData().catch((err) => {
+              if (err instanceof core.SilentException) {
+                return;
+              }
+              else {
+                throw err;
+              }
+            }).finally(() => {
+              this._isWaitingForSave = false;
+            });
+          }
+          break;
       }
       if (this.isEnabled(elem))
         this.actionClick.emit(elem);
@@ -403,10 +416,8 @@ const SnkTaskbar = class {
     };
   }
   componentDidLoad() {
-    const dataInfo = { dataUnit: this.dataUnit };
-    core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+    this.initializeDataUnit(this.dataUnit);
     this.handleOverFlowStrategy();
-    this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
     this.appendCustomElementsInTaskbar();
@@ -466,7 +477,8 @@ const SnkTaskbar = class {
     "buttons": ["observeButtons"],
     "disabledButtons": ["observeDisabledButtons"],
     "_lastWidth": ["observeLastWidth"],
-    "_isWaitingForSave": ["observeIsWaitingForSave"]
+    "_isWaitingForSave": ["observeIsWaitingForSave"],
+    "dataUnit": ["observeDataUnit"]
   }; }
 };
 SnkTaskbar.style = snkTaskbarCss;

package/dist/cjs/{taskbar-elements-fb5d1e08.js → taskbar-elements-a94d4318.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const index$2 = require('./index-e3e39724.js');
-const index$1 = require('./index-13d05f03.js');
+const index$1 = require('./index-f0fe7e6e.js');
 
 exports.TaskbarElement = void 0;
 (function (TaskbarElement) {
@@ -52,7 +52,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 exports.TaskbarElement.PREVIOUS:
@@ -95,11 +95,12 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       }
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
     case exports.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 exports.TaskbarElement.DIVIDER:
       return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
     case exports.TaskbarElement.DATA_EXPORTER:
-      const provider = (_a = index$1.store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[dataExporterStoreKey];
+      const provider = (_b = index$1.store.get("exporterProviders")) === null || _b === void 0 ? void 0 : _b[dataExporterStoreKey];
       return index.h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element });
     case exports.TaskbarElement.ATTACH:
       return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);

package/dist/cjs/teste-pesquisa.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 
 const testePesquisaCss = ":host{display:block}";

package/dist/collection/collection-manifest.json

@@ -11,12 +11,13 @@
     "./components/snk-actions-button/subcomponents/snk-client-confirm.js",
     "./components/snk-attach/snk-attach.js",
     "./components/snk-configurator/snk-configurator.js",
+    "./components/snk-crud/subcomponents/snk-guides-viewer.js",
     "./components/snk-crud/snk-crud.js",
     "./components/snk-crud/subcomponents/snk-form-summary.js",
     "./components/snk-crud/subcomponents/snk-form-view.js",
-    "./components/snk-crud/subcomponents/snk-guides-viewer.js",
     "./components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js",
     "./components/snk-custom-slot-elements/snk-custom-slot-elements.js",
+    "./components/snk-custom-slot-guide/snk-custom-slot-guide.js",
     "./components/snk-data-exporter/snk-data-exporter.js",
     "./components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js",
     "./components/snk-entity-list/snk-entity-list.js",
@@ -46,6 +47,7 @@
     "./components/snk-grid/snk-grid.js",
     "./components/snk-grid-config/snk-grid-config.js",
     "./components/snk-grid-config/snk-select-box/snk-select-box.js",
+    "./components/snk-image-input/snk-image-input.js",
     "./components/snk-layout-form-config/snk-layout-form-config.js",
     "./components/snk-layout-form-config/snk-view-representation/snk-view-representation.js",
     "./components/snk-numbering-config/snk-numbering-config.js",
@@ -107,6 +109,11 @@
         "snk-guides-viewer"
       ]
     },
+    {
+      "components": [
+        "snk-layout-form-config"
+      ]
+    },
     {
       "components": [
         "snk-data-exporter"

package/dist/collection/components/snk-application/errorhandler/snk-error-handler.js

@@ -51,6 +51,7 @@ export class SnkErrorHandler {
       this._app.error(exception.title, exception.message);
     }
     else {
+      console.warn("Erro não tratado", exception);
       this._app.isDebugMode().then(isDebug => {
         if (isDebug) {
           if (exception instanceof Error) {