@ionic/core 8.7.18-dev.11771365900.125bf49c → 8.7.18-dev.11772217280.122eed89

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 (90) hide show
  1. package/components/ion-app.js +17 -12
  2. package/components/ion-checkbox.js +1 -1
  3. package/components/ion-content.js +1 -1
  4. package/components/ion-datetime.js +7 -4
  5. package/components/ion-fab-list.js +10 -3
  6. package/components/ion-img.js +11 -2
  7. package/components/ion-label.js +1 -1
  8. package/components/ion-modal.js +1 -1
  9. package/components/ion-popover.js +1 -1
  10. package/components/ion-radio-group.js +1 -1
  11. package/components/ion-searchbar.js +17 -6
  12. package/components/ion-select-modal.js +1 -1
  13. package/components/ion-select-popover.js +1 -1
  14. package/components/ion-select.js +8 -8
  15. package/components/{p-CJrGvZ1Z.js → p-51c2oSfC.js} +3 -3
  16. package/components/{p-BnpDIASH.js → p-BANeLH_G.js} +2 -2
  17. package/components/{p-D3KEyQ8e.js → p-BRLve2EP.js} +3 -3
  18. package/components/{p-DRHwNkVo.js → p-C6dkQWq2.js} +152 -30
  19. package/components/{p-CUfY9DTD.js → p-Cdm3dKWf.js} +8 -3
  20. package/components/{p-DyFBFrV7.js → p-D--b4514.js} +4 -4
  21. package/components/{p-DPm73mCi.js → p-DGOrLIyS.js} +7 -3
  22. package/components/{p-IHgAGzvW.js → p-iyo0Toaz.js} +326 -17
  23. package/dist/cjs/ion-app_8.cjs.entry.js +22 -13
  24. package/dist/cjs/ion-checkbox.cjs.entry.js +3 -3
  25. package/dist/cjs/ion-datetime_3.cjs.entry.js +6 -3
  26. package/dist/cjs/ion-fab_3.cjs.entry.js +10 -3
  27. package/dist/cjs/ion-img.cjs.entry.js +11 -2
  28. package/dist/cjs/ion-item_8.cjs.entry.js +8 -3
  29. package/dist/cjs/ion-modal.cjs.entry.js +326 -17
  30. package/dist/cjs/ion-popover.cjs.entry.js +152 -30
  31. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  32. package/dist/cjs/ion-searchbar.cjs.entry.js +17 -6
  33. package/dist/collection/components/app/app.js +15 -10
  34. package/dist/collection/components/checkbox/checkbox.js +4 -4
  35. package/dist/collection/components/content/content.js +7 -3
  36. package/dist/collection/components/datetime/datetime.js +6 -3
  37. package/dist/collection/components/fab-list/fab-list.js +10 -3
  38. package/dist/collection/components/img/img.js +11 -2
  39. package/dist/collection/components/label/label.js +8 -3
  40. package/dist/collection/components/modal/modal.ios.css +6 -5
  41. package/dist/collection/components/modal/modal.js +164 -15
  42. package/dist/collection/components/modal/modal.md.css +6 -5
  43. package/dist/collection/components/modal/safe-area-utils.js +165 -0
  44. package/dist/collection/components/popover/animations/ios.enter.js +33 -8
  45. package/dist/collection/components/popover/animations/md.enter.js +26 -6
  46. package/dist/collection/components/popover/utils.js +96 -19
  47. package/dist/collection/components/radio-group/radio-group.ios.css +0 -4
  48. package/dist/collection/components/radio-group/radio-group.md.css +0 -4
  49. package/dist/collection/components/searchbar/searchbar.js +17 -6
  50. package/dist/docs.json +1 -1
  51. package/dist/esm/ion-app_8.entry.js +24 -15
  52. package/dist/esm/ion-checkbox.entry.js +4 -4
  53. package/dist/esm/ion-datetime_3.entry.js +6 -3
  54. package/dist/esm/ion-fab_3.entry.js +10 -3
  55. package/dist/esm/ion-img.entry.js +11 -2
  56. package/dist/esm/ion-item_8.entry.js +8 -3
  57. package/dist/esm/ion-modal.entry.js +326 -17
  58. package/dist/esm/ion-popover.entry.js +152 -30
  59. package/dist/esm/ion-radio_2.entry.js +2 -2
  60. package/dist/esm/ion-searchbar.entry.js +17 -6
  61. package/dist/ionic/ionic.esm.js +1 -1
  62. package/dist/ionic/{p-72af946b.entry.js → p-2ac254dc.entry.js} +1 -1
  63. package/dist/ionic/p-7cad388a.entry.js +4 -0
  64. package/dist/ionic/p-7d218555.entry.js +4 -0
  65. package/dist/ionic/p-8303e3fc.entry.js +4 -0
  66. package/dist/ionic/p-915b3e3d.entry.js +4 -0
  67. package/dist/ionic/{p-eaf3f5ff.entry.js → p-b0ebf9f8.entry.js} +1 -1
  68. package/dist/ionic/p-e4c57008.entry.js +4 -0
  69. package/dist/ionic/p-e5d6d0f0.entry.js +4 -0
  70. package/dist/ionic/p-f1dfee25.entry.js +4 -0
  71. package/dist/ionic/{p-6444c606.entry.js → p-f9f7b9db.entry.js} +1 -1
  72. package/dist/types/components/app/app.d.ts +3 -0
  73. package/dist/types/components/datetime/datetime.d.ts +1 -0
  74. package/dist/types/components/fab-list/fab-list.d.ts +2 -0
  75. package/dist/types/components/img/img.d.ts +2 -0
  76. package/dist/types/components/label/label.d.ts +2 -0
  77. package/dist/types/components/modal/modal.d.ts +35 -0
  78. package/dist/types/components/modal/safe-area-utils.d.ts +66 -0
  79. package/dist/types/components/popover/utils.d.ts +23 -1
  80. package/dist/types/components/searchbar/searchbar.d.ts +3 -0
  81. package/hydrate/index.js +556 -73
  82. package/hydrate/index.mjs +556 -73
  83. package/package.json +1 -1
  84. package/dist/ionic/p-01e27965.entry.js +0 -4
  85. package/dist/ionic/p-3ec563c1.entry.js +0 -4
  86. package/dist/ionic/p-42db6404.entry.js +0 -4
  87. package/dist/ionic/p-46d74291.entry.js +0 -4
  88. package/dist/ionic/p-bc293244.entry.js +0 -4
  89. package/dist/ionic/p-d1f54e28.entry.js +0 -4
  90. 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 Checkbox, d as defineCustomElement$1 } from './p-DyFBFrV7.js';
4
+ import { C as Checkbox, d as defineCustomElement$1 } from './p-D--b4514.js';
5
5
 
6
6
  const IonCheckbox = Checkbox;
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 { 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) => {
@@ -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-51c2oSfC.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-BRLve2EP.js';
5
5
 
6
6
  const IonSelectPopover = SelectPopover;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -17,20 +17,20 @@ import { d as defineCustomElement$m } from './p-BcazQttQ.js';
17
17
  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
- import { d as defineCustomElement$i } from './p-DyFBFrV7.js';
21
- import { d as defineCustomElement$h } from './p-DPm73mCi.js';
20
+ import { d as defineCustomElement$i } from './p-D--b4514.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-51c2oSfC.js';
33
+ import { d as defineCustomElement$4 } from './p-BRLve2EP.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
 
@@ -7,14 +7,14 @@ import { s as safeCall } from './p-c-XJ9XhZ.js';
7
7
  import { g as getClassMap } from './p-DiVJyqlX.js';
8
8
  import { d as defineCustomElement$d } from './p-DK2Bn1Mc.js';
9
9
  import { d as defineCustomElement$c } from './p-BBFQmhcD.js';
10
- import { d as defineCustomElement$b } from './p-DyFBFrV7.js';
11
- import { d as defineCustomElement$a } from './p-DPm73mCi.js';
10
+ import { d as defineCustomElement$b } from './p-D--b4514.js';
11
+ import { d as defineCustomElement$a } from './p-DGOrLIyS.js';
12
12
  import { d as defineCustomElement$9 } from './p-DX0w75a9.js';
13
13
  import { d as defineCustomElement$8 } from './p-Wro9IPHE.js';
14
14
  import { d as defineCustomElement$7 } from './p-aIWC4ZEV.js';
15
15
  import { d as defineCustomElement$6 } from './p-B25GjpND.js';
16
16
  import { d as defineCustomElement$5 } from './p-Bt_moUyl.js';
17
- import { d as defineCustomElement$4 } from './p-BnpDIASH.js';
17
+ import { d as defineCustomElement$4 } from './p-BANeLH_G.js';
18
18
  import { d as defineCustomElement$3 } from './p-LgLeKTkH.js';
19
19
  import { d as defineCustomElement$2 } from './p-BTlwXR9e.js';
20
20
  import { d as defineCustomElement$1 } from './p-Dt8zaCLQ.js';
@@ -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) {
@@ -5,14 +5,14 @@ import { p as proxyCustomElement, H, h, i as forceUpdate, d as Host } from './p-
5
5
  import { s as safeCall } from './p-c-XJ9XhZ.js';
6
6
  import { g as getClassMap } from './p-DiVJyqlX.js';
7
7
  import { b as getIonMode } from './p-Bxl5etF4.js';
8
- import { d as defineCustomElement$9 } from './p-DyFBFrV7.js';
8
+ import { d as defineCustomElement$9 } from './p-D--b4514.js';
9
9
  import { d as defineCustomElement$8 } from './p-Wro9IPHE.js';
10
10
  import { d as defineCustomElement$7 } from './p-aIWC4ZEV.js';
11
- import { d as defineCustomElement$6 } from './p-CUfY9DTD.js';
11
+ import { d as defineCustomElement$6 } from './p-Cdm3dKWf.js';
12
12
  import { d as defineCustomElement$5 } from './p-B25GjpND.js';
13
13
  import { d as defineCustomElement$4 } from './p-NhiRFRn9.js';
14
14
  import { d as defineCustomElement$3 } from './p-Bt_moUyl.js';
15
- import { d as defineCustomElement$2 } from './p-BnpDIASH.js';
15
+ import { d as defineCustomElement$2 } from './p-BANeLH_G.js';
16
16
  import { d as defineCustomElement$1 } from './p-LgLeKTkH.js';
17
17
 
18
18
  const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ios-h{overflow-y:auto}";