npm - voip-callkit - Versions diffs - 0.0.9 → 1.0.0 - Mend

voip-callkit 0.0.9 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1527) hide show

package/android/src/main/assets/public/node_modules_ionic_core_dist_esm_ion-datetime_3_entry_js.js DELETED Viewed

@@ -1,3633 +0,0 @@
-"use strict";
-(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["node_modules_ionic_core_dist_esm_ion-datetime_3_entry_js"],{
-/***/ 4134:
-/*!*******************************************************************!*\
-  !*** ./node_modules/@ionic/core/dist/esm/ion-datetime_3.entry.js ***!
-  \*******************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "ion_datetime": () => (/* binding */ Datetime),
-/* harmony export */   "ion_picker": () => (/* binding */ Picker),
-/* harmony export */   "ion_picker_column": () => (/* binding */ PickerColumnCmp)
-/* harmony export */ });
-/* harmony import */ var D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ 2783);
-/* harmony import */ var _index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index-88bdeaae.js */ 9203);
-/* harmony import */ var _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index-d74f4afc.js */ 3945);
-/* harmony import */ var _ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ionic-global-00475c3a.js */ 1020);
-/* harmony import */ var _focus_visible_5ad6825d_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./focus-visible-5ad6825d.js */ 3768);
-/* harmony import */ var _helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./helpers-4d272360.js */ 1657);
-/* harmony import */ var _index_9ac92660_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./index-9ac92660.js */ 2761);
-/* harmony import */ var _dir_e8b767a8_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./dir-e8b767a8.js */ 5862);
-/* harmony import */ var _theme_7670341c_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./theme-7670341c.js */ 7548);
-/* harmony import */ var _overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./overlays-ab6211c7.js */ 1853);
-/* harmony import */ var _animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./animation-36c1d77d.js */ 1998);
-/* harmony import */ var _haptic_683b3b3c_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./haptic-683b3b3c.js */ 1034);
-/* harmony import */ var _hardware_back_button_490df115_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hardware-back-button-490df115.js */ 9222);
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * Returns true if the selected day is equal to the reference day
- */
-const isSameDay = (baseParts, compareParts) => {
-  return baseParts.month === compareParts.month && baseParts.day === compareParts.day && baseParts.year === compareParts.year;
-};
-/**
- * Returns true is the selected day is before the reference day.
- */
-const isBefore = (baseParts, compareParts) => {
-  return baseParts.year < compareParts.year || baseParts.year === compareParts.year && baseParts.month < compareParts.month || baseParts.year === compareParts.year && baseParts.month === compareParts.month && baseParts.day && baseParts.day < compareParts.day;
-};
-/**
- * Returns true is the selected day is after the reference day.
- */
-const isAfter = (baseParts, compareParts) => {
-  return baseParts.year > compareParts.year || baseParts.year === compareParts.year && baseParts.month > compareParts.month || baseParts.year === compareParts.year && baseParts.month === compareParts.month && baseParts.day && baseParts.day > compareParts.day;
-};
-const warnIfValueOutOfBounds = (value, min, max) => {
-  if (min && isBefore(value, min) || max && isAfter(value, max)) {
-    (0,_index_9ac92660_js__WEBPACK_IMPORTED_MODULE_6__.p)('The value provided to ion-datetime is out of bounds.\n\n' + `Min: ${JSON.stringify(min)}\n` + `Max: ${JSON.stringify(max)}\n` + `Value: ${JSON.stringify(value)}`);
-  }
-};
-/**
- * Determines if given year is a
- * leap year. Returns `true` if year
- * is a leap year. Returns `false`
- * otherwise.
- */
-const isLeapYear = year => {
-  return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
-};
-const is24Hour = (locale, hourCycle) => {
-  /**
-   * If developer has explicitly enabled h23 time
-   * then return early and do not look at the system default.
-   */
-  if (hourCycle !== undefined) {
-    return hourCycle === 'h23';
-  }
-  /**
-   * If hourCycle was not specified, check the locale
-   * that is set on the user's device. We first check the
-   * Intl.DateTimeFormat hourCycle option as developers can encode this
-   * option into the locale string. Example: `en-US-u-hc-h23`
-   */
-  const formatted = new Intl.DateTimeFormat(locale, {
-    hour: 'numeric'
-  });
-  const options = formatted.resolvedOptions();
-  if (options.hourCycle !== undefined) {
-    return options.hourCycle === 'h23';
-  }
-  /**
-   * If hourCycle is not specified (either through lack
-   * of browser support or locale information) then fall
-   * back to this slower hourCycle check.
-   */
-  const date = new Date('5/18/2021 00:00');
-  const parts = formatted.formatToParts(date);
-  const hour = parts.find(p => p.type === 'hour');
-  if (!hour) {
-    throw new Error('Hour value not found from DateTimeFormat');
-  }
-  return hour.value === '00';
-};
-/**
- * Given a date object, returns the number
- * of days in that month.
- * Month value begin at 1, not 0.
- * i.e. January = month 1.
- */
-const getNumDaysInMonth = (month, year) => {
-  return month === 4 || month === 6 || month === 9 || month === 11 ? 30 : month === 2 ? isLeapYear(year) ? 29 : 28 : 31;
-};
-/**
- * Certain locales display month then year while
- * others display year then month.
- * We can use Intl.DateTimeFormat to determine
- * the ordering for each locale.
- */
-const isMonthFirstLocale = locale => {
-  /**
-   * By setting month and year we guarantee that only
-   * month, year, and literal (slashes '/', for example)
-   * values are included in the formatToParts results.
-   *
-   * The ordering of the parts will be determined by
-   * the locale. So if the month is the first value,
-   * then we know month should be shown first. If the
-   * year is the first value, then we know year should be shown first.
-   *
-   * This ordering can be controlled by customizing the locale property.
-   */
-  const parts = new Intl.DateTimeFormat(locale, {
-    month: 'numeric',
-    year: 'numeric'
-  }).formatToParts(new Date());
-  return parts[0].type === 'month';
-};
-const twoDigit = val => {
-  return ('0' + (val !== undefined ? Math.abs(val) : '0')).slice(-2);
-};
-const fourDigit = val => {
-  return ('000' + (val !== undefined ? Math.abs(val) : '0')).slice(-4);
-};
-const convertDataToISO = data => {
-  // https://www.w3.org/TR/NOTE-datetime
-  let rtn = '';
-  if (data.year !== undefined) {
-    // YYYY
-    rtn = fourDigit(data.year);
-    if (data.month !== undefined) {
-      // YYYY-MM
-      rtn += '-' + twoDigit(data.month);
-      if (data.day !== undefined) {
-        // YYYY-MM-DD
-        rtn += '-' + twoDigit(data.day);
-        if (data.hour !== undefined) {
-          // YYYY-MM-DDTHH:mm:SS
-          rtn += `T${twoDigit(data.hour)}:${twoDigit(data.minute)}:00`;
-          if (data.tzOffset === undefined) {
-            // YYYY-MM-DDTHH:mm:SSZ
-            rtn += 'Z';
-          } else {
-            // YYYY-MM-DDTHH:mm:SS+/-HH:mm
-            rtn += (data.tzOffset > 0 ? '+' : '-') + twoDigit(Math.floor(Math.abs(data.tzOffset / 60))) + ':' + twoDigit(data.tzOffset % 60);
-          }
-        }
-      }
-    }
-  } else if (data.hour !== undefined) {
-    // HH:mm
-    rtn = twoDigit(data.hour) + ':' + twoDigit(data.minute);
-  }
-  return rtn;
-};
-/**
- * Converts an 12 hour value to 24 hours.
- */
-const convert12HourTo24Hour = (hour, ampm) => {
-  if (ampm === undefined) {
-    return hour;
-  }
-  /**
-   * If AM and 12am
-   * then return 00:00.
-   * Otherwise just return
-   * the hour since it is
-   * already in 24 hour format.
-   */
-  if (ampm === 'am') {
-    if (hour === 12) {
-      return 0;
-    }
-    return hour;
-  }
-  /**
-   * If PM and 12pm
-   * just return 12:00
-   * since it is already
-   * in 24 hour format.
-   * Otherwise add 12 hours
-   * to the time.
-   */
-  if (hour === 12) {
-    return 12;
-  }
-  return hour + 12;
-};
-const getStartOfWeek = refParts => {
-  const {
-    dayOfWeek
-  } = refParts;
-  if (dayOfWeek === null || dayOfWeek === undefined) {
-    throw new Error('No day of week provided');
-  }
-  return subtractDays(refParts, dayOfWeek);
-};
-const getEndOfWeek = refParts => {
-  const {
-    dayOfWeek
-  } = refParts;
-  if (dayOfWeek === null || dayOfWeek === undefined) {
-    throw new Error('No day of week provided');
-  }
-  return addDays(refParts, 6 - dayOfWeek);
-};
-const getNextDay = refParts => {
-  return addDays(refParts, 1);
-};
-const getPreviousDay = refParts => {
-  return subtractDays(refParts, 1);
-};
-const getPreviousWeek = refParts => {
-  return subtractDays(refParts, 7);
-};
-const getNextWeek = refParts => {
-  return addDays(refParts, 7);
-};
-/**
- * Given datetime parts, subtract
- * numDays from the date.
- * Returns a new DatetimeParts object
- * Currently can only go backward at most 1 month.
- */
-const subtractDays = (refParts, numDays) => {
-  const {
-    month,
-    day,
-    year
-  } = refParts;
-  if (day === null) {
-    throw new Error('No day provided');
-  }
-  const workingParts = {
-    month,
-    day,
-    year
-  };
-  workingParts.day = day - numDays;
-  /**
-   * If wrapping to previous month
-   * update days and decrement month
-   */
-  if (workingParts.day < 1) {
-    workingParts.month -= 1;
-  }
-  /**
-   * If moving to previous year, reset
-   * month to December and decrement year
-   */
-  if (workingParts.month < 1) {
-    workingParts.month = 12;
-    workingParts.year -= 1;
-  }
-  /**
-   * Determine how many days are in the current
-   * month
-   */
-  if (workingParts.day < 1) {
-    const daysInMonth = getNumDaysInMonth(workingParts.month, workingParts.year);
-    /**
-     * Take num days in month and add the
-     * number of underflow days. This number will
-     * be negative.
-     * Example: 1 week before Jan 2, 2021 is
-     * December 26, 2021 so:
-     * 2 - 7 = -5
-     * 31 + (-5) = 26
-     */
-    workingParts.day = daysInMonth + workingParts.day;
-  }
-  return workingParts;
-};
-/**
- * Given datetime parts, add
- * numDays to the date.
- * Returns a new DatetimeParts object
- * Currently can only go forward at most 1 month.
- */
-const addDays = (refParts, numDays) => {
-  const {
-    month,
-    day,
-    year
-  } = refParts;
-  if (day === null) {
-    throw new Error('No day provided');
-  }
-  const workingParts = {
-    month,
-    day,
-    year
-  };
-  const daysInMonth = getNumDaysInMonth(month, year);
-  workingParts.day = day + numDays;
-  /**
-   * If wrapping to next month
-   * update days and increment month
-   */
-  if (workingParts.day > daysInMonth) {
-    workingParts.day -= daysInMonth;
-    workingParts.month += 1;
-  }
-  /**
-   * If moving to next year, reset
-   * month to January and increment year
-   */
-  if (workingParts.month > 12) {
-    workingParts.month = 1;
-    workingParts.year += 1;
-  }
-  return workingParts;
-};
-/**
- * Given DatetimeParts, generate the previous month.
- */
-const getPreviousMonth = refParts => {
-  /**
-   * If current month is January, wrap backwards
-   *  to December of the previous year.
-   */
-  const month = refParts.month === 1 ? 12 : refParts.month - 1;
-  const year = refParts.month === 1 ? refParts.year - 1 : refParts.year;
-  const numDaysInMonth = getNumDaysInMonth(month, year);
-  const day = numDaysInMonth < refParts.day ? numDaysInMonth : refParts.day;
-  return {
-    month,
-    year,
-    day
-  };
-};
-/**
- * Given DatetimeParts, generate the next month.
- */
-const getNextMonth = refParts => {
-  /**
-   * If current month is December, wrap forwards
-   *  to January of the next year.
-   */
-  const month = refParts.month === 12 ? 1 : refParts.month + 1;
-  const year = refParts.month === 12 ? refParts.year + 1 : refParts.year;
-  const numDaysInMonth = getNumDaysInMonth(month, year);
-  const day = numDaysInMonth < refParts.day ? numDaysInMonth : refParts.day;
-  return {
-    month,
-    year,
-    day
-  };
-};
-const changeYear = (refParts, yearDelta) => {
-  const month = refParts.month;
-  const year = refParts.year + yearDelta;
-  const numDaysInMonth = getNumDaysInMonth(month, year);
-  const day = numDaysInMonth < refParts.day ? numDaysInMonth : refParts.day;
-  return {
-    month,
-    year,
-    day
-  };
-};
-/**
- * Given DatetimeParts, generate the previous year.
- */
-const getPreviousYear = refParts => {
-  return changeYear(refParts, -1);
-};
-/**
- * Given DatetimeParts, generate the next year.
- */
-const getNextYear = refParts => {
-  return changeYear(refParts, 1);
-};
-/**
- * If PM, then internal value should
- * be converted to 24-hr time.
- * Does not apply when public
- * values are already 24-hr time.
- */
-const getInternalHourValue = (hour, use24Hour, ampm) => {
-  if (use24Hour) {
-    return hour;
-  }
-  return convert12HourTo24Hour(hour, ampm);
-};
-/**
- * Unless otherwise stated, all month values are
- * 1 indexed instead of the typical 0 index in JS Date.
- * Example:
- *   January = Month 0 when using JS Date
- *   January = Month 1 when using this datetime util
- */
-/**
- * Given the current datetime parts and a new AM/PM value
- * calculate what the hour should be in 24-hour time format.
- * Used when toggling the AM/PM segment since we store our hours
- * in 24-hour time format internally.
- */
-const calculateHourFromAMPM = (currentParts, newAMPM) => {
-  const {
-    ampm: currentAMPM,
-    hour
-  } = currentParts;
-  let newHour = hour;
-  /**
-   * If going from AM --> PM, need to update the
-   *
-   */
-  if (currentAMPM === 'am' && newAMPM === 'pm') {
-    newHour = convert12HourTo24Hour(newHour, 'pm');
-    /**
-     * If going from PM --> AM
-     */
-  } else if (currentAMPM === 'pm' && newAMPM === 'am') {
-    newHour = Math.abs(newHour - 12);
-  }
-  return newHour;
-};
-/**
- * Returns the current date as
- * an ISO string in the user's
- * time zone.
- */
-const getToday = () => {
-  /**
-   * ion-datetime intentionally does not
-   * parse time zones/do automatic time zone
-   * conversion when accepting user input.
-   * However when we get today's date string,
-   * we want it formatted relative to the user's
-   * time zone.
-   *
-   * When calling toISOString(), the browser
-   * will convert the date to UTC time by either adding
-   * or subtracting the time zone offset.
-   * To work around this, we need to either add
-   * or subtract the time zone offset to the Date
-   * object prior to calling toISOString().
-   * This allows us to get an ISO string
-   * that is in the user's time zone.
-   *
-   * Example:
-   * Time zone offset is 240
-   * Meaning: The browser needs to add 240 minutes
-   * to the Date object to get UTC time.
-   * What Ionic does: We subtract 240 minutes
-   * from the Date object. The browser then adds
-   * 240 minutes in toISOString(). The result
-   * is a time that is in the user's time zone
-   * and not UTC.
-   *
-   * Note: Some timezones include minute adjustments
-   * such as 30 or 45 minutes. This is why we use setMinutes
-   * instead of setHours.
-   * Example: India Standard Time
-   * Timezone offset: -330 = -5.5 hours.
-   *
-   * List of timezones with 30 and 45 minute timezones:
-   * https://www.timeanddate.com/time/time-zones-interesting.html
-   */
-  const date = new Date();
-  const tzOffset = date.getTimezoneOffset();
-  date.setMinutes(date.getMinutes() - tzOffset);
-  return date.toISOString();
-};
-const minutes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59];
-const hour12 = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-const hour23 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23];
-/**
- * Given a locale and a mode,
- * return an array with formatted days
- * of the week. iOS should display days
- * such as "Mon" or "Tue".
- * MD should display days such as "M"
- * or "T".
- */
-const getDaysOfWeek = (locale, mode, 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 intl = new Intl.DateTimeFormat(locale, {
-    weekday: weekdayFormat
-  });
-  const startDate = new Date('11/01/2020');
-  const daysOfWeek = [];
-  /**
-   * For each day of the week,
-   * get the day name.
-   */
-  for (let i = firstDayOfWeek; i < firstDayOfWeek + 7; i++) {
-    const currentDate = new Date(startDate);
-    currentDate.setDate(currentDate.getDate() + i);
-    daysOfWeek.push(intl.format(currentDate));
-  }
-  return daysOfWeek;
-};
-/**
- * Returns an array containing all of the
- * days in a month for a given year. Values are
- * aligned with a week calendar starting on
- * the firstDayOfWeek value (Sunday by default)
- * using null values.
- */
-const getDaysOfMonth = (month, year, firstDayOfWeek) => {
-  const numDays = getNumDaysInMonth(month, year);
-  const firstOfMonth = new Date(`${month}/1/${year}`).getDay();
-  /**
-   * To get the first day of the month aligned on the correct
-   * day of the week, we need to determine how many "filler" days
-   * to generate. These filler days as empty/disabled buttons
-   * that fill the space of the days of the week before the first
-   * of the month.
-   *
-   * There are two cases here:
-   *
-   * 1. If firstOfMonth = 4, firstDayOfWeek = 0 then the offset
-   * is (4 - (0 + 1)) = 3. Since the offset loop goes from 0 to 3 inclusive,
-   * this will generate 4 filler days (0, 1, 2, 3), and then day of week 4 will have
-   * the first day of the month.
-   *
-   * 2. If firstOfMonth = 2, firstDayOfWeek = 4 then the offset
-   * is (6 - (4 - 2)) = 4. Since the offset loop goes from 0 to 4 inclusive,
-   * this will generate 5 filler days (0, 1, 2, 3, 4), and then day of week 5 will have
-   * the first day of the month.
-   */
-  const offset = firstOfMonth >= firstDayOfWeek ? firstOfMonth - (firstDayOfWeek + 1) : 6 - (firstDayOfWeek - firstOfMonth);
-  let days = [];
-  for (let i = 1; i <= numDays; i++) {
-    days.push({
-      day: i,
-      dayOfWeek: (offset + i) % 7
-    });
-  }
-  for (let i = 0; i <= offset; i++) {
-    days = [{
-      day: null,
-      dayOfWeek: null
-    }, ...days];
-  }
-  return days;
-};
-/**
- * Given a local, reference datetime parts and option
- * max/min bound datetime parts, calculate the acceptable
- * hour and minute values according to the bounds and locale.
- */
-const generateTime = (refParts, hourCycle = 'h12', minParts, maxParts, hourValues, minuteValues) => {
-  const use24Hour = hourCycle === 'h23';
-  let processedHours = use24Hour ? hour23 : hour12;
-  let processedMinutes = minutes;
-  let isAMAllowed = true;
-  let isPMAllowed = true;
-  if (hourValues) {
-    processedHours = processedHours.filter(hour => hourValues.includes(hour));
-  }
-  if (minuteValues) {
-    processedMinutes = processedMinutes.filter(minute => minuteValues.includes(minute));
-  }
-  if (minParts) {
-    /**
-     * If ref day is the same as the
-     * minimum allowed day, filter hour/minute
-     * values according to min hour and minute.
-     */
-    if (isSameDay(refParts, minParts)) {
-      /**
-       * Users may not always set the hour/minute for
-       * min value (i.e. 2021-06-02) so we should allow
-       * all hours/minutes in that case.
-       */
-      if (minParts.hour !== undefined) {
-        processedHours = processedHours.filter(hour => {
-          const convertedHour = refParts.ampm === 'pm' ? (hour + 12) % 24 : hour;
-          return (use24Hour ? hour : convertedHour) >= minParts.hour;
-        });
-        isAMAllowed = minParts.hour < 13;
-      }
-      if (minParts.minute !== undefined) {
-        /**
-         * The minimum minute range should not be enforced when
-         * the hour is greater than the min hour.
-         *
-         * For example with a minimum range of 09:30, users
-         * should be able to select 10:00-10:29 and beyond.
-         */
-        let isPastMinHour = false;
-        if (minParts.hour !== undefined && refParts.hour !== undefined) {
-          if (refParts.hour > minParts.hour) {
-            isPastMinHour = true;
-          }
-        }
-        processedMinutes = processedMinutes.filter(minute => {
-          if (isPastMinHour) {
-            return true;
-          }
-          return minute >= minParts.minute;
-        });
-      }
-      /**
-       * If ref day is before minimum
-       * day do not render any hours/minute values
-       */
-    } else if (isBefore(refParts, minParts)) {
-      processedHours = [];
-      processedMinutes = [];
-      isAMAllowed = isPMAllowed = false;
-    }
-  }
-  if (maxParts) {
-    /**
-     * If ref day is the same as the
-     * maximum allowed day, filter hour/minute
-     * values according to max hour and minute.
-     */
-    if (isSameDay(refParts, maxParts)) {
-      /**
-       * Users may not always set the hour/minute for
-       * max value (i.e. 2021-06-02) so we should allow
-       * all hours/minutes in that case.
-       */
-      if (maxParts.hour !== undefined) {
-        processedHours = processedHours.filter(hour => {
-          const convertedHour = refParts.ampm === 'pm' ? (hour + 12) % 24 : hour;
-          return (use24Hour ? hour : convertedHour) <= maxParts.hour;
-        });
-        isPMAllowed = maxParts.hour >= 13;
-      }
-      if (maxParts.minute !== undefined && refParts.hour === maxParts.hour) {
-        // The available minutes should only be filtered when the hour is the same as the max hour.
-        // For example if the max hour is 10:30 and the current hour is 10:00,
-        // users should be able to select 00-30 minutes.
-        // If the current hour is 09:00, users should be able to select 00-60 minutes.
-        processedMinutes = processedMinutes.filter(minute => minute <= maxParts.minute);
-      }
-      /**
-       * If ref day is after minimum
-       * day do not render any hours/minute values
-       */
-    } else if (isAfter(refParts, maxParts)) {
-      processedHours = [];
-      processedMinutes = [];
-      isAMAllowed = isPMAllowed = false;
-    }
-  }
-  return {
-    hours: processedHours,
-    minutes: processedMinutes,
-    am: isAMAllowed,
-    pm: isPMAllowed
-  };
-};
-/**
- * Given DatetimeParts, generate the previous,
- * current, and and next months.
- */
-const generateMonths = refParts => {
-  return [getPreviousMonth(refParts), {
-    month: refParts.month,
-    year: refParts.year,
-    day: refParts.day
-  }, getNextMonth(refParts)];
-};
-const getPickerMonths = (locale, refParts, minParts, maxParts, monthValues) => {
-  const {
-    year
-  } = refParts;
-  const months = [];
-  if (monthValues !== undefined) {
-    let processedMonths = monthValues;
-    if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.month) !== undefined) {
-      processedMonths = processedMonths.filter(month => month <= maxParts.month);
-    }
-    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, {
-        month: 'long',
-        timeZone: 'UTC'
-      }).format(date);
-      months.push({
-        text: monthString,
-        value: processedMonth
-      });
-    });
-  } else {
-    const maxMonth = maxParts && maxParts.year === year ? maxParts.month : 12;
-    const minMonth = minParts && minParts.year === year ? minParts.month : 1;
-    for (let i = minMonth; i <= maxMonth; i++) {
-      /**
-       *
-       * There is a bug on iOS 14 where
-       * Intl.DateTimeFormat takes into account
-       * the local timezone offset when formatting dates.
-       *
-       * Forcing the timezone to 'UTC' fixes the issue. However,
-       * we should keep this workaround as it is safer. In the event
-       * this breaks in another browser, we will not be impacted
-       * because all dates will be interpreted in UTC.
-       *
-       * Example:
-       * new Intl.DateTimeFormat('en-US', { month: 'long' }).format(new Date('Sat Apr 01 2006 00:00:00 GMT-0400 (EDT)')) // "March"
-       * new Intl.DateTimeFormat('en-US', { month: 'long', timeZone: 'UTC' }).format(new Date('Sat Apr 01 2006 00:00:00 GMT-0400 (EDT)')) // "April"
-       *
-       * In certain timezones, iOS 14 shows the wrong
-       * date for .toUTCString(). To combat this, we
-       * force all of the timezones to GMT+0000 (UTC).
-       *
-       * Example:
-       * Time Zone: Central European Standard Time
-       * new Date('1/1/1992').toUTCString() // "Tue, 31 Dec 1991 23:00:00 GMT"
-       * 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, {
-        month: 'long',
-        timeZone: 'UTC'
-      }).format(date);
-      months.push({
-        text: monthString,
-        value: i
-      });
-    }
-  }
-  return months;
-};
-const getCalendarYears = (refParts, minParts, maxParts, yearValues) => {
-  if (yearValues !== undefined) {
-    let processedYears = yearValues;
-    if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.year) !== undefined) {
-      processedYears = processedYears.filter(year => year <= maxParts.year);
-    }
-    if ((minParts === null || minParts === void 0 ? void 0 : minParts.year) !== undefined) {
-      processedYears = processedYears.filter(year => year >= minParts.year);
-    }
-    return processedYears;
-  } else {
-    const {
-      year
-    } = refParts;
-    const maxYear = (maxParts === null || maxParts === void 0 ? void 0 : maxParts.year) || year;
-    const minYear = (minParts === null || minParts === void 0 ? void 0 : minParts.year) || year - 100;
-    const years = [];
-    for (let i = maxYear; i >= minYear; i--) {
-      years.push(i);
-    }
-    return years;
-  }
-};
-const get12HourTime = hour => {
-  return hour % 12 || 12;
-};
-const getFormattedAMPM = ampm => {
-  if (ampm === undefined) {
-    return '';
-  }
-  return ampm.toUpperCase();
-};
-const getFormattedTime = (refParts, use24Hour) => {
-  if (refParts.hour === undefined || refParts.minute === undefined) {
-    return 'Invalid Time';
-  }
-  const hour = use24Hour ? getFormattedHour(refParts.hour, use24Hour) : get12HourTime(refParts.hour);
-  const minute = addTimePadding(refParts.minute);
-  if (use24Hour) {
-    return `${hour}:${minute}`;
-  }
-  return `${hour}:${minute} ${getFormattedAMPM(refParts.ampm)}`;
-};
-/**
- * Adds padding to a time value so
- * that it is always 2 digits.
- */
-const addTimePadding = value => {
-  const valueToString = value.toString();
-  if (valueToString.length > 1) {
-    return valueToString;
-  }
-  return `0${valueToString}`;
-};
-/**
- * Formats the hour value so that it
- * is always 2 digits. Only applies
- * if using 12 hour format.
- */
-const getFormattedHour = (hour, use24Hour) => {
-  if (!use24Hour) {
-    return hour.toString();
-  }
-  return addTimePadding(hour);
-};
-/**
- * Generates an aria-label to be read by screen readers
- * given a local, a date, and whether or not that date is
- * today's date.
- */
-const generateDayAriaLabel = (locale, today, refParts) => {
-  if (refParts.day === null) {
-    return null;
-  }
-  /**
-   * MM/DD/YYYY will return midnight in the user's timezone.
-   */
-  const date = new Date(`${refParts.month}/${refParts.day}/${refParts.year} GMT+0000`);
-  const labelString = new Intl.DateTimeFormat(locale, {
-    weekday: 'long',
-    month: 'long',
-    day: 'numeric',
-    timeZone: 'UTC'
-  }).format(date);
-  /**
-   * If date is today, prepend "Today" so screen readers indicate
-   * that the date is today.
-   */
-  return today ? `Today, ${labelString}` : labelString;
-};
-/**
- * Gets the day of the week, month, and day
- * Used for the header in MD mode.
- */
-const getMonthAndDay = (locale, refParts) => {
-  const date = new Date(`${refParts.month}/${refParts.day}/${refParts.year} GMT+0000`);
-  return new Intl.DateTimeFormat(locale, {
-    weekday: 'short',
-    month: 'short',
-    day: 'numeric',
-    timeZone: 'UTC'
-  }).format(date);
-};
-/**
- * Given a locale and a date object,
- * return a formatted string that includes
- * the month name and full year.
- * Example: May 2021
- */
-const getMonthAndYear = (locale, refParts) => {
-  const date = new Date(`${refParts.month}/${refParts.day}/${refParts.year} GMT+0000`);
-  return new Intl.DateTimeFormat(locale, {
-    month: 'long',
-    year: 'numeric',
-    timeZone: 'UTC'
-  }).format(date);
-};
-const ISO_8601_REGEXP = // eslint-disable-next-line no-useless-escape
-/^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/; // eslint-disable-next-line no-useless-escape
-const TIME_REGEXP = /^((\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/;
-/**
- * Use to convert a string of comma separated numbers or
- * an array of numbers, and clean up any user input
- */
-const convertToArrayOfNumbers = input => {
-  if (input === undefined) {
-    return;
-  }
-  let processedInput = input;
-  if (typeof input === 'string') {
-    // convert the string to an array of strings
-    // auto remove any whitespace and [] characters
-    processedInput = input.replace(/\[|\]|\s/g, '').split(',');
-  }
-  let values;
-  if (Array.isArray(processedInput)) {
-    // ensure each value is an actual number in the returned array
-    values = processedInput.map(num => parseInt(num, 10)).filter(isFinite);
-  } else {
-    values = [processedInput];
-  }
-  return values;
-};
-/**
- * Extracts date information
- * from a .calendar-day element
- * into DatetimeParts.
- */
-const getPartsFromCalendarDay = el => {
-  return {
-    month: parseInt(el.getAttribute('data-month'), 10),
-    day: parseInt(el.getAttribute('data-day'), 10),
-    year: parseInt(el.getAttribute('data-year'), 10),
-    dayOfWeek: parseInt(el.getAttribute('data-day-of-week'), 10)
-  };
-};
-/**
- * Given an ISO-8601 string, format out the parts
- * We do not use the JS Date object here because
- * it adjusts the date for the current timezone.
- */
-const parseDate = val => {
-  // manually parse IS0 cuz Date.parse cannot be trusted
-  // ISO 8601 format: 1994-12-15T13:47:20Z
-  let parse = null;
-  if (val != null && val !== '') {
-    // try parsing for just time first, HH:MM
-    parse = TIME_REGEXP.exec(val);
-    if (parse) {
-      // adjust the array so it fits nicely with the datetime parse
-      parse.unshift(undefined, undefined);
-      parse[2] = parse[3] = undefined;
-    } else {
-      // try parsing for full ISO datetime
-      parse = ISO_8601_REGEXP.exec(val);
-    }
-  }
-  if (parse === null) {
-    // wasn't able to parse the ISO datetime
-    return undefined;
-  } // ensure all the parse values exist with at least 0
-  for (let i = 1; i < 8; i++) {
-    parse[i] = parse[i] !== undefined ? parseInt(parse[i], 10) : undefined;
-  }
-  let tzOffset = 0;
-  if (parse[9] && parse[10]) {
-    // hours
-    tzOffset = parseInt(parse[10], 10) * 60;
-    if (parse[11]) {
-      // minutes
-      tzOffset += parseInt(parse[11], 10);
-    }
-    if (parse[9] === '-') {
-      // + or -
-      tzOffset *= -1;
-    }
-  }
-  return {
-    year: parse[1],
-    month: parse[2],
-    day: parse[3],
-    hour: parse[4],
-    minute: parse[5],
-    second: parse[6],
-    millisecond: parse[7],
-    tzOffset
-  };
-};
-const clampDate = (dateParts, minParts, maxParts) => {
-  if (minParts && isBefore(dateParts, minParts)) {
-    return minParts;
-  } else if (maxParts && isAfter(dateParts, maxParts)) {
-    return maxParts;
-  }
-  return dateParts;
-};
-const isYearDisabled = (refYear, minParts, maxParts) => {
-  if (minParts && minParts.year > refYear) {
-    return true;
-  }
-  if (maxParts && maxParts.year < refYear) {
-    return true;
-  }
-  return false;
-};
-/**
- * Returns true if a given day should
- * not be interactive according to its value,
- * or the max/min dates.
- */
-const isDayDisabled = (refParts, minParts, maxParts, dayValues) => {
-  /**
-   * If this is a filler date (i.e. padding)
-   * then the date is disabled.
-   */
-  if (refParts.day === null) {
-    return true;
-  }
-  /**
-   * If user passed in a list of acceptable day values
-   * check to make sure that the date we are looking
-   * at is in this array.
-   */
-  if (dayValues !== undefined && !dayValues.includes(refParts.day)) {
-    return true;
-  }
-  /**
-   * Given a min date, perform the following
-   * checks. If any of them are true, then the
-   * day should be disabled:
-   * 1. Is the current year < the min allowed year?
-   * 2. Is the current year === min allowed year,
-   * but the current month < the min allowed month?
-   * 3. Is the current year === min allowed year, the
-   * current month === min allow month, but the current
-   * day < the min allowed day?
-   */
-  if (minParts && isBefore(refParts, minParts)) {
-    return true;
-  }
-  /**
-   * Given a max date, perform the following
-   * checks. If any of them are true, then the
-   * day should be disabled:
-   * 1. Is the current year > the max allowed year?
-   * 2. Is the current year === max allowed year,
-   * but the current month > the max allowed month?
-   * 3. Is the current year === max allowed year, the
-   * current month === max allow month, but the current
-   * day > the max allowed day?
-   */
-  if (maxParts && isAfter(refParts, maxParts)) {
-    return true;
-  }
-  /**
-   * If none of these checks
-   * passed then the date should
-   * be interactive.
-   */
-  return false;
-};
-/**
- * Given a locale, a date, the selected date, and today's date,
- * generate the state for a given calendar day button.
- */
-const getCalendarDayState = (locale, refParts, activeParts, todayParts, minParts, maxParts, dayValues) => {
-  const isActive = isSameDay(refParts, activeParts);
-  const isToday = isSameDay(refParts, todayParts);
-  const disabled = isDayDisabled(refParts, minParts, maxParts, dayValues);
-  return {
-    disabled,
-    isActive,
-    isToday,
-    ariaSelected: isActive ? 'true' : null,
-    ariaLabel: generateDayAriaLabel(locale, isToday, refParts)
-  };
-};
-/**
- * Returns `true` if the month is disabled given the
- * current date value and min/max date constraints.
- */
-const isMonthDisabled = (refParts, {
-  minParts,
-  maxParts
-}) => {
-  // If the year is disabled then the month is disabled.
-  if (isYearDisabled(refParts.year, minParts, maxParts)) {
-    return true;
-  } // If the date value is before the min date, then the month is disabled.
-  // If the date value is after the max date, then the month is disabled.
-  if (minParts && isBefore(refParts, minParts) || maxParts && isAfter(refParts, maxParts)) {
-    return true;
-  }
-  return false;
-};
-/**
- * Given a working date, an optional minimum date range,
- * and an optional maximum date range; determine if the
- * previous navigation button is disabled.
- */
-const isPrevMonthDisabled = (refParts, minParts, maxParts) => {
-  const prevMonth = Object.assign(Object.assign({}, getPreviousMonth(refParts)), {
-    day: null
-  });
-  return isMonthDisabled(prevMonth, {
-    minParts,
-    maxParts
-  });
-};
-/**
- * Given a working date and a maximum date range,
- * determine if the next navigation button is disabled.
- */
-const isNextMonthDisabled = (refParts, maxParts) => {
-  const nextMonth = Object.assign(Object.assign({}, getNextMonth(refParts)), {
-    day: null
-  });
-  return isMonthDisabled(nextMonth, {
-    maxParts
-  });
-};
-const datetimeIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;max-width:350px;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .datetime-year .order-month-first .month-column{-ms-flex-order:1;order:1}:host .datetime-year .order-month-first .year-column{-ms-flex-order:2;order:2}:host .datetime-year .order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .datetime-year .order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px;position:absolute;visibility:hidden;pointer-events:none}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-readonly),:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled){opacity:0.4}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{padding-left:4px;padding-right:0;padding-top:0;padding-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-action-buttons ion-item ion-icon{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0}}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr);height:100%}:host .calendar-day{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{padding-left:unset;padding-right:unset;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{margin-left:unset;margin-right:unset;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px}}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}:host .calendar-day:after{border-radius:32px;padding-left:4px;padding-right:4px;padding-top:4px;padding-bottom:4px;position:absolute;top:50%;left:50%;width:32px;height:32px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\" \";z-index:-1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day:after{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{border-radius:8px;padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .time-body{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}:host(.datetime-presentation-date-time),:host(.datetime-presentation-time-date),:host(.datetime-presentation-date){min-height:350px}:host .datetime-header{padding-left:16px;padding-right:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-header{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host .datetime-header .datetime-title{color:var(--title-color);font-size:14px}:host .calendar-action-buttons ion-item{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:16px;font-weight:600}:host .calendar-action-buttons ion-item ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{padding-left:8px;padding-right:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:12px;font-weight:600;line-height:24px;text-transform:uppercase}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-days-of-week{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}:host .calendar-body .calendar-month .calendar-month-grid{padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;height:calc(100% - 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-body .calendar-month .calendar-month-grid{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}:host .calendar-day{font-size:20px}:host .calendar-day:after{opacity:0.2}:host .calendar-day:focus:after{background:var(--ion-color-base)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-active:after{background:var(--ion-color-base)}:host .calendar-day.calendar-day-today.calendar-day-active{color:var(--ion-color-contrast)}:host .calendar-day.calendar-day-today.calendar-day-active:after{background:var(--ion-color-base);opacity:1}:host .datetime-time{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:16px;font-size:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-time{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-buttons{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}";
-const datetimeMdCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;max-width:350px;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .datetime-year .order-month-first .month-column{-ms-flex-order:1;order:1}:host .datetime-year .order-month-first .year-column{-ms-flex-order:2;order:2}:host .datetime-year .order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .datetime-year .order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px;position:absolute;visibility:hidden;pointer-events:none}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-readonly),:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled){opacity:0.4}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{padding-left:4px;padding-right:0;padding-top:0;padding-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-action-buttons ion-item ion-icon{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0}}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr);height:100%}:host .calendar-day{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{padding-left:unset;padding-right:unset;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{margin-left:unset;margin-right:unset;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px}}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}:host .calendar-day:after{border-radius:32px;padding-left:4px;padding-right:4px;padding-top:4px;padding-bottom:4px;position:absolute;top:50%;left:50%;width:32px;height:32px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\" \";z-index:-1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day:after{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{border-radius:8px;padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .time-body{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}:host .datetime-header{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-header{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}:host .datetime-header .datetime-title{font-size:12px;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:34px}:host .datetime-calendar .calendar-action-buttons ion-item{--padding-start:20px}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{color:var(--ion-color-step-650, #595959)}:host .calendar-days-of-week{padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:14px;line-height:36px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-days-of-week{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}}:host .calendar-body .calendar-month .calendar-month-grid{padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:0px;grid-template-rows:repeat(6, 1fr)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-body .calendar-month .calendar-month-grid{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}}:host .calendar-day{padding-left:0px;padding-right:0;padding-top:13px;padding-bottom:13px;font-size:14px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{padding-left:unset;padding-right:unset;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0;padding-inline-end:0}}:host .calendar-day:focus:after{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-today:after{border:1px solid var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-contrast)}:host .calendar-day.calendar-day-active:after{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .datetime-time{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-time{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host .time-header{color:var(--ion-color-step-650, #595959)}:host(.datetime-presentation-month) .datetime-year,:host(.datetime-presentation-year) .datetime-year,:host(.datetime-presentation-month-year) .datetime-year{margin-top:20px;margin-bottom:20px}:host .datetime-buttons{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-buttons{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}}:host .datetime-view-buttons ion-button{color:var(--ion-color-step-800, #333333)}";
-const Datetime = class {
-  constructor(hostRef) {
-    (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.r)(this, hostRef);
-    this.ionCancel = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionCancel", 7);
-    this.ionChange = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionChange", 7);
-    this.ionFocus = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionFocus", 7);
-    this.ionBlur = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionBlur", 7);
-    this.ionStyle = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionStyle", 7);
-    this.inputId = `ion-dt-${datetimeIds++}`;
-    this.overlayIsPresenting = false;
-    /**
-     * Whether to highlight the active day with a solid circle (as opposed
-     * to the outline circle around today). If you don't specify an initial
-     * value for the datetime, it doesn't automatically init to a default to
-     * avoid unwanted change events firing. If the solid circle were still
-     * shown then, it would look like a date had already been selected, which
-     * is misleading UX.
-     */
-    this.highlightActiveParts = false;
-    this.todayParts = parseDate(getToday());
-    this.prevPresentation = null;
-    this.showMonthAndYear = false;
-    this.activeParts = {
-      month: 5,
-      day: 28,
-      year: 2021,
-      hour: 13,
-      minute: 52,
-      ampm: 'pm'
-    };
-    this.workingParts = {
-      month: 5,
-      day: 28,
-      year: 2021,
-      hour: 13,
-      minute: 52,
-      ampm: 'pm'
-    };
-    this.isPresented = false;
-    this.isTimePopoverOpen = false;
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    this.color = 'primary';
-    /**
-     * The name of the control, which is submitted with the form data.
-     */
-    this.name = this.inputId;
-    /**
-     * If `true`, the user cannot interact with the datetime.
-     */
-    this.disabled = false;
-    /**
-     * If `true`, the datetime appears normal but is not interactive.
-     */
-    this.readonly = false;
-    /**
-     * Which values you want to select. `'date'` will show
-     * a calendar picker to select the month, day, and year. `'time'`
-     * will show a time picker to select the hour, minute, and (optionally)
-     * AM/PM. `'date-time'` will show the date picker first and time picker second.
-     * `'time-date'` will show the time picker first and date picker second.
-     */
-    this.presentation = 'date-time';
-    /**
-     * The text to display on the picker's cancel button.
-     */
-    this.cancelText = 'Cancel';
-    /**
-     * The text to display on the picker's "Done" button.
-     */
-    this.doneText = 'Done';
-    /**
-     * The text to display on the picker's "Clear" button.
-     */
-    this.clearText = 'Clear';
-    /**
-     * The locale to use for `ion-datetime`. This
-     * impacts month and day name formatting.
-     * The `'default'` value refers to the default
-     * locale set by your device.
-     */
-    this.locale = 'default';
-    /**
-     * The first day of the week to use for `ion-datetime`. The
-     * default value is `0` and represents Sunday.
-     */
-    this.firstDayOfWeek = 0;
-    /**
-     * If `true`, a header will be shown above the calendar
-     * picker. On `ios` mode this will include the
-     * slotted title, and on `md` mode this will include
-     * the slotted title and the selected date.
-     */
-    this.showDefaultTitle = false;
-    /**
-     * If `true`, the default "Cancel" and "OK" buttons
-     * will be rendered at the bottom of the `ion-datetime`
-     * component. Developers can also use the `button` slot
-     * if they want to customize these buttons. If custom
-     * buttons are set in the `button` slot then the
-     * default buttons will not be rendered.
-     */
-    this.showDefaultButtons = false;
-    /**
-     * If `true`, a "Clear" button will be rendered alongside
-     * the default "Cancel" and "OK" buttons at the bottom of the `ion-datetime`
-     * component. Developers can also use the `button` slot
-     * if they want to customize these buttons. If custom
-     * buttons are set in the `button` slot then the
-     * default buttons will not be rendered.
-     */
-    this.showClearButton = false;
-    /**
-     * If `true`, the default "Time" label will be rendered
-     * for the time selector of the `ion-datetime` component.
-     * Developers can also use the `time-label` slot
-     * if they want to customize this label. If a custom
-     * label is set in the `time-label` slot then the
-     * default label will not be rendered.
-     */
-    this.showDefaultTimeLabel = true;
-    /**
-     * If `cover`, the `ion-datetime` will expand to cover the full width of its container.
-     * If `fixed`, the `ion-datetime` will have a fixed width.
-     */
-    this.size = 'fixed';
-    this.closeParentOverlay = () => {
-      const popoverOrModal = this.el.closest('ion-modal, ion-popover');
-      if (popoverOrModal) {
-        popoverOrModal.dismiss();
-      }
-    };
-    this.setWorkingParts = parts => {
-      this.workingParts = Object.assign({}, parts);
-    };
-    this.setActiveParts = parts => {
-      this.activeParts = Object.assign({}, parts);
-      const hasSlottedButtons = this.el.querySelector('[slot="buttons"]') !== null;
-      if (hasSlottedButtons || this.showDefaultButtons) {
-        return;
-      }
-      this.confirm();
-    };
-    /**
-     * Stencil sometimes sets calendarBodyRef to null on rerender, even though
-     * the element is present. Query for it manually as a fallback.
-     *
-     * TODO(FW-901) Remove when issue is resolved: https://github.com/ionic-team/stencil/issues/3253
-     */
-    this.getCalendarBodyEl = () => {
-      var _a;
-      return this.calendarBodyRef || ((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.calendar-body'));
-    };
-    this.initializeKeyboardListeners = () => {
-      const calendarBodyRef = this.getCalendarBodyEl();
-      if (!calendarBodyRef) {
-        return;
-      }
-      const root = this.el.shadowRoot;
-      /**
-       * Get a reference to the month
-       * element we are currently viewing.
-       */
-      const currentMonth = calendarBodyRef.querySelector('.calendar-month:nth-of-type(2)');
-      /**
-       * When focusing the calendar body, we want to pass focus
-       * to the working day, but other days should
-       * only be accessible using the arrow keys. Pressing
-       * Tab should jump between bodies of selectable content.
-       */
-      const checkCalendarBodyFocus = ev => {
-        var _a;
-        const record = ev[0];
-        /**
-         * If calendar body was already focused
-         * when this fired or if the calendar body
-         * if not currently focused, we should not re-focus
-         * the inner day.
-         */
-        if (((_a = record.oldValue) === null || _a === void 0 ? void 0 : _a.includes('ion-focused')) || !calendarBodyRef.classList.contains('ion-focused')) {
-          return;
-        }
-        this.focusWorkingDay(currentMonth);
-      };
-      const mo = new MutationObserver(checkCalendarBodyFocus);
-      mo.observe(calendarBodyRef, {
-        attributeFilter: ['class'],
-        attributeOldValue: true
-      });
-      this.destroyKeyboardMO = () => {
-        mo === null || mo === void 0 ? void 0 : mo.disconnect();
-      };
-      /**
-       * We must use keydown not keyup as we want
-       * to prevent scrolling when using the arrow keys.
-       */
-      calendarBodyRef.addEventListener('keydown', ev => {
-        const activeElement = root.activeElement;
-        if (!activeElement || !activeElement.classList.contains('calendar-day')) {
-          return;
-        }
-        const parts = getPartsFromCalendarDay(activeElement);
-        let partsToFocus;
-        switch (ev.key) {
-          case 'ArrowDown':
-            ev.preventDefault();
-            partsToFocus = getNextWeek(parts);
-            break;
-          case 'ArrowUp':
-            ev.preventDefault();
-            partsToFocus = getPreviousWeek(parts);
-            break;
-          case 'ArrowRight':
-            ev.preventDefault();
-            partsToFocus = getNextDay(parts);
-            break;
-          case 'ArrowLeft':
-            ev.preventDefault();
-            partsToFocus = getPreviousDay(parts);
-            break;
-          case 'Home':
-            ev.preventDefault();
-            partsToFocus = getStartOfWeek(parts);
-            break;
-          case 'End':
-            ev.preventDefault();
-            partsToFocus = getEndOfWeek(parts);
-            break;
-          case 'PageUp':
-            ev.preventDefault();
-            partsToFocus = ev.shiftKey ? getPreviousYear(parts) : getPreviousMonth(parts);
-            break;
-          case 'PageDown':
-            ev.preventDefault();
-            partsToFocus = ev.shiftKey ? getNextYear(parts) : getNextMonth(parts);
-            break;
-          /**
-           * Do not preventDefault here
-           * as we do not want to override other
-           * browser defaults such as pressing Enter/Space
-           * to select a day.
-           */
-          default:
-            return;
-        }
-        /**
-         * If the day we want to move focus to is
-         * disabled, do not do anything.
-         */
-        if (isDayDisabled(partsToFocus, this.minParts, this.maxParts)) {
-          return;
-        }
-        this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), partsToFocus));
-        /**
-         * Give view a chance to re-render
-         * then move focus to the new working day
-         */
-        requestAnimationFrame(() => this.focusWorkingDay(currentMonth));
-      });
-    };
-    this.focusWorkingDay = currentMonth => {
-      /**
-       * Get the number of padding days so
-       * we know how much to offset our next selector by
-       * to grab the correct calenday-day element.
-       */
-      const padding = currentMonth.querySelectorAll('.calendar-day-padding');
-      const {
-        day
-      } = this.workingParts;
-      if (day === null) {
-        return;
-      }
-      /**
-       * Get the calendar day element
-       * and focus it.
-       */
-      const dayEl = currentMonth.querySelector(`.calendar-day:nth-of-type(${padding.length + day})`);
-      if (dayEl) {
-        dayEl.focus();
-      }
-    };
-    this.processMinParts = () => {
-      if (this.min === undefined) {
-        this.minParts = undefined;
-        return;
-      }
-      const {
-        month,
-        day,
-        year,
-        hour,
-        minute
-      } = parseDate(this.min);
-      this.minParts = {
-        month,
-        day,
-        year,
-        hour,
-        minute
-      };
-    };
-    this.processMaxParts = () => {
-      if (this.max === undefined) {
-        this.maxParts = undefined;
-        return;
-      }
-      const {
-        month,
-        day,
-        year,
-        hour,
-        minute
-      } = parseDate(this.max);
-      this.maxParts = {
-        month,
-        day,
-        year,
-        hour,
-        minute
-      };
-    };
-    this.initializeCalendarIOListeners = () => {
-      const calendarBodyRef = this.getCalendarBodyEl();
-      if (!calendarBodyRef) {
-        return;
-      }
-      const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(this);
-      /**
-       * For performance reasons, we only render 3
-       * months at a time: The current month, the previous
-       * month, and the next month. We have IntersectionObservers
-       * on the previous and next month elements to append/prepend
-       * new months.
-       *
-       * We can do this because Stencil is smart enough to not
-       * re-create the .calendar-month containers, but rather
-       * update the content within those containers.
-       *
-       * As an added bonus, WebKit has some troubles with
-       * scroll-snap-stop: always, so not rendering all of
-       * the months in a row allows us to mostly sidestep
-       * that issue.
-       */
-      const months = calendarBodyRef.querySelectorAll('.calendar-month');
-      const startMonth = months[0];
-      const workingMonth = months[1];
-      const endMonth = months[2];
-      /**
-       * Before setting up the IntersectionObserver,
-       * scroll the middle month into view.
-       * scrollIntoView() will scroll entire page
-       * if element is not in viewport. Use scrollLeft instead.
-       */
-      let endIO;
-      let startIO;
-      (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.c)(() => {
-        calendarBodyRef.scrollLeft = startMonth.clientWidth * ((0,_dir_e8b767a8_js__WEBPACK_IMPORTED_MODULE_7__.i)(this.el) ? -1 : 1);
-        const ioCallback = (callbackType, entries) => {
-          const refIO = callbackType === 'start' ? startIO : endIO;
-          const refMonth = callbackType === 'start' ? startMonth : endMonth;
-          const refMonthFn = callbackType === 'start' ? getPreviousMonth : getNextMonth;
-          /**
-           * If the month is not fully in view, do not do anything
-           */
-          const ev = entries[0];
-          if (!ev.isIntersecting) {
-            return;
-          }
-          /**
-           * When presenting an inline overlay,
-           * subsequent presentations will cause
-           * the IO to fire again (since the overlay
-           * is now visible and therefore the calendar
-           * months are intersecting).
-           */
-          if (this.overlayIsPresenting) {
-            this.overlayIsPresenting = false;
-            return;
-          }
-          const {
-            month,
-            year,
-            day
-          } = refMonthFn(this.workingParts);
-          if (isMonthDisabled({
-            month,
-            year,
-            day: null
-          }, {
-            minParts: Object.assign(Object.assign({}, this.minParts), {
-              day: null
-            }),
-            maxParts: Object.assign(Object.assign({}, this.maxParts), {
-              day: null
-            })
-          })) {
-            return;
-          }
-          /**
-           * On iOS, we need to set pointer-events: none
-           * when the user is almost done with the gesture
-           * so that they cannot quickly swipe while
-           * the scrollable container is snapping.
-           * Updating the container while snapping
-           * causes WebKit to snap incorrectly.
-           */
-          if (mode === 'ios') {
-            const ratio = ev.intersectionRatio; // `maxTouchPoints` will be 1 in device preview, but > 1 on device
-            const shouldDisable = Math.abs(ratio - 0.7) <= 0.1 && navigator.maxTouchPoints > 1;
-            if (shouldDisable) {
-              calendarBodyRef.style.setProperty('pointer-events', 'none');
-              return;
-            }
-          }
-          /**
-           * Prevent scrolling for other browsers
-           * to give the DOM time to update and the container
-           * time to properly snap.
-           */
-          calendarBodyRef.style.setProperty('overflow', 'hidden');
-          /**
-           * Remove the IO temporarily
-           * otherwise you can sometimes get duplicate
-           * events when rubber banding.
-           */
-          if (refIO === undefined) {
-            return;
-          }
-          refIO.disconnect();
-          /**
-           * Use a writeTask here to ensure
-           * that the state is updated and the
-           * correct month is scrolled into view
-           * in the same frame. This is not
-           * typically a problem on newer devices
-           * but older/slower device may have a flicker
-           * if we did not do this.
-           */
-          (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.c)(() => {
-            // Disconnect all active intersection observers
-            // to avoid a re-render causing a duplicate event.
-            if (this.destroyCalendarIO) {
-              this.destroyCalendarIO();
-            }
-            (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.r)(() => {
-              this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-                month,
-                day: day,
-                year
-              }));
-              calendarBodyRef.scrollLeft = workingMonth.clientWidth * ((0,_dir_e8b767a8_js__WEBPACK_IMPORTED_MODULE_7__.i)(this.el) ? -1 : 1);
-              calendarBodyRef.style.removeProperty('overflow');
-              calendarBodyRef.style.removeProperty('pointer-events');
-              endIO === null || endIO === void 0 ? void 0 : endIO.observe(endMonth);
-              startIO === null || startIO === void 0 ? void 0 : startIO.observe(startMonth);
-            });
-            /**
-             * Now that state has been updated
-             * and the correct month is in view,
-             * we can resume the IO.
-             */
-            if (refIO === undefined) {
-              return;
-            }
-            refIO.observe(refMonth);
-          });
-        };
-        const threshold = mode === 'ios' && typeof navigator !== 'undefined' && navigator.maxTouchPoints > 1 ? [0.7, 1] : 1; // Intersection observers cannot accurately detect the
-        // intersection with a threshold of 1, when the observed
-        // element width is a sub-pixel value (i.e. 334.05px).
-        // Setting a root margin to 1px solves the issue.
-        const rootMargin = '1px';
-        /**
-         * Listen on the first month to
-         * prepend a new month and on the last
-         * month to append a new month.
-         * The 0.7 threshold is required on ios
-         * so that we can remove pointer-events
-         * when adding new months.
-         * Adding to a scroll snapping container
-         * while the container is snapping does not
-         * completely work as expected in WebKit.
-         * Adding pointer-events: none allows us to
-         * avoid these issues.
-         *
-         * This should be fine on Chromium, but
-         * when you set pointer-events: none
-         * it applies to active gestures which is not
-         * something WebKit does.
-         */
-        endIO = new IntersectionObserver(ev => ioCallback('end', ev), {
-          threshold,
-          root: calendarBodyRef,
-          rootMargin
-        });
-        endIO.observe(endMonth);
-        startIO = new IntersectionObserver(ev => ioCallback('start', ev), {
-          threshold,
-          root: calendarBodyRef,
-          rootMargin
-        });
-        startIO.observe(startMonth);
-        this.destroyCalendarIO = () => {
-          endIO === null || endIO === void 0 ? void 0 : endIO.disconnect();
-          startIO === null || startIO === void 0 ? void 0 : startIO.disconnect();
-        };
-      });
-    };
-    /**
-     * Clean up all listeners except for the overlay
-     * listener. This is so that we can re-create the listeners
-     * if the datetime has been hidden/presented by a modal or popover.
-     */
-    this.destroyInteractionListeners = () => {
-      const {
-        destroyCalendarIO,
-        destroyKeyboardMO
-      } = this;
-      if (destroyCalendarIO !== undefined) {
-        destroyCalendarIO();
-      }
-      if (destroyKeyboardMO !== undefined) {
-        destroyKeyboardMO();
-      }
-    };
-    /**
-     * When doing subsequent presentations of an inline
-     * overlay, the IO callback will fire again causing
-     * the calendar to go back one month. We need to listen
-     * for the presentation of the overlay so we can properly
-     * cancel that IO callback.
-     */
-    this.initializeOverlayListener = () => {
-      const overlay = this.el.closest('ion-popover, ion-modal');
-      if (overlay === null) {
-        return;
-      }
-      const overlayListener = () => {
-        this.overlayIsPresenting = true;
-      };
-      overlay.addEventListener('willPresent', overlayListener);
-      this.destroyOverlayListener = () => {
-        overlay.removeEventListener('willPresent', overlayListener);
-      };
-    };
-    this.processValue = value => {
-      this.highlightActiveParts = !!value;
-      const valueToProcess = parseDate(value || getToday());
-      const {
-        minParts,
-        maxParts
-      } = this;
-      warnIfValueOutOfBounds(valueToProcess, minParts, maxParts);
-      const {
-        month,
-        day,
-        year,
-        hour,
-        minute,
-        tzOffset
-      } = clampDate(valueToProcess, minParts, maxParts);
-      this.setWorkingParts({
-        month,
-        day,
-        year,
-        hour,
-        minute,
-        tzOffset,
-        ampm: hour >= 12 ? 'pm' : 'am'
-      });
-      this.activeParts = {
-        month,
-        day,
-        year,
-        hour,
-        minute,
-        tzOffset,
-        ampm: hour >= 12 ? 'pm' : 'am'
-      };
-    };
-    this.onFocus = () => {
-      this.ionFocus.emit();
-    };
-    this.onBlur = () => {
-      this.ionBlur.emit();
-    };
-    this.hasValue = () => {
-      return this.value != null && this.value !== '';
-    };
-    this.nextMonth = () => {
-      const calendarBodyRef = this.getCalendarBodyEl();
-      if (!calendarBodyRef) {
-        return;
-      }
-      const nextMonth = calendarBodyRef.querySelector('.calendar-month:last-of-type');
-      if (!nextMonth) {
-        return;
-      }
-      const left = nextMonth.offsetWidth * 2;
-      calendarBodyRef.scrollTo({
-        top: 0,
-        left: left * ((0,_dir_e8b767a8_js__WEBPACK_IMPORTED_MODULE_7__.i)(this.el) ? -1 : 1),
-        behavior: 'smooth'
-      });
-    };
-    this.prevMonth = () => {
-      const calendarBodyRef = this.getCalendarBodyEl();
-      if (!calendarBodyRef) {
-        return;
-      }
-      const prevMonth = calendarBodyRef.querySelector('.calendar-month:first-of-type');
-      if (!prevMonth) {
-        return;
-      }
-      calendarBodyRef.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: 'smooth'
-      });
-    };
-    this.toggleMonthAndYearView = () => {
-      this.showMonthAndYear = !this.showMonthAndYear;
-    };
-  }
-  disabledChanged() {
-    this.emitStyle();
-  }
-  minChanged() {
-    this.processMinParts();
-  }
-  maxChanged() {
-    this.processMaxParts();
-  }
-  yearValuesChanged() {
-    this.parsedYearValues = convertToArrayOfNumbers(this.yearValues);
-  }
-  monthValuesChanged() {
-    this.parsedMonthValues = convertToArrayOfNumbers(this.monthValues);
-  }
-  dayValuesChanged() {
-    this.parsedDayValues = convertToArrayOfNumbers(this.dayValues);
-  }
-  hourValuesChanged() {
-    this.parsedHourValues = convertToArrayOfNumbers(this.hourValues);
-  }
-  minuteValuesChanged() {
-    this.parsedMinuteValues = convertToArrayOfNumbers(this.minuteValues);
-  }
-  activePartsChanged() {
-    this.activePartsClone = this.activeParts;
-  }
-  /**
-   * Update the datetime value when the value changes
-   */
-  valueChanged() {
-    if (this.hasValue()) {
-      /**
-       * Clones the value of the `activeParts` to the private clone, to update
-       * the date display on the current render cycle without causing another render.
-       *
-       * This allows us to update the current value's date/time display without
-       * refocusing or shifting the user's display (leaves the user in place).
-       */
-      const valueDateParts = parseDate(this.value);
-      if (valueDateParts) {
-        warnIfValueOutOfBounds(valueDateParts, this.minParts, this.maxParts);
-        const {
-          month,
-          day,
-          year,
-          hour,
-          minute
-        } = valueDateParts;
-        const ampm = hour >= 12 ? 'pm' : 'am';
-        this.activePartsClone = Object.assign(Object.assign({}, this.activeParts), {
-          month,
-          day,
-          year,
-          hour,
-          minute,
-          ampm
-        });
-        /**
-         * The working parts am/pm value must be updated when the value changes, to
-         * ensure the time picker hour column values are generated correctly.
-         */
-        this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-          ampm
-        }));
-      } else {
-        (0,_index_9ac92660_js__WEBPACK_IMPORTED_MODULE_6__.p)(`Unable to parse date string: ${this.value}. Please provide a valid ISO 8601 datetime string.`);
-      }
-    }
-    this.emitStyle();
-    this.ionChange.emit({
-      value: this.value
-    });
-  }
-  /**
-   * Confirms the selected datetime value, updates the
-   * `value` property, and optionally closes the popover
-   * or modal that the datetime was presented in.
-   */
-  confirm(closeOverlay = false) {
-    var _this = this;
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      /**
-       * We only update the value if the presentation is not a calendar picker,
-       * or if `highlightActiveParts` is true; indicating that the user
-       * has selected a date from the calendar picker.
-       *
-       * Otherwise "today" would accidentally be set as the value.
-       */
-      if (_this.highlightActiveParts || !_this.isCalendarPicker) {
-        /**
-         * Prevent convertDataToISO from doing any
-         * kind of transformation based on timezone
-         * This cancels out any change it attempts to make
-         *
-         * Important: Take the timezone offset based on
-         * the date that is currently selected, otherwise
-         * there can be 1 hr difference when dealing w/ DST
-         */
-        const date = new Date(convertDataToISO(_this.activeParts));
-        _this.activeParts.tzOffset = date.getTimezoneOffset() * -1;
-        _this.value = convertDataToISO(_this.activeParts);
-      }
-      if (closeOverlay) {
-        _this.closeParentOverlay();
-      }
-    })();
-  }
-  /**
-   * Resets the internal state of the datetime but does not update the value.
-   * Passing a valid ISO-8601 string will reset the state of the component to the provided date.
-   * If no value is provided, the internal state will be reset to the clamped value of the min, max and today.
-   */
-  reset(startDate) {
-    var _this2 = this;
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      _this2.processValue(startDate);
-    })();
-  }
-  /**
-   * Emits the ionCancel event and
-   * optionally closes the popover
-   * or modal that the datetime was
-   * presented in.
-   */
-  cancel(closeOverlay = false) {
-    var _this3 = this;
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      _this3.ionCancel.emit();
-      if (closeOverlay) {
-        _this3.closeParentOverlay();
-      }
-    })();
-  }
-  get isCalendarPicker() {
-    const {
-      presentation
-    } = this;
-    return presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
-  }
-  connectedCallback() {
-    this.clearFocusVisible = (0,_focus_visible_5ad6825d_js__WEBPACK_IMPORTED_MODULE_4__.startFocusVisible)(this.el).destroy;
-  }
-  disconnectedCallback() {
-    if (this.clearFocusVisible) {
-      this.clearFocusVisible();
-      this.clearFocusVisible = undefined;
-    }
-  }
-  initializeListeners() {
-    this.initializeCalendarIOListeners();
-    this.initializeKeyboardListeners();
-    this.initializeOverlayListener();
-  }
-  componentDidLoad() {
-    /**
-     * If a scrollable element is hidden using `display: none`,
-     * it will not have a scroll height meaning we cannot scroll elements
-     * into view. As a result, we will need to wait for the datetime to become
-     * visible if used inside of a modal or a popover otherwise the scrollable
-     * areas will not have the correct values snapped into place.
-     */
-    const visibleCallback = entries => {
-      const ev = entries[0];
-      if (!ev.isIntersecting) {
-        return;
-      }
-      this.initializeListeners();
-      /**
-       * TODO: Datetime needs a frame to ensure that it
-       * can properly scroll contents into view. As a result
-       * we hide the scrollable content until after that frame
-       * so users do not see the content quickly shifting. The downside
-       * is that the content will pop into view a frame after. Maybe there
-       * is a better way to handle this?
-       */
-      (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.c)(() => {
-        this.el.classList.add('datetime-ready');
-      });
-    };
-    const visibleIO = new IntersectionObserver(visibleCallback, {
-      threshold: 0.01
-    });
-    /**
-     * Use raf to avoid a race condition between the component loading and
-     * its display animation starting (such as when shown in a modal). This
-     * could cause the datetime to start at a visibility of 0, erroneously
-     * triggering the `hiddenIO` observer below.
-     */
-    (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.r)(() => visibleIO === null || visibleIO === void 0 ? void 0 : visibleIO.observe(this.el));
-    /**
-     * We need to clean up listeners when the datetime is hidden
-     * in a popover/modal so that we can properly scroll containers
-     * back into view if they are re-presented. When the datetime is hidden
-     * the scroll areas have scroll widths/heights of 0px, so any snapping
-     * we did originally has been lost.
-     */
-    const hiddenCallback = entries => {
-      const ev = entries[0];
-      if (ev.isIntersecting) {
-        return;
-      }
-      this.destroyInteractionListeners();
-      (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.c)(() => {
-        this.el.classList.remove('datetime-ready');
-      });
-    };
-    const hiddenIO = new IntersectionObserver(hiddenCallback, {
-      threshold: 0
-    });
-    (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.r)(() => hiddenIO === null || hiddenIO === void 0 ? void 0 : hiddenIO.observe(this.el));
-    /**
-     * Datetime uses Ionic components that emit
-     * ionFocus and ionBlur. These events are
-     * composed meaning they will cross
-     * the shadow dom boundary. We need to
-     * stop propagation on these events otherwise
-     * developers will see 2 ionFocus or 2 ionBlur
-     * events at a time.
-     */
-    const root = (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.g)(this.el);
-    root.addEventListener('ionFocus', ev => ev.stopPropagation());
-    root.addEventListener('ionBlur', ev => ev.stopPropagation());
-  }
-  /**
-   * When the presentation is changed, all calendar content is recreated,
-   * so we need to re-init behavior with the new elements.
-   */
-  componentDidRender() {
-    const {
-      presentation,
-      prevPresentation
-    } = this;
-    if (prevPresentation === null) {
-      this.prevPresentation = presentation;
-      return;
-    }
-    if (presentation === prevPresentation) {
-      return;
-    }
-    this.prevPresentation = presentation;
-    this.destroyInteractionListeners();
-    if (this.destroyOverlayListener !== undefined) {
-      this.destroyOverlayListener();
-    }
-    this.initializeListeners();
-  }
-  componentWillLoad() {
-    this.processMinParts();
-    this.processMaxParts();
-    this.processValue(this.value);
-    this.parsedHourValues = convertToArrayOfNumbers(this.hourValues);
-    this.parsedMinuteValues = convertToArrayOfNumbers(this.minuteValues);
-    this.parsedMonthValues = convertToArrayOfNumbers(this.monthValues);
-    this.parsedYearValues = convertToArrayOfNumbers(this.yearValues);
-    this.parsedDayValues = convertToArrayOfNumbers(this.dayValues);
-    this.emitStyle();
-  }
-  emitStyle() {
-    this.ionStyle.emit({
-      interactive: true,
-      datetime: true,
-      'interactive-disabled': this.disabled
-    });
-  }
-  renderFooter() {
-    const {
-      showDefaultButtons,
-      showClearButton
-    } = this;
-    const hasSlottedButtons = this.el.querySelector('[slot="buttons"]') !== null;
-    if (!hasSlottedButtons && !showDefaultButtons && !showClearButton) {
-      return;
-    }
-    const clearButtonClick = () => {
-      this.reset();
-      this.value = undefined;
-    };
-    /**
-     * By default we render two buttons:
-     * Cancel - Dismisses the datetime and
-     * does not update the `value` prop.
-     * OK - Dismisses the datetime and
-     * updates the `value` prop.
-     */
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-footer"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-buttons"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: {
-        ['datetime-action-buttons']: true,
-        ['has-clear-button']: this.showClearButton
-      }
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("slot", {
-      name: "buttons"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-buttons", null, showDefaultButtons && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      id: "cancel-button",
-      color: this.color,
-      onClick: () => this.cancel(true)
-    }, this.cancelText), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, showClearButton && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      id: "clear-button",
-      color: this.color,
-      onClick: () => clearButtonClick()
-    }, this.clearText), showDefaultButtons && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      id: "confirm-button",
-      color: this.color,
-      onClick: () => this.confirm(true)
-    }, this.doneText)))))));
-  }
-  renderYearView() {
-    const {
-      presentation,
-      workingParts,
-      locale
-    } = this;
-    const calendarYears = getCalendarYears(this.todayParts, this.minParts, this.maxParts, this.parsedYearValues);
-    const showMonth = presentation !== 'year';
-    const showYear = presentation !== 'month';
-    const months = getPickerMonths(locale, workingParts, this.minParts, this.maxParts, this.parsedMonthValues);
-    const years = calendarYears.map(year => {
-      return {
-        text: `${year}`,
-        value: year
-      };
-    });
-    const showMonthFirst = isMonthFirstLocale(locale);
-    const columnOrder = showMonthFirst ? 'month-first' : 'year-first';
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-year"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: {
-        'datetime-year-body': true,
-        [`order-${columnOrder}`]: true
-      }
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-internal", null, showMonth && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      class: "month-column",
-      color: this.color,
-      items: months,
-      value: workingParts.month,
-      onIonChange: ev => {
-        // Due to a Safari 14 issue we need to destroy
-        // the intersection observer before we update state
-        // and trigger a re-render.
-        if (this.destroyCalendarIO) {
-          this.destroyCalendarIO();
-        }
-        this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-          month: ev.detail.value
-        }));
-        if (presentation === 'month' || presentation === 'month-year') {
-          this.setActiveParts(Object.assign(Object.assign({}, this.activeParts), {
-            month: ev.detail.value
-          }));
-        } // We can re-attach the intersection observer after
-        // the working parts have been updated.
-        this.initializeCalendarIOListeners();
-        ev.stopPropagation();
-      }
-    }), showYear && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      class: "year-column",
-      color: this.color,
-      items: years,
-      value: workingParts.year,
-      onIonChange: ev => {
-        // Due to a Safari 14 issue we need to destroy
-        // the intersection observer before we update state
-        // and trigger a re-render.
-        if (this.destroyCalendarIO) {
-          this.destroyCalendarIO();
-        }
-        this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-          year: ev.detail.value
-        }));
-        if (presentation === 'year' || presentation === 'month-year') {
-          this.setActiveParts(Object.assign(Object.assign({}, this.activeParts), {
-            year: ev.detail.value
-          }));
-        } // We can re-attach the intersection observer after
-        // the working parts have been updated.
-        this.initializeCalendarIOListeners();
-        ev.stopPropagation();
-      }
-    }))));
-  }
-  renderCalendarHeader(mode) {
-    const expandedIcon = mode === 'ios' ? _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.i : _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.m;
-    const collapsedIcon = mode === 'ios' ? _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.l : _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.n;
-    const prevMonthDisabled = isPrevMonthDisabled(this.workingParts, this.minParts, this.maxParts);
-    const nextMonthDisabled = isNextMonthDisabled(this.workingParts, this.maxParts);
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-header"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-action-buttons"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-month-year"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-item", {
-      button: true,
-      detail: false,
-      lines: "none",
-      onClick: () => this.toggleMonthAndYearView()
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-label", null, getMonthAndYear(this.locale, this.workingParts), ' ', (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-icon", {
-      icon: this.showMonthAndYear ? expandedIcon : collapsedIcon,
-      lazy: false
-    })))), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-next-prev"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-buttons", null, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      disabled: prevMonthDisabled,
-      onClick: () => this.prevMonth()
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-icon", {
-      slot: "icon-only",
-      icon: _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.c,
-      lazy: false,
-      flipRtl: true
-    })), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      disabled: nextMonthDisabled,
-      onClick: () => this.nextMonth()
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-icon", {
-      slot: "icon-only",
-      icon: _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.l,
-      lazy: false,
-      flipRtl: true
-    }))))), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-days-of-week"
-    }, getDaysOfWeek(this.locale, mode, this.firstDayOfWeek % 7).map(d => {
-      return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-        class: "day-of-week"
-      }, d);
-    })));
-  }
-  renderMonth(month, year) {
-    const {
-      highlightActiveParts
-    } = this;
-    const yearAllowed = this.parsedYearValues === undefined || this.parsedYearValues.includes(year);
-    const monthAllowed = this.parsedMonthValues === undefined || this.parsedMonthValues.includes(month);
-    const isCalMonthDisabled = !yearAllowed || !monthAllowed;
-    const swipeDisabled = isMonthDisabled({
-      month,
-      year,
-      day: null
-    }, {
-      // The day is not used when checking if a month is disabled.
-      // Users should be able to access the min or max month, even if the
-      // min/max date is out of bounds (e.g. min is set to Feb 15, Feb should not be disabled).
-      minParts: Object.assign(Object.assign({}, this.minParts), {
-        day: null
-      }),
-      maxParts: Object.assign(Object.assign({}, this.maxParts), {
-        day: null
-      })
-    }); // The working month should never have swipe disabled.
-    // Otherwise the CSS scroll snap will not work and the user
-    // can free-scroll the calendar.
-    const isWorkingMonth = this.workingParts.month === month && this.workingParts.year === year;
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: {
-        'calendar-month': true,
-        // Prevents scroll snap swipe gestures for months outside of the min/max bounds
-        'calendar-month-disabled': !isWorkingMonth && swipeDisabled
-      }
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-month-grid"
-    }, getDaysOfMonth(month, year, this.firstDayOfWeek % 7).map((dateObject, index) => {
-      const {
-        day,
-        dayOfWeek
-      } = dateObject;
-      const {
-        isDateEnabled
-      } = this;
-      const referenceParts = {
-        month,
-        day,
-        year
-      };
-      const {
-        isActive,
-        isToday,
-        ariaLabel,
-        ariaSelected,
-        disabled
-      } = getCalendarDayState(this.locale, referenceParts, this.activePartsClone, this.todayParts, this.minParts, this.maxParts, this.parsedDayValues);
-      let isCalDayDisabled = isCalMonthDisabled || disabled;
-      if (!isCalDayDisabled && isDateEnabled !== undefined) {
-        try {
-          /**
-           * The `isDateEnabled` implementation is try-catch wrapped
-           * to prevent exceptions in the user's function from
-           * interrupting the calendar rendering.
-           */
-          isCalDayDisabled = !isDateEnabled(convertDataToISO(referenceParts));
-        } catch (e) {
-          (0,_index_9ac92660_js__WEBPACK_IMPORTED_MODULE_6__.b)('Exception thrown from provided `isDateEnabled` function. Please check your function and try again.', e);
-        }
-      }
-      return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("button", {
-        tabindex: "-1",
-        "data-day": day,
-        "data-month": month,
-        "data-year": year,
-        "data-index": index,
-        "data-day-of-week": dayOfWeek,
-        disabled: isCalDayDisabled,
-        class: {
-          'calendar-day-padding': day === null,
-          'calendar-day': true,
-          'calendar-day-active': isActive && highlightActiveParts,
-          'calendar-day-today': isToday
-        },
-        "aria-selected": ariaSelected,
-        "aria-label": ariaLabel,
-        onClick: () => {
-          if (day === null) {
-            return;
-          }
-          /**
-           * Note that for datetimes with confirm/cancel buttons, the value
-           * isn't updated until you call confirm(). We need to bring the
-           * solid circle back on day click for UX reasons, rather than only
-           * show the circle if `value` is truthy.
-           */
-          this.highlightActiveParts = true;
-          this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-            month,
-            day,
-            year
-          }));
-          this.setActiveParts(Object.assign(Object.assign({}, this.activeParts), {
-            month,
-            day,
-            year
-          }));
-        }
-      }, day);
-    })));
-  }
-  renderCalendarBody() {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-body ion-focusable",
-      ref: el => this.calendarBodyRef = el,
-      tabindex: "0"
-    }, generateMonths(this.workingParts).map(({
-      month,
-      year
-    }) => {
-      return this.renderMonth(month, year);
-    }));
-  }
-  renderCalendar(mode) {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-calendar"
-    }, this.renderCalendarHeader(mode), this.renderCalendarBody());
-  }
-  renderTimeLabel() {
-    const hasSlottedTimeLabel = this.el.querySelector('[slot="time-label"]') !== null;
-    if (!hasSlottedTimeLabel && !this.showDefaultTimeLabel) {
-      return;
-    }
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("slot", {
-      name: "time-label"
-    }, "Time");
-  }
-  renderTimePicker(hoursItems, minutesItems, ampmItems, use24Hour) {
-    const {
-      color,
-      activePartsClone,
-      workingParts
-    } = this;
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-internal", null, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      color: color,
-      value: activePartsClone.hour,
-      items: hoursItems,
-      numericInput: true,
-      onIonChange: ev => {
-        this.setWorkingParts(Object.assign(Object.assign({}, workingParts), {
-          hour: ev.detail.value
-        }));
-        this.setActiveParts(Object.assign(Object.assign({}, activePartsClone), {
-          hour: ev.detail.value
-        }));
-        ev.stopPropagation();
-      }
-    }), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      color: color,
-      value: activePartsClone.minute,
-      items: minutesItems,
-      numericInput: true,
-      onIonChange: ev => {
-        this.setWorkingParts(Object.assign(Object.assign({}, workingParts), {
-          minute: ev.detail.value
-        }));
-        this.setActiveParts(Object.assign(Object.assign({}, activePartsClone), {
-          minute: ev.detail.value
-        }));
-        ev.stopPropagation();
-      }
-    }), !use24Hour && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      color: color,
-      value: activePartsClone.ampm,
-      items: ampmItems,
-      onIonChange: ev => {
-        const hour = calculateHourFromAMPM(workingParts, ev.detail.value);
-        this.setWorkingParts(Object.assign(Object.assign({}, workingParts), {
-          ampm: ev.detail.value,
-          hour
-        }));
-        this.setActiveParts(Object.assign(Object.assign({}, activePartsClone), {
-          ampm: ev.detail.value,
-          hour
-        }));
-        ev.stopPropagation();
-      }
-    }));
-  }
-  renderTimeOverlay(hoursItems, minutesItems, ampmItems, use24Hour) {
-    var _this4 = this;
-    return [(0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "time-header"
-    }, this.renderTimeLabel()), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("button", {
-      class: {
-        'time-body': true,
-        'time-body-active': this.isTimePopoverOpen
-      },
-      "aria-expanded": "false",
-      "aria-haspopup": "true",
-      onClick: function () {
-        var _ref = (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (ev) {
-          const {
-            popoverRef
-          } = _this4;
-          if (popoverRef) {
-            _this4.isTimePopoverOpen = true;
-            popoverRef.present(new CustomEvent('ionShadowTarget', {
-              detail: {
-                ionShadowTarget: ev.target
-              }
-            }));
-            yield popoverRef.onWillDismiss();
-            _this4.isTimePopoverOpen = false;
-          }
-        });
-        return function onClick(_x) {
-          return _ref.apply(this, arguments);
-        };
-      }()
-    }, getFormattedTime(this.activePartsClone, use24Hour)), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-popover", {
-      alignment: "center",
-      translucent: true,
-      overlayIndex: 1,
-      arrow: false,
-      onWillPresent: ev => {
-        /**
-         * Intersection Observers do not consistently fire between Blink and Webkit
-         * when toggling the visibility of the popover and trying to scroll the picker
-         * column to the correct time value.
-         *
-         * This will correctly scroll the element position to the correct time value,
-         * before the popover is fully presented.
-         */
-        const cols = ev.target.querySelectorAll('ion-picker-column-internal'); // TODO (FW-615): Potentially remove this when intersection observers are fixed in picker column
-        cols.forEach(col => col.scrollActiveItemIntoView());
-      },
-      style: {
-        '--offset-y': '-10px'
-      },
-      // Allow native browser keyboard events to support up/down/home/end key
-      // navigation within the time picker.
-      keyboardEvents: true,
-      ref: el => this.popoverRef = el
-    }, this.renderTimePicker(hoursItems, minutesItems, ampmItems, use24Hour))];
-  }
-  /**
-   * Render time picker inside of datetime.
-   * Do not pass color prop to segment on
-   * iOS mode. MD segment has been customized and
-   * should take on the color prop, but iOS
-   * should just be the default segment.
-   */
-  renderTime() {
-    const {
-      workingParts,
-      presentation
-    } = this;
-    const timeOnlyPresentation = presentation === 'time';
-    const use24Hour = is24Hour(this.locale, this.hourCycle);
-    const {
-      hours,
-      minutes,
-      am,
-      pm
-    } = generateTime(workingParts, use24Hour ? 'h23' : 'h12', this.value ? this.minParts : undefined, this.value ? this.maxParts : undefined, this.parsedHourValues, this.parsedMinuteValues);
-    const hoursItems = hours.map(hour => {
-      return {
-        text: getFormattedHour(hour, use24Hour),
-        value: getInternalHourValue(hour, use24Hour, workingParts.ampm)
-      };
-    });
-    const minutesItems = minutes.map(minute => {
-      return {
-        text: addTimePadding(minute),
-        value: minute
-      };
-    });
-    const ampmItems = [];
-    if (am) {
-      ampmItems.push({
-        text: 'AM',
-        value: 'am'
-      });
-    }
-    if (pm) {
-      ampmItems.push({
-        text: 'PM',
-        value: 'pm'
-      });
-    }
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-time"
-    }, timeOnlyPresentation ? this.renderTimePicker(hoursItems, minutesItems, ampmItems, use24Hour) : this.renderTimeOverlay(hoursItems, minutesItems, ampmItems, use24Hour));
-  }
-  renderCalendarViewHeader(mode) {
-    const hasSlottedTitle = this.el.querySelector('[slot="title"]') !== null;
-    if (!hasSlottedTitle && !this.showDefaultTitle) {
-      return;
-    }
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-header"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-title"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("slot", {
-      name: "title"
-    }, "Select Date")), mode === 'md' && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-selected-date"
-    }, getMonthAndDay(this.locale, this.activeParts)));
-  }
-  renderDatetime(mode) {
-    const {
-      presentation
-    } = this;
-    switch (presentation) {
-      case 'date-time':
-        return [this.renderCalendarViewHeader(mode), this.renderCalendar(mode), this.renderYearView(), this.renderTime(), this.renderFooter()];
-      case 'time-date':
-        return [this.renderCalendarViewHeader(mode), this.renderTime(), this.renderCalendar(mode), this.renderYearView(), this.renderFooter()];
-      case 'time':
-        return [this.renderTime(), this.renderFooter()];
-      case 'month':
-      case 'month-year':
-      case 'year':
-        return [this.renderYearView(), this.renderFooter()];
-      default:
-        return [this.renderCalendarViewHeader(mode), this.renderCalendar(mode), this.renderYearView(), this.renderFooter()];
-    }
-  }
-  render() {
-    const {
-      name,
-      value,
-      disabled,
-      el,
-      color,
-      isPresented,
-      readonly,
-      showMonthAndYear,
-      presentation,
-      size
-    } = this;
-    const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(this);
-    const isMonthAndYearPresentation = presentation === 'year' || presentation === 'month' || presentation === 'month-year';
-    const shouldShowMonthAndYear = showMonthAndYear || isMonthAndYearPresentation;
-    const monthYearPickerOpen = showMonthAndYear && !isMonthAndYearPresentation;
-    (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.e)(true, el, name, value, disabled);
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)(_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.H, {
-      "aria-disabled": disabled ? 'true' : null,
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      class: Object.assign({}, (0,_theme_7670341c_js__WEBPACK_IMPORTED_MODULE_8__.c)(color, {
-        [mode]: true,
-        ['datetime-presented']: isPresented,
-        ['datetime-readonly']: readonly,
-        ['datetime-disabled']: disabled,
-        'show-month-and-year': shouldShowMonthAndYear,
-        'month-year-picker-open': monthYearPickerOpen,
-        [`datetime-presentation-${presentation}`]: true,
-        [`datetime-size-${size}`]: true
-      }))
-    }, this.renderDatetime(mode));
-  }
-  get el() {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.i)(this);
-  }
-  static get watchers() {
-    return {
-      "disabled": ["disabledChanged"],
-      "min": ["minChanged"],
-      "max": ["maxChanged"],
-      "yearValues": ["yearValuesChanged"],
-      "monthValues": ["monthValuesChanged"],
-      "dayValues": ["dayValuesChanged"],
-      "hourValues": ["hourValuesChanged"],
-      "minuteValues": ["minuteValuesChanged"],
-      "activeParts": ["activePartsChanged"],
-      "value": ["valueChanged"]
-    };
-  }
-};
-let datetimeIds = 0;
-Datetime.style = {
-  ios: datetimeIosCss,
-  md: datetimeMdCss
-};
-/**
- * iOS Picker Enter Animation
- */
-const iosEnterAnimation = baseEl => {
-  const baseAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  const backdropAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  const wrapperAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 0.01, 'var(--backdrop-opacity)').beforeStyles({
-    'pointer-events': 'none'
-  }).afterClearStyles(['pointer-events']);
-  wrapperAnimation.addElement(baseEl.querySelector('.picker-wrapper')).fromTo('transform', 'translateY(100%)', 'translateY(0%)');
-  return baseAnimation.addElement(baseEl).easing('cubic-bezier(.36,.66,.04,1)').duration(400).addAnimation([backdropAnimation, wrapperAnimation]);
-};
-/**
- * iOS Picker Leave Animation
- */
-const iosLeaveAnimation = baseEl => {
-  const baseAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  const backdropAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  const wrapperAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0.01);
-  wrapperAnimation.addElement(baseEl.querySelector('.picker-wrapper')).fromTo('transform', 'translateY(0%)', 'translateY(100%)');
-  return baseAnimation.addElement(baseEl).easing('cubic-bezier(.36,.66,.04,1)').duration(400).addAnimation([backdropAnimation, wrapperAnimation]);
-};
-const pickerIosCss = ".sc-ion-picker-ios-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}[dir=rtl].sc-ion-picker-ios-h,[dir=rtl] .sc-ion-picker-ios-h{left:unset;right:unset;right:0}.overlay-hidden.sc-ion-picker-ios-h{display:none}.picker-wrapper.sc-ion-picker-ios{border-radius:var(--border-radius);left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-wrapper.sc-ion-picker-ios{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}.picker-toolbar.sc-ion-picker-ios{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-ios{border:0;font-family:inherit}.picker-button.sc-ion-picker-ios:active,.picker-button.sc-ion-picker-ios:focus{outline:none}.picker-columns.sc-ion-picker-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;direction:ltr;overflow:hidden}.picker-above-highlight.sc-ion-picker-ios,.picker-below-highlight.sc-ion-picker-ios{display:none;pointer-events:none}.sc-ion-picker-ios-h{--background:var(--ion-background-color, #fff);--border-width:1px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-ios{display:-ms-flexbox;display:flex;height:44px;border-bottom:0.55px solid var(--border-color)}.picker-toolbar-button.sc-ion-picker-ios{-ms-flex:1;flex:1;text-align:end}.picker-toolbar-button.sc-ion-picker-ios:last-child .picker-button.sc-ion-picker-ios{font-weight:600}.picker-toolbar-button.sc-ion-picker-ios:first-child{font-weight:normal;text-align:start}.picker-button.sc-ion-picker-ios,.picker-button.ion-activated.sc-ion-picker-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:1em;padding-right:1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-button.sc-ion-picker-ios,.picker-button.ion-activated.sc-ion-picker-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-padding-end:1em;padding-inline-end:1em}}.picker-columns.sc-ion-picker-ios{height:215px;-webkit-perspective:1000px;perspective:1000px}.picker-above-highlight.sc-ion-picker-ios{left:0;top:0;-webkit-transform:translate3d(0,  0,  90px);transform:translate3d(0,  0,  90px);display:block;position:absolute;width:100%;height:81px;border-bottom:1px solid var(--border-color);background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--background, var(--ion-background-color, #fff))), to(rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8)));background:linear-gradient(to bottom, var(--background, var(--ion-background-color, #fff)) 20%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:10}[dir=rtl].sc-ion-picker-ios .picker-above-highlight.sc-ion-picker-ios,[dir=rtl].sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}.picker-below-highlight.sc-ion-picker-ios{left:0;top:115px;-webkit-transform:translate3d(0,  0,  90px);transform:translate3d(0,  0,  90px);display:block;position:absolute;width:100%;height:119px;border-top:1px solid var(--border-color);background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--background, var(--ion-background-color, #fff))), to(rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8)));background:linear-gradient(to top, var(--background, var(--ion-background-color, #fff)) 30%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:11}[dir=rtl].sc-ion-picker-ios .picker-below-highlight.sc-ion-picker-ios,[dir=rtl].sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}";
-const pickerMdCss = ".sc-ion-picker-md-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}[dir=rtl].sc-ion-picker-md-h,[dir=rtl] .sc-ion-picker-md-h{left:unset;right:unset;right:0}.overlay-hidden.sc-ion-picker-md-h{display:none}.picker-wrapper.sc-ion-picker-md{border-radius:var(--border-radius);left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-wrapper.sc-ion-picker-md{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}.picker-toolbar.sc-ion-picker-md{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-md{border:0;font-family:inherit}.picker-button.sc-ion-picker-md:active,.picker-button.sc-ion-picker-md:focus{outline:none}.picker-columns.sc-ion-picker-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;direction:ltr;overflow:hidden}.picker-above-highlight.sc-ion-picker-md,.picker-below-highlight.sc-ion-picker-md{display:none;pointer-events:none}.sc-ion-picker-md-h{--background:var(--ion-background-color, #fff);--border-width:0.55px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-md{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;height:44px}.picker-button.sc-ion-picker-md,.picker-button.ion-activated.sc-ion-picker-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:1.1em;padding-right:1.1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:14px;font-weight:500;text-transform:uppercase;-webkit-box-shadow:none;box-shadow:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-button.sc-ion-picker-md,.picker-button.ion-activated.sc-ion-picker-md{padding-left:unset;padding-right:unset;-webkit-padding-start:1.1em;padding-inline-start:1.1em;-webkit-padding-end:1.1em;padding-inline-end:1.1em}}.picker-columns.sc-ion-picker-md{height:216px;-webkit-perspective:1800px;perspective:1800px}.picker-above-highlight.sc-ion-picker-md{left:0;top:0;-webkit-transform:translate3d(0,  0,  90px);transform:translate3d(0,  0,  90px);position:absolute;width:100%;height:81px;border-bottom:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--ion-background-color, #fff)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background:linear-gradient(to bottom, var(--ion-background-color, #fff) 20%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:10}[dir=rtl].sc-ion-picker-md .picker-above-highlight.sc-ion-picker-md,[dir=rtl].sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}.picker-below-highlight.sc-ion-picker-md{left:0;top:115px;-webkit-transform:translate3d(0,  0,  90px);transform:translate3d(0,  0,  90px);position:absolute;width:100%;height:119px;border-top:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--ion-background-color, #fff)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background:linear-gradient(to top, var(--ion-background-color, #fff) 30%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:11}[dir=rtl].sc-ion-picker-md .picker-below-highlight.sc-ion-picker-md,[dir=rtl].sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}";
-const Picker = class {
-  constructor(hostRef) {
-    (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.r)(this, hostRef);
-    this.didPresent = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerDidPresent", 7);
-    this.willPresent = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerWillPresent", 7);
-    this.willDismiss = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerWillDismiss", 7);
-    this.didDismiss = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerDidDismiss", 7);
-    this.presented = false;
-    /**
-     * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-     */
-    this.keyboardClose = true;
-    /**
-     * Array of buttons to be displayed at the top of the picker.
-     */
-    this.buttons = [];
-    /**
-     * Array of columns to be displayed in the picker.
-     */
-    this.columns = [];
-    /**
-     * Number of milliseconds to wait before dismissing the picker.
-     */
-    this.duration = 0;
-    /**
-     * If `true`, a backdrop will be displayed behind the picker.
-     */
-    this.showBackdrop = true;
-    /**
-     * If `true`, the picker will be dismissed when the backdrop is clicked.
-     */
-    this.backdropDismiss = true;
-    /**
-     * If `true`, the picker will animate.
-     */
-    this.animated = true;
-    this.onBackdropTap = () => {
-      this.dismiss(undefined, _overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.B);
-    };
-    this.dispatchCancelHandler = ev => {
-      const role = ev.detail.role;
-      if ((0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.i)(role)) {
-        const cancelButton = this.buttons.find(b => b.role === 'cancel');
-        this.callButtonHandler(cancelButton);
-      }
-    };
-  }
-  connectedCallback() {
-    (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.e)(this.el);
-  }
-  /**
-   * Present the picker overlay after it has been created.
-   */
-  present() {
-    var _this5 = this;
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      yield (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.d)(_this5, 'pickerEnter', iosEnterAnimation, iosEnterAnimation, undefined);
-      if (_this5.duration > 0) {
-        _this5.durationTimeout = setTimeout(() => _this5.dismiss(), _this5.duration);
-      }
-    })();
-  }
-  /**
-   * Dismiss the picker overlay after it has been presented.
-   *
-   * @param data Any data to emit in the dismiss events.
-   * @param role The role of the element that is dismissing the picker.
-   * This can be useful in a button handler for determining which button was
-   * clicked to dismiss the picker.
-   * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
-   */
-  dismiss(data, role) {
-    if (this.durationTimeout) {
-      clearTimeout(this.durationTimeout);
-    }
-    return (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.f)(this, data, role, 'pickerLeave', iosLeaveAnimation, iosLeaveAnimation);
-  }
-  /**
-   * Returns a promise that resolves when the picker did dismiss.
-   */
-  onDidDismiss() {
-    return (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.g)(this.el, 'ionPickerDidDismiss');
-  }
-  /**
-   * Returns a promise that resolves when the picker will dismiss.
-   */
-  onWillDismiss() {
-    return (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.g)(this.el, 'ionPickerWillDismiss');
-  }
-  /**
-   * Get the column that matches the specified name.
-   *
-   * @param name The name of the column.
-   */
-  getColumn(name) {
-    return Promise.resolve(this.columns.find(column => column.name === name));
-  }
-  buttonClick(button) {
-    var _this6 = this;
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      const role = button.role;
-      if ((0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.i)(role)) {
-        return _this6.dismiss(undefined, role);
-      }
-      const shouldDismiss = yield _this6.callButtonHandler(button);
-      if (shouldDismiss) {
-        return _this6.dismiss(_this6.getSelected(), button.role);
-      }
-      return Promise.resolve();
-    })();
-  }
-  callButtonHandler(button) {
-    var _this7 = this;
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      if (button) {
-        // a handler has been provided, execute it
-        // pass the handler the values from the inputs
-        const rtn = yield (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.s)(button.handler, _this7.getSelected());
-        if (rtn === false) {
-          // if the return value of the handler is false then do not dismiss
-          return false;
-        }
-      }
-      return true;
-    })();
-  }
-  getSelected() {
-    const selected = {};
-    this.columns.forEach((col, index) => {
-      const selectedColumn = col.selectedIndex !== undefined ? col.options[col.selectedIndex] : undefined;
-      selected[col.name] = {
-        text: selectedColumn ? selectedColumn.text : undefined,
-        value: selectedColumn ? selectedColumn.value : undefined,
-        columnIndex: index
-      };
-    });
-    return selected;
-  }
-  render() {
-    const {
-      htmlAttributes
-    } = this;
-    const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(this);
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)(_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.H, Object.assign({
-      "aria-modal": "true",
-      tabindex: "-1"
-    }, htmlAttributes, {
-      style: {
-        zIndex: `${20000 + this.overlayIndex}`
-      },
-      class: Object.assign({
-        [mode]: true,
-        // Used internally for styling
-        [`picker-${mode}`]: true,
-        'overlay-hidden': true
-      }, (0,_theme_7670341c_js__WEBPACK_IMPORTED_MODULE_8__.g)(this.cssClass)),
-      onIonBackdropTap: this.onBackdropTap,
-      onIonPickerWillDismiss: this.dispatchCancelHandler
-    }), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-backdrop", {
-      visible: this.showBackdrop,
-      tappable: this.backdropDismiss
-    }), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      tabindex: "0"
-    }), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-wrapper ion-overlay-wrapper",
-      role: "dialog"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-toolbar"
-    }, this.buttons.map(b => (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: buttonWrapperClass(b)
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("button", {
-      type: "button",
-      onClick: () => this.buttonClick(b),
-      class: buttonClass(b)
-    }, b.text)))), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-columns"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-above-highlight"
-    }), this.presented && this.columns.map(c => (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column", {
-      col: c
-    })), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-below-highlight"
-    }))), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      tabindex: "0"
-    }));
-  }
-  get el() {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.i)(this);
-  }
-};
-const buttonWrapperClass = button => {
-  return {
-    [`picker-toolbar-${button.role}`]: button.role !== undefined,
-    'picker-toolbar-button': true
-  };
-};
-const buttonClass = button => {
-  return Object.assign({
-    'picker-button': true,
-    'ion-activatable': true
-  }, (0,_theme_7670341c_js__WEBPACK_IMPORTED_MODULE_8__.g)(button.cssClass));
-};
-Picker.style = {
-  ios: pickerIosCss,
-  md: pickerMdCss
-};
-const pickerColumnIosCss = ".picker-col{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;contain:content}.picker-opts{position:relative;-ms-flex:1;flex:1;max-width:100%}.picker-opt{left:0;top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{-ms-flex-pack:start;justify-content:flex-start}.picker-opts-right{-ms-flex-pack:end;justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;-ms-flex:1;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;-ms-flex:1;flex:1;text-align:start;white-space:nowrap}.picker-col{padding-left:4px;padding-right:4px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-col{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}}.picker-prefix,.picker-suffix,.picker-opts{top:77px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:center center;transform-origin:center center;height:46px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}";
-const pickerColumnMdCss = ".picker-col{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;contain:content}.picker-opts{position:relative;-ms-flex:1;flex:1;max-width:100%}.picker-opt{left:0;top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{-ms-flex-pack:start;justify-content:flex-start}.picker-opts-right{-ms-flex-pack:end;justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;-ms-flex:1;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;-ms-flex:1;flex:1;text-align:start;white-space:nowrap}.picker-col{padding-left:8px;padding-right:8px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-col{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}.picker-prefix,.picker-suffix,.picker-opts{top:77px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:inherit;font-size:22px;line-height:42px;pointer-events:none}.picker-opt{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;height:43px;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:22px;line-height:42px;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}.picker-prefix,.picker-suffix,.picker-opt.picker-opt-selected{color:var(--ion-color-primary, #3880ff)}";
-const PickerColumnCmp = class {
-  constructor(hostRef) {
-    (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.r)(this, hostRef);
-    this.ionPickerColChange = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerColChange", 7);
-    this.optHeight = 0;
-    this.rotateFactor = 0;
-    this.scaleFactor = 1;
-    this.velocity = 0;
-    this.y = 0;
-    this.noAnimate = true;
-  }
-  colChanged() {
-    this.refresh();
-  }
-  connectedCallback() {
-    var _this8 = this;
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      let pickerRotateFactor = 0;
-      let pickerScaleFactor = 0.81;
-      const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(_this8);
-      if (mode === 'ios') {
-        pickerRotateFactor = -0.46;
-        pickerScaleFactor = 1;
-      }
-      _this8.rotateFactor = pickerRotateFactor;
-      _this8.scaleFactor = pickerScaleFactor;
-      _this8.gesture = (yield Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./index-3f1a7d95.js */ 4168))).createGesture({
-        el: _this8.el,
-        gestureName: 'picker-swipe',
-        gesturePriority: 100,
-        threshold: 0,
-        passive: false,
-        onStart: ev => _this8.onStart(ev),
-        onMove: ev => _this8.onMove(ev),
-        onEnd: ev => _this8.onEnd(ev)
-      });
-      _this8.gesture.enable();
-      _this8.tmrId = setTimeout(() => {
-        _this8.noAnimate = false;
-        _this8.refresh(true);
-      }, 250);
-    })();
-  }
-  componentDidLoad() {
-    const colEl = this.optsEl;
-    if (colEl) {
-      // DOM READ
-      // We perfom a DOM read over a rendered item, this needs to happen after the first render
-      this.optHeight = colEl.firstElementChild ? colEl.firstElementChild.clientHeight : 0;
-    }
-    this.refresh();
-  }
-  disconnectedCallback() {
-    cancelAnimationFrame(this.rafId);
-    clearTimeout(this.tmrId);
-    if (this.gesture) {
-      this.gesture.destroy();
-      this.gesture = undefined;
-    }
-  }
-  emitColChange() {
-    this.ionPickerColChange.emit(this.col);
-  }
-  setSelected(selectedIndex, duration) {
-    // if there is a selected index, then figure out it's y position
-    // if there isn't a selected index, then just use the top y position
-    const y = selectedIndex > -1 ? -(selectedIndex * this.optHeight) : 0;
-    this.velocity = 0; // set what y position we're at
-    cancelAnimationFrame(this.rafId);
-    this.update(y, duration, true);
-    this.emitColChange();
-  }
-  update(y, duration, saveY) {
-    if (!this.optsEl) {
-      return;
-    } // ensure we've got a good round number :)
-    let translateY = 0;
-    let translateZ = 0;
-    const {
-      col,
-      rotateFactor
-    } = this;
-    const selectedIndex = col.selectedIndex = this.indexForY(-y);
-    const durationStr = duration === 0 ? '' : duration + 'ms';
-    const scaleStr = `scale(${this.scaleFactor})`;
-    const children = this.optsEl.children;
-    for (let i = 0; i < children.length; i++) {
-      const button = children[i];
-      const opt = col.options[i];
-      const optOffset = i * this.optHeight + y;
-      let transform = '';
-      if (rotateFactor !== 0) {
-        const rotateX = optOffset * rotateFactor;
-        if (Math.abs(rotateX) <= 90) {
-          translateY = 0;
-          translateZ = 90;
-          transform = `rotateX(${rotateX}deg) `;
-        } else {
-          translateY = -9999;
-        }
-      } else {
-        translateZ = 0;
-        translateY = optOffset;
-      }
-      const selected = selectedIndex === i;
-      transform += `translate3d(0px,${translateY}px,${translateZ}px) `;
-      if (this.scaleFactor !== 1 && !selected) {
-        transform += scaleStr;
-      } // Update transition duration
-      if (this.noAnimate) {
-        opt.duration = 0;
-        button.style.transitionDuration = '';
-      } else if (duration !== opt.duration) {
-        opt.duration = duration;
-        button.style.transitionDuration = durationStr;
-      } // Update transform
-      if (transform !== opt.transform) {
-        opt.transform = transform;
-      }
-      button.style.transform = transform; // Update selected item
-      if (selected !== opt.selected) {
-        opt.selected = selected;
-        if (selected) {
-          button.classList.add(PICKER_OPT_SELECTED);
-        } else {
-          button.classList.remove(PICKER_OPT_SELECTED);
-        }
-      }
-    }
-    this.col.prevSelected = selectedIndex;
-    if (saveY) {
-      this.y = y;
-    }
-    if (this.lastIndex !== selectedIndex) {
-      // have not set a last index yet
-      (0,_haptic_683b3b3c_js__WEBPACK_IMPORTED_MODULE_11__.b)();
-      this.lastIndex = selectedIndex;
-    }
-  }
-  decelerate() {
-    if (this.velocity !== 0) {
-      // still decelerating
-      this.velocity *= DECELERATION_FRICTION; // do not let it go slower than a velocity of 1
-      this.velocity = this.velocity > 0 ? Math.max(this.velocity, 1) : Math.min(this.velocity, -1);
-      let y = this.y + this.velocity;
-      if (y > this.minY) {
-        // whoops, it's trying to scroll up farther than the options we have!
-        y = this.minY;
-        this.velocity = 0;
-      } else if (y < this.maxY) {
-        // gahh, it's trying to scroll down farther than we can!
-        y = this.maxY;
-        this.velocity = 0;
-      }
-      this.update(y, 0, true);
-      const notLockedIn = Math.round(y) % this.optHeight !== 0 || Math.abs(this.velocity) > 1;
-      if (notLockedIn) {
-        // isn't locked in yet, keep decelerating until it is
-        this.rafId = requestAnimationFrame(() => this.decelerate());
-      } else {
-        this.velocity = 0;
-        this.emitColChange();
-        (0,_haptic_683b3b3c_js__WEBPACK_IMPORTED_MODULE_11__.h)();
-      }
-    } else if (this.y % this.optHeight !== 0) {
-      // needs to still get locked into a position so options line up
-      const currentPos = Math.abs(this.y % this.optHeight); // create a velocity in the direction it needs to scroll
-      this.velocity = currentPos > this.optHeight / 2 ? 1 : -1;
-      this.decelerate();
-    }
-  }
-  indexForY(y) {
-    return Math.min(Math.max(Math.abs(Math.round(y / this.optHeight)), 0), this.col.options.length - 1);
-  } // TODO should this check disabled?
-  onStart(detail) {
-    // We have to prevent default in order to block scrolling under the picker
-    // but we DO NOT have to stop propagation, since we still want
-    // some "click" events to capture
-    if (detail.event.cancelable) {
-      detail.event.preventDefault();
-    }
-    detail.event.stopPropagation();
-    (0,_haptic_683b3b3c_js__WEBPACK_IMPORTED_MODULE_11__.a)(); // reset everything
-    cancelAnimationFrame(this.rafId);
-    const options = this.col.options;
-    let minY = options.length - 1;
-    let maxY = 0;
-    for (let i = 0; i < options.length; i++) {
-      if (!options[i].disabled) {
-        minY = Math.min(minY, i);
-        maxY = Math.max(maxY, i);
-      }
-    }
-    this.minY = -(minY * this.optHeight);
-    this.maxY = -(maxY * this.optHeight);
-  }
-  onMove(detail) {
-    if (detail.event.cancelable) {
-      detail.event.preventDefault();
-    }
-    detail.event.stopPropagation(); // update the scroll position relative to pointer start position
-    let y = this.y + detail.deltaY;
-    if (y > this.minY) {
-      // scrolling up higher than scroll area
-      y = Math.pow(y, 0.8);
-      this.bounceFrom = y;
-    } else if (y < this.maxY) {
-      // scrolling down below scroll area
-      y += Math.pow(this.maxY - y, 0.9);
-      this.bounceFrom = y;
-    } else {
-      this.bounceFrom = 0;
-    }
-    this.update(y, 0, false);
-  }
-  onEnd(detail) {
-    if (this.bounceFrom > 0) {
-      // bounce back up
-      this.update(this.minY, 100, true);
-      this.emitColChange();
-      return;
-    } else if (this.bounceFrom < 0) {
-      // bounce back down
-      this.update(this.maxY, 100, true);
-      this.emitColChange();
-      return;
-    }
-    this.velocity = (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.l)(-MAX_PICKER_SPEED, detail.velocityY * 23, MAX_PICKER_SPEED);
-    if (this.velocity === 0 && detail.deltaY === 0) {
-      const opt = detail.event.target.closest('.picker-opt');
-      if (opt === null || opt === void 0 ? void 0 : opt.hasAttribute('opt-index')) {
-        this.setSelected(parseInt(opt.getAttribute('opt-index'), 10), TRANSITION_DURATION);
-      }
-    } else {
-      this.y += detail.deltaY;
-      if (Math.abs(detail.velocityY) < 0.05) {
-        const isScrollingUp = detail.deltaY > 0;
-        const optHeightFraction = Math.abs(this.y) % this.optHeight / this.optHeight;
-        if (isScrollingUp && optHeightFraction > 0.5) {
-          this.velocity = Math.abs(this.velocity) * -1;
-        } else if (!isScrollingUp && optHeightFraction <= 0.5) {
-          this.velocity = Math.abs(this.velocity);
-        }
-      }
-      this.decelerate();
-    }
-  }
-  refresh(forceRefresh) {
-    let min = this.col.options.length - 1;
-    let max = 0;
-    const options = this.col.options;
-    for (let i = 0; i < options.length; i++) {
-      if (!options[i].disabled) {
-        min = Math.min(min, i);
-        max = Math.max(max, i);
-      }
-    }
-    /**
-     * Only update selected value if column has a
-     * velocity of 0. If it does not, then the
-     * column is animating might land on
-     * a value different than the value at
-     * selectedIndex
-     */
-    if (this.velocity !== 0) {
-      return;
-    }
-    const selectedIndex = (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.l)(min, this.col.selectedIndex || 0, max);
-    if (this.col.prevSelected !== selectedIndex || forceRefresh) {
-      const y = selectedIndex * this.optHeight * -1;
-      this.velocity = 0;
-      this.update(y, TRANSITION_DURATION, true);
-    }
-  }
-  render() {
-    const col = this.col;
-    const Button = 'button';
-    const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(this);
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)(_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.H, {
-      class: {
-        [mode]: true,
-        'picker-col': true,
-        'picker-opts-left': this.col.align === 'left',
-        'picker-opts-right': this.col.align === 'right'
-      },
-      style: {
-        'max-width': this.col.columnWidth
-      }
-    }, col.prefix && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-prefix",
-      style: {
-        width: col.prefixWidth
-      }
-    }, col.prefix), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-opts",
-      style: {
-        maxWidth: col.optionsWidth
-      },
-      ref: el => this.optsEl = el
-    }, col.options.map((o, index) => (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)(Button, {
-      type: "button",
-      class: {
-        'picker-opt': true,
-        'picker-opt-disabled': !!o.disabled
-      },
-      "opt-index": index
-    }, o.text))), col.suffix && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-suffix",
-      style: {
-        width: col.suffixWidth
-      }
-    }, col.suffix));
-  }
-  get el() {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.i)(this);
-  }
-  static get watchers() {
-    return {
-      "col": ["colChanged"]
-    };
-  }
-};
-const PICKER_OPT_SELECTED = 'picker-opt-selected';
-const DECELERATION_FRICTION = 0.97;
-const MAX_PICKER_SPEED = 90;
-const TRANSITION_DURATION = 150;
-PickerColumnCmp.style = {
-  ios: pickerColumnIosCss,
-  md: pickerColumnMdCss
-};
-/***/ })
-}]);
-//# sourceMappingURL=node_modules_ionic_core_dist_esm_ion-datetime_3_entry_js.js.map