@sankhyalabs/sankhyablocks 8.15.0-rc.9 → 8.15.0

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

@@ -22,6 +22,7 @@ const SnkFilterItem = class {
     this.detailIsVisible = undefined;
     this.config = undefined;
     this.getMessage = undefined;
+    this.showChips = true;
   }
   observeDetailIsVisible(value) {
     this.visibleChanged.emit(value);
@@ -53,19 +54,22 @@ const SnkFilterItem = class {
       autoClose: true,
       innerClickTest: this.innerClickCheck,
       backClickListener: () => this.onDetailCloseCallback(),
-      left: this.getScrollOffsetLeft(),
-      top: this.getScrollOffsetTop(),
+      left: this.getOffsetLeft(),
+      top: this.getOffsetTop(),
       useOverlay: true,
       overlayClassName: 'ez-scrim ez-scrim--light',
       isFixed: true
     };
   }
-  getScrollOffsetLeft() {
+  getOffsetLeft() {
     const padding = getComputedStyle(this._filterItemElement).getPropertyValue("padding-left");
     const rect = this._filterItemElement.getBoundingClientRect();
-    return `calc(${rect.x}px + ${padding})`;
+    // Width baseado no conteudo do snk-filter-detail. Nesse momento ele retorna 0px pois ainda não foi criado em tela.
+    const filterDetailWidth = 430;
+    const adjustRightPosition = filterDetailWidth - (document.body.clientWidth - rect.left);
+    return `calc(${rect.x}px + ${padding} - ${adjustRightPosition > 0 ? adjustRightPosition : 0}px)`;
   }
-  getScrollOffsetTop() {
+  getOffsetTop() {
     const rect = this._filterItemElement.getBoundingClientRect();
     return (rect.y + rect.height) + "px";
   }
@@ -297,7 +301,7 @@ const SnkFilterItem = class {
   }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (index.h(index.Host, null, index.h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? index.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, index.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (index.h(index.Host, null, this.showChips && (index.h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon && (index.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" })), index.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" }))), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips }))));
   }
   get _filterItemElement() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -6,10 +6,10 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const ConfigStorage = require('./ConfigStorage-d4c99a5e.js');
+const ConfigStorage = require('./ConfigStorage-942ce74b.js');
 const filterType_enum = require('./filter-type.enum-b14ce507.js');
-require('./form-config-fetcher-9f1a13ca.js');
-require('./DataFetcher-99f0f6ed.js');
+require('./form-config-fetcher-2dd00e5b.js');
+require('./DataFetcher-313debd8.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 

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

@@ -7,9 +7,9 @@ const Sortable = require('./Sortable-fb1c4cbb.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-35ddd366.js');
-const formConfigFetcher = require('./form-config-fetcher-9f1a13ca.js');
+const formConfigFetcher = require('./form-config-fetcher-2dd00e5b.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./DataFetcher-99f0f6ed.js');
+require('./DataFetcher-313debd8.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
@@ -956,6 +956,12 @@ const SnkFormConfig = class {
     this.controlSortableField();
     this.controlSortableGroup();
   }
+  async componentWillRender() {
+    if (this.messagesBuilder == undefined) {
+      const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      this.messagesBuilder = application.messagesBuilder;
+    }
+  }
   componentWillLoad() {
     this.loadConfig();
   }

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-3621bfc4.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-f9dc0d28.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
-require('./ConfigStorage-d4c99a5e.js');
-require('./form-config-fetcher-9f1a13ca.js');
-require('./DataFetcher-99f0f6ed.js');
+require('./ConfigStorage-942ce74b.js');
+require('./form-config-fetcher-2dd00e5b.js');
+require('./DataFetcher-313debd8.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
@@ -28,6 +28,7 @@ const SnkForm = class {
     this.configName = undefined;
     this.recordsValidator = undefined;
     this.messagesBuilder = undefined;
+    this.formLegacyConfigName = undefined;
     this.resourceID = undefined;
   }
   /**
@@ -75,8 +76,14 @@ const SnkForm = class {
       this.resourceID = await ResourceIDUtils.ResourceIDUtils.getResourceID();
     }
     this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resourceID);
+    this.addFormLegacyConfig();
     this._configManager.loadConfig();
   }
+  addFormLegacyConfig() {
+    if (this.formLegacyConfigName) {
+      this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
+    }
+  }
   render() {
     if (!this._dataUnit || !this._dataState) {
       return undefined;

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

@@ -6,19 +6,22 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const taskbarElements = require('./taskbar-elements-3ecd1278.js');
-const ConfigStorage = require('./ConfigStorage-d4c99a5e.js');
+const ConfigStorage = require('./ConfigStorage-942ce74b.js');
 const index$1 = require('./index-0922807b.js');
 const fieldSearch = require('./field-search-f56aa7d6.js');
 const index$2 = require('./index-102ba62d.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-ba5838c2.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-303e85d1.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
-require('./form-config-fetcher-9f1a13ca.js');
-require('./DataFetcher-99f0f6ed.js');
-require('./PrintUtils-bcaeb82f.js');
+require('./DataFetcher-313debd8.js');
+require('./pesquisa-fetcher-213797ec.js');
+require('./ISave-e91b70a7.js');
+require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('./filter-item-type.enum-a7ffdaa6.js');
+require('./form-config-fetcher-2dd00e5b.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
-require('./PreloadManager-84466da6.js');
+require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
+require('./ResourceIDUtils-5ff86aa7.js');
 
 const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
 
@@ -70,6 +73,8 @@ const SnkGrid = class {
     this.gridHeaderCustomSlotId = 'GRID_HEADER_CUSTOM_ELEMENTS';
     this.topTaskbarCustomSlotId = 'GRID_TASKBAR_CUSTOM_ELEMENTS';
     this.disablePersonalizedFilter = undefined;
+    this.gridLegacyConfigName = undefined;
+    this.filterBarLegacyConfigName = undefined;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -114,6 +119,22 @@ const SnkGrid = class {
   async findColumn() {
     await fieldSearch.openFieldSearch(this._moreOptions, this._columnSearch);
   }
+  /**
+   * Atribui o foco para a grade.
+   */
+  async setFocus() {
+    this._grid.setFocus();
+  }
+  async handleGridLegacyConfigName(newLegacyConfig, oldLegacyConfig) {
+    if (!newLegacyConfig) {
+      return;
+    }
+    if (newLegacyConfig === oldLegacyConfig) {
+      return;
+    }
+    this.addGridLegacyConfigName();
+    this.loadConfig();
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -127,19 +148,7 @@ const SnkGrid = class {
   }
   setGridConfig(config) {
     this._gridConfig = config;
-    this.assertDefaultSorting();
-  }
-  assertDefaultSorting() {
-    if (this._gridConfig && this._dataUnit) {
-      this._dataUnit.defaultSorting = this._gridConfig
-        .columns
-        .filter(col => col.ascending != undefined)
-        .sort((colA, colB) => colA.orderIndex - colB.orderIndex)
-        .map(({ name: field, ascending }) => {
-        const { dataType } = this._dataUnit.getField(field);
-        return { field, dataType, mode: ascending ? UnitMetadata.SortMode.ASC : UnitMetadata.SortMode.DESC };
-      });
-    }
+    SnkMultiSelectionListDataSource.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
   }
   loadConfig() {
     ConfigStorage.ConfigStorage.loadGridConfig(this.configName, this.resourceID)
@@ -150,6 +159,11 @@ const SnkGrid = class {
       console.warn(error);
     });
   }
+  addGridLegacyConfigName() {
+    if (this.gridLegacyConfigName && this.configName) {
+      ConfigStorage.ConfigStorage.addGridLegacyConfig(this.configName, this.gridLegacyConfigName);
+    }
+  }
   gridConfigChangeHandler(evt) {
     const config = evt.detail;
     ConfigStorage.ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
@@ -265,7 +279,7 @@ const SnkGrid = class {
     core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
-    this.assertDefaultSorting();
+    SnkMultiSelectionListDataSource.CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
     this.addElementID();
     if (this.columnFilterDataSource != undefined) {
       this.columnFilterDataSource.setApplication(this._application);
@@ -274,6 +288,7 @@ const SnkGrid = class {
   }
   componentWillLoad() {
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    //TODO: substituir pelo metodo nativo closest
     let parent = this._element.parentElement;
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
@@ -303,6 +318,7 @@ const SnkGrid = class {
       }
       parent = parent.parentElement;
     }
+    this.addGridLegacyConfigName();
     this.loadConfig();
   }
   getHeaderDisabledButtons() {
@@ -417,9 +433,12 @@ const SnkGrid = class {
       return undefined;
     }
     return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
-      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => 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), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => 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.resourceID }))));
   }
   get _element() { return index.getElement(this); }
+  static get watchers() { return {
+    "gridLegacyConfigName": ["handleGridLegacyConfigName"]
+  }; }
 };
 SnkGrid.style = snkGridCss;
 

package/dist/cjs/{snk-guides-viewer-e87f01b9.js → snk-guides-viewer-4b6ecda8.js}

@@ -2,20 +2,19 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-3621bfc4.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-f9dc0d28.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const fieldSearch = require('./field-search-f56aa7d6.js');
 const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 const constants = require('./constants-35ddd366.js');
-require('./DataFetcher-99f0f6ed.js');
-require('./pesquisa-fetcher-8bbee432.js');
+require('./DataFetcher-313debd8.js');
+require('./pesquisa-fetcher-213797ec.js');
 const index$1 = require('./index-0922807b.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./PreloadManager-84466da6.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-9f1a13ca.js');
+require('./form-config-fetcher-2dd00e5b.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
@@ -42,6 +41,7 @@ const SnkGuidesViewer = class {
     this.presentationMode = undefined;
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
+    this.formLegacyConfigName = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -78,6 +78,12 @@ const SnkGuidesViewer = class {
   async findField() {
     await fieldSearch.openFieldSearch(this._moreOptions, this._fieldSearch);
   }
+  /**
+   * Atribui o foco para o componente.
+   */
+  async setFocus() {
+    this._container.focus();
+  }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
@@ -339,11 +345,17 @@ const SnkGuidesViewer = class {
     var _a;
     return this.selectedGuide === undefined || '__main' === ((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id);
   }
+  addFormLegacyConfigName() {
+    if (this.formLegacyConfigName) {
+      this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
+    }
+  }
   componentWillLoad() {
     if (this.resourceID == undefined) {
       throw new Error("Erro interno: resourceID não informado");
     }
     this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
+    this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
   componentDidRender() {
@@ -448,17 +460,14 @@ const SnkGuidesViewer = class {
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {
-      return (index.h("snk-form-config", { dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
+      return (index.h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
     }
-    if (!this.dataUnit) {
-      return;
-    }
-    if (!this._configManager.isLoaded) {
+    if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (index.h("section", { class: "snk-guides-viewer" }, index.h("div", { class: "ez-row snk-guides-viewer__header" }, index.h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, index.h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), index.h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, index.h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    return (index.h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, index.h("div", { class: "ez-row snk-guides-viewer__header" }, index.h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, index.h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), index.h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, index.h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
       index.h("div", { class: "ez-margin-top--extra-small" }, index.h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != index$1.PresentationMode.SECONDARY && this.buildTaskBar()), index.h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       index.h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
       :

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-e87f01b9.js');
+const snkGuidesViewer = require('./snk-guides-viewer-4b6ecda8.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-3621bfc4.js');
-require('./ConfigStorage-d4c99a5e.js');
-require('./form-config-fetcher-9f1a13ca.js');
-require('./DataFetcher-99f0f6ed.js');
+require('./SnkFormConfigManager-f9dc0d28.js');
+require('./ConfigStorage-942ce74b.js');
+require('./form-config-fetcher-2dd00e5b.js');
+require('./DataFetcher-313debd8.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
@@ -18,9 +18,8 @@ require('./taskbar-elements-3ecd1278.js');
 require('./index-0922807b.js');
 require('./index-102ba62d.js');
 require('./constants-35ddd366.js');
-require('./pesquisa-fetcher-8bbee432.js');
+require('./pesquisa-fetcher-213797ec.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./PreloadManager-84466da6.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('./ResourceIDUtils-5ff86aa7.js');
 require('./ISave-e91b70a7.js');

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
-const ConfigStorage = require('./ConfigStorage-d4c99a5e.js');
+const ConfigStorage = require('./ConfigStorage-942ce74b.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index$1 = require('./index-c5771aba.js');
 const index$2 = require('./index-102ba62d.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-9f1a13ca.js');
-require('./DataFetcher-99f0f6ed.js');
+require('./form-config-fetcher-2dd00e5b.js');
+require('./DataFetcher-313debd8.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');