@ionic/core 8.8.19-dev.11787076261.138d5922 → 8.8.19-dev.11787083540.1511caf2

package/dist/collection/components/datetime/datetime.md.css

@@ -218,10 +218,6 @@
   justify-content: space-between;
 }
 
-:host .datetime-action-buttons ion-button {
-  --color: var(--ion-color-primary, #0054e9);
-}
-
 /**
  * The confirm and clear buttons are grouped in a
  * container so that they appear on the end opposite
@@ -376,11 +372,6 @@
 }
 
 .calendar-day:not(.calendar-day-adjacent-day):focus {
-  background: rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.2);
-  box-shadow: 0px 0px 0px 4px rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.2);
-}
-
-:host(.ion-color) .calendar-day:not(.calendar-day-adjacent-day):focus {
   background: rgba(var(--ion-color-base-rgb), 0.2);
   box-shadow: 0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);
 }
@@ -425,10 +416,6 @@
 }
 
 :host .time-body-active {
-  color: var(--ion-color-primary, #0054e9);
-}
-
-:host(.ion-color) .time-body-active {
   color: var(--ion-color-base);
 }
 
@@ -437,10 +424,6 @@
 }
 
 :host(.show-month-and-year) .calendar-action-buttons .calendar-month-year-toggle {
-  color: var(--ion-color-primary, #0054e9);
-}
-
-:host(.ion-color.show-month-and-year) .calendar-action-buttons .calendar-month-year-toggle {
   color: var(--ion-color-base);
 }
 
@@ -565,10 +548,6 @@ ion-picker {
  */
 :host {
   --background: var(--ion-color-step-100, var(--ion-background-color-step-100, #ffffff));
-  --title-color: var(--ion-color-primary-contrast, #fff);
-}
-
-:host(.ion-color) {
   --title-color: var(--ion-color-contrast);
 }
 
@@ -579,12 +558,8 @@ ion-picker {
   padding-inline-end: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
-  background: var(--ion-color-primary, #0054e9);
-  color: var(--title-color);
-}
-
-:host(.ion-color) .datetime-header {
   background: var(--ion-color-base);
+  color: var(--title-color);
 }
 
 :host .datetime-header .datetime-title {
@@ -668,11 +643,6 @@ ion-picker {
  * should have ion-color for text color.
  */
 :host .calendar-day.calendar-day-today {
-  border: 1px solid var(--ion-color-primary, #0054e9);
-  color: var(--ion-color-primary, #0054e9);
-}
-
-:host(.ion-color) .calendar-day.calendar-day-today {
   border: 1px solid var(--ion-color-base);
   color: var(--ion-color-base);
 }
@@ -684,22 +654,11 @@ ion-picker {
  */
 :host .calendar-day.calendar-day-active,
 :host .calendar-day.calendar-day-adjacent-day.calendar-day-active {
-  color: var(--ion-color-primary-contrast, #fff);
-}
-
-:host(.ion-color) .calendar-day.calendar-day-active,
-:host(.ion-color) .calendar-day.calendar-day-adjacent-day.calendar-day-active {
   color: var(--ion-color-contrast);
 }
 
 .calendar-day.calendar-day-active,
 .calendar-day.calendar-day-active:focus {
-  border: 1px solid var(--ion-color-primary, #0054e9);
-  background: var(--ion-color-primary, #0054e9);
-}
-
-:host(.ion-color) .calendar-day.calendar-day-active,
-:host(.ion-color) .calendar-day.calendar-day-active:focus {
   border: 1px solid var(--ion-color-base);
   background: var(--ion-color-base);
 }

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

@@ -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

@@ -82,11 +82,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);
 }