@sankhyalabs/ezui 7.2.1-rc.1 → 7.3.0

package/dist/cjs/searchFormatters-051f8677.js

@@ -1,23 +0,0 @@
-'use strict';
-
-const START_HIGH_LIGHT_TAG = "<span class='card-item__highlight'>";
-const END_HIGH_LIGHT_TAG = "</span>";
-function replaceHighlight(value) {
-  const startHighlight = new RegExp(START_HIGH_LIGHT_TAG, 'g');
-  const endHighlight = new RegExp(END_HIGH_LIGHT_TAG, 'g');
-  const newValue = String(value !== null && value !== void 0 ? value : "").replace(startHighlight, '').replace(endHighlight, '');
-  return replaceQuotes(newValue);
-}
-function replaceQuotes(text) {
-  if (text == undefined) {
-    return;
-  }
-  return String(text)
-    .replace(/&amp;/g, '&')
-    .replace(/&lt;/g, '<')
-    .replace(/&gt;/g, '>')
-    .replace(/&quot;/g, '"');
-}
-
-exports.replaceHighlight = replaceHighlight;
-exports.replaceQuotes = replaceQuotes;

package/dist/collection/components/ez-classic-date-input/ez-classic-date-input.css

@@ -1,44 +0,0 @@
-:host {
-  display: block;
-  width: 100%;
-  /*@doc Define a cor de fundo do input.*/
-  --ez-classic-date-input__input--background-color: var(--background--medium, #e0e0e0);
-  /*@doc Define a cor da borda do input.*/
-  --ez-classic-date-input__input--border-color: var(--ez-classic-date-input__input--background-color);
-  /*@doc Contém a imagem do calendário.*/
-  --ez-classic-date-input__calendar-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="15px"><path d="M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z"/></svg>');
-}
-
-.btn-open-cal {
-  outline: none;
-  border: none;
-  background-color: unset;
-  cursor: pointer;
-}
-
-.btn-open-cal:disabled {
-  cursor: not-allowed;
-}
-
-.btn-open-cal::after {
-  content: '';
-  display: flex;
-  background-color: var(--text--primary, #008561);
-  width: 15px;
-  height: 16px;
-  -webkit-mask-image: var(--ez-classic-date-input__calendar-image);
-  mask-image: var(--ez-classic-date-input__calendar-image);
-}
-
-.btn-open-cal:disabled:after {
-  background-color: var(--text--disable, #AFB6C0);
-}
-
-.btn-open-cal:enabled:hover::after {
-  background-color: var(--color--primary, #4e4e4e);
-}
-
-ez-classic-input {
-  --text-input__input--background-color: var(--ez-classic-date-input__input--background-color, #FFFFFF);
-  --text-input__input--border-color: var(--ez-classic-date-input__input--border-color, #DCE0E8);
-}

package/dist/collection/components/ez-classic-date-input/ez-classic-date-input.js

@@ -1,541 +0,0 @@
-import { Host, h } from '@stencil/core';
-import { DateUtils, ElementIDUtils } from '@sankhyalabs/core';
-import CSSVarsUtils from '../../utils/CSSVarsUtils';
-import initI18n from '../../utils/i18n';
-export class EzClassicDateInput {
-  constructor() {
-    this._changePending = false;
-    this._focused = false;
-    this._valuePromiseCallbacks = [];
-    this.label = undefined;
-    this.value = undefined;
-    this.enabled = true;
-    this.errorMessage = undefined;
-    this.mode = "regular";
-    this.size = "default";
-    this.required = false;
-    this.canShowError = true;
-    this.autoFocus = false;
-    this.alternativePlaceholder = undefined;
-  }
-  observeLabel() {
-    if (this._textInput) {
-      this._textInput.label = this.label;
-    }
-  }
-  observeErrorMessage() {
-    var _a;
-    if (this._textInput) {
-      this._textInput.errorMessage = this.errorMessage;
-      if (!((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.trim())) {
-        this.setInputValue();
-      }
-    }
-  }
-  observeValue(newValue, oldValue) {
-    if (this._textInput && newValue != oldValue) {
-      const newValueValidated = DateUtils.validateDate(newValue);
-      const oldValueValidated = DateUtils.validateDate(oldValue);
-      if ((newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime()) !== (oldValueValidated === null || oldValueValidated === void 0 ? void 0 : oldValueValidated.getTime())) {
-        const textValue = this.getTextValue(newValueValidated) || '';
-        const parsedDate = DateUtils.strToDate(textValue);
-        if ((parsedDate || !this._focused) && (this._textInput.value || '') !== textValue) {
-          this._textInput.value = textValue;
-          this._focused = false;
-          this.errorMessage = "";
-        }
-        const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
-        this.ezChange.emit(valueEmitted);
-      }
-    }
-    this._changePending = false;
-  }
-  /**
-   * 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() !== "";
-  }
-  /*
-  * Retorna uma promise com o valor da opção selecionada,
-  * que será resolvida quando o backend devolver este dado.
-  */
-  async getValueAsync() {
-    if (this._changePending) {
-      return new Promise(accept => {
-        this._valuePromiseCallbacks.push(accept);
-      });
-    }
-    return Promise.resolve(this.value);
-  }
-  changeValue(newValue) {
-    const currentValue = DateUtils.validateDate(this.value);
-    const newValueValidated = DateUtils.validateDate(newValue);
-    if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
-      this.value = newValueValidated;
-    }
-    else {
-      this._changePending = false;
-    }
-  }
-  async handleChangeCalendar(event) {
-    this.changeValue(this._calendar.value);
-    this.ezInput.emit(this._calendar.value);
-    this._popover.hide();
-    await this.setFocus();
-    event.stopPropagation();
-  }
-  handleBlur() {
-    if (!this._changePending) {
-      return;
-    }
-    try {
-      const strValue = this._textInput.value;
-      const newValue = DateUtils.strToDate(strValue);
-      if (newValue || !strValue) {
-        this.errorMessage = "";
-        const currentValue = DateUtils.validateDate(this.value);
-        const newValueValidated = DateUtils.validateDate(newValue);
-        if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) === (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
-          if (newValueValidated) {
-            this._textInput.value = this.getTextValue(newValueValidated) || '';
-            this._focused = false;
-          }
-          this.ezCancelWaitingChange.emit();
-        }
-        else {
-          this._focused = false;
-          this.changeValue(newValueValidated);
-        }
-      }
-      else {
-        this.changeValue(undefined);
-        this.ezCancelWaitingChange.emit();
-        this.errorMessage = this.i18n("ez-classic-date-input.invalidDate");
-      }
-    }
-    finally {
-      for (const callback of this._valuePromiseCallbacks) {
-        callback(this.value);
-      }
-      this._valuePromiseCallbacks = [];
-    }
-  }
-  getTextValue(d) {
-    return d ? DateUtils.formatDate(d) : undefined;
-  }
-  handleInput(event) {
-    const strValue = this._textInput.value;
-    const newValue = DateUtils.strToDate(strValue);
-    const currentValue = DateUtils.validateDate(this.value);
-    const newValueValidated = DateUtils.validateDate(newValue);
-    if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
-      this._changePending = true;
-      this._focused = true;
-      this.ezStartChange.emit({ waitmessage: "", blocking: false });
-    }
-    if (event['data'] === "H" || event['data'] === "h") {
-      const currentDate = new Date();
-      this.ezInput.emit(currentDate);
-      this.changeValue(currentDate);
-    }
-  }
-  setInputValue() {
-    const textValue = this.getTextValue(this.value) || '';
-    if ((this._textInput.value || '') !== textValue) {
-      this._textInput.value = textValue;
-    }
-  }
-  disconnectedCallback() {
-    this._popover.hide();
-  }
-  async componentWillLoad() {
-    this.i18n = await initI18n();
-  }
-  componentDidLoad() {
-    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
-    this.setInputValue();
-    if (this.autoFocus) {
-      requestAnimationFrame(() => {
-        this.setFocus({ selectText: true });
-      });
-    }
-  }
-  render() {
-    ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h(Host, null, h("ez-classic-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (elem) => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), mask: "##/##/####", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, size: this.size, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder, required: this.required, leftIconName: "calendar", leftIconClickable: this.enabled, onIconClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, onEzChange: (event) => event.stopPropagation() }), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', "data-element-id": this._elem.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => this.handleChangeCalendar(event), value: this.value }))));
-  }
-  static get is() { return "ez-classic-date-input"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ez-classic-date-input.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ez-classic-date-input.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Texto a ser apresentado como t\u00EDtulo do campo."
-        },
-        "attribute": "label",
-        "reflect": true
-      },
-      "value": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "Date",
-          "resolved": "Date",
-          "references": {
-            "Date": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define o valor do campo."
-        }
-      },
-      "enabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
-        },
-        "attribute": "enabled",
-        "reflect": true,
-        "defaultValue": "true"
-      },
-      "errorMessage": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define uma mensagem de orienta\u00E7\u00E3o ao usu\u00E1rio, colocando o campo em modo inv\u00E1lido."
-        },
-        "attribute": "error-message",
-        "reflect": true
-      },
-      "mode": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"slim\" | \"regular\"",
-          "resolved": "\"regular\" | \"slim\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define o tamanho do campo."
-        },
-        "attribute": "mode",
-        "reflect": true,
-        "defaultValue": "\"regular\""
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"default\" | \"small\" | \"xsmall\"",
-          "resolved": "\"default\" | \"small\" | \"xsmall\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Tamanho do input"
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "\"default\""
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Define se o campo \u00E9 obrigat\u00F3rio"
-        },
-        "attribute": "required",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "canShowError": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Se false deixa de exibir a mensagem de erro dentro do campo."
-        },
-        "attribute": "can-show-error",
-        "reflect": true,
-        "defaultValue": "true"
-      },
-      "autoFocus": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Se true o campo de texto receber\u00E1 o foco ao ser renderizado."
-        },
-        "attribute": "auto-focus",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "alternativePlaceholder": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Texto alternativo ser apresentado como t\u00EDtulo do campo."
-        },
-        "attribute": "alternative-placeholder",
-        "reflect": true
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "ezChange",
-        "name": "ezChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
-        },
-        "complexType": {
-          "original": "Date",
-          "resolved": "Date",
-          "references": {
-            "Date": {
-              "location": "global"
-            }
-          }
-        }
-      }, {
-        "method": "ezStartChange",
-        "name": "ezStartChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitido ao iniciar a altera\u00E7\u00E3o (digita\u00E7\u00E3o incompleta)."
-        },
-        "complexType": {
-          "original": "WaitingChange",
-          "resolved": "WaitingChange",
-          "references": {
-            "WaitingChange": {
-              "location": "import",
-              "path": "@sankhyalabs/core"
-            }
-          }
-        }
-      }, {
-        "method": "ezCancelWaitingChange",
-        "name": "ezCancelWaitingChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitido quando n\u00E3o foi poss\u00EDvel completar a altera\u00E7\u00E3o entre o evento ezStartChange e ezChange."
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }, {
-        "method": "ezInput",
-        "name": "ezInput",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitido quando o usu\u00E1rio digita uma data v\u00E1lida no campo."
-        },
-        "complexType": {
-          "original": "Date",
-          "resolved": "Date",
-          "references": {
-            "Date": {
-              "location": "global"
-            }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "setFocus": {
-        "complexType": {
-          "signature": "(options?: TFocusOptions) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "TFocusOptions": {
-              "location": "import",
-              "path": "../ez-classic-input/ez-classic-input"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Aplica o foco no campo.",
-          "tags": []
-        }
-      },
-      "setBlur": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Remove o foco do campo.",
-          "tags": []
-        }
-      },
-      "isInvalid": {
-        "complexType": {
-          "signature": "() => Promise<boolean>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<boolean>"
-        },
-        "docs": {
-          "text": "Retorna se o conte\u00FAdo \u00E9 inv\u00E1lido.",
-          "tags": []
-        }
-      },
-      "getValueAsync": {
-        "complexType": {
-          "signature": "() => Promise<Date>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "Date": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<Date>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "_elem"; }
-  static get watchers() {
-    return [{
-        "propName": "label",
-        "methodName": "observeLabel"
-      }, {
-        "propName": "errorMessage",
-        "methodName": "observeErrorMessage"
-      }, {
-        "propName": "value",
-        "methodName": "observeValue"
-      }];
-  }
-}

package/dist/collection/components/ez-classic-date-time-input/ez-classic-date-time-input.css

@@ -1,44 +0,0 @@
-:host {
-  display: block;
-  width: 100%;
-  /*@doc Define a cor de fundo do input.*/
-  --ez-classic-date-input__input--background-color: var(--background--medium, #e0e0e0);
-  /*@doc Define a cor da borda do input.*/
-  --ez-classic-date-input__input--border-color: var(--ez-classic-date-input__input--background-color);
-  /*@doc Contém a imagem do calendário.*/
-  --ez-classic-date-input__calendar-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="15px"><path d="M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z"/></svg>');
-}
-
-.btn-open-cal {
-  outline: none;
-  border: none;
-  background-color: unset;
-  cursor: pointer;
-}
-
-.btn-open-cal:disabled {
-  cursor: not-allowed;
-}
-
-.btn-open-cal::after {
-  content: '';
-  display: flex;
-  background-color: var(--text--primary, #008561);
-  width: 15px;
-  height: 16px;
-  -webkit-mask-image: var(--ez-classic-date-input__calendar-image);
-  mask-image: var(--ez-classic-date-input__calendar-image);
-}
-
-.btn-open-cal:disabled:after {
-  background-color: var(--text--disable, #AFB6C0);
-}
-
-.btn-open-cal:enabled:hover::after {
-  background-color: var(--color--primary, #4e4e4e);
-}
-
-ez-classic-input {
-  --text-input__input--background-color: var(--ez-classic-date-input__input--background-color, #FFFFFF);
-  --text-input__input--border-color: var(--ez-classic-date-input__input--border-color, #DCE0E8);
-}