@sankhyalabs/sankhyablocks 1.3.31-beta.16 → 1.3.31-beta.17

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

@@ -0,0 +1,311 @@
+import { r as registerInstance, h, f as Host } from './index-2b4d2d14.js';
+import { O as ObjectUtils, S as StringUtils } from './index-e5b61043.js';
+
+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)}";
+
+const SnkPesquisa = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this._mdByName = {};
+    this._startHighlightTag = "<span class='card-item__highlight'>";
+    this._endHighlightTag = "</span>";
+    this._specialCharsRegex = /[[.\-\$\+\*,_\&\(\)%\/\\#@!:\|\=\'\"]/gmi;
+    this._charsWithAccentuation = "ÁÉÍÓÚ_ÃÕ_ÂÊÎÔÛ_ÀÈÌÒÙ_Ü_Ç_áéíóú_ãõ_âêîôû_àèìòù_ü_ç";
+    this._charsWithoutAccentuation = "AEIOU_AO_AEIOU_AEIOU_U_C_aeiou_ao_aeiou_aeiou_u_c";
+    this._changeDeboucingTimeout = null;
+    this._limitCharsToSearch = 3;
+    this._deboucingTime = 450;
+    this._startLoading = false;
+  }
+  observeArgument() {
+    if (this._textInput) {
+      this._textInput.value = this.argument;
+    }
+  }
+  clearSearch() {
+    this.argument = "";
+    this._itemList = undefined;
+  }
+  buildDetails(fields, item) {
+    let details = {};
+    for (let index = 0; (index < fields.length); index++) {
+      const field = fields[index];
+      const itemValue = item[field.fieldName];
+      const optionValue = field.options ? field.options[itemValue] || itemValue : itemValue;
+      details[field.description] = this.highlightValue(item['__matchFields'], optionValue, fields, true);
+    }
+    return details;
+  }
+  buildFirstFields(matchFields, fields, qtyFields = 6) {
+    if (matchFields && Array.isArray(matchFields)) {
+      matchFields.forEach((matchField) => {
+        let fieldMD = this.removeReference(fields, this._mdByName[matchField]);
+        if (fieldMD) {
+          fields.unshift(fieldMD);
+        }
+      });
+    }
+    fields = fields.slice(0, qtyFields);
+    return fields;
+  }
+  doSearch(argument) {
+    if (this.searchLoader && typeof this.searchLoader === "function") {
+      this._startLoading = true;
+      this.searchLoader(argument)
+        .then((resp) => {
+        this._startLoading = false;
+        if (resp) {
+          resp = ObjectUtils.stringToObject(resp.json.$);
+          let descriptionField = resp.descriptionField;
+          let pkField = resp.pkField;
+          if (descriptionField && pkField) {
+            let newItemList = [];
+            resp.data.forEach((item) => {
+              var _a;
+              let fieldsMetadata = this.filterFieldsMetadata(resp, item);
+              let fields = this.buildFirstFields(item['__matchFields'], fieldsMetadata);
+              let exibitionItem = {
+                key: this.highlightValue(item['__matchFields'], (_a = item[pkField]) === null || _a === void 0 ? void 0 : _a.toString(), fields, true),
+                title: this.highlightValue(item['__matchFields'], item[descriptionField], fields, true),
+                details: this.buildDetails(fields, item)
+              };
+              newItemList.push(exibitionItem);
+            });
+            this._itemList = newItemList;
+          }
+        }
+      }).catch((error) => {
+        this._startLoading = false;
+        this._itemList = [];
+        console.warn(error);
+      });
+    }
+  }
+  filterFieldsMetadata(resp, item) {
+    let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
+      let accept = !StringUtils.isEmpty(item[field.fieldName]) &&
+        field.visible !== false &&
+        field.type !== 'B' &&
+        resp.pkField !== field.fieldName &&
+        resp.descriptionField !== field.fieldName &&
+        (field.isPrimaryKey || !field.isLinkField) &&
+        !(field.type === 'S' && field.presentationType === 'H');
+      if (accept) {
+        this._mdByName[field.fieldName] = field;
+      }
+      //Condição que trata o problema de trazer imagem no entityCard na pesquisa de registros
+      if (typeof item[field.fieldName] === 'string' && (item[field.fieldName].indexOf('<img') > -1 || item[field.fieldName].indexOf('<svg') > -1)) {
+        return false;
+      }
+      return accept;
+    });
+    return fieldsMetadata;
+  }
+  removeAtIndex(array, index) {
+    if (index >= 0 && index < array.length) {
+      return array.splice(index, 1)[0];
+    }
+  }
+  removeReference(array, obj) {
+    let index = this.indexOf(array, obj);
+    return this.removeAtIndex(array, index);
+  }
+  indexOf(arr, obj) {
+    let index = -1;
+    if (Array.isArray(arr)) {
+      this.find(arr, (item, i) => {
+        index = i;
+        return this.equals(obj, item);
+      });
+    }
+    return index;
+  }
+  equals(obj1, obj2) {
+    return ObjectUtils.objectToString(obj1) === ObjectUtils.objectToString(obj2);
+  }
+  find(arr, checkerFn) {
+    if (arr) {
+      for (let i = 0, length = arr.length; i < length; i++) {
+        if (checkerFn(arr[i], i, arr)) {
+          return arr[i];
+        }
+      }
+    }
+    else {
+      return undefined;
+    }
+  }
+  /**
+    matchFields-> array __matchFields do data
+    value -> termo que está sendo pesquisao
+    fieldMD -> metadados retornados pelo serviço de pesquisa
+    forceMatch -> força a pesquisa mesmo que não tenha __matchFields no metadado
+  */
+  highlightValue(matchFields, value, fieldMD, forceMatch) {
+    let valueAux = this.replaceHtmlEntities(value);
+    if (this.argument && (forceMatch || this.isIn(matchFields, fieldMD.fieldName))) {
+      const argumentNumber = this.getArgumentNumber();
+      let replacements = (isNaN(argumentNumber) ? this.argument : argumentNumber.toString()).split(/%|,|\s+/);
+      let lastMatchIndex = 0;
+      let cleanText = this.replaceAccentuatedChars(valueAux);
+      replacements.forEach((r) => {
+        if (r) {
+          r = this.replaceAccentuatedChars(r);
+          let specialChars = this.getSpecialCharacters(r);
+          if (specialChars != undefined && specialChars.length > 0) {
+            r = this.removeSpecialCharacters(r);
+          }
+          if (fieldMD.mask || fieldMD.uiType === 'CGC_CPF' || fieldMD.uiType === 'Phone') {
+            //Fazemos isso para descondirerar os caracteres especiais de formatação da string
+            r = r.split('').join('\\.?\\-?\\/?\\(?\\)?');
+          }
+          let regex = new RegExp(r, "ig");
+          regex.lastIndex = lastMatchIndex;
+          let match = regex.exec(cleanText);
+          if (match && match.length > 0) {
+            lastMatchIndex = match.index;
+            let sizeMatch = match[0].length;
+            let txtToColor = valueAux.substring(lastMatchIndex, lastMatchIndex + sizeMatch);
+            let txtColored = (txtToColor === null || txtToColor === void 0 ? void 0 : txtToColor.trim()) ? this._startHighlightTag + txtToColor + this._endHighlightTag : '';
+            let start = valueAux.substring(0, lastMatchIndex);
+            let end = valueAux.substring(lastMatchIndex + sizeMatch);
+            valueAux = start + txtColored + end;
+            lastMatchIndex = lastMatchIndex + txtColored.length;
+            cleanText = this.replaceAccentuatedChars(valueAux);
+          }
+        }
+      });
+    }
+    return valueAux;
+  }
+  replaceHtmlEntities(source) {
+    if (source == undefined) {
+      return source;
+    }
+    return String(source)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;');
+  }
+  replaceAccentuatedChars(source) {
+    if (source == undefined) {
+      return source;
+    }
+    const replaceList = ['&amp;', '&lt;', '&gt;', '&quot;'];
+    const sourceAux = this.replaceToSpace(source, replaceList);
+    return sourceAux.replace(/[^\w ]/g, (char) => {
+      let index = this._charsWithAccentuation.indexOf(char);
+      if (index > -1) {
+        char = this._charsWithoutAccentuation.charAt(index);
+      }
+      return char || '';
+    });
+  }
+  replaceToSpace(source, replaceList = []) {
+    if (source == undefined) {
+      return source;
+    }
+    replaceList.forEach((word) => {
+      const wordAux = new RegExp(word, 'g');
+      let whiteSpace = '';
+      for (let i = 0; i < word.length; i++) {
+        whiteSpace += ' ';
+      }
+      source = String(source).replace(wordAux, whiteSpace);
+    });
+    return source;
+  }
+  isIn(arr, obj) {
+    return this.indexOf(arr, obj) > -1;
+  }
+  getSpecialCharacters(str) {
+    let match;
+    let charList = [];
+    while ((match = this._specialCharsRegex.exec(str))) {
+      charList.push(str[match.index]);
+    }
+    return charList;
+  }
+  removeSpecialCharacters(str) {
+    let specialChars = this.getSpecialCharacters(str);
+    specialChars.forEach((ch) => {
+      str = this.replaceAll(str, ch, '');
+    });
+    return str;
+  }
+  replaceAll(str, strFrom, strTo) {
+    let pos = (str != undefined ? str : '').indexOf(strFrom);
+    while (pos > -1) {
+      str = str.replace(strFrom, strTo);
+      pos = str.indexOf(strFrom);
+    }
+    return (str);
+  }
+  getArgumentNumber() {
+    return Number(this.argument || undefined);
+  }
+  createOption(detail) {
+    const { key, title } = detail;
+    const startHighlight = new RegExp(this._startHighlightTag, 'g');
+    const endHighlight = new RegExp(this._endHighlightTag, 'g');
+    const option = {
+      value: key === null || key === void 0 ? void 0 : key.replace(startHighlight, '').replace(endHighlight, ''),
+      label: title === null || title === void 0 ? void 0 : title.replace(startHighlight, '').replace(endHighlight, '')
+    };
+    this.selectItem(option);
+  }
+  onChangeValue(event) {
+    this.clearDeboucingTimeout();
+    if (this._startLoading) {
+      this._changeDeboucingTimeout = setTimeout(() => {
+        this.onChangeValue(event);
+      }, this._deboucingTime);
+      return;
+    }
+    this.argument = (event.detail || "").trim();
+    const argumentNumber = this.getArgumentNumber();
+    if (this.argument && (!isNaN(argumentNumber) || this.argument.length >= this._limitCharsToSearch)) {
+      this._changeDeboucingTimeout = setTimeout(() => {
+        this.doSearch(isNaN(argumentNumber) ? this.argument : argumentNumber.toString());
+      }, this._deboucingTime);
+    }
+    else {
+      this._itemList = undefined;
+    }
+  }
+  clearDeboucingTimeout() {
+    if (this._changeDeboucingTimeout) {
+      clearTimeout(this._changeDeboucingTimeout);
+      this._changeDeboucingTimeout = undefined;
+    }
+  }
+  onClickSearch() {
+    this.doSearch((this.argument || "").trim());
+  }
+  getMessageView() {
+    return this._startLoading
+      ? 'Aguarde, buscando registros...'
+      : this._itemList
+        ? this._itemList.length >= 1
+          ? `${this._itemList.length} ${this._itemList.length > 1
+            ? 'registros encontrados'
+            : 'registro encontrado'}`
+          : 'Nenhum registro encontrado'
+        : 'Os resultados de sua pesquisa aparecerão aqui...';
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
+      ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
+      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })), h("label", { class: "snk-pesquisa__records" }, this.getMessageView()), h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
+      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    })))));
+  }
+  static get watchers() { return {
+    "argument": ["observeArgument"]
+  }; }
+};
+SnkPesquisa.style = snkPesquisaCss;
+
+export { SnkPesquisa as snk_pesquisa };

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

@@ -0,0 +1,153 @@
+import { r as registerInstance, e as createEvent, h, f as Host } from './index-2b4d2d14.js';
+import { a as ApplicationContext } from './index-e5b61043.js';
+import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem } from './taskbar-elements-c119510a.js';
+
+const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
+
+const SnkTaskbar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this._titleKeyByElement = {
+      [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
+      [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
+      [TaskbarElement.NEXT]: "snkTaskbar.titleNext",
+      [TaskbarElement.REFRESH]: "snkTaskbar.titleRefresh",
+      [TaskbarElement.CLONE]: "snkTaskbar.titleClone",
+      [TaskbarElement.REMOVE]: "snkTaskbar.titleRemove",
+      [TaskbarElement.MORE_OPTIONS]: "snkTaskbar.titleMoreOptions",
+      [TaskbarElement.INSERT]: "snkTaskbar.titleInsert",
+      [TaskbarElement.CANCEL]: "snkTaskbar.titleCancel",
+      [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
+      [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
+      [TaskbarElement.CONFIG_GRID]: "snkTaskbar.titleConfigGrid",
+      [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode"
+    };
+  }
+  observeButtons() {
+    this._definitions = undefined;
+  }
+  // Internal methods
+  elementsFromString(strButtons) {
+    const elements = [];
+    if (strButtons) {
+      strButtons.split(",").forEach(buttonName => {
+        buttonName = buttonName.trim();
+        if (VisibleWhenForbidden[buttonName] || this.isAllowed(buttonName)) {
+          elements.push(buttonName.trim());
+        }
+      });
+    }
+    return elements;
+  }
+  isAllowed(buttonName) {
+    if (AuthorizationElements[buttonName]) {
+      return this._permissions ? this._permissions.isSup || this._permissions[buttonName] : false;
+    }
+    return true;
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-taskbar.msg.ts"
+   */
+  getTitle(element) {
+    let key;
+    if (this.isAllowed(element)) {
+      key = this._titleKeyByElement[element];
+    }
+    else {
+      key = "snkTaskbar.forbidden";
+    }
+    return key ? this._application.messagesBuilder.getMessage(key, {}) : "";
+  }
+  elementClick(elem) {
+    if (this.dataUnit) {
+      switch (elem) {
+        case TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case TaskbarElement.SAVE:
+          this.dataUnit.saveData();
+          break;
+      }
+    }
+    this.actionClick.emit(elem);
+  }
+  isEnabled(elem) {
+    if (!this.isAllowed(elem)) {
+      return false;
+    }
+    return !(this.disabledButtons && this.disabledButtons.includes(elem));
+  }
+  getElement(index, def) {
+    let element;
+    let className = def === this.primaryButton ? "ez-button--primary " : "";
+    if (index > 1) {
+      className += "ez-padding-left--medium";
+    }
+    element = buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList);
+    return element;
+  }
+  // Lifecycle
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application) {
+      this._application.getAllAccess().then(access => this._permissions = access);
+    }
+    else {
+      this._permissions = {};
+    }
+  }
+  componentWillRender() {
+    if (this._definitions == undefined && this._permissions) {
+      this._definitions = this.elementsFromString(this.buttons);
+    }
+  }
+  render() {
+    if (this._definitions === undefined) {
+      return undefined;
+    }
+    let index = 0;
+    return (h(Host, null, this._definitions.map((btn) => {
+      if (btn === TaskbarElement.DIVIDER) {
+        index = 0;
+      }
+      else {
+        index++;
+      }
+      if (TaskbarElement[btn]) {
+        return this.getElement(index, TaskbarElement[btn]);
+      }
+      else {
+        index;
+        return h("slot", { name: btn });
+      }
+    })));
+  }
+  static get watchers() { return {
+    "buttons": ["observeButtons"]
+  }; }
+};
+SnkTaskbar.style = snkTaskbarCss;
+
+export { SnkTaskbar as snk_taskbar };

package/dist/sankhyablocks/taskbar-elements-c119510a.js

@@ -0,0 +1,72 @@
+import { h } from './index-2b4d2d14.js';
+
+var TaskbarElement;
+(function (TaskbarElement) {
+  TaskbarElement["PREVIOUS"] = "PREVIOUS";
+  TaskbarElement["NEXT"] = "NEXT";
+  TaskbarElement["REFRESH"] = "REFRESH";
+  TaskbarElement["UPDATE"] = "UPDATE";
+  TaskbarElement["CLONE"] = "CLONE";
+  TaskbarElement["REMOVE"] = "REMOVE";
+  TaskbarElement["INSERT"] = "INSERT";
+  TaskbarElement["CANCEL"] = "CANCEL";
+  TaskbarElement["SAVE"] = "SAVE";
+  TaskbarElement["GRID_MODE"] = "GRID_MODE";
+  TaskbarElement["FORM_MODE"] = "FORM_MODE";
+  TaskbarElement["CONFIG_GRID"] = "CONFIG_GRID";
+  TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
+  TaskbarElement["DIVIDER"] = "DIVIDER";
+})(TaskbarElement || (TaskbarElement = {}));
+var AuthorizationElements;
+(function (AuthorizationElements) {
+  AuthorizationElements["UPDATE"] = "UPDATE";
+  AuthorizationElements["CLONE"] = "CLONE";
+  AuthorizationElements["REMOVE"] = "REMOVE";
+  AuthorizationElements["INSERT"] = "INSERT";
+  AuthorizationElements["CONFIG_GRID"] = "CONFIG_GRID";
+})(AuthorizationElements || (AuthorizationElements = {}));
+var VisibleWhenForbidden;
+(function (VisibleWhenForbidden) {
+  VisibleWhenForbidden["CONFIG_GRID"] = "CONFIG_GRID";
+})(VisibleWhenForbidden || (VisibleWhenForbidden = {}));
+const buildElem = (element, className, getTitle, action, isEnabled, actions) => {
+  switch (element) {
+    case TaskbarElement.PREVIOUS:
+      return iconButton("chevron-left", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.NEXT:
+      return iconButton("chevron-right", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.REFRESH:
+      return iconButton("sync", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.UPDATE:
+      return iconButton("edit", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.CLONE:
+      return iconButton("copy", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.REMOVE:
+      return iconButton("delete", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.INSERT:
+      return iconTextButton("plus", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.CANCEL:
+      return h("ez-button", { title: getTitle(element), label: getTitle(element), size: "small", enabled: isEnabled(element), onClick: () => action(element) });
+    case TaskbarElement.SAVE:
+      return iconTextButton("save", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.GRID_MODE:
+      return iconButton("table", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.FORM_MODE:
+      return iconButton("list", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.CONFIG_GRID:
+      return iconButton("settings-inverted", element, className, getTitle, action, isEnabled);
+    case TaskbarElement.MORE_OPTIONS:
+      return actions && actions.length > 0 ? h("ez-actions-button", { title: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
+    case TaskbarElement.DIVIDER:
+      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
+  }
+};
+function iconButton(iconName, element, className, getTitle, action, isEnabled) {
+  return h("ez-button", { key: iconName, title: getTitle(element), mode: "icon", size: "small", class: className, iconName: iconName, enabled: isEnabled(element), onClick: () => action(element) });
+}
+function iconTextButton(iconName, element, className, getTitle, action, isEnabled) {
+  return h("ez-button", { key: iconName, title: getTitle(element), label: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onClick: () => action(element) },
+    h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
+}
+
+export { AuthorizationElements as A, TaskbarElement as T, VisibleWhenForbidden as V, buildElem as b };

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

@@ -0,0 +1,33 @@
+import { r as registerInstance, h } from './index-2b4d2d14.js';
+import { D as DataUnit, b as DataType, U as UserInterface } from './index-e5b61043.js';
+
+const testePesquisaCss = ":host{display:block}";
+
+const TestePesquisa = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentWillLoad() {
+    this.dataUnit = new DataUnit("testes_com_formulario");
+    this.dataUnit.metadata = {
+      name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
+      label: "Parceiro",
+      fields: [
+        {
+          name: "CODPARC",
+          label: "Parceiro",
+          dataType: DataType.NUMBER,
+          userInterface: UserInterface.SEARCH,
+          required: true,
+          properties: { ENTITYNAME: "Parceiro" }
+        }
+      ]
+    };
+  }
+  render() {
+    return (h("snk-application", null, h("ez-form", { dataUnit: this.dataUnit })));
+  }
+};
+TestePesquisa.style = testePesquisaCss;
+
+export { TestePesquisa as teste_pesquisa };

package/dist/types/components/snk-application/errorhandler/snk-error-handler.d.ts

@@ -4,5 +4,6 @@ export declare class SnkErrorHandler {
   constructor(app: SnkApplication);
   rejectionHandler(evt: PromiseRejectionEvent): void;
   errorHandler(evt: ErrorEvent): void;
+  buildErrorCodeHTML(exception: any): string;
   processException(exception: any): void;
 }

package/dist/types/components/snk-application/snk-application.d.ts

@@ -14,6 +14,8 @@ import AuthFetcher, { AutorizationType } from "../../lib/http/data-fetcher/fetch
 import { SnkErrorHandler } from "./errorhandler/snk-error-handler";
 import { TotalsFetcher } from "../../lib/http/data-fetcher/fetchers/totals-fetcher";
 import { SnkMessageBuilder } from "../../lib/message/SnkMessageBuilder";
+import FilterBarConfigFetcher from "../../lib/http/data-fetcher/fetchers/filter-bar-config-fetcher";
+import { SnkFilterItemConfig } from "../snk-filter-bar/filter-item/snk-filter-item";
 import { Filter } from "@sankhyalabs/core";
 export declare class SnkApplication {
   _parameters: ParametersFetcher;
@@ -24,6 +26,7 @@ export declare class SnkApplication {
   _totalsFetcher: TotalsFetcher;
   _pesquisaFetcher: PesquisaFetcher;
   _authFetcher: AuthFetcher;
+  _filterBarConfigFetcher: FilterBarConfigFetcher;
   _resourceID: string;
   _popUp: HTMLEzPopupElement;
   _errorHandler: SnkErrorHandler;
@@ -151,6 +154,10 @@ export declare class SnkApplication {
    * Salva a configuração de grade.
    */
   saveGridConfig(config: IGridConfig): Promise<boolean>;
+  /**
+   * Obtém as configurações da barra de filtros
+   */
+  getFilterBarConfig(): Promise<Array<SnkFilterItemConfig>>;
   /**
    * Evento disparado quando a aplicação for carregada.
    */
@@ -167,7 +174,9 @@ export declare class SnkApplication {
   private get totalsFetcher();
   private get pesquisaFetcher();
   private get authFetcher();
+  private get filterBarConfigFetcher();
   executeSearch(searchArgument: any, fieldName: string, dataUnit: DataUnit): Promise<Array<Option> | Option>;
+  executePreparedSearch(mode: string, argument: string, options: any): Promise<Array<Option> | Option>;
   isDebugMode(): Promise<boolean>;
   private clearPopUpContent;
   private clearPopUpTitle;

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.d.ts

@@ -0,0 +1,12 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterBinarySelect {
+  _checkOne: HTMLEzCheckElement;
+  _checkTwo: HTMLEzCheckElement;
+  value: any;
+  config: SnkFilterItemConfig;
+  isSelected(option: string): boolean;
+  ezChangeListener(evt: CustomEvent): void;
+  assertCheckedOption(updatingCheck: HTMLElement): void;
+  updateValue(): void;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-number.d.ts

@@ -0,0 +1,7 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterPeriod {
+  config: SnkFilterItemConfig;
+  value: number;
+  ezChangeListener(evt: CustomEvent): void;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-period.d.ts

@@ -0,0 +1,13 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterPeriod {
+  _startDate: HTMLEzDateInputElement;
+  _endDate: HTMLEzDateInputElement;
+  config: SnkFilterItemConfig;
+  value: Period;
+  ezChangeListener(): void;
+  render(): any;
+}
+export interface Period {
+  start?: Date;
+  end?: Date;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-search.d.ts

@@ -0,0 +1,12 @@
+import { Option } from '@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box';
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterSearch {
+  config: SnkFilterItemConfig;
+  value: Option;
+  fix: () => void;
+  unfix: () => void;
+  _searchInput: HTMLEzSearchElement;
+  ezChangeListener(_evt: CustomEvent): void;
+  doSearch(mode: string, argument: string): Promise<Array<Option> | Option>;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-text.d.ts

@@ -0,0 +1,7 @@
+import { SnkFilterItemConfig } from '../snk-filter-item';
+export declare class SnkFilterText {
+  config: SnkFilterItemConfig;
+  value: string;
+  ezChangeListener(evt: CustomEvent): void;
+  render(): any;
+}