@ionic/core 8.7.18-dev.11771365900.125bf49c → 8.7.18-dev.11772037614.10c71570

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 (84) hide show
  1. package/components/ion-app.js +17 -12
  2. package/components/ion-content.js +1 -1
  3. package/components/ion-datetime.js +8 -5
  4. package/components/ion-fab-list.js +10 -3
  5. package/components/ion-img.js +11 -2
  6. package/components/ion-label.js +1 -1
  7. package/components/ion-modal.js +1 -1
  8. package/components/ion-popover.js +1 -1
  9. package/components/ion-radio-group.js +1 -1
  10. package/components/ion-searchbar.js +17 -6
  11. package/components/ion-select-modal.js +1 -1
  12. package/components/ion-select-popover.js +1 -1
  13. package/components/ion-select.js +7 -7
  14. package/components/{p-BnpDIASH.js → p-BANeLH_G.js} +2 -2
  15. package/components/{p-DRHwNkVo.js → p-C6dkQWq2.js} +152 -30
  16. package/components/{p-CJrGvZ1Z.js → p-CFZWrvIQ.js} +2 -2
  17. package/components/{p-CUfY9DTD.js → p-Cdm3dKWf.js} +8 -3
  18. package/components/{p-D3KEyQ8e.js → p-CslsoGzv.js} +2 -2
  19. package/components/{p-DPm73mCi.js → p-DGOrLIyS.js} +7 -3
  20. package/components/{p-IHgAGzvW.js → p-iyo0Toaz.js} +326 -17
  21. package/dist/cjs/ion-app_8.cjs.entry.js +22 -13
  22. package/dist/cjs/ion-datetime_3.cjs.entry.js +7 -4
  23. package/dist/cjs/ion-fab_3.cjs.entry.js +10 -3
  24. package/dist/cjs/ion-img.cjs.entry.js +11 -2
  25. package/dist/cjs/ion-item_8.cjs.entry.js +8 -3
  26. package/dist/cjs/ion-modal.cjs.entry.js +326 -17
  27. package/dist/cjs/ion-popover.cjs.entry.js +152 -30
  28. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  29. package/dist/cjs/ion-searchbar.cjs.entry.js +17 -6
  30. package/dist/collection/components/app/app.js +15 -10
  31. package/dist/collection/components/content/content.js +7 -3
  32. package/dist/collection/components/datetime/datetime.ios.css +2 -4
  33. package/dist/collection/components/datetime/datetime.js +6 -3
  34. package/dist/collection/components/fab-list/fab-list.js +10 -3
  35. package/dist/collection/components/img/img.js +11 -2
  36. package/dist/collection/components/label/label.js +8 -3
  37. package/dist/collection/components/modal/modal.ios.css +6 -5
  38. package/dist/collection/components/modal/modal.js +164 -15
  39. package/dist/collection/components/modal/modal.md.css +6 -5
  40. package/dist/collection/components/modal/safe-area-utils.js +165 -0
  41. package/dist/collection/components/popover/animations/ios.enter.js +33 -8
  42. package/dist/collection/components/popover/animations/md.enter.js +26 -6
  43. package/dist/collection/components/popover/utils.js +96 -19
  44. package/dist/collection/components/radio-group/radio-group.ios.css +0 -4
  45. package/dist/collection/components/radio-group/radio-group.md.css +0 -4
  46. package/dist/collection/components/searchbar/searchbar.js +17 -6
  47. package/dist/docs.json +1 -1
  48. package/dist/esm/ion-app_8.entry.js +24 -15
  49. package/dist/esm/ion-datetime_3.entry.js +7 -4
  50. package/dist/esm/ion-fab_3.entry.js +10 -3
  51. package/dist/esm/ion-img.entry.js +11 -2
  52. package/dist/esm/ion-item_8.entry.js +8 -3
  53. package/dist/esm/ion-modal.entry.js +326 -17
  54. package/dist/esm/ion-popover.entry.js +152 -30
  55. package/dist/esm/ion-radio_2.entry.js +2 -2
  56. package/dist/esm/ion-searchbar.entry.js +17 -6
  57. package/dist/ionic/ionic.esm.js +1 -1
  58. package/dist/ionic/{p-72af946b.entry.js → p-2ac254dc.entry.js} +1 -1
  59. package/dist/ionic/p-7cad388a.entry.js +4 -0
  60. package/dist/ionic/p-915b3e3d.entry.js +4 -0
  61. package/dist/ionic/p-9b6d46f2.entry.js +4 -0
  62. package/dist/ionic/{p-eaf3f5ff.entry.js → p-b0ebf9f8.entry.js} +1 -1
  63. package/dist/ionic/p-e4c57008.entry.js +4 -0
  64. package/dist/ionic/p-e5d6d0f0.entry.js +4 -0
  65. package/dist/ionic/p-f1dfee25.entry.js +4 -0
  66. package/dist/ionic/{p-6444c606.entry.js → p-f9f7b9db.entry.js} +1 -1
  67. package/dist/types/components/app/app.d.ts +3 -0
  68. package/dist/types/components/datetime/datetime.d.ts +1 -0
  69. package/dist/types/components/fab-list/fab-list.d.ts +2 -0
  70. package/dist/types/components/img/img.d.ts +2 -0
  71. package/dist/types/components/label/label.d.ts +2 -0
  72. package/dist/types/components/modal/modal.d.ts +35 -0
  73. package/dist/types/components/modal/safe-area-utils.d.ts +66 -0
  74. package/dist/types/components/popover/utils.d.ts +23 -1
  75. package/dist/types/components/searchbar/searchbar.d.ts +3 -0
  76. package/hydrate/index.js +554 -71
  77. package/hydrate/index.mjs +554 -71
  78. package/package.json +1 -1
  79. package/dist/ionic/p-01e27965.entry.js +0 -4
  80. package/dist/ionic/p-3ec563c1.entry.js +0 -4
  81. package/dist/ionic/p-42db6404.entry.js +0 -4
  82. package/dist/ionic/p-46d74291.entry.js +0 -4
  83. package/dist/ionic/p-bc293244.entry.js +0 -4
  84. package/dist/ionic/p-e338f669.entry.js +0 -4
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { p as proxyCustomElement, H, h, c as config, d as Host, f as printIonWarning } from './p-DWoUQeZ3.js';
4
+ import { p as proxyCustomElement, H, c as config, f as printIonWarning, h, d as Host } from './p-DWoUQeZ3.js';
5
5
  import { shouldUseCloseWatcher } from './p-Boi6hecl.js';
6
- import { b as getIonMode, a as isPlatform } from './p-Bxl5etF4.js';
6
+ import { a as isPlatform, b as getIonMode } from './p-Bxl5etF4.js';
7
7
 
8
8
  const appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
9
9
 
@@ -16,7 +16,7 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends H {
16
16
  }
17
17
  componentDidLoad() {
18
18
  {
19
- rIC(async () => {
19
+ this.rIC(async () => {
20
20
  const isHybrid = isPlatform(window, 'hybrid');
21
21
  if (!config.getBoolean('_testing')) {
22
22
  import('./p-Cyd00tgZ.js').then((module) => module.startTapClick(config));
@@ -54,6 +54,11 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends H {
54
54
  });
55
55
  }
56
56
  }
57
+ disconnectedCallback() {
58
+ if (this.loadTimeout) {
59
+ clearTimeout(this.loadTimeout);
60
+ }
61
+ }
57
62
  /**
58
63
  * Used to set focus on an element that uses `ion-focusable`.
59
64
  * Do not use this if focusing the element as a result of a keyboard
@@ -70,9 +75,17 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends H {
70
75
  this.focusVisible.setFocus(elements);
71
76
  }
72
77
  }
78
+ rIC(callback) {
79
+ if ('requestIdleCallback' in window) {
80
+ window.requestIdleCallback(callback);
81
+ }
82
+ else {
83
+ this.loadTimeout = setTimeout(callback, 32);
84
+ }
85
+ }
73
86
  render() {
74
87
  const mode = getIonMode(this);
75
- return (h(Host, { key: '9be440c65819e4fa67c2c3c6477ab40b3ad3eed3', class: {
88
+ return (h(Host, { key: '77a7459d3e42b3715a5a7e1cf468e2ebc99e54bb', class: {
76
89
  [mode]: true,
77
90
  'ion-page': true,
78
91
  'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
@@ -102,14 +115,6 @@ const needInputShims = () => {
102
115
  }
103
116
  return false;
104
117
  };
105
- const rIC = (callback) => {
106
- if ('requestIdleCallback' in window) {
107
- window.requestIdleCallback(callback);
108
- }
109
- else {
110
- setTimeout(callback, 32);
111
- }
112
- };
113
118
  function defineCustomElement$1() {
114
119
  if (typeof customElements === "undefined") {
115
120
  return;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { C as Content, d as defineCustomElement$1 } from './p-DPm73mCi.js';
4
+ import { C as Content, d as defineCustomElement$1 } from './p-DGOrLIyS.js';
5
5
 
6
6
  const IonContent = Content;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -17,7 +17,7 @@ import { d as defineCustomElement$7 } from './p-Wro9IPHE.js';
17
17
  import { d as defineCustomElement$6 } from './p-BHbOsu99.js';
18
18
  import { d as defineCustomElement$5 } from './p-DKRQWlK2.js';
19
19
  import { d as defineCustomElement$4 } from './p-ByjmWt3s.js';
20
- import { d as defineCustomElement$3 } from './p-DRHwNkVo.js';
20
+ import { d as defineCustomElement$3 } from './p-C6dkQWq2.js';
21
21
  import { d as defineCustomElement$2 } from './p-LgLeKTkH.js';
22
22
 
23
23
  const isYearDisabled = (refYear, minParts, maxParts) => {
@@ -230,7 +230,7 @@ const checkForPresentationFormatMismatch = (el, presentation, formatOptions) =>
230
230
  }
231
231
  };
232
232
 
233
- 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;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}: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 .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-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}: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-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}: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}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-button{--background:transparent}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}: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{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;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)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end: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;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:not(.calendar-day-adjacent-day):focus{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 .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;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, var(--ion-background-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}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons .calendar-month-year-toggle{color:var(--ion-color-base)}.calendar-month-year{min-width:0}.calendar-month-year-toggle{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:opacity 15ms linear, background-color 15ms linear;transition:opacity 15ms linear, background-color 15ms linear;z-index:-1}.calendar-month-year-toggle.ion-focused::after{background:currentColor}.calendar-month-year-toggle:disabled{opacity:0.3;pointer-events:none}.calendar-month-year-toggle ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}ion-picker{--highlight-background:var(--wheel-highlight-background);--highlight-border-radius:var(--wheel-highlight-border-radius);--fade-background-rgb:var(--wheel-fade-background-rgb)}:host{--background:var(--ion-color-light, #f4f5f8);--background-rgb:var(--ion-color-light-rgb, 244, 245, 248);--title-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc));font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}.calendar-month-year-toggle{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;min-height:44px;font-size:min(1rem, 25.6px);font-weight:600}.calendar-month-year-toggle.ion-focused::after{opacity:0.15}.calendar-month-year-toggle #toggle-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:10px}:host .calendar-action-buttons .calendar-month-year-toggle 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{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, var(--ion-text-color-step-700, #b3b3b3));font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2);font-size:min(1.375rem, 35.2px)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active,:host .calendar-day.calendar-day-adjacent-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host .calendar-day.calendar-day-adjacent-day{color:var(--ion-color-step-300, var(--ion-text-color-step-700, #b3b3b3))}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc))}: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%}";
233
+ 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;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}: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 .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-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}: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-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}: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}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-button{--background:transparent}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}: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{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;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)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end: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;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:not(.calendar-day-adjacent-day):focus{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 .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;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, var(--ion-background-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}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons .calendar-month-year-toggle{color:var(--ion-color-base)}.calendar-month-year{min-width:0}.calendar-month-year-toggle{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:opacity 15ms linear, background-color 15ms linear;transition:opacity 15ms linear, background-color 15ms linear;z-index:-1}.calendar-month-year-toggle.ion-focused::after{background:currentColor}.calendar-month-year-toggle:disabled{opacity:0.3;pointer-events:none}.calendar-month-year-toggle ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}ion-picker{--highlight-background:var(--wheel-highlight-background);--highlight-border-radius:var(--wheel-highlight-border-radius);--fade-background-rgb:var(--wheel-fade-background-rgb)}:host{--background:var(--ion-color-light, #f4f5f8);--background-rgb:var(--ion-color-light-rgb, 244, 245, 248);--title-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc));font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}.calendar-month-year-toggle{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;min-height:44px;font-size:min(1rem, 25.6px);font-weight:600}.calendar-month-year-toggle.ion-focused::after{opacity:0.15}.calendar-month-year-toggle #toggle-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:10px}:host .calendar-action-buttons .calendar-month-year-toggle ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{-ms-flex-align:stretch;align-items:stretch;height:100%}: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{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, var(--ion-text-color-step-700, #b3b3b3));font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2);font-size:min(1.375rem, 35.2px)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active,:host .calendar-day.calendar-day-adjacent-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host .calendar-day.calendar-day-adjacent-day{color:var(--ion-color-step-300, var(--ion-text-color-step-700, #b3b3b3))}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc))}: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%}";
234
234
 
235
235
  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;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}: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 .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-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}: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-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}: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}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-button{--background:transparent}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}: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{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;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)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end: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;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:not(.calendar-day-adjacent-day):focus{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 .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;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, var(--ion-background-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}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons .calendar-month-year-toggle{color:var(--ion-color-base)}.calendar-month-year{min-width:0}.calendar-month-year-toggle{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:opacity 15ms linear, background-color 15ms linear;transition:opacity 15ms linear, background-color 15ms linear;z-index:-1}.calendar-month-year-toggle.ion-focused::after{background:currentColor}.calendar-month-year-toggle:disabled{opacity:0.3;pointer-events:none}.calendar-month-year-toggle ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}ion-picker{--highlight-background:var(--wheel-highlight-background);--highlight-border-radius:var(--wheel-highlight-border-radius);--fade-background-rgb:var(--wheel-fade-background-rgb)}:host{--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #ffffff));--title-color:var(--ion-color-contrast)}:host .datetime-header{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}:host .datetime-header .datetime-title{font-size:0.75rem;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:2.125rem}:host .calendar-action-buttons ion-button{--color:var(--ion-color-step-650, var(--ion-text-color-step-350, #595959))}.calendar-month-year-toggle{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;min-height:48px;background:transparent;color:var(--ion-color-step-650, var(--ion-text-color-step-350, #595959));z-index:1}.calendar-month-year-toggle.ion-focused::after{opacity:0.04}.calendar-month-year-toggle ion-ripple-effect{color:currentColor}@media (any-hover: hover){.calendar-month-year-toggle.ion-activatable:not(.ion-focused):hover::after{background:currentColor;opacity:0.04}}:host .calendar-days-of-week{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray));font-size:0.875rem;line-height:36px}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}:host .calendar-day{width:42px;min-width:42px;height:42px;font-size:0.875rem}:host .calendar-day.calendar-day-today{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}:host .calendar-day.calendar-day-active,:host .calendar-day.calendar-day-adjacent-day.calendar-day-active{color:var(--ion-color-contrast)}.calendar-day.calendar-day-active,.calendar-day.calendar-day-active:focus{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .calendar-day.calendar-day-adjacent-day{color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host .time-header{color:var(--ion-color-step-650, var(--ion-text-color-step-350, #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{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end: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}";
236
236
 
@@ -1088,6 +1088,9 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends H {
1088
1088
  this.clearFocusVisible();
1089
1089
  this.clearFocusVisible = undefined;
1090
1090
  }
1091
+ if (this.loadTimeout) {
1092
+ clearTimeout(this.loadTimeout);
1093
+ }
1091
1094
  }
1092
1095
  initializeListeners() {
1093
1096
  this.initializeCalendarListener();
@@ -1136,7 +1139,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends H {
1136
1139
  *
1137
1140
  * We schedule this after everything has had a chance to run.
1138
1141
  */
1139
- setTimeout(() => {
1142
+ this.loadTimeout = setTimeout(() => {
1140
1143
  this.ensureReadyIfVisible();
1141
1144
  }, 100);
1142
1145
  /**
@@ -1894,7 +1897,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends H {
1894
1897
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1895
1898
  const hasWheelVariant = hasDatePresentation && preferWheel;
1896
1899
  renderHiddenInput(true, el, name, formatValue(value), disabled);
1897
- return (h(Host, { key: 'efdbc0922670a841bc667ceac392cdc1dedffd01', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1900
+ return (h(Host, { key: 'b81c3531f4654be3f6948df5f790c0f6ab488000', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1898
1901
  [mode]: true,
1899
1902
  ['datetime-readonly']: readonly,
1900
1903
  ['datetime-disabled']: disabled,
@@ -1904,7 +1907,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends H {
1904
1907
  [`datetime-size-${size}`]: true,
1905
1908
  [`datetime-prefer-wheel`]: hasWheelVariant,
1906
1909
  [`datetime-grid`]: isGridStyle,
1907
- })) }, h("div", { key: '3f8bb75fcb0baff55182ef3aa1b535eacc58d81f', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1910
+ })) }, h("div", { key: 'f7f39f8e56146186210d0ab70ae95e829573e549', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1908
1911
  }
1909
1912
  get el() { return this; }
1910
1913
  static get watchers() { return {
@@ -13,6 +13,7 @@ const FabList = /*@__PURE__*/ proxyCustomElement(class FabList extends H {
13
13
  this.__registerHost();
14
14
  }
15
15
  this.__attachShadow();
16
+ this.activateTimeouts = [];
16
17
  /**
17
18
  * If `true`, the fab list will show all fab buttons in the list.
18
19
  */
@@ -23,20 +24,26 @@ const FabList = /*@__PURE__*/ proxyCustomElement(class FabList extends H {
23
24
  this.side = 'bottom';
24
25
  }
25
26
  activatedChanged(activated) {
27
+ this.activateTimeouts.forEach(clearTimeout);
28
+ this.activateTimeouts = [];
26
29
  const fabs = Array.from(this.el.querySelectorAll('ion-fab-button'));
27
30
  // if showing the fabs add a timeout, else show immediately
28
31
  const timeout = activated ? 30 : 0;
29
32
  fabs.forEach((fab, i) => {
30
- setTimeout(() => (fab.show = activated), i * timeout);
33
+ this.activateTimeouts.push(setTimeout(() => (fab.show = activated), i * timeout));
31
34
  });
32
35
  }
36
+ disconnectedCallback() {
37
+ this.activateTimeouts.forEach(clearTimeout);
38
+ this.activateTimeouts = [];
39
+ }
33
40
  render() {
34
41
  const mode = getIonMode(this);
35
- return (h(Host, { key: '64b33366447f66c7f979cfac56307fbb1a6fac1c', class: {
42
+ return (h(Host, { key: '03a8920c29a93c6df4bab14753a78a8a30722ce8', class: {
36
43
  [mode]: true,
37
44
  'fab-list-active': this.activated,
38
45
  [`fab-list-side-${this.side}`]: true,
39
- } }, h("slot", { key: 'd9f474f7f20fd7e813db358fddc720534ca05bb6' })));
46
+ } }, h("slot", { key: 'd9e1541cb044e209bc2dff14080f3b938a2b84ae' })));
40
47
  }
41
48
  get el() { return this; }
42
49
  static get watchers() { return {
@@ -34,7 +34,16 @@ const Img = /*@__PURE__*/ proxyCustomElement(class Img extends H {
34
34
  componentDidLoad() {
35
35
  this.addIO();
36
36
  }
37
+ disconnectedCallback() {
38
+ if (this.loadTimeout) {
39
+ clearTimeout(this.loadTimeout);
40
+ }
41
+ }
37
42
  addIO() {
43
+ if (this.loadTimeout) {
44
+ clearTimeout(this.loadTimeout);
45
+ this.loadTimeout = undefined;
46
+ }
38
47
  if (this.src === undefined) {
39
48
  return;
40
49
  }
@@ -58,7 +67,7 @@ const Img = /*@__PURE__*/ proxyCustomElement(class Img extends H {
58
67
  }
59
68
  else {
60
69
  // fall back to setTimeout for Safari and IE
61
- setTimeout(() => this.load(), 200);
70
+ this.loadTimeout = setTimeout(() => this.load(), 200);
62
71
  }
63
72
  }
64
73
  load() {
@@ -75,7 +84,7 @@ const Img = /*@__PURE__*/ proxyCustomElement(class Img extends H {
75
84
  render() {
76
85
  const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
77
86
  const { draggable } = inheritedAttributes;
78
- return (h(Host, { key: 'da600442894427dee1974a28e545613afac69fca', class: getIonMode(this) }, h("img", { key: '16df0c7069af86c0fa7ce5af598bc0f63b4eb71a', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
87
+ return (h(Host, { key: '9bfaa659b0680189fd29f3acb2fdce7f70be6060', class: getIonMode(this) }, h("img", { key: 'd484beae0d5cbe0406958bfad40cdd6c05625340', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
79
88
  }
80
89
  get el() { return this; }
81
90
  static get watchers() { return {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { L as Label, d as defineCustomElement$1 } from './p-CUfY9DTD.js';
4
+ import { L as Label, d as defineCustomElement$1 } from './p-Cdm3dKWf.js';
5
5
 
6
6
  const IonLabel = Label;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { M as Modal, d as defineCustomElement$1 } from './p-IHgAGzvW.js';
4
+ import { M as Modal, d as defineCustomElement$1 } from './p-iyo0Toaz.js';
5
5
 
6
6
  const IonModal = Modal;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { P as Popover, d as defineCustomElement$1 } from './p-DRHwNkVo.js';
4
+ import { P as Popover, d as defineCustomElement$1 } from './p-C6dkQWq2.js';
5
5
 
6
6
  const IonPopover = Popover;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { R as RadioGroup, d as defineCustomElement$1 } from './p-BnpDIASH.js';
4
+ import { R as RadioGroup, d as defineCustomElement$1 } from './p-BANeLH_G.js';
5
5
 
6
6
  const IonRadioGroup = RadioGroup;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -109,11 +109,14 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends H {
109
109
  * Clears the input field and triggers the control change.
110
110
  */
111
111
  this.onClearInput = async (shouldFocus) => {
112
+ if (this.clearTimeout) {
113
+ clearTimeout(this.clearTimeout);
114
+ }
112
115
  this.ionClear.emit();
113
116
  return new Promise((resolve) => {
114
117
  // setTimeout() fixes https://github.com/ionic-team/ionic-framework/issues/7527
115
118
  // wait for 4 frames
116
- setTimeout(() => {
119
+ this.clearTimeout = setTimeout(() => {
117
120
  const value = this.getValue();
118
121
  if (value !== '') {
119
122
  this.value = '';
@@ -248,10 +251,18 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends H {
248
251
  this.originalIonInput = this.ionInput;
249
252
  this.positionElements();
250
253
  this.debounceChanged();
251
- setTimeout(() => {
254
+ this.loadTimeout = setTimeout(() => {
252
255
  this.noAnimate = false;
253
256
  }, 300);
254
257
  }
258
+ disconnectedCallback() {
259
+ if (this.loadTimeout) {
260
+ clearTimeout(this.loadTimeout);
261
+ }
262
+ if (this.clearTimeout) {
263
+ clearTimeout(this.clearTimeout);
264
+ }
265
+ }
255
266
  emitStyle() {
256
267
  this.ionStyle.emit({
257
268
  searchbar: true,
@@ -440,8 +451,8 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends H {
440
451
  const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
441
452
  const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
442
453
  const shouldShowCancelButton = this.shouldShowCancelButton();
443
- const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: 'bf574336a561a5bf66c771fb606a9b19adbecb68', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '747ad4368bda5044198259d5bc8f7be9e472e5af', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
444
- return (h(Host, { key: 'bcc5b33a2859903ba11bfc5c611c6a2aaa71d06b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
454
+ const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '9e9f3a7f6ee66140181f8c3cfa42bbeee75adafc', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '5f83fbcc0708830637815e8c0b69356cad381870', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
455
+ return (h(Host, { key: '219c263c1f3cc63e18bc2d2ba5d672b7806eddd0', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
445
456
  [mode]: true,
446
457
  'searchbar-animated': animated,
447
458
  'searchbar-disabled': this.disabled,
@@ -451,14 +462,14 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends H {
451
462
  'searchbar-has-focus': this.focused,
452
463
  'searchbar-should-show-clear': this.shouldShowClearButton(),
453
464
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
454
- }) }, h("div", { key: 'ac0dbf5ddd9c4eb6d714f45c62c44ba3d0bf034d', class: "searchbar-input-container" }, h("input", Object.assign({ key: '4b9fdac1b0d5a7a68bf61a6beb00f166434d3e84', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, h("ion-icon", { key: '32a889c48b3960560a3873061b4ac5a8a5ce532f', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '71222df691ef0b95008e619f755224d069ee9388', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
465
+ }) }, h("div", { key: '3f1c25442d6d87c0df67f79482a925b80dcc403d', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'a386fecafda0fab449ea1488906ba6cfc55e2b5c', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, h("ion-icon", { key: '5f81642628335def39a14f0726e0fafdc7203776', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: 'da3073646f2d7f639261b556517fbadabc3c10e9', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
455
466
  /**
456
467
  * This prevents mobile browsers from
457
468
  * blurring the input when the clear
458
469
  * button is activated.
459
470
  */
460
471
  ev.preventDefault();
461
- }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'f1c8c0bd8fbb655085875731d3ece387dbe2967e', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
472
+ }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '065cd6c707ae462c0767df1bab04ce8045f340a4', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
462
473
  }
463
474
  get el() { return this; }
464
475
  static get watchers() { return {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { S as SelectModal, d as defineCustomElement$1 } from './p-CJrGvZ1Z.js';
4
+ import { S as SelectModal, d as defineCustomElement$1 } from './p-CFZWrvIQ.js';
5
5
 
6
6
  const IonSelectModal = SelectModal;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { S as SelectPopover, d as defineCustomElement$1 } from './p-D3KEyQ8e.js';
4
+ import { S as SelectPopover, d as defineCustomElement$1 } from './p-CslsoGzv.js';
5
5
 
6
6
  const IonSelectPopover = SelectPopover;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -18,19 +18,19 @@ import { d as defineCustomElement$l } from './p-Bhnhnzjz.js';
18
18
  import { d as defineCustomElement$k } from './p-DK2Bn1Mc.js';
19
19
  import { d as defineCustomElement$j } from './p-BBFQmhcD.js';
20
20
  import { d as defineCustomElement$i } from './p-DyFBFrV7.js';
21
- import { d as defineCustomElement$h } from './p-DPm73mCi.js';
21
+ import { d as defineCustomElement$h } from './p-DGOrLIyS.js';
22
22
  import { d as defineCustomElement$g } from './p-DX0w75a9.js';
23
23
  import { d as defineCustomElement$f } from './p-Wro9IPHE.js';
24
24
  import { d as defineCustomElement$e } from './p-aIWC4ZEV.js';
25
- import { d as defineCustomElement$d } from './p-CUfY9DTD.js';
25
+ import { d as defineCustomElement$d } from './p-Cdm3dKWf.js';
26
26
  import { d as defineCustomElement$c } from './p-B25GjpND.js';
27
27
  import { d as defineCustomElement$b } from './p-NhiRFRn9.js';
28
- import { d as defineCustomElement$a } from './p-IHgAGzvW.js';
29
- import { d as defineCustomElement$9 } from './p-DRHwNkVo.js';
30
- import { d as defineCustomElement$7 } from './p-BnpDIASH.js';
28
+ import { d as defineCustomElement$a } from './p-iyo0Toaz.js';
29
+ import { d as defineCustomElement$9 } from './p-C6dkQWq2.js';
30
+ import { d as defineCustomElement$7 } from './p-BANeLH_G.js';
31
31
  import { d as defineCustomElement$6 } from './p-LgLeKTkH.js';
32
- import { d as defineCustomElement$5 } from './p-CJrGvZ1Z.js';
33
- import { d as defineCustomElement$4 } from './p-D3KEyQ8e.js';
32
+ import { d as defineCustomElement$5 } from './p-CFZWrvIQ.js';
33
+ import { d as defineCustomElement$4 } from './p-CslsoGzv.js';
34
34
  import { d as defineCustomElement$3 } from './p-BTlwXR9e.js';
35
35
  import { d as defineCustomElement$2 } from './p-Dt8zaCLQ.js';
36
36
 
@@ -6,9 +6,9 @@ import { e as renderHiddenInput } from './p-D5hF6rwn.js';
6
6
  import { c as checkInvalidState } from './p-DJztqcrH.js';
7
7
  import { b as getIonMode } from './p-Bxl5etF4.js';
8
8
 
9
- const radioGroupIosCss = "ion-radio-group{vertical-align:top}.radio-group-wrapper{display:inline}.radio-group-top{line-height:1.5}.radio-group-top .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
9
+ const radioGroupIosCss = "ion-radio-group{vertical-align:top}.radio-group-top{line-height:1.5}.radio-group-top .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
10
10
 
11
- const radioGroupMdCss = "ion-radio-group{vertical-align:top}.radio-group-wrapper{display:inline}.radio-group-top{line-height:1.5}.radio-group-top .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
11
+ const radioGroupMdCss = "ion-radio-group{vertical-align:top}.radio-group-top{line-height:1.5}.radio-group-top .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
12
12
 
13
13
  const RadioGroup = /*@__PURE__*/ proxyCustomElement(class RadioGroup extends H {
14
14
  constructor(registerHost) {