@ionic/core 8.0.2-nightly.20240426 → 8.0.2-nightly.20240429

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 (103) hide show
  1. package/components/checkbox.js +3 -3
  2. package/components/ion-accordion-group.js +2 -2
  3. package/components/ion-datetime.js +2 -2
  4. package/components/ion-input.js +3 -3
  5. package/components/ion-range.js +3 -3
  6. package/components/ion-searchbar.js +4 -4
  7. package/components/ion-segment.js +2 -2
  8. package/components/ion-select.js +2 -2
  9. package/components/ion-textarea.js +2 -2
  10. package/components/ion-toggle.js +3 -3
  11. package/components/picker-column.js +3 -3
  12. package/components/radio-group.js +1 -1
  13. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  14. package/dist/cjs/ion-checkbox.cjs.entry.js +3 -3
  15. package/dist/cjs/ion-datetime_3.cjs.entry.js +2 -2
  16. package/dist/cjs/ion-input.cjs.entry.js +3 -3
  17. package/dist/cjs/ion-picker-column.cjs.entry.js +3 -3
  18. package/dist/cjs/ion-radio_2.cjs.entry.js +1 -1
  19. package/dist/cjs/ion-range.cjs.entry.js +3 -3
  20. package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
  21. package/dist/cjs/ion-segment_2.cjs.entry.js +2 -2
  22. package/dist/cjs/ion-select_3.cjs.entry.js +2 -2
  23. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  24. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  25. package/dist/collection/components/accordion-group/accordion-group.js +3 -3
  26. package/dist/collection/components/checkbox/checkbox.js +4 -4
  27. package/dist/collection/components/datetime/datetime.js +3 -3
  28. package/dist/collection/components/input/input.js +4 -4
  29. package/dist/collection/components/picker-column/picker-column.js +4 -4
  30. package/dist/collection/components/radio-group/radio-group.js +2 -2
  31. package/dist/collection/components/range/range.js +4 -4
  32. package/dist/collection/components/searchbar/searchbar.js +5 -5
  33. package/dist/collection/components/segment/segment.js +3 -3
  34. package/dist/collection/components/select/select.js +3 -3
  35. package/dist/collection/components/textarea/textarea.js +3 -3
  36. package/dist/collection/components/toggle/toggle.js +4 -4
  37. package/dist/docs.json +13 -13
  38. package/dist/esm/ion-accordion_2.entry.js +2 -2
  39. package/dist/esm/ion-checkbox.entry.js +3 -3
  40. package/dist/esm/ion-datetime_3.entry.js +2 -2
  41. package/dist/esm/ion-input.entry.js +3 -3
  42. package/dist/esm/ion-picker-column.entry.js +3 -3
  43. package/dist/esm/ion-radio_2.entry.js +1 -1
  44. package/dist/esm/ion-range.entry.js +3 -3
  45. package/dist/esm/ion-searchbar.entry.js +4 -4
  46. package/dist/esm/ion-segment_2.entry.js +2 -2
  47. package/dist/esm/ion-select_3.entry.js +2 -2
  48. package/dist/esm/ion-textarea.entry.js +2 -2
  49. package/dist/esm/ion-toggle.entry.js +3 -3
  50. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  51. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  52. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  53. package/dist/esm-es5/ion-input.entry.js +1 -1
  54. package/dist/esm-es5/ion-picker-column.entry.js +1 -1
  55. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  56. package/dist/esm-es5/ion-range.entry.js +1 -1
  57. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  58. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  59. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  60. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  61. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  62. package/dist/ionic/ionic.esm.js +1 -1
  63. package/dist/ionic/{p-cdee3a44.system.entry.js → p-031b070b.system.entry.js} +1 -1
  64. package/dist/ionic/{p-4324e8a4.entry.js → p-0b3861eb.entry.js} +1 -1
  65. package/dist/ionic/{p-583f8865.system.entry.js → p-34619a37.system.entry.js} +1 -1
  66. package/dist/ionic/{p-720927ad.entry.js → p-3ef93daf.entry.js} +1 -1
  67. package/dist/ionic/{p-a801da4b.system.entry.js → p-45aec799.system.entry.js} +1 -1
  68. package/dist/ionic/p-4737e73a.entry.js +4 -0
  69. package/dist/ionic/{p-0d960144.system.entry.js → p-4da143c9.system.entry.js} +1 -1
  70. package/dist/ionic/{p-4c153abb.entry.js → p-515a47f5.entry.js} +1 -1
  71. package/dist/ionic/{p-0d56dea9.entry.js → p-5a6d3cd9.entry.js} +1 -1
  72. package/dist/ionic/{p-e49099b0.entry.js → p-6123d531.entry.js} +1 -1
  73. package/dist/ionic/{p-ee3bbaf2.entry.js → p-63deb2c3.entry.js} +1 -1
  74. package/dist/ionic/p-7536b4b3.system.js +1 -1
  75. package/dist/ionic/{p-8e031d97.entry.js → p-75f262d3.entry.js} +1 -1
  76. package/dist/ionic/{p-576786c0.system.entry.js → p-a0fa6344.system.entry.js} +1 -1
  77. package/dist/ionic/{p-42f00e72.system.entry.js → p-a5721afd.system.entry.js} +1 -1
  78. package/dist/ionic/{p-80f85095.system.entry.js → p-b17549e8.system.entry.js} +1 -1
  79. package/dist/ionic/{p-5d3a8503.system.entry.js → p-ba9ca25a.system.entry.js} +1 -1
  80. package/dist/ionic/{p-3f5b86b4.entry.js → p-c687e632.entry.js} +1 -1
  81. package/dist/ionic/{p-49cdc4f2.entry.js → p-c977c5bc.entry.js} +1 -1
  82. package/dist/ionic/{p-f5c42f72.entry.js → p-d3ceed28.entry.js} +1 -1
  83. package/dist/ionic/{p-819e8479.system.entry.js → p-d5460f2d.system.entry.js} +1 -1
  84. package/dist/ionic/{p-fc94e18f.entry.js → p-d77dc6ea.entry.js} +1 -1
  85. package/dist/ionic/{p-1a5227b3.system.entry.js → p-ec723b9f.system.entry.js} +1 -1
  86. package/dist/ionic/{p-567a21a2.system.entry.js → p-f4bc5429.system.entry.js} +1 -1
  87. package/dist/ionic/{p-94731a92.system.entry.js → p-fc6301cd.system.entry.js} +1 -1
  88. package/dist/types/components/accordion-group/accordion-group.d.ts +3 -4
  89. package/dist/types/components/checkbox/checkbox.d.ts +3 -4
  90. package/dist/types/components/datetime/datetime.d.ts +2 -0
  91. package/dist/types/components/input/input.d.ts +2 -0
  92. package/dist/types/components/picker-column/picker-column.d.ts +2 -0
  93. package/dist/types/components/radio-group/radio-group.d.ts +2 -0
  94. package/dist/types/components/range/range.d.ts +1 -1
  95. package/dist/types/components/searchbar/searchbar.d.ts +2 -0
  96. package/dist/types/components/segment/segment.d.ts +3 -2
  97. package/dist/types/components/select/select.d.ts +2 -0
  98. package/dist/types/components/textarea/textarea.d.ts +2 -0
  99. package/dist/types/components/toggle/toggle.d.ts +3 -2
  100. package/dist/types/components.d.ts +12 -12
  101. package/hydrate/index.js +30 -30
  102. package/package.json +1 -1
  103. package/dist/ionic/p-057b5866.entry.js +0 -4
package/components/checkbox.js CHANGED
@@ -76,7 +76,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
76
76
  const mode = getIonMode(this);
77
77
  const path = getSVGPath(mode, indeterminate);
78
78
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
79
- return (h(Host, { key: '52064869f18f6762802a783ba9ee37433d2a2981', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
79
+ return (h(Host, { key: '0ac95890562c7f035704c40959c69f8c8ca4bc9f', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
80
80
  [mode]: true,
81
81
  'in-item': hostContext('ion-item', el),
82
82
  'checkbox-checked': checked,
@@ -86,10 +86,10 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
86
86
  [`checkbox-justify-${justify}`]: true,
87
87
  [`checkbox-alignment-${alignment}`]: true,
88
88
  [`checkbox-label-placement-${labelPlacement}`]: true,
89
- }), onClick: this.onClick }, h("label", { key: '800b3521fe809423b9eee7ab9d220255cc6ffdff', class: "checkbox-wrapper" }, h("input", Object.assign({ key: '3e254b29bb1fc3951691a255a20cfd65360be510', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: '19ff4b1115c3bc9c2ceed045fbc4e970f77d9e0d', class: {
89
+ }), onClick: this.onClick }, h("label", { key: '3f9f7c8383dded8f7997086b25399d052df76b5c', class: "checkbox-wrapper" }, h("input", Object.assign({ key: '6fb11d06c424c289357d5d7c1a4d1b967be231d0', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: 'f577a272e5e3f9f1852fc95e40466c80b76309c7', class: {
90
90
  'label-text-wrapper': true,
91
91
  'label-text-wrapper-hidden': el.textContent === '',
92
- }, part: "label" }, h("slot", { key: 'e4f07b55826fb1b3a80e0428873fbdf06bf92978' })), h("div", { key: '5134cf088c93f36b00d3848b573a148f2d9fb806', class: "native-wrapper" }, h("svg", { key: 'd00733f071d6da47e1a6e5c89cb6aab1a7b0ef74', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
92
+ }, part: "label" }, h("slot", { key: '7c9b0b4513e797a1acdf55a5f286563e5f397e9c' })), h("div", { key: 'e47c50a078b8d761ddc5efcb9a9635281b5818f6', class: "native-wrapper" }, h("svg", { key: '4dca47179ae15e9094e01c799ef4ed25fbb0d840', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
93
93
  }
94
94
  getSVGPath(mode, indeterminate) {
95
95
  let path = indeterminate ? (h("path", { d: "M6 12L18 12", part: "mark" })) : (h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
package/components/ion-accordion-group.js CHANGED
@@ -206,12 +206,12 @@ const AccordionGroup = /*@__PURE__*/ proxyCustomElement(class AccordionGroup ext
206
206
  render() {
207
207
  const { disabled, readonly, expand } = this;
208
208
  const mode = getIonMode(this);
209
- return (h(Host, { key: 'ac2e26ac91c95d08172bd2b51daa7a711c21db9e', class: {
209
+ return (h(Host, { key: '82f3e77066fabb4736638ee4c487ad56efd39c63', class: {
210
210
  [mode]: true,
211
211
  'accordion-group-disabled': disabled,
212
212
  'accordion-group-readonly': readonly,
213
213
  [`accordion-group-expand-${expand}`]: true,
214
- }, role: "presentation" }, h("slot", { key: '444adc2af5730897eba57095da046d6bdb5af70f' })));
214
+ }, role: "presentation" }, h("slot", { key: 'a3c791ea887fc640b512f81d429be465ae902b3d' })));
215
215
  }
216
216
  get el() { return this; }
217
217
  static get watchers() { return {
package/components/ion-datetime.js CHANGED
@@ -1760,7 +1760,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1760
1760
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1761
1761
  const hasWheelVariant = hasDatePresentation && preferWheel;
1762
1762
  renderHiddenInput(true, el, name, formatValue(value), disabled);
1763
- return (h(Host, { key: 'f1f8ca52cdd9cfc8394b0365c89c0d30cd7316e7', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1763
+ return (h(Host, { key: '0b8c97bfb84dff5f8ef8097bba44f6c4ad119f76', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1764
1764
  [mode]: true,
1765
1765
  ['datetime-readonly']: readonly,
1766
1766
  ['datetime-disabled']: disabled,
@@ -1770,7 +1770,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1770
1770
  [`datetime-size-${size}`]: true,
1771
1771
  [`datetime-prefer-wheel`]: hasWheelVariant,
1772
1772
  [`datetime-grid`]: isGridStyle,
1773
- })) }, h("div", { key: '480068aa8072b60ac521646dfa82480c5f6ce6ef', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1773
+ })) }, h("div", { key: '36e389a8c49944b5bbc0429f6b86d9c28a5b860a', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1774
1774
  }
1775
1775
  get el() { return this; }
1776
1776
  static get watchers() { return {
package/components/ion-input.js CHANGED
@@ -402,7 +402,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
402
402
  * TODO(FW-5592): Remove hasStartEndSlots condition
403
403
  */
404
404
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
405
- return (h(Host, { key: '083568e68a2970485e93a84ad3b837c117e03fed', class: createColorClasses(this.color, {
405
+ return (h(Host, { key: 'b0697cdbb71e680d904c11445a9bd7c28567b0e4', class: createColorClasses(this.color, {
406
406
  [mode]: true,
407
407
  'has-value': hasValue,
408
408
  'has-focus': hasFocus,
@@ -413,7 +413,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
413
413
  'in-item': inItem,
414
414
  'in-item-color': hostContext('ion-item.ion-color', this.el),
415
415
  'input-disabled': disabled,
416
- }) }, h("label", { key: '5e6767a20b8ac61d5df69106f4ce11ecc46ae5bf', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '4af8df127e8194b4eeb8b16936a36489aee17009', class: "native-wrapper" }, h("slot", { key: '90e925fa36a5c057a4ca5e03d5fcaf8e12e711ad', name: "start" }), h("input", Object.assign({ key: '0a5455e8c31beca48e08b97faa5e3e069822248f', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (h("button", { key: 'b9eab01b390581d20c861ae6a4c49bde0841f14c', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
416
+ }) }, h("label", { key: 'eb9851f62c4aa62dd3b2ebe2e169182ea9fa12d8', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'e8cd537de25d25ed7fd3a6c3450643f0bfe10f82', class: "native-wrapper" }, h("slot", { key: '00590a3d52896465102d0f9e75a9165f9a3f5936', name: "start" }), h("input", Object.assign({ key: '26fd41169cbf5c5b7efc9989d6e9300c20db321a', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (h("button", { key: '4dc7c673179fa5c0f84a251ceed2599f8b7e9b8b', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
417
417
  /**
418
418
  * This prevents mobile browsers from
419
419
  * blurring the input when the clear
@@ -428,7 +428,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
428
428
  * for screen readers as it means users would be unable to swipe past the clear button.
429
429
  */
430
430
  ev.stopPropagation();
431
- }, onClick: this.clearTextInput }, h("ion-icon", { key: '8284ba60924a42fd6d352d23441524f8a027e0ce', "aria-hidden": "true", icon: mode === 'ios' ? closeCircle : closeSharp }))), h("slot", { key: '8f3c04ecc32cb04a06ebb916b79071414b2a5263', name: "end" })), shouldRenderHighlight && h("div", { key: '7e97782b292fd140b3fe7f13de05dfafb4b0fa28', class: "input-highlight" })), this.renderBottomContent()));
431
+ }, onClick: this.clearTextInput }, h("ion-icon", { key: '22faa709020c08c3fbd44955c2cfa77c2117e47e', "aria-hidden": "true", icon: mode === 'ios' ? closeCircle : closeSharp }))), h("slot", { key: '6b2c0138fd1aa0e8f004e807d842856278960d8a', name: "end" })), shouldRenderHighlight && h("div", { key: '2db65ebfa53b4490490d3f1dc4a1a21875e239a2', class: "input-highlight" })), this.renderBottomContent()));
432
432
  }
433
433
  get el() { return this; }
434
434
  static get watchers() { return {
package/components/ion-range.js CHANGED
@@ -602,7 +602,7 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends HTMLElement {
602
602
  const needsEndAdjustment = inItem && !hasEndContent;
603
603
  const mode = getIonMode(this);
604
604
  renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
605
- return (h(Host, { key: 'cd70b5db9eae808a644643d7095a1b5264cbc5fe', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
605
+ return (h(Host, { key: 'f66f03965290003b8a2b74b6f16ebf5615291688', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
606
606
  [mode]: true,
607
607
  'in-item': inItem,
608
608
  'range-disabled': disabled,
@@ -611,10 +611,10 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends HTMLElement {
611
611
  [`range-label-placement-${labelPlacement}`]: true,
612
612
  'range-item-start-adjustment': needsStartAdjustment,
613
613
  'range-item-end-adjustment': needsEndAdjustment,
614
- }) }, h("label", { key: '78ef0523f0064d6b268ae17ef72f90094511d897', class: "range-wrapper", id: "range-label" }, h("div", { key: '6e4b2051e770dabe80dcb9f412e9aae1859e9f33', class: {
614
+ }) }, h("label", { key: '4b0035999693e241afb753f4c335ec386a2f5a2b', class: "range-wrapper", id: "range-label" }, h("div", { key: 'f03119f14a4c6bb2f6c529e885002df633cd1797', class: {
615
615
  'label-text-wrapper': true,
616
616
  'label-text-wrapper-hidden': !hasLabel,
617
- }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '72cdb8f6657a3b84f759743cedd600020c954c6a', class: "native-wrapper" }, h("slot", { key: 'f7a38d6bd63df5dc8b4470f1f4acaaf3e5c80514', name: "start" }), this.renderRangeSlider(), h("slot", { key: 'ae74ac8c1da691e3be1b2f00dfd3c8419b9566ec', name: "end" })))));
617
+ }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '72678b1d17ac2a6dfeee26d40a6a80bcc0e7e2fe', class: "native-wrapper" }, h("slot", { key: 'c555ac9598427b81fddd5415ea673479c2247977', name: "start" }), this.renderRangeSlider(), h("slot", { key: 'bf58ccc934a246b303c766d16df5eeb62c225b12', name: "end" })))));
618
618
  }
619
619
  get el() { return this; }
620
620
  static get watchers() { return {
package/components/ion-searchbar.js CHANGED
@@ -391,8 +391,8 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
391
391
  const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
392
392
  const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
393
393
  const shouldShowCancelButton = this.shouldShowCancelButton();
394
- const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '753b11f41484edcb2714aa81be8bc7bc0370cb2e', "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: 'e42fe29767fb06a5e4f9060c3f8a47b040528e4f', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
395
- return (h(Host, { key: 'da667148dc3300f4a8473315d04e6560194f51dc', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
394
+ const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '2e53057ad0dcb8ea930fe4a4a03f08af5163d31e', "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: '10b06fdbb3ae51bf02bd094205d075e1f9b60ea3', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
395
+ return (h(Host, { key: 'f1a07f9e2f27f5297581e66c80097cf7843c1a5a', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
396
396
  [mode]: true,
397
397
  'searchbar-animated': animated,
398
398
  'searchbar-disabled': this.disabled,
@@ -402,14 +402,14 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
402
402
  'searchbar-has-focus': this.focused,
403
403
  'searchbar-should-show-clear': this.shouldShowClearButton(),
404
404
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
405
- }) }, h("div", { key: 'b1a28467d41dd989e6aee10c7c9fb70a7c1534f1', class: "searchbar-input-container" }, h("input", Object.assign({ key: '4983f67966f79b2846c1369c7feaa0c568bc3025', "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: 'b6576522762a83a7d9977f312dce433c2aaa2490', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: 'c460a3be7ffed2ddf4b08f64ea4ec6843586a726', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
405
+ }) }, h("div", { key: '9b7dc9abf5b1925872c75f6c992aac465700b615', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'd0e11e98bfb8b9e9225de80c8f132f68c3466f13', "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: 'd475776f64b55d13d49f8193f3b84a4e669403c7', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '9b5b681edfac608ed1c20175086ec40c652a7f07', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
406
406
  /**
407
407
  * This prevents mobile browsers from
408
408
  * blurring the input when the clear
409
409
  * button is activated.
410
410
  */
411
411
  ev.preventDefault();
412
- }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'e2e5dcdeca46d2588642e7b9f05d396f6e0332a9', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
412
+ }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '44c85c0d3a1346c5e9306a65f6a7cf0fcdc1f149', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
413
413
  }
414
414
  get el() { return this; }
415
415
  static get watchers() { return {
package/components/ion-segment.js CHANGED
@@ -428,14 +428,14 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends HTMLEleme
428
428
  }
429
429
  render() {
430
430
  const mode = getIonMode(this);
431
- return (h(Host, { key: '22bd7bbecaa9f0c95971565e06ef3fa4ad44a946', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
431
+ return (h(Host, { key: '107be9ad856d855db449d24cd75f9fb82746e9aa', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
432
432
  [mode]: true,
433
433
  'in-toolbar': hostContext('ion-toolbar', this.el),
434
434
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
435
435
  'segment-activated': this.activated,
436
436
  'segment-disabled': this.disabled,
437
437
  'segment-scrollable': this.scrollable,
438
- }) }, h("slot", { key: '6d6fe81026928662137b872206de55117fda30a2' })));
438
+ }) }, h("slot", { key: 'bdb223b18a62af921084301f01a728c421379646' })));
439
439
  }
440
440
  get el() { return this; }
441
441
  static get watchers() { return {
package/components/ion-select.js CHANGED
@@ -592,7 +592,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
592
592
  * TODO(FW-5592): Remove hasStartEndSlots condition
593
593
  */
594
594
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
595
- return (h(Host, { key: '5a1b82be3f737a2ce5b87c5cd716f898a902ab10', onClick: this.onClick, class: createColorClasses(this.color, {
595
+ return (h(Host, { key: 'df8333e037d8cb9fd34af7f3525608d7bd0ec0f4', onClick: this.onClick, class: createColorClasses(this.color, {
596
596
  [mode]: true,
597
597
  'in-item': inItem,
598
598
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -608,7 +608,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
608
608
  [`select-justify-${justify}`]: justifyEnabled,
609
609
  [`select-shape-${shape}`]: shape !== undefined,
610
610
  [`select-label-placement-${labelPlacement}`]: true,
611
- }) }, h("label", { key: '79a6e99e38fa3f72d876f4b8ac0077a9fbf4bd2d', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: 'e18ac0b4a35e2cdde858347a9b116218533cd532', class: "select-wrapper-inner" }, h("slot", { key: 'cc194f718ef9363d3496531f0d9259e33b66f4d8', name: "start" }), h("div", { key: '833c5544e453c0ac543f5d4898d0f492caac405a', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: 'adaa4064c9ad01ef7a452308680eb09dc3ad60ff', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'd47a6ef0a6192c5f098973aa517aad2aa9ae8dfc', class: "select-highlight" }))));
611
+ }) }, h("label", { key: '3b165b4c7512bcf750bac885aef67745db53a840', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '1b0cac005aff58ba067efe7e1165b3375716c57e', class: "select-wrapper-inner" }, h("slot", { key: '0552b33874ec305d3406876d5714a1dc4f0dc2c1', name: "start" }), h("div", { key: '7d56e2610cc026f844373590f8229164baff2c62', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '79d8daef62fce370d804734390d8ba47dc611d36', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'be8b6f8c45b5062618ba50b2311f1143210bcc59', class: "select-highlight" }))));
612
612
  }
613
613
  get el() { return this; }
614
614
  static get watchers() { return {
package/components/ion-textarea.js CHANGED
@@ -364,7 +364,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
364
364
  * TODO(FW-5592): Remove hasStartEndSlots condition
365
365
  */
366
366
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
367
- return (h(Host, { key: 'b4cf1f37cacdd1775fefb874b87b30ba753fdc3a', class: createColorClasses(this.color, {
367
+ return (h(Host, { key: '16eeb87ea5dbac1b37f1a376cd74e6f41af1b5f6', class: createColorClasses(this.color, {
368
368
  [mode]: true,
369
369
  'has-value': hasValue,
370
370
  'has-focus': hasFocus,
@@ -373,7 +373,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
373
373
  [`textarea-shape-${shape}`]: shape !== undefined,
374
374
  [`textarea-label-placement-${labelPlacement}`]: true,
375
375
  'textarea-disabled': disabled,
376
- }) }, h("label", { key: '71673192cf9d61dd072d9c0c3caefad313ed7129', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '6ecfbc046cf6e14f0d58dca1bff7db2093620f01', class: "textarea-wrapper-inner" }, h("div", { key: '7d2410de5dd971f74406ab8a321d87709873fa22', class: "start-slot-wrapper" }, h("slot", { key: '061cc0dd516b2f3a4ad7199790028e5d525a3ab2', name: "start" })), h("div", { key: 'f75309006f7c4e835f346cecf243f104e37bd477', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'ba47358352fcd30e659b7ac684ce2e5b83744150', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: 'bebb8b585bc4e7adb9192665679cd7073e23240c', class: "end-slot-wrapper" }, h("slot", { key: '734f40dcc6a57771c00f7528fb19544bb68fc563', name: "end" }))), shouldRenderHighlight && h("div", { key: 'e5a1bbebc2e16cb1b3f2bce312494447a0b36957', class: "textarea-highlight" })), this.renderBottomContent()));
376
+ }) }, h("label", { key: '5f7946957517614b937eb37533a87c124cf3eabb', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '4e950025447d83f3ec77b515a2c5cd6511819b7e', class: "textarea-wrapper-inner" }, h("div", { key: 'a508e5879a9f7b3f2a91d5b1851ab990302044fe', class: "start-slot-wrapper" }, h("slot", { key: 'a2b18078c602896be5ae2da71519f534aa24bbc4', name: "start" })), h("div", { key: '5a4d07c72794548d7f0945aebc5bc2c65118cac3', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'f13d0e8b96a798d3cec017b2b618e4979555c5ee', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: '10b8792a1506b41928869a4460b6f780c39947b6', class: "end-slot-wrapper" }, h("slot", { key: '26362017095ffdda6749a19e0152ef4da8759fba', name: "end" }))), shouldRenderHighlight && h("div", { key: '06a6135b05848b3855192f162ec293d9eae6e171', class: "textarea-highlight" })), this.renderBottomContent()));
377
377
  }
378
378
  get el() { return this; }
379
379
  static get watchers() { return {
package/components/ion-toggle.js CHANGED
@@ -161,7 +161,7 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
161
161
  const value = this.getValue();
162
162
  const rtl = isRTL(el) ? 'rtl' : 'ltr';
163
163
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
164
- return (h(Host, { key: 'c945ab955306b2fcb7833f7ff771ac943d73d27d', onClick: this.onClick, class: createColorClasses(color, {
164
+ return (h(Host, { key: '9083d3ea92131df1480dfdaacd62037ffd5a69ec', onClick: this.onClick, class: createColorClasses(color, {
165
165
  [mode]: true,
166
166
  'in-item': hostContext('ion-item', el),
167
167
  'toggle-activated': activated,
@@ -171,10 +171,10 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
171
171
  [`toggle-alignment-${alignment}`]: true,
172
172
  [`toggle-label-placement-${labelPlacement}`]: true,
173
173
  [`toggle-${rtl}`]: true,
174
- }) }, h("label", { key: '71fb6976e877639ca9f28c2103f6290917cdb6ce', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'ed2495568197928ef1f17fc60470f4d9754a6244', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '953ab9a29c432de4b869aeac296007e703bcdf27', class: {
174
+ }) }, h("label", { key: '554e11ac1db370363b251b83e4d57c32a2bd4577', class: "toggle-wrapper" }, h("input", Object.assign({ key: '327540a212dfe686310e8a587fa8c81edfd2e229', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '9ba185a8afaf65c8ba0d2044b1abfa376aee4db3', class: {
175
175
  'label-text-wrapper': true,
176
176
  'label-text-wrapper-hidden': !this.hasLabel,
177
- }, part: "label" }, h("slot", { key: '718b24b4d59b979c11edfb1d90fa0270ac248b2f' })), h("div", { key: '293595f9dc291df38a54e23f81797b89428ff2c5', class: "native-wrapper" }, this.renderToggleControl()))));
177
+ }, part: "label" }, h("slot", { key: '730287f916c13ec437f39f2304a70afa50f41dc7' })), h("div", { key: '0e810cdf6dc7623d4efd2092a642ef12906efcae', class: "native-wrapper" }, this.renderToggleControl()))));
178
178
  }
179
179
  get el() { return this; }
180
180
  static get watchers() { return {
package/components/picker-column.js CHANGED
@@ -384,14 +384,14 @@ const PickerColumn = /*@__PURE__*/ proxyCustomElement(class PickerColumn extends
384
384
  render() {
385
385
  const { color, disabled, isActive, numericInput } = this;
386
386
  const mode = getIonMode(this);
387
- return (h(Host, { key: '59648ef23cef1ab6d30955bb95bc23e670ec7256', class: createColorClasses(color, {
387
+ return (h(Host, { key: '54d3ea9f92136ac446a6c0a2b1389d93c5ff31ee', class: createColorClasses(color, {
388
388
  [mode]: true,
389
389
  ['picker-column-active']: isActive,
390
390
  ['picker-column-numeric-input']: numericInput,
391
391
  ['picker-column-disabled']: disabled,
392
- }) }, h("slot", { key: 'fd93192d4945b2c33e0fe93cc90b505f2cec12fc', name: "prefix" }), h("div", { key: '99e49c6d58badd2fe5e75f0ebcd4bc00eb50aa58', class: "picker-opts", tabindex: disabled ? undefined : 0, ref: (el) => {
392
+ }) }, h("slot", { key: '969279123f09d37a28aa726936c9f484b0de33e4', name: "prefix" }), h("div", { key: 'd4d09a561213c408cf1c42a28cdef37f14367724', class: "picker-opts", tabindex: disabled ? undefined : 0, ref: (el) => {
393
393
  this.scrollEl = el;
394
- } }, h("div", { key: 'bb44892ef179b25373e45e4b4bc4d1fa617b1ea1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '9ee7aeb8468bbb03f7192d56849dae089b7a0250', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '0baa4bda4bf02a8d06dbf3392b1516ca8ea8d26a', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("slot", { key: 'ff4cad20fd82ab66599473f60d10c18dc1dc76d8' }), h("div", { key: '04dcb0390209081e6223b90e45b8f2ef0fdf94bd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '734e3b431a30ce93957e1452516efc86e29ff9c9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '1c68dcf9a029e607bb6bc9c19cd02214914eb6d7', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), h("slot", { key: 'd85210cc99c8c1bf83eb1cd51540ebe875d4adeb', name: "suffix" })));
394
+ } }, h("div", { key: '3710d8980682c819be33eeb6611a5c707b0e6a29', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '65b7d8d523db669a2df107ae7aaacf62daf13232', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '694657e475edcdbc93561e826e0db016738f119d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("slot", { key: 'ecbbd8db6ffdd8d8506a16d94f001d434f4daf97' }), h("div", { key: 'e19a7f7e5e4aeb7d52339e962314d68c31c6337b', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '103e6a5863efc526de3ea35c63230cc37e487594', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'c9e2313ae630ec0b39cbc92d5261fc194dc22a5f', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), h("slot", { key: '1537926d9ed8d4251ded95dcb249197491fc2616', name: "suffix" })));
395
395
  }
396
396
  get el() { return this; }
397
397
  static get watchers() { return {
package/components/radio-group.js CHANGED
@@ -158,7 +158,7 @@ const RadioGroup = /*@__PURE__*/ proxyCustomElement(class RadioGroup extends HTM
158
158
  const { label, labelId, el, name, value } = this;
159
159
  const mode = getIonMode(this);
160
160
  renderHiddenInput(true, el, name, value, false);
161
- return h(Host, { key: 'b6b439d6d53d17a5a4d9853a7cf6065b28213338', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
161
+ return h(Host, { key: '672d1df4a5d2fd22415e8772b054313907aba8f6', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
162
162
  }
163
163
  get el() { return this; }
164
164
  static get watchers() { return {
package/dist/cjs/ion-accordion_2.cjs.entry.js CHANGED
@@ -526,12 +526,12 @@ const AccordionGroup = class {
526
526
  render() {
527
527
  const { disabled, readonly, expand } = this;
528
528
  const mode = ionicGlobal.getIonMode(this);
529
- return (index.h(index.Host, { key: 'ac2e26ac91c95d08172bd2b51daa7a711c21db9e', class: {
529
+ return (index.h(index.Host, { key: '82f3e77066fabb4736638ee4c487ad56efd39c63', class: {
530
530
  [mode]: true,
531
531
  'accordion-group-disabled': disabled,
532
532
  'accordion-group-readonly': readonly,
533
533
  [`accordion-group-expand-${expand}`]: true,
534
- }, role: "presentation" }, index.h("slot", { key: '444adc2af5730897eba57095da046d6bdb5af70f' })));
534
+ }, role: "presentation" }, index.h("slot", { key: 'a3c791ea887fc640b512f81d429be465ae902b3d' })));
535
535
  }
536
536
  get el() { return index.getElement(this); }
537
537
  static get watchers() { return {
package/dist/cjs/ion-checkbox.cjs.entry.js CHANGED
@@ -78,7 +78,7 @@ const Checkbox = class {
78
78
  const mode = ionicGlobal.getIonMode(this);
79
79
  const path = getSVGPath(mode, indeterminate);
80
80
  helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
81
- return (index.h(index.Host, { key: '52064869f18f6762802a783ba9ee37433d2a2981', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: theme.createColorClasses(color, {
81
+ return (index.h(index.Host, { key: '0ac95890562c7f035704c40959c69f8c8ca4bc9f', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: theme.createColorClasses(color, {
82
82
  [mode]: true,
83
83
  'in-item': theme.hostContext('ion-item', el),
84
84
  'checkbox-checked': checked,
@@ -88,10 +88,10 @@ const Checkbox = class {
88
88
  [`checkbox-justify-${justify}`]: true,
89
89
  [`checkbox-alignment-${alignment}`]: true,
90
90
  [`checkbox-label-placement-${labelPlacement}`]: true,
91
- }), onClick: this.onClick }, index.h("label", { key: '800b3521fe809423b9eee7ab9d220255cc6ffdff', class: "checkbox-wrapper" }, index.h("input", Object.assign({ key: '3e254b29bb1fc3951691a255a20cfd65360be510', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), index.h("div", { key: '19ff4b1115c3bc9c2ceed045fbc4e970f77d9e0d', class: {
91
+ }), onClick: this.onClick }, index.h("label", { key: '3f9f7c8383dded8f7997086b25399d052df76b5c', class: "checkbox-wrapper" }, index.h("input", Object.assign({ key: '6fb11d06c424c289357d5d7c1a4d1b967be231d0', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), index.h("div", { key: 'f577a272e5e3f9f1852fc95e40466c80b76309c7', class: {
92
92
  'label-text-wrapper': true,
93
93
  'label-text-wrapper-hidden': el.textContent === '',
94
- }, part: "label" }, index.h("slot", { key: 'e4f07b55826fb1b3a80e0428873fbdf06bf92978' })), index.h("div", { key: '5134cf088c93f36b00d3848b573a148f2d9fb806', class: "native-wrapper" }, index.h("svg", { key: 'd00733f071d6da47e1a6e5c89cb6aab1a7b0ef74', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
94
+ }, part: "label" }, index.h("slot", { key: '7c9b0b4513e797a1acdf55a5f286563e5f397e9c' })), index.h("div", { key: 'e47c50a078b8d761ddc5efcb9a9635281b5818f6', class: "native-wrapper" }, index.h("svg", { key: '4dca47179ae15e9094e01c799ef4ed25fbb0d840', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
95
95
  }
96
96
  getSVGPath(mode, indeterminate) {
97
97
  let path = indeterminate ? (index.h("path", { d: "M6 12L18 12", part: "mark" })) : (index.h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
package/dist/cjs/ion-datetime_3.cjs.entry.js CHANGED
@@ -1762,7 +1762,7 @@ const Datetime = class {
1762
1762
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1763
1763
  const hasWheelVariant = hasDatePresentation && preferWheel;
1764
1764
  helpers.renderHiddenInput(true, el, name, data.formatValue(value), disabled);
1765
- return (index$1.h(index$1.Host, { key: 'f1f8ca52cdd9cfc8394b0365c89c0d30cd7316e7', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
1765
+ return (index$1.h(index$1.Host, { key: '0b8c97bfb84dff5f8ef8097bba44f6c4ad119f76', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
1766
1766
  [mode]: true,
1767
1767
  ['datetime-readonly']: readonly,
1768
1768
  ['datetime-disabled']: disabled,
@@ -1772,7 +1772,7 @@ const Datetime = class {
1772
1772
  [`datetime-size-${size}`]: true,
1773
1773
  [`datetime-prefer-wheel`]: hasWheelVariant,
1774
1774
  [`datetime-grid`]: isGridStyle,
1775
- })) }, index$1.h("div", { key: '480068aa8072b60ac521646dfa82480c5f6ce6ef', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1775
+ })) }, index$1.h("div", { key: '36e389a8c49944b5bbc0429f6b86d9c28a5b860a', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1776
1776
  }
1777
1777
  get el() { return index$1.getElement(this); }
1778
1778
  static get watchers() { return {
package/dist/cjs/ion-input.cjs.entry.js CHANGED
@@ -406,7 +406,7 @@ const Input = class {
406
406
  * TODO(FW-5592): Remove hasStartEndSlots condition
407
407
  */
408
408
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
409
- return (index.h(index.Host, { key: '083568e68a2970485e93a84ad3b837c117e03fed', class: theme.createColorClasses(this.color, {
409
+ return (index.h(index.Host, { key: 'b0697cdbb71e680d904c11445a9bd7c28567b0e4', class: theme.createColorClasses(this.color, {
410
410
  [mode]: true,
411
411
  'has-value': hasValue,
412
412
  'has-focus': hasFocus,
@@ -417,7 +417,7 @@ const Input = class {
417
417
  'in-item': inItem,
418
418
  'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
419
419
  'input-disabled': disabled,
420
- }) }, index.h("label", { key: '5e6767a20b8ac61d5df69106f4ce11ecc46ae5bf', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '4af8df127e8194b4eeb8b16936a36489aee17009', class: "native-wrapper" }, index.h("slot", { key: '90e925fa36a5c057a4ca5e03d5fcaf8e12e711ad', name: "start" }), index.h("input", Object.assign({ key: '0a5455e8c31beca48e08b97faa5e3e069822248f', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (index.h("button", { key: 'b9eab01b390581d20c861ae6a4c49bde0841f14c', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
420
+ }) }, index.h("label", { key: 'eb9851f62c4aa62dd3b2ebe2e169182ea9fa12d8', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: 'e8cd537de25d25ed7fd3a6c3450643f0bfe10f82', class: "native-wrapper" }, index.h("slot", { key: '00590a3d52896465102d0f9e75a9165f9a3f5936', name: "start" }), index.h("input", Object.assign({ key: '26fd41169cbf5c5b7efc9989d6e9300c20db321a', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (index.h("button", { key: '4dc7c673179fa5c0f84a251ceed2599f8b7e9b8b', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
421
421
  /**
422
422
  * This prevents mobile browsers from
423
423
  * blurring the input when the clear
@@ -432,7 +432,7 @@ const Input = class {
432
432
  * for screen readers as it means users would be unable to swipe past the clear button.
433
433
  */
434
434
  ev.stopPropagation();
435
- }, onClick: this.clearTextInput }, index.h("ion-icon", { key: '8284ba60924a42fd6d352d23441524f8a027e0ce', "aria-hidden": "true", icon: mode === 'ios' ? index$1.closeCircle : index$1.closeSharp }))), index.h("slot", { key: '8f3c04ecc32cb04a06ebb916b79071414b2a5263', name: "end" })), shouldRenderHighlight && index.h("div", { key: '7e97782b292fd140b3fe7f13de05dfafb4b0fa28', class: "input-highlight" })), this.renderBottomContent()));
435
+ }, onClick: this.clearTextInput }, index.h("ion-icon", { key: '22faa709020c08c3fbd44955c2cfa77c2117e47e', "aria-hidden": "true", icon: mode === 'ios' ? index$1.closeCircle : index$1.closeSharp }))), index.h("slot", { key: '6b2c0138fd1aa0e8f004e807d842856278960d8a', name: "end" })), shouldRenderHighlight && index.h("div", { key: '2db65ebfa53b4490490d3f1dc4a1a21875e239a2', class: "input-highlight" })), this.renderBottomContent()));
436
436
  }
437
437
  get el() { return index.getElement(this); }
438
438
  static get watchers() { return {
package/dist/cjs/ion-picker-column.cjs.entry.js CHANGED
@@ -387,14 +387,14 @@ const PickerColumn = class {
387
387
  render() {
388
388
  const { color, disabled, isActive, numericInput } = this;
389
389
  const mode = ionicGlobal.getIonMode(this);
390
- return (index.h(index.Host, { key: '59648ef23cef1ab6d30955bb95bc23e670ec7256', class: theme.createColorClasses(color, {
390
+ return (index.h(index.Host, { key: '54d3ea9f92136ac446a6c0a2b1389d93c5ff31ee', class: theme.createColorClasses(color, {
391
391
  [mode]: true,
392
392
  ['picker-column-active']: isActive,
393
393
  ['picker-column-numeric-input']: numericInput,
394
394
  ['picker-column-disabled']: disabled,
395
- }) }, index.h("slot", { key: 'fd93192d4945b2c33e0fe93cc90b505f2cec12fc', name: "prefix" }), index.h("div", { key: '99e49c6d58badd2fe5e75f0ebcd4bc00eb50aa58', class: "picker-opts", tabindex: disabled ? undefined : 0, ref: (el) => {
395
+ }) }, index.h("slot", { key: '969279123f09d37a28aa726936c9f484b0de33e4', name: "prefix" }), index.h("div", { key: 'd4d09a561213c408cf1c42a28cdef37f14367724', class: "picker-opts", tabindex: disabled ? undefined : 0, ref: (el) => {
396
396
  this.scrollEl = el;
397
- } }, index.h("div", { key: 'bb44892ef179b25373e45e4b4bc4d1fa617b1ea1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '9ee7aeb8468bbb03f7192d56849dae089b7a0250', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '0baa4bda4bf02a8d06dbf3392b1516ca8ea8d26a', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: 'ff4cad20fd82ab66599473f60d10c18dc1dc76d8' }), index.h("div", { key: '04dcb0390209081e6223b90e45b8f2ef0fdf94bd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '734e3b431a30ce93957e1452516efc86e29ff9c9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '1c68dcf9a029e607bb6bc9c19cd02214914eb6d7', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: 'd85210cc99c8c1bf83eb1cd51540ebe875d4adeb', name: "suffix" })));
397
+ } }, index.h("div", { key: '3710d8980682c819be33eeb6611a5c707b0e6a29', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '65b7d8d523db669a2df107ae7aaacf62daf13232', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '694657e475edcdbc93561e826e0db016738f119d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: 'ecbbd8db6ffdd8d8506a16d94f001d434f4daf97' }), index.h("div", { key: 'e19a7f7e5e4aeb7d52339e962314d68c31c6337b', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '103e6a5863efc526de3ea35c63230cc37e487594', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'c9e2313ae630ec0b39cbc92d5261fc194dc22a5f', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '1537926d9ed8d4251ded95dcb249197491fc2616', name: "suffix" })));
398
398
  }
399
399
  get el() { return index.getElement(this); }
400
400
  static get watchers() { return {
package/dist/cjs/ion-radio_2.cjs.entry.js CHANGED
@@ -291,7 +291,7 @@ const RadioGroup = class {
291
291
  const { label, labelId, el, name, value } = this;
292
292
  const mode = ionicGlobal.getIonMode(this);
293
293
  helpers.renderHiddenInput(true, el, name, value, false);
294
- return index.h(index.Host, { key: 'b6b439d6d53d17a5a4d9853a7cf6065b28213338', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
294
+ return index.h(index.Host, { key: '672d1df4a5d2fd22415e8772b054313907aba8f6', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
295
295
  }
296
296
  get el() { return index.getElement(this); }
297
297
  static get watchers() { return {
package/dist/cjs/ion-range.cjs.entry.js CHANGED
@@ -604,7 +604,7 @@ const Range = class {
604
604
  const needsEndAdjustment = inItem && !hasEndContent;
605
605
  const mode = ionicGlobal.getIonMode(this);
606
606
  helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
607
- return (index.h(index.Host, { key: 'cd70b5db9eae808a644643d7095a1b5264cbc5fe', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
607
+ return (index.h(index.Host, { key: 'f66f03965290003b8a2b74b6f16ebf5615291688', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
608
608
  [mode]: true,
609
609
  'in-item': inItem,
610
610
  'range-disabled': disabled,
@@ -613,10 +613,10 @@ const Range = class {
613
613
  [`range-label-placement-${labelPlacement}`]: true,
614
614
  'range-item-start-adjustment': needsStartAdjustment,
615
615
  'range-item-end-adjustment': needsEndAdjustment,
616
- }) }, index.h("label", { key: '78ef0523f0064d6b268ae17ef72f90094511d897', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '6e4b2051e770dabe80dcb9f412e9aae1859e9f33', class: {
616
+ }) }, index.h("label", { key: '4b0035999693e241afb753f4c335ec386a2f5a2b', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'f03119f14a4c6bb2f6c529e885002df633cd1797', class: {
617
617
  'label-text-wrapper': true,
618
618
  'label-text-wrapper-hidden': !hasLabel,
619
- }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '72cdb8f6657a3b84f759743cedd600020c954c6a', class: "native-wrapper" }, index.h("slot", { key: 'f7a38d6bd63df5dc8b4470f1f4acaaf3e5c80514', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: 'ae74ac8c1da691e3be1b2f00dfd3c8419b9566ec', name: "end" })))));
619
+ }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '72678b1d17ac2a6dfeee26d40a6a80bcc0e7e2fe', class: "native-wrapper" }, index.h("slot", { key: 'c555ac9598427b81fddd5415ea673479c2247977', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: 'bf58ccc934a246b303c766d16df5eeb62c225b12', name: "end" })))));
620
620
  }
621
621
  get el() { return index.getElement(this); }
622
622
  static get watchers() { return {
package/dist/cjs/ion-searchbar.cjs.entry.js CHANGED
@@ -393,8 +393,8 @@ const Searchbar = class {
393
393
  const clearIcon = this.clearIcon || (mode === 'ios' ? index$1.closeCircle : index$1.closeSharp);
394
394
  const searchIcon = this.searchIcon || (mode === 'ios' ? index$1.searchOutline : index$1.searchSharp);
395
395
  const shouldShowCancelButton = this.shouldShowCancelButton();
396
- const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: '753b11f41484edcb2714aa81be8bc7bc0370cb2e', "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" }, index.h("div", { key: 'e42fe29767fb06a5e4f9060c3f8a47b040528e4f', "aria-hidden": "true" }, mode === 'md' ? (index.h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
397
- return (index.h(index.Host, { key: 'da667148dc3300f4a8473315d04e6560194f51dc', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
396
+ const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: '2e53057ad0dcb8ea930fe4a4a03f08af5163d31e', "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" }, index.h("div", { key: '10b06fdbb3ae51bf02bd094205d075e1f9b60ea3', "aria-hidden": "true" }, mode === 'md' ? (index.h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
397
+ return (index.h(index.Host, { key: 'f1a07f9e2f27f5297581e66c80097cf7843c1a5a', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
398
398
  [mode]: true,
399
399
  'searchbar-animated': animated,
400
400
  'searchbar-disabled': this.disabled,
@@ -404,14 +404,14 @@ const Searchbar = class {
404
404
  'searchbar-has-focus': this.focused,
405
405
  'searchbar-should-show-clear': this.shouldShowClearButton(),
406
406
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
407
- }) }, index.h("div", { key: 'b1a28467d41dd989e6aee10c7c9fb70a7c1534f1', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '4983f67966f79b2846c1369c7feaa0c568bc3025', "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, index.h("ion-icon", { key: 'b6576522762a83a7d9977f312dce433c2aaa2490', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { key: 'c460a3be7ffed2ddf4b08f64ea4ec6843586a726', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
407
+ }) }, index.h("div", { key: '9b7dc9abf5b1925872c75f6c992aac465700b615', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: 'd0e11e98bfb8b9e9225de80c8f132f68c3466f13', "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, index.h("ion-icon", { key: 'd475776f64b55d13d49f8193f3b84a4e669403c7', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { key: '9b5b681edfac608ed1c20175086ec40c652a7f07', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
408
408
  /**
409
409
  * This prevents mobile browsers from
410
410
  * blurring the input when the clear
411
411
  * button is activated.
412
412
  */
413
413
  ev.preventDefault();
414
- }, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: 'e2e5dcdeca46d2588642e7b9f05d396f6e0332a9', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
414
+ }, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: '44c85c0d3a1346c5e9306a65f6a7cf0fcdc1f149', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
415
415
  }
416
416
  get el() { return index.getElement(this); }
417
417
  static get watchers() { return {
package/dist/cjs/ion-segment_2.cjs.entry.js CHANGED
@@ -430,14 +430,14 @@ const Segment = class {
430
430
  }
431
431
  render() {
432
432
  const mode = ionicGlobal.getIonMode(this);
433
- return (index.h(index.Host, { key: '22bd7bbecaa9f0c95971565e06ef3fa4ad44a946', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
433
+ return (index.h(index.Host, { key: '107be9ad856d855db449d24cd75f9fb82746e9aa', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
434
434
  [mode]: true,
435
435
  'in-toolbar': theme.hostContext('ion-toolbar', this.el),
436
436
  'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
437
437
  'segment-activated': this.activated,
438
438
  'segment-disabled': this.disabled,
439
439
  'segment-scrollable': this.scrollable,
440
- }) }, index.h("slot", { key: '6d6fe81026928662137b872206de55117fda30a2' })));
440
+ }) }, index.h("slot", { key: 'bdb223b18a62af921084301f01a728c421379646' })));
441
441
  }
442
442
  get el() { return index.getElement(this); }
443
443
  static get watchers() { return {
package/dist/cjs/ion-select_3.cjs.entry.js CHANGED
@@ -586,7 +586,7 @@ const Select = class {
586
586
  * TODO(FW-5592): Remove hasStartEndSlots condition
587
587
  */
588
588
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
589
- return (index.h(index.Host, { key: '5a1b82be3f737a2ce5b87c5cd716f898a902ab10', onClick: this.onClick, class: theme.createColorClasses(this.color, {
589
+ return (index.h(index.Host, { key: 'df8333e037d8cb9fd34af7f3525608d7bd0ec0f4', onClick: this.onClick, class: theme.createColorClasses(this.color, {
590
590
  [mode]: true,
591
591
  'in-item': inItem,
592
592
  'in-item-color': theme.hostContext('ion-item.ion-color', el),
@@ -602,7 +602,7 @@ const Select = class {
602
602
  [`select-justify-${justify}`]: justifyEnabled,
603
603
  [`select-shape-${shape}`]: shape !== undefined,
604
604
  [`select-label-placement-${labelPlacement}`]: true,
605
- }) }, index.h("label", { key: '79a6e99e38fa3f72d876f4b8ac0077a9fbf4bd2d', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: 'e18ac0b4a35e2cdde858347a9b116218533cd532', class: "select-wrapper-inner" }, index.h("slot", { key: 'cc194f718ef9363d3496531f0d9259e33b66f4d8', name: "start" }), index.h("div", { key: '833c5544e453c0ac543f5d4898d0f492caac405a', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: 'adaa4064c9ad01ef7a452308680eb09dc3ad60ff', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: 'd47a6ef0a6192c5f098973aa517aad2aa9ae8dfc', class: "select-highlight" }))));
605
+ }) }, index.h("label", { key: '3b165b4c7512bcf750bac885aef67745db53a840', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: '1b0cac005aff58ba067efe7e1165b3375716c57e', class: "select-wrapper-inner" }, index.h("slot", { key: '0552b33874ec305d3406876d5714a1dc4f0dc2c1', name: "start" }), index.h("div", { key: '7d56e2610cc026f844373590f8229164baff2c62', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '79d8daef62fce370d804734390d8ba47dc611d36', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: 'be8b6f8c45b5062618ba50b2311f1143210bcc59', class: "select-highlight" }))));
606
606
  }
607
607
  get el() { return index.getElement(this); }
608
608
  static get watchers() { return {
package/dist/cjs/ion-textarea.cjs.entry.js CHANGED
@@ -369,7 +369,7 @@ const Textarea = class {
369
369
  * TODO(FW-5592): Remove hasStartEndSlots condition
370
370
  */
371
371
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
372
- return (index.h(index.Host, { key: 'b4cf1f37cacdd1775fefb874b87b30ba753fdc3a', class: theme.createColorClasses(this.color, {
372
+ return (index.h(index.Host, { key: '16eeb87ea5dbac1b37f1a376cd74e6f41af1b5f6', class: theme.createColorClasses(this.color, {
373
373
  [mode]: true,
374
374
  'has-value': hasValue,
375
375
  'has-focus': hasFocus,
@@ -378,7 +378,7 @@ const Textarea = class {
378
378
  [`textarea-shape-${shape}`]: shape !== undefined,
379
379
  [`textarea-label-placement-${labelPlacement}`]: true,
380
380
  'textarea-disabled': disabled,
381
- }) }, index.h("label", { key: '71673192cf9d61dd072d9c0c3caefad313ed7129', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '6ecfbc046cf6e14f0d58dca1bff7db2093620f01', class: "textarea-wrapper-inner" }, index.h("div", { key: '7d2410de5dd971f74406ab8a321d87709873fa22', class: "start-slot-wrapper" }, index.h("slot", { key: '061cc0dd516b2f3a4ad7199790028e5d525a3ab2', name: "start" })), index.h("div", { key: 'f75309006f7c4e835f346cecf243f104e37bd477', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, index.h("textarea", Object.assign({ key: 'ba47358352fcd30e659b7ac684ce2e5b83744150', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), index.h("div", { key: 'bebb8b585bc4e7adb9192665679cd7073e23240c', class: "end-slot-wrapper" }, index.h("slot", { key: '734f40dcc6a57771c00f7528fb19544bb68fc563', name: "end" }))), shouldRenderHighlight && index.h("div", { key: 'e5a1bbebc2e16cb1b3f2bce312494447a0b36957', class: "textarea-highlight" })), this.renderBottomContent()));
381
+ }) }, index.h("label", { key: '5f7946957517614b937eb37533a87c124cf3eabb', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '4e950025447d83f3ec77b515a2c5cd6511819b7e', class: "textarea-wrapper-inner" }, index.h("div", { key: 'a508e5879a9f7b3f2a91d5b1851ab990302044fe', class: "start-slot-wrapper" }, index.h("slot", { key: 'a2b18078c602896be5ae2da71519f534aa24bbc4', name: "start" })), index.h("div", { key: '5a4d07c72794548d7f0945aebc5bc2c65118cac3', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, index.h("textarea", Object.assign({ key: 'f13d0e8b96a798d3cec017b2b618e4979555c5ee', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), index.h("div", { key: '10b8792a1506b41928869a4460b6f780c39947b6', class: "end-slot-wrapper" }, index.h("slot", { key: '26362017095ffdda6749a19e0152ef4da8759fba', name: "end" }))), shouldRenderHighlight && index.h("div", { key: '06a6135b05848b3855192f162ec293d9eae6e171', class: "textarea-highlight" })), this.renderBottomContent()));
382
382
  }
383
383
  get el() { return index.getElement(this); }
384
384
  static get watchers() { return {
package/dist/cjs/ion-toggle.cjs.entry.js CHANGED
@@ -164,7 +164,7 @@ const Toggle = class {
164
164
  const value = this.getValue();
165
165
  const rtl = dir.isRTL(el) ? 'rtl' : 'ltr';
166
166
  helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
167
- return (index.h(index.Host, { key: 'c945ab955306b2fcb7833f7ff771ac943d73d27d', onClick: this.onClick, class: theme.createColorClasses(color, {
167
+ return (index.h(index.Host, { key: '9083d3ea92131df1480dfdaacd62037ffd5a69ec', onClick: this.onClick, class: theme.createColorClasses(color, {
168
168
  [mode]: true,
169
169
  'in-item': theme.hostContext('ion-item', el),
170
170
  'toggle-activated': activated,
@@ -174,10 +174,10 @@ const Toggle = class {
174
174
  [`toggle-alignment-${alignment}`]: true,
175
175
  [`toggle-label-placement-${labelPlacement}`]: true,
176
176
  [`toggle-${rtl}`]: true,
177
- }) }, index.h("label", { key: '71fb6976e877639ca9f28c2103f6290917cdb6ce', class: "toggle-wrapper" }, index.h("input", Object.assign({ key: 'ed2495568197928ef1f17fc60470f4d9754a6244', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), index.h("div", { key: '953ab9a29c432de4b869aeac296007e703bcdf27', class: {
177
+ }) }, index.h("label", { key: '554e11ac1db370363b251b83e4d57c32a2bd4577', class: "toggle-wrapper" }, index.h("input", Object.assign({ key: '327540a212dfe686310e8a587fa8c81edfd2e229', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), index.h("div", { key: '9ba185a8afaf65c8ba0d2044b1abfa376aee4db3', class: {
178
178
  'label-text-wrapper': true,
179
179
  'label-text-wrapper-hidden': !this.hasLabel,
180
- }, part: "label" }, index.h("slot", { key: '718b24b4d59b979c11edfb1d90fa0270ac248b2f' })), index.h("div", { key: '293595f9dc291df38a54e23f81797b89428ff2c5', class: "native-wrapper" }, this.renderToggleControl()))));
180
+ }, part: "label" }, index.h("slot", { key: '730287f916c13ec437f39f2304a70afa50f41dc7' })), index.h("div", { key: '0e810cdf6dc7623d4efd2092a642ef12906efcae', class: "native-wrapper" }, this.renderToggleControl()))));
181
181
  }
182
182
  get el() { return index.getElement(this); }
183
183
  static get watchers() { return {