@sankhyalabs/ezui 1.1.75 → 1.1.78

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

@@ -1,174 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-4d2896bb.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-4d2896bb.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/collection/components/ez-numeric-input/ez-numeric-input.css

@@ -1,13 +0,0 @@
-:host {
-  display: block;
-  width: 100%;
-  /*@doc Define a cor de fundo do input.*/
-  --it__input--background-color: var(--background--medium, #e0e0e0);
-  /*@doc Define a cor da borda do input.*/
-  --it__input--border-color: var(--it__input--background-color);
-}
-
-.text-input {
-  --it__input--background-color: inherit;
-  --it__input--border-color: inherit;
-}

package/dist/collection/components/ez-numeric-input/ez-numeric-input.js

@@ -1,185 +0,0 @@
-import { NumberUtils } from '@sankhyalabs/core';
-import { Component, h, Event, Prop, Watch } from '@stencil/core';
-export class EzNumericInput {
-  constructor() {
-    /**
-     * Deixa o campo disponível ou não para uso.
-     */
-    this.enabled = true;
-  }
-  setLabel() {
-    this._textInput.label = this.label;
-  }
-  setErrorMessage() {
-    this._textInput.errorMessage = this.errorMessage;
-  }
-  applyValueToInput() {
-    if (this._textInput) {
-      this._textInput.value = this.getTextValue(this.value);
-    }
-  }
-  changeValue(newValue) {
-    this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
-      this.value = newValue;
-      this.ezChange.emit();
-    }
-  }
-  parseNumber() {
-    const parsedNumber = this._textInput.value ? NumberUtils.stringToNumber(this._textInput.value) : null;
-    if (parsedNumber != null && isNaN(parsedNumber)) {
-      this._textInput.errorMessage = "O valor digitado não é um número válido";
-    }
-    else {
-      this.changeValue(parsedNumber);
-    }
-  }
-  getTextValue(value) {
-    if (value) {
-      return this.precision > 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyprecision)) : value.toString();
-    }
-    return null;
-  }
-  render() {
-    return (h("ez-text-input", { class: "text-input", ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage }));
-  }
-  static get is() { return "ez-numeric-input"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-numeric-input.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-numeric-input.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "T\u00EDtulo do campo"
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "value": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "O valor informado pelo usu\u00E1rio"
-      },
-      "attribute": "value",
-      "reflect": true
-    },
-    "enabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Deixa o campo dispon\u00EDvel ou n\u00E3o para uso."
-      },
-      "attribute": "enabled",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "errorMessage": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
-      },
-      "attribute": "error-message",
-      "reflect": true
-    },
-    "precision": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "string | number",
-        "resolved": "number | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Precis\u00E3o decimal, ou seja, quantas casas decimais podem ser exibidas. Caso a\nquantidade de casas decimais do valor seja maior que precision, haver\u00E1 arredondamento"
-      },
-      "attribute": "precision",
-      "reflect": false
-    },
-    "prettyprecision": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "string | number",
-        "resolved": "number | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Esse atributo determina qual \u00E9 o n\u00FAmero m\u00EDnimo de casas depois da v\u00EDrgula.\nExemplo: Digamos que a precision seja igual a 4, assim qualquer n\u00FAmero ser\u00E1 \nrepresentado com 4 casas decimais mesmo que iguais a zero: 1,0100.\nSe prettiprecision igual a 2, como n\u00E3o h\u00E1 necessidade de mais de duas casas decimais\no valor exibido ser\u00E1 1,01. Por outro lado, at\u00E9 a quarta casa n\u00E3o haver\u00E1 arredondamento\n(1,1234 = 1,1234) mas a partir da quinta casa sim (1,12345 = 1,1235)."
-      },
-      "attribute": "prettyprecision",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezChange",
-      "name": "ezChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }]; }
-  static get watchers() { return [{
-      "propName": "label",
-      "methodName": "setLabel"
-    }, {
-      "propName": "errorMessage",
-      "methodName": "setErrorMessage"
-    }, {
-      "propName": "value",
-      "methodName": "applyValueToInput"
-    }]; }
-}

package/dist/esm/CSSVarsUtils-e0128b01.js

@@ -1,16 +0,0 @@
-class CSSVarsUtils {
-  static applyVarsTextInput(host, textInput) {
-    if (textInput) {
-      CSSVarsUtils.applyIfExists(host, textInput, '--text-input__input--background-color');
-      CSSVarsUtils.applyIfExists(host, textInput, '--text-input__input--border-color');
-    }
-  }
-  static applyIfExists(host, textInput, varName) {
-    const prop = getComputedStyle(host).getPropertyValue(varName);
-    if (prop) {
-      textInput.style.setProperty(varName, prop);
-    }
-  }
-}
-
-export { CSSVarsUtils as C };