@sankhyalabs/ezui 5.22.0-dev.64 → 5.22.0-dev.65

package/dist/esm/ez-filter-input.entry.js

@@ -0,0 +1,126 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-baa5e267.js';
+import { ElementIDUtils } from '@sankhyalabs/core';
+import { C as CSSVarsUtils } from './CSSVarsUtils-71ce76be.js';
+
+const ezFilterInputCss = ":host{display:block;width:100%}";
+
+const EzFilterInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezChange = createEvent(this, "ezChange", 7);
+    this.ezSearching = createEvent(this, "ezSearching", 7);
+    this.ezFocusIn = createEvent(this, "ezFocusIn", 7);
+    this._searchingText = "";
+    this.handleFocus = () => {
+      if (this._searchingText === "") {
+        this._textInput.value = "";
+      }
+      else {
+        this._textInput.value = this._searchingText;
+      }
+      this.ezFocusIn.emit();
+    };
+    this.label = undefined;
+    this.value = undefined;
+    this.enabled = true;
+    this.errorMessage = undefined;
+    this.restrict = undefined;
+    this.mode = "regular";
+    this.asyncSearch = false;
+    this.canShowError = true;
+    this.autoFocus = false;
+    this.noMargin = false;
+  }
+  observeLabel() {
+    if (this._textInput) {
+      this._textInput.label = this.label;
+    }
+  }
+  observeErrorMessage() {
+    if (this._textInput) {
+      this._textInput.errorMessage = this.errorMessage;
+    }
+  }
+  observeValue(newValue, oldValue) {
+    if (this._textInput && newValue != oldValue) {
+      this._textInput.value = newValue;
+      this.ezChange.emit(newValue);
+    }
+  }
+  /**
+   * Aplica o foco no campo.
+   */
+  async setFocus(options) {
+    this._textInput.setFocus(options);
+  }
+  /**
+   * Remove o foco do campo.
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  async isInvalid() {
+    return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
+  }
+  /**
+   * Método responsável por setar um novo valor ao campo.
+   */
+  async setValue(newValue) {
+    if (!this.asyncSearch || this._textInput == undefined) {
+      return;
+    }
+    if (newValue !== this.value) {
+      this.value = newValue;
+      this._searchingText = "";
+    }
+    else {
+      this._textInput.value = newValue;
+    }
+  }
+  /**
+   * Método responsável por resetar o valor do campo para o ultimo valor inputado.
+   */
+  async endSearch() {
+    if (!this.asyncSearch || this._textInput == undefined) {
+      return;
+    }
+    if (this._textInput.value !== this.value) {
+      this._textInput.value = this.value;
+    }
+  }
+  handleChange(evt) {
+    const newValue = evt.detail;
+    this.errorMessage = "";
+    if (this.asyncSearch) {
+      this._searchingText = newValue;
+      this.ezSearching.emit(newValue);
+    }
+    else if (newValue !== this.value) {
+      this.value = newValue;
+    }
+  }
+  componentDidLoad() {
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+    if (this.autoFocus) {
+      requestAnimationFrame(() => {
+        this.setFocus({ selectText: true });
+      });
+    }
+  }
+  render() {
+    ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
+    return (h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.handleChange(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict, mode: this.mode, onFocusin: this.handleFocus, canShowError: this.canShowError, noMargin: this.noMargin }, h("ez-icon", { slot: "leftIcon", iconName: "search" })));
+  }
+  get _elem() { return getElement(this); }
+  static get watchers() { return {
+    "label": ["observeLabel"],
+    "errorMessage": ["observeErrorMessage"],
+    "value": ["observeValue"]
+  }; }
+};
+EzFilterInput.style = ezFilterInputCss;
+
+export { EzFilterInput as ez_filter_input };

package/dist/esm/ez-form-view.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, c as createEvent, g as getElement, H as Host } from './index-5a720e56.js';
+import { h, r as registerInstance, c as createEvent, g as getElement, H as Host } from './index-baa5e267.js';
 import { ObjectUtils, UserInterface, ElementIDUtils } from '@sankhyalabs/core';
 import { R as REQUIRED_INFO } from './constants-4e0d35b7.js';
 import { C as CheckMode } from './CheckMode-bdb2ec19.js';

package/dist/esm/ez-form.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, f as forceUpdate, H as Host, g as getElement } from './index-5a720e56.js';
+import { r as registerInstance, c as createEvent, h, f as forceUpdate, H as Host, g as getElement } from './index-baa5e267.js';
 import { DateUtils, Action, StringUtils, DataUnit, ElementIDUtils } from '@sankhyalabs/core';
 import { b as buildFieldMetadata, D as DataBinder } from './DataBinder-d2ecbb0f.js';
 import './ApplicationUtils-eaf91331.js';

package/dist/esm/ez-grid.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-5a720e56.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-baa5e267.js';
 import { Action, ObjectUtils as ObjectUtils$1, HTMLBuilder, ApplicationContext, StringUtils as StringUtils$1, UserInterface, LockManager, LockManagerOperation, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, ElementIDUtils, FieldComparator, DateUtils as DateUtils$1, ArrayUtils as ArrayUtils$1, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { A as ApplicationUtils } from './ApplicationUtils-eaf91331.js';

package/dist/esm/ez-guide-navigator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a720e56.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-baa5e267.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { E as EzScrollDirection } from './EzScrollDirection-2df26c93.js';
 

package/dist/esm/ez-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a720e56.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-baa5e267.js';
 import { StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 
 const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:\"\\ea01\"}.ez-icon-2chevron-up:before{content:\"\\ea02\"}.ez-icon-acao:before{content:\"\\ea03\"}.ez-icon-account-outline:before{content:\"\\ea04\"}.ez-icon-account:before{content:\"\\ea05\"}.ez-icon-add-to-cart:before{content:\"\\ea06\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea07\"}.ez-icon-alert-circle:before{content:\"\\ea08\"}.ez-icon-alert-mail:before{content:\"\\ea09\"}.ez-icon-alert-popup:before{content:\"\\ea0a\"}.ez-icon-anexo:before{content:\"\\ea0b\"}.ez-icon-antecipação:before{content:\"\\ea0c\"}.ez-icon-apps:before{content:\"\\ea0d\"}.ez-icon-arrow-forward:before{content:\"\\ea0e\"}.ez-icon-arrow-upward:before{content:\"\\ea0f\"}.ez-icon-arrow_back:before{content:\"\\ea10\"}.ez-icon-arrow_downward:before{content:\"\\ea11\"}.ez-icon-baixa:before{content:\"\\ea12\"}.ez-icon-balance:before{content:\"\\ea13\"}.ez-icon-bell-inverted:before{content:\"\\ea14\"}.ez-icon-bell:before{content:\"\\ea15\"}.ez-icon-boleto:before{content:\"\\ea16\"}.ez-icon-boolean:before{content:\"\\ea17\"}.ez-icon-business-center:before{content:\"\\ea18\"}.ez-icon-calendar-clock:before{content:\"\\ea19\"}.ez-icon-calendar:before{content:\"\\ea1a\"}.ez-icon-cart-history:before{content:\"\\ea1b\"}.ez-icon-cash-remove:before{content:\"\\ea1c\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1d\"}.ez-icon-check-circle:before{content:\"\\ea1e\"}.ez-icon-check:before{content:\"\\ea1f\"}.ez-icon-chevron-down:before{content:\"\\ea20\"}.ez-icon-chevron-left:before{content:\"\\ea21\"}.ez-icon-chevron-right:before{content:\"\\ea22\"}.ez-icon-chevron-up:before{content:\"\\ea23\"}.ez-icon-circle--medium:before{content:\"\\ea24\"}.ez-icon-circle:before{content:\"\\ea25\"}.ez-icon-clean-cart:before{content:\"\\ea26\"}.ez-icon-cleaning:before{content:\"\\ea27\"}.ez-icon-clipboard:before{content:\"\\ea28\"}.ez-icon-clock-rotate-left:before{content:\"\\ea29\"}.ez-icon-close:before{content:\"\\ea2a\"}.ez-icon-cobrar:before{content:\"\\ea2b\"}.ez-icon-code:before{content:\"\\ea2c\"}.ez-icon-configuration:before{content:\"\\ea2d\"}.ez-icon-content-cut:before{content:\"\\ea2e\"}.ez-icon-copy:before{content:\"\\ea2f\"}.ez-icon-credit_card:before{content:\"\\ea30\"}.ez-icon-crop:before{content:\"\\ea31\"}.ez-icon-custom:before{content:\"\\ea32\"}.ez-icon-delete-file:before{content:\"\\ea33\"}.ez-icon-delete:before{content:\"\\ea34\"}.ez-icon-description:before{content:\"\\ea35\"}.ez-icon-dividir:before{content:\"\\ea36\"}.ez-icon-docx:before{content:\"\\ea37\"}.ez-icon-dot-notification:before{content:\"\\ea38\"}.ez-icon-dots-horizontal:before{content:\"\\ea39\"}.ez-icon-dots-vertical:before{content:\"\\ea3a\"}.ez-icon-drag-indicator:before{content:\"\\ea3b\"}.ez-icon-dual-chevron-down:before{content:\"\\ea3c\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3d\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3e\"}.ez-icon-dual-chevron-up:before{content:\"\\ea3f\"}.ez-icon-edit-file:before{content:\"\\ea40\"}.ez-icon-edit-table:before{content:\"\\ea41\"}.ez-icon-edit-time:before{content:\"\\ea42\"}.ez-icon-edit-value:before{content:\"\\ea43\"}.ez-icon-edit:before{content:\"\\ea44\"}.ez-icon-email:before{content:\"\\ea45\"}.ez-icon-estorno:before{content:\"\\ea46\"}.ez-icon-exe:before{content:\"\\ea47\"}.ez-icon-expand:before{content:\"\\ea48\"}.ez-icon-expandir_card:before{content:\"\\ea49\"}.ez-icon-extrato:before{content:\"\\ea4a\"}.ez-icon-eye-off:before{content:\"\\ea4b\"}.ez-icon-eye:before{content:\"\\ea4c\"}.ez-icon-favorite:before{content:\"\\ea4d\"}.ez-icon-figma:before{content:\"\\ea4e\"}.ez-icon-file-download:before{content:\"\\ea4f\"}.ez-icon-file-upload:before{content:\"\\ea50\"}.ez-icon-filter:before{content:\"\\ea51\"}.ez-icon-find-file:before{content:\"\\ea52\"}.ez-icon-find-page:before{content:\"\\ea53\"}.ez-icon-format-color-fill:before{content:\"\\ea54\"}.ez-icon-generic:before{content:\"\\ea55\"}.ez-icon-gif:before{content:\"\\ea56\"}.ez-icon-graph_bar:before{content:\"\\ea57\"}.ez-icon-handshake:before{content:\"\\ea58\"}.ez-icon-help-inverted:before{content:\"\\ea59\"}.ez-icon-help:before{content:\"\\ea5a\"}.ez-icon-hide_menu:before{content:\"\\ea5b\"}.ez-icon-home:before{content:\"\\ea5c\"}.ez-icon-icons104:before{content:\"\\ea5d\"}.ez-icon-language:before{content:\"\\ea5e\"}.ez-icon-launch:before{content:\"\\ea5f\"}.ez-icon-lightbulb:before{content:\"\\ea60\"}.ez-icon-list:before{content:\"\\ea61\"}.ez-icon-location:before{content:\"\\ea62\"}.ez-icon-lock-outline:before{content:\"\\ea63\"}.ez-icon-lock:before{content:\"\\ea64\"}.ez-icon-menu:before{content:\"\\ea65\"}.ez-icon-mid:before{content:\"\\ea66\"}.ez-icon-minus:before{content:\"\\ea67\"}.ez-icon-money-off:before{content:\"\\ea68\"}.ez-icon-money:before{content:\"\\ea69\"}.ez-icon-more:before{content:\"\\ea6a\"}.ez-icon-mp3:before{content:\"\\ea6b\"}.ez-icon-mp4:before{content:\"\\ea6c\"}.ez-icon-multiple-files:before{content:\"\\ea6d\"}.ez-icon-north-west:before{content:\"\\ea6e\"}.ez-icon-number:before{content:\"\\ea6f\"}.ez-icon-ordem-ascendente:before{content:\"\\ea70\"}.ez-icon-ordem-descendente:before{content:\"\\ea71\"}.ez-icon-parcelar:before{content:\"\\ea72\"}.ez-icon-pause:before{content:\"\\ea73\"}.ez-icon-payments:before{content:\"\\ea74\"}.ez-icon-pdf:before{content:\"\\ea75\"}.ez-icon-play:before{content:\"\\ea76\"}.ez-icon-plus:before{content:\"\\ea77\"}.ez-icon-png:before{content:\"\\ea78\"}.ez-icon-power:before{content:\"\\ea79\"}.ez-icon-pptx:before{content:\"\\ea7a\"}.ez-icon-preview:before{content:\"\\ea7b\"}.ez-icon-print:before{content:\"\\ea7c\"}.ez-icon-push-pin:before{content:\"\\ea7d\"}.ez-icon-rateio:before{content:\"\\ea7e\"}.ez-icon-receipt:before{content:\"\\ea7f\"}.ez-icon-recolher_card:before{content:\"\\ea80\"}.ez-icon-remove-from-cart:before{content:\"\\ea81\"}.ez-icon-restore:before{content:\"\\ea82\"}.ez-icon-return:before{content:\"\\ea83\"}.ez-icon-sankhya-place:before{content:\"\\ea84\"}.ez-icon-save:before{content:\"\\ea85\"}.ez-icon-search:before{content:\"\\ea86\"}.ez-icon-settings-inverted:before{content:\"\\ea87\"}.ez-icon-settings:before{content:\"\\ea88\"}.ez-icon-share:before{content:\"\\ea89\"}.ez-icon-shield:before{content:\"\\ea8a\"}.ez-icon-show_menu:before{content:\"\\ea8b\"}.ez-icon-south-east:before{content:\"\\ea8c\"}.ez-icon-sync:before{content:\"\\ea8d\"}.ez-icon-table:before{content:\"\\ea8e\"}.ez-icon-tag_code:before{content:\"\\ea8f\"}.ez-icon-text:before{content:\"\\ea90\"}.ez-icon-timeline:before{content:\"\\ea91\"}.ez-icon-timer-outline:before{content:\"\\ea92\"}.ez-icon-trending-up:before{content:\"\\ea93\"}.ez-icon-tune:before{content:\"\\ea94\"}.ez-icon-txt:before{content:\"\\ea95\"}.ez-icon-un-pin:before{content:\"\\ea96\"}.ez-icon-unfold_less:before{content:\"\\ea97\"}.ez-icon-unfold_more:before{content:\"\\ea98\"}.ez-icon-user-circle:before{content:\"\\ea99\"}.ez-icon-warning-outline:before{content:\"\\ea9a\"}.ez-icon-warning_triangle:before{content:\"\\ea9b\"}.ez-icon-whatshot:before{content:\"\\ea9c\"}.ez-icon-xlsx:before{content:\"\\ea9d\"}.ez-icon-zip:before{content:\"\\ea9e\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";