@sankhyalabs/sankhyablocks 1.4.0-beta.1 → 1.4.0-beta.3

package/dist/cjs/snk-filter-binary-select.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const filterItemType_enum = require('./filter-item-type.enum-e2e1bc5b.js');
+const index = require('./index-6fcf07f3.js');
+const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 
 const SnkFilterBinarySelect = class {
   constructor(hostRef) {

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

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const filterItemType_enum = require('./filter-item-type.enum-e2e1bc5b.js');
+const index = require('./index-6fcf07f3.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 
 const SnkFilterDetail = class {
   constructor(hostRef) {
@@ -25,6 +26,8 @@ const SnkFilterDetail = class {
         return "snk-filter-search";
       case filterItemType_enum.FilterItemType.NUMBER:
         return "snk-filter-number";
+      case filterItemType_enum.FilterItemType.PERSONALIZED:
+        return "snk-filter-personalized";
     }
     return "snk-filter-text";
   }
@@ -40,9 +43,41 @@ const SnkFilterDetail = class {
       index.h("ez-icon", { title: this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), class: "ez-margin-left--small sc-snk-filter-bar snk-filter-item__editor-header-button", iconName: this.config.fixed ? "un-pin" : "push-pin", onClick: () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })) })
     ]);
   }
+  apply() {
+    var _a;
+    let isValid = true;
+    const value = this._editor["value"];
+    /* WARNING: Temporário. Isso só está sendo feito até desconsiderar os parametros não informados para PersonalizedFilter*/
+    if (value != undefined && this.config.type === filterItemType_enum.FilterItemType.PERSONALIZED) {
+      const params = ((_a = this.config.props.personalizedFilter) === null || _a === void 0 ? void 0 : _a.parameters) || [];
+      if (params.length > 1) {
+        if (params.length > value.length) {
+          isValid = false;
+        }
+        else {
+          value.forEach(item => {
+            if (item == undefined) {
+              isValid = false;
+            }
+          });
+        }
+      }
+      if (!isValid) {
+        this.keepOpened = true;
+        utils.ApplicationUtils.alert("Filtro parcialmente preenchido", "Favor completar todas as informações do filtro.").then(() => setTimeout(() => this.keepOpened = false, 1));
+      }
+    }
+    /* WARNING: Temporário.*/
+    if (isValid) {
+      this.changeConfig(Object.assign(Object.assign({}, this.config), { value: value }));
+    }
+  }
+  clear() {
+    this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
+  }
   render() {
     const ContentEditor = this.getContentEditor();
-    return (index.h(index.Host, null, index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), index.h(ContentEditor, { ref: ref => this._editor = ref, value: this.config.value, config: this.config, fix: () => this.keepOpened = true, unfix: () => this.keepOpened = false }), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), index.h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, index.h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined })) }), index.h("ez-button", { label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.changeConfig(Object.assign(Object.assign({}, this.config), { value: this._editor["value"] })), class: "ez-button--primary ez-padding-left--medium" }))));
+    return (index.h(index.Host, null, index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), index.h(ContentEditor, { ref: ref => this._editor = ref, value: this.config.value, config: this.config, fix: () => this.keepOpened = true, unfix: () => this.keepOpened = false }), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), index.h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, index.h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" }), index.h("ez-button", { label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
   }
 };
 

package/dist/cjs/snk-filter-multi-select.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const filterItemType_enum = require('./filter-item-type.enum-e2e1bc5b.js');
+const index = require('./index-6fcf07f3.js');
+const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 
 const SnkFilterMultiSelect = class {
   constructor(hostRef) {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const filterItemType_enum = require('./filter-item-type.enum-e2e1bc5b.js');
+const index = require('./index-6fcf07f3.js');
+const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const filterItemType_enum = require('./filter-item-type.enum-e2e1bc5b.js');
+const index = require('./index-6fcf07f3.js');
+const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {

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

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6fcf07f3.js');
+const core = require('@sankhyalabs/core');
+const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
+const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
+
+const SnkFilterPersonalized = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  getValue(param, index) {
+    if (this.value && index >= 0 && index < this.value.length) {
+      const rawValue = this.value[index];
+      if (param.type === core.UserInterface.SEARCH) {
+        return rawValue;
+      }
+      return DataType.convertType(param.dataType, rawValue);
+    }
+    return undefined;
+  }
+  setValue(index, value) {
+    if (this.value == undefined) {
+      this.value = Array(index).fill(null);
+    }
+    else {
+      this.value = [...this.value];
+    }
+    this.value[index] = value;
+    if (this.value.filter(item => item != undefined).length == 0) {
+      this.value = null;
+    }
+  }
+  doSearch(mode, argument, param) {
+    const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this.fix) {
+      this.fix();
+    }
+    return new Promise((resolve, reject) => {
+      application.executePreparedSearch(mode, argument, param.searchContext)
+        .then(result => {
+        resolve(result);
+        if (this.unfix) {
+          this.unfix();
+        }
+      }).catch(reason => {
+        reject(reason);
+        if (this.unfix) {
+          this.unfix();
+        }
+      });
+    });
+  }
+  getParamsInterface() {
+    var _a, _b, _c;
+    const params = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.personalizedFilter) === null || _c === void 0 ? void 0 : _c.parameters;
+    return params.map((param, index$1) => {
+      var _a;
+      switch (param.type) {
+        case core.UserInterface.SEARCH:
+          return index.h("ez-search", { suppressEmptyOption: true, value: this.getValue(param, index$1), onEzChange: evt => this.setValue(index$1, evt.detail), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
+        case core.UserInterface.SWITCH:
+        case core.UserInterface.CHECKBOX:
+          const mode = core.UserInterface.SWITCH === param.type ? "switch" : "regular";
+          return index.h("ez-check", { class: "ez-padding-bottom--medium", mode: mode, value: this.getValue(param, index$1), label: param.label, onEzChange: evt => this.setValue(index$1, evt.detail) });
+        case core.UserInterface.DECIMALNUMBER:
+        case core.UserInterface.INTEGERNUMBER:
+          return index.h("ez-number-input", { label: param.label, value: this.getValue(param, index$1), precision: (_a = param.props) === null || _a === void 0 ? void 0 : _a.precision, onEzChange: evt => this.setValue(index$1, evt.detail) });
+        case core.UserInterface.OPTIONSELECTOR:
+          return index.h("ez-combo-box", { label: param.label, value: this.getValue(param, index$1), options: param.options, onEzChange: evt => { var _a; return this.setValue(index$1, (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); } });
+        case core.UserInterface.DATE:
+          return index.h("ez-date-input", { label: param.label, value: this.getValue(param, index$1), onEzChange: evt => this.setValue(index$1, evt.detail) });
+        case core.UserInterface.DATETIME:
+          return index.h("ez-date-time-input", { label: param.label, value: this.getValue(param, index$1), onEzChange: evt => this.setValue(index$1, evt.detail) });
+        default:
+          return index.h("ez-text-input", { label: param.label, value: this.getValue(param, index$1), onEzChange: evt => this.setValue(index$1, evt.detail) });
+      }
+    });
+  }
+  render() {
+    if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.PERSONALIZED) {
+      return undefined;
+    }
+    return (index.h(index.Host, null, this.getParamsInterface()));
+  }
+};
+
+exports.snk_filter_personalized = SnkFilterPersonalized;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-02201bc9.js');
-const filterItemType_enum = require('./filter-item-type.enum-e2e1bc5b.js');
+const index = require('./index-6fcf07f3.js');
+const core = require('@sankhyalabs/core');
+const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 
 const SnkFilterSearch = class {
   constructor(hostRef) {
@@ -14,7 +14,7 @@ const SnkFilterSearch = class {
     this.value = this._searchInput.value;
   }
   doSearch(mode, argument) {
-    const application = index$1.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     if (this.fix) {
       this.fix();
     }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
+const index = require('./index-6fcf07f3.js');
 
 const SnkFilterText = class {
   constructor(hostRef) {

package/dist/cjs/{snk-form.cjs.entry.js → snk-form_2.cjs.entry.js}

@@ -2,9 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-02201bc9.js');
-const taskbarProcessor = require('./taskbar-processor-6bd0d35c.js');
+const index = require('./index-6fcf07f3.js');
+const core = require('@sankhyalabs/core');
+const taskbarElements = require('./taskbar-elements-aedfeae6.js');
+
+class TaskbarProcessor {
+  constructor(defaultButtons) {
+    this._defaultButtons = defaultButtons;
+  }
+  process(taskbarId, taskbarManager, dataState, disabledButtons = []) {
+    var _a;
+    this.customButtons = new Map();
+    this.buttons = "";
+    this.disabledButtons = [];
+    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
+      let buttonName;
+      if (typeof btnDef === "string") {
+        buttonName = btnDef;
+      }
+      else {
+        const customBtn = btnDef;
+        this.customButtons.set(customBtn.name, customBtn);
+        buttonName = customBtn.name;
+      }
+      if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
+        this.disabledButtons.push(buttonName);
+      }
+      if (this.buttons.length > 0) {
+        this.buttons += ",";
+      }
+      this.buttons += buttonName;
+    });
+  }
+  getButtonsArray(taskbarId, taskbarManager, dataState) {
+    const defaults = this._defaultButtons[taskbarId];
+    if (taskbarManager) {
+      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
+    }
+    return defaults;
+  }
+  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
+    const originalValue = disabled.includes(buttonName) ? false : true;
+    if (taskbarManager && taskbarManager.isEnabled) {
+      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
+    }
+    return originalValue;
+  }
+}
 
 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))}";
 
@@ -13,7 +57,7 @@ const SnkForm = class {
     index.registerInstance(this, hostRef);
     this.exit = index.createEvent(this, "exit", 7);
     this.actionClick = index.createEvent(this, "actionClick", 7);
-    this._taskbarProcessor = new taskbarProcessor.TaskbarProcessor({
+    this._taskbarProcessor = new TaskbarProcessor({
       "snkForm.regular": ["PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "GRID_MODE", "INSERT"],
       "snkForm.finish_edition": ["CANCEL", "SAVE"]
     });
@@ -74,7 +118,7 @@ const SnkForm = class {
     return ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectedRecords) ? this._dataState.selectedRecords[0] : undefined;
   }
   componentWillLoad() {
-    this._application = index$1.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     if (this._application) {
       this._application.loadFormConfig(this.configName).then(cfg => {
         this._configLoaded = true;
@@ -130,4 +174,74 @@ const SnkForm = class {
 };
 SnkForm.style = snkFormCss;
 
+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 SnkGrid = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.gridDoubleClick = index.createEvent(this, "gridDoubleClick", 7);
+    this._topTaskbarProcessor = new TaskbarProcessor({
+      "snkGridTopTaskbar": ["FORM_MODE", "CONFIG_GRID", "INSERT"]
+    });
+    this._headerTaskbarProcessor = new TaskbarProcessor({
+      "snkGridHeaderTaskbar.unselected": ["REFRESH"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
+    });
+  }
+  actionClickHandler(evt) {
+    if (evt.detail === taskbarElements.TaskbarElement.CONFIG_GRID && this._grid) {
+      this._grid.openGridConfig();
+    }
+  }
+  saveConfig(config) {
+    const snkApplication = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.saveGridConfig(config);
+    }
+  }
+  componentWillLoad() {
+    const snkApplication = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.loadGridConfig(this.configName).then(cfg => {
+        this._gridConfig = cfg;
+        this._configLoaded = true;
+      });
+      //Forçamos a carga dos acessos pra aproveitar a request inicial.
+      snkApplication.getAllAccess();
+    }
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        if (!this._dataUnit) {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  componentWillRender() {
+    const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
+    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState);
+    this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState);
+  }
+  render() {
+    if (!this._configLoaded || !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, 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", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", 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, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver }, index.h("snk-taskbar", { dataUnit: this._dataUnit, 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" }))));
+  }
+  get _element() { return index.getElement(this); }
+};
+SnkGrid.style = snkGridCss;
+
 exports.snk_form = SnkForm;
+exports.snk_grid = SnkGrid;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-02201bc9.js');
+const index = require('./index-6fcf07f3.js');
+const core = require('@sankhyalabs/core');
 
 const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__content-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-pesquisa__content-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--snk-pesquisa__content-scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__content-scrollbar--width:var(--space--medium, 12px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__content-scrollbar--background-color-primary) var(--snk-pesquisa__content-scrollbar--background-color-secondary);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__content-scrollbar--background-color-primary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);width:var(--snk-pesquisa__content-scrollbar--width);max-width:var(--snk-pesquisa__content-scrollbar--width);min-width:var(--snk-pesquisa__content-scrollbar--width)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
 
@@ -59,7 +59,7 @@ const SnkPesquisa = class {
         .then((resp) => {
         this._startLoading = false;
         if (resp) {
-          resp = index$1.ObjectUtils.stringToObject(resp.json.$);
+          resp = core.ObjectUtils.stringToObject(resp.json.$);
           let descriptionField = resp.descriptionField;
           let pkField = resp.pkField;
           if (descriptionField && pkField) {
@@ -87,7 +87,7 @@ const SnkPesquisa = class {
   }
   filterFieldsMetadata(resp, item) {
     let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
-      let accept = !index$1.StringUtils.isEmpty(item[field.fieldName]) &&
+      let accept = !core.StringUtils.isEmpty(item[field.fieldName]) &&
         field.visible !== false &&
         field.type !== 'B' &&
         resp.pkField !== field.fieldName &&
@@ -125,7 +125,7 @@ const SnkPesquisa = class {
     return index;
   }
   equals(obj1, obj2) {
-    return index$1.ObjectUtils.objectToString(obj1) === index$1.ObjectUtils.objectToString(obj2);
+    return core.ObjectUtils.objectToString(obj1) === core.ObjectUtils.objectToString(obj2);
   }
   find(arr, checkerFn) {
     if (arr) {

package/dist/cjs/{taskbar-elements-283c737e.js → taskbar-elements-aedfeae6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-b0b676c5.js');
+const index = require('./index-6fcf07f3.js');
 
 exports.TaskbarElement = void 0;
 (function (TaskbarElement) {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-02201bc9.js');
+const index = require('./index-6fcf07f3.js');
+const core = require('@sankhyalabs/core');
 
 const testePesquisaCss = ":host{display:block}";
 
@@ -12,7 +12,7 @@ const TestePesquisa = class {
     index.registerInstance(this, hostRef);
   }
   componentWillLoad() {
-    this.dataUnit = new index$1.DataUnit("testes_com_formulario");
+    this.dataUnit = new core.DataUnit("testes_com_formulario");
     this.dataUnit.metadata = {
       name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
       label: "Parceiro",
@@ -20,8 +20,8 @@ const TestePesquisa = class {
         {
           name: "CODPARC",
           label: "Parceiro",
-          dataType: index$1.DataType.NUMBER,
-          userInterface: index$1.UserInterface.SEARCH,
+          dataType: core.DataType.NUMBER,
+          userInterface: core.UserInterface.SEARCH,
           required: true,
           properties: { ENTITYNAME: "Parceiro" }
         }

package/dist/collection/collection-manifest.json

@@ -6,6 +6,8 @@
     "./components/snk-taskbar/snk-taskbar.js",
     "./components/snk-crud/snk-crud.js",
     "./components/snk-filter-bar/filter-list/snk-filter-list.js",
+    "./components/snk-filter-bar/filter-modal/snk-filter-modal.js",
+    "./components/snk-filter-bar/filter-item/editors/snk-filter-personalized.js",
     "./components/snk-filter-bar/snk-filter-bar.js",
     "./components/snk-filter-bar/filter-item/snk-filter-detail.js",
     "./components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.js",

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

@@ -143,15 +143,24 @@ export class SnkApplication {
    * Mostra o conteúdo passado em um Popup
    */
   async showPopUp(content) {
-    this.clearPopUpContent();
+    this.clearContent(this._popUp);
     this._popUp.appendChild(content);
     this._popUp.opened = true;
   }
+  async showModal(content) {
+    this.clearContent(this._rightModal);
+    this._rightModal.appendChild(content);
+    this._rightModal.opened = true;
+  }
+  async closeModal() {
+    this.clearContent(this._rightModal);
+    this._rightModal.opened = false;
+  }
   /**
    * Fecha o popup, liberando o conteúdo.
    */
   async closePopUp() {
-    this.clearPopUpContent();
+    this.clearContent(this._popUp);
     this._popUp.opened = false;
   }
   /**
@@ -494,10 +503,10 @@ export class SnkApplication {
       accept(window['isDebugMode']);
     });
   }
-  clearPopUpContent() {
-    if (this._popUp) {
-      Array.from(this._popUp.children).forEach(c => {
-        this._popUp.removeChild(c);
+  clearContent(container) {
+    if (container) {
+      Array.from(container.children).forEach(child => {
+        container.removeChild(child);
       });
     }
   }
@@ -541,7 +550,7 @@ export class SnkApplication {
     });
   }
   render() {
-    return (h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.loadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() })));
+    return (h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.loadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "col col--sd-3", closeOutsideClick: true })));
   }
   static get is() { return "snk-application"; }
   static get encapsulation() { return "scoped"; }
@@ -806,6 +815,44 @@ export class SnkApplication {
           "tags": []
         }
       },
+      "showModal": {
+        "complexType": {
+          "signature": "(content: HTMLElement) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "closeModal": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "closePopUp": {
         "complexType": {
           "signature": "() => Promise<void>",

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

@@ -152,7 +152,7 @@ export class SnkCrud {
         }
       },
       "statusResolver": {
-        "type": "any",
+        "type": "unknown",
         "mutable": false,
         "complexType": {
           "original": "IStatusResolver",
@@ -169,9 +169,7 @@ export class SnkCrud {
         "docs": {
           "tags": [],
           "text": "Configura\u00E7\u00E3o do valor da coluna de status.\nExemplo: { \"RECDESP\": { \"-1\" : \"#BD0025\", \"1\" : \"#157A00\" } }"
-        },
-        "attribute": "status-resolver",
-        "reflect": false
+        }
       }
     };
   }

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -9,10 +9,6 @@ export class SnkDataUnit {
      * Determina quantas linhas são retornadas por página
      */
     this.pageSize = 150;
-    /**
-     * Quando ativada essa propriedade faz com que haja uma carga imediata no DataUnit
-     */
-    this.autoLoad = true;
     this._dataUnitObserver = (action) => {
       const duState = {
         insertionMode: false,
@@ -234,11 +230,6 @@ export class SnkDataUnit {
         while (resolver = this._onDataUnitResolve.pop()) {
           resolver(this.dataUnit);
         }
-        if (this.autoLoad) {
-          setTimeout(() => {
-            this.dataUnit.loadData();
-          }, 500); //TODO: Ajustar para aguardar filterProvider do dataunit estar pronto.
-        }
       }
     }
   }
@@ -402,24 +393,6 @@ export class SnkDataUnit {
           "tags": [],
           "text": "Executado ap\u00F3s a a\u00E7\u00E3o de salvar"
         }
-      },
-      "autoLoad": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quando ativada essa propriedade faz com que haja uma carga imediata no DataUnit"
-        },
-        "attribute": "auto-load",
-        "reflect": false,
-        "defaultValue": "true"
       }
     };
   }