@sankhyalabs/sankhyablocks 1.3.21 → 1.3.22

package/dist/cjs/{index-dcacd71c.js → index-1133bc2a.js}

@@ -183,6 +183,19 @@ const h = (nodeName, vnodeData, ...children) => {
         }
     };
     walk(children);
+    if (vnodeData) {
+        {
+            const classData = vnodeData.className || vnodeData.class;
+            if (classData) {
+                vnodeData.class =
+                    typeof classData !== 'object'
+                        ? classData
+                        : Object.keys(classData)
+                            .filter((k) => classData[k])
+                            .join(' ');
+            }
+        }
+    }
     const vnode = newVNode(nodeName, null);
     vnode.$attrs$ = vnodeData;
     if (vNodeChildren.length > 0) {
@@ -217,7 +230,14 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
         let ln = memberName.toLowerCase();
-        if (memberName === 'ref') {
+        if (memberName === 'class') {
+            const classList = elm.classList;
+            const oldClasses = parseClassList(oldValue);
+            const newClasses = parseClassList(newValue);
+            classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+            classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+        }
+        else if (memberName === 'ref') {
             // minifier will clean this up
             if (newValue) {
                 newValue(elm);
@@ -299,6 +319,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
         }
     }
 };
+const parseClassListRegex = /\s/;
+const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
 const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
     // if the element passed in is a shadow root, which is a document fragment
     // then we want to be adding attrs/props to the shadow root's "host" element
@@ -746,6 +768,7 @@ const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propNam
 const setValue = (ref, propName, newVal, cmpMeta) => {
     // check our new property value against our internal value
     const hostRef = getHostRef(ref);
+    const elm = hostRef.$hostElement$ ;
     const oldVal = hostRef.$instanceValues$.get(propName);
     const flags = hostRef.$flags$;
     const instance = hostRef.$lazyInstance$ ;
@@ -758,6 +781,22 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
         // set our new value!
         hostRef.$instanceValues$.set(propName, newVal);
         if (instance) {
+            // get an array of method names of watch functions to call
+            if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+                const watchMethods = cmpMeta.$watchers$[propName];
+                if (watchMethods) {
+                    // this instance is watching for when this property changed
+                    watchMethods.map((watchMethodName) => {
+                        try {
+                            // fire off each of the watch methods that are watching this property
+                            instance[watchMethodName](newVal, oldVal, propName);
+                        }
+                        catch (e) {
+                            consoleError(e, elm);
+                        }
+                    });
+                }
+            }
             if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
                 // looks like this value actually changed, so we've got work to do!
                 // but only if we've already rendered, otherwise just chill out
@@ -770,6 +809,9 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
 };
 const proxyComponent = (Cstr, cmpMeta, flags) => {
     if (cmpMeta.$members$) {
+        if (Cstr.watchers) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+        }
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
         const prototype = Cstr.prototype;
@@ -884,6 +926,12 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                 endLoad();
             }
             if (!Cstr.isProxied) {
+                // we've never proxied this Constructor before
+                // let's add the getters/setters to its prototype before
+                // the first time we create an instance of the implementation
+                {
+                    cmpMeta.$watchers$ = Cstr.watchers;
+                }
                 proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
                 Cstr.isProxied = true;
             }
@@ -907,6 +955,9 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
             {
                 hostRef.$flags$ &= ~8 /* isConstructingInstance */;
             }
+            {
+                hostRef.$flags$ |= 128 /* isWatchReady */;
+            }
             endNewInstance();
             fireConnectedCallback(hostRef.$lazyInstance$);
         }
@@ -1020,6 +1071,9 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             {
                 cmpMeta.$members$ = compactMeta[2];
             }
+            {
+                cmpMeta.$watchers$ = {};
+            }
             const tagName = cmpMeta.$tagName$;
             const HostElement = class extends HTMLElement {
                 // StencilLazyHost

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dcacd71c.js');
+const index = require('./index-1133bc2a.js');
 
 /*
  Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["snk-pesquisa.cjs",[[1,"snk-pesquisa",{"searchLoader":[16],"onSelectItem":[16],"argument":[1025]}]]],["snk-application.cjs",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64]}]]],["teste-pesquisa.cjs",[[1,"teste-pesquisa"]]]], options);
+  return index.bootstrapLazy([["snk-pesquisa.cjs",[[2,"snk-pesquisa",{"searchLoader":[16],"selectItem":[16],"argument":[1025],"_itemList":[32],"_startLoading":[32]}]]],["snk-application.cjs",[[2,"snk-application",{"isUserSup":[64],"hasAccess":[64],"getAllAccess":[64],"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64]}]]],["teste-pesquisa.cjs",[[1,"teste-pesquisa"]]]], options);
   });
 };
 

package/dist/cjs/sankhyablocks.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-dcacd71c.js');
+const index = require('./index-1133bc2a.js');
 
 /*
  Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["snk-pesquisa.cjs",[[1,"snk-pesquisa",{"searchLoader":[16],"onSelectItem":[16],"argument":[1025]}]]],["snk-application.cjs",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64]}]]],["teste-pesquisa.cjs",[[1,"teste-pesquisa"]]]], options);
+  return index.bootstrapLazy([["snk-pesquisa.cjs",[[2,"snk-pesquisa",{"searchLoader":[16],"selectItem":[16],"argument":[1025],"_itemList":[32],"_startLoading":[32]}]]],["snk-application.cjs",[[2,"snk-application",{"isUserSup":[64],"hasAccess":[64],"getAllAccess":[64],"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64]}]]],["teste-pesquisa.cjs",[[1,"teste-pesquisa"]]]], options);
 });

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dcacd71c.js');
+const index = require('./index-1133bc2a.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
@@ -7093,11 +7093,12 @@ class GridConfigFetcher extends ResourceFetcher {
 
 class PesquisaFetcher {
   constructor() {
-    this.templateByQuery = new Map();
+    this._defaultPageSize = 100;
+    this._templateByQuery = new Map();
     this.buldTemplates();
   }
   buldTemplates() {
-    this.templateByQuery.set("search", dist.gql `query($entityName: String! $argument: String $criteria: InputSearchCriteria $options: InputSearchOptions) {
+    this._templateByQuery.set("search", dist.gql `query($entityName: String! $argument: String $criteria: InputSearchCriteria $options: InputSearchOptions) {
                 $queryAlias$: search(entityName: $entityName argument: $argument criteria: $criteria options: $options){
                     value
                     label
@@ -7109,7 +7110,7 @@ class PesquisaFetcher {
       DataFetcher.get()
         .callGraphQL({
         values: { argument, entityName, criteria, options },
-        query: this.templateByQuery.get("search"),
+        query: this._templateByQuery.get("search"),
       })
         .then((result) => {
         resolve(result);
@@ -7119,7 +7120,7 @@ class PesquisaFetcher {
       });
     });
   }
-  loadAdvancedSearch(entityName, argument, criteria) {
+  loadAdvancedSearch(entityName, argument, criteria, searchOptions) {
     const serviceName = "PesquisaSP.getSuggestion";
     const externalCriteria = {
       query: {
@@ -7138,11 +7139,11 @@ class PesquisaFetcher {
           "entityName": entityName,
           "compacted": false,
           "ignoreEntityCriteria": false,
-          "limit": "5",
+          "limit": this._defaultPageSize,
           "query": { "$": argument },
           "orderByDesc": false,
-          "options": { "showInactives": false },
-          "externalCriteria": externalCriteria
+          "externalCriteria": externalCriteria,
+          "localEntityName": searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.rootEntity
         },
         "clientEventList": {
           "clientEvent": []
@@ -7171,6 +7172,36 @@ function convertParamType(dataType) {
   }
 }
 
+class AuthFetcher extends ResourceFetcher {
+  getData(resourceID) {
+    const completePath = `cfg://auth/${resourceID}`;
+    return new Promise((resolve, reject) => {
+      this.loadResource(completePath)
+        .then((loadedResource) => {
+        let auth = core.ObjectUtils.stringToObject(loadedResource);
+        if (auth && typeof (auth) === 'object') {
+          resolve(auth);
+        }
+      }).catch((error) => {
+        reject(error);
+      });
+    });
+  }
+}
+var AutorizationType;
+(function (AutorizationType) {
+  AutorizationType["INSERT"] = "I";
+  AutorizationType["UPDATE"] = "A";
+  AutorizationType["REMOVE"] = "E";
+  AutorizationType["SHOW"] = "C";
+  AutorizationType["CONFIG"] = "F";
+  AutorizationType["CONFIG_NUMBER"] = "N";
+  AutorizationType["CLONE"] = "D";
+  AutorizationType["CONFIG_GRID"] = "G";
+})(AutorizationType || (AutorizationType = {}));
+
+var _0x19bf=['hasOwnProperty','isUserSup','parseFromJSON','authorizationSf','string','parse','item','forEach','putAccess','status','true','isSup','actions'];(function(_0x232776,_0x161588){var _0xf498c3=function(_0x1b72ca){while(--_0x1b72ca){_0x232776['push'](_0x232776['shift']());}};_0xf498c3(++_0x161588);}(_0x19bf,0x1bc));var _0x4ace=function(_0x18a194,_0x20fa62){_0x18a194=_0x18a194-0x0;var _0x4bcfc6=_0x19bf[_0x18a194];return _0x4bcfc6;};class MGEAuthorization{[_0x4ace('0x0')](_0x5da3ee){_0x5da3ee=utxt(_0x5da3ee[_0x4ace('0x1')]);if(typeof _0x5da3ee==_0x4ace('0x2')){_0x5da3ee=JSON[_0x4ace('0x3')](_0x5da3ee);}if(_0x5da3ee==undefined){throw Error('Objeto\x20não\x20pode\x20ser\x20indefinido.');}const _0xa117bd=new MGEAuthorizationData(_0x5da3ee['isSup']==='S');if(Array['isArray'](_0x5da3ee[_0x4ace('0x4')])){_0x5da3ee['item'][_0x4ace('0x5')](_0x1d7ff8=>_0xa117bd[_0x4ace('0x6')](_0x1d7ff8['name'],String(_0x1d7ff8[_0x4ace('0x7')])==_0x4ace('0x8')));}return _0xa117bd;}}class MGEAuthorizationData{constructor(_0x2419ec){this[_0x4ace('0x9')]=_0x2419ec;this[_0x4ace('0xa')]={};}[_0x4ace('0x6')](_0x225382,_0x418c04){this['actions'][_0x225382]=_0x418c04;}['hasAccess'](_0x4f03c9){if(this[_0x4ace('0x9')]){return !![];}let _0x4347e9=!![];if(this['actions'][_0x4ace('0xb')](_0x4f03c9)){_0x4347e9=this['actions'][_0x4f03c9];}return _0x4347e9;}[_0x4ace('0xc')](){return this[_0x4ace('0x9')];}}
+
 class SnkErrorHandler {
   constructor(app) {
     this._app = app;
@@ -7240,6 +7271,54 @@ const SnkApplication = class {
     }
     return this._resourceID;
   }
+  get auth() {
+    return new Promise((resolve, reject) => {
+      if (this._auth) {
+        resolve(this._auth);
+      }
+      else {
+        this.authFetcher.getData(this._resourceID).then((authList) => {
+          this._auth = authList;
+          resolve(authList);
+        }).catch(error => reject(error));
+      }
+    });
+  }
+  async isUserSup() {
+    return new Promise((resolve, reject) => {
+      this.auth.then((authorization) => {
+        this.getAuthList(authorization).then((auths) => {
+          resolve(auths.isSup);
+        }).catch(error => reject(error));
+      });
+    });
+  }
+  async hasAccess(access) {
+    return new Promise((resolve, reject) => {
+      this.auth.then((authorization) => {
+        this.getAuthList(authorization).then((auths) => {
+          resolve(auths.isSup || auths.actions[access]);
+        }).catch(error => reject(error));
+      });
+    });
+  }
+  async getAllAccess() {
+    return new Promise((resolve, reject) => {
+      this.auth.then((authorization) => {
+        this.getAuthList(authorization).then((auths) => {
+          const allAccess = {};
+          allAccess['isSup'] = auths.isSup;
+          Object.entries(AutorizationType).forEach((data) => {
+            allAccess[data[0]] = auths.actions[data[1]] || false;
+          });
+          resolve(allAccess);
+        }).catch(error => reject(error));
+      });
+    });
+  }
+  async getAuthList(_auth) {
+    return await (new MGEAuthorization()).parseFromJSON(_auth);
+  }
   async getStringParam(name) {
     return this.parameters.asString(name, this.resourceID);
   }
@@ -7389,12 +7468,18 @@ const SnkApplication = class {
     }
     return this._pesquisaFetcher;
   }
-  executeSearch(searchArgument, fieldName, dataUnit) {
-    const descriptor = dataUnit.getField(fieldName);
+  get authFetcher() {
+    if (!this._authFetcher) {
+      this._authFetcher = new AuthFetcher();
+    }
+    return this._authFetcher;
+  }
+  async executeSearch(searchArgument, fieldName, dataUnit) {
+    const descriptor = dataUnit === null || dataUnit === void 0 ? void 0 : dataUnit.getField(fieldName);
     if (!descriptor) ;
     else {
       const { mode, argument } = searchArgument;
-      const { ENTITYNAME, CODEFIELD, DESCRIPTIONFIELD, ROOTENTITY } = descriptor.properties;
+      const { ENTITYNAME, CODEFIELD, DESCRIPTIONFIELD, ROOTENTITY, DESCRIPTIONENTITY } = descriptor.properties;
       const dependencies = descriptor.dependencies;
       let criteria;
       const searchOptions = {
@@ -7427,11 +7512,13 @@ const SnkApplication = class {
         return new Promise(accept => {
           const pesquisaContent = document.createElement("snk-pesquisa");
           pesquisaContent.argument = argument;
-          pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(ENTITYNAME, text, criteria);
-          pesquisaContent.onSelectItem = (option) => {
+          pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(ENTITYNAME, text, criteria, searchOptions);
+          pesquisaContent.selectItem = (option) => {
             accept(option);
+            this.cleanPopUpTitle();
             this.closePopUp();
           };
+          this.setPopUpTitle(DESCRIPTIONENTITY);
           this.showPopUp(pesquisaContent);
         });
       }
@@ -7440,6 +7527,12 @@ const SnkApplication = class {
       }
     }
   }
+  cleanPopUpTitle() {
+    this._popUp['ezTitle'] = "";
+  }
+  setPopUpTitle(title) {
+    this._popUp['ezTitle'] = title;
+  }
   componentWillLoad() {
     this._errorHandler = new SnkErrorHandler(this);
     core.ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", `${UrlUtils.getUrlBase()}/mge/ez.uploading`);

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

@@ -2,17 +2,310 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dcacd71c.js');
+const index = require('./index-1133bc2a.js');
+const core = require('@sankhyalabs/core');
 
-const snkPesquisaCss = ":host{display:block}";
+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:var(--text--primary, #626e82);--snk-pesquisa__content-scrollbar--border-radius:var(--border--radius-medium, 12px);--snk-pesquisa__content-scrollbar--width:var(--space--medium, 12px) display: block;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-close.sc-snk-pesquisa{cursor:pointer}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:#f0f2f5;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);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:#f0f2f5;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)}";
 
 const SnkPesquisa = class {
   constructor(hostRef) {
     index.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 = core.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 = !core.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 core.ObjectUtils.objectToString(obj1) === core.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() {
-    return (index.h(index.Host, null, index.h("ez-text-input", { ref: ref => this._textInput = ref, value: this.argument }), index.h("button", { onClick: () => this.searchLoader(this._textInput["value"]) }, "pesquisar"), index.h("button", { onClick: () => this.onSelectItem({ value: "10", label: "Zé das couves" }) }, "selecionar")));
+    return (index.h(index.Host, null, index.h("div", { class: "snk-pesquisa" }, index.h("div", { class: "snk-pesquisa__input" }, index.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 }, index.h("ez-icon", { slot: "leftIcon", iconName: "search" }), index.h("ez-icon", { class: "snk-pesquisa__input-close", slot: "rightIcon", iconName: "close", onClick: () => { this.clearSearch(); } })), index.h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })), index.h("label", { class: "snk-pesquisa__records" }, this.getMessageView()), index.h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
+      return (index.h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    })))));
   }
+  static get watchers() { return {
+    "argument": ["observeArgument"]
+  }; }
 };
 SnkPesquisa.style = snkPesquisaCss;