@sankhyalabs/sankhyablocks 2.4.10 → 2.4.12

package/dist/cjs/{ConfigStorage-c112de1d.js → ConfigStorage-91953f29.js}

@@ -6927,17 +6927,16 @@ const CONFIG_SOURCE = {
   grid: "grid"
 };
 class ConfigStorage {
-  static get() {
+  static async get() {
     if (!ConfigStorage.instance) {
       const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
       if (application != undefined) {
+        const configName = application.configName;
+        const resourceID = await application.getResourceID();
         ConfigStorage.instance = new ConfigStorage();
-        application.getResourceID().then((resourceID) => {
-          const configName = application.configName;
-          ConfigStorage.resourceID = resourceID;
-          ConfigStorage.instance.loadFormConfig(configName);
-          ConfigStorage.instance.loadGridConfig(configName);
-        });
+        ConfigStorage.resourceID = resourceID;
+        ConfigStorage.instance.loadFormConfig(configName);
+        ConfigStorage.instance.loadGridConfig(configName);
       }
     }
     return this.instance;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-20e8b68a.js');
 const core = require('@sankhyalabs/core');
-const ConfigStorage = require('./ConfigStorage-c112de1d.js');
+const ConfigStorage = require('./ConfigStorage-91953f29.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const SnkMessageBuilder = require('./SnkMessageBuilder-370e23ae.js');
 require('./_commonjsHelpers-537d719a.js');

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

@@ -7,7 +7,7 @@ const core = require('@sankhyalabs/core');
 const constants = require('./constants-a47a5190.js');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
 const taskbarProcessor = require('./taskbar-processor-6f3d2a75.js');
-const ConfigStorage = require('./ConfigStorage-c112de1d.js');
+const ConfigStorage = require('./ConfigStorage-91953f29.js');
 const taskbarElements = require('./taskbar-elements-3807c809.js');
 require('./_commonjsHelpers-537d719a.js');
 
@@ -156,7 +156,7 @@ const SnkFieldConfig = class {
 };
 SnkFieldConfig.style = snkFieldConfigCss;
 
-const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
+const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}";
 
 const SnkGrid = class {
   constructor(hostRef) {
@@ -246,13 +246,18 @@ const SnkGrid = class {
     this._gridConfig = config;
   }
   loadConfig() {
+    if (this.configName == undefined) {
+      return;
+    }
     ConfigStorage.ConfigStorage.get()
-      .loadGridConfig(this.configName)
-      .then((config) => {
-      this.setGridConfig(config);
-    })
-      .catch((error) => {
-      console.warn(error);
+      .then((instance) => {
+      instance.loadGridConfig(this.configName)
+        .then((config) => {
+        this.setGridConfig(config);
+      })
+        .catch((error) => {
+        console.warn(error);
+      });
     });
   }
   saveConfig(config) {
@@ -304,7 +309,7 @@ const SnkGrid = class {
     if (!this._dataUnit) {
       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-padding-bottom--medium ez-margin-bottom--medium" }, index.h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), index.h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, index.h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) }), 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, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
+    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" }, index.h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), index.h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, index.h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) }), 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, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
   }
   get _element() { return index.getElement(this); }
 };

package/dist/cjs/snk-exporter-email-sender_8.cjs.entry.js

@@ -8,7 +8,7 @@ const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 const ezModalContainer = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const ConfigStorage = require('./ConfigStorage-c112de1d.js');
+const ConfigStorage = require('./ConfigStorage-91953f29.js');
 const constants = require('./constants-a47a5190.js');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
 const taskbarElements = require('./taskbar-elements-3807c809.js');
@@ -632,23 +632,42 @@ const SnkFilterItem = class {
       if (open) {
         this._closeCallback = resolve;
         window.requestAnimationFrame(() => {
-          this._floatingID = core.FloatingManager.float(this._popover, this._popoverContainer, {
-            autoClose: true,
-            innerClickTest: this.innerClickCheck,
-            backClickListener: () => this.onDetailCloseCallback(),
-            left: this.getScrollOffset(),
-            useOverlay: true
-          });
+          this._floatingID = core.FloatingManager.float(this._popover, this._popoverContainer, this.getFloatOptions());
           this._popover.show();
           this.detailIsVisible = true;
         });
       }
     });
   }
-  getScrollOffset() {
+  updatePosition() {
+    if (this._floatingID == undefined) {
+      return;
+    }
+    core.FloatingManager.updateFloatPosition(this._popover, this._popoverContainer, this.getFloatOptions());
+  }
+  getFloatOptions() {
+    return {
+      autoClose: true,
+      innerClickTest: this.innerClickCheck,
+      backClickListener: () => this.onDetailCloseCallback(),
+      left: this.getScrollOffsetLeft(),
+      top: this.getScrollOffsetTop(),
+      useOverlay: true,
+      isFixed: true
+    };
+  }
+  getScrollOffsetLeft() {
     const padding = getComputedStyle(this._filterItemElement).getPropertyValue("padding-left");
     const rect = this._filterItemElement.getBoundingClientRect();
-    return `calc(${rect.left}px + ${padding})`;
+    return `calc(${rect.x}px + ${padding})`;
+  }
+  getScrollOffsetTop() {
+    const rect = this._filterItemElement.getBoundingClientRect();
+    return (rect.y + rect.height) + "px";
+  }
+  controlScrollPage() {
+    window.removeEventListener("scroll", this.updatePosition.bind(this));
+    window.addEventListener("scroll", this.updatePosition.bind(this));
   }
   /**
    * Oculta os detalhes de um item da lista.
@@ -753,6 +772,7 @@ const SnkFilterItem = class {
       core.ElementIDUtils.addIDInfo(this._filterItemElement);
       this._idSnkFilterDetail = `filterDetail_${this.config.id}`;
     }
+    this.controlScrollPage();
   }
   componentDidRender() {
     if (this._floatingID == undefined) {
@@ -1481,7 +1501,6 @@ const SnkTaskbar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.actionClick = index.createEvent(this, "actionClick", 7);
-    this.actionChange = index.createEvent(this, "actionChange", 7);
     this._titleKeyByElement = {
       [taskbarElements.TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [taskbarElements.TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",

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

@@ -7,7 +7,7 @@ const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-a47a5190.js');
-const ConfigStorage = require('./ConfigStorage-c112de1d.js');
+const ConfigStorage = require('./ConfigStorage-91953f29.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const snkFormConfigCss = ".sc-snk-form-config-h{--snk-form-config__title--font-pattern:var(--font-pattern, \"Roboto\");--snk-form-config__title--weight--large:var(--text-weight--large, 600);display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--more-visible, 2);background-color:var(--background--xlight)}.form-config__title.sc-snk-form-config{display:flex;margin:0;line-height:1.3;font-family:var(--snk-form-config__title--font-pattern);font-weight:var(--snk-form-config__title--weight--large)}.form-config__header-container.sc-snk-form-config{display:flex}.form-config__field-container.sc-snk-form-config{width:32%;padding:6px}.form-config__hide-content.sc-snk-form-config{display:none}ez-icon.sc-snk-form-config .left-icon.sc-snk-form-config{--ez-icon--color:var(--text--disable)}.ez-box__label-counter.sc-snk-form-config{font-weight:var(--text-weight--extra-small);margin-top:-7px}.form-config__btn-options.sc-snk-form-config{--ez-button--min-width:300px;--ez-button--background-color:#FFFFFF}[data-draggable-parent].sc-snk-form-config{position:relative}.form-config__field-config--selected.sc-snk-form-config{position:static}.form-config__field-config--dragged.sc-snk-form-config .draggable-mirror.sc-snk-form-config{z-index:var(--more-visible, 2)}.form-config__config-options.sc-snk-form-config{position:relative;margin-top:-3px;min-width:100%;z-index:1}.form-config__tab-container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config{position:relative;height:100%;max-height:calc(100vh - 92px)}.form-config__tab-container.sc-snk-form-config .ez-box__container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config .ez-box__container.sc-snk-form-config{align-content:flex-start;height:100%}.form-config__fields-available.sc-snk-form-config [data-draggable-parent].sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:100%;max-height:calc(100% - 122px)}.form-config__tab-content.sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:auto;max-height:calc(100% - 128px)}[data-draggable-element].sc-snk-form-config{cursor:grab}.form-config__actions-button.sc-snk-form-config{--ez-actions-button__btn-action--min-width:235px}.form-config__add-group.sc-snk-form-config{position:relative;min-height:120px;margin-bottom:10px}.form-config__add-group-container.sc-snk-form-config{position:absolute;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #d2dce9);padding:var(--space--small, 6px)}.form-config__add-group-content.sc-snk-form-config{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;border:2px dashed var(--color-strokes, #DCE0E8);border-radius:var(--border--radius-small, 6px)}.form-config__add-group-label.sc-snk-form-config{display:flex;justify-content:center;box-sizing:border-box;padding:var(--space--large, 24px)}.form-config__btn-add-group.sc-snk-form-config{position:relative;padding:var(--space--large, 24px) var(--space--medium, 12px) 0}.form-config__btn-add-group-container.sc-snk-form-config{padding:var(--space--medium, 12px);border-radius:var(--border--radius-medium, 12px);border:2px solid var(--color-strokes, #DCE0E8);background-color:var(--background--body, #fafcff)}.form-config__left-icon--eye-off.sc-snk-form-config{padding-top:var(--space--medium, 8px)}ez-collapsible-box.draggable-mirror.sc-snk-form-config{display:table;background-color:#FFFFFF}ez-collapsible-box.sc-snk-form-config{margin-bottom:10px}@media screen and (min-width: 480px){.form-config__field-config--selected.sc-snk-form-config .ez-flex.form-config__config-options.sc-snk-form-config{min-width:calc(300% + 12px)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+2) .ez-flex.form-config__config-options.sc-snk-form-config{transform:translate(calc(100% / 3 * -1))}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+3) .ez-flex.form-config__config-options.sc-snk-form-config{transform:translate(calc(100% / 3 * -2))}}";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-20e8b68a.js');
 const core = require('@sankhyalabs/core');
 const taskbarProcessor = require('./taskbar-processor-6f3d2a75.js');
-const ConfigStorage = require('./ConfigStorage-c112de1d.js');
+const ConfigStorage = require('./ConfigStorage-91953f29.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const snkFormCss = ".sc-snk-form-h{display:block}.snk-form.sc-snk-form{position:relative;padding:var(--space--large);padding-top:var(--space--medium)}.snk-form__header.sc-snk-form{position:relative;padding-top:var(--space--medium);padding-bottom:var(--space--medium);margin-bottom:var(--space--medium)}.snk-form__header--fixed.sc-snk-form{position:sticky;top:0;background:var(--background--body);z-index:var(--more-visible, 2);padding-left:var(--space--large);padding-right:var(--space--large);margin-left:calc(var(--space--large) * -1);margin-right:calc(var(--space--large) * -1);width:calc(100% + (var(--space--large) * 2))}.snk-form__form--hidden.sc-snk-form{display:none}";
@@ -37,15 +37,20 @@ const SnkForm = class {
     this._showFormConfig = false;
   }
   loadConfig() {
+    if (this.configName == undefined) {
+      return;
+    }
     ConfigStorage.ConfigStorage.get()
-      .loadFormConfig(this.configName)
-      .then((config) => {
-      if (!this.setConfig(config)) {
-        this.loadInsertionConfig();
-      }
-    })
-      .catch((error) => {
-      console.warn(error);
+      .then((instance) => {
+      instance.loadFormConfig(this.configName)
+        .then((config) => {
+        if (!this.setConfig(config)) {
+          this.loadInsertionConfig();
+        }
+      })
+        .catch((error) => {
+        console.warn(error);
+      });
     });
   }
   setConfig(config) {

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.js

@@ -23,23 +23,42 @@ export class SnkFilterItem {
       if (open) {
         this._closeCallback = resolve;
         window.requestAnimationFrame(() => {
-          this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, {
-            autoClose: true,
-            innerClickTest: this.innerClickCheck,
-            backClickListener: () => this.onDetailCloseCallback(),
-            left: this.getScrollOffset(),
-            useOverlay: true
-          });
+          this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, this.getFloatOptions());
           this._popover.show();
           this.detailIsVisible = true;
         });
       }
     });
   }
-  getScrollOffset() {
+  updatePosition() {
+    if (this._floatingID == undefined) {
+      return;
+    }
+    FloatingManager.updateFloatPosition(this._popover, this._popoverContainer, this.getFloatOptions());
+  }
+  getFloatOptions() {
+    return {
+      autoClose: true,
+      innerClickTest: this.innerClickCheck,
+      backClickListener: () => this.onDetailCloseCallback(),
+      left: this.getScrollOffsetLeft(),
+      top: this.getScrollOffsetTop(),
+      useOverlay: true,
+      isFixed: true
+    };
+  }
+  getScrollOffsetLeft() {
     const padding = getComputedStyle(this._filterItemElement).getPropertyValue("padding-left");
     const rect = this._filterItemElement.getBoundingClientRect();
-    return `calc(${rect.left}px + ${padding})`;
+    return `calc(${rect.x}px + ${padding})`;
+  }
+  getScrollOffsetTop() {
+    const rect = this._filterItemElement.getBoundingClientRect();
+    return (rect.y + rect.height) + "px";
+  }
+  controlScrollPage() {
+    window.removeEventListener("scroll", this.updatePosition.bind(this));
+    window.addEventListener("scroll", this.updatePosition.bind(this));
   }
   /**
    * Oculta os detalhes de um item da lista.
@@ -144,6 +163,7 @@ export class SnkFilterItem {
       ElementIDUtils.addIDInfo(this._filterItemElement);
       this._idSnkFilterDetail = `filterDetail_${this.config.id}`;
     }
+    this.controlScrollPage();
   }
   componentDidRender() {
     if (this._floatingID == undefined) {

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

@@ -26,15 +26,20 @@ export class SnkForm {
     this._showFormConfig = false;
   }
   loadConfig() {
+    if (this.configName == undefined) {
+      return;
+    }
     ConfigStorage.get()
-      .loadFormConfig(this.configName)
-      .then((config) => {
-      if (!this.setConfig(config)) {
-        this.loadInsertionConfig();
-      }
-    })
-      .catch((error) => {
-      console.warn(error);
+      .then((instance) => {
+      instance.loadFormConfig(this.configName)
+        .then((config) => {
+        if (!this.setConfig(config)) {
+          this.loadInsertionConfig();
+        }
+      })
+        .catch((error) => {
+        console.warn(error);
+      });
     });
   }
   setConfig(config) {

package/dist/collection/components/snk-grid/snk-grid.css

@@ -1,18 +1,20 @@
-.snk-grid__container{
+.snk-grid__container {
   display: flex;
   height: 100%;
   width: 100%;
 }
 
-.snk-grid__header{
+.snk-grid__header {
   display: flex;
   flex-wrap: nowrap;
   width: 100%;
 }
 
-.snk-grid__filter-bar{
+.snk-grid__filter-bar {
   width: 100%;
 }
-.snk-grid__header-divider{
-  margin-bottom: var(--space--small);
+
+.snk-grid__header-divider {
+  /*public*/
+  margin-bottom: var(--space--medium);
 }

package/dist/collection/components/snk-grid/snk-grid.js

@@ -88,13 +88,18 @@ export class SnkGrid {
     this._gridConfig = config;
   }
   loadConfig() {
+    if (this.configName == undefined) {
+      return;
+    }
     ConfigStorage.get()
-      .loadGridConfig(this.configName)
-      .then((config) => {
-      this.setGridConfig(config);
-    })
-      .catch((error) => {
-      console.warn(error);
+      .then((instance) => {
+      instance.loadGridConfig(this.configName)
+        .then((config) => {
+        this.setGridConfig(config);
+      })
+        .catch((error) => {
+        console.warn(error);
+      });
     });
   }
   saveConfig(config) {
@@ -146,7 +151,7 @@ export class SnkGrid {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) }), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) }), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-taskbar/snk-taskbar.js

@@ -351,21 +351,6 @@ export class SnkTaskbar {
           "resolved": "string",
           "references": {}
         }
-      }, {
-        "method": "actionChange",
-        "name": "actionChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitido sempre que houver altera\u00E7\u00E3o em algum elemento aberto pelo bot\u00E3o de a\u00E7\u00E3o."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
       }];
   }
   static get elementRef() { return "_element"; }

package/dist/collection/lib/configs/ConfigStorage.js

@@ -6,17 +6,16 @@ const CONFIG_SOURCE = {
   grid: "grid"
 };
 export class ConfigStorage {
-  static get() {
+  static async get() {
     if (!ConfigStorage.instance) {
       const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
       if (application != undefined) {
+        const configName = application.configName;
+        const resourceID = await application.getResourceID();
         ConfigStorage.instance = new ConfigStorage();
-        application.getResourceID().then((resourceID) => {
-          const configName = application.configName;
-          ConfigStorage.resourceID = resourceID;
-          ConfigStorage.instance.loadFormConfig(configName);
-          ConfigStorage.instance.loadGridConfig(configName);
-        });
+        ConfigStorage.resourceID = resourceID;
+        ConfigStorage.instance.loadFormConfig(configName);
+        ConfigStorage.instance.loadGridConfig(configName);
       }
     }
     return this.instance;

package/dist/collection/lib/index.js

@@ -1,2 +1,3 @@
 export { DataFetcher } from './http/data-fetcher/DataFetcher';
+export { PesquisaFetcher } from './http/data-fetcher/fetchers/pesquisa-fetcher';
 export { CrudUtils } from './utils/CrudUtils';

package/dist/components/ConfigStorage.js

@@ -6925,17 +6925,16 @@ const CONFIG_SOURCE = {
   grid: "grid"
 };
 class ConfigStorage {
-  static get() {
+  static async get() {
     if (!ConfigStorage.instance) {
       const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
       if (application != undefined) {
+        const configName = application.configName;
+        const resourceID = await application.getResourceID();
         ConfigStorage.instance = new ConfigStorage();
-        application.getResourceID().then((resourceID) => {
-          const configName = application.configName;
-          ConfigStorage.resourceID = resourceID;
-          ConfigStorage.instance.loadFormConfig(configName);
-          ConfigStorage.instance.loadGridConfig(configName);
-        });
+        ConfigStorage.resourceID = resourceID;
+        ConfigStorage.instance.loadFormConfig(configName);
+        ConfigStorage.instance.loadGridConfig(configName);
       }
     }
     return this.instance;

package/dist/components/snk-filter-item2.js

@@ -29,23 +29,42 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       if (open) {
         this._closeCallback = resolve;
         window.requestAnimationFrame(() => {
-          this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, {
-            autoClose: true,
-            innerClickTest: this.innerClickCheck,
-            backClickListener: () => this.onDetailCloseCallback(),
-            left: this.getScrollOffset(),
-            useOverlay: true
-          });
+          this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, this.getFloatOptions());
           this._popover.show();
           this.detailIsVisible = true;
         });
       }
     });
   }
-  getScrollOffset() {
+  updatePosition() {
+    if (this._floatingID == undefined) {
+      return;
+    }
+    FloatingManager.updateFloatPosition(this._popover, this._popoverContainer, this.getFloatOptions());
+  }
+  getFloatOptions() {
+    return {
+      autoClose: true,
+      innerClickTest: this.innerClickCheck,
+      backClickListener: () => this.onDetailCloseCallback(),
+      left: this.getScrollOffsetLeft(),
+      top: this.getScrollOffsetTop(),
+      useOverlay: true,
+      isFixed: true
+    };
+  }
+  getScrollOffsetLeft() {
     const padding = getComputedStyle(this._filterItemElement).getPropertyValue("padding-left");
     const rect = this._filterItemElement.getBoundingClientRect();
-    return `calc(${rect.left}px + ${padding})`;
+    return `calc(${rect.x}px + ${padding})`;
+  }
+  getScrollOffsetTop() {
+    const rect = this._filterItemElement.getBoundingClientRect();
+    return (rect.y + rect.height) + "px";
+  }
+  controlScrollPage() {
+    window.removeEventListener("scroll", this.updatePosition.bind(this));
+    window.addEventListener("scroll", this.updatePosition.bind(this));
   }
   /**
    * Oculta os detalhes de um item da lista.
@@ -150,6 +169,7 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       ElementIDUtils.addIDInfo(this._filterItemElement);
       this._idSnkFilterDetail = `filterDetail_${this.config.id}`;
     }
+    this.controlScrollPage();
   }
   componentDidRender() {
     if (this._floatingID == undefined) {

package/dist/components/snk-form2.js

@@ -38,15 +38,20 @@ const SnkForm = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._showFormConfig = false;
   }
   loadConfig() {
+    if (this.configName == undefined) {
+      return;
+    }
     ConfigStorage.get()
-      .loadFormConfig(this.configName)
-      .then((config) => {
-      if (!this.setConfig(config)) {
-        this.loadInsertionConfig();
-      }
-    })
-      .catch((error) => {
-      console.warn(error);
+      .then((instance) => {
+      instance.loadFormConfig(this.configName)
+        .then((config) => {
+        if (!this.setConfig(config)) {
+          this.loadInsertionConfig();
+        }
+      })
+        .catch((error) => {
+        console.warn(error);
+      });
     });
   }
   setConfig(config) {

package/dist/components/snk-grid2.js

@@ -12,7 +12,7 @@ import { d as defineCustomElement$4 } from './snk-filter-modal2.js';
 import { d as defineCustomElement$3 } from './snk-grid-config2.js';
 import { d as defineCustomElement$2 } from './snk-select-box2.js';
 
-const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
+const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}";
 
 const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -103,13 +103,18 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._gridConfig = config;
   }
   loadConfig() {
+    if (this.configName == undefined) {
+      return;
+    }
     ConfigStorage.get()
-      .loadGridConfig(this.configName)
-      .then((config) => {
-      this.setGridConfig(config);
-    })
-      .catch((error) => {
-      console.warn(error);
+      .then((instance) => {
+      instance.loadGridConfig(this.configName)
+        .then((config) => {
+        this.setGridConfig(config);
+      })
+        .catch((error) => {
+        console.warn(error);
+      });
     });
   }
   saveConfig(config) {
@@ -161,7 +166,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) }), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("snk-exporter-email-sender", { ref: ref => this._snkEmailSender = ref, getMessage: (key, params) => this.getMessage(key, params) }), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
   }
   get _element() { return this; }
   static get style() { return snkGridCss; }

package/dist/components/snk-taskbar2.js

@@ -104,7 +104,6 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.actionClick = createEvent(this, "actionClick", 7);
-    this.actionChange = createEvent(this, "actionChange", 7);
     this._titleKeyByElement = {
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",

package/dist/esm/{ConfigStorage-99025655.js → ConfigStorage-b59461d8.js}

@@ -6925,17 +6925,16 @@ const CONFIG_SOURCE = {
   grid: "grid"
 };
 class ConfigStorage {
-  static get() {
+  static async get() {
     if (!ConfigStorage.instance) {
       const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
       if (application != undefined) {
+        const configName = application.configName;
+        const resourceID = await application.getResourceID();
         ConfigStorage.instance = new ConfigStorage();
-        application.getResourceID().then((resourceID) => {
-          const configName = application.configName;
-          ConfigStorage.resourceID = resourceID;
-          ConfigStorage.instance.loadFormConfig(configName);
-          ConfigStorage.instance.loadGridConfig(configName);
-        });
+        ConfigStorage.resourceID = resourceID;
+        ConfigStorage.instance.loadFormConfig(configName);
+        ConfigStorage.instance.loadGridConfig(configName);
       }
     }
     return this.instance;