@yoobic/yobi 8.5.0-3 → 8.5.0-8

package/dist/collection/components/2.molecules/calendar/calendar.js

@@ -1,5 +1,5 @@
 import { dateAdd, dateFormat, dateSub, day as getDay, endOf, getWeekDays, getYear, isDateAfter, isDateBefore, isDateSameOrAfter, isDateSameOrBefore, isIonic, isSameDate, isSameMonth, isToday, isWeb, pipes, resetTime, shiftSlidesToNext, shiftSlidesToPrevious, startOf, translate } from '@shared/utils';
-import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State } from '@stencil/core';
+import { forceUpdate, h, Host } from '@stencil/core';
 import { capitalize, isArray } from 'lodash-es';
 const MONTHS_TO_ADD = 3;
 export class YooCalendarComponent {
@@ -441,11 +441,9 @@ export class YooCalendarComponent {
     }
     else {
       // the propagation of some events raised by the slides must be stopped to prevent conflicts with the form-dynamic that also listens them for its own slides
-      return (h("div", { class: "calendar-container modern" },
-        h("yoo-ion-slides", { ref: (el) => (this.slides = el), initialSlide: this.initialSlide, options: { autoplay: false, freeMode: true }, onIonSlideDidChange: () => this.onSlideChanged(), onIonSlideTransitionEnd: (ev) => this.stopSlidesEventPropagation(ev), onIonSlideTouchEnd: (ev) => this.stopSlidesEventPropagation(ev) }, this.renderedMonths.map((_, index) => {
-          return (h("yoo-ion-slide", { class: "ion-slide" },
-            h("div", { class: "mobile-days" }, this.renderModernWeekDays(index))));
-        }))));
+      return (h("div", { class: "calendar-container modern" }, h("yoo-ion-slides", { ref: (el) => (this.slides = el), initialSlide: this.initialSlide, options: { autoplay: false, freeMode: true }, onIonSlideDidChange: () => this.onSlideChanged(), onIonSlideTransitionEnd: (ev) => this.stopSlidesEventPropagation(ev), onIonSlideTouchEnd: (ev) => this.stopSlidesEventPropagation(ev) }, this.renderedMonths.map((_, index) => {
+        return (h("yoo-ion-slide", { class: "ion-slide" }, h("div", { class: "mobile-days" }, this.renderModernWeekDays(index))));
+      }))));
     }
   }
   // If need to prevent some events of the sliders to bubble up and raise conflicts with the form-dynamic, use "stopPropagation" into "yoo-ion-slides"
@@ -454,24 +452,16 @@ export class YooCalendarComponent {
     var _a;
     return [
       this.renderCalendarHeaderMobile(),
-      this.isDatePicker ? (h("div", { class: "mobile-days" },
-        this.renderWeekHeader(),
-        ((_a = this.renderedMonths) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderWeekDaysMobile(1))) : (h("div", { class: { 'calendar-container': true } },
-        h("yoo-ion-slides", { ref: (el) => (this.slides = el), initialSlide: this.initialSlide, options: { autoplay: false }, onIonSlideDidChange: () => this.onSlideChanged() }, this.renderedMonths.map((_, index) => {
-          return (h("yoo-ion-slide", { class: "ion-slide" },
-            h("div", { class: "mobile-days" },
-              this.renderWeekHeader(),
-              this.renderWeekDaysMobile(index))));
-        }))))
+      this.isDatePicker ? (h("div", { class: "mobile-days" }, this.renderWeekHeader(), ((_a = this.renderedMonths) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderWeekDaysMobile(1))) : (h("div", { class: { 'calendar-container': true } }, h("yoo-ion-slides", { ref: (el) => (this.slides = el), initialSlide: this.initialSlide, options: { autoplay: false }, onIonSlideDidChange: () => this.onSlideChanged() }, this.renderedMonths.map((_, index) => {
+        return (h("yoo-ion-slide", { class: "ion-slide" }, h("div", { class: "mobile-days" }, this.renderWeekHeader(), this.renderWeekDaysMobile(index))));
+      }))))
     ];
   }
   renderWebCalendar() {
     const isNotExtraSmall = this.size !== 'extra-small';
     return [
       isNotExtraSmall && this.renderCalendarHeaderWeb(),
-      h("div", { class: "days" },
-        isNotExtraSmall && this.renderWeekHeader(),
-        this.renderWeekDaysWeb())
+      h("div", { class: "days" }, isNotExtraSmall && this.renderWeekHeader(), this.renderWeekDaysWeb())
     ];
   }
   renderDay(day, monthIndex) {
@@ -492,14 +482,7 @@ export class YooCalendarComponent {
     if ((_a = this.closingDays) === null || _a === void 0 ? void 0 : _a.length) {
       available = available && !this.closingDays.includes(getDay(day));
     }
-    return (h("div", { class: this.getDayClass(day, monthIndex), onClick: clickEvent },
-      h("div", { class: { 'day-inner': useModernDatePickerWeek, 'day-number': !useModernDatePickerWeek, unavailable: !available } },
-        useModernDatePickerWeek && h("div", { class: "secondary-title" }, dateFormat(day, 'ddd' || monthIndex.toString())),
-        useModernDatePickerWeek && h("div", { class: "title" }, dateNumber),
-        useModernDatePickerWeek && h("div", { class: "secondary-title" }, dateFormat(day, 'MMM')),
-        useModernDatePickerWeek && this.renderMarker(day),
-        !useModernDatePickerWeek && dateNumber),
-      !useModernDatePickerWeek && this.renderMarker(day)));
+    return (h("div", { class: this.getDayClass(day, monthIndex), onClick: clickEvent }, h("div", { class: { 'day-inner': useModernDatePickerWeek, 'day-number': !useModernDatePickerWeek, unavailable: !available } }, useModernDatePickerWeek && h("div", { class: "secondary-title" }, dateFormat(day, 'ddd' || monthIndex.toString())), useModernDatePickerWeek && h("div", { class: "title" }, dateNumber), useModernDatePickerWeek && h("div", { class: "secondary-title" }, dateFormat(day, 'MMM')), useModernDatePickerWeek && this.renderMarker(day), !useModernDatePickerWeek && dateNumber), !useModernDatePickerWeek && this.renderMarker(day)));
   }
   renderMarker(day) {
     var _a, _b;
@@ -510,31 +493,22 @@ export class YooCalendarComponent {
   }
   renderWeekHeader() {
     const dayTextFormat = (this.size === 'small' || this.isExtraSmall) ? 1 : 3;
-    return (h("div", { class: "week-header" }, this.weeks[0].map((day) => (h("div", { class: "day" },
-      h("div", { class: "day-text" }, pipes.dateFormat.transform(day, this.isExtraSmall ? 'dd' : 'ddd').slice(0, dayTextFormat)))))));
+    return (h("div", { class: "week-header" }, this.weeks[0].map((day) => (h("div", { class: "day" }, h("div", { class: "day-text" }, pipes.dateFormat.transform(day, this.isExtraSmall ? 'dd' : 'ddd').slice(0, dayTextFormat)))))));
   }
   renderWeeks(weeks, monthIndex) {
     return weeks.map((days) => h("div", { class: `week mode-${this.displayMode}` }, days.map((day) => this.renderDay(day, monthIndex))));
   }
   renderWeekDaysWeb() {
-    return (h("yoo-ion-scroll", { class: "relative", ref: (el) => (this.calendarScroll = el), scrollEvents: !this.isExtraSmall, onIonScroll: (event) => this.onTopScroll(event.detail) },
-      this.isMonthDisplay ? (h("div", { class: "months" },
-        this.renderedMonths.map((value, index) => {
-          return (h("div", { class: {
-              'web-days': true,
-              'hidden': value !== 0 && this.isExtraSmall,
-              'space': this.isExtraSmall
-            } },
-            this.renderActiveMonth(this.activeDays[index]),
-            this.isExtraSmall && this.renderWeekHeader(),
-            this.renderWeeks(this.renderedMonthsWeeks[index], index)));
-        }),
-        h("slot", null))) : (this.renderSingleWeekViewWeb()),
-      this.renderInfiniteScroll()));
+    return (h("yoo-ion-scroll", { class: "relative", ref: (el) => (this.calendarScroll = el), scrollEvents: !this.isExtraSmall, onIonScroll: (event) => this.onTopScroll(event.detail) }, this.isMonthDisplay ? (h("div", { class: "months" }, this.renderedMonths.map((value, index) => {
+      return (h("div", { class: {
+          'web-days': true,
+          'hidden': value !== 0 && this.isExtraSmall,
+          'space': this.isExtraSmall
+        } }, this.renderActiveMonth(this.activeDays[index]), this.isExtraSmall && this.renderWeekHeader(), this.renderWeeks(this.renderedMonthsWeeks[index], index)));
+    }), h("slot", null))) : (this.renderSingleWeekViewWeb()), this.renderInfiniteScroll()));
   }
   renderSingleWeekViewWeb() {
-    return (h("div", { class: "weeks" },
-      h("div", { class: "web-days" }, this.renderWeeks(this.activeWeek, 0))));
+    return (h("div", { class: "weeks" }, h("div", { class: "web-days" }, this.renderWeeks(this.activeWeek, 0))));
   }
   /**
    * @function loadMore
@@ -592,8 +566,7 @@ export class YooCalendarComponent {
     this.loadMore();
   }
   renderInfiniteScroll() {
-    return (h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScroll = el), threshold: "8%", disabled: this.isWeekDisplay, onIonInfinite: () => this.onInfiniteScroll() },
-      h("yoo-ion-infinite-scroll-content", null)));
+    return (h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScroll = el), threshold: "8%", disabled: this.isWeekDisplay, onIonInfinite: () => this.onInfiniteScroll() }, h("yoo-ion-infinite-scroll-content", null)));
   }
   renderCalendarHeaderWeb() {
     return h("yoo-tabs", { tabs: this.calendarWebTabs, onTabSelected: (event) => this.onWebCalendarTabSelected(event), initialIndex: 2 });
@@ -602,16 +575,13 @@ export class YooCalendarComponent {
     return this.renderedMonthsWeeks[index].map((days) => h("div", { class: `week mode-${this.displayMode}` }, days.map((day) => this.renderDay(day, index))));
   }
   renderCalendarModeToggle() {
-    return (h("div", { class: "calendar-tools" },
-      h("span", { class: "calendar-toggle today", onClick: this.onSetToday.bind(this) }, translate('YOOBICTODAY')),
-      h("span", { class: {
-          'calendar-toggle': true,
-          active: this.isWeekDisplay
-        }, onClick: this.onChangeModeClicked.bind(this, 'week') }, translate('YOOBICWEEK')),
-      h("span", { class: {
-          'calendar-toggle': true,
-          active: this.isMonthDisplay
-        }, onClick: this.onChangeModeClicked.bind(this, 'month') }, translate('MONTH'))));
+    return (h("div", { class: "calendar-tools" }, h("span", { class: "calendar-toggle today", onClick: this.onSetToday.bind(this) }, translate('YOOBICTODAY')), h("span", { class: {
+        'calendar-toggle': true,
+        active: this.isWeekDisplay
+      }, onClick: this.onChangeModeClicked.bind(this, 'week') }, translate('YOOBICWEEK')), h("span", { class: {
+        'calendar-toggle': true,
+        active: this.isMonthDisplay
+      }, onClick: this.onChangeModeClicked.bind(this, 'month') }, translate('MONTH'))));
   }
   renderActiveMonth(activeDay) {
     const activeText = activeDay && pipes.dateFormat.transform(activeDay, 'MMM YYYY');
@@ -626,472 +596,476 @@ export class YooCalendarComponent {
   }
   renderMobileCalendarControls() {
     return [
-      h("span", { onClick: this.onPrevious.bind(this), class: "prev-month" },
-        h("yoo-icon", { size: "medium", name: "arrow-left", color: "stable-alt" })),
+      h("span", { onClick: this.onPrevious.bind(this), class: "prev-month" }, h("yoo-icon", { size: "medium", name: "arrow-left", color: "stable-alt" })),
       this.renderActiveMonth(this.activeDays[1]),
-      h("span", { onClick: this.onNext.bind(this), class: "next-month" },
-        h("yoo-icon", { size: "medium", name: "arrow-right", color: "stable-alt" }))
+      h("span", { onClick: this.onNext.bind(this), class: "next-month" }, h("yoo-icon", { size: "medium", name: "arrow-right", color: "stable-alt" }))
     ];
   }
   renderModernWebControls(slot) {
     const values = slot === 'start' ? ['prev', 'left'] : ['next', 'right'];
     const handler = slot === 'start' ? this.onPrevious.bind(this) : this.onNext.bind(this);
-    return (h("span", { onClick: handler, class: `${values[0]}-month` },
-      h("yoo-tag", { size: "medium", icon: values[1], color: "light", iconOnlyColor: "dark", iconOnlySize: "medium" })));
+    return (h("span", { onClick: handler, class: `${values[0]}-month` }, h("yoo-tag", { size: "medium", icon: values[1], color: "light", iconOnlyColor: "dark", iconOnlySize: "medium" })));
   }
   renderCalendarHeaderMobile() {
-    return (h("div", { class: "mobile-calendar-header" },
-      h("div", { class: { 'active-month-container': true, 'flex': this.showDone && this.isDatePicker } }, this.renderMobileCalendarControls()),
-      !this.isDatePicker && this.renderCalendarModeToggle(),
-      this.isDatePicker && this.showDone && h("yoo-button", { class: "done", fill: "transparent", color: "app-color", size: "medium", onClick: () => this.doneClicked.emit() }, translate('DONE'))));
+    return (h("div", { class: "mobile-calendar-header" }, h("div", { class: { 'active-month-container': true, 'flex': this.showDone && this.isDatePicker } }, this.renderMobileCalendarControls()), !this.isDatePicker && this.renderCalendarModeToggle(), this.isDatePicker && this.showDone && h("yoo-button", { class: "done", fill: "transparent", color: "app-color", size: "medium", onClick: () => this.doneClicked.emit() }, translate('DONE'))));
   }
   render() {
-    return (h(Host, { class: { web: isWeb(this.host) } },
-      this.useModernDatePickerWeek && this.renderModernWeek(),
-      !this.useModernDatePickerWeek && (isIonic(this.host) || this.isDatePicker ? this.renderMobileCalendar() : this.renderWebCalendar())));
+    return (h(Host, { class: { web: isWeb(this.host) } }, this.useModernDatePickerWeek && this.renderModernWeek(), !this.useModernDatePickerWeek && (isIonic(this.host) || this.isDatePicker ? this.renderMobileCalendar() : this.renderWebCalendar())));
   }
   static get is() { return "yoo-calendar"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["calendar.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["calendar.css"]
-  }; }
-  static get properties() { return {
-    "displayMode": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "CalendarDisplayMode",
-        "resolved": "\"month\" | \"none\" | \"week\"",
-        "references": {
-          "CalendarDisplayMode": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["calendar.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["calendar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "displayMode": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "CalendarDisplayMode",
+          "resolved": "\"month\" | \"none\" | \"week\"",
+          "references": {
+            "CalendarDisplayMode": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "display-mode",
+        "reflect": true,
+        "defaultValue": "'month'"
       },
-      "attribute": "display-mode",
-      "reflect": true,
-      "defaultValue": "'month'"
-    },
-    "markers": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Date[]",
-        "resolved": "Date[]",
-        "references": {
-          "Date": {
-            "location": "global"
+      "markers": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Date[]",
+          "resolved": "Date[]",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "isDatePicker": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
       },
-      "attribute": "is-date-picker",
-      "reflect": true
-    },
-    "modernDatePicker": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "isDatePicker": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-date-picker",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "modernDatePicker": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modern-date-picker",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "modern-date-picker",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "maxDate": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Date",
-        "resolved": "Date",
-        "references": {
-          "Date": {
-            "location": "global"
+      "maxDate": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Date",
+          "resolved": "Date",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "minDate": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Date",
-        "resolved": "Date",
-        "references": {
-          "Date": {
-            "location": "global"
+      "minDate": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Date",
+          "resolved": "Date",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "isRange": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isRange": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-range",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "is-range",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "dateRange": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Date[]",
-        "resolved": "Date[]",
-        "references": {
-          "Date": {
-            "location": "global"
+      "dateRange": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Date[]",
+          "resolved": "Date[]",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TSize",
-        "resolved": "\"extra-extra-large\" | \"extra-large\" | \"extra-small\" | \"large\" | \"medium\" | \"small\"",
-        "references": {
-          "TSize": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TSize",
+          "resolved": "\"extra-extra-large\" | \"extra-large\" | \"extra-small\" | \"large\" | \"medium\" | \"small\"",
+          "references": {
+            "TSize": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "'medium'"
       },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "'medium'"
-    },
-    "activeDay": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Date",
-        "resolved": "Date",
-        "references": {
-          "Date": {
-            "location": "global"
+      "activeDay": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Date",
+          "resolved": "Date",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "closingDays": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<number>",
-        "resolved": "number[]",
-        "references": {
-          "Array": {
-            "location": "global"
+      "closingDays": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<number>",
+          "resolved": "number[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "showDone": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-done",
+        "reflect": false
       }
-    },
-    "showDone": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-done",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "slideChanged": {},
-    "activeDayState": {},
-    "rangeLowerBound": {},
-    "rangeUpperBound": {}
-  }; }
-  static get events() { return [{
-      "method": "dateChanged",
-      "name": "dateChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ICalendarDateChange",
-        "resolved": "ICalendarDateChange",
-        "references": {
-          "ICalendarDateChange": {
-            "location": "import",
-            "path": "@shared/interfaces"
+    };
+  }
+  static get states() {
+    return {
+      "slideChanged": {},
+      "activeDayState": {},
+      "rangeLowerBound": {},
+      "rangeUpperBound": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dateChanged",
+        "name": "dateChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ICalendarDateChange",
+          "resolved": "ICalendarDateChange",
+          "references": {
+            "ICalendarDateChange": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "dateRangeChanged",
-      "name": "dateRangeChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ICalendarDateChange[]",
-        "resolved": "ICalendarDateChange[]",
-        "references": {
-          "ICalendarDateChange": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      }, {
+        "method": "dateRangeChanged",
+        "name": "dateRangeChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ICalendarDateChange[]",
+          "resolved": "ICalendarDateChange[]",
+          "references": {
+            "ICalendarDateChange": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "dayClicked",
-      "name": "dayClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "Date",
-        "resolved": "Date",
-        "references": {
-          "Date": {
-            "location": "global"
+      }, {
+        "method": "dayClicked",
+        "name": "dayClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Date",
+          "resolved": "Date",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "displayModeChanged",
-      "name": "displayModeChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "CalendarDisplayMode",
-        "resolved": "\"month\" | \"none\" | \"week\"",
-        "references": {
-          "CalendarDisplayMode": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      }, {
+        "method": "displayModeChanged",
+        "name": "displayModeChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "CalendarDisplayMode",
+          "resolved": "\"month\" | \"none\" | \"week\"",
+          "references": {
+            "CalendarDisplayMode": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "extraMonthsLoaded",
-      "name": "extraMonthsLoaded",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ICalendarDateChange",
-        "resolved": "ICalendarDateChange",
-        "references": {
-          "ICalendarDateChange": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      }, {
+        "method": "extraMonthsLoaded",
+        "name": "extraMonthsLoaded",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ICalendarDateChange",
+          "resolved": "ICalendarDateChange",
+          "references": {
+            "ICalendarDateChange": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "todaySelected",
-      "name": "todaySelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "Date",
-        "resolved": "Date",
-        "references": {
-          "Date": {
-            "location": "global"
+      }, {
+        "method": "todaySelected",
+        "name": "todaySelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Date",
+          "resolved": "Date",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "swipeHorizontal",
-      "name": "swipeHorizontal",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }, {
-      "method": "doneClicked",
-      "name": "doneClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "setActiveDay": {
-      "complexType": {
-        "signature": "(day: Date) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }, {
+        "method": "swipeHorizontal",
+        "name": "swipeHorizontal",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "doneClicked",
+        "name": "doneClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setActiveDay": {
+        "complexType": {
+          "signature": "(day: Date) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Date": {
+              "location": "global"
+            }
           },
-          "Date": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "setDisplayMode": {
-      "complexType": {
-        "signature": "(mode: CalendarDisplayMode) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "setDisplayMode": {
+        "complexType": {
+          "signature": "(mode: CalendarDisplayMode) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "CalendarDisplayMode": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           },
-          "CalendarDisplayMode": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
 }