@ionic/core 7.4.2-dev.11695944163.13e7414e → 7.4.2-dev.11696878562.16da82aa

package/dist/ionic/{p-63a73b69.system.entry.js → p-f7f6af24.system.entry.js}

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function a(e){try{s(n.next(e))}catch(e){o(e)}}function l(e){try{s(n["throw"](e))}catch(e){o(e)}}function s(e){e.done?i(e.value):r(e.value).then(a,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return s([e,t])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(i=0)),i)try{if(n=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(l[0]===6&&i.label<o[1]){i.label=o[1];o=l;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(l);break}if(o[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];r=0}finally{n=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */System.register(["./p-91546be9.system.js","./p-815c2fba.system.js","./p-14d7b7e2.system.js","./p-93616477.system.js","./p-44bc8b45.system.js","./p-ccdcb022.system.js","./p-0e94957a.system.js"],(function(e){"use strict";var t,i,n,r,o,a,l,s,c,u,p,d,f;return{setters:[function(e){t=e.r;i=e.d;n=e.h;r=e.H;o=e.f},function(e){a=e.r;l=e.g},function(e){s=e.a;c=e.b;u=e.h},function(e){p=e.a;d=e.b},function(e){f=e.c},function(){},function(){}],execute:function(){var h=":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item.picker-item-disabled{scroll-snap-align:none;cursor:default}:host .picker-item.picker-item-disabled{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}";var m=":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item.picker-item-disabled{scroll-snap-align:none;cursor:default}:host .picker-item.picker-item-disabled{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}:host .picker-item-active{color:var(--ion-color-base)}";var v=e("ion_picker_column_internal",function(){function e(e){var n=this;t(this,e);this.ionChange=i(this,"ionChange",7);this.isScrolling=false;this.isColumnVisible=false;this.canExitInputMode=true;this.centerPickerItemInView=function(e,t,i){if(t===void 0){t=true}if(i===void 0){i=true}var r=n,o=r.el,a=r.isColumnVisible;if(a){var l=e.offsetTop-3*e.clientHeight+e.clientHeight/2;if(o.scrollTop!==l){n.canExitInputMode=i;o.scroll({top:l,left:0,behavior:t?"smooth":undefined})}}};this.setPickerItemActiveState=function(e,t){if(t){e.classList.add(b);e.part.add(y)}else{e.classList.remove(b);e.part.remove(y)}};this.inputModeChange=function(e){if(!n.numericInput){return}var t=e.detail,i=t.useInputMode,r=t.inputModeColumn;var o=r===undefined||r===n.el;if(!i||!o){n.setInputModeActive(false);return}n.setInputModeActive(true)};this.setInputModeActive=function(e){if(n.isScrolling){n.scrollEndCallback=function(){n.isActive=e};return}n.isActive=e};this.initializeScrollListener=function(){var e=p("ios");var t=n.el;var i;var r=n.activeItem;var o=function(){a((function(){if(i){clearTimeout(i);i=undefined}if(!n.isScrolling){e&&s();n.isScrolling=true}var o=t.getBoundingClientRect();var a=o.x+o.width/2;var l=o.y+o.height/2;var p=t.shadowRoot.elementFromPoint(a,l);if(r!==null){n.setPickerItemActiveState(r,false)}if(p===null||p.disabled){return}if(p!==r){e&&c();if(n.canExitInputMode){n.exitInputMode()}}r=p;n.setPickerItemActiveState(p,true);i=setTimeout((function(){n.isScrolling=false;e&&u();var t=n.scrollEndCallback;if(t){t();n.scrollEndCallback=undefined}n.canExitInputMode=true;var i=p.getAttribute("data-index");if(i===null){return}var r=parseInt(i,10);var o=n.items[r];if(o.value!==n.value){n.setValue(o.value)}}),250)}))};a((function(){t.addEventListener("scroll",o);n.destroyScrollListener=function(){t.removeEventListener("scroll",o)}}))};this.exitInputMode=function(){var e=n.parentEl;if(e==null)return;e.exitInputMode();n.el.classList.remove("picker-column-active")};this.isActive=false;this.items=[];this.value=undefined;this.color="primary";this.numericInput=false}e.prototype.valueChange=function(){if(this.isColumnVisible){this.scrollActiveItemIntoView()}};e.prototype.componentWillLoad=function(){var e=this;var t=function(t){var i=t[0];if(i.isIntersecting){var n=e,r=n.activeItem,o=n.el;e.isColumnVisible=true;var a=l(o).querySelector(".".concat(b));if(a){e.setPickerItemActiveState(a,false)}e.scrollActiveItemIntoView();if(r){e.setPickerItemActiveState(r,true)}e.initializeScrollListener()}else{e.isColumnVisible=false;if(e.destroyScrollListener){e.destroyScrollListener();e.destroyScrollListener=undefined}}};new IntersectionObserver(t,{threshold:.001}).observe(this.el);var i=this.parentEl=this.el.closest("ion-picker-internal");if(i!==null){i.addEventListener("ionInputModeChange",(function(t){return e.inputModeChange(t)}))}};e.prototype.componentDidRender=function(){var e;var t=this,i=t.activeItem,n=t.items,r=t.isColumnVisible,o=t.value;if(r){if(i){this.scrollActiveItemIntoView()}else if(((e=n[0])===null||e===void 0?void 0:e.value)!==o){this.setValue(n[0].value)}}};e.prototype.scrollActiveItemIntoView=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.activeItem;if(e){this.centerPickerItemInView(e,false,false)}return[2]}))}))};e.prototype.setValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.items;this.value=e;i=t.find((function(t){return t.value===e&&t.disabled!==true}));if(i){this.ionChange.emit(i)}return[2]}))}))};Object.defineProperty(e.prototype,"activeItem",{get:function(){return l(this.el).querySelector('.picker-item[data-value="'.concat(this.value,'"]:not([disabled])'))},enumerable:false,configurable:true});e.prototype.render=function(){var e;var t=this;var i=this,o=i.items,a=i.color,l=i.isActive,s=i.numericInput;var c=d(this);return n(r,{exportparts:"".concat(g,", ").concat(y),tabindex:0,class:f(a,(e={},e[c]=true,e["picker-column-active"]=l,e["picker-column-numeric-input"]=s,e))},n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),o.map((function(e,i){return n("button",{tabindex:"-1",class:{"picker-item":true,"picker-item-disabled":e.disabled||false},"data-value":e.value,"data-index":i,onClick:function(e){t.centerPickerItemInView(e.target,true)},disabled:e.disabled,part:g},e.text)})),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChange"]}},enumerable:false,configurable:true});return e}());var b="picker-item-active";var g="wheel-item";var y="active";v.style={ios:h,md:m}}}}));
+ */System.register(["./p-91546be9.system.js","./p-815c2fba.system.js","./p-b4b4bb29.system.js","./p-93616477.system.js","./p-44bc8b45.system.js","./p-ccdcb022.system.js","./p-0e94957a.system.js"],(function(e){"use strict";var t,i,n,r,o,a,l,s,c,u,p,d,f;return{setters:[function(e){t=e.r;i=e.d;n=e.h;r=e.H;o=e.f},function(e){a=e.r;l=e.g},function(e){s=e.a;c=e.b;u=e.h},function(e){p=e.a;d=e.b},function(e){f=e.c},function(){},function(){}],execute:function(){var h=":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item.picker-item-disabled{scroll-snap-align:none;cursor:default}:host .picker-item.picker-item-disabled{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}";var m=":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item.picker-item-disabled{scroll-snap-align:none;cursor:default}:host .picker-item.picker-item-disabled{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}:host .picker-item-active{color:var(--ion-color-base)}";var v=e("ion_picker_column_internal",function(){function e(e){var n=this;t(this,e);this.ionChange=i(this,"ionChange",7);this.isScrolling=false;this.isColumnVisible=false;this.canExitInputMode=true;this.centerPickerItemInView=function(e,t,i){if(t===void 0){t=true}if(i===void 0){i=true}var r=n,o=r.el,a=r.isColumnVisible;if(a){var l=e.offsetTop-3*e.clientHeight+e.clientHeight/2;if(o.scrollTop!==l){n.canExitInputMode=i;o.scroll({top:l,left:0,behavior:t?"smooth":undefined})}}};this.setPickerItemActiveState=function(e,t){if(t){e.classList.add(b);e.part.add(y)}else{e.classList.remove(b);e.part.remove(y)}};this.inputModeChange=function(e){if(!n.numericInput){return}var t=e.detail,i=t.useInputMode,r=t.inputModeColumn;var o=r===undefined||r===n.el;if(!i||!o){n.setInputModeActive(false);return}n.setInputModeActive(true)};this.setInputModeActive=function(e){if(n.isScrolling){n.scrollEndCallback=function(){n.isActive=e};return}n.isActive=e};this.initializeScrollListener=function(){var e=p("ios");var t=n.el;var i;var r=n.activeItem;var o=function(){a((function(){if(i){clearTimeout(i);i=undefined}if(!n.isScrolling){e&&s();n.isScrolling=true}var o=t.getBoundingClientRect();var a=o.x+o.width/2;var l=o.y+o.height/2;var p=t.shadowRoot.elementFromPoint(a,l);if(r!==null){n.setPickerItemActiveState(r,false)}if(p===null||p.disabled){return}if(p!==r){e&&c();if(n.canExitInputMode){n.exitInputMode()}}r=p;n.setPickerItemActiveState(p,true);i=setTimeout((function(){n.isScrolling=false;e&&u();var t=n.scrollEndCallback;if(t){t();n.scrollEndCallback=undefined}n.canExitInputMode=true;var i=p.getAttribute("data-index");if(i===null){return}var r=parseInt(i,10);var o=n.items[r];if(o.value!==n.value){n.setValue(o.value)}}),250)}))};a((function(){t.addEventListener("scroll",o);n.destroyScrollListener=function(){t.removeEventListener("scroll",o)}}))};this.exitInputMode=function(){var e=n.parentEl;if(e==null)return;e.exitInputMode();n.el.classList.remove("picker-column-active")};this.isActive=false;this.items=[];this.value=undefined;this.color="primary";this.numericInput=false}e.prototype.valueChange=function(){if(this.isColumnVisible){this.scrollActiveItemIntoView()}};e.prototype.componentWillLoad=function(){var e=this;var t=function(t){var i=t[0];if(i.isIntersecting){var n=e,r=n.activeItem,o=n.el;e.isColumnVisible=true;var a=l(o).querySelector(".".concat(b));if(a){e.setPickerItemActiveState(a,false)}e.scrollActiveItemIntoView();if(r){e.setPickerItemActiveState(r,true)}e.initializeScrollListener()}else{e.isColumnVisible=false;if(e.destroyScrollListener){e.destroyScrollListener();e.destroyScrollListener=undefined}}};new IntersectionObserver(t,{threshold:.001}).observe(this.el);var i=this.parentEl=this.el.closest("ion-picker-internal");if(i!==null){i.addEventListener("ionInputModeChange",(function(t){return e.inputModeChange(t)}))}};e.prototype.componentDidRender=function(){var e;var t=this,i=t.activeItem,n=t.items,r=t.isColumnVisible,o=t.value;if(r){if(i){this.scrollActiveItemIntoView()}else if(((e=n[0])===null||e===void 0?void 0:e.value)!==o){this.setValue(n[0].value)}}};e.prototype.scrollActiveItemIntoView=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.activeItem;if(e){this.centerPickerItemInView(e,false,false)}return[2]}))}))};e.prototype.setValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.items;this.value=e;i=t.find((function(t){return t.value===e&&t.disabled!==true}));if(i){this.ionChange.emit(i)}return[2]}))}))};Object.defineProperty(e.prototype,"activeItem",{get:function(){return l(this.el).querySelector('.picker-item[data-value="'.concat(this.value,'"]:not([disabled])'))},enumerable:false,configurable:true});e.prototype.render=function(){var e;var t=this;var i=this,o=i.items,a=i.color,l=i.isActive,s=i.numericInput;var c=d(this);return n(r,{exportparts:"".concat(g,", ").concat(y),tabindex:0,class:f(a,(e={},e[c]=true,e["picker-column-active"]=l,e["picker-column-numeric-input"]=s,e))},n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),o.map((function(e,i){return n("button",{tabindex:"-1",class:{"picker-item":true,"picker-item-disabled":e.disabled||false},"data-value":e.value,"data-index":i,onClick:function(e){t.centerPickerItemInView(e.target,true)},disabled:e.disabled,part:g},e.text)})),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{class:"picker-item picker-item-empty","aria-hidden":"true"}," "))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChange"]}},enumerable:false,configurable:true});return e}());var b="picker-item-active";var g="wheel-item";var y="active";v.style={ios:h,md:m}}}}));

package/dist/types/components/datetime/datetime-interface.d.ts

@@ -27,3 +27,4 @@ export type DatetimeHighlight = {
   date: string;
 } & DatetimeHighlightStyle;
 export type DatetimeHighlightCallback = (dateIsoString: string) => DatetimeHighlightStyle | undefined;
+export type DatetimeHourCycle = 'h11' | 'h12' | 'h23' | 'h24';

package/dist/types/components/datetime/datetime.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color, StyleEventDetail } from '../../interface';
-import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, TitleSelectedDatesFormatter, DatetimeHighlight, DatetimeHighlightCallback } from './datetime-interface';
+import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, TitleSelectedDatesFormatter, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle } from './datetime-interface';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
@@ -259,7 +259,7 @@ export declare class Datetime implements ComponentInterface {
    * The hour cycle of the `ion-datetime`. If no value is set, this is
    * specified by the current locale.
    */
-  hourCycle?: 'h23' | 'h12';
+  hourCycle?: DatetimeHourCycle;
   /**
    * 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.

package/dist/types/components/datetime/utils/data.d.ts

@@ -1,6 +1,6 @@
 import type { Mode } from '../../../interface';
 import type { PickerColumnItem } from '../../picker-column-internal/picker-column-internal-interfaces';
-import type { DatetimeParts } from '../datetime-interface';
+import type { DatetimeParts, DatetimeHourCycle } from '../datetime-interface';
 /**
  * Returns the current date as
  * an ISO string in the user's
@@ -35,7 +35,7 @@ export declare const getDaysOfMonth: (month: number, year: number, firstDayOfWee
  * max/min bound datetime parts, calculate the acceptable
  * hour and minute values according to the bounds and locale.
  */
-export declare const generateTime: (refParts: DatetimeParts, hourCycle?: 'h12' | 'h23', minParts?: DatetimeParts, maxParts?: DatetimeParts, hourValues?: number[], minuteValues?: number[]) => {
+export declare const generateTime: (locale: string, refParts: DatetimeParts, hourCycle?: DatetimeHourCycle, minParts?: DatetimeParts, maxParts?: DatetimeParts, hourValues?: number[], minuteValues?: number[]) => {
   hours: number[];
   minutes: number[];
   am: boolean;
@@ -70,7 +70,7 @@ interface CombinedDateColumnData {
  * Example: "Thu, Jun 2"
  */
 export declare const getCombinedDateColumnData: (locale: string, todayParts: DatetimeParts, minParts: DatetimeParts, maxParts: DatetimeParts, dayValues?: number[], monthValues?: number[]) => CombinedDateColumnData;
-export declare const getTimeColumnsData: (locale: string, refParts: DatetimeParts, hourCycle?: 'h23' | 'h12', minParts?: DatetimeParts, maxParts?: DatetimeParts, allowedHourValues?: number[], allowedMinuteValues?: number[]) => {
+export declare const getTimeColumnsData: (locale: string, refParts: DatetimeParts, hourCycle?: DatetimeHourCycle, minParts?: DatetimeParts, maxParts?: DatetimeParts, allowedHourValues?: number[], allowedMinuteValues?: number[]) => {
   [key: string]: PickerColumnItem[];
 };
 export {};

package/dist/types/components/datetime/utils/format.d.ts

@@ -1,5 +1,5 @@
-import type { DatetimeParts } from '../datetime-interface';
-export declare const getLocalizedTime: (locale: string, refParts: DatetimeParts, use24Hour: boolean) => string;
+import type { DatetimeParts, DatetimeHourCycle } from '../datetime-interface';
+export declare const getLocalizedTime: (locale: string, refParts: DatetimeParts, hourCycle: DatetimeHourCycle) => string;
 /**
  * Adds padding to a time value so
  * that it is always 2 digits.
@@ -11,7 +11,7 @@ export declare const addTimePadding: (value: number) => string;
  * 12 hour times it ensures that
  * hour 0 is formatted as '12'.
  */
-export declare const getFormattedHour: (hour: number, use24Hour: boolean) => string;
+export declare const getFormattedHour: (hour: number, hourCycle: DatetimeHourCycle) => string;
 /**
  * Generates an aria-label to be read by screen readers
  * given a local, a date, and whether or not that date is

package/dist/types/components/datetime/utils/helpers.d.ts

@@ -1,3 +1,4 @@
+import type { DatetimeHourCycle } from '../datetime-interface';
 /**
  * Determines if given year is a
  * leap year. Returns `true` if year
@@ -5,7 +6,20 @@
  * otherwise.
  */
 export declare const isLeapYear: (year: number) => boolean;
-export declare const is24Hour: (locale: string, hourCycle?: 'h23' | 'h12') => boolean;
+/**
+ * Determines the hour cycle for a user.
+ * If the hour cycle is explicitly defined, just use that.
+ * Otherwise, we try to derive it from either the specified
+ * locale extension tags or from Intl.DateTimeFormat directly.
+ */
+export declare const getHourCycle: (locale: string, hourCycle?: DatetimeHourCycle) => DatetimeHourCycle;
+/**
+ * Determine if the hour cycle uses a 24-hour format.
+ * Returns true for h23 and h24. Returns false otherwise.
+ * If you don't know the hourCycle, use getHourCycle above
+ * and pass the result into this function.
+ */
+export declare const is24Hour: (hourCycle: DatetimeHourCycle) => boolean;
 /**
  * Given a date object, returns the number
  * of days in that month.

package/dist/types/components/toast/animations/ios.enter.d.ts

@@ -1,5 +1,6 @@
 import type { Animation } from '../../../interface';
+import type { ToastPresentOptions } from '../toast-interface';
 /**
  * iOS Toast Enter Animation
  */
-export declare const iosEnterAnimation: (baseEl: HTMLElement, position: string) => Animation;
+export declare const iosEnterAnimation: (baseEl: HTMLElement, opts: ToastPresentOptions) => Animation;

package/dist/types/components/toast/animations/ios.leave.d.ts

@@ -1,5 +1,5 @@
-import type { Animation } from '../../../interface';
+import type { Animation, ToastDismissOptions } from '../../../interface';
 /**
  * iOS Toast Leave Animation
  */
-export declare const iosLeaveAnimation: (baseEl: HTMLElement, position: string) => Animation;
+export declare const iosLeaveAnimation: (baseEl: HTMLElement, opts: ToastDismissOptions) => Animation;

package/dist/types/components/toast/animations/md.enter.d.ts

@@ -1,5 +1,6 @@
 import type { Animation } from '../../../interface';
+import type { ToastPresentOptions } from '../toast-interface';
 /**
  * MD Toast Enter Animation
  */
-export declare const mdEnterAnimation: (baseEl: HTMLElement, position: string) => Animation;
+export declare const mdEnterAnimation: (baseEl: HTMLElement, opts: ToastPresentOptions) => Animation;

package/dist/types/components/toast/animations/utils.d.ts

@@ -0,0 +1,18 @@
+import type { Mode } from "../../../interface";
+import type { ToastAnimationPosition, ToastPosition } from '../toast-interface';
+/**
+ * Calculate the CSS top and bottom position of the toast, to be used
+ * as starting points for the animation keyframes.
+ *
+ * Note that MD animates bottom-positioned toasts using style.bottom,
+ * which calculates from the bottom edge of the screen, while iOS uses
+ * translateY, which calculates from the top edge of the screen. This
+ * is why the bottom calculates differ slightly between modes.
+ *
+ * @param position The value of the toast's position prop.
+ * @param positionAnchor The element the toast should be anchored to,
+ * if applicable.
+ * @param mode The toast component's mode (md, ios, etc).
+ * @param toast A reference to the toast element itself.
+ */
+export declare function getAnimationPosition(position: ToastPosition, positionAnchor: HTMLElement | undefined, mode: Mode, toast: HTMLElement): ToastAnimationPosition;

package/dist/types/components/toast/toast-interface.d.ts

@@ -7,6 +7,7 @@ export interface ToastOptions {
   duration?: number;
   buttons?: (ToastButton | string)[];
   position?: 'top' | 'bottom' | 'middle';
+  positionAnchor?: HTMLElement | string;
   translucent?: boolean;
   animated?: boolean;
   icon?: string;
@@ -37,3 +38,13 @@ export interface ToastButton {
   handler?: () => boolean | void | Promise<boolean | void>;
 }
 export type ToastPosition = 'top' | 'bottom' | 'middle';
+interface ToastPositionAlias {
+  position: ToastPosition;
+}
+export interface ToastAnimationPosition {
+  top: string;
+  bottom: string;
+}
+export type ToastPresentOptions = ToastPositionAlias & ToastAnimationPosition;
+export type ToastDismissOptions = ToastPositionAlias & ToastAnimationPosition;
+export {};

package/dist/types/components/toast/toast.d.ts

@@ -19,6 +19,12 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
   private readonly triggerController;
   private customHTMLEnabled;
   private durationTimeout?;
+  /**
+   * Holds the position of the toast calculated in the present
+   * animation, to be passed along to the dismiss animation so
+   * we don't have to calculate the position twice.
+   */
+  private lastPresentedPosition?;
   presented: boolean;
   /**
    * When `true`, content inside of .toast-content
@@ -84,9 +90,17 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
    */
   keyboardClose: boolean;
   /**
-   * The position of the toast on the screen.
+   * The starting position of the toast on the screen. Can be tweaked further
+   * using the `positionAnchor` property.
    */
   position: ToastPosition;
+  /**
+   * The element to anchor the toast's position to. Can be set as a direct reference
+   * or the ID of the element. With `position="bottom"`, the toast will sit above the
+   * chosen element. With `position="top"`, the toast will sit below the chosen element.
+   * With `position="middle"`, the value of `positionAnchor` is ignored.
+   */
+  positionAnchor?: HTMLElement | string;
   /**
    * An array of buttons for the toast.
    */
@@ -190,6 +204,12 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
    */
   onWillDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
   private getButtons;
+  /**
+   * Returns the element specified by the positionAnchor prop,
+   * or undefined if prop's value is an ID string and the element
+   * is not found in the DOM.
+   */
+  private getAnchorElement;
   private buttonClick;
   private callButtonHandler;
   private dispatchCancelHandler;

package/dist/types/components.d.ts

@@ -15,7 +15,7 @@ import { RouteID, RouterDirection, RouterEventDetail, RouteWrite } from "./compo
 import { BreadcrumbCollapsedClickEventDetail } from "./components/breadcrumb/breadcrumb-interface";
 import { CheckboxChangeEventDetail } from "./components/checkbox/checkbox-interface";
 import { ScrollBaseDetail, ScrollDetail } from "./components/content/content-interface";
-import { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimePresentation, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface";
+import { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimePresentation, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface";
 import { SpinnerTypes } from "./components/spinner/spinner-configs";
 import { InputChangeEventDetail, InputInputEventDetail } from "./components/input/input-interface";
 import { CounterFormatter } from "./components/item/item-interface";
@@ -39,7 +39,7 @@ import { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./com
 import { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
 import { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface";
 import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface";
-import { ToastButton, ToastLayout, ToastPosition } from "./components/toast/toast-interface";
+import { ToastButton, ToastDismissOptions, ToastLayout, ToastPosition, ToastPresentOptions } from "./components/toast/toast-interface";
 import { ToggleChangeEventDetail } from "./components/toggle/toggle-interface";
 export { AccordionGroupChangeEventDetail } from "./components/accordion-group/accordion-group-interface";
 export { AnimationBuilder, AutocompleteTypes, Color, ComponentProps, ComponentRef, FrameworkDelegate, StyleEventDetail, TextFieldTypes } from "./interface";
@@ -51,7 +51,7 @@ export { RouteID, RouterDirection, RouterEventDetail, RouteWrite } from "./compo
 export { BreadcrumbCollapsedClickEventDetail } from "./components/breadcrumb/breadcrumb-interface";
 export { CheckboxChangeEventDetail } from "./components/checkbox/checkbox-interface";
 export { ScrollBaseDetail, ScrollDetail } from "./components/content/content-interface";
-export { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimePresentation, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface";
+export { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimePresentation, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface";
 export { SpinnerTypes } from "./components/spinner/spinner-configs";
 export { InputChangeEventDetail, InputInputEventDetail } from "./components/input/input-interface";
 export { CounterFormatter } from "./components/item/item-interface";
@@ -75,7 +75,7 @@ export { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./com
 export { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
 export { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface";
 export { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface";
-export { ToastButton, ToastLayout, ToastPosition } from "./components/toast/toast-interface";
+export { ToastButton, ToastDismissOptions, ToastLayout, ToastPosition, ToastPresentOptions } from "./components/toast/toast-interface";
 export { ToggleChangeEventDetail } from "./components/toggle/toggle-interface";
 export namespace Components {
     interface IonAccordion {
@@ -865,7 +865,7 @@ export namespace Components {
         /**
           * The hour cycle of the `ion-datetime`. If no value is set, this is specified by the current locale.
          */
-        "hourCycle"?: 'h23' | 'h12';
+        "hourCycle"?: DatetimeHourCycle;
         /**
           * Values used to create the list of selectable hours. By default the hour values range from `0` to `23` for 24-hour, or `1` to `12` for 12-hour. However, to control exactly which hours to display, the `hourValues` input can take a number, an array of numbers, or a string of comma separated numbers.
          */
@@ -3157,9 +3157,13 @@ export namespace Components {
         "onWillDismiss": <T = any>() => Promise<OverlayEventDetail<T>>;
         "overlayIndex": number;
         /**
-          * The position of the toast on the screen.
+          * The starting position of the toast on the screen. Can be tweaked further using the `positionAnchor` property.
          */
         "position": ToastPosition;
+        /**
+          * The element to anchor the toast's position to. Can be set as a direct reference or the ID of the element. With `position="bottom"`, the toast will sit above the chosen element. With `position="top"`, the toast will sit below the chosen element. With `position="middle"`, the value of `positionAnchor` is ignored.
+         */
+        "positionAnchor"?: HTMLElement | string;
         /**
           * Present the toast overlay after it has been created.
          */
@@ -4868,7 +4872,7 @@ declare namespace LocalJSX {
         /**
           * The hour cycle of the `ion-datetime`. If no value is set, this is specified by the current locale.
          */
-        "hourCycle"?: 'h23' | 'h12';
+        "hourCycle"?: DatetimeHourCycle;
         /**
           * Values used to create the list of selectable hours. By default the hour values range from `0` to `23` for 24-hour, or `1` to `12` for 12-hour. However, to control exactly which hours to display, the `hourValues` input can take a number, an array of numbers, or a string of comma separated numbers.
          */
@@ -7152,9 +7156,13 @@ declare namespace LocalJSX {
          */
         "onWillPresent"?: (event: IonToastCustomEvent<void>) => void;
         /**
-          * The position of the toast on the screen.
+          * The starting position of the toast on the screen. Can be tweaked further using the `positionAnchor` property.
          */
         "position"?: ToastPosition;
+        /**
+          * The element to anchor the toast's position to. Can be set as a direct reference or the ID of the element. With `position="bottom"`, the toast will sit above the chosen element. With `position="top"`, the toast will sit below the chosen element. With `position="middle"`, the value of `positionAnchor` is ignored.
+         */
+        "positionAnchor"?: HTMLElement | string;
         /**
           * If `true`, the toast will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
          */

package/dist/types/index.d.ts

@@ -10,6 +10,7 @@ export { componentOnReady } from './utils/helpers';
 export { isPlatform, Platforms, PlatformConfig, getPlatforms } from './utils/platform';
 export { IonicSafeString } from './utils/sanitization';
 export { IonicConfig, getMode, setupConfig } from './utils/config';
+export { openURL } from './utils/theme';
 export { LIFECYCLE_WILL_ENTER, LIFECYCLE_DID_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_UNLOAD, } from './components/nav/constants';
 export { menuController } from './utils/menu-controller';
 export { alertController, actionSheetController, modalController, loadingController, pickerController, popoverController, toastController, } from './utils/overlays';