@sankhyalabs/ezui 1.1.4 → 1.1.8

package/dist/cjs/ez-time-input.cjs.entry.js

@@ -0,0 +1,180 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9403fe8f.js');
+const RequestMetadata = require('./RequestMetadata-2cd01e8a.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) {
+    index.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 RequestMetadata.MaskFormatter("##:##:##");
+      }
+      else {
+        this._maskFormatter.mask = "##:##:##";
+      }
+    }
+    else {
+      if (this._maskFormatter == undefined) {
+        this._maskFormatter = new RequestMetadata.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 (!RequestMetadata.TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
+      this.clearField();
+      this.errormessage = "Favor inserir um horário válido.";
+    }
+    this.adjustFloatingLabel();
+  }
+  prepareValue(value) {
+    try {
+      this.viewValue = RequestMetadata.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 = RequestMetadata.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 (index.h(index.Host, null, index.h("ez-icon", { ref: (el) => this._iconElement = el, href: "/themes/default/images/icons/actions-sprite.svg#timer-outline" }), this.label ?
+      index.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, index.h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.viewValue, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), index.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;
+
+exports.ez_time_input = EzTimeInput;

package/dist/cjs/ezui.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-9403fe8f.js');
+
+/*
+ Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('ezui.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input.cjs",[[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.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalsize":[1537],"align":[1537],"oppened":[1540],"closeesc":[1540],"closeoutsideclick":[1540]}]]],["ez-number-input.cjs",[[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.cjs",[[1,"form-metadata",{"name":[1],"label":[1],"dataunit":[1025],"many":[4],"autoload":[4],"metadata":[1040]}]]],["ez-button_14.cjs",[[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/cjs/form-metadata.cjs.entry.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9403fe8f.js');
+const DataUnit = require('./DataUnit-28b290cb.js');
+
+const FormMetadata = class {
+  constructor(hostRef) {
+    index.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(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 index.h(index.Host, null);
+  }
+  get _host() { return index.getElement(this); }
+};
+
+exports.form_metadata = FormMetadata;