@ionic/core 8.0.1 → 8.0.2-dev.11714165638.13e7dd5b

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 (124) 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/label.js +1 -1
  12. package/components/picker-column.js +3 -3
  13. package/components/radio-group.js +1 -1
  14. package/components/select-popover.js +1 -1
  15. package/css/core.css.map +1 -1
  16. package/css/global.bundle.css.map +1 -1
  17. package/css/ionic.bundle.css.map +1 -1
  18. package/css/palettes/high-contrast-dark.always.css.map +1 -1
  19. package/css/palettes/high-contrast-dark.class.css.map +1 -1
  20. package/css/palettes/high-contrast-dark.system.css.map +1 -1
  21. package/css/palettes/high-contrast.always.css.map +1 -1
  22. package/css/palettes/high-contrast.class.css.map +1 -1
  23. package/css/palettes/high-contrast.system.css.map +1 -1
  24. package/css/typography.css.map +1 -1
  25. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  26. package/dist/cjs/ion-checkbox.cjs.entry.js +3 -3
  27. package/dist/cjs/ion-datetime_3.cjs.entry.js +2 -2
  28. package/dist/cjs/ion-input.cjs.entry.js +3 -3
  29. package/dist/cjs/ion-item_8.cjs.entry.js +1 -1
  30. package/dist/cjs/ion-picker-column.cjs.entry.js +3 -3
  31. package/dist/cjs/ion-radio_2.cjs.entry.js +1 -1
  32. package/dist/cjs/ion-range.cjs.entry.js +3 -3
  33. package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
  34. package/dist/cjs/ion-segment_2.cjs.entry.js +2 -2
  35. package/dist/cjs/ion-select_3.cjs.entry.js +3 -3
  36. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  37. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  38. package/dist/collection/components/accordion-group/accordion-group.js +3 -3
  39. package/dist/collection/components/checkbox/checkbox.js +4 -4
  40. package/dist/collection/components/datetime/datetime.js +3 -3
  41. package/dist/collection/components/input/input.js +4 -4
  42. package/dist/collection/components/item/test/a11y/item.e2e.js +1 -4
  43. package/dist/collection/components/label/label.ios.css +1 -1
  44. package/dist/collection/components/picker-column/picker-column.js +4 -4
  45. package/dist/collection/components/radio-group/radio-group.js +2 -2
  46. package/dist/collection/components/range/range.js +4 -4
  47. package/dist/collection/components/searchbar/searchbar.js +5 -5
  48. package/dist/collection/components/segment/segment.js +3 -3
  49. package/dist/collection/components/select/select.js +3 -3
  50. package/dist/collection/components/select/test/fill/select.e2e.js +25 -0
  51. package/dist/collection/components/select-popover/select-popover.md.css +8 -1
  52. package/dist/collection/components/textarea/textarea.js +3 -3
  53. package/dist/collection/components/toggle/toggle.js +4 -4
  54. package/dist/docs.json +13 -13
  55. package/dist/esm/ion-accordion_2.entry.js +2 -2
  56. package/dist/esm/ion-checkbox.entry.js +3 -3
  57. package/dist/esm/ion-datetime_3.entry.js +2 -2
  58. package/dist/esm/ion-input.entry.js +3 -3
  59. package/dist/esm/ion-item_8.entry.js +1 -1
  60. package/dist/esm/ion-picker-column.entry.js +3 -3
  61. package/dist/esm/ion-radio_2.entry.js +1 -1
  62. package/dist/esm/ion-range.entry.js +3 -3
  63. package/dist/esm/ion-searchbar.entry.js +4 -4
  64. package/dist/esm/ion-segment_2.entry.js +2 -2
  65. package/dist/esm/ion-select_3.entry.js +3 -3
  66. package/dist/esm/ion-textarea.entry.js +2 -2
  67. package/dist/esm/ion-toggle.entry.js +3 -3
  68. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  69. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  70. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  71. package/dist/esm-es5/ion-input.entry.js +1 -1
  72. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  73. package/dist/esm-es5/ion-picker-column.entry.js +1 -1
  74. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  75. package/dist/esm-es5/ion-range.entry.js +1 -1
  76. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  77. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  78. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  79. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  80. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  81. package/dist/ionic/ionic.esm.js +1 -1
  82. package/dist/ionic/{p-cdee3a44.system.entry.js → p-031b070b.system.entry.js} +1 -1
  83. package/dist/ionic/{p-4324e8a4.entry.js → p-0b3861eb.entry.js} +1 -1
  84. package/dist/ionic/{p-583f8865.system.entry.js → p-34619a37.system.entry.js} +1 -1
  85. package/dist/ionic/{p-720927ad.entry.js → p-3ef93daf.entry.js} +1 -1
  86. package/dist/ionic/{p-a801da4b.system.entry.js → p-45aec799.system.entry.js} +1 -1
  87. package/dist/ionic/p-4737e73a.entry.js +4 -0
  88. package/dist/ionic/{p-0d960144.system.entry.js → p-4da143c9.system.entry.js} +1 -1
  89. package/dist/ionic/{p-4c153abb.entry.js → p-515a47f5.entry.js} +1 -1
  90. package/dist/ionic/{p-0d56dea9.entry.js → p-5a6d3cd9.entry.js} +1 -1
  91. package/dist/ionic/{p-e49099b0.entry.js → p-6123d531.entry.js} +1 -1
  92. package/dist/ionic/{p-ee3bbaf2.entry.js → p-69fca47b.entry.js} +1 -1
  93. package/dist/ionic/p-7536b4b3.system.js +1 -1
  94. package/dist/ionic/{p-8e031d97.entry.js → p-75f262d3.entry.js} +1 -1
  95. package/dist/ionic/{p-576786c0.system.entry.js → p-a0fa6344.system.entry.js} +1 -1
  96. package/dist/ionic/{p-42f00e72.system.entry.js → p-a5721afd.system.entry.js} +1 -1
  97. package/dist/ionic/{p-80f85095.system.entry.js → p-b17549e8.system.entry.js} +1 -1
  98. package/dist/ionic/{p-5d4d89e0.system.entry.js → p-b1f78948.system.entry.js} +1 -1
  99. package/dist/ionic/{p-70181008.entry.js → p-b4d78e71.entry.js} +1 -1
  100. package/dist/ionic/{p-5d3a8503.system.entry.js → p-ba9ca25a.system.entry.js} +1 -1
  101. package/dist/ionic/{p-3f5b86b4.entry.js → p-c687e632.entry.js} +1 -1
  102. package/dist/ionic/{p-49cdc4f2.entry.js → p-c977c5bc.entry.js} +1 -1
  103. package/dist/ionic/{p-f5c42f72.entry.js → p-d3ceed28.entry.js} +1 -1
  104. package/dist/ionic/{p-819e8479.system.entry.js → p-d5460f2d.system.entry.js} +1 -1
  105. package/dist/ionic/{p-fc94e18f.entry.js → p-d77dc6ea.entry.js} +1 -1
  106. package/dist/ionic/{p-1a5227b3.system.entry.js → p-ee54bbd2.system.entry.js} +1 -1
  107. package/dist/ionic/{p-567a21a2.system.entry.js → p-f4bc5429.system.entry.js} +1 -1
  108. package/dist/ionic/{p-94731a92.system.entry.js → p-fc6301cd.system.entry.js} +1 -1
  109. package/dist/types/components/accordion-group/accordion-group.d.ts +3 -4
  110. package/dist/types/components/checkbox/checkbox.d.ts +3 -4
  111. package/dist/types/components/datetime/datetime.d.ts +2 -0
  112. package/dist/types/components/input/input.d.ts +2 -0
  113. package/dist/types/components/picker-column/picker-column.d.ts +2 -0
  114. package/dist/types/components/radio-group/radio-group.d.ts +2 -0
  115. package/dist/types/components/range/range.d.ts +1 -1
  116. package/dist/types/components/searchbar/searchbar.d.ts +2 -0
  117. package/dist/types/components/segment/segment.d.ts +3 -2
  118. package/dist/types/components/select/select.d.ts +2 -0
  119. package/dist/types/components/textarea/textarea.d.ts +2 -0
  120. package/dist/types/components/toggle/toggle.d.ts +3 -2
  121. package/dist/types/components.d.ts +12 -12
  122. package/hydrate/index.js +32 -32
  123. package/package.json +1 -1
  124. package/dist/ionic/p-057b5866.entry.js +0 -4
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-04-24T13:39:55",
2
+ "timestamp": "2024-04-26T21:09:27",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.17.1",
@@ -415,7 +415,7 @@
415
415
  },
416
416
  "cancelable": true,
417
417
  "composed": true,
418
- "docs": "Emitted when the value property has changed\nas a result of a user action such as a click.\nThis event will not emit when programmatically setting\nthe value property.",
418
+ "docs": "Emitted when the value property has changed as a result of a user action such as a click.\n\nThis event will not emit when programmatically setting the `value` property.",
419
419
  "docsTags": []
420
420
  }
421
421
  ],
@@ -5302,7 +5302,7 @@
5302
5302
  },
5303
5303
  "cancelable": true,
5304
5304
  "composed": true,
5305
- "docs": "Emitted when the checked property has changed\nas a result of a user action such as a click.\nThis event will not emit when programmatically\nsetting the checked property.",
5305
+ "docs": "Emitted when the checked property has changed as a result of a user action such as a click.\n\nThis event will not emit when programmatically setting the `checked` property.",
5306
5306
  "docsTags": []
5307
5307
  },
5308
5308
  {
@@ -7892,7 +7892,7 @@
7892
7892
  },
7893
7893
  "cancelable": true,
7894
7894
  "composed": true,
7895
- "docs": "Emitted when the value (selected date) has changed.",
7895
+ "docs": "Emitted when the value (selected date) has changed.\n\nThis event will not emit when programmatically setting the `value` property.",
7896
7896
  "docsTags": []
7897
7897
  },
7898
7898
  {
@@ -11020,7 +11020,7 @@
11020
11020
  },
11021
11021
  "cancelable": true,
11022
11022
  "composed": true,
11023
- "docs": "The `ionChange` event is fired when the user modifies the input's value.\nUnlike the `ionInput` event, the `ionChange` event is only fired when changes\nare committed, not as the user types.\n\nDepending on the way the users interacts with the element, the `ionChange`\nevent fires at a different moment:\n- When the user commits the change explicitly (e.g. by selecting a date\nfrom a date picker for `<ion-input type=\"date\">`, pressing the \"Enter\" key, etc.).\n- When the element loses focus after its value has changed: for elements\nwhere the user's interaction is typing.",
11023
+ "docs": "The `ionChange` event is fired when the user modifies the input's value.\nUnlike the `ionInput` event, the `ionChange` event is only fired when changes\nare committed, not as the user types.\n\nDepending on the way the users interacts with the element, the `ionChange`\nevent fires at a different moment:\n- When the user commits the change explicitly (e.g. by selecting a date\nfrom a date picker for `<ion-input type=\"date\">`, pressing the \"Enter\" key, etc.).\n- When the element loses focus after its value has changed: for elements\nwhere the user's interaction is typing.\n\nThis event will not emit when programmatically setting the `value` property.",
11024
11024
  "docsTags": []
11025
11025
  },
11026
11026
  {
@@ -17668,7 +17668,7 @@
17668
17668
  },
17669
17669
  "cancelable": true,
17670
17670
  "composed": true,
17671
- "docs": "Emitted when the value has changed.",
17671
+ "docs": "Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.",
17672
17672
  "docsTags": []
17673
17673
  }
17674
17674
  ],
@@ -20372,7 +20372,7 @@
20372
20372
  },
20373
20373
  "cancelable": true,
20374
20374
  "composed": true,
20375
- "docs": "Emitted when the value has changed.",
20375
+ "docs": "Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.",
20376
20376
  "docsTags": []
20377
20377
  }
20378
20378
  ],
@@ -20937,7 +20937,7 @@
20937
20937
  },
20938
20938
  "cancelable": true,
20939
20939
  "composed": true,
20940
- "docs": "The `ionChange` event is fired for `<ion-range>` elements when the user\nmodifies the element's value:\n- When the user releases the knob after dragging;\n- When the user moves the knob with keyboard arrows\n\n`ionChange` is not fired when the value is changed programmatically.",
20940
+ "docs": "The `ionChange` event is fired for `<ion-range>` elements when the user\nmodifies the element's value:\n- When the user releases the knob after dragging;\n- When the user moves the knob with keyboard arrows\n\nThis event will not emit when programmatically setting the `value` property.",
20941
20941
  "docsTags": []
20942
20942
  },
20943
20943
  {
@@ -23723,7 +23723,7 @@
23723
23723
  },
23724
23724
  "cancelable": true,
23725
23725
  "composed": true,
23726
- "docs": "The `ionChange` event is fired for `<ion-searchbar>` elements when the user\nmodifies the element's value. Unlike the `ionInput` event, the `ionChange`\nevent is not necessarily fired for each alteration to an element's value.\n\nThe `ionChange` event is fired when the value has been committed\nby the user. This can happen when the element loses focus or\nwhen the \"Enter\" key is pressed. `ionChange` can also fire\nwhen clicking the clear or cancel buttons.",
23726
+ "docs": "The `ionChange` event is fired for `<ion-searchbar>` elements when the user\nmodifies the element's value. Unlike the `ionInput` event, the `ionChange`\nevent is not necessarily fired for each alteration to an element's value.\n\nThe `ionChange` event is fired when the value has been committed\nby the user. This can happen when the element loses focus or\nwhen the \"Enter\" key is pressed. `ionChange` can also fire\nwhen clicking the clear or cancel buttons.\n\nThis event will not emit when programmatically setting the `value` property.",
23727
23727
  "docsTags": []
23728
23728
  },
23729
23729
  {
@@ -24086,7 +24086,7 @@
24086
24086
  },
24087
24087
  "cancelable": true,
24088
24088
  "composed": true,
24089
- "docs": "Emitted when the value property has changed and any\ndragging pointer has been released from `ion-segment`.",
24089
+ "docs": "Emitted when the value property has changed and any dragging pointer has been released from `ion-segment`.\n\nThis event will not emit when programmatically setting the `value` property.",
24090
24090
  "docsTags": []
24091
24091
  }
24092
24092
  ],
@@ -25167,7 +25167,7 @@
25167
25167
  },
25168
25168
  "cancelable": true,
25169
25169
  "composed": true,
25170
- "docs": "Emitted when the value has changed.",
25170
+ "docs": "Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.",
25171
25171
  "docsTags": []
25172
25172
  },
25173
25173
  {
@@ -27641,7 +27641,7 @@
27641
27641
  },
27642
27642
  "cancelable": true,
27643
27643
  "composed": true,
27644
- "docs": "The `ionChange` event is fired when the user modifies the textarea's value.\nUnlike the `ionInput` event, the `ionChange` event is fired when\nthe element loses focus after its value has been modified.",
27644
+ "docs": "The `ionChange` event is fired when the user modifies the textarea's value.\nUnlike the `ionInput` event, the `ionChange` event is fired when\nthe element loses focus after its value has been modified.\n\nThis event will not emit when programmatically setting the `value` property.",
27645
27645
  "docsTags": []
27646
27646
  },
27647
27647
  {
@@ -29334,7 +29334,7 @@
29334
29334
  },
29335
29335
  "cancelable": true,
29336
29336
  "composed": true,
29337
- "docs": "Emitted when the user switches the toggle on or off. Does not emit\nwhen programmatically changing the value of the `checked` property.",
29337
+ "docs": "Emitted when the user switches the toggle on or off.\n\nThis event will not emit when programmatically setting the `checked` property.",
29338
29338
  "docsTags": []
29339
29339
  },
29340
29340
  {
@@ -522,12 +522,12 @@ const AccordionGroup = class {
522
522
  render() {
523
523
  const { disabled, readonly, expand } = this;
524
524
  const mode = getIonMode(this);
525
- return (h(Host, { key: 'ac2e26ac91c95d08172bd2b51daa7a711c21db9e', class: {
525
+ return (h(Host, { key: '82f3e77066fabb4736638ee4c487ad56efd39c63', class: {
526
526
  [mode]: true,
527
527
  'accordion-group-disabled': disabled,
528
528
  'accordion-group-readonly': readonly,
529
529
  [`accordion-group-expand-${expand}`]: true,
530
- }, role: "presentation" }, h("slot", { key: '444adc2af5730897eba57095da046d6bdb5af70f' })));
530
+ }, role: "presentation" }, h("slot", { key: 'a3c791ea887fc640b512f81d429be465ae902b3d' })));
531
531
  }
532
532
  get el() { return getElement(this); }
533
533
  static get watchers() { return {
@@ -74,7 +74,7 @@ const Checkbox = class {
74
74
  const mode = getIonMode(this);
75
75
  const path = getSVGPath(mode, indeterminate);
76
76
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
77
- return (h(Host, { key: '52064869f18f6762802a783ba9ee37433d2a2981', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
77
+ return (h(Host, { key: '0ac95890562c7f035704c40959c69f8c8ca4bc9f', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
78
78
  [mode]: true,
79
79
  'in-item': hostContext('ion-item', el),
80
80
  'checkbox-checked': checked,
@@ -84,10 +84,10 @@ const Checkbox = class {
84
84
  [`checkbox-justify-${justify}`]: true,
85
85
  [`checkbox-alignment-${alignment}`]: true,
86
86
  [`checkbox-label-placement-${labelPlacement}`]: true,
87
- }), 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: {
87
+ }), 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: {
88
88
  'label-text-wrapper': true,
89
89
  'label-text-wrapper-hidden': el.textContent === '',
90
- }, 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)))));
90
+ }, 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)))));
91
91
  }
92
92
  getSVGPath(mode, indeterminate) {
93
93
  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" }));
@@ -1758,7 +1758,7 @@ const Datetime = class {
1758
1758
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1759
1759
  const hasWheelVariant = hasDatePresentation && preferWheel;
1760
1760
  renderHiddenInput(true, el, name, formatValue(value), disabled);
1761
- return (h(Host, { key: 'f1f8ca52cdd9cfc8394b0365c89c0d30cd7316e7', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1761
+ return (h(Host, { key: '0b8c97bfb84dff5f8ef8097bba44f6c4ad119f76', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1762
1762
  [mode]: true,
1763
1763
  ['datetime-readonly']: readonly,
1764
1764
  ['datetime-disabled']: disabled,
@@ -1768,7 +1768,7 @@ const Datetime = class {
1768
1768
  [`datetime-size-${size}`]: true,
1769
1769
  [`datetime-prefer-wheel`]: hasWheelVariant,
1770
1770
  [`datetime-grid`]: isGridStyle,
1771
- })) }, h("div", { key: '480068aa8072b60ac521646dfa82480c5f6ce6ef', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1771
+ })) }, h("div", { key: '36e389a8c49944b5bbc0429f6b86d9c28a5b860a', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1772
1772
  }
1773
1773
  get el() { return getElement(this); }
1774
1774
  static get watchers() { return {
@@ -402,7 +402,7 @@ const Input = class {
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 = class {
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 = class {
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 getElement(this); }
434
434
  static get watchers() { return {
@@ -276,7 +276,7 @@ ItemGroup.style = {
276
276
  md: IonItemGroupMdStyle0
277
277
  };
278
278
 
279
- const labelIosCss = ".item.sc-ion-label-ios-h,.item .sc-ion-label-ios-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ios-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-ios-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-ios-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-ios-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-ios-h,.item-input .sc-ion-label-ios-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-ios-h,.item-textarea .sc-ion-label-ios-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-ios-h,.item-skeleton-text .sc-ion-label-ios-h{overflow:hidden}.label-fixed.sc-ion-label-ios-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-ios-h,.label-floating.sc-ion-label-ios-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-ios-h{-webkit-transition:none;transition:none}.sc-ion-label-ios-s h1,.sc-ion-label-ios-s h2,.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-ios-h{font-size:0.875rem;line-height:1.5}.label-stacked.sc-ion-label-ios-h{margin-bottom:4px;font-size:0.875rem}.label-floating.sc-ion-label-ios-h{margin-bottom:0;-webkit-transform:translate(0, 29px);transform:translate(0, 29px);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}[dir=rtl].sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl] .sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl].label-floating.sc-ion-label-ios-h,[dir=rtl] .label-floating.sc-ion-label-ios-h{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.label-floating.sc-ion-label-ios-h:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.item-textarea.label-floating.sc-ion-label-ios-h,.item-textarea .label-floating.sc-ion-label-ios-h{-webkit-transform:translate(0, 28px);transform:translate(0, 28px)}.item-has-focus.label-floating.sc-ion-label-ios-h,.item-has-focus .label-floating.sc-ion-label-ios-h,.item-has-placeholder.sc-ion-label-ios-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-ios-h,.item-has-value.label-floating.sc-ion-label-ios-h,.item-has-value .label-floating.sc-ion-label-ios-h{-webkit-transform:scale(0.82);transform:scale(0.82)}.sc-ion-label-ios-s h1{margin-left:0;margin-right:0;margin-top:3px;margin-bottom:2px;font-size:1.375rem;font-weight:normal}.sc-ion-label-ios-s h2{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.0625rem;font-weight:normal}.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{margin-left:0;margin-right:0;margin-top:0;margin-bottom:3px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-ios-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:normal;text-overflow:inherit;overflow:inherit}.sc-ion-label-ios-s>p{color:var(--ion-text-color-step-550, #a3a3a3)}.sc-ion-label-ios-h.in-item-color.sc-ion-label-ios-s>p{color:inherit}.sc-ion-label-ios-s h2:last-child,.sc-ion-label-ios-s h3:last-child,.sc-ion-label-ios-s h4:last-child,.sc-ion-label-ios-s h5:last-child,.sc-ion-label-ios-s h6:last-child,.sc-ion-label-ios-s p:last-child{margin-bottom:0}";
279
+ const labelIosCss = ".item.sc-ion-label-ios-h,.item .sc-ion-label-ios-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ios-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-ios-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-ios-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-ios-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-ios-h,.item-input .sc-ion-label-ios-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-ios-h,.item-textarea .sc-ion-label-ios-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-ios-h,.item-skeleton-text .sc-ion-label-ios-h{overflow:hidden}.label-fixed.sc-ion-label-ios-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-ios-h,.label-floating.sc-ion-label-ios-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-ios-h{-webkit-transition:none;transition:none}.sc-ion-label-ios-s h1,.sc-ion-label-ios-s h2,.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-ios-h{font-size:0.875rem;line-height:1.5}.label-stacked.sc-ion-label-ios-h{margin-bottom:4px;font-size:0.875rem}.label-floating.sc-ion-label-ios-h{margin-bottom:0;-webkit-transform:translate(0, 29px);transform:translate(0, 29px);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}[dir=rtl].sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl] .sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl].label-floating.sc-ion-label-ios-h,[dir=rtl] .label-floating.sc-ion-label-ios-h{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.label-floating.sc-ion-label-ios-h:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.item-textarea.label-floating.sc-ion-label-ios-h,.item-textarea .label-floating.sc-ion-label-ios-h{-webkit-transform:translate(0, 28px);transform:translate(0, 28px)}.item-has-focus.label-floating.sc-ion-label-ios-h,.item-has-focus .label-floating.sc-ion-label-ios-h,.item-has-placeholder.sc-ion-label-ios-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-ios-h,.item-has-value.label-floating.sc-ion-label-ios-h,.item-has-value .label-floating.sc-ion-label-ios-h{-webkit-transform:scale(0.82);transform:scale(0.82)}.sc-ion-label-ios-s h1{margin-left:0;margin-right:0;margin-top:3px;margin-bottom:2px;font-size:1.375rem;font-weight:normal}.sc-ion-label-ios-s h2{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.0625rem;font-weight:normal}.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{margin-left:0;margin-right:0;margin-top:0;margin-bottom:3px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-ios-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:normal;text-overflow:inherit;overflow:inherit}.sc-ion-label-ios-s>p{color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999))}.sc-ion-label-ios-h.in-item-color.sc-ion-label-ios-s>p{color:inherit}.sc-ion-label-ios-s h2:last-child,.sc-ion-label-ios-s h3:last-child,.sc-ion-label-ios-s h4:last-child,.sc-ion-label-ios-s h5:last-child,.sc-ion-label-ios-s h6:last-child,.sc-ion-label-ios-s p:last-child{margin-bottom:0}";
280
280
  const IonLabelIosStyle0 = labelIosCss;
281
281
 
282
282
  const labelMdCss = ".item.sc-ion-label-md-h,.item .sc-ion-label-md-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-md-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-md-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-md-h,.item-input .sc-ion-label-md-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-md-h,.item-textarea .sc-ion-label-md-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-md-h,.item-skeleton-text .sc-ion-label-md-h{overflow:hidden}.label-fixed.sc-ion-label-md-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-md-h{-webkit-transition:none;transition:none}.sc-ion-label-md-s h1,.sc-ion-label-md-s h2,.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-md-h{line-height:1.5}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:top left;transform-origin:top left}.label-stacked.label-rtl.sc-ion-label-md-h,.label-floating.label-rtl.sc-ion-label-md-h{-webkit-transform-origin:top right;transform-origin:top right}.label-stacked.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.label-floating.sc-ion-label-md-h{-webkit-transform:translateY(96%);transform:translateY(96%);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ion-focused.label-floating.sc-ion-label-md-h,.ion-focused .label-floating.sc-ion-label-md-h,.item-has-focus.label-floating.sc-ion-label-md-h,.item-has-focus .label-floating.sc-ion-label-md-h,.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h,.item-has-value.label-floating.sc-ion-label-md-h,.item-has-value .label-floating.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75)}.ion-focused.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-primary, #0054e9)}.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-contrast)}.ion-invalid.ion-touched.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--highlight-color-invalid)}.sc-ion-label-md-s h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.sc-ion-label-md-s h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-md-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:1.25rem;text-overflow:inherit;overflow:inherit}.sc-ion-label-md-s>p{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.sc-ion-label-md-h.in-item-color.sc-ion-label-md-s>p{color:inherit}";
@@ -383,14 +383,14 @@ const PickerColumn = class {
383
383
  render() {
384
384
  const { color, disabled, isActive, numericInput } = this;
385
385
  const mode = getIonMode(this);
386
- return (h(Host, { key: '59648ef23cef1ab6d30955bb95bc23e670ec7256', class: createColorClasses(color, {
386
+ return (h(Host, { key: '54d3ea9f92136ac446a6c0a2b1389d93c5ff31ee', class: createColorClasses(color, {
387
387
  [mode]: true,
388
388
  ['picker-column-active']: isActive,
389
389
  ['picker-column-numeric-input']: numericInput,
390
390
  ['picker-column-disabled']: disabled,
391
- }) }, h("slot", { key: 'fd93192d4945b2c33e0fe93cc90b505f2cec12fc', name: "prefix" }), h("div", { key: '99e49c6d58badd2fe5e75f0ebcd4bc00eb50aa58', class: "picker-opts", tabindex: disabled ? undefined : 0, ref: (el) => {
391
+ }) }, h("slot", { key: '969279123f09d37a28aa726936c9f484b0de33e4', name: "prefix" }), h("div", { key: 'd4d09a561213c408cf1c42a28cdef37f14367724', class: "picker-opts", tabindex: disabled ? undefined : 0, ref: (el) => {
392
392
  this.scrollEl = el;
393
- } }, 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" })));
393
+ } }, 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" })));
394
394
  }
395
395
  get el() { return getElement(this); }
396
396
  static get watchers() { return {
@@ -287,7 +287,7 @@ const RadioGroup = class {
287
287
  const { label, labelId, el, name, value } = this;
288
288
  const mode = getIonMode(this);
289
289
  renderHiddenInput(true, el, name, value, false);
290
- return h(Host, { key: 'b6b439d6d53d17a5a4d9853a7cf6065b28213338', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
290
+ return h(Host, { key: '672d1df4a5d2fd22415e8772b054313907aba8f6', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
291
291
  }
292
292
  get el() { return getElement(this); }
293
293
  static get watchers() { return {
@@ -600,7 +600,7 @@ const Range = class {
600
600
  const needsEndAdjustment = inItem && !hasEndContent;
601
601
  const mode = getIonMode(this);
602
602
  renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
603
- return (h(Host, { key: 'cd70b5db9eae808a644643d7095a1b5264cbc5fe', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
603
+ return (h(Host, { key: 'f66f03965290003b8a2b74b6f16ebf5615291688', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
604
604
  [mode]: true,
605
605
  'in-item': inItem,
606
606
  'range-disabled': disabled,
@@ -609,10 +609,10 @@ const Range = class {
609
609
  [`range-label-placement-${labelPlacement}`]: true,
610
610
  'range-item-start-adjustment': needsStartAdjustment,
611
611
  'range-item-end-adjustment': needsEndAdjustment,
612
- }) }, h("label", { key: '78ef0523f0064d6b268ae17ef72f90094511d897', class: "range-wrapper", id: "range-label" }, h("div", { key: '6e4b2051e770dabe80dcb9f412e9aae1859e9f33', class: {
612
+ }) }, h("label", { key: '4b0035999693e241afb753f4c335ec386a2f5a2b', class: "range-wrapper", id: "range-label" }, h("div", { key: 'f03119f14a4c6bb2f6c529e885002df633cd1797', class: {
613
613
  'label-text-wrapper': true,
614
614
  'label-text-wrapper-hidden': !hasLabel,
615
- }, 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" })))));
615
+ }, 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" })))));
616
616
  }
617
617
  get el() { return getElement(this); }
618
618
  static get watchers() { return {
@@ -389,8 +389,8 @@ const Searchbar = class {
389
389
  const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
390
390
  const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
391
391
  const shouldShowCancelButton = this.shouldShowCancelButton();
392
- 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))));
393
- return (h(Host, { key: 'da667148dc3300f4a8473315d04e6560194f51dc', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
392
+ 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))));
393
+ return (h(Host, { key: 'f1a07f9e2f27f5297581e66c80097cf7843c1a5a', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
394
394
  [mode]: true,
395
395
  'searchbar-animated': animated,
396
396
  'searchbar-disabled': this.disabled,
@@ -400,14 +400,14 @@ const Searchbar = class {
400
400
  'searchbar-has-focus': this.focused,
401
401
  'searchbar-should-show-clear': this.shouldShowClearButton(),
402
402
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
403
- }) }, 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) => {
403
+ }) }, 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) => {
404
404
  /**
405
405
  * This prevents mobile browsers from
406
406
  * blurring the input when the clear
407
407
  * button is activated.
408
408
  */
409
409
  ev.preventDefault();
410
- }, 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));
410
+ }, 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));
411
411
  }
412
412
  get el() { return getElement(this); }
413
413
  static get watchers() { return {
@@ -426,14 +426,14 @@ const Segment = class {
426
426
  }
427
427
  render() {
428
428
  const mode = getIonMode(this);
429
- return (h(Host, { key: '22bd7bbecaa9f0c95971565e06ef3fa4ad44a946', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
429
+ return (h(Host, { key: '107be9ad856d855db449d24cd75f9fb82746e9aa', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
430
430
  [mode]: true,
431
431
  'in-toolbar': hostContext('ion-toolbar', this.el),
432
432
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
433
433
  'segment-activated': this.activated,
434
434
  'segment-disabled': this.disabled,
435
435
  'segment-scrollable': this.scrollable,
436
- }) }, h("slot", { key: '6d6fe81026928662137b872206de55117fda30a2' })));
436
+ }) }, h("slot", { key: 'bdb223b18a62af921084301f01a728c421379646' })));
437
437
  }
438
438
  get el() { return getElement(this); }
439
439
  static get watchers() { return {
@@ -582,7 +582,7 @@ const Select = class {
582
582
  * TODO(FW-5592): Remove hasStartEndSlots condition
583
583
  */
584
584
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
585
- return (h(Host, { key: '5a1b82be3f737a2ce5b87c5cd716f898a902ab10', onClick: this.onClick, class: createColorClasses(this.color, {
585
+ return (h(Host, { key: 'df8333e037d8cb9fd34af7f3525608d7bd0ec0f4', onClick: this.onClick, class: createColorClasses(this.color, {
586
586
  [mode]: true,
587
587
  'in-item': inItem,
588
588
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -598,7 +598,7 @@ const Select = class {
598
598
  [`select-justify-${justify}`]: justifyEnabled,
599
599
  [`select-shape-${shape}`]: shape !== undefined,
600
600
  [`select-label-placement-${labelPlacement}`]: true,
601
- }) }, 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" }))));
601
+ }) }, 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" }))));
602
602
  }
603
603
  get el() { return getElement(this); }
604
604
  static get watchers() { return {
@@ -669,7 +669,7 @@ SelectOption.style = IonSelectOptionStyle0;
669
669
  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}";
670
670
  const IonSelectPopoverIosStyle0 = selectPopoverIosCss;
671
671
 
672
- const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08);--background-focused:var(--ion-color-primary, #0054e9);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #0054e9);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #0054e9)}";
672
+ const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){display:none}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(label){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08);--background-focused:var(--ion-color-primary, #0054e9);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #0054e9);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #0054e9)}";
673
673
  const IonSelectPopoverMdStyle0 = selectPopoverMdCss;
674
674
 
675
675
  const SelectPopover = class {
@@ -365,7 +365,7 @@ const Textarea = class {
365
365
  * TODO(FW-5592): Remove hasStartEndSlots condition
366
366
  */
367
367
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
368
- return (h(Host, { key: 'b4cf1f37cacdd1775fefb874b87b30ba753fdc3a', class: createColorClasses(this.color, {
368
+ return (h(Host, { key: '16eeb87ea5dbac1b37f1a376cd74e6f41af1b5f6', class: createColorClasses(this.color, {
369
369
  [mode]: true,
370
370
  'has-value': hasValue,
371
371
  'has-focus': hasFocus,
@@ -374,7 +374,7 @@ const Textarea = class {
374
374
  [`textarea-shape-${shape}`]: shape !== undefined,
375
375
  [`textarea-label-placement-${labelPlacement}`]: true,
376
376
  'textarea-disabled': disabled,
377
- }) }, 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()));
377
+ }) }, 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()));
378
378
  }
379
379
  get el() { return getElement(this); }
380
380
  static get watchers() { return {
@@ -160,7 +160,7 @@ const Toggle = class {
160
160
  const value = this.getValue();
161
161
  const rtl = isRTL(el) ? 'rtl' : 'ltr';
162
162
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
163
- return (h(Host, { key: 'c945ab955306b2fcb7833f7ff771ac943d73d27d', onClick: this.onClick, class: createColorClasses(color, {
163
+ return (h(Host, { key: '9083d3ea92131df1480dfdaacd62037ffd5a69ec', onClick: this.onClick, class: createColorClasses(color, {
164
164
  [mode]: true,
165
165
  'in-item': hostContext('ion-item', el),
166
166
  'toggle-activated': activated,
@@ -170,10 +170,10 @@ const Toggle = class {
170
170
  [`toggle-alignment-${alignment}`]: true,
171
171
  [`toggle-label-placement-${labelPlacement}`]: true,
172
172
  [`toggle-${rtl}`]: true,
173
- }) }, 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: {
173
+ }) }, 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: {
174
174
  'label-text-wrapper': true,
175
175
  'label-text-wrapper-hidden': !this.hasLabel,
176
- }, part: "label" }, h("slot", { key: '718b24b4d59b979c11edfb1d90fa0270ac248b2f' })), h("div", { key: '293595f9dc291df38a54e23f81797b89428ff2c5', class: "native-wrapper" }, this.renderToggleControl()))));
176
+ }, part: "label" }, h("slot", { key: '730287f916c13ec437f39f2304a70afa50f41dc7' })), h("div", { key: '0e810cdf6dc7623d4efd2092a642ef12906efcae', class: "native-wrapper" }, this.renderToggleControl()))));
177
177
  }
178
178
  get el() { return getElement(this); }
179
179
  static get watchers() { return {
@@ -1,4 +1,4 @@
1
1
  import{__awaiter,__generator,__spreadArray}from"tslib";
2
2
  /*!
3
3
  * (C) Ionic http://ionicframework.com - MIT License
4
- */import{r as registerInstance,h,f as Host,i as getElement,d as createEvent}from"./index-5dc2b88e.js";import{r as raf,t as transitionEndAsync,a as addEventListener,b as removeEventListener,g as getElementRoot}from"./helpers-da915de8.js";import{l as chevronDown}from"./index-e2cf2ceb.js";import{c as config,b as getIonMode}from"./ionic-global-d2d8f882.js";import{p as printIonWarning}from"./index-9b0d46f4.js";var accordionIosCss=":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";var IonAccordionIosStyle0=accordionIosCss;var accordionMdCss=":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}";var IonAccordionMdStyle0=accordionMdCss;var Accordion=function(){function n(n){var e=this;registerInstance(this,n);this.updateListener=function(){return e.updateState(false)};this.setItemDefaults=function(){var n=e.getSlottedHeaderIonItem();if(!n){return}n.button=true;n.detail=false;if(n.lines===undefined){n.lines="full"}};this.getSlottedHeaderIonItem=function(){var n=e.headerEl;if(!n){return}var t=n.querySelector("slot");if(!t){return}if(t.assignedElements===undefined)return;return t.assignedElements().find((function(n){return n.tagName==="ION-ITEM"}))};this.setAria=function(n){if(n===void 0){n=false}var t=e.getSlottedHeaderIonItem();if(!t){return}var i=getElementRoot(t);var r=i.querySelector("button");if(!r){return}r.setAttribute("aria-expanded","".concat(n))};this.slotToggleIcon=function(){var n=e.getSlottedHeaderIonItem();if(!n){return}var t=e,i=t.toggleIconSlot,r=t.toggleIcon;var o=n.querySelector(".ion-accordion-toggle-icon");if(o){return}var a=document.createElement("ion-icon");a.slot=i;a.lazy=false;a.classList.add("ion-accordion-toggle-icon");a.icon=r;a.setAttribute("aria-hidden","true");n.appendChild(a)};this.expandAccordion=function(n){if(n===void 0){n=false}var t=e,i=t.contentEl,r=t.contentElWrapper;if(n||i===undefined||r===undefined){e.state=4;return}if(e.state===4){return}if(e.currentRaf!==undefined){cancelAnimationFrame(e.currentRaf)}if(e.shouldAnimate()){raf((function(){e.state=8;e.currentRaf=raf((function(){return __awaiter(e,void 0,void 0,(function(){var n,e;return __generator(this,(function(t){switch(t.label){case 0:n=r.offsetHeight;e=transitionEndAsync(i,2e3);i.style.setProperty("max-height","".concat(n,"px"));return[4,e];case 1:t.sent();this.state=4;i.style.removeProperty("max-height");return[2]}}))}))}))}))}else{e.state=4}};this.collapseAccordion=function(n){if(n===void 0){n=false}var t=e.contentEl;if(n||t===undefined){e.state=1;return}if(e.state===1){return}if(e.currentRaf!==undefined){cancelAnimationFrame(e.currentRaf)}if(e.shouldAnimate()){e.currentRaf=raf((function(){return __awaiter(e,void 0,void 0,(function(){var n;var e=this;return __generator(this,(function(i){n=t.offsetHeight;t.style.setProperty("max-height","".concat(n,"px"));raf((function(){return __awaiter(e,void 0,void 0,(function(){var n;return __generator(this,(function(e){switch(e.label){case 0:n=transitionEndAsync(t,2e3);this.state=2;return[4,n];case 1:e.sent();this.state=1;t.style.removeProperty("max-height");return[2]}}))}))}));return[2]}))}))}))}else{e.state=1}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}var n=matchMedia("(prefers-reduced-motion: reduce)").matches;if(n){return false}var t=config.get("animated",true);if(!t){return false}if(e.accordionGroupEl&&!e.accordionGroupEl.animated){return false}return true};this.updateState=function(){var n=[];for(var t=0;t<arguments.length;t++){n[t]=arguments[t]}return __awaiter(e,__spreadArray([],n,true),void 0,(function(n){var e,t,i,r,o,a,s,c;if(n===void 0){n=false}return __generator(this,(function(d){e=this.accordionGroupEl;t=this.value;if(!e){return[2]}i=e.value;r=Array.isArray(i)?i.includes(t):i===t;if(r){this.expandAccordion(n);this.isNext=this.isPrevious=false}else{this.collapseAccordion(n);o=this.getNextSibling();a=o===null||o===void 0?void 0:o.value;if(a!==undefined){this.isPrevious=Array.isArray(i)?i.includes(a):i===a}s=this.getPreviousSibling();c=s===null||s===void 0?void 0:s.value;if(c!==undefined){this.isNext=Array.isArray(i)?i.includes(c):i===c}}return[2]}))}))};this.getNextSibling=function(){if(!e.el){return}var n=e.el.nextElementSibling;if((n===null||n===void 0?void 0:n.tagName)!=="ION-ACCORDION"){return}return n};this.getPreviousSibling=function(){if(!e.el){return}var n=e.el.previousElementSibling;if((n===null||n===void 0?void 0:n.tagName)!=="ION-ACCORDION"){return}return n};this.state=1;this.isNext=false;this.isPrevious=false;this.value="ion-accordion-".concat(accordionIds++);this.disabled=false;this.readonly=false;this.toggleIcon=chevronDown;this.toggleIconSlot="end"}n.prototype.valueChanged=function(){this.updateState()};n.prototype.connectedCallback=function(){var n;var e=this.accordionGroupEl=(n=this.el)===null||n===void 0?void 0:n.closest("ion-accordion-group");if(e){this.updateState(true);addEventListener(e,"ionValueChange",this.updateListener)}};n.prototype.disconnectedCallback=function(){var n=this.accordionGroupEl;if(n){removeEventListener(n,"ionValueChange",this.updateListener)}};n.prototype.componentDidLoad=function(){var n=this;this.setItemDefaults();this.slotToggleIcon();raf((function(){var e=n.state===4||n.state===8;n.setAria(e)}))};n.prototype.toggleExpanded=function(){var n=this,e=n.accordionGroupEl,t=n.disabled,i=n.readonly,r=n.value,o=n.state;if(t||i)return;if(e){var a=o===1||o===2;e.requestAccordionToggle(r,a)}};n.prototype.render=function(){var n;var e=this;var t=this,i=t.disabled,r=t.readonly;var o=getIonMode(this);var a=this.state===4||this.state===8;var s=a?"header expanded":"header";var c=a?"content expanded":"content";this.setAria(a);return h(Host,{key:"073e1d02c18dcbc20c68648426e87c14750c031d",class:(n={},n[o]=true,n["accordion-expanding"]=this.state===8,n["accordion-expanded"]=this.state===4,n["accordion-collapsing"]=this.state===2,n["accordion-collapsed"]=this.state===1,n["accordion-next"]=this.isNext,n["accordion-previous"]=this.isPrevious,n["accordion-disabled"]=i,n["accordion-readonly"]=r,n["accordion-animated"]=this.shouldAnimate(),n)},h("div",{key:"9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc",onClick:function(){return e.toggleExpanded()},id:"header",part:s,"aria-controls":"content",ref:function(n){return e.headerEl=n}},h("slot",{key:"464c32a37f64655eacf4218284214f5f30b14a1e",name:"header"})),h("div",{key:"8bb52e6a62d7de0106b253201a89a32e79d9a594",id:"content",part:c,role:"region","aria-labelledby":"header",ref:function(n){return e.contentEl=n}},h("div",{key:"1d9dfd952ad493754aaeea7a8f625b33c2dd90a0",id:"content-wrapper",ref:function(n){return e.contentElWrapper=n}},h("slot",{key:"970dfbc55a612d739d0ca3b7b1a08e5c96d0c479",name:"content"}))))};Object.defineProperty(n,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return n}();var accordionIds=0;Accordion.style={ios:IonAccordionIosStyle0,md:IonAccordionMdStyle0};var accordionGroupIosCss=":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";var IonAccordionGroupIosStyle0=accordionGroupIosCss;var accordionGroupMdCss=":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-end-end-radius:6px;border-end-start-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-start-start-radius:6px;border-start-end-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";var IonAccordionGroupMdStyle0=accordionGroupMdCss;var AccordionGroup=function(){function n(n){registerInstance(this,n);this.ionChange=createEvent(this,"ionChange",7);this.ionValueChange=createEvent(this,"ionValueChange",7);this.animated=true;this.multiple=undefined;this.value=undefined;this.disabled=false;this.readonly=false;this.expand="compact"}n.prototype.valueChanged=function(){var n=this,e=n.value,t=n.multiple;if(!t&&Array.isArray(e)){printIonWarning('ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n Value Passed: ['.concat(e.map((function(n){return"'".concat(n,"'")})).join(", "),"]\n"),this.el)}this.ionValueChange.emit({value:this.value})};n.prototype.disabledChanged=function(){return __awaiter(this,void 0,void 0,(function(){var n,e,t,i,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.disabled;return[4,this.getAccordions()];case 1:e=o.sent();for(t=0,i=e;t<i.length;t++){r=i[t];r.disabled=n}return[2]}}))}))};n.prototype.readonlyChanged=function(){return __awaiter(this,void 0,void 0,(function(){var n,e,t,i,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.readonly;return[4,this.getAccordions()];case 1:e=o.sent();for(t=0,i=e;t<i.length;t++){r=i[t];r.readonly=n}return[2]}}))}))};n.prototype.onKeydown=function(n){return __awaiter(this,void 0,void 0,(function(){var e,t,i,r,o,a,s;return __generator(this,(function(c){switch(c.label){case 0:e=document.activeElement;if(!e){return[2]}t=e.closest('ion-accordion [slot="header"]');if(!t){return[2]}i=e.tagName==="ION-ACCORDION"?e:e.closest("ion-accordion");if(!i){return[2]}r=i.closest("ion-accordion-group");if(r!==this.el){return[2]}return[4,this.getAccordions()];case 1:o=c.sent();a=o.findIndex((function(n){return n===i}));if(a===-1){return[2]}if(n.key==="ArrowDown"){s=this.findNextAccordion(o,a)}else if(n.key==="ArrowUp"){s=this.findPreviousAccordion(o,a)}else if(n.key==="Home"){s=o[0]}else if(n.key==="End"){s=o[o.length-1]}if(s!==undefined&&s!==e){s.focus()}return[2]}}))}))};n.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(this.disabled){this.disabledChanged()}if(this.readonly){this.readonlyChanged()}this.valueChanged();return[2]}))}))};n.prototype.setValue=function(n){var e=this.value=n;this.ionChange.emit({value:e})};n.prototype.requestAccordionToggle=function(n,e){return __awaiter(this,void 0,void 0,(function(){var t,i,r,o,a,s,c,d,s,c;return __generator(this,(function(u){t=this,i=t.multiple,r=t.value,o=t.readonly,a=t.disabled;if(o||a){return[2]}if(e){if(i){s=r!==null&&r!==void 0?r:[];c=Array.isArray(s)?s:[s];d=c.find((function(e){return e===n}));if(d===undefined&&n!==undefined){this.setValue(__spreadArray(__spreadArray([],c,true),[n],false))}}else{this.setValue(n)}}else{if(i){s=r!==null&&r!==void 0?r:[];c=Array.isArray(s)?s:[s];this.setValue(c.filter((function(e){return e!==n})))}else{this.setValue(undefined)}}return[2]}))}))};n.prototype.findNextAccordion=function(n,e){var t=n[e+1];if(t===undefined){return n[0]}return t};n.prototype.findPreviousAccordion=function(n,e){var t=n[e-1];if(t===undefined){return n[n.length-1]}return t};n.prototype.getAccordions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,Array.from(this.el.querySelectorAll(":scope > ion-accordion"))]}))}))};n.prototype.render=function(){var n;var e=this,t=e.disabled,i=e.readonly,r=e.expand;var o=getIonMode(this);return h(Host,{key:"ac2e26ac91c95d08172bd2b51daa7a711c21db9e",class:(n={},n[o]=true,n["accordion-group-disabled"]=t,n["accordion-group-readonly"]=i,n["accordion-group-expand-".concat(r)]=true,n),role:"presentation"},h("slot",{key:"444adc2af5730897eba57095da046d6bdb5af70f"}))};Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"]}},enumerable:false,configurable:true});return n}();AccordionGroup.style={ios:IonAccordionGroupIosStyle0,md:IonAccordionGroupMdStyle0};export{Accordion as ion_accordion,AccordionGroup as ion_accordion_group};
4
+ */import{r as registerInstance,h,f as Host,i as getElement,d as createEvent}from"./index-5dc2b88e.js";import{r as raf,t as transitionEndAsync,a as addEventListener,b as removeEventListener,g as getElementRoot}from"./helpers-da915de8.js";import{l as chevronDown}from"./index-e2cf2ceb.js";import{c as config,b as getIonMode}from"./ionic-global-d2d8f882.js";import{p as printIonWarning}from"./index-9b0d46f4.js";var accordionIosCss=":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";var IonAccordionIosStyle0=accordionIosCss;var accordionMdCss=":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}";var IonAccordionMdStyle0=accordionMdCss;var Accordion=function(){function n(n){var e=this;registerInstance(this,n);this.updateListener=function(){return e.updateState(false)};this.setItemDefaults=function(){var n=e.getSlottedHeaderIonItem();if(!n){return}n.button=true;n.detail=false;if(n.lines===undefined){n.lines="full"}};this.getSlottedHeaderIonItem=function(){var n=e.headerEl;if(!n){return}var t=n.querySelector("slot");if(!t){return}if(t.assignedElements===undefined)return;return t.assignedElements().find((function(n){return n.tagName==="ION-ITEM"}))};this.setAria=function(n){if(n===void 0){n=false}var t=e.getSlottedHeaderIonItem();if(!t){return}var i=getElementRoot(t);var r=i.querySelector("button");if(!r){return}r.setAttribute("aria-expanded","".concat(n))};this.slotToggleIcon=function(){var n=e.getSlottedHeaderIonItem();if(!n){return}var t=e,i=t.toggleIconSlot,r=t.toggleIcon;var o=n.querySelector(".ion-accordion-toggle-icon");if(o){return}var a=document.createElement("ion-icon");a.slot=i;a.lazy=false;a.classList.add("ion-accordion-toggle-icon");a.icon=r;a.setAttribute("aria-hidden","true");n.appendChild(a)};this.expandAccordion=function(n){if(n===void 0){n=false}var t=e,i=t.contentEl,r=t.contentElWrapper;if(n||i===undefined||r===undefined){e.state=4;return}if(e.state===4){return}if(e.currentRaf!==undefined){cancelAnimationFrame(e.currentRaf)}if(e.shouldAnimate()){raf((function(){e.state=8;e.currentRaf=raf((function(){return __awaiter(e,void 0,void 0,(function(){var n,e;return __generator(this,(function(t){switch(t.label){case 0:n=r.offsetHeight;e=transitionEndAsync(i,2e3);i.style.setProperty("max-height","".concat(n,"px"));return[4,e];case 1:t.sent();this.state=4;i.style.removeProperty("max-height");return[2]}}))}))}))}))}else{e.state=4}};this.collapseAccordion=function(n){if(n===void 0){n=false}var t=e.contentEl;if(n||t===undefined){e.state=1;return}if(e.state===1){return}if(e.currentRaf!==undefined){cancelAnimationFrame(e.currentRaf)}if(e.shouldAnimate()){e.currentRaf=raf((function(){return __awaiter(e,void 0,void 0,(function(){var n;var e=this;return __generator(this,(function(i){n=t.offsetHeight;t.style.setProperty("max-height","".concat(n,"px"));raf((function(){return __awaiter(e,void 0,void 0,(function(){var n;return __generator(this,(function(e){switch(e.label){case 0:n=transitionEndAsync(t,2e3);this.state=2;return[4,n];case 1:e.sent();this.state=1;t.style.removeProperty("max-height");return[2]}}))}))}));return[2]}))}))}))}else{e.state=1}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}var n=matchMedia("(prefers-reduced-motion: reduce)").matches;if(n){return false}var t=config.get("animated",true);if(!t){return false}if(e.accordionGroupEl&&!e.accordionGroupEl.animated){return false}return true};this.updateState=function(){var n=[];for(var t=0;t<arguments.length;t++){n[t]=arguments[t]}return __awaiter(e,__spreadArray([],n,true),void 0,(function(n){var e,t,i,r,o,a,s,c;if(n===void 0){n=false}return __generator(this,(function(d){e=this.accordionGroupEl;t=this.value;if(!e){return[2]}i=e.value;r=Array.isArray(i)?i.includes(t):i===t;if(r){this.expandAccordion(n);this.isNext=this.isPrevious=false}else{this.collapseAccordion(n);o=this.getNextSibling();a=o===null||o===void 0?void 0:o.value;if(a!==undefined){this.isPrevious=Array.isArray(i)?i.includes(a):i===a}s=this.getPreviousSibling();c=s===null||s===void 0?void 0:s.value;if(c!==undefined){this.isNext=Array.isArray(i)?i.includes(c):i===c}}return[2]}))}))};this.getNextSibling=function(){if(!e.el){return}var n=e.el.nextElementSibling;if((n===null||n===void 0?void 0:n.tagName)!=="ION-ACCORDION"){return}return n};this.getPreviousSibling=function(){if(!e.el){return}var n=e.el.previousElementSibling;if((n===null||n===void 0?void 0:n.tagName)!=="ION-ACCORDION"){return}return n};this.state=1;this.isNext=false;this.isPrevious=false;this.value="ion-accordion-".concat(accordionIds++);this.disabled=false;this.readonly=false;this.toggleIcon=chevronDown;this.toggleIconSlot="end"}n.prototype.valueChanged=function(){this.updateState()};n.prototype.connectedCallback=function(){var n;var e=this.accordionGroupEl=(n=this.el)===null||n===void 0?void 0:n.closest("ion-accordion-group");if(e){this.updateState(true);addEventListener(e,"ionValueChange",this.updateListener)}};n.prototype.disconnectedCallback=function(){var n=this.accordionGroupEl;if(n){removeEventListener(n,"ionValueChange",this.updateListener)}};n.prototype.componentDidLoad=function(){var n=this;this.setItemDefaults();this.slotToggleIcon();raf((function(){var e=n.state===4||n.state===8;n.setAria(e)}))};n.prototype.toggleExpanded=function(){var n=this,e=n.accordionGroupEl,t=n.disabled,i=n.readonly,r=n.value,o=n.state;if(t||i)return;if(e){var a=o===1||o===2;e.requestAccordionToggle(r,a)}};n.prototype.render=function(){var n;var e=this;var t=this,i=t.disabled,r=t.readonly;var o=getIonMode(this);var a=this.state===4||this.state===8;var s=a?"header expanded":"header";var c=a?"content expanded":"content";this.setAria(a);return h(Host,{key:"073e1d02c18dcbc20c68648426e87c14750c031d",class:(n={},n[o]=true,n["accordion-expanding"]=this.state===8,n["accordion-expanded"]=this.state===4,n["accordion-collapsing"]=this.state===2,n["accordion-collapsed"]=this.state===1,n["accordion-next"]=this.isNext,n["accordion-previous"]=this.isPrevious,n["accordion-disabled"]=i,n["accordion-readonly"]=r,n["accordion-animated"]=this.shouldAnimate(),n)},h("div",{key:"9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc",onClick:function(){return e.toggleExpanded()},id:"header",part:s,"aria-controls":"content",ref:function(n){return e.headerEl=n}},h("slot",{key:"464c32a37f64655eacf4218284214f5f30b14a1e",name:"header"})),h("div",{key:"8bb52e6a62d7de0106b253201a89a32e79d9a594",id:"content",part:c,role:"region","aria-labelledby":"header",ref:function(n){return e.contentEl=n}},h("div",{key:"1d9dfd952ad493754aaeea7a8f625b33c2dd90a0",id:"content-wrapper",ref:function(n){return e.contentElWrapper=n}},h("slot",{key:"970dfbc55a612d739d0ca3b7b1a08e5c96d0c479",name:"content"}))))};Object.defineProperty(n,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return n}();var accordionIds=0;Accordion.style={ios:IonAccordionIosStyle0,md:IonAccordionMdStyle0};var accordionGroupIosCss=":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";var IonAccordionGroupIosStyle0=accordionGroupIosCss;var accordionGroupMdCss=":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-end-end-radius:6px;border-end-start-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-start-start-radius:6px;border-start-end-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";var IonAccordionGroupMdStyle0=accordionGroupMdCss;var AccordionGroup=function(){function n(n){registerInstance(this,n);this.ionChange=createEvent(this,"ionChange",7);this.ionValueChange=createEvent(this,"ionValueChange",7);this.animated=true;this.multiple=undefined;this.value=undefined;this.disabled=false;this.readonly=false;this.expand="compact"}n.prototype.valueChanged=function(){var n=this,e=n.value,t=n.multiple;if(!t&&Array.isArray(e)){printIonWarning('ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n Value Passed: ['.concat(e.map((function(n){return"'".concat(n,"'")})).join(", "),"]\n"),this.el)}this.ionValueChange.emit({value:this.value})};n.prototype.disabledChanged=function(){return __awaiter(this,void 0,void 0,(function(){var n,e,t,i,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.disabled;return[4,this.getAccordions()];case 1:e=o.sent();for(t=0,i=e;t<i.length;t++){r=i[t];r.disabled=n}return[2]}}))}))};n.prototype.readonlyChanged=function(){return __awaiter(this,void 0,void 0,(function(){var n,e,t,i,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.readonly;return[4,this.getAccordions()];case 1:e=o.sent();for(t=0,i=e;t<i.length;t++){r=i[t];r.readonly=n}return[2]}}))}))};n.prototype.onKeydown=function(n){return __awaiter(this,void 0,void 0,(function(){var e,t,i,r,o,a,s;return __generator(this,(function(c){switch(c.label){case 0:e=document.activeElement;if(!e){return[2]}t=e.closest('ion-accordion [slot="header"]');if(!t){return[2]}i=e.tagName==="ION-ACCORDION"?e:e.closest("ion-accordion");if(!i){return[2]}r=i.closest("ion-accordion-group");if(r!==this.el){return[2]}return[4,this.getAccordions()];case 1:o=c.sent();a=o.findIndex((function(n){return n===i}));if(a===-1){return[2]}if(n.key==="ArrowDown"){s=this.findNextAccordion(o,a)}else if(n.key==="ArrowUp"){s=this.findPreviousAccordion(o,a)}else if(n.key==="Home"){s=o[0]}else if(n.key==="End"){s=o[o.length-1]}if(s!==undefined&&s!==e){s.focus()}return[2]}}))}))};n.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(this.disabled){this.disabledChanged()}if(this.readonly){this.readonlyChanged()}this.valueChanged();return[2]}))}))};n.prototype.setValue=function(n){var e=this.value=n;this.ionChange.emit({value:e})};n.prototype.requestAccordionToggle=function(n,e){return __awaiter(this,void 0,void 0,(function(){var t,i,r,o,a,s,c,d,s,c;return __generator(this,(function(u){t=this,i=t.multiple,r=t.value,o=t.readonly,a=t.disabled;if(o||a){return[2]}if(e){if(i){s=r!==null&&r!==void 0?r:[];c=Array.isArray(s)?s:[s];d=c.find((function(e){return e===n}));if(d===undefined&&n!==undefined){this.setValue(__spreadArray(__spreadArray([],c,true),[n],false))}}else{this.setValue(n)}}else{if(i){s=r!==null&&r!==void 0?r:[];c=Array.isArray(s)?s:[s];this.setValue(c.filter((function(e){return e!==n})))}else{this.setValue(undefined)}}return[2]}))}))};n.prototype.findNextAccordion=function(n,e){var t=n[e+1];if(t===undefined){return n[0]}return t};n.prototype.findPreviousAccordion=function(n,e){var t=n[e-1];if(t===undefined){return n[n.length-1]}return t};n.prototype.getAccordions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,Array.from(this.el.querySelectorAll(":scope > ion-accordion"))]}))}))};n.prototype.render=function(){var n;var e=this,t=e.disabled,i=e.readonly,r=e.expand;var o=getIonMode(this);return h(Host,{key:"82f3e77066fabb4736638ee4c487ad56efd39c63",class:(n={},n[o]=true,n["accordion-group-disabled"]=t,n["accordion-group-readonly"]=i,n["accordion-group-expand-".concat(r)]=true,n),role:"presentation"},h("slot",{key:"a3c791ea887fc640b512f81d429be465ae902b3d"}))};Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"]}},enumerable:false,configurable:true});return n}();AccordionGroup.style={ios:IonAccordionGroupIosStyle0,md:IonAccordionGroupMdStyle0};export{Accordion as ion_accordion,AccordionGroup as ion_accordion_group};