@sankhyalabs/ezui 1.1.93 → 1.1.96

package/dist/ezui/{p-7e1d9c29.entry.js → p-ef393d36.entry.js}

@@ -1 +1 @@
-import{r as s,h as t,H as i,g as e}from"./p-89a57641.js";import{M as h,T as r,N as a}from"./p-7ff8b7f7.js";import{C as o}from"./p-8b099482.js";import{g as n}from"./p-477bb703.js";let l=class{constructor(t){s(this,t),this.enabled=!0,this.showSeconds=!1}prepareMask(){this.showSeconds?null==this._maskFormatter?this._maskFormatter=new h("##:##:##"):this._maskFormatter.mask="##:##:##":null==this._maskFormatter?this._maskFormatter=new h("##:##"):this._maskFormatter.mask="##:##"}onValueChanged(){NaN===this.value&&(this.value=void 0,this.handleFocusout())}async setFocus(){this._inputElem.focus()}async setBlur(){this._inputElem.blur()}handleFocusout(){this.errorMessage="",this.prepareValue(this.viewValue),r.validateTime(this.viewValue,this.showSeconds)||(this.clearField(),this.errorMessage="Favor inserir um horário válido.")}prepareValue(s){try{this.viewValue=r.prepareValue(s,this.showSeconds)}catch(s){this.clearField(),this.errorMessage=s.message}}clearField(){this.viewValue=this.value=void 0}handleChange(){this.viewValue=this._inputElem.value,this.value=a.stringToNumber(this.viewValue.replace(/\D/g,""))}componentDidLoad(){this.onValueChanged(),o.applyVarsTextInput(this._elem,this._inputElem)}componentWillLoad(){this.prepareMask(),this.value?this.prepareValue(this.value.toString()):this.viewValue&&this.prepareValue(this.viewValue)}render(){return t(i,null,t("ez-text-input",{ref:s=>this._inputElem=s,value:this.viewValue,enabled:this.enabled,label:this.label,onInput:()=>{this.handleChange()},onFocusout:()=>{this.handleFocusout()},errorMessage:this.errorMessage},t("ez-icon",{slot:"leftIcon",href:n("timer-outline")})))}static get assetsDirs(){return["../assets"]}get _elem(){return e(this)}static get watchers(){return{showSeconds:["prepareMask"],value:["onValueChanged"]}}};l.style=":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";export{l as ez_time_input}
+import{r as s,h as t,H as i,g as e}from"./p-89a57641.js";import{M as h,T as r,N as a}from"./p-c6762896.js";import{C as o}from"./p-d54c157f.js";import{g as n}from"./p-477bb703.js";let l=class{constructor(t){s(this,t),this.enabled=!0,this.showSeconds=!1}prepareMask(){this.showSeconds?null==this._maskFormatter?this._maskFormatter=new h("##:##:##"):this._maskFormatter.mask="##:##:##":null==this._maskFormatter?this._maskFormatter=new h("##:##"):this._maskFormatter.mask="##:##"}onValueChanged(){NaN===this.value&&(this.value=void 0,this.handleFocusout())}async setFocus(){this._inputElem.focus()}async setBlur(){this._inputElem.blur()}handleFocusout(){this.errorMessage="",this.prepareValue(this.viewValue),r.validateTime(this.viewValue,this.showSeconds)||(this.clearField(),this.errorMessage="Favor inserir um horário válido.")}prepareValue(s){try{this.viewValue=r.prepareValue(s,this.showSeconds)}catch(s){this.clearField(),this.errorMessage=s.message}}clearField(){this.viewValue=this.value=void 0}handleChange(){this.viewValue=this._inputElem.value,this.value=a.stringToNumber(this.viewValue.replace(/\D/g,""))}componentDidLoad(){this.onValueChanged(),o.applyVarsTextInput(this._elem,this._inputElem)}componentWillLoad(){this.prepareMask(),this.value?this.prepareValue(this.value.toString()):this.viewValue&&this.prepareValue(this.viewValue)}render(){return t(i,null,t("ez-text-input",{ref:s=>this._inputElem=s,value:this.viewValue,enabled:this.enabled,label:this.label,onInput:()=>{this.handleChange()},onFocusout:()=>{this.handleFocusout()},errorMessage:this.errorMessage},t("ez-icon",{slot:"leftIcon",href:n("timer-outline")})))}static get assetsDirs(){return["../assets"]}get _elem(){return e(this)}static get watchers(){return{showSeconds:["prepareMask"],value:["onValueChanged"]}}};l.style=":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";export{l as ez_time_input}

package/dist/types/components/ez-combo-box/ez-combo-box.d.ts

@@ -47,6 +47,14 @@ export declare class EzComboBox {
    * Evento que é disparado ao alterar o valor do componente
    */
   ezChange: EventEmitter<Option>;
+  /**
+   * Remove a opção vazia da lista de opções
+   */
+  suppressEmptyOption: boolean;
+  /**
+   * Permite exibir a mensagem de erro.
+   */
+  canShowError: boolean;
   private internalUpdate;
   private getText;
   private getSelectedOption;

package/dist/types/components/ez-form/ez-form.d.ts

@@ -22,10 +22,15 @@ export interface FieldConfig {
   name: string;
   label?: string;
   group?: string;
-  tab?: string;
+  tab?: string | TabConfig;
   defaultValue?: any;
   visible?: boolean;
   readOnly?: boolean;
   required?: boolean;
   cleanOnCopy?: boolean;
 }
+export interface TabConfig {
+  label: string;
+  visible?: boolean;
+  order?: number;
+}

package/dist/types/components/ez-form/fieldbuilder/tpl/ComboBox.tpl.d.ts

@@ -1,4 +1,5 @@
-export declare const buildComboBox: ({ name, label }: {
+export declare const buildComboBox: ({ name, label, readOnly }: {
   name: any;
   label: any;
+  readOnly: any;
 }, properties: any) => HTMLElement;

package/dist/types/components/ez-form/fieldbuilder/tpl/DateInput.tpl.d.ts

@@ -1,6 +1,7 @@
-export declare const buildDate: ({ name, label }: {
+export declare const buildDate: ({ name, label, readOnly }: {
   name: any;
   label: any;
+  readOnly: any;
 }) => HTMLElement;
 export declare const buildTimeDate: ({ name, label }: {
   name: any;

package/dist/types/components/ez-form/fieldbuilder/tpl/FileInput.tpl.d.ts

@@ -1,4 +1,5 @@
-export declare const buildFile: ({ name, label }: {
+export declare const buildFile: ({ name, label, readOnly }: {
   name: any;
   label: any;
+  readOnly: any;
 }) => HTMLElement;

package/dist/types/components/ez-form/fieldbuilder/tpl/NumberInput.tpl.d.ts

@@ -1,8 +1,10 @@
-export declare const buildDecimal: ({ name, label }: {
+export declare const buildDecimal: ({ name, label, readOnly }: {
   name: any;
   label: any;
+  readOnly: any;
 }, properties: any) => HTMLElement;
-export declare const buildInteger: ({ name, label }: {
+export declare const buildInteger: ({ name, label, readOnly }: {
   name: any;
   label: any;
+  readOnly: any;
 }) => HTMLElement;

package/dist/types/components/ez-form/fieldbuilder/tpl/SearchInput.tpl.d.ts

@@ -1,4 +1,5 @@
-export declare const buildSearch: ({ name, label }: {
+export declare const buildSearch: ({ name, label, readOnly }: {
   name: any;
   label: any;
+  readOnly: any;
 }) => HTMLElement;

package/dist/types/components/ez-form/fieldbuilder/tpl/TextArea.tpl.d.ts

@@ -1,4 +1,5 @@
-export declare const buildTextArea: ({ name, label }: {
+export declare const buildTextArea: ({ name, label, readOnly }: {
   name: any;
   label: any;
+  readOnly: any;
 }) => HTMLElement;

package/dist/types/components/ez-grid/subcomponents/select-box/select-box.d.ts

@@ -1,9 +1,11 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 export declare class SelectBox {
-  private _selectElem;
   ezChange: EventEmitter<string>;
-  selectedOption: string;
-  changeSelection(): void;
-  componentDidRender(): void;
+  selectedOption: Option | string;
   render(): any;
 }
+interface Option {
+  value: string;
+  label: string;
+}
+export {};

package/dist/types/components/ez-text-input/ez-text-input.d.ts

@@ -34,6 +34,10 @@ export declare class EzTextInput {
    * Aplica uma máscara no conteúdo conforme o padrão estabelecido
    */
   mask: string;
+  /**
+   * Permite exibir a mensagem de erro.
+   */
+  canShowError: boolean;
   /**
    * Restringe o que o usuário pode digitar. Cada caractere digitado será testado
    * e deve estar contido nessa string ou será descartado.

package/dist/types/components.d.ts

@@ -132,6 +132,10 @@ export namespace Components {
         "value": boolean;
     }
     interface EzComboBox {
+        /**
+          * Permite exibir a mensagem de erro.
+         */
+        "canShowError": boolean;
         /**
           * Deixa o campo disponível ou não para interação com usuário.
          */
@@ -161,6 +165,10 @@ export namespace Components {
           * Ajusta a opção de mostrar o "value" ao selecionar uma opção. Por padrão não mostra.
          */
         "showSelectedValue": boolean;
+        /**
+          * Remove a opção vazia da lista de opções
+         */
+        "suppressEmptyOption": boolean;
         /**
           * Valor selecionado no campo
          */
@@ -551,6 +559,10 @@ export namespace Components {
         "value": string;
     }
     interface EzTextInput {
+        /**
+          * Permite exibir a mensagem de erro.
+         */
+        "canShowError": boolean;
         /**
           * Deixa o campo disponível ou não para digitação.
          */
@@ -683,7 +695,7 @@ export namespace Components {
         "selectedTab": string;
     }
     interface SelectBox {
-        "selectedOption": string;
+        "selectedOption": Option|string;
     }
     interface TestDu {
     }
@@ -1009,6 +1021,10 @@ declare namespace LocalJSX {
         "value"?: boolean;
     }
     interface EzComboBox {
+        /**
+          * Permite exibir a mensagem de erro.
+         */
+        "canShowError"?: boolean;
         /**
           * Deixa o campo disponível ou não para interação com usuário.
          */
@@ -1042,6 +1058,10 @@ declare namespace LocalJSX {
           * Ajusta a opção de mostrar o "value" ao selecionar uma opção. Por padrão não mostra.
          */
         "showSelectedValue"?: boolean;
+        /**
+          * Remove a opção vazia da lista de opções
+         */
+        "suppressEmptyOption"?: boolean;
         /**
           * Valor selecionado no campo
          */
@@ -1425,6 +1445,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface EzTextInput {
+        /**
+          * Permite exibir a mensagem de erro.
+         */
+        "canShowError"?: boolean;
         /**
           * Deixa o campo disponível ou não para digitação.
          */
@@ -1544,7 +1568,7 @@ declare namespace LocalJSX {
     }
     interface SelectBox {
         "onEzChange"?: (event: CustomEvent<string>) => void;
-        "selectedOption"?: string;
+        "selectedOption"?: Option|string;
     }
     interface TestDu {
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "1.1.93",
+  "version": "1.1.96",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/dist/cjs/ApplicationUtils-d1c1db56.js

@@ -1,35 +0,0 @@
-'use strict';
-
-class ApplicationUtils {
-  static async showDialog(title, message, icon = null, confirm, critical = false) {
-    return new Promise(resolve => {
-      let dialog = document.querySelector("ez-dialog");
-      if (!dialog) {
-        dialog = document.createElement("ez-dialog");
-        window.document.body.appendChild(dialog);
-      }
-      dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
-    });
-  }
-  static async alert(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, false);
-  }
-  static async error(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, true);
-  }
-  static async confirm(title, message, icon = null, critical = false) {
-    return ApplicationUtils.showDialog(title, message, icon, true, critical);
-  }
-  static async info(message) {
-    let toast = document.querySelector("ez-toast");
-    if (!toast) {
-      toast = document.createElement("ez-toast");
-      window.document.body.appendChild(toast);
-    }
-    toast.message = message;
-    toast.fadeTime = 4000;
-    toast.show();
-  }
-}
-
-exports.ApplicationUtils = ApplicationUtils;

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

@@ -1,224 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-88286449.js');
-require('./index-5c8eb919.js');
-const FloatingManager = require('./FloatingManager-6cfeb947.js');
-
-const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__Time--background-color:var(--background--xlight, #FAFAFA);--ez-calendar__body--padding:var(--space--medium, 12px) var(--space--small, 6px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-calendar__header-line--stroke:1px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--ez-calendar__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-calendar__cell--margin:0px 1.5px;--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:1.5px 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--primary, #E2F4EF);--ez-calendar__cell--over--color:var(--color--primary-300, #008561);--ez-calendar__cell--outset--color:var(--color--disable-primary, #E5EAF0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--primary-300, #E2F4EF);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--extra-small, 10px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color);color:var(--ez-calendar__cell--over--color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--extra-small, 12px);padding:0px;font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}section{display:flex}.calendarTime{margin-left:-10px;display:flex;flex-direction:column;padding:12px 0px 0px 10px;background-color:var(--ez-calendar__Time--background-color);border-top-right-radius:var(--ez-calendar__body--border-radius);border-bottom-right-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__column{height:136px;padding:0px;margin:0px;overflow:auto}.calendar__column::-webkit-scrollbar{width:0px;max-width:0px;min-width:0px}.calendarTime__header{padding-left:var(--space--small, 6px);padding-right:var(--space--small, 6px);display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.separatorTime{color:#A2ABB9;padding:0px 1px;line-height:16px;font-size:17px;font-weight:normal}.endHidden{-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%)}.calendar__column .calendar__cell{margin:0px;padding:1.5px 1.5px}";
-
-let EzCalendar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezChange = index.createEvent(this, "ezChange", 7);
-    this._firstRender = true;
-    this._todayLabel = "Hoje";
-    this._weekDayLabels = ["D", "S", "T", "Q", "Q", "S", "S"];
-    this._monthLabels = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
-    this._hoursLabel = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
-    this._minutosLabel = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59"];
-    /**
-     * A data selecionada no calendário
-     */
-    this.value = new Date();
-    /**
-     * No modo floating o calendário só se tornará visível
-     * quando o método show() for acionado.
-     */
-    this.floating = false;
-    /**
-     * Exibe ou não as horas e minutos no calendario
-     */
-    this.time = false;
-    /**
-    * Exibe ou não os segundos no calendario
-    */
-    this.showSeconds = false;
-  }
-  /**
-   * Usado no modo floating. Faz com que o componente seja exibido.
-   * É possível determinar ajustes de posicionamento através dos parâmetros
-   * top, left, bottom e right. Esses parâmetros devem ser informados como
-   * strings no formato css.
-   */
-  async show(top, left, bottom, right) {
-    if (this.floating) {
-      this._floatingID = FloatingManager.FloatingManager.float(this._box, this._container, { autoClose: true, top, left, bottom, right });
-      window.requestAnimationFrame(() => {
-        this._box.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-      });
-      this.scroll();
-    }
-  }
-  /**
-  * Método necessário para ajustar o posicionamento do calendar acima ou abaixo do ez-date-input conforme a disponibilidade de espaço.
-  */
-  async fitVertical(topOffset, bottomOffset) {
-    const neededHeight = this._container.getBoundingClientRect().bottom + this._calendarHeight;
-    const availableBottom = (window.innerHeight || document.documentElement.clientHeight) > neededHeight;
-    if (availableBottom) {
-      this.show(topOffset + "px", undefined, "unset");
-    }
-    else {
-      this.show("unset", undefined, bottomOffset + "px");
-    }
-  }
-  /**
-   * Usado no modo floating. Faz com que o componente seja ocultado.
-   */
-  async hide() {
-    if (this._floatingID !== undefined) {
-      FloatingManager.FloatingManager.close(this._floatingID);
-      this._floatingID = undefined;
-    }
-  }
-  valueChanged() {
-    if (this.value) {
-      this._currentPosition.setTime(this.value.getTime());
-      this._currentPosition.setDate(1);
-    }
-  }
-  getMonthLabel() {
-    return this._monthLabels[this._currentPosition.getMonth()] + " " + this._currentPosition.getFullYear();
-  }
-  isSelectedDate(d) {
-    if (this.value) {
-      return this.value.getDate() == d.getDate() && this.value.getMonth() == d.getMonth() && this.value.getFullYear() == d.getFullYear();
-    }
-    return false;
-  }
-  changeMonth(offset) {
-    this._currentPosition.setMonth(this._currentPosition.getMonth() + offset);
-    index.forceUpdate(this);
-  }
-  selectDate(d) {
-    let newDate = d;
-    if (this.value && (this.time || this.showSeconds)) {
-      newDate.setHours(this.value.getHours());
-      newDate.setMinutes(this.value.getMinutes());
-      if (this.showSeconds) {
-        newDate.setSeconds(this.value.getSeconds());
-      }
-      else {
-        newDate.setSeconds(0);
-      }
-    }
-    this.value = newDate;
-    this.ezChange.emit();
-  }
-  selectHours(hour) {
-    if (!this.value) {
-      this.value = new Date();
-    }
-    this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), hour, this.value.getMinutes(), this.value.getSeconds());
-    this.ezChange.emit();
-  }
-  selectMinutes(minute) {
-    if (!this.value) {
-      this.value = new Date();
-    }
-    this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), minute, this.value.getSeconds());
-    this.ezChange.emit();
-  }
-  selectSeconds(second) {
-    if (!this.value) {
-      this.value = new Date();
-    }
-    this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), this.value.getMinutes(), second);
-    this.ezChange.emit();
-  }
-  updateScroll(element) {
-    if (element) {
-      const { scrollHeight, clientHeight, scrollTop } = element;
-      const remainingScroll = scrollHeight - clientHeight - Math.ceil(scrollTop);
-      if (remainingScroll > 0) {
-        element.classList.add("endHidden");
-      }
-      else {
-        element.classList.remove("endHidden");
-      }
-    }
-  }
-  componentDidRender() {
-    if (this.floating && this._firstRender) {
-      this._calendarHeight = this._box.clientHeight;
-      this._box.remove();
-      this._firstRender = false;
-    }
-    this.updateScroll(this._hoursScroll);
-    this.updateScroll(this._minutesScroll);
-    this.updateScroll(this._secondsScroll);
-  }
-  componentDidLoad() {
-    this.scroll();
-  }
-  scroll() {
-    if (this.time || this.showSeconds) {
-      this._hoursScroll.scrollTop = this._hoursSelect.offsetTop - 64;
-      this._minutesScroll.scrollTop = this._minutesSelect.offsetTop - 64;
-      this.updateScroll(this._hoursScroll);
-      this.updateScroll(this._minutesScroll);
-      if (this.showSeconds) {
-        this._secondsScroll.scrollTop = this._secondsSelect.offsetTop - 64;
-        this.updateScroll(this._secondsScroll);
-      }
-    }
-  }
-  render() {
-    if (this._currentPosition == null) {
-      this._currentPosition = new Date();
-      if (this.value) {
-        this._currentPosition.setTime(this.value.getTime());
-      }
-      this._currentPosition.setDate(1);
-    }
-    const firstDate = new Date();
-    firstDate.setTime(this._currentPosition.getTime());
-    firstDate.setDate(1 - firstDate.getDay());
-    return (index.h("section", { ref: elem => this._container = elem }, index.h("div", { ref: elem => this._box = elem, style: { display: 'flex' } }, index.h("div", { class: "calendar" }, index.h("div", { class: "calendar__header" }, index.h("button", { class: "calendar__btn-previous", onClick: () => this.changeMonth(-1) }), index.h("label", { class: "calendar__lbl-month" }, this.getMonthLabel()), index.h("button", { class: "calendar__btn-next", onClick: () => this.changeMonth(1) })), index.h("div", { class: "calendar__body" }, index.h("div", { class: "calendar__line" }, this._weekDayLabels.map(day => index.h("div", { class: "calendar__cell calendar__cell--unselectable" }, day))), [0, 7, 14, 21, 28, 35].map(offset => index.h("div", { class: "calendar__line" }, [0, 1, 2, 3, 4, 5, 6].map(index$1 => {
-      const date = new Date();
-      date.setTime(firstDate.getTime());
-      date.setDate(date.getDate() + offset + index$1);
-      let classNames = "calendar__cell";
-      if (this._currentPosition.getMonth() != date.getMonth()) {
-        classNames += " calendar__cell--secondary";
-      }
-      else if (this.isSelectedDate(date)) {
-        classNames += " calendar__cell--selected";
-      }
-      return index.h("div", { class: classNames, onClick: () => this.selectDate(date) }, date.getDate());
-    })))), index.h("div", { class: "calendar__footer" }, index.h("button", { class: "calendar__btn-today", onClick: () => this.selectDate(new Date()) }, this._todayLabel))), (this.time || this.showSeconds) &&
-      index.h("div", { class: "calendarTime" }, index.h("div", { class: "calendarTime__header" }, index.h("div", null, "H"), index.h("div", { class: "separatorTime" }, ":"), index.h("div", null, "M"), this.showSeconds &&
-        index.h("div", { class: "separatorTime" }, ":"), this.showSeconds &&
-        index.h("div", null, "S")), index.h("div", { class: "calendar__body ", style: { display: 'flex', paddingLeft: '12px', paddingRight: '12px' } }, index.h("div", { class: "calendar__column", ref: elem => this._hoursScroll = elem, onScroll: () => this.updateScroll(this._hoursScroll) }, this._hoursLabel.map((offset, index$1) => {
-        if (index$1 === this.value.getHours()) {
-          return (index.h("div", { style: { display: 'flex' }, ref: elem => this._hoursSelect = elem }, index.h("div", { class: "calendar__cell calendar__cell--selected", onClick: () => this.selectHours(index$1) }, offset), index.h("div", { class: "separatorTime" }, ":")));
-        }
-        else {
-          return (index.h("div", { style: { display: 'flex' } }, index.h("div", { class: "calendar__cell", onClick: () => this.selectHours(index$1) }, offset), index.h("div", { class: "separatorTime" }, ":")));
-        }
-      })), index.h("div", { class: "calendar__column", ref: elem => this._minutesScroll = elem, onScroll: () => this.updateScroll(this._minutesScroll) }, this._minutosLabel.map((offset, index$1) => {
-        if (index$1 === this.value.getMinutes()) {
-          return (index.h("div", { style: { display: 'flex' }, ref: elem => this._minutesSelect = elem }, index.h("div", { class: "calendar__cell calendar__cell--selected", onClick: () => this.selectMinutes(index$1) }, offset), this.showSeconds && index.h("div", { class: "separatorTime" }, ":")));
-        }
-        else {
-          return (index.h("div", { style: { display: 'flex' } }, index.h("div", { class: "calendar__cell", onClick: () => this.selectMinutes(index$1) }, offset), this.showSeconds && index.h("div", { class: "separatorTime" }, ":")));
-        }
-      })), this.showSeconds &&
-        index.h("div", { class: "calendar__column", ref: elem => this._secondsScroll = elem, onScroll: () => this.updateScroll(this._secondsScroll) }, this._minutosLabel.map((offset, index$1) => {
-          if (index$1 === this.value.getSeconds()) {
-            return (index.h("div", { class: "calendar__cell calendar__cell--selected", onClick: () => this.selectSeconds(index$1), ref: elem => this._secondsSelect = elem }, offset));
-          }
-          else {
-            return (index.h("div", { class: "calendar__cell", onClick: () => this.selectSeconds(index$1) }, offset));
-          }
-        })))))));
-  }
-  static get watchers() { return {
-    "value": ["valueChanged"]
-  }; }
-};
-EzCalendar.style = ezCalendarCss;
-
-exports.ez_calendar = EzCalendar;