@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-breadcrumbs.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -41,8 +41,8 @@ const YooBreadcrumbsComponent = class {
     index.forceUpdate(this);
   }
   componentWillLoad() {
-    if (overlays.isNullOrUndefined(this.maxLengthItems)) {
-      this.maxLengthItems = overlays.isWeb(this.host) ? 50 : 20;
+    if (index$1.isNullOrUndefined(this.maxLengthItems)) {
+      this.maxLengthItems = index$1.isWeb(this.host) ? 50 : 20;
     }
   }
   selectItem(item, index) {
@@ -58,7 +58,7 @@ const YooBreadcrumbsComponent = class {
     return index < this.maxVisibleItems - 2 || this.isLastItem(index) || this.items.length === this.maxVisibleItems;
   }
   getItemText(item) {
-    return overlays.translateMulti(lodash.isString(item) ? item : (item === null || item === void 0 ? void 0 : item.name) || '');
+    return index$1.translateMulti(lodash.isString(item) ? item : (item === null || item === void 0 ? void 0 : item.name) || '');
   }
   truncateText(input, len, endText) {
     if (!this.truncate) {
@@ -69,16 +69,16 @@ const YooBreadcrumbsComponent = class {
   renderBreadcrumbHome() {
     const itemSeparator = this.items.length > 0 ? index.h("span", { class: "separator" }, this.separator) : '';
     return (this.showHome && [
-      index.h("div", { class: "breadcrumb-item", onClick: this.selectHome.bind(this) }, this.homeName ? index.h("span", { innerHTML: overlays.translate(this.homeName) }) : index.h("yoo-icon", { name: "home", size: "small", color: "text-color" })),
+      index.h("div", { class: "breadcrumb-item", onClick: this.selectHome.bind(this) }, this.homeName ? index.h("span", { innerHTML: index$1.translate(this.homeName) }) : index.h("yoo-icon", { name: "home", size: "small", color: "text-color" })),
       itemSeparator
     ]);
   }
-  renderBreadcrumbItem(item, index$1) {
+  renderBreadcrumbItem(item, index$2) {
     const itemText = this.getItemText(item);
-    const itemSeparator = !this.isLastItem(index$1) ? index.h("span", { class: "separator" }, this.separator) : '';
+    const itemSeparator = !this.isLastItem(index$2) ? index.h("span", { class: "separator" }, this.separator) : '';
     // check item length, truncate if it's too long
     const itemTruncated = this.truncateText(itemText, this.maxLengthItems, '...');
-    const isItemVisible = this.isItemVisible(index$1);
+    const isItemVisible = this.isItemVisible(index$2);
     // check breadcrumbs length, diplay ellipsis if to many items and move items to context-menu
     const ellipsisAndSeparator = index.h("span", { class: "button-collapse" }, "...");
     let collapsedItems = [];
@@ -91,19 +91,19 @@ const YooBreadcrumbsComponent = class {
       const itemButton = {
         text: itemCollapse.name,
         handler: () => {
-          this.selectItem(itemCollapse, index$1 + i);
+          this.selectItem(itemCollapse, index$2 + i);
         }
       };
       contentButtons.push(itemButton);
     });
     // add active class to the last item
-    const itemClassList = { 'breadcrumb-item': true, active: this.isLastItem(index$1) };
+    const itemClassList = { 'breadcrumb-item': true, active: this.isLastItem(index$2) };
     return isItemVisible
       ? [
-        index.h("div", { class: itemClassList, onClick: this.selectItem.bind(this, item, index$1) }, this.truncate && itemText.length > this.maxLengthItems ? (index.h("yoo-tooltip", { hoverable: overlays.isWeb(this.host), placement: "bottom", content: itemText }, index.h("span", null, itemTruncated))) : (index.h("span", null, itemText))),
+        index.h("div", { class: itemClassList, onClick: this.selectItem.bind(this, item, index$2) }, this.truncate && itemText.length > this.maxLengthItems ? (index.h("yoo-tooltip", { hoverable: index$1.isWeb(this.host), placement: "bottom", content: itemText }, index.h("span", null, itemTruncated))) : (index.h("span", null, itemText))),
         itemSeparator
       ]
-      : index$1 === this.maxVisibleItems - 2 && (index.h("yoo-context-menu", { contentButtons: contentButtons, placement: "below" }, index.h("div", { class: itemClassList }, ellipsisAndSeparator), index.h("span", { class: "separator" }, this.separator)));
+      : index$2 === this.maxVisibleItems - 2 && (index.h("yoo-context-menu", { contentButtons: contentButtons, placement: "below" }, index.h("div", { class: itemClassList }, ellipsisAndSeparator), index.h("span", { class: "separator" }, this.separator)));
   }
   render() {
     const items = lodash.compact(this.items);

package/dist/cjs/yoo-button.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -77,7 +77,7 @@ const YooButtonComponent = class {
       this.customStyles = {
         backgroundColor: ((_a = this.customColor) === null || _a === void 0 ? void 0 : _a['backgroundColor']) || this.customColor,
         borderColor: ((_b = this.customColor) === null || _b === void 0 ? void 0 : _b['borderColor']) || this.customColor,
-        color: ((_c = this.customColor) === null || _c === void 0 ? void 0 : _c['color']) || overlays.getContrastColor(this.customColor)
+        color: ((_c = this.customColor) === null || _c === void 0 ? void 0 : _c['color']) || index$1.getContrastColor(this.customColor)
       };
     }
   }

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-9aadeb94.js');
+const index$2 = require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -30,7 +30,7 @@ const YooCalendarComponent = class {
     this.isRange = false;
     this.size = 'medium';
     this.slideChanged = true;
-    this.weekdays = overlays.getWeekDays();
+    this.weekdays = index$1.getWeekDays();
     this.renderedMonths = [-1, 0, 1];
     this.initialSlide = 1;
     this.cachedSlides = 1;
@@ -38,15 +38,15 @@ const YooCalendarComponent = class {
     this.singleRange = false;
     this.calendarWebTabs = [
       {
-        title: overlays.translate('YOOBICTODAY'),
+        title: index$1.translate('YOOBICTODAY'),
         value: 'today'
       },
       {
-        title: overlays.translate('YOOBICWEEK'),
+        title: index$1.translate('YOOBICWEEK'),
         value: 'week'
       },
       {
-        title: overlays.translate('MONTH'),
+        title: index$1.translate('MONTH'),
         value: 'month'
       }
     ];
@@ -64,13 +64,13 @@ const YooCalendarComponent = class {
     return this.isDatePicker && this.modernDatePicker && this.isWeekDisplay;
   }
   async setActiveDay(day) {
-    const prevActiveDay = overlays.dateAdd(day, this.displayMode, -1);
-    const nextActiveDay = overlays.dateAdd(day, this.displayMode, 1);
+    const prevActiveDay = index$1.dateAdd(day, this.displayMode, -1);
+    const nextActiveDay = index$1.dateAdd(day, this.displayMode, 1);
     if (!this.initialActiveDay) {
       this.initialActiveDay = day;
     }
-    const monthStartDay = overlays.startOf(day, 'month');
-    const monthEndDay = overlays.endOf(day, 'month');
+    const monthStartDay = index$1.startOf(day, 'month');
+    const monthEndDay = index$1.endOf(day, 'month');
     const [previousMonthStartDay, previousMonthEndDay, timeSpanStart, timeSpanEnd, nextMonthStartDay, nextMonthEndDay] = this.generateTimespan(day);
     // Current month
     const [weeks, greyDays] = this.generateCalendarDays(timeSpanStart, timeSpanEnd);
@@ -82,7 +82,7 @@ const YooCalendarComponent = class {
     // Next Month
     const [nextWeeks, nextGreyDays] = this.generateCalendarDays(nextMonthStartDay, nextMonthEndDay);
     // These variables will always be undefined on mobile but added a check just to be safe
-    if ((!this.loadedNextMonthDay && !this.loadedPreviousMonthDay) || overlays.isIonic(this.host)) {
+    if ((!this.loadedNextMonthDay && !this.loadedPreviousMonthDay) || index$1.isIonic(this.host)) {
       this.activeDays = [prevActiveDay, day, nextActiveDay];
       this.weeks = weeks;
       this.renderedMonthsWeeks = [prevWeeks, this.weeks, nextWeeks];
@@ -108,24 +108,24 @@ const YooCalendarComponent = class {
       _activeDay = this.activeDay[0];
     }
     else {
-      this.activeDay ? (_activeDay = this.activeDay) : this.minDate && overlays.isDateAfter(this.minDate, new Date()) ? (_activeDay = this.minDate) : (_activeDay = new Date());
+      this.activeDay ? (_activeDay = this.activeDay) : this.minDate && index$1.isDateAfter(this.minDate, new Date()) ? (_activeDay = this.minDate) : (_activeDay = new Date());
     }
     if (this.dateRange) {
-      this.rangeLowerBound = overlays.resetTime(this.dateRange[0]);
-      this.rangeUpperBound = overlays.resetTime(this.dateRange[1]);
+      this.rangeLowerBound = index$1.resetTime(this.dateRange[0]);
+      this.rangeUpperBound = index$1.resetTime(this.dateRange[1]);
     }
-    if (this.maxDate && overlays.isDateAfter(_activeDay, this.maxDate)) {
+    if (this.maxDate && index$1.isDateAfter(_activeDay, this.maxDate)) {
       _activeDay = this.maxDate;
       this.setActiveDay(_activeDay);
     }
-    else if (this.minDate && overlays.isDateBefore(_activeDay, this.minDate)) {
+    else if (this.minDate && index$1.isDateBefore(_activeDay, this.minDate)) {
       _activeDay = this.minDate;
       this.setActiveDay(_activeDay);
     }
     else {
       this.setActiveDay(_activeDay);
     }
-    this.activeYear = overlays.getYear(overlays.dateFormat(this.activeDayState, 'YYYY'));
+    this.activeYear = index$1.getYear(index$1.dateFormat(this.activeDayState, 'YYYY'));
   }
   componentDidLoad() {
     if (this.calendarScroll && !this.useModernDatePickerWeek) {
@@ -147,21 +147,21 @@ const YooCalendarComponent = class {
     }
   }
   isActiveDay(day) {
-    return overlays.dateFormat(day, 'L') === overlays.dateFormat(this.activeDayState, 'L');
+    return index$1.dateFormat(day, 'L') === index$1.dateFormat(this.activeDayState, 'L');
   }
   isNextYear(day) {
-    const nextYearFromToday = overlays.getYear(overlays.dateFormat(day, 'YYYY'));
+    const nextYearFromToday = index$1.getYear(index$1.dateFormat(day, 'YYYY'));
     return this.activeYear < nextYearFromToday;
   }
   isPreviousYear(day) {
-    const lastYearFromToday = overlays.getYear(overlays.dateFormat(day, 'YYYY'));
+    const lastYearFromToday = index$1.getYear(index$1.dateFormat(day, 'YYYY'));
     return this.activeYear > lastYearFromToday;
   }
   isInDateRange(date, rangeLowerBound, rangeUpperBound) {
-    if (overlays.isDateBefore(date, rangeLowerBound)) {
+    if (index$1.isDateBefore(date, rangeLowerBound)) {
       return false;
     }
-    if (this.rangeUpperBound ? overlays.isDateAfter(date, rangeUpperBound) : overlays.isDateAfter(date, rangeLowerBound)) {
+    if (this.rangeUpperBound ? index$1.isDateAfter(date, rangeUpperBound) : index$1.isDateAfter(date, rangeLowerBound)) {
       return false;
     }
     // Date is in the range
@@ -170,28 +170,28 @@ const YooCalendarComponent = class {
   // Grey days are either not in the current month, below the min date, above the max date or closing days
   isGreyDay(day, monthIndex) {
     var _a;
-    if (this.minDate && overlays.isDateBefore(day, this.minDate) && !overlays.isSameDate(day, overlays.resetTime(this.minDate))) {
+    if (this.minDate && index$1.isDateBefore(day, this.minDate) && !index$1.isSameDate(day, index$1.resetTime(this.minDate))) {
       return true;
     }
-    if (this.maxDate && overlays.isDateAfter(day, this.maxDate) && !overlays.isSameDate(day, overlays.resetTime(this.minDate))) {
+    if (this.maxDate && index$1.isDateAfter(day, this.maxDate) && !index$1.isSameDate(day, index$1.resetTime(this.minDate))) {
       return true;
     }
-    if (((_a = this.closingDays) === null || _a === void 0 ? void 0 : _a.length) && this.closingDays.includes(overlays.day(day))) {
+    if (((_a = this.closingDays) === null || _a === void 0 ? void 0 : _a.length) && this.closingDays.includes(index$1.day(day))) {
       return true;
     }
-    const dayToCheck = overlays.dateFormat(day, 'L');
+    const dayToCheck = index$1.dateFormat(day, 'L');
     return this.renderedGreyDays[monthIndex].indexOf(dayToCheck) > -1;
   }
   /**
    * Generate the start and end date for 3 months (previous, current, next)
    */
   generateTimespan(day) {
-    const timeSpanStart = overlays.startOf(day, this.displayMode);
-    const timeSpanEnd = overlays.endOf(day, this.displayMode);
-    const previousMonthStartDay = overlays.dateSub(timeSpanStart, `${this.displayMode}s`, 1);
-    const previousMonthEndDay = overlays.dateSub(timeSpanEnd, `${this.displayMode}s`, 1);
-    const nextMonthStartDay = overlays.dateAdd(timeSpanStart, `${this.displayMode}s`, 1);
-    const nextMonthEndDay = overlays.dateAdd(timeSpanEnd, `${this.displayMode}s`, 1);
+    const timeSpanStart = index$1.startOf(day, this.displayMode);
+    const timeSpanEnd = index$1.endOf(day, this.displayMode);
+    const previousMonthStartDay = index$1.dateSub(timeSpanStart, `${this.displayMode}s`, 1);
+    const previousMonthEndDay = index$1.dateSub(timeSpanEnd, `${this.displayMode}s`, 1);
+    const nextMonthStartDay = index$1.dateAdd(timeSpanStart, `${this.displayMode}s`, 1);
+    const nextMonthEndDay = index$1.dateAdd(timeSpanEnd, `${this.displayMode}s`, 1);
     return [previousMonthStartDay, previousMonthEndDay, timeSpanStart, timeSpanEnd, nextMonthStartDay, nextMonthEndDay];
   }
   /**
@@ -212,7 +212,7 @@ const YooCalendarComponent = class {
     weeks = weeks.filter((w) => w.length > 0);
     let lastWeek = weeks[weeks.length - 1];
     let nextMonthGreyDays = [];
-    const firstDayInNextMonth = overlays.dateAdd(endDay, 'days', 1);
+    const firstDayInNextMonth = index$1.dateAdd(endDay, 'days', 1);
     [lastWeek, nextMonthGreyDays] = this.generateNextMonthGreyDays(firstDayInNextMonth, lastWeek);
     greyDays = [...greyDays, ...nextMonthGreyDays];
     weeks[weeks.length - 1] = lastWeek;
@@ -223,12 +223,12 @@ const YooCalendarComponent = class {
     const previousMonthGreyDays = [];
     let count = 0;
     // First day of the current week
-    const indexOfStartWeekDay = this.weekdays.indexOf(lodash.capitalize(overlays.dateFormat(currentDay, 'dddd')));
+    const indexOfStartWeekDay = this.weekdays.indexOf(lodash.capitalize(index$1.dateFormat(currentDay, 'dddd')));
     if (indexOfStartWeekDay > 0) {
       while (count < indexOfStartWeekDay) {
         // All all days of the last month which belong to the same week as the current day to the display and record them as greyed out
-        const dayInLastMonth = overlays.dateSub(currentDay, 'days', indexOfStartWeekDay - count);
-        previousMonthGreyDays.push(overlays.dateFormat(dayInLastMonth, 'L'));
+        const dayInLastMonth = index$1.dateSub(currentDay, 'days', indexOfStartWeekDay - count);
+        previousMonthGreyDays.push(index$1.dateFormat(dayInLastMonth, 'L'));
         firstWeek.push(dayInLastMonth);
         count += 1;
       }
@@ -241,7 +241,7 @@ const YooCalendarComponent = class {
     while (currentDay <= endDay) {
       weeks[weekIndex].push(currentDay);
       // Increment the day
-      currentDay = overlays.dateAdd(currentDay, 'days', 1);
+      currentDay = index$1.dateAdd(currentDay, 'days', 1);
       count += 1;
       if (count > 6) {
         // reset count, increment week index
@@ -256,8 +256,8 @@ const YooCalendarComponent = class {
     let endCount = 0;
     const nextMonthGreyDays = [];
     while ((lastWeek === null || lastWeek === void 0 ? void 0 : lastWeek.length) < 7) {
-      const dayInNextMonth = overlays.dateAdd(firstDayInNextMonth, 'days', endCount);
-      nextMonthGreyDays.push(overlays.dateFormat(dayInNextMonth, 'L'));
+      const dayInNextMonth = index$1.dateAdd(firstDayInNextMonth, 'days', endCount);
+      nextMonthGreyDays.push(index$1.dateFormat(dayInNextMonth, 'L'));
       lastWeek.push(dayInNextMonth);
       endCount += 1;
     }
@@ -280,7 +280,7 @@ const YooCalendarComponent = class {
   }
   onNextMobile(activeSlideIndex) {
     if (this.slides) {
-      this.renderedMonths = index$1.shiftSlidesToNext(activeSlideIndex, this.renderedMonths, this.cachedSlides);
+      this.renderedMonths = index$2.shiftSlidesToNext(activeSlideIndex, this.renderedMonths, this.cachedSlides);
       this.slides.slideTo(activeSlideIndex, 0, false);
       this.slides.update();
     }
@@ -288,7 +288,7 @@ const YooCalendarComponent = class {
   }
   onPreviousMobile(activeSlideIndex) {
     if (this.slides) {
-      this.renderedMonths = index$1.shiftSlidesToPrevious(activeSlideIndex, this.renderedMonths, this.cachedSlides);
+      this.renderedMonths = index$2.shiftSlidesToPrevious(activeSlideIndex, this.renderedMonths, this.cachedSlides);
       this.slides.slideTo(activeSlideIndex, 0, false);
       this.slides.update();
     }
@@ -300,11 +300,11 @@ const YooCalendarComponent = class {
       this.renderedMonths.shift();
     }
     // in case of a week display in "modern" style, always select the monday as it will be always visible whatever the size of the screen
-    let nextDate = overlays.dateAdd(this.activeDayState, this.displayMode, 1);
+    let nextDate = index$1.dateAdd(this.activeDayState, this.displayMode, 1);
     if (this.useModernDatePickerWeek) {
-      nextDate = overlays.startOf(nextDate, 'w');
+      nextDate = index$1.startOf(nextDate, 'w');
     }
-    if (this.maxDate && overlays.isDateAfter(overlays.dateFormat(nextDate, 'YYYY-MM-DD HH:mm'), this.maxDate)) {
+    if (this.maxDate && index$1.isDateAfter(index$1.dateFormat(nextDate, 'YYYY-MM-DD HH:mm'), this.maxDate)) {
       this.setActiveDay(this.maxDate);
     }
     else {
@@ -318,10 +318,10 @@ const YooCalendarComponent = class {
       this.renderedMonths.pop();
     }
     // in case of a week display in "modern" style, always select the monday as it will be always visible whatever the size of the screen
-    let previousDate = overlays.dateSub(this.activeDayState, this.displayMode, 1);
+    let previousDate = index$1.dateSub(this.activeDayState, this.displayMode, 1);
     if (this.useModernDatePickerWeek)
-      previousDate = overlays.startOf(previousDate, 'w');
-    if (this.minDate && overlays.isDateBefore(overlays.dateFormat(previousDate, 'YYYY-MM-DD HH:mm'), this.minDate)) {
+      previousDate = index$1.startOf(previousDate, 'w');
+    if (this.minDate && index$1.isDateBefore(index$1.dateFormat(previousDate, 'YYYY-MM-DD HH:mm'), this.minDate)) {
       this.setActiveDay(this.minDate);
     }
     else {
@@ -341,20 +341,20 @@ const YooCalendarComponent = class {
     else if (this.isRange && this.rangeUpperBound) {
       // Different conditions - here if max is defined -min always exists
       this.singleRange = false;
-      if (overlays.isDateAfter(day, this.rangeUpperBound)) {
+      if (index$1.isDateAfter(day, this.rangeUpperBound)) {
         this.rangeUpperBound = day;
       }
-      else if (overlays.isDateBefore(day, this.rangeLowerBound)) {
+      else if (index$1.isDateBefore(day, this.rangeLowerBound)) {
         this.rangeLowerBound = day;
       }
-      else if (overlays.isDateAfter(day, this.rangeLowerBound) && overlays.isDateBefore(day, this.rangeUpperBound)) {
+      else if (index$1.isDateAfter(day, this.rangeLowerBound) && index$1.isDateBefore(day, this.rangeUpperBound)) {
         this.rangeUpperBound = day;
       }
-      else if (overlays.isSameDate(day, this.rangeUpperBound)) {
+      else if (index$1.isSameDate(day, this.rangeUpperBound)) {
         this.rangeLowerBound = day;
         this.rangeUpperBound = null;
       }
-      else if (overlays.isSameDate(day, this.rangeLowerBound)) {
+      else if (index$1.isSameDate(day, this.rangeLowerBound)) {
         this.singleRange = true;
         this.rangeLowerBound = day;
         this.rangeUpperBound = null;
@@ -363,13 +363,13 @@ const YooCalendarComponent = class {
     }
     else if (this.isRange) {
       this.singleRange = false;
-      if (overlays.isDateAfter(day, this.rangeLowerBound)) {
+      if (index$1.isDateAfter(day, this.rangeLowerBound)) {
         this.rangeUpperBound = day;
       }
-      else if (overlays.isDateBefore(day, this.rangeLowerBound)) {
+      else if (index$1.isDateBefore(day, this.rangeLowerBound)) {
         this.rangeLowerBound = day;
       }
-      else if (overlays.isSameDate(day, this.rangeLowerBound)) {
+      else if (index$1.isSameDate(day, this.rangeLowerBound)) {
         // Lower Bound becomes the only selected day in this case
         this.singleRange = true;
         this.rangeLowerBound = day;
@@ -406,7 +406,7 @@ const YooCalendarComponent = class {
   }
   getDayClass(day, slideIndex) {
     let dayClass = 'day ';
-    if (overlays.isToday(day)) {
+    if (index$1.isToday(day)) {
       dayClass += 'today ';
     }
     if (this.isActiveDay(day) && !this.isRange) {
@@ -414,20 +414,20 @@ const YooCalendarComponent = class {
     }
     if (this.isGreyDay(day, slideIndex)) {
       dayClass += 'grey-day ';
-      if (!overlays.isSameMonth(day, this.activeDay) && !(this.minDate && overlays.isDateBefore(day, this.minDate, 'day')) && !(this.maxDate && overlays.isDateAfter(day, this.maxDate, 'day'))) {
+      if (!index$1.isSameMonth(day, this.activeDay) && !(this.minDate && index$1.isDateBefore(day, this.minDate, 'day')) && !(this.maxDate && index$1.isDateAfter(day, this.maxDate, 'day'))) {
         dayClass += 'diff-month ';
       }
     }
     if (this.isRange && this.rangeLowerBound && this.isInDateRange(day, this.rangeLowerBound, this.rangeUpperBound) && !this.singleRange) {
       dayClass += 'in-range ';
-      if (overlays.isSameDate(day, this.rangeLowerBound)) {
+      if (index$1.isSameDate(day, this.rangeLowerBound)) {
         dayClass += 'first-day ';
       }
-      else if (overlays.isSameDate(day, this.rangeUpperBound)) {
+      else if (index$1.isSameDate(day, this.rangeUpperBound)) {
         dayClass += 'last-day ';
       }
     }
-    else if (this.isRange && this.singleRange && overlays.isSameDate(day, this.rangeLowerBound)) {
+    else if (this.isRange && this.singleRange && index$1.isSameDate(day, this.rangeLowerBound)) {
       dayClass += 'single-range';
     }
     return dayClass;
@@ -445,11 +445,11 @@ const YooCalendarComponent = class {
   }
   renderModernWeek() {
     var _a;
-    if (overlays.isWeb(this.host)) {
+    if (index$1.isWeb(this.host)) {
       let displayPrevious = true;
       if (this.minDate) {
-        const previousSunday = overlays.dateSub(overlays.startOf(this.activeDayState, 'week'), 'd', 1);
-        displayPrevious = overlays.isDateAfter(overlays.dateFormat(previousSunday, 'YYYY-MM-DD HH:mm'), this.minDate);
+        const previousSunday = index$1.dateSub(index$1.startOf(this.activeDayState, 'week'), 'd', 1);
+        displayPrevious = index$1.isDateAfter(index$1.dateFormat(previousSunday, 'YYYY-MM-DD HH:mm'), this.minDate);
       }
       return [
         ((_a = this.renderedMonths) === null || _a === void 0 ? void 0 : _a.length) > 1 && [
@@ -488,32 +488,32 @@ const YooCalendarComponent = class {
     var _a;
     if (!day)
       return;
-    const dateNumber = overlays.dateFormat(day, 'D');
+    const dateNumber = index$1.dateFormat(day, 'D');
     const useModernDatePickerWeek = this.useModernDatePickerWeek;
     let available = true;
     if (this.minDate) {
-      available = available && overlays.isDateSameOrAfter(day, this.minDate, 'day');
+      available = available && index$1.isDateSameOrAfter(day, this.minDate, 'day');
     }
     if (this.maxDate) {
-      available = available && overlays.isDateSameOrBefore(day, this.maxDate, 'day');
+      available = available && index$1.isDateSameOrBefore(day, this.maxDate, 'day');
     }
     const clickEvent = available ? this.onSelectDay.bind(this, day) : () => null;
     // do it after assigning the event, as we still want to be able to click on the day, even if it is a closing day (UX design)
     if ((_a = this.closingDays) === null || _a === void 0 ? void 0 : _a.length) {
-      available = available && !this.closingDays.includes(overlays.day(day));
+      available = available && !this.closingDays.includes(index$1.day(day));
     }
-    return (index.h("div", { class: this.getDayClass(day, monthIndex), onClick: clickEvent }, index.h("div", { class: { 'day-inner': useModernDatePickerWeek, 'day-number': !useModernDatePickerWeek, unavailable: !available } }, useModernDatePickerWeek && index.h("div", { class: "secondary-title" }, overlays.dateFormat(day, 'ddd' || monthIndex.toString())), useModernDatePickerWeek && index.h("div", { class: "title" }, dateNumber), useModernDatePickerWeek && index.h("div", { class: "secondary-title" }, overlays.dateFormat(day, 'MMM')), useModernDatePickerWeek && this.renderMarker(day), !useModernDatePickerWeek && dateNumber), !useModernDatePickerWeek && this.renderMarker(day)));
+    return (index.h("div", { class: this.getDayClass(day, monthIndex), onClick: clickEvent }, index.h("div", { class: { 'day-inner': useModernDatePickerWeek, 'day-number': !useModernDatePickerWeek, unavailable: !available } }, useModernDatePickerWeek && index.h("div", { class: "secondary-title" }, index$1.dateFormat(day, 'ddd' || monthIndex.toString())), useModernDatePickerWeek && index.h("div", { class: "title" }, dateNumber), useModernDatePickerWeek && index.h("div", { class: "secondary-title" }, index$1.dateFormat(day, 'MMM')), useModernDatePickerWeek && this.renderMarker(day), !useModernDatePickerWeek && dateNumber), !useModernDatePickerWeek && this.renderMarker(day)));
   }
   renderMarker(day) {
     var _a, _b;
-    const hasMarker = (_a = this.markers) === null || _a === void 0 ? void 0 : _a.some((marker) => overlays.isSameDate(day, marker));
+    const hasMarker = (_a = this.markers) === null || _a === void 0 ? void 0 : _a.some((marker) => index$1.isSameDate(day, marker));
     const style = { visibility: hasMarker ? undefined : 'hidden' };
     const hidden = this.isExtraSmall && !hasMarker;
     return !!((_b = this.markers) === null || _b === void 0 ? void 0 : _b.length) && index.h("div", { class: "marker", style: style, hidden: hidden });
   }
   renderWeekHeader() {
     const dayTextFormat = (this.size === 'small' || this.isExtraSmall) ? 1 : 3;
-    return (index.h("div", { class: "week-header" }, this.weeks[0].map((day) => (index.h("div", { class: "day" }, index.h("div", { class: "day-text" }, overlays.pipes.dateFormat.transform(day, this.isExtraSmall ? 'dd' : 'ddd').slice(0, dayTextFormat)))))));
+    return (index.h("div", { class: "week-header" }, this.weeks[0].map((day) => (index.h("div", { class: "day" }, index.h("div", { class: "day-text" }, index$1.pipes.dateFormat.transform(day, this.isExtraSmall ? 'dd' : 'ddd').slice(0, dayTextFormat)))))));
   }
   renderWeeks(weeks, monthIndex) {
     return weeks.map((days) => index.h("div", { class: `week mode-${this.displayMode}` }, days.map((day) => this.renderDay(day, monthIndex))));
@@ -537,18 +537,18 @@ const YooCalendarComponent = class {
   loadMore(loadPrevious = false) {
     if (loadPrevious) {
       if (this.loadedPreviousMonthDay) {
-        this.loadedPreviousMonthDay = overlays.dateSub(this.loadedPreviousMonthDay, 'months', MONTHS_TO_ADD);
+        this.loadedPreviousMonthDay = index$1.dateSub(this.loadedPreviousMonthDay, 'months', MONTHS_TO_ADD);
       }
       else {
-        this.loadedPreviousMonthDay = overlays.dateSub(this.initialActiveDay, 'months', MONTHS_TO_ADD);
+        this.loadedPreviousMonthDay = index$1.dateSub(this.initialActiveDay, 'months', MONTHS_TO_ADD);
       }
     }
     else {
       if (this.loadedNextMonthDay) {
-        this.loadedNextMonthDay = overlays.dateAdd(this.loadedNextMonthDay, 'months', MONTHS_TO_ADD);
+        this.loadedNextMonthDay = index$1.dateAdd(this.loadedNextMonthDay, 'months', MONTHS_TO_ADD);
       }
       else {
-        this.loadedNextMonthDay = overlays.dateAdd(this.initialActiveDay, 'months', MONTHS_TO_ADD);
+        this.loadedNextMonthDay = index$1.dateAdd(this.initialActiveDay, 'months', MONTHS_TO_ADD);
       }
     }
     const generateTimespanParam = loadPrevious ? this.loadedPreviousMonthDay : this.loadedNextMonthDay;
@@ -566,8 +566,8 @@ const YooCalendarComponent = class {
     this.activeDays = [...activeDaysBegin, previousMonthStartDay, timeSpanStart, nextMonthStartDay, ...activeDaysEnd];
     this.extraMonthsLoaded.emit({
       date: timeSpanStart,
-      startDate: overlays.startOf(timeSpanStart, this.displayMode),
-      endDate: overlays.endOf(timeSpanStart, this.displayMode),
+      startDate: index$1.startOf(timeSpanStart, this.displayMode),
+      endDate: index$1.endOf(timeSpanStart, this.displayMode),
       mode: this.displayMode,
       monthStartDay: previousMonthStartDay,
       monthEndDay: nextMonthStartDay
@@ -595,16 +595,16 @@ const YooCalendarComponent = class {
     return this.renderedMonthsWeeks[index$1].map((days) => index.h("div", { class: `week mode-${this.displayMode}` }, days.map((day) => this.renderDay(day, index$1))));
   }
   renderCalendarModeToggle() {
-    return (index.h("div", { class: "calendar-tools" }, index.h("span", { class: "calendar-toggle today", onClick: this.onSetToday.bind(this) }, overlays.translate('YOOBICTODAY')), index.h("span", { class: {
+    return (index.h("div", { class: "calendar-tools" }, index.h("span", { class: "calendar-toggle today", onClick: this.onSetToday.bind(this) }, index$1.translate('YOOBICTODAY')), index.h("span", { class: {
         'calendar-toggle': true,
         active: this.isWeekDisplay
-      }, onClick: this.onChangeModeClicked.bind(this, 'week') }, overlays.translate('YOOBICWEEK')), index.h("span", { class: {
+      }, onClick: this.onChangeModeClicked.bind(this, 'week') }, index$1.translate('YOOBICWEEK')), index.h("span", { class: {
         'calendar-toggle': true,
         active: this.isMonthDisplay
-      }, onClick: this.onChangeModeClicked.bind(this, 'month') }, overlays.translate('MONTH'))));
+      }, onClick: this.onChangeModeClicked.bind(this, 'month') }, index$1.translate('MONTH'))));
   }
   renderActiveMonth(activeDay) {
-    const activeText = activeDay && overlays.pipes.dateFormat.transform(activeDay, 'MMM YYYY');
+    const activeText = activeDay && index$1.pipes.dateFormat.transform(activeDay, 'MMM YYYY');
     return (index.h("span", { class: {
         'active-month': true,
         'flex': this.isExtraSmall
@@ -627,10 +627,10 @@ const YooCalendarComponent = class {
     return (index.h("span", { onClick: handler, class: `${values[0]}-month` }, index.h("yoo-tag", { size: "medium", icon: values[1], color: "light", iconOnlyColor: "dark", iconOnlySize: "medium" })));
   }
   renderCalendarHeaderMobile() {
-    return (index.h("div", { class: "mobile-calendar-header" }, index.h("div", { class: { 'active-month-container': true, 'flex': this.showDone && this.isDatePicker } }, this.renderMobileCalendarControls()), !this.isDatePicker && this.renderCalendarModeToggle(), this.isDatePicker && this.showDone && index.h("yoo-button", { class: "done", fill: "transparent", color: "app-color", size: "medium", onClick: () => this.doneClicked.emit() }, overlays.translate('DONE'))));
+    return (index.h("div", { class: "mobile-calendar-header" }, index.h("div", { class: { 'active-month-container': true, 'flex': this.showDone && this.isDatePicker } }, this.renderMobileCalendarControls()), !this.isDatePicker && this.renderCalendarModeToggle(), this.isDatePicker && this.showDone && index.h("yoo-button", { class: "done", fill: "transparent", color: "app-color", size: "medium", onClick: () => this.doneClicked.emit() }, index$1.translate('DONE'))));
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.useModernDatePickerWeek && this.renderModernWeek(), !this.useModernDatePickerWeek && (overlays.isIonic(this.host) || this.isDatePicker ? this.renderMobileCalendar() : this.renderWebCalendar())));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.useModernDatePickerWeek && this.renderModernWeek(), !this.useModernDatePickerWeek && (index$1.isIonic(this.host) || this.isDatePicker ? this.renderMobileCalendar() : this.renderWebCalendar())));
   }
   get host() { return index.getElement(this); }
 };