@ionic/core 8.7.18 → 8.7.19-dev.11772655618.1af0949f

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

@@ -25,6 +25,7 @@ import { checkForPresentationFormatMismatch, warnIfTimeZoneProvided } from "./ut
  * @slot buttons - The buttons in the datetime.
  * @slot time-label - The label for the time selector in the datetime.
  *
+ * @part wheel - The wheel container when using a wheel style layout, or in the month/year picker when using a grid style layout.
  * @part wheel-item - The individual items when using a wheel style layout, or in the
  * month/year picker when using a grid style layout.
  * @part wheel-item active - The currently selected wheel-item.
@@ -33,14 +34,23 @@ import { checkForPresentationFormatMismatch, warnIfTimeZoneProvided } from "./ut
  * layout with `presentation="date-time"` or `"time-date"`.
  * @part time-button active - The time picker button when the picker is open.
  *
+ * @part calendar-header - The calendar header manages the date navigation controls (month/year picker and previous/next buttons) and the days of the week when using a grid style layout.
  * @part month-year-button - The button that opens the month/year picker when
  * using a grid style layout.
+ * @part navigation-button - The buttons used to navigate to the next or previous month when using a grid style layout.
+ * @part previous-button - The button used to navigate to the previous month when using a grid style layout.
+ * @part next-button - The button used to navigate to the next month when using a grid style layout.
+ * @part calendar-days-of-week - The container for the day-of-the-week header (both weekdays and weekends) when using a grid style layout.
  *
  * @part calendar-day - The individual buttons that display a day inside of the datetime
  * calendar.
  * @part calendar-day active - The currently selected calendar day.
  * @part calendar-day today - The calendar day that contains the current day.
  * @part calendar-day disabled - The calendar day that is disabled.
+ *
+ * @part datetime-header - The datetime header contains the content for the `title` slot and the selected date.
+ * @part datetime-title - The element that contains the `title` slot content.
+ * @part datetime-selected-date - The element that contains the selected date.
  */
 export class Datetime {
     constructor() {
@@ -1195,7 +1205,7 @@ export class Datetime {
         const todayString = workingParts.day !== null
             ? `${workingParts.year}-${workingParts.month}-${workingParts.day}`
             : `${defaultParts.year}-${defaultParts.month}-${defaultParts.day}`;
-        return (h("ion-picker-column", { "aria-label": "Select a date", class: "date-column", color: this.color, disabled: disabled, value: todayString, onIonChange: (ev) => {
+        return (h("ion-picker-column", { part: WHEEL_PART, "aria-label": "Select a date", class: "date-column", color: this.color, disabled: disabled, value: todayString, onIonChange: (ev) => {
                 const { value } = ev.detail;
                 const findPart = parts.find(({ month, day, year }) => value === `${year}-${month}-${day}`);
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), findPart));
@@ -1270,7 +1280,7 @@ export class Datetime {
         const { disabled, workingParts } = this;
         const activePart = this.getActivePartsWithFallback();
         const pickerColumnValue = (_a = (workingParts.day !== null ? workingParts.day : this.defaultParts.day)) !== null && _a !== void 0 ? _a : undefined;
-        return (h("ion-picker-column", { "aria-label": "Select a day", class: "day-column", color: this.color, disabled: disabled, value: pickerColumnValue, onIonChange: (ev) => {
+        return (h("ion-picker-column", { part: WHEEL_PART, "aria-label": "Select a day", class: "day-column", color: this.color, disabled: disabled, value: pickerColumnValue, onIonChange: (ev) => {
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { day: ev.detail.value }));
                 this.setActiveParts(Object.assign(Object.assign({}, activePart), { day: ev.detail.value }));
                 ev.stopPropagation();
@@ -1282,7 +1292,7 @@ export class Datetime {
         }
         const { disabled, workingParts } = this;
         const activePart = this.getActivePartsWithFallback();
-        return (h("ion-picker-column", { "aria-label": "Select a month", class: "month-column", color: this.color, disabled: disabled, value: workingParts.month, onIonChange: (ev) => {
+        return (h("ion-picker-column", { part: WHEEL_PART, "aria-label": "Select a month", class: "month-column", color: this.color, disabled: disabled, value: workingParts.month, onIonChange: (ev) => {
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { month: ev.detail.value }));
                 this.setActiveParts(Object.assign(Object.assign({}, activePart), { month: ev.detail.value }));
                 ev.stopPropagation();
@@ -1294,7 +1304,7 @@ export class Datetime {
         }
         const { disabled, workingParts } = this;
         const activePart = this.getActivePartsWithFallback();
-        return (h("ion-picker-column", { "aria-label": "Select a year", class: "year-column", color: this.color, disabled: disabled, value: workingParts.year, onIonChange: (ev) => {
+        return (h("ion-picker-column", { part: WHEEL_PART, "aria-label": "Select a year", class: "year-column", color: this.color, disabled: disabled, value: workingParts.year, onIonChange: (ev) => {
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { year: ev.detail.value }));
                 this.setActiveParts(Object.assign(Object.assign({}, activePart), { year: ev.detail.value }));
                 ev.stopPropagation();
@@ -1327,7 +1337,7 @@ export class Datetime {
         if (hoursData.length === 0)
             return [];
         const activePart = this.getActivePartsWithFallback();
-        return (h("ion-picker-column", { "aria-label": "Select an hour", color: this.color, disabled: disabled, value: activePart.hour, numericInput: true, onIonChange: (ev) => {
+        return (h("ion-picker-column", { part: WHEEL_PART, "aria-label": "Select an hour", color: this.color, disabled: disabled, value: activePart.hour, numericInput: true, onIonChange: (ev) => {
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { hour: ev.detail.value }));
                 this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { hour: ev.detail.value }));
                 ev.stopPropagation();
@@ -1338,7 +1348,7 @@ export class Datetime {
         if (minutesData.length === 0)
             return [];
         const activePart = this.getActivePartsWithFallback();
-        return (h("ion-picker-column", { "aria-label": "Select a minute", color: this.color, disabled: disabled, value: activePart.minute, numericInput: true, onIonChange: (ev) => {
+        return (h("ion-picker-column", { part: WHEEL_PART, "aria-label": "Select a minute", color: this.color, disabled: disabled, value: activePart.minute, numericInput: true, onIonChange: (ev) => {
                 this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { minute: ev.detail.value }));
                 this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { minute: ev.detail.value }));
                 ev.stopPropagation();
@@ -1351,7 +1361,7 @@ export class Datetime {
         }
         const activePart = this.getActivePartsWithFallback();
         const isDayPeriodRTL = isLocaleDayPeriodRTL(this.locale);
-        return (h("ion-picker-column", { "aria-label": "Select a day period", style: isDayPeriodRTL ? { order: '-1' } : {}, color: this.color, disabled: disabled, value: activePart.ampm, onIonChange: (ev) => {
+        return (h("ion-picker-column", { part: WHEEL_PART, "aria-label": "Select a day period", style: isDayPeriodRTL ? { order: '-1' } : {}, color: this.color, disabled: disabled, value: activePart.ampm, 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({}, this.getActivePartsWithFallback()), { ampm: ev.detail.value, hour }));
@@ -1377,11 +1387,11 @@ export class Datetime {
         const nextMonthDisabled = disabled || isNextMonthDisabled(this.workingParts, this.maxParts);
         // don't use the inheritAttributes util because it removes dir from the host, and we still need that
         const hostDir = this.el.getAttribute('dir') || undefined;
-        return (h("div", { class: "calendar-header" }, h("div", { class: "calendar-action-buttons" }, h("div", { class: "calendar-month-year" }, h("button", { class: {
+        return (h("div", { class: "calendar-header", part: "calendar-header" }, h("div", { class: "calendar-action-buttons" }, h("div", { class: "calendar-month-year" }, h("button", { class: {
                 'calendar-month-year-toggle': true,
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }, part: "month-year-button", disabled: disabled, "aria-label": this.showMonthAndYear ? 'Hide year picker' : 'Show year picker', onClick: () => this.toggleMonthAndYearView() }, h("span", { id: "toggle-wrapper" }, getMonthAndYear(this.locale, this.workingParts), h("ion-icon", { "aria-hidden": "true", icon: this.showMonthAndYear ? expandedIcon : collapsedIcon, lazy: false, flipRtl: true })), mode === 'md' && h("ion-ripple-effect", null))), h("div", { class: "calendar-next-prev" }, h("ion-buttons", null, h("ion-button", { "aria-label": "Previous month", disabled: prevMonthDisabled, onClick: () => this.prevMonth() }, h("ion-icon", { dir: hostDir, "aria-hidden": "true", slot: "icon-only", icon: chevronBack, lazy: false, flipRtl: true })), h("ion-button", { "aria-label": "Next month", disabled: nextMonthDisabled, onClick: () => this.nextMonth() }, h("ion-icon", { dir: hostDir, "aria-hidden": "true", slot: "icon-only", icon: chevronForward, lazy: false, flipRtl: true }))))), h("div", { class: "calendar-days-of-week", "aria-hidden": "true" }, getDaysOfWeek(this.locale, mode, this.firstDayOfWeek % 7).map((d) => {
+            }, part: "month-year-button", disabled: disabled, "aria-label": this.showMonthAndYear ? 'Hide year picker' : 'Show year picker', onClick: () => this.toggleMonthAndYearView() }, h("span", { id: "toggle-wrapper" }, getMonthAndYear(this.locale, this.workingParts), h("ion-icon", { "aria-hidden": "true", icon: this.showMonthAndYear ? expandedIcon : collapsedIcon, lazy: false, flipRtl: true })), mode === 'md' && h("ion-ripple-effect", null))), h("div", { class: "calendar-next-prev" }, h("ion-buttons", null, h("ion-button", { "aria-label": "Previous month", disabled: prevMonthDisabled, onClick: () => this.prevMonth(), part: "navigation-button previous-button" }, h("ion-icon", { dir: hostDir, "aria-hidden": "true", slot: "icon-only", icon: chevronBack, lazy: false, flipRtl: true })), h("ion-button", { "aria-label": "Next month", disabled: nextMonthDisabled, onClick: () => this.nextMonth(), part: "navigation-button next-button" }, h("ion-icon", { dir: hostDir, "aria-hidden": "true", slot: "icon-only", icon: chevronForward, lazy: false, flipRtl: true }))))), h("div", { class: "calendar-days-of-week", "aria-hidden": "true", part: "calendar-days-of-week" }, getDaysOfWeek(this.locale, mode, this.firstDayOfWeek % 7).map((d) => {
             return h("div", { class: "day-of-week" }, d);
         }))));
     }
@@ -1613,7 +1623,7 @@ export class Datetime {
         if (!hasSlottedTitle && !this.showDefaultTitle) {
             return;
         }
-        return (h("div", { class: "datetime-header" }, h("div", { class: "datetime-title" }, h("slot", { name: "title" }, "Select Date")), showExpandedHeader && h("div", { class: "datetime-selected-date" }, this.getHeaderSelectedDateText())));
+        return (h("div", { class: "datetime-header", part: "datetime-header" }, h("div", { class: "datetime-title", part: "datetime-title" }, h("slot", { name: "title" }, "Select Date")), showExpandedHeader && (h("div", { class: "datetime-selected-date", part: "datetime-selected-date" }, this.getHeaderSelectedDateText()))));
     }
     /**
      * Render time picker inside of datetime.
@@ -1693,7 +1703,7 @@ export class Datetime {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         renderHiddenInput(true, el, name, formatValue(value), disabled);
-        return (h(Host, { key: 'b81c3531f4654be3f6948df5f790c0f6ab488000', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
+        return (h(Host, { key: '0039549c1a4098672eb827c3d6b2c8fcf8f41c53', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
                 [mode]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -1703,7 +1713,7 @@ export class Datetime {
                 [`datetime-size-${size}`]: true,
                 [`datetime-prefer-wheel`]: hasWheelVariant,
                 [`datetime-grid`]: isGridStyle,
-            })) }, h("div", { key: 'f7f39f8e56146186210d0ab70ae95e829573e549', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
+            })) }, h("div", { key: '72f0860a8c46aa493af28819d2e49689358b8357', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
     }
     static get is() { return "ion-datetime"; }
     static get encapsulation() { return "shadow"; }
@@ -1731,7 +1741,8 @@ export class Datetime {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -1797,7 +1808,8 @@ export class Datetime {
                         "FormatOptions": {
                             "location": "import",
                             "path": "./datetime-interface",
-                            "id": "src/components/datetime/datetime-interface.ts::FormatOptions"
+                            "id": "src/components/datetime/datetime-interface.ts::FormatOptions",
+                            "referenceLocation": "FormatOptions"
                         }
                     }
                 },
@@ -1915,7 +1927,8 @@ export class Datetime {
                         "DatetimePresentation": {
                             "location": "import",
                             "path": "./datetime-interface",
-                            "id": "src/components/datetime/datetime-interface.ts::DatetimePresentation"
+                            "id": "src/components/datetime/datetime-interface.ts::DatetimePresentation",
+                            "referenceLocation": "DatetimePresentation"
                         }
                     }
                 },
@@ -2136,7 +2149,8 @@ export class Datetime {
                         "TitleSelectedDatesFormatter": {
                             "location": "import",
                             "path": "./datetime-interface",
-                            "id": "src/components/datetime/datetime-interface.ts::TitleSelectedDatesFormatter"
+                            "id": "src/components/datetime/datetime-interface.ts::TitleSelectedDatesFormatter",
+                            "referenceLocation": "TitleSelectedDatesFormatter"
                         }
                     }
                 },
@@ -2179,12 +2193,14 @@ export class Datetime {
                         "DatetimeHighlight": {
                             "location": "import",
                             "path": "./datetime-interface",
-                            "id": "src/components/datetime/datetime-interface.ts::DatetimeHighlight"
+                            "id": "src/components/datetime/datetime-interface.ts::DatetimeHighlight",
+                            "referenceLocation": "DatetimeHighlight"
                         },
                         "DatetimeHighlightCallback": {
                             "location": "import",
                             "path": "./datetime-interface",
-                            "id": "src/components/datetime/datetime-interface.ts::DatetimeHighlightCallback"
+                            "id": "src/components/datetime/datetime-interface.ts::DatetimeHighlightCallback",
+                            "referenceLocation": "DatetimeHighlightCallback"
                         }
                     }
                 },
@@ -2306,7 +2322,8 @@ export class Datetime {
                         "DatetimeHourCycle": {
                             "location": "import",
                             "path": "./datetime-interface",
-                            "id": "src/components/datetime/datetime-interface.ts::DatetimeHourCycle"
+                            "id": "src/components/datetime/datetime-interface.ts::DatetimeHourCycle",
+                            "referenceLocation": "DatetimeHourCycle"
                         }
                     }
                 },
@@ -2405,7 +2422,8 @@ export class Datetime {
                         "DatetimeChangeEventDetail": {
                             "location": "import",
                             "path": "./datetime-interface",
-                            "id": "src/components/datetime/datetime-interface.ts::DatetimeChangeEventDetail"
+                            "id": "src/components/datetime/datetime-interface.ts::DatetimeChangeEventDetail",
+                            "referenceLocation": "DatetimeChangeEventDetail"
                         }
                     }
                 }
@@ -2429,7 +2447,8 @@ export class Datetime {
                         "DatetimeChangeEventDetail": {
                             "location": "import",
                             "path": "./datetime-interface",
-                            "id": "src/components/datetime/datetime-interface.ts::DatetimeChangeEventDetail"
+                            "id": "src/components/datetime/datetime-interface.ts::DatetimeChangeEventDetail",
+                            "referenceLocation": "DatetimeChangeEventDetail"
                         }
                     }
                 }
@@ -2483,7 +2502,8 @@ export class Datetime {
                         "StyleEventDetail": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
+                            "id": "src/interface.d.ts::StyleEventDetail",
+                            "referenceLocation": "StyleEventDetail"
                         }
                     }
                 }
@@ -2624,5 +2644,6 @@ export class Datetime {
 let datetimeIds = 0;
 const CANCEL_ROLE = 'datetime-cancel';
 const CONFIRM_ROLE = 'datetime-confirm';
+const WHEEL_PART = 'wheel';
 const WHEEL_ITEM_PART = 'wheel-item';
 const WHEEL_ITEM_ACTIVE_PART = `active`;

package/dist/collection/components/datetime-button/datetime-button.js

@@ -373,7 +373,8 @@ export class DatetimeButton {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },

package/dist/collection/components/fab-button/fab-button.js

@@ -121,7 +121,8 @@ export class FabButton {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -243,7 +244,8 @@ export class FabButton {
                         "RouterDirection": {
                             "location": "import",
                             "path": "../router/utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouterDirection"
+                            "id": "src/components/router/utils/interface.ts::RouterDirection",
+                            "referenceLocation": "RouterDirection"
                         }
                     }
                 },
@@ -269,7 +271,8 @@ export class FabButton {
                         "AnimationBuilder": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AnimationBuilder"
+                            "id": "src/interface.d.ts::AnimationBuilder",
+                            "referenceLocation": "AnimationBuilder"
                         }
                     }
                 },

package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js

@@ -56,7 +56,8 @@ export class InfiniteScrollContent {
                         "SpinnerTypes": {
                             "location": "import",
                             "path": "../spinner/spinner-configs",
-                            "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes"
+                            "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes",
+                            "referenceLocation": "SpinnerTypes"
                         }
                     }
                 },
@@ -81,7 +82,8 @@ export class InfiniteScrollContent {
                         "IonicSafeString": {
                             "location": "import",
                             "path": "../../utils/sanitization",
-                            "id": "src/utils/sanitization/index.ts::IonicSafeString"
+                            "id": "src/utils/sanitization/index.ts::IonicSafeString",
+                            "referenceLocation": "IonicSafeString"
                         }
                     }
                 },

package/dist/collection/components/input/input.js

@@ -586,7 +586,8 @@ export class Input {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -626,12 +627,13 @@ export class Input {
                 "mutable": false,
                 "complexType": {
                     "original": "AutocompleteTypes",
-                    "resolved": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
+                    "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"given-name\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"photo\" | \"postal-code\" | \"sex\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\"",
                     "references": {
                         "AutocompleteTypes": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AutocompleteTypes"
+                            "id": "src/interface.d.ts::AutocompleteTypes",
+                            "referenceLocation": "AutocompleteTypes"
                         }
                     }
                 },
@@ -1216,7 +1218,8 @@ export class Input {
                         "TextFieldTypes": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::TextFieldTypes"
+                            "id": "src/interface.d.ts::TextFieldTypes",
+                            "referenceLocation": "TextFieldTypes"
                         }
                     }
                 },
@@ -1278,7 +1281,8 @@ export class Input {
                         "InputInputEventDetail": {
                             "location": "import",
                             "path": "./input-interface",
-                            "id": "src/components/input/input-interface.ts::InputInputEventDetail"
+                            "id": "src/components/input/input-interface.ts::InputInputEventDetail",
+                            "referenceLocation": "InputInputEventDetail"
                         }
                     }
                 }
@@ -1299,7 +1303,8 @@ export class Input {
                         "InputChangeEventDetail": {
                             "location": "import",
                             "path": "./input-interface",
-                            "id": "src/components/input/input-interface.ts::InputChangeEventDetail"
+                            "id": "src/components/input/input-interface.ts::InputChangeEventDetail",
+                            "referenceLocation": "InputChangeEventDetail"
                         }
                     }
                 }

package/dist/collection/components/input-otp/input-otp.js

@@ -664,7 +664,8 @@ export class InputOTP {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -923,7 +924,8 @@ export class InputOTP {
                         "InputOtpInputEventDetail": {
                             "location": "import",
                             "path": "./input-otp-interface",
-                            "id": "src/components/input-otp/input-otp-interface.ts::InputOtpInputEventDetail"
+                            "id": "src/components/input-otp/input-otp-interface.ts::InputOtpInputEventDetail",
+                            "referenceLocation": "InputOtpInputEventDetail"
                         }
                     }
                 }
@@ -944,7 +946,8 @@ export class InputOTP {
                         "InputOtpChangeEventDetail": {
                             "location": "import",
                             "path": "./input-otp-interface",
-                            "id": "src/components/input-otp/input-otp-interface.ts::InputOtpChangeEventDetail"
+                            "id": "src/components/input-otp/input-otp-interface.ts::InputOtpChangeEventDetail",
+                            "referenceLocation": "InputOtpChangeEventDetail"
                         }
                     }
                 }
@@ -965,7 +968,8 @@ export class InputOTP {
                         "InputOtpCompleteEventDetail": {
                             "location": "import",
                             "path": "./input-otp-interface",
-                            "id": "src/components/input-otp/input-otp-interface.ts::InputOtpCompleteEventDetail"
+                            "id": "src/components/input-otp/input-otp-interface.ts::InputOtpCompleteEventDetail",
+                            "referenceLocation": "InputOtpCompleteEventDetail"
                         }
                     }
                 }

package/dist/collection/components/input-password-toggle/input-password-toggle.js

@@ -97,7 +97,8 @@ export class InputPasswordToggle {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -160,7 +161,8 @@ export class InputPasswordToggle {
                         "TextFieldTypes": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::TextFieldTypes"
+                            "id": "src/interface.d.ts::TextFieldTypes",
+                            "referenceLocation": "TextFieldTypes"
                         }
                     }
                 },

package/dist/collection/components/item/item.js

@@ -14,6 +14,8 @@ import { getIonMode } from "../../global/ionic-global";
  * @slot end - Content is placed to the right of the item text in LTR, and to the left in RTL.
  *
  * @part native - The native HTML button, anchor or div element that wraps all child elements.
+ * @part inner - The inner wrapper element that arranges the item content.
+ * @part container - The wrapper element that contains the default slot.
  * @part detail-icon - The chevron icon for the item. Only applies when `detail="true"`.
  */
 export class Item {
@@ -234,7 +236,7 @@ export class Item {
          * However, other form controls such as checkboxes and radios do.
          */
         const firstInteractiveNeedsPointerCursor = firstInteractive !== undefined && !['ION-INPUT', 'ION-TEXTAREA'].includes(firstInteractive.tagName);
-        return (h(Host, { key: '24b59935bd8db8b0b7f940582455a42b82cbf762', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '3977491399280a2aa3f796f0549235f3dc8b5681', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses(this.color, {
                 item: true,
                 [mode]: true,
                 'item-lines-default': lines === undefined,
@@ -246,7 +248,7 @@ export class Item {
                 'ion-activatable': canActivate,
                 'ion-focusable': this.focusable,
                 'item-rtl': document.dir === 'rtl',
-            })), role: inList ? 'listitem' : null }, h(TagType, Object.assign({ key: 'fd77b6e5f3eb2e1857a0cdd45562d71eabd30255' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), h("slot", { key: '8824ac8395aafa3d63c92f2128e947cac8393ac4', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), h("div", { key: '5c9127e388a432687766d86a9db91fd1663abf03', class: "item-inner" }, h("div", { key: '9dc2d2f58c4067c0143b3963334c346c3c7f77df', class: "input-wrapper" }, h("slot", { key: '8377d9e56dc4b1913f1346111b706e7f14c24d30', onSlotchange: this.updateInteractivityOnSlotChange })), h("slot", { key: 'bc771e106174f4a84ee12e92d14df81ad7ed177d', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (h("ion-icon", { key: '45336d121a097cbf71ee8a3f6b554745ba5e0bbf', icon: detailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": detailIcon === chevronForward }))), canActivate && mode === 'md' && h("ion-ripple-effect", { key: '197e244ae3bffebfa6ac9bfe7658d12e1af0ecb1' }))));
+            })), role: inList ? 'listitem' : null }, h(TagType, Object.assign({ key: '8aff72457004553e83d74a4dda2f9a6b8cf523d7' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), h("slot", { key: 'aba9a0f2ad101be6598f364c83236ca3de437a04', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), h("div", { key: '5e7851e49959e4ed114fcd51cb167db9bd8c0f00', class: "item-inner", part: "inner" }, h("div", { key: 'eee6511845d8459450ca856819839d83cd507c0c', class: "input-wrapper", part: "container" }, h("slot", { key: '76e13f86cd144951b1999eb333a2027b42cdf6e2', onSlotchange: this.updateInteractivityOnSlotChange })), h("slot", { key: 'b264f7b4c367e7700a9a05343177abf7b17045d8', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (h("ion-icon", { key: '66b930bdfebb55ea0b2e784a1c902eb6c64b2370', icon: detailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": detailIcon === chevronForward }))), canActivate && mode === 'md' && h("ion-ripple-effect", { key: '06ab8e87917b545f3c221602b9b6d8004a1895ad' }))));
     }
     static get is() { return "ion-item"; }
     static get encapsulation() { return "shadow"; }
@@ -274,7 +276,8 @@ export class Item {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -454,7 +457,8 @@ export class Item {
                         "AnimationBuilder": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AnimationBuilder"
+                            "id": "src/interface.d.ts::AnimationBuilder",
+                            "referenceLocation": "AnimationBuilder"
                         }
                     }
                 },
@@ -477,7 +481,8 @@ export class Item {
                         "RouterDirection": {
                             "location": "import",
                             "path": "../router/utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouterDirection"
+                            "id": "src/components/router/utils/interface.ts::RouterDirection",
+                            "referenceLocation": "RouterDirection"
                         }
                     }
                 },

package/dist/collection/components/item-divider/item-divider.js

@@ -10,6 +10,9 @@ import { getIonMode } from "../../global/ionic-global";
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the divider text in LTR, and to the right in RTL.
  * @slot end - Content is placed to the right of the divider text in LTR, and to the left in RTL.
+ *
+ * @part inner - The inner wrapper element that arranges the divider content.
+ * @part container - The wrapper element that contains the default slot.
  */
 export class ItemDivider {
     constructor() {
@@ -24,11 +27,11 @@ export class ItemDivider {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'ee8b2c8d5e415c0d8badf84fa7670932da4e809e', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'ff2ae8eee7704ca28e3f25a39fc3d910f57b1879', class: createColorClasses(this.color, {
                 [mode]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, h("slot", { key: 'a1b7bbb1a008b0a56887f130d166931033801746', name: "start" }), h("div", { key: '9d572da46ab616bdf881098e96aa6796a249507f', class: "item-divider-inner" }, h("div", { key: 'a57a2c17093b74b9e4f8fd2778230a440b293aa1', class: "item-divider-wrapper" }, h("slot", { key: 'ef15ebf58f3acd4b4d1b7c51144e26c3759dba49' })), h("slot", { key: '1787c2400534301fe72b8ec213d0ce1e8f75b65a', name: "end" }))));
+            }) }, h("slot", { key: '9747421ee3c6b8012ad5a71091aa9775d002885e', name: "start" }), h("div", { key: '0ad8e1355c70efcc095b954c29af497a18b35b37', class: "item-divider-inner", part: "inner" }, h("div", { key: '7562f4f033e786b620ef2bd62d7c35f1013b4905', class: "item-divider-wrapper", part: "container" }, h("slot", { key: '013a0c58ca93afa395a52df30020d1b9e86ffc3a' })), h("slot", { key: 'a08f7b7a133110cbb51b1f4843133bacc306d3a1', name: "end" }))));
     }
     static get is() { return "ion-item-divider"; }
     static get encapsulation() { return "shadow"; }
@@ -56,7 +59,8 @@ export class ItemDivider {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },

package/dist/collection/components/item-option/item-option.js

@@ -15,6 +15,8 @@ import { getIonMode } from "../../global/ionic-global";
  * @slot end - Content is placed to the right of the option text in LTR, and to the left in RTL.
  *
  * @part native - The native HTML button or anchor element that wraps all child elements.
+ * @part inner - The inner wrapper element that arranges the option content.
+ * @part container - The container element that wraps the start, icon-only, default, and end slots.
  */
 export class ItemOption {
     constructor() {
@@ -48,12 +50,12 @@ export class ItemOption {
                 href: this.href,
                 target: this.target,
             };
-        return (h(Host, { key: '058310ac361612c16f2ef70c74279ba7c24128c5', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'b576e8f449ee9a03e659abd923421b051f7427c8', onClick: this.onClick, class: createColorClasses(this.color, {
                 [mode]: true,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, h(TagType, Object.assign({ key: '045052656ab652bec065d421950fe9ea00dc1141' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '988b9166c0dda3c822a99ceace4c105339b2465b', class: "button-inner" }, h("slot", { key: '8050b870ada6b09283f8acbcbb6d2bd1c76508b3', name: "top" }), h("div", { key: 'a206e7b09e660c878ce3c5b61d018e8cdd89dc55', class: "horizontal-wrapper" }, h("slot", { key: '394e5e4ce14cd19b5d5eafca29bb9f971f5f0741', name: "start" }), h("slot", { key: 'dd4c3a1bee7622df40a3d8f2a298045b772f1600', name: "icon-only" }), h("slot", { key: '318f3ec97b722c5e7df1a78b1e0439f919d0aacc' }), h("slot", { key: 'fff6a9a602cf7bd698528982f91742a2d36ea245', name: "end" })), h("slot", { key: '26b4bb155701d8080b486dbad7bb9a6d2e35182c', name: "bottom" })), mode === 'md' && h("ion-ripple-effect", { key: '152b74643bf0f5725c39bfdbb940f0f32ec83d58' }))));
+            }) }, h(TagType, Object.assign({ key: '568c7de194ecef7d1efec2abdf855b3fce71aa03' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: 'fe1a494a40febc5c415098d8c9b2edad9fac02c9', class: "button-inner", part: "inner" }, h("slot", { key: '8e4ec73c1a9c047a29dac8ad09ff1cce94a751c7', name: "top" }), h("div", { key: '7828c6413d2cab692a3a2e5aa2a17240e0dcb230', class: "horizontal-wrapper", part: "container" }, h("slot", { key: 'c8eb9881db296280ba895ab249e5d1bb3fc27206', name: "start" }), h("slot", { key: '144b18f7ea90a45abbe0b1fa878c87e623897b7b', name: "icon-only" }), h("slot", { key: '6c63ebad29552a32e1ed9ca3c95aa005b35b9b86' }), h("slot", { key: '99478d52600bf32342649a2f74ed8e1eb07407d4', name: "end" })), h("slot", { key: '00247fc54e61cface4e6ac6e8ea05a0685f5e26e', name: "bottom" })), mode === 'md' && h("ion-ripple-effect", { key: 'dc5057f2ff0926b2e5fd1520fed6cf7dc3197cf8' }))));
     }
     static get is() { return "ion-item-option"; }
     static get encapsulation() { return "shadow"; }
@@ -81,7 +83,8 @@ export class ItemOption {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },

package/dist/collection/components/item-options/item-options.js

@@ -62,7 +62,8 @@ export class ItemOptions {
                         "Side": {
                             "location": "import",
                             "path": "../menu/menu-interface",
-                            "id": "src/components/menu/menu-interface.ts::Side"
+                            "id": "src/components/menu/menu-interface.ts::Side",
+                            "referenceLocation": "Side"
                         }
                     }
                 },

package/dist/collection/components/item-sliding/item-sliding.js

@@ -510,7 +510,8 @@ export class ItemSliding {
                         "Side": {
                             "location": "import",
                             "path": "../menu/menu-interface",
-                            "id": "src/components/menu/menu-interface.ts::Side"
+                            "id": "src/components/menu/menu-interface.ts::Side",
+                            "referenceLocation": "Side"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/components/label/label.js

@@ -92,7 +92,8 @@ export class Label {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -154,7 +155,8 @@ export class Label {
                         "StyleEventDetail": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
+                            "id": "src/interface.d.ts::StyleEventDetail",
+                            "referenceLocation": "StyleEventDetail"
                         }
                     }
                 }
@@ -178,7 +180,8 @@ export class Label {
                         "StyleEventDetail": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
+                            "id": "src/interface.d.ts::StyleEventDetail",
+                            "referenceLocation": "StyleEventDetail"
                         }
                     }
                 }