@sankhyalabs/ezui 1.1.76 → 1.1.79

package/dist/cjs/ez-list.cjs.entry.js

@@ -1,174 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-9431aeeb.js');
-
-const ezListCss = ":host{--list__host--border-radius:var(--border--radius-medium, 12px);--list__host--padding:var(--space--medium, 12px);--list__icon__padding:var(--space--small, 6px);--list__item__margin:0 var(--space--small, 6px);--list__item--color:var(--title--primary, #2b3a54);--list__item--border-bottom:var(--border--small, 1px solid);--list__item--border-color:var(--title--primary, #2b3a54);--list__item--font-family:var(--font-pattern, #2b3a54);--list__item--font-size:var(--text--medium, 14px);--list__draggable__icon--image:url('data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m 12,16 a 2,2 0 0 1 2,2 2,2 0 0 1 -2,2 2,2 0 0 1 -2,-2 2,2 0 0 1 2,-2 m 0,-6 a 2,2 0 0 1 2,2 2,2 0 0 1 -2,2 2,2 0 0 1 -2,-2 2,2 0 0 1 2,-2 m 0,-6 a 2,2 0 0 1 2,2 2,2 0 0 1 -2,2 2,2 0 0 1 -2,-2 2,2 0 0 1 2,-2 z\"/></svg>');border-radius:var(--list__host--border-radius);padding:var(--list__host--padding);max-height:100%;width:100%;background-color:#fff;display:flex}.draggable{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;flex:1}.draggable-list{color:var(--text-color);padding:0;margin:0;width:100%;max-height:100%;overflow-y:auto}.draggable-list li{background-color:#fff;display:flex;margin:var(--list__item__margin);font-family:var(--list__item--font-family);font-size:var(--list__item--font-size);color:var(--list__item--color)}.draggable-list li:not(:last-of-type){border-bottom:var(--list__item--border-bottom)}.draggable-list li.over .draggable{background-color:var(--background--strong)}.draggable:hover{background-color:var(--background--medium)}.draggable-selected{background-color:var(--background--strong) !important}.draggable-selected div:hover{background-color:var(--background--strong) !important}.draggable-list::-webkit-scrollbar-track{background-color:#f0f2f5}.draggable-list::-webkit-scrollbar-thumb{background-color:var(--title--primary);border-radius:var(--space--extra-small)}.draggable-list::-webkit-scrollbar{background-color:#f0f2f5;height:6px;max-height:6px;min-height:6px;width:6px;max-width:6px;min-width:6px}.draggable-icon{align-items:flex-start;display:flex;outline:none;border:none;background-color:unset}.draggable-icon::after{content:'';display:flex;background-color:var(--list__item--color);width:24px;height:24px;-webkit-mask-image:var(--list__draggable__icon--image);mask-image:var(--list__draggable__icon--image)}*{box-sizing:border-box}.checkbox{width:fit-content}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
-
-let EzList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this._listItems = [];
-    /**
-    * Define a lista inicial do componente.
-    */
-    this.initialList = [];
-    /**
-    * Define se o componente terá o comportamento de arrasto de linhas.
-    */
-    this.draggable = true;
-    /**
-    * Define se é possível selecionar mais de um registro.
-    */
-    this.isMultipleSelection = true;
-  }
-  createList() {
-    [...this.initialList]
-      .forEach((item, index) => {
-      const listItem = document.createElement('li');
-      listItem.setAttribute('data-index', index.toString());
-      if (!this.isMultipleSelection)
-        listItem.onclick = this.selectLine.bind(this);
-      listItem.innerHTML = `
-          <div class="draggable" ${this.draggable ? "draggable=true" : ""}>
-
-            ${this.draggable ? '<span class="draggable-icon"></span>' : ""}
-            
-            ${this.isMultipleSelection ? `<ez-check class='checkbox' value=${item.checked}></ez-check>` : ''}
-            <p title="${item.value}" class="person-name text--ellipsis">${item.value}</p>
-            
-          </div>
-        `;
-      this._listItems.push(listItem);
-      this._draggableList.appendChild(listItem);
-    });
-    if (this.draggable) {
-      this.handleEventListeners(this._listItems, this._draggableList, this._hostElement, false);
-    }
-  }
-  selectLine(e) {
-    var _a, _b, _c;
-    this._listItems.forEach(item => { item.classList.remove('draggable-selected'); });
-    if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === 'SPAN') {
-      const span = e.target;
-      this._selectedItem = { value: span.parentElement.getElementsByTagName('p')[0].textContent };
-      span.parentElement.parentElement.classList.add('draggable-selected');
-    }
-    else if (((_b = e.target) === null || _b === void 0 ? void 0 : _b.tagName) === 'P') {
-      const paragraph = e.target;
-      this._selectedItem = { value: paragraph.textContent };
-      paragraph.parentElement.parentElement.classList.add('draggable-selected');
-    }
-    else if (((_c = e.target) === null || _c === void 0 ? void 0 : _c.tagName) === 'DIV') {
-      const draggable = e.target;
-      this._selectedItem = { value: draggable.getElementsByTagName('p')[0].textContent };
-      draggable.parentElement.classList.add('draggable-selected');
-    }
-  }
-  handleEventListeners(listItems, dragableList, hostElement, removeEvents) {
-    let _dragStartIndex;
-    let _isItemOut = false;
-    function dragStart(item) {
-      _dragStartIndex = item.parentElement.getAttribute('data-index');
-    }
-    function dragEnter(item) {
-      item.classList.add('over');
-    }
-    function dragLeave(item) {
-      item.classList.remove('over');
-    }
-    function dragOver(e) {
-      e.preventDefault();
-    }
-    function dragDrop(item) {
-      if (_isItemOut) {
-        let index = +item.getAttribute('data-index');
-        const itemRemoved = listItems[index].querySelector('.draggable');
-        listItems[index].removeChild(itemRemoved);
-      }
-      const dragEndIndex = +item.getAttribute('data-index');
-      swapItems(+_dragStartIndex, dragEndIndex);
-      item.classList.remove('over');
-    }
-    function swapItems(fromIndex, toIndex) {
-      const itemOne = listItems[fromIndex].querySelector('.draggable');
-      const itemTwo = listItems[toIndex].querySelector('.draggable');
-      listItems[fromIndex].appendChild(itemTwo);
-      listItems[toIndex].appendChild(itemOne);
-      return listItems;
-    }
-    if (!removeEvents) {
-      hostElement.addEventListener('dragenter', function () { _isItemOut = false; });
-      hostElement.addEventListener('dragleave', function () { _isItemOut = true; });
-      const draggables = dragableList.querySelectorAll("div.draggable");
-      draggables.forEach(draggable => {
-        draggable.addEventListener('dragstart', function () { dragStart(draggable); });
-      });
-      listItems.forEach(item => {
-        item.addEventListener('dragover', function (event) { dragOver(event); });
-        item.addEventListener('drop', function () { dragDrop(item); });
-        item.addEventListener('dragenter', function () { dragEnter(item); });
-        item.addEventListener('dragleave', function () { dragLeave(item); });
-      });
-    }
-    else {
-      hostElement.removeEventListener('dragenter', function () { _isItemOut = false; });
-      hostElement.removeEventListener('dragleave', function () { _isItemOut = true; });
-      const draggables = dragableList.querySelectorAll("div.draggable");
-      draggables.forEach(draggable => {
-        draggable.removeEventListener('dragstart', function () { dragStart(draggable); });
-      });
-      listItems.forEach(item => {
-        item.removeEventListener('dragover', function (event) { dragOver(event); });
-        item.removeEventListener('drop', function () { dragDrop(item); });
-        item.removeEventListener('dragenter', function () { dragEnter(item); });
-        item.removeEventListener('dragleave', function () { dragLeave(item); });
-      });
-    }
-  }
-  /**
-  *  Retorna      uma promessa com o estado da atual lista composta por objetos do tipo {value: string, checked: boolean}.
-  */
-  async getState() {
-    let emitionList = [];
-    this._listItems.forEach(item => {
-      let emitionItem = {
-        value: this.getValueItem(item),
-        checked: this.getChecked(item)
-      };
-      emitionList.push(emitionItem);
-    });
-    return emitionList;
-  }
-  getChecked(item) {
-    if (this.isMultipleSelection) {
-      return item.children[0].children[1].value;
-    }
-    else {
-      if (!this._selectedItem)
-        return false;
-      return (item.children[0].children[1].textContent === this._selectedItem.value);
-    }
-  }
-  getValueItem(item) {
-    if (this.isMultipleSelection) {
-      return item.children[0].children[2].textContent;
-    }
-    return item.children[0].children[1].textContent;
-  }
-  componentDidLoad() {
-    this.createList();
-  }
-  disconnectedCallback() {
-    if (this.draggable) {
-      this.handleEventListeners(this._listItems, this._draggableList, this._hostElement, true);
-    }
-  }
-  render() {
-    return (index.h(index.Host, { ref: (el) => this._hostElement = el }, index.h("ul", { ref: (el) => this._draggableList = el, class: "draggable-list", id: "draggable-list" })));
-  }
-};
-EzList.style = ezListCss;
-
-exports.ez_list = EzList;

package/dist/cjs/ez-modal.cjs.entry.js

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-9431aeeb.js');
-
-const ezModalCss = ":host{--modal-z-index:var(--most-visible, 3);--modal-vertical-padding:var(--space--large, 24px);display:block}.modal{position:fixed;padding:var(--modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:calc(100% - 48px);height:100%;overflow-y:auto;background-color:rgb(255, 255, 255);padding:24px;border-radius:12px 0px 0px 12px;box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
-
-let EzModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezCloseModal = index.createEvent(this, "ezCloseModal", 7);
-    /**
-    * Controle de exibição do Modal
-    */
-    this.opened = true;
-    /**
-    * Define se o modal será fechado ao clicar ESC
-    */
-    this.closeEsc = false;
-    /**
-    * Define se o modal será fechado ao clicar fora do conteúdo.
-    */
-    this.closeOutsideClick = false;
-    this.handleKeyboardEvent = (ev) => {
-      if ((ev === null || ev === void 0 ? void 0 : ev.key) === "Escape" && this.closeEsc) {
-        this.closeModal();
-      }
-    };
-  }
-  handleopenedChange() {
-    if (this.opened) {
-      document.addEventListener("keydown", this.handleKeyboardEvent);
-    }
-    else {
-      document.removeEventListener("keydown", this.handleKeyboardEvent);
-    }
-  }
-  closeModal() {
-    this.opened = false;
-    this.ezCloseModal.emit(this.opened);
-  }
-  componentDidLoad() {
-    this.handleopenedChange();
-  }
-  onMouseDownHandler(event) {
-    if (this.closeOutsideClick && event.target === this._overlay) {
-      this.closeModal();
-    }
-  }
-  render() {
-    const positionSufix = this.align === "left" ? "left" : "right";
-    return (index.h(index.Host, null, this.opened
-      ?
-        index.h("div", { class: "modal", onMouseDown: evt => this.onMouseDownHandler(evt) }, index.h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref }, index.h("div", { class: `modal__content modal__content--${positionSufix} ${this.modalSize}` }, index.h("slot", null))))
-      :
-        undefined));
-  }
-  static get watchers() { return {
-    "opened": ["handleopenedChange"]
-  }; }
-};
-EzModal.style = ezModalCss;
-
-exports.ez_modal = EzModal;

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

@@ -1,250 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-9431aeeb.js');
-const RequestMetadata = require('./RequestMetadata-2cd01e8a.js');
-
-const ezNumberInputCss = ":host{--ni--height:42px;--ni--width:100%;--ni__icon--width:48px;--ni--border-radius:var(--border--radius-medium, 12px);--ni--font-size:var(--text--medium, 14px);--ni--font-family:var(--font-pattern, Arial);--ni__input--background-color:var(--background--medium, #e0e0e0);--ni__input--border:var(--border--medium, 2px solid);--ni__input--border-color:var(--ni__input--background-color);--ni__input--focus--border-color:var(--color--primary, #008561);--ni__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ni__input--disabled--color:var(--text--disable, #AFB6C0);--ni__input--error--border-color:#CC2936;--ni__placeholder--disabled--color:var(--text--disable, #AFB6C0);--ni__placeholder--color:var(--title--primary, #919191);--ni__placeholder--font-weight:var(--text-weight--large, 500);--ni__message_box--font-size:var(--text--small, 12px);--ni__message_box--info--color:var(--color--success, #22085d);--ni__message_box--error--color:var(--color--error, #FF0000);display:flex;flex-wrap:wrap;position:relative;width:var(--ni--width)}.invisible{visibility:hidden}input{width:100%;box-sizing:border-box;padding:var(--space--medium);height:var(--ni--height);border-radius:var(--ni--border-radius);font-family:var(--ni--font-family);font-size:var(--ni--font-size);border:var(--ni__input--border);border-color:var(--ni__input--border-color);background-color:var(--ni__input--background-color);font-weight:var(--text-weight--large)}input:disabled{background-color:var(--ni__input--disabled--background-color);color:var(--ni__input--disabled--color)}input:focus{outline:none;border-color:var(--ni__input--focus--border-color)}input.icon--left{padding-left:var(--ni__icon--width)}input.icon--right{padding-right:var(--ni__icon--width)}input::placeholder{color:var(--ni__placeholder--color);font-weight:var(--ni__placeholder--font-weight)}input:disabled::placeholder{color:var(--ni__placeholder--disabled--color)}input.hasError{color:inherit;border-color:var(--ni__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(--ni--font-family);font-size:var(--ni__message_box--font-size);color:var(--ni__message_box--info--color)}.hasError{color:var(--ni__message_box--error--color)}.input__label{font-size:var(--text--medium);font-weight:var(--text-weight--large);left:var(--space--medium);position:absolute;color:var(--title--primary);top:var(--space--medium);font-family:var(--ni--font-family);-webkit-transition:font-size .3s, top .3s;transition:font-size .3s, top .3s;z-index:var(--visible)}.input__label--floated{font-family:var(--ni--font-family);font-size:var(--text--extra-small);top:var(--space--small);color:var(--text--primary)}.input__label--left{left:var(--ni__icon--width)}.input--with--label{padding-bottom:0}";
-
-let NumberInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezChange = index.createEvent(this, "ezChange", 7);
-    /**
-     * Deixa o campo disponível ou não para digitação.
-     */
-    this.enabled = true;
-    /**
-     * Deixa o campo disponível ou não para digitação.
-     */
-    this.textleft = false;
-    /**
-     * Opção de configurar a transformação de string to number entre formatação pt-BR e en-US
-     * (formatação de ENTRADA e SAÍDA do componente: pt-BR="###.###,##" en-US="###,###.##"; Default: "pt-BR")
-     * Qualquer outro valor que não seja "en-US", adotará a formatação "pt-BR"
-     * Não é case sensitive
-     */
-    this.formatnumber = "PT-BR";
-    //---------------------------------------------
-    // Private Methods
-    //---------------------------------------------
-    this.settingStrValueIntNumber = (strvalue) => {
-      if (this.precision === 0 && strvalue) {
-        return strvalue = strvalue.replace(/\./g, '').replace(/\,/g, '');
-      }
-      else {
-        return strvalue;
-      }
-    };
-    this.checkNumberValidation = (valuePtBRorNumber) => {
-      try {
-        if (valuePtBRorNumber != "" && RequestMetadata.NumberUtils.format(valuePtBRorNumber, this.precision, this.prettyprecision) === "NaN") {
-          this.errorMessage = `Valor não é um número válido`;
-          this.value = undefined;
-          this.strvalue = undefined;
-          if (this._inputElem) {
-            this._inputElem.value = "";
-          }
-          return false;
-        }
-      }
-      catch (err) {
-        this.errorMessage = err.message;
-        return false;
-      }
-      return true;
-    };
-  }
-  showError() {
-    const hasError = typeof this.errorMessage === 'string' && this.errorMessage !== '';
-    if (this._inputElem) {
-      if (hasError) {
-        this._inputElem.classList.add('hasError');
-        this._messageBoxElem.classList.add('hasError');
-      }
-      else {
-        this._inputElem.classList.remove('hasError');
-        this._messageBoxElem.classList.remove('hasError');
-      }
-    }
-  }
-  onPrecisionChanged(newPrecision) {
-    if (isNaN(newPrecision)) {
-      this.precision = 0;
-    }
-    this.handleFocusout();
-  }
-  onPrettyPrecisionChanged(newPrettyPrecision) {
-    if (isNaN(newPrettyPrecision)) {
-      this.prettyprecision = 0;
-    }
-    this.handleFocusout();
-  }
-  onValueChanged(newValue) {
-    if (isNaN(newValue) && newValue !== undefined) {
-      this.value = undefined;
-      this.strvalue = "";
-      this.errorMessage = `Valor não é um número válido`;
-      this.adjustFloatingLabel();
-    }
-    else {
-      this.settingComponent();
-    }
-  }
-  adjustFloatingLabel() {
-    if (this._labelElem) {
-      if (this.label && this._inputElem.value && this._inputElem.value.toString().length > 0) {
-        if (!this._labelElem.classList.contains("input__label--floated")) {
-          this._labelElem.classList.add("input__label--floated");
-        }
-        if (!this._inputElem.classList.contains("input--with--label")) {
-          this._inputElem.classList.add("input--with--label");
-        }
-      }
-      else {
-        this._labelElem.classList.remove("input__label--floated");
-      }
-    }
-  }
-  //---------------------------------------------
-  // 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();
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  /**
-   * Promove a atualização do componente
-   */
-  async handleFocusout() {
-    //Setting value and strvalue by stringinput
-    if (this._inputElem) {
-      this.errorMessage = "";
-      if (this._inputElem.value !== "") {
-        this._inputElem.value = this.settingStrValueIntNumber(this._inputElem.value);
-        const value = RequestMetadata.NumberUtils.keepOnlyDecimalSeparator(this._inputElem.value, this.formatnumber.toUpperCase());
-        if (!this.checkNumberValidation(value)) {
-          return;
-        }
-        if (value) {
-          try {
-            this._inputElem.value = this.formatnumber.toUpperCase() !== "EN-US" ? RequestMetadata.NumberUtils.format(value, this.precision, this.prettyprecision) : RequestMetadata.NumberUtils.changeFormat(RequestMetadata.NumberUtils.format(value, this.precision, this.prettyprecision));
-          }
-          catch (e) {
-            this.errorMessage = e.message;
-            return;
-          }
-        }
-        this.strvalue = this._inputElem.value;
-        this.value = RequestMetadata.NumberUtils.stringToNumber(value);
-      }
-      else {
-        this.strvalue = undefined;
-        this.value = undefined;
-      }
-      this.adjustFloatingLabel();
-    }
-  }
-  handleChange() {
-    this._inputElem.value = this.settingStrValueIntNumber(this._inputElem.value);
-  }
-  handleSlotChange(ev) {
-    const slot = ev.target;
-    const content = slot.assignedElements()[0];
-    content.style.position = "absolute";
-    content.style.display = "flex";
-    content.style.alignItems = "center";
-    content.style.justifyContent = "center";
-    content.style.overflow = "hidden";
-    content.style.top = "0px";
-    content.style.width = "var(--ni__icon--width)";
-    content.style.height = "var(--ni--height)";
-    if (slot.name == "leftIcon") {
-      content.style.left = "0px";
-      content.style.borderRadius = "var(--ni--border-radius) 0 0 var(--ni--border-radius)";
-      this._inputElem.classList.add('icon--left');
-      if (this._labelElem) {
-        this._labelElem.classList.add("input__label--left");
-      }
-    }
-    else if (slot.name == "rightIcon") {
-      content.style.right = "0px";
-      content.style.borderRadius = "0 var(--ni--border-radius) var(--ni--border-radius) 0";
-      this._inputElem.classList.add('icon--right');
-    }
-    this.showError();
-  }
-  doFocus() {
-    if (this.label && this._labelElem) {
-      this._labelElem.classList.contains("input__label--floated") ? undefined : this._labelElem.classList.add("input__label--floated");
-    }
-  }
-  settingComponent() {
-    const value = '' + this.value;
-    if (this.value !== undefined) {
-      try {
-        this._inputElem.value = this.formatnumber.toUpperCase() !== "EN-US" ? RequestMetadata.NumberUtils.format(value, this.precision, this.prettyprecision) : RequestMetadata.NumberUtils.changeFormat(RequestMetadata.NumberUtils.format(value, this.precision, this.prettyprecision));
-      }
-      catch (e) {
-        this.errorMessage = e.message;
-        return;
-      }
-      this.strvalue = this._inputElem.value;
-    }
-    this.ezChange.emit({ strValue: this.strvalue, value: this.value });
-    this.adjustFloatingLabel();
-  }
-  settingValue() {
-    //this.value: en-US format => Need to convert
-    const value = !isNaN(this.value) ? '' + this.value : 'NaN';
-    if (!this.checkNumberValidation(value)) {
-      return;
-    }
-    //output default from ".format": pt-BR
-    const tempStrValue = RequestMetadata.NumberUtils.format(value, this.precision, this.prettyprecision);
-    //output => depends to formatnumber
-    this.strvalue = this.formatnumber.toUpperCase() !== 'EN-US' ? tempStrValue : RequestMetadata.NumberUtils.changeFormat(tempStrValue);
-    RequestMetadata.NumberUtils.format(this.value.toString(), this.precision, this.prettyprecision);
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  componentDidLoad() {
-    if (!this.textleft) {
-      this._inputElem.classList.add('text--right');
-    }
-    this.showError();
-    this.adjustFloatingLabel();
-  }
-  componentWillLoad() {
-    this.onPrecisionChanged(this.precision);
-    this.onPrettyPrecisionChanged(this.prettyprecision);
-    this.settingValue();
-  }
-  render() {
-    const labelInput = this.label ? index.h("label", { onClick: () => this._inputElem.focus(), class: "input__label", ref: (el) => this._labelElem = el }, this.label) : null;
-    return (index.h(index.Host, null, index.h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), labelInput, index.h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.strvalue, disabled: !this.enabled, onInput: this.handleChange.bind(this), onFocusout: this.handleFocusout.bind(this) }), index.h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), index.h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el }, this.errorMessage)));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "errorMessage": ["showError"],
-    "precision": ["onPrecisionChanged"],
-    "prettyprecision": ["onPrettyPrecisionChanged"],
-    "value": ["onValueChanged"]
-  }; }
-};
-NumberInput.style = ezNumberInputCss;
-
-exports.ez_number_input = NumberInput;

package/dist/collection/components/ez-form/assets/trash-can-outline.svg

@@ -1,3 +0,0 @@
-<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.333 0V0.667H0V2H0.667V10.667C0.667 11.0205 0.80744 11.3596 1.05743 11.6096C1.30741 11.8596 1.64647 12 2 12H8.667C9.02053 12 9.35959 11.8596 9.60957 11.6096C9.85956 11.3596 10 11.0205 10 10.667V2H10.667V0.667H7.333V0H3.333ZM2 2H8.667V10.667H2V2ZM3.333 3.333V9.333H4.667V3.333H3.333ZM6 3.333V9.333H7.333V3.333H6Z" fill="white"/>
-</svg>

package/dist/collection/components/ez-form/store/Form.actions.js

@@ -1,132 +0,0 @@
-export function changeFieldValue(dataUnit, recordId, fieldName, value) {
-  return {
-    type: "FORM/CHANGEFIELD",
-    payload: { dataUnit, recordId, fieldName, value }
-  };
-}
-export function changeTab(formId, index) {
-  return {
-    type: "FORM/CHANGETAB",
-    payload: { formId, index }
-  };
-}
-export function clearEdition(dataUnit, recordsLimit) {
-  return {
-    type: "FORM/CLEAREDITION",
-    payload: {
-      dataUnit,
-      recordsLimit
-    }
-  };
-}
-export function collapseExpandGroup(collapseId, collapsed) {
-  return {
-    type: "FORM/COLLAPSEGROUP",
-    payload: { collapseId, collapsed }
-  };
-}
-export function previousRecord(dataUnit) {
-  return {
-    type: "FORM/NAVIGATE",
-    payload: {
-      dataUnit,
-      limit: 0,
-      backward: true
-    }
-  };
-}
-export function nextRecord(dataUnit, limit) {
-  return {
-    type: "FORM/NAVIGATE",
-    payload: {
-      dataUnit,
-      limit,
-      backward: false
-    }
-  };
-}
-export function insertRecord(dataUnit, insertionIndex) {
-  return {
-    type: "FORM/INSERT",
-    payload: {
-      dataUnit,
-      insertionIndex
-    }
-  };
-}
-export function formLoad() {
-  return {
-    type: "FORM/LOAD"
-  };
-}
-export function dataLoading(dataUnit) {
-  return {
-    type: "FORM/DATALOADING",
-    payload: {
-      dataUnit
-    }
-  };
-}
-export function savingChanges(dataUnit) {
-  return {
-    type: "FORM/SAVINGCHANGES",
-    payload: {
-      dataUnit
-    }
-  };
-}
-export function dataLoaded(dataUnit) {
-  return {
-    type: "FORM/DATALOADED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-export function changesSaved(dataUnit) {
-  return {
-    type: "FORM/CHANGESSAVED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-export function removingRecord(dataUnit) {
-  return {
-    type: "FORM/REMOVINGRECORD",
-    payload: {
-      dataUnit
-    }
-  };
-}
-export function recordRemoved(dataUnit) {
-  return {
-    type: "FORM/RECORDREMOVED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-export function invalidField(tabController, tabIndex, dataUnit, recordIndex, recordId, fieldName, errorMessage) {
-  return {
-    type: "FORM/INVALIDFIELD",
-    payload: {
-      tabController,
-      tabIndex,
-      dataUnit,
-      recordId,
-      recordIndex,
-      fieldName,
-      errorMessage
-    }
-  };
-}
-export function showHideNavigationButtons(buttonName, status) {
-  return {
-    type: "FORM/SHOWHIDENAVBTN",
-    payload: {
-      buttonName,
-      status
-    }
-  };
-}