@sankhyalabs/sankhyablocks 1.3.31-beta.6 → 1.3.32

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-0b078db7.js';
-import { ErrorException, StringUtils, DataUnit, DataType, ChangeOperation, DateUtils, ObjectUtils, WaitingChangeException, WarningException, DependencyType, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
+import { r as registerInstance, c as createEvent, h } from './index-ffda6382.js';
+import { ErrorException, StringUtils, DataUnit, DataType, ChangeOperation, DateUtils, ObjectUtils, WaitingChangeException, WarningException, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { DependencyType } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1231,7 +1232,7 @@ function isNode(maybeNode) {
 }
 /** Name */
 
-var OperationTypeNode;
+let OperationTypeNode;
 exports.OperationTypeNode = OperationTypeNode;
 
 (function (OperationTypeNode) {
@@ -1251,7 +1252,13 @@ exports.DirectiveLocation = void 0;
 /**
  * The set of allowed directive location values.
  */
-var DirectiveLocation;
+let DirectiveLocation;
+/**
+ * The enum type representing the directive location values.
+ *
+ * @deprecated Please use `DirectiveLocation`. Will be remove in v17.
+ */
+
 exports.DirectiveLocation = DirectiveLocation;
 
 (function (DirectiveLocation) {
@@ -1275,11 +1282,6 @@ exports.DirectiveLocation = DirectiveLocation;
   DirectiveLocation['INPUT_OBJECT'] = 'INPUT_OBJECT';
   DirectiveLocation['INPUT_FIELD_DEFINITION'] = 'INPUT_FIELD_DEFINITION';
 })(DirectiveLocation || (exports.DirectiveLocation = DirectiveLocation = {}));
-/**
- * The enum type representing the directive location values.
- *
- * @deprecated Please use `DirectiveLocation`. Will be remove in v17.
- */
 });
 
 var kinds = createCommonjsModule(function (module, exports) {
@@ -1292,7 +1294,13 @@ exports.Kind = void 0;
 /**
  * The set of allowed kind values for AST nodes.
  */
-var Kind;
+let Kind;
+/**
+ * The enum type representing the possible kind values of AST nodes.
+ *
+ * @deprecated Please use `Kind`. Will be remove in v17.
+ */
+
 exports.Kind = Kind;
 
 (function (Kind) {
@@ -1340,11 +1348,6 @@ exports.Kind = Kind;
   Kind['ENUM_TYPE_EXTENSION'] = 'EnumTypeExtension';
   Kind['INPUT_OBJECT_TYPE_EXTENSION'] = 'InputObjectTypeExtension';
 })(Kind || (exports.Kind = Kind = {}));
-/**
- * The enum type representing the possible kind values of AST nodes.
- *
- * @deprecated Please use `Kind`. Will be remove in v17.
- */
 });
 
 var characterClasses = createCommonjsModule(function (module, exports) {
@@ -1632,7 +1635,13 @@ exports.TokenKind = void 0;
  * An exported enum describing the different kinds of tokens that the
  * lexer emits.
  */
-var TokenKind;
+let TokenKind;
+/**
+ * The enum type representing the token kinds values.
+ *
+ * @deprecated Please use `TokenKind`. Will be remove in v17.
+ */
+
 exports.TokenKind = TokenKind;
 
 (function (TokenKind) {
@@ -1659,11 +1668,6 @@ exports.TokenKind = TokenKind;
   TokenKind['BLOCK_STRING'] = 'BlockString';
   TokenKind['COMMENT'] = 'Comment';
 })(TokenKind || (exports.TokenKind = TokenKind = {}));
-/**
- * The enum type representing the token kinds values.
- *
- * @deprecated Please use `TokenKind`. Will be remove in v17.
- */
 });
 
 var lexer = createCommonjsModule(function (module, exports) {
@@ -3000,13 +3004,12 @@ function parseType(source, options) {
  */
 
 class Parser {
-  constructor(source$1, options = {}) {
+  constructor(source$1, options) {
     const sourceObj = (0, source.isSource)(source$1)
       ? source$1
       : new source.Source(source$1);
     this._lexer = new lexer.Lexer(sourceObj);
     this._options = options;
-    this._tokenCounter = 0;
   }
   /**
    * Converts a name lex token into a name parse node.
@@ -3341,12 +3344,18 @@ class Parser {
    */
 
   parseFragmentDefinition() {
+    var _this$_options;
+
     const start = this._lexer.token;
     this.expectKeyword('fragment'); // Legacy support for defining variables within fragments changes
     // the grammar of FragmentDefinition:
     //   - fragment FragmentName VariableDefinitions? on TypeCondition Directives? SelectionSet
 
-    if (this._options.allowLegacyFragmentVariables === true) {
+    if (
+      ((_this$_options = this._options) === null || _this$_options === void 0
+        ? void 0
+        : _this$_options.allowLegacyFragmentVariables) === true
+    ) {
       return this.node(start, {
         kind: kinds.Kind.FRAGMENT_DEFINITION,
         name: this.parseFragmentName(),
@@ -3407,14 +3416,16 @@ class Parser {
         return this.parseObject(isConst);
 
       case tokenKind.TokenKind.INT:
-        this.advanceLexer();
+        this._lexer.advance();
+
         return this.node(token, {
           kind: kinds.Kind.INT,
           value: token.value,
         });
 
       case tokenKind.TokenKind.FLOAT:
-        this.advanceLexer();
+        this._lexer.advance();
+
         return this.node(token, {
           kind: kinds.Kind.FLOAT,
           value: token.value,
@@ -3425,7 +3436,7 @@ class Parser {
         return this.parseStringLiteral();
 
       case tokenKind.TokenKind.NAME:
-        this.advanceLexer();
+        this._lexer.advance();
 
         switch (token.value) {
           case 'true':
@@ -3481,7 +3492,9 @@ class Parser {
 
   parseStringLiteral() {
     const token = this._lexer.token;
-    this.advanceLexer();
+
+    this._lexer.advance();
+
     return this.node(token, {
       kind: kinds.Kind.STRING,
       value: token.value,
@@ -4272,7 +4285,13 @@ class Parser {
    */
 
   node(startToken, node) {
-    if (this._options.noLocation !== true) {
+    var _this$_options2;
+
+    if (
+      ((_this$_options2 = this._options) === null || _this$_options2 === void 0
+        ? void 0
+        : _this$_options2.noLocation) !== true
+    ) {
       node.loc = new ast.Location(
         startToken,
         this._lexer.lastToken,
@@ -4298,7 +4317,8 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === kind) {
-      this.advanceLexer();
+      this._lexer.advance();
+
       return token;
     }
 
@@ -4317,7 +4337,8 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === kind) {
-      this.advanceLexer();
+      this._lexer.advance();
+
       return true;
     }
 
@@ -4332,7 +4353,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === tokenKind.TokenKind.NAME && token.value === value) {
-      this.advanceLexer();
+      this._lexer.advance();
     } else {
       throw (0, syntaxError_1.syntaxError)(
         this._lexer.source,
@@ -4350,7 +4371,8 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === tokenKind.TokenKind.NAME && token.value === value) {
-      this.advanceLexer();
+      this._lexer.advance();
+
       return true;
     }
 
@@ -4437,24 +4459,6 @@ class Parser {
 
     return nodes;
   }
-
-  advanceLexer() {
-    const { maxTokens } = this._options;
-
-    const token = this._lexer.advance();
-
-    if (maxTokens !== undefined && token.kind !== tokenKind.TokenKind.EOF) {
-      ++this._tokenCounter;
-
-      if (this._tokenCounter > maxTokens) {
-        throw (0, syntaxError_1.syntaxError)(
-          this._lexer.source,
-          token.start,
-          `Document contains more that ${maxTokens} tokens. Parsing aborted.`,
-        );
-      }
-    }
-  }
 }
 /**
  * A helper function to describe a token as a string for debugging.
@@ -6687,7 +6691,6 @@ class WaitingRequest {
 class DataUnitFetcher {
   constructor() {
     this.templateByQuery = new Map();
-    this._loadDataTimeout = {};
     this.buldTemplates();
   }
   buldTemplates() {
@@ -6716,9 +6719,9 @@ class DataUnitFetcher {
                 }
               }
             }`);
-    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!]) {
+    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filter: [InputFilter!] $sort: [InputSort!]) {
             $queryAlias$: fetchDataUnit(name: $dataunit){
-              data(limit: $limit offset: $offset filters: $filters sort: $sort){
+              data(limit: $limit offset: $offset filters: $filter sort: $sort){
                 limit
                 offset
                 total
@@ -6747,7 +6750,7 @@ class DataUnitFetcher {
   getDataUnit(entityName, resourceID) {
     const dataUnit = new DataUnit(`dd://${entityName}/${resourceID}`);
     dataUnit.metadataLoader = (dataUnit) => this.loadMetadata(dataUnit);
-    dataUnit.dataLoader = (dataUnit, request) => this.loadData(dataUnit, request);
+    dataUnit.dataLoader = (dataUnit, page, sort, filters) => this.loadData(dataUnit, page, sort, filters);
     dataUnit.saveLoader = (dataUnit, changes) => this.saveData(dataUnit, changes);
     dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
     return dataUnit;
@@ -6784,39 +6787,25 @@ class DataUnitFetcher {
       });
     });
   }
-  loadData(dataUnit, request) {
-    const duName = dataUnit.name;
-    if (this._loadDataTimeout[duName]) {
-      clearTimeout(this._loadDataTimeout[duName]);
-      delete this._loadDataTimeout[duName];
-    }
-    return new Promise((resolve, reject) => {
-      this._loadDataTimeout[duName] = setTimeout(() => {
-        delete this._loadDataTimeout[duName];
-        this.doLoadData(dataUnit, request)
-          .then(result => resolve(result))
-          .catch(reason => reject(reason));
-      }, 200);
-    });
-  }
-  doLoadData(dataUnit, request) {
+  loadData(dataUnit, page, sort, filter) {
     return new Promise((resolve, reject) => {
-      var _a;
-      const { sort, filters, limit, offset, quickFilter } = request;
-      const variables = { dataunit: dataUnit.name, sort, filters };
-      variables.limit = limit;
-      variables.offset = offset;
-      if (!StringUtils.isEmpty(quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.term)) {
+      var _a, _b, _c;
+      const variables = { dataunit: dataUnit.name, sort, filter };
+      if (page) {
+        variables.limit = page.limit;
+        variables.offset = page.offset;
+      }
+      if (!StringUtils.isEmpty((_a = page === null || page === void 0 ? void 0 : page.quickFilter) === null || _a === void 0 ? void 0 : _a.term)) {
         if (variables.filter === undefined) {
           variables.filter = [];
         }
         const quickFilterCriteria = {
           name: "__QUICK_FILTER__",
           expression: "__QUICK_FILTER__",
-          params: [{ name: "term", dataType: DataType.TEXT, value: quickFilter.term }]
+          params: [{ name: "term", dataType: DataType.TEXT, value: page.quickFilter.term }]
         };
-        if (((_a = quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.fields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-          quickFilterCriteria.params.push({ name: "fields", dataType: DataType.OBJECT, value: quickFilter.fields });
+        if (((_c = (_b = page.quickFilter) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+          quickFilterCriteria.params.push({ name: "fields", dataType: DataType.OBJECT, value: page.quickFilter.fields });
         }
         variables.filter.push(quickFilterCriteria);
       }
@@ -6826,32 +6815,16 @@ class DataUnitFetcher {
         query: this.templateByQuery.get("fetchData"),
       })
         .then((resp) => {
-        const { limit, offset, total, hasMore, records } = resp.data;
-        let paginationInfo;
-        if (limit) {
-          const firstRecord = offset + 1;
-          const lastRecord = offset + Math.min(records.length, limit);
-          const currentPage = offset / limit;
-          paginationInfo = {
-            firstRecord,
-            lastRecord,
-            total,
-            currentPage,
-            hasMore
-          };
-        }
-        const processedRecords = [];
-        records.forEach((responseRecord) => {
+        const pageResult = resp.data;
+        const records = [];
+        pageResult.records.forEach((responseRecord) => {
           const duRecord = { __record__id__: responseRecord.id };
           responseRecord.fields.forEach(({ name, value }) => {
             duRecord[name] = dataUnit.valueFromString(name, value);
           });
-          processedRecords.push(duRecord);
-        });
-        resolve({
-          paginationInfo,
-          records: processedRecords
+          records.push(duRecord);
         });
+        resolve(Object.assign(Object.assign({}, pageResult), { records }));
       })
         .catch((error) => {
         reject(error);
@@ -7077,16 +7050,15 @@ class GridConfigFetcher extends ResourceFetcher {
     super(...arguments);
     this.GRID_CONFIG_VERSION = "V3:";
   }
-  getConfig(_gridName, resourceID) {
+  getConfig(resourceID) {
     const completePath = `cfg://grid/${this.GRID_CONFIG_VERSION}${resourceID}`;
     return new Promise((resolve, reject) => {
       this.loadResource(completePath)
         .then(loadedResource => {
-        let config = undefined;
         if (loadedResource) {
-          config = JSON.parse(loadedResource);
+          let config = JSON.parse(loadedResource);
+          resolve(config);
         }
-        resolve(config);
       }).catch((error) => {
         reject(error);
       });
@@ -7121,6 +7093,8 @@ class PesquisaFetcher {
             }`);
   }
   loadSearchOptions(entityName, argument, criteria, options) {
+    const cleanText = (argument === null || argument === void 0 ? void 0 : argument.trim()) || undefined;
+    argument = isNaN(Number(cleanText)) && cleanText ? `%${cleanText}` : cleanText;
     return new Promise((resolve, reject) => {
       DataFetcher.get()
         .callGraphQL({
@@ -7279,7 +7253,6 @@ const SnkApplication = class {
     registerInstance(this, hostRef);
     this.applicationLoaded = createEvent(this, "applicationLoaded", 7);
     this.applicationLoading = createEvent(this, "applicationLoading", 7);
-    this._duCache = new Map();
     this._requestListener = new RequestListenerLoadingBar();
   }
   get parameters() {
@@ -7310,9 +7283,6 @@ const SnkApplication = class {
       }
     });
   }
-  /**
-   * Caso o usuário logado seja o SUP.
-   */
   async isUserSup() {
     return new Promise((resolve, reject) => {
       this.auth.then((authorization) => {
@@ -7322,9 +7292,6 @@ const SnkApplication = class {
       });
     });
   }
-  /**
-   * Se o usuário logado tem permissão pra determinada ação.
-   */
   async hasAccess(access) {
     return new Promise((resolve, reject) => {
       this.auth.then((authorization) => {
@@ -7334,9 +7301,6 @@ const SnkApplication = class {
       });
     });
   }
-  /**
-   * Retorna todos os acessos do usuário logado.
-   */
   async getAllAccess() {
     return new Promise((resolve, reject) => {
       this.auth.then((authorization) => {
@@ -7351,55 +7315,33 @@ const SnkApplication = class {
       });
     });
   }
-  /**
-   * Retorna o valor de um parâmetro do tipo string.
-   */
+  async getAuthList(_auth) {
+    return await (new MGEAuthorization()).parseFromJSON(_auth);
+  }
   async getStringParam(name) {
     return this.parameters.asString(name, this.resourceID);
   }
-  /**
-   * Retorna o valor de um parâmetro do tipo Inteiro.
-   */
   async getIntParam(name) {
     return this.parameters.asInteger(name, this.resourceID);
   }
-  /**
-   * Retorna o valor de um parâmetro do tipo Decimal.
-   */
   async getFloatParam(name) {
     return this.parameters.asFloat(name, this.resourceID);
   }
-  /**
-   * Retorna o valor de um parâmetro do tipo booleano.
-   */
   async getBooleanParam(name) {
     return this.parameters.asBoolean(name, this.resourceID);
   }
-  /**
-   * Retorna o valor de um parâmetro do tipo data.
-   */
   async getDateParam(name) {
     return this.parameters.asDate(name, this.resourceID);
   }
-  /**
-   * Mostra o conteúdo passado em um Popup
-   */
   async showPopUp(content) {
+    this.clearPopUpContent();
     this._popUp.appendChild(content);
-    this._popUp["opened"] = true;
+    this._popUp.opened = true;
   }
-  /**
-   * Fecha o popup, liberando o conteúdo.
-   */
   async closePopUp() {
-    Array.from(this._popUp.children).forEach(c => {
-      this._popUp.removeChild(c);
-    });
-    this._popUp["opened"] = false;
+    this.clearPopUpContent();
+    this._popUp.opened = false;
   }
-  /**
-   * Verifica se a licença do cliente tem determinado opcional (produto)
-   */
   async temOpcional(opcional) {
     const opts = opcional.split(",");
     return new Promise((resolve, reject) => {
@@ -7423,10 +7365,6 @@ const SnkApplication = class {
       });
     });
   }
-  /**
-   * Retorna a configuração de um recurso por service broker
-   * Veja também o método "loadConfig"
-   */
   async getConfig(key) {
     let payload = {
       "serviceName": "SystemUtilsSP.getConf",
@@ -7444,9 +7382,6 @@ const SnkApplication = class {
         .catch(error => reject(error));
     });
   }
-  /**
-   * Salva a configuração de determinado recurso.
-   */
   async saveConfig(key, data) {
     let payload = {
       "serviceName": "SystemUtilsSP.saveConf",
@@ -7465,97 +7400,42 @@ const SnkApplication = class {
         .catch(error => reject(error));
     });
   }
-  /**
-   * Acessa informações de contexto "empurrados" na abertura da tela
-   */
   async getAttributeFromHTMLWrapper(attribName) {
     return Promise.resolve(window[attribName]);
   }
-  /**
-   * Abre determinada tela, repassando pkObject
-   */
   async openApp(resourceId, pkObject) {
     Workspace.openAppActivity(resourceId, pkObject);
   }
-  /**
-   * Cria o DataUnit a partir do nome da entidade.
-   */
   async createDataunit(entityName) {
     return new Promise(resolve => {
       const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID);
       dataUnit.loadMetadata().then(() => resolve(dataUnit));
     });
   }
-  /**
-   * Cria e armazena o DataUnit em um cache
-   */
-  async getDataUnit(entityName, dataUnitName) {
-    return new Promise((resolve, reject) => {
-      const dataUnit = this._duCache.get(dataUnitName);
-      if (dataUnit) {
-        resolve(dataUnit);
-      }
-      else {
-        this.createDataunit(entityName).then(dataUnit => {
-          if (dataUnitName) {
-            this._duCache.set(dataUnitName, dataUnit);
-          }
-          resolve(dataUnit);
-        }).catch(reason => reject(reason));
-      }
-    });
-  }
-  /**
-   * Retorna o resourceID da tela em questão.
-   */
   async getResourceID() {
     return Promise.resolve(this.resourceID);
   }
-  /**
-   * Mostra o diálogo de alerta de acordo com os parâmetros passados.
-   */
   async alert(title, message, icon, options) {
     return ApplicationUtils.alert(title, message, icon, options);
   }
-  /**
-   * Mostra o diálogo de erro de acordo com os parâmetros passados.
-   */
   async error(title, message, icon, options) {
     return ApplicationUtils.error(title, message, icon, options);
   }
-  /**
-   * Exibe um diálogo de confirmação
-   */
   async confirm(title, message, icon, critical, options) {
     return ApplicationUtils.confirm(title, message, icon, critical, options);
   }
-  /**
-   * Mostra uma informação efêmera (de segundo plano).
-   */
   async info(message, options) {
     return ApplicationUtils.info(message, options);
   }
-  /**
-   * Busca a configuração de formulário.
-   */
   async loadFormConfig(name) {
     return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
   }
-  /**
-   * Busca a configuração de grade.
-   */
-  async loadGridConfig(name) {
-    return this.gridConfigFetcher.getConfig(name, this.resourceID);
+  async loadGridConfig() {
+    return this.gridConfigFetcher.getConfig(this.resourceID);
   }
-  /**
-   * Salva a configuração de grade.
-   */
   async saveGridConfig(config) {
     return this.gridConfigFetcher.saveConfig(config, this.resourceID);
   }
-  async getAuthList(_auth) {
-    return await (new MGEAuthorization()).parseFromJSON(_auth);
-  }
   get urlParams() {
     if (!this._urlParams) {
       this._urlParams = UrlUtils.getQueryParams(location.search);
@@ -7633,7 +7513,7 @@ const SnkApplication = class {
           pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(ENTITYNAME, text, criteria, searchOptions);
           pesquisaContent.selectItem = (option) => {
             accept(option);
-            this.cleanPopUpTitle();
+            this.clearPopUpTitle();
             this.closePopUp();
           };
           this.setPopUpTitle(DESCRIPTIONENTITY);
@@ -7650,11 +7530,18 @@ const SnkApplication = class {
       accept(window['isDebugMode']);
     });
   }
-  cleanPopUpTitle() {
-    this._popUp['ezTitle'] = "";
+  clearPopUpContent() {
+    if (this._popUp) {
+      Array.from(this._popUp.children).forEach(c => {
+        this._popUp.removeChild(c);
+      });
+    }
+  }
+  clearPopUpTitle() {
+    this._popUp.ezTitle = "";
   }
   setPopUpTitle(title) {
-    this._popUp['ezTitle'] = title;
+    this._popUp.ezTitle = title;
   }
   componentWillLoad() {
     this._errorHandler = new SnkErrorHandler(this);
@@ -7664,7 +7551,6 @@ const SnkApplication = class {
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     ErrorTracking.init();
-    ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
   }
   connectedCallback() {
     DataFetcher.addRequestListener(this._requestListener);

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-0b078db7.js';
+import { r as registerInstance, h, H as Host } from './index-ffda6382.js';
 import { ObjectUtils, StringUtils } from '@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: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 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(--title--primary, #2B3A54);--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;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)}.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) {
@@ -295,7 +295,10 @@ const SnkPesquisa = class {
         : 'Os resultados de sua pesquisa aparecerão aqui...';
   }
   render() {
-    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" }), h("ez-icon", { class: "snk-pesquisa__input-close", slot: "rightIcon", iconName: "close", onClick: () => { this.clearSearch(); } })), 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) => {
+    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 }));
     })))));
   }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0b078db7.js';
+import { r as registerInstance, h } from './index-ffda6382.js';
 import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
 
 const testePesquisaCss = ":host{display:block}";