@sankhyalabs/ezui 1.1.4 → 1.1.8

package/dist/{ezui → esm}/ez-time-input.entry.js

@@ -1,176 +1,176 @@
-import { r as registerInstance, h, i as Host } from './index-39044be2.js';
-import { M as MaskFormatter, T as TimeFormatter, N as NumberUtils } from './index-919090de.js';
+import { r as registerInstance, h, H as Host } from './index-95bb3fd9.js';
+import { M as MaskFormatter, T as TimeFormatter, N as NumberUtils } from './RequestMetadata-c265c9d5.js';
 
 const ezTimeInputCss = ":host{--eztime--height:42px;--eztime--width:100%;--eztime__icon--width:48px;--eztime--border-radius:var(--border--radius-medium, 12px);--eztime--font-size:var(--text--medium, 14px);--eztime--font-family:var(--font-pattern, Arial);--eztime--font-weight:var(--text-weight--large, 500);--eztime--space--medium:var(--space--medium, 6px);--eztime__input--background-color:var(--background--medium, #e0e0e0);--eztime__input--border:var(--border--medium, 2px solid);--eztime__input--border-color:var(--eztime__input--background-color);--eztime__input--focus--border-color:var(--color--primary, #008561);--eztime__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--eztime__input--disabled--color:var(--text--disable, #AFB6C0);--eztime__input--error--border-color:#CC2936;--eztime__label--color:var(--title--primary, #919191);--eztime__message_box--font-size:var(--text--small, 12px);--eztime__message_box--info--color:var(--color--success, #22085d);--eztime__message_box--error--color:var(--color--error, #FF0000);display:flex;flex-wrap:wrap;position:relative;width:var(--eztime--width)}.invisible{visibility:hidden}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--eztime--height);border-radius:var(--eztime--border-radius);font-family:var(--eztime--font-family);font-size:var(--eztime--font-size);border:var(--eztime__input--border);border-color:var(--eztime__input--border-color);background-color:var(--eztime__input--background-color)}input:disabled{background-color:var(--eztime__input--disabled--background-color);color:var(--eztime__input--disabled--color)}input:focus{outline:none;border-color:var(--eztime__input--focus--border-color)}input.icon--left{padding-left:var(--eztime__icon--width)}input.icon--right{padding-right:var(--eztime__icon--width)}input::placeholder{color:var(--eztime__placeholder--color);font-weight:var(--eztime__placeholder--font-weight)}input:disabled::placeholder{color:var(--eztime__placeholder--disabled--color)}input.hasError{color:inherit;border-color:var(--eztime__input--error--border-color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;font-family:var(--eztime--font-family);font-size:var(--eztime__message_box--font-size);color:var(--eztime__message_box--info--color)}.hasError{color:var(--eztime__message_box--error--color)}.input__label{font-size:var(--eztime--font-size);font-weight:var(--eztime--font-weight);position:absolute;color:var(it__label--color);top:var(--eztime--space--medium);font-family:var(--eztime--font-family);-webkit-transition:font-size .3s, top .3s;transition:font-size .3s, top .3s;z-index:var(--visible);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:var(--eztime__icon--width);width:calc(100% - 10px - var(--eztime__icon--width))}.input__label--floated{font-family:var(--eztime--font-family);font-size:var(--text--extra-small);top:var(--space--small);color:var(--text--primary)}.input__label--left{left:var(--eztime__icon--width);width:calc(100% - 10px - var(--eztime__icon--width))}.input__label--right{padding-right:var(--eztime__icon--width);width:calc(100% - 10px - var(--eztime__icon--width))}.input--with--label{padding-bottom:0}";
 
-const EzTimeInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Deixa o campo disponível ou não para digitação.
-     */
-    this.enabled = true;
-    /**
-    * Define se o componente irá ou não considerar os segundos
-    */
-    this.showSeconds = false;
-  }
-  showError() {
-    const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
-    if (hasError) {
-      this._inputElem.classList.add('hasError');
-      this._messageBoxElem.classList.add('hasError');
-    }
-    else {
-      this._inputElem.classList.remove('hasError');
-      this._messageBoxElem.classList.remove('hasError');
-    }
-  }
-  prepareMask() {
-    if (this.showSeconds) {
-      if (this._maskFormatter == undefined) {
-        this._maskFormatter = new MaskFormatter("##:##:##");
-      }
-      else {
-        this._maskFormatter.mask = "##:##:##";
-      }
-    }
-    else {
-      if (this._maskFormatter == undefined) {
-        this._maskFormatter = new MaskFormatter("##:##");
-      }
-      else {
-        this._maskFormatter.mask = "##:##";
-      }
-    }
-  }
-  adjustFloatingLabel() {
-    if (this.label) {
-      if (!this._inputElem.classList.contains("input--with--label")) {
-        this._inputElem.classList.add("input--with--label");
-      }
-      if (this.viewValue && this.viewValue.toString().length > 0) {
-        if (!this._labelElem.classList.contains("input__label--floated")) {
-          this._labelElem.classList.add("input__label--floated");
-        }
-      }
-      else {
-        if (this._labelElem.classList.contains("input__label--floated")) {
-          this._labelElem.classList.remove("input__label--floated");
-        }
-      }
-    }
-  }
-  onValueChanged() {
-    if (this.value === NaN) {
-      this.value = undefined;
-      this.handleFocusout();
-    }
-  }
-  //---------------------------------------------
-  // Public methods
-  //---------------------------------------------
-  /**
-   * Faz o foco no componente de input
-   */
-  async setFocus() {
-    this._inputElem.focus();
-  }
-  /**
-   * Remove o foco no componente de input
-   */
-  async setBlur() {
-    this._inputElem.blur();
-  }
-  //---------------------------------------------
-  // Test Methods
-  //---------------------------------------------
-  setInputElemnt(input) {
-    this._iconElement = input;
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  handleFocusout() {
-    this.errormessage = "";
-    this.prepareValue(this.viewValue);
-    if (!TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
-      this.clearField();
-      this.errormessage = "Favor inserir um horário válido.";
-    }
-    this.adjustFloatingLabel();
-  }
-  prepareValue(value) {
-    try {
-      this.viewValue = TimeFormatter.prepareValue(value, this.showSeconds);
-    }
-    catch (e) {
-      this.clearField();
-      this.errormessage = e.message;
-    }
-  }
-  clearField() {
-    this.viewValue = this.value = undefined;
-  }
-  handleChange() {
-    this.viewValue = this._inputElem.value;
-    this.value = NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
-  }
-  adjustIconStyle() {
-    if (this._iconElement) {
-      this._iconElement.style.position = "absolute";
-      this._iconElement.style.display = "flex";
-      this._iconElement.style.alignItems = "center";
-      this._iconElement.style.justifyContent = "center";
-      this._iconElement.style.overflow = "hidden";
-      this._iconElement.style.top = "0px";
-      this._iconElement.style.width = "var(--eztime__icon--width)";
-      this._iconElement.style.height = "var(--eztime--height)";
-      this._iconElement.style.left = "0px";
-      this._iconElement.style.borderRadius = "var(--eztime--border-radius) 0 0 var(--eztime--border-radius)";
-      this._inputElem.classList.add('icon--left');
-      if (this._labelElem) {
-        this._labelElem.classList.add("input__label--left");
-      }
-    }
-    this.showError();
-  }
-  doFocus() {
-    if (this.label && this._labelElem) {
-      if (!this._labelElem.classList.contains("input__label--floated")) {
-        this._labelElem.classList.add("input__label--floated");
-      }
-    }
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  componentDidLoad() {
-    this.onValueChanged();
-    this.adjustIconStyle();
-    this.adjustFloatingLabel();
-    this.showError();
-  }
-  componentWillLoad() {
-    this.prepareMask();
-    if (this.value) {
-      this.prepareValue(this.value.toString());
-    }
-    else if (this.viewValue) {
-      this.prepareValue(this.viewValue);
-    }
-  }
-  render() {
-    return (h(Host, null, h("ez-icon", { ref: (el) => this._iconElement = el, href: "/themes/default/images/icons/actions-sprite.svg#timer-outline" }), this.label ?
-      h("label", { onClick: () => this._inputElem.focus(), class: this.value ? "input__label input__label--floated" : "input__label", ref: (el) => this._labelElem = el, title: this.label }, this.label)
-      : null, h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.viewValue, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el }, this.errormessage)));
-  }
-  static get watchers() { return {
-    "errormessage": ["showError"],
-    "showSeconds": ["prepareMask"],
-    "value": ["onValueChanged"]
-  }; }
-};
+const EzTimeInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Deixa o campo disponível ou não para digitação.
+     */
+    this.enabled = true;
+    /**
+    * Define se o componente irá ou não considerar os segundos
+    */
+    this.showSeconds = false;
+  }
+  showError() {
+    const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
+    if (hasError) {
+      this._inputElem.classList.add('hasError');
+      this._messageBoxElem.classList.add('hasError');
+    }
+    else {
+      this._inputElem.classList.remove('hasError');
+      this._messageBoxElem.classList.remove('hasError');
+    }
+  }
+  prepareMask() {
+    if (this.showSeconds) {
+      if (this._maskFormatter == undefined) {
+        this._maskFormatter = new MaskFormatter("##:##:##");
+      }
+      else {
+        this._maskFormatter.mask = "##:##:##";
+      }
+    }
+    else {
+      if (this._maskFormatter == undefined) {
+        this._maskFormatter = new MaskFormatter("##:##");
+      }
+      else {
+        this._maskFormatter.mask = "##:##";
+      }
+    }
+  }
+  adjustFloatingLabel() {
+    if (this.label) {
+      if (!this._inputElem.classList.contains("input--with--label")) {
+        this._inputElem.classList.add("input--with--label");
+      }
+      if (this.viewValue && this.viewValue.toString().length > 0) {
+        if (!this._labelElem.classList.contains("input__label--floated")) {
+          this._labelElem.classList.add("input__label--floated");
+        }
+      }
+      else {
+        if (this._labelElem.classList.contains("input__label--floated")) {
+          this._labelElem.classList.remove("input__label--floated");
+        }
+      }
+    }
+  }
+  onValueChanged() {
+    if (this.value === NaN) {
+      this.value = undefined;
+      this.handleFocusout();
+    }
+  }
+  //---------------------------------------------
+  // Public methods
+  //---------------------------------------------
+  /**
+   * Faz o foco no componente de input
+   */
+  async setFocus() {
+    this._inputElem.focus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._inputElem.blur();
+  }
+  //---------------------------------------------
+  // Test Methods
+  //---------------------------------------------
+  setInputElemnt(input) {
+    this._iconElement = input;
+  }
+  //---------------------------------------------
+  // Event handlers
+  //---------------------------------------------
+  handleFocusout() {
+    this.errormessage = "";
+    this.prepareValue(this.viewValue);
+    if (!TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
+      this.clearField();
+      this.errormessage = "Favor inserir um horário válido.";
+    }
+    this.adjustFloatingLabel();
+  }
+  prepareValue(value) {
+    try {
+      this.viewValue = TimeFormatter.prepareValue(value, this.showSeconds);
+    }
+    catch (e) {
+      this.clearField();
+      this.errormessage = e.message;
+    }
+  }
+  clearField() {
+    this.viewValue = this.value = undefined;
+  }
+  handleChange() {
+    this.viewValue = this._inputElem.value;
+    this.value = NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
+  }
+  adjustIconStyle() {
+    if (this._iconElement) {
+      this._iconElement.style.position = "absolute";
+      this._iconElement.style.display = "flex";
+      this._iconElement.style.alignItems = "center";
+      this._iconElement.style.justifyContent = "center";
+      this._iconElement.style.overflow = "hidden";
+      this._iconElement.style.top = "0px";
+      this._iconElement.style.width = "var(--eztime__icon--width)";
+      this._iconElement.style.height = "var(--eztime--height)";
+      this._iconElement.style.left = "0px";
+      this._iconElement.style.borderRadius = "var(--eztime--border-radius) 0 0 var(--eztime--border-radius)";
+      this._inputElem.classList.add('icon--left');
+      if (this._labelElem) {
+        this._labelElem.classList.add("input__label--left");
+      }
+    }
+    this.showError();
+  }
+  doFocus() {
+    if (this.label && this._labelElem) {
+      if (!this._labelElem.classList.contains("input__label--floated")) {
+        this._labelElem.classList.add("input__label--floated");
+      }
+    }
+  }
+  //---------------------------------------------
+  // Lifecycle web component
+  //---------------------------------------------
+  componentDidLoad() {
+    this.onValueChanged();
+    this.adjustIconStyle();
+    this.adjustFloatingLabel();
+    this.showError();
+  }
+  componentWillLoad() {
+    this.prepareMask();
+    if (this.value) {
+      this.prepareValue(this.value.toString());
+    }
+    else if (this.viewValue) {
+      this.prepareValue(this.viewValue);
+    }
+  }
+  render() {
+    return (h(Host, null, h("ez-icon", { ref: (el) => this._iconElement = el, href: "/themes/default/images/icons/actions-sprite.svg#timer-outline" }), this.label ?
+      h("label", { onClick: () => this._inputElem.focus(), class: this.value ? "input__label input__label--floated" : "input__label", ref: (el) => this._labelElem = el, title: this.label }, this.label)
+      : null, h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.viewValue, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el }, this.errormessage)));
+  }
+  static get watchers() { return {
+    "errormessage": ["showError"],
+    "showSeconds": ["prepareMask"],
+    "value": ["onValueChanged"]
+  }; }
+};
 EzTimeInput.style = ezTimeInputCss;
 
 export { EzTimeInput as ez_time_input };

package/dist/esm/ezui.js

@@ -0,0 +1,17 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-95bb3fd9.js';
+
+/*
+ Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return bootstrapLazy([["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errormessage":[1537],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-modal",[[1,"ez-modal",{"modalsize":[1537],"align":[1537],"oppened":[1540],"closeesc":[1540],"closeoutsideclick":[1540]}]]],["ez-number-input",[[1,"ez-number-input",{"strvalue":[1025],"value":[1026],"label":[513],"enabled":[516],"errormessage":[1537],"precision":[1538],"prettyprecision":[1538],"textleft":[516],"formatnumber":[513],"setFocus":[64],"setBlur":[64],"handleFocusout":[64]}]]],["form-metadata",[[1,"form-metadata",{"name":[1],"label":[1],"dataunit":[1025],"many":[4],"autoload":[4],"metadata":[1040]}]]],["ez-button_14",[[0,"ez-form",{"metadataexecutor":[1],"loadexecutor":[1],"saveexecutor":[1],"removeexecutor":[1],"fieldsearchexecutor":[1],"metadata":[1040],"slavemode":[4],"validate":[64],"getChanges":[64]}],[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"showvalue":[516],"options":[1040],"errormessage":[1537],"_inputLabelValue":[32],"_criteria":[32],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}],[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errormessage":[1537]}],[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"qtdHotItems":[514,"qtd-hot-items"],"showvalue":[516],"errormessage":[1537],"loadexecutor":[1],"hotsearchid":[1],"_preSelection":[32],"_visibleOptions":[32],"onInputTeste":[64]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513]}],[1,"ez-check",{"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-collapsable-box",{"value":[1540],"label":[513],"showHide":[64]}],[1,"ez-tabselector",{"selectedindex":[1537],"selectedtab":[1537],"tabs":[1]}],[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errormessage":[1537],"rows":[1538],"setFocus":[64],"setBlur":[64]}],[1,"place-holder"],[1,"ez-calendar",{"value":[1040],"floating":[516],"show":[64],"hide":[64]}],[1,"ez-popover",{"autoclose":[516],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxwidth":[513],"isOpened":[1540,"is-opened"],"updatePosition":[64],"show":[64],"hide":[64]}],[1,"ez-icon",{"size":[513],"href":[513]}],[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errormessage":[1537],"onlynumber":[516],"mask":[1],"restrict":[1],"setFocus":[64],"setBlur":[64]}]]]], options);
+});

package/dist/{ezui → esm}/form-metadata.entry.js

@@ -1,70 +1,70 @@
-import { r as registerInstance, h, i as Host, g as getElement } from './index-39044be2.js';
-import { D as DataUnit } from './DataUnit-285bec19.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-95bb3fd9.js';
+import { D as DataUnit } from './DataUnit-69e518fa.js';
 
-const FormMetadata = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  buildField(element) {
-    const label = element.textContent;
-    let name = element.getAttribute("name") || label;
-    let userInterface = element.getAttribute("ui") || "SHORTTEXT";
-    const defaultValue = element.getAttribute("defaultValue");
-    const required = element.getAttribute("required") === "true";
-    const readOnly = element.getAttribute("readonly") === "true";
-    return { name, userInterface, label, defaultValue, required, readOnly };
-  }
-  buildFieldSet(element) {
-    const label = element.getAttribute("label");
-    const fields = Array.from(element.getElementsByTagName('FIELD')).map(f => this.buildField(f));
-    return { label, fields };
-  }
-  fromElements(elements, label, name, dataUnit, many, autoLoad) {
-    const form = {
-      name: name || label,
-      label,
-      autoLoad
-    };
-    if (dataUnit) {
-      form.dataUnit = new DataUnit(dataUnit, many ? 'N' : '1');
-    }
-    Array.from(elements).forEach(child => {
-      const tagName = child.tagName.toUpperCase();
-      switch (tagName) {
-        case 'FIELD':
-          if (!form.items) {
-            form.items = [];
-          }
-          form.items.push(this.buildField(child));
-          break;
-        case 'FIELD-SET':
-          if (!form.items) {
-            form.items = [];
-          }
-          form.items.push(this.buildFieldSet(child));
-          break;
-        case 'SUB-FORM':
-          if (!form.subForms) {
-            form.subForms = [];
-          }
-          const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
-          const name = child.getAttribute("name") || label;
-          form.subForms.push(this.fromElements(child.children, label, name, child.getAttribute("dataunit"), child.hasAttribute("many"), child.getAttribute("autoload") === "true"));
-          break;
-      }
-    });
-    return form;
-  }
-  componentWillLoad() {
-    if (!this.dataunit) {
-      this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
-    }
-    this.metadata = this.fromElements(this._host.children, this.label, this.name, this.dataunit, this.many, this.autoload);
-  }
-  render() {
-    return h(Host, null);
-  }
-  get _host() { return getElement(this); }
+const FormMetadata = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  buildField(element) {
+    const label = element.textContent;
+    let name = element.getAttribute("name") || label;
+    let userInterface = element.getAttribute("ui") || "SHORTTEXT";
+    const defaultValue = element.getAttribute("defaultValue");
+    const required = element.getAttribute("required") === "true";
+    const readOnly = element.getAttribute("readonly") === "true";
+    return { name, userInterface, label, defaultValue, required, readOnly };
+  }
+  buildFieldSet(element) {
+    const label = element.getAttribute("label");
+    const fields = Array.from(element.getElementsByTagName('FIELD')).map(f => this.buildField(f));
+    return { label, fields };
+  }
+  fromElements(elements, label, name, dataUnit, many, autoLoad) {
+    const form = {
+      name: name || label,
+      label,
+      autoLoad
+    };
+    if (dataUnit) {
+      form.dataUnit = new DataUnit(dataUnit, many ? 'N' : '1');
+    }
+    Array.from(elements).forEach(child => {
+      const tagName = child.tagName.toUpperCase();
+      switch (tagName) {
+        case 'FIELD':
+          if (!form.items) {
+            form.items = [];
+          }
+          form.items.push(this.buildField(child));
+          break;
+        case 'FIELD-SET':
+          if (!form.items) {
+            form.items = [];
+          }
+          form.items.push(this.buildFieldSet(child));
+          break;
+        case 'SUB-FORM':
+          if (!form.subForms) {
+            form.subForms = [];
+          }
+          const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
+          const name = child.getAttribute("name") || label;
+          form.subForms.push(this.fromElements(child.children, label, name, child.getAttribute("dataunit"), child.hasAttribute("many"), child.getAttribute("autoload") === "true"));
+          break;
+      }
+    });
+    return form;
+  }
+  componentWillLoad() {
+    if (!this.dataunit) {
+      this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
+    }
+    this.metadata = this.fromElements(this._host.children, this.label, this.name, this.dataunit, this.many, this.autoload);
+  }
+  render() {
+    return h(Host, null);
+  }
+  get _host() { return getElement(this); }
 };
 
 export { FormMetadata as form_metadata };