@ionic/core 8.8.20-dev.11787158518.168a2fea → 8.8.20-dev.11789504012.1a675914

package/dist/collection/components/datetime/utils/data.js

@@ -43,20 +43,20 @@ const hour23 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
 // h24 hour system uses 1-24. Midnight starts at 24:00.
 const hour24 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 0];
 /**
- * Given a locale and a mode,
+ * Given a locale and a theme,
  * return an array with formatted days
- * of the week. iOS should display days
- * such as "Mon" or "Tue".
+ * of the week. iOS and Ionic themes should
+ * display days such as "Mon" or "Tue".
  * MD should display days such as "M"
  * or "T".
  */
-export const getDaysOfWeek = (locale, mode, firstDayOfWeek = 0) => {
+export const getDaysOfWeek = (locale, theme, firstDayOfWeek = 0) => {
     /**
      * Nov 1st, 2020 starts on a Sunday.
      * ion-datetime assumes weeks start on Sunday,
      * but is configurable via `firstDayOfWeek`.
      */
-    const weekdayFormat = mode === 'ios' ? 'short' : 'narrow';
+    const weekdayFormat = theme === 'md' ? 'narrow' : 'short';
     const intl = new Intl.DateTimeFormat(locale, { weekday: weekdayFormat });
     const startDate = new Date('11/01/2020');
     const daysOfWeek = [];
@@ -292,15 +292,15 @@ export const getMonthColumnData = (locale, refParts, minParts, maxParts, monthVa
     const months = [];
     if (monthValues !== undefined) {
         let processedMonths = monthValues;
-        if (maxParts?.month !== undefined) {
+        if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.month) !== undefined) {
             processedMonths = processedMonths.filter((month) => month <= maxParts.month);
         }
-        if (minParts?.month !== undefined) {
+        if ((minParts === null || minParts === void 0 ? void 0 : minParts.month) !== undefined) {
             processedMonths = processedMonths.filter((month) => month >= minParts.month);
         }
         processedMonths.forEach((processedMonth) => {
             const date = new Date(`${processedMonth}/1/${year} GMT+0000`);
-            const monthString = new Intl.DateTimeFormat(locale, { ...formatOptions, timeZone: 'UTC' }).format(date);
+            const monthString = new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, formatOptions), { timeZone: 'UTC' })).format(date);
             months.push({ text: monthString, value: processedMonth });
         });
     }
@@ -333,7 +333,7 @@ export const getMonthColumnData = (locale, refParts, minParts, maxParts, monthVa
              * new Date('1/1/1992 GMT+0000').toUTCString() // "Wed, 01 Jan 1992 00:00:00 GMT"
              */
             const date = new Date(`${i}/1/${year} GMT+0000`);
-            const monthString = new Intl.DateTimeFormat(locale, { ...formatOptions, timeZone: 'UTC' }).format(date);
+            const monthString = new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, formatOptions), { timeZone: 'UTC' })).format(date);
             months.push({ text: monthString, value: i });
         }
     }
@@ -362,10 +362,10 @@ export const getDayColumnData = (locale, refParts, minParts, maxParts, dayValues
      * Otherwise, fallback to the max/min days in a month.
      */
     const numDaysInMonth = getNumDaysInMonth(month, year);
-    const maxDay = maxParts?.day !== null && maxParts?.day !== undefined && maxParts.year === year && maxParts.month === month
+    const maxDay = (maxParts === null || maxParts === void 0 ? void 0 : maxParts.day) !== null && (maxParts === null || maxParts === void 0 ? void 0 : maxParts.day) !== undefined && maxParts.year === year && maxParts.month === month
         ? maxParts.day
         : numDaysInMonth;
-    const minDay = minParts?.day !== null && minParts?.day !== undefined && minParts.year === year && minParts.month === month
+    const minDay = (minParts === null || minParts === void 0 ? void 0 : minParts.day) !== null && (minParts === null || minParts === void 0 ? void 0 : minParts.day) !== undefined && minParts.year === year && minParts.month === month
         ? minParts.day
         : 1;
     if (dayValues !== undefined) {
@@ -373,34 +373,35 @@ export const getDayColumnData = (locale, refParts, minParts, maxParts, dayValues
         processedDays = processedDays.filter((day) => day >= minDay && day <= maxDay);
         processedDays.forEach((processedDay) => {
             const date = new Date(`${month}/${processedDay}/${year} GMT+0000`);
-            const dayString = new Intl.DateTimeFormat(locale, { ...formatOptions, timeZone: 'UTC' }).format(date);
+            const dayString = new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, formatOptions), { timeZone: 'UTC' })).format(date);
             days.push({ text: dayString, value: processedDay });
         });
     }
     else {
         for (let i = minDay; i <= maxDay; i++) {
             const date = new Date(`${month}/${i}/${year} GMT+0000`);
-            const dayString = new Intl.DateTimeFormat(locale, { ...formatOptions, timeZone: 'UTC' }).format(date);
+            const dayString = new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, formatOptions), { timeZone: 'UTC' })).format(date);
             days.push({ text: dayString, value: i });
         }
     }
     return days;
 };
 export const getYearColumnData = (locale, refParts, minParts, maxParts, yearValues) => {
+    var _a, _b;
     let processedYears = [];
     if (yearValues !== undefined) {
         processedYears = yearValues;
-        if (maxParts?.year !== undefined) {
+        if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.year) !== undefined) {
             processedYears = processedYears.filter((year) => year <= maxParts.year);
         }
-        if (minParts?.year !== undefined) {
+        if ((minParts === null || minParts === void 0 ? void 0 : minParts.year) !== undefined) {
             processedYears = processedYears.filter((year) => year >= minParts.year);
         }
     }
     else {
         const { year } = refParts;
-        const maxYear = maxParts?.year ?? year;
-        const minYear = minParts?.year ?? year - 100;
+        const maxYear = (_a = maxParts === null || maxParts === void 0 ? void 0 : maxParts.year) !== null && _a !== void 0 ? _a : year;
+        const minYear = (_b = minParts === null || minParts === void 0 ? void 0 : minParts.year) !== null && _b !== void 0 ? _b : year - 100;
         for (let i = minYear; i <= maxYear; i++) {
             processedYears.push(i);
         }
@@ -458,7 +459,7 @@ export const getCombinedDateColumnData = (locale, todayParts, minParts, maxParts
         const dateParts = [];
         const dateColumnItems = [];
         monthDays.forEach((dayObject) => {
-            const isToday = isSameDay({ ...referenceMonth, day: dayObject.value }, todayParts);
+            const isToday = isSameDay(Object.assign(Object.assign({}, referenceMonth), { day: dayObject.value }), todayParts);
             /**
              * Today's date should read as "Today" (localized)
              * not the actual date string

package/dist/collection/components/datetime/utils/format.js

@@ -15,8 +15,7 @@ const getFormattedDayPeriod = (dayPeriod) => {
  * confusion.
  */
 export const stripTimeZone = (formatOptions) => {
-    return {
-        ...formatOptions,
+    return Object.assign(Object.assign({}, formatOptions), {
         /**
          * Setting the time zone to UTC ensures that the value shown is always the
          * same as what was selected and safeguards against older Safari bugs with
@@ -26,8 +25,8 @@ export const stripTimeZone = (formatOptions) => {
         /**
          * We do not want to display the time zone name
          */
-        timeZoneName: undefined,
-    };
+        timeZoneName: undefined
+    });
 };
 export const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: 'numeric', minute: 'numeric' }) => {
     const timeParts = {
@@ -37,20 +36,13 @@ export const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = {
     if (timeParts.hour === undefined || timeParts.minute === undefined) {
         return 'Invalid Time';
     }
-    return new Intl.DateTimeFormat(locale, {
-        ...stripTimeZone(formatOptions),
+    return new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, stripTimeZone(formatOptions)), {
         /**
          * We use hourCycle here instead of hour12 due to:
          * https://bugs.chromium.org/p/chromium/issues/detail?id=1347316&q=hour12&can=2
          */
-        hourCycle,
-        /**
-         * Setting Z at the end indicates that this
-         * date string is in the UTC time zone. This
-         * prevents new Date from adding the time zone
-         * offset when getting the ISO string.
-         */
-    }).format(new Date(convertDataToISO({
+        hourCycle
+    })).format(new Date(convertDataToISO(Object.assign({
         /**
          * JS uses a simplified ISO 8601 format which allows for
          * date-only formats and date-time formats, but not
@@ -62,11 +54,8 @@ export const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = {
          * values, so passing these date values should have no impact
          * on the time output.
          */
-        year: 2023,
-        day: 1,
-        month: 1,
-        ...timeParts,
-    }) + 'Z'));
+        year: 2023, day: 1, month: 1
+    }, timeParts)) + 'Z'));
 };
 /**
  * Adds padding to a time value so
@@ -175,6 +164,7 @@ export const getYear = (locale, refParts) => {
  * with a normalized time.
  */
 export const getNormalizedDate = (refParts) => {
+    var _a, _b, _c;
     const timeString = refParts.hour !== undefined && refParts.minute !== undefined ? ` ${refParts.hour}:${refParts.minute}` : '';
     /**
      * We use / notation here for the date
@@ -186,7 +176,7 @@ export const getNormalizedDate = (refParts) => {
      * account for this and still return a valid date. However,
      * this is not a consistent behavior across all browsers.
      */
-    return new Date(`${refParts.month ?? 1}/${refParts.day ?? 1}/${refParts.year ?? 2023}${timeString} GMT+0000`);
+    return new Date(`${(_a = refParts.month) !== null && _a !== void 0 ? _a : 1}/${(_b = refParts.day) !== null && _b !== void 0 ? _b : 1}/${(_c = refParts.year) !== null && _c !== void 0 ? _c : 2023}${timeString} GMT+0000`);
 };
 /**
  * Given a locale, DatetimeParts, and options
@@ -217,7 +207,7 @@ export const getLocalizedDateTimeParts = (locale, refParts, options) => {
  * with Intl.DateTimeFormat.
  */
 const getDateTimeFormat = (locale, options) => {
-    return new Intl.DateTimeFormat(locale, { ...options, timeZone: 'UTC' });
+    return new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, options), { timeZone: 'UTC' }));
 };
 /**
  * Gets a localized version of "Today"

package/dist/collection/components/datetime/utils/manipulation.js

@@ -282,7 +282,7 @@ export const calculateHourFromAMPM = (currentParts, newAMPM) => {
  */
 export const validateParts = (parts, minParts, maxParts) => {
     const { month, day, year } = parts;
-    const partsCopy = clampDate({ ...parts }, minParts, maxParts);
+    const partsCopy = clampDate(Object.assign({}, parts), minParts, maxParts);
     const numDays = getNumDaysInMonth(month, year);
     /**
      * If the max number of days
@@ -358,7 +358,7 @@ export const validateParts = (parts, minParts, maxParts) => {
  */
 export const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hourValues, minuteValues, minParts, maxParts, }) => {
     const { hour, minute, day, month, year } = refParts;
-    const copyParts = { ...refParts, dayOfWeek: undefined };
+    const copyParts = Object.assign(Object.assign({}, refParts), { dayOfWeek: undefined });
     if (yearValues !== undefined) {
         // Filters out years that are out of the min/max bounds
         const filteredYears = yearValues.filter((year) => {
@@ -389,10 +389,10 @@ export const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValu
     if (day !== null && dayValues !== undefined) {
         // Filters out days that are out of the min/max bounds
         const filteredDays = dayValues.filter((day) => {
-            if (minParts !== undefined && isBefore({ ...copyParts, day }, minParts)) {
+            if (minParts !== undefined && isBefore(Object.assign(Object.assign({}, copyParts), { day }), minParts)) {
                 return false;
             }
-            if (maxParts !== undefined && isAfter({ ...copyParts, day }, maxParts)) {
+            if (maxParts !== undefined && isAfter(Object.assign(Object.assign({}, copyParts), { day }), maxParts)) {
                 return false;
             }
             return true;
@@ -402,10 +402,10 @@ export const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValu
     if (hour !== undefined && hourValues !== undefined) {
         // Filters out hours that are out of the min/max bounds
         const filteredHours = hourValues.filter((hour) => {
-            if (minParts?.hour !== undefined && isSameDay(copyParts, minParts) && hour < minParts.hour) {
+            if ((minParts === null || minParts === void 0 ? void 0 : minParts.hour) !== undefined && isSameDay(copyParts, minParts) && hour < minParts.hour) {
                 return false;
             }
-            if (maxParts?.hour !== undefined && isSameDay(copyParts, maxParts) && hour > maxParts.hour) {
+            if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.hour) !== undefined && isSameDay(copyParts, maxParts) && hour > maxParts.hour) {
                 return false;
             }
             return true;
@@ -416,13 +416,13 @@ export const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValu
     if (minute !== undefined && minuteValues !== undefined) {
         // Filters out minutes that are out of the min/max bounds
         const filteredMinutes = minuteValues.filter((minute) => {
-            if (minParts?.minute !== undefined &&
+            if ((minParts === null || minParts === void 0 ? void 0 : minParts.minute) !== undefined &&
                 isSameDay(copyParts, minParts) &&
                 copyParts.hour === minParts.hour &&
                 minute < minParts.minute) {
                 return false;
             }
-            if (maxParts?.minute !== undefined &&
+            if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.minute) !== undefined &&
                 isSameDay(copyParts, maxParts) &&
                 copyParts.hour === maxParts.hour &&
                 minute > maxParts.minute) {

package/dist/collection/components/datetime/utils/parse.js

@@ -142,19 +142,19 @@ export const parseMaxParts = (max, todayParts) => {
      * so that the correct initial value can be selected. As a result,
      * we need to fill in any omitted data with the min or max values.
      */
-    const yearValue = year ?? todayParts.year;
-    const monthValue = month ?? 12;
+    const yearValue = year !== null && year !== void 0 ? year : todayParts.year;
+    const monthValue = month !== null && month !== void 0 ? month : 12;
     return {
         month: monthValue,
-        day: day ?? getNumDaysInMonth(monthValue, yearValue),
+        day: day !== null && day !== void 0 ? day : getNumDaysInMonth(monthValue, yearValue),
         /**
          * Passing in "HH:mm" is a valid ISO-8601
          * string, so we just default to the current year
          * in this case.
          */
         year: yearValue,
-        hour: hour ?? 23,
-        minute: minute ?? 59,
+        hour: hour !== null && hour !== void 0 ? hour : 23,
+        minute: minute !== null && minute !== void 0 ? minute : 59,
     };
 };
 /**
@@ -183,15 +183,15 @@ export const parseMinParts = (min, todayParts) => {
      * we need to fill in any omitted data with the min or max values.
      */
     return {
-        month: month ?? 1,
-        day: day ?? 1,
+        month: month !== null && month !== void 0 ? month : 1,
+        day: day !== null && day !== void 0 ? day : 1,
         /**
          * Passing in "HH:mm" is a valid ISO-8601
          * string, so we just default to the current year
          * in this case.
          */
-        year: year ?? todayParts.year,
-        hour: hour ?? 0,
-        minute: minute ?? 0,
+        year: year !== null && year !== void 0 ? year : todayParts.year,
+        hour: hour !== null && hour !== void 0 ? hour : 0,
+        minute: minute !== null && minute !== void 0 ? minute : 0,
     };
 };

package/dist/collection/components/datetime/utils/state.js

@@ -125,10 +125,7 @@ export const isMonthDisabled = (refParts, { minParts, maxParts, }) => {
  * previous navigation button is disabled.
  */
 export const isPrevMonthDisabled = (refParts, minParts, maxParts) => {
-    const prevMonth = {
-        ...getPreviousMonth(refParts),
-        day: null,
-    };
+    const prevMonth = Object.assign(Object.assign({}, getPreviousMonth(refParts)), { day: null });
     return isMonthDisabled(prevMonth, {
         minParts,
         maxParts,
@@ -139,10 +136,7 @@ export const isPrevMonthDisabled = (refParts, minParts, maxParts) => {
  * determine if the next navigation button is disabled.
  */
 export const isNextMonthDisabled = (refParts, maxParts) => {
-    const nextMonth = {
-        ...getNextMonth(refParts),
-        day: null,
-    };
+    const nextMonth = Object.assign(Object.assign({}, getNextMonth(refParts)), { day: null });
     return isMonthDisabled(nextMonth, {
         maxParts,
     });

package/dist/collection/components/datetime/utils/validate.js

@@ -8,10 +8,11 @@ import { printIonWarning } from "../../../utils/logging/index";
  * confusion.
  */
 export const warnIfTimeZoneProvided = (el, formatOptions) => {
-    if (formatOptions?.date?.timeZone ||
-        formatOptions?.date?.timeZoneName ||
-        formatOptions?.time?.timeZone ||
-        formatOptions?.time?.timeZoneName) {
+    var _a, _b, _c, _d;
+    if (((_a = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.date) === null || _a === void 0 ? void 0 : _a.timeZone) ||
+        ((_b = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.date) === null || _b === void 0 ? void 0 : _b.timeZoneName) ||
+        ((_c = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.time) === null || _c === void 0 ? void 0 : _c.timeZone) ||
+        ((_d = formatOptions === null || formatOptions === void 0 ? void 0 : formatOptions.time) === null || _d === void 0 ? void 0 : _d.timeZoneName)) {
         printIonWarning('[ion-datetime] - "timeZone" and "timeZoneName" are not supported in "formatOptions".', el);
     }
 };

package/dist/collection/components/datetime-button/datetime-button.ios.css

@@ -1,3 +1,9 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use
@@ -82,11 +88,6 @@
 
 :host(.time-active) #time-button,
 :host(.date-active) #date-button {
-  color: var(--ion-color-primary, #0054e9);
-}
-
-:host(.ion-color.time-active) #time-button,
-:host(.ion-color.date-active) #date-button {
   color: var(--ion-color-base);
 }