@ionic/core 8.5.2-dev.11742935752.148f25e6 → 8.5.2-dev.11742937752.14b430a3

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 (14) hide show
  1. package/components/ion-datetime.js +5 -5
  2. package/dist/cjs/ion-datetime_3.cjs.entry.js +5 -5
  3. package/dist/collection/components/datetime/datetime.js +5 -5
  4. package/dist/docs.json +1 -1
  5. package/dist/esm/ion-datetime_3.entry.js +5 -5
  6. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  7. package/dist/ionic/ionic.esm.js +1 -1
  8. package/dist/ionic/{p-f94b2f2f.system.entry.js → p-2580d6ef.system.entry.js} +1 -1
  9. package/dist/ionic/p-423f7c83.entry.js +4 -0
  10. package/dist/ionic/p-bf64af90.system.js +1 -1
  11. package/hydrate/index.js +5 -5
  12. package/hydrate/index.mjs +5 -5
  13. package/package.json +1 -1
  14. package/dist/ionic/p-2ee9a2c6.entry.js +0 -4
package/components/ion-datetime.js CHANGED
@@ -1429,7 +1429,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1429
1429
  const activePart = this.getActivePartsWithFallback();
1430
1430
  return (h("ion-picker-column", { "aria-label": "Select an hour", color: this.color, disabled: disabled, value: activePart.hour, numericInput: true, onIonChange: (ev) => {
1431
1431
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { hour: ev.detail.value }));
1432
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { hour: ev.detail.value }));
1432
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { hour: ev.detail.value }));
1433
1433
  ev.stopPropagation();
1434
1434
  } }, hoursData.map((hour) => (h("ion-picker-column-option", { part: hour.value === activePart.hour ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: hour.value, disabled: hour.disabled, value: hour.value }, hour.text)))));
1435
1435
  }
@@ -1440,7 +1440,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1440
1440
  const activePart = this.getActivePartsWithFallback();
1441
1441
  return (h("ion-picker-column", { "aria-label": "Select a minute", color: this.color, disabled: disabled, value: activePart.minute, numericInput: true, onIonChange: (ev) => {
1442
1442
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { minute: ev.detail.value }));
1443
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { minute: ev.detail.value }));
1443
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { minute: ev.detail.value }));
1444
1444
  ev.stopPropagation();
1445
1445
  } }, minutesData.map((minute) => (h("ion-picker-column-option", { part: minute.value === activePart.minute ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: minute.value, disabled: minute.disabled, value: minute.value }, minute.text)))));
1446
1446
  }
@@ -1454,7 +1454,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1454
1454
  return (h("ion-picker-column", { "aria-label": "Select a day period", style: isDayPeriodRTL ? { order: '-1' } : {}, color: this.color, disabled: disabled, value: activePart.ampm, onIonChange: (ev) => {
1455
1455
  const hour = calculateHourFromAMPM(workingParts, ev.detail.value);
1456
1456
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { ampm: ev.detail.value, hour }));
1457
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { ampm: ev.detail.value, hour }));
1457
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { ampm: ev.detail.value, hour }));
1458
1458
  ev.stopPropagation();
1459
1459
  } }, dayPeriodData.map((dayPeriod) => (h("ion-picker-column-option", { part: dayPeriod.value === activePart.ampm ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: dayPeriod.value, disabled: dayPeriod.disabled, value: dayPeriod.value }, dayPeriod.text)))));
1460
1460
  }
@@ -1761,7 +1761,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1761
1761
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1762
1762
  const hasWheelVariant = hasDatePresentation && preferWheel;
1763
1763
  renderHiddenInput(true, el, name, formatValue(value), disabled);
1764
- return (h(Host, { key: '7afbb1a7e6c78389b4588999779e5c90e010e85d', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1764
+ return (h(Host, { key: '08d429533a09c600b936ad1e022658051c765595', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1765
1765
  [mode]: true,
1766
1766
  ['datetime-readonly']: readonly,
1767
1767
  ['datetime-disabled']: disabled,
@@ -1771,7 +1771,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1771
1771
  [`datetime-size-${size}`]: true,
1772
1772
  [`datetime-prefer-wheel`]: hasWheelVariant,
1773
1773
  [`datetime-grid`]: isGridStyle,
1774
- })) }, h("div", { key: '297c458d4d17154cb297e2ef5926505bcb2d1fce', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1774
+ })) }, h("div", { key: 'f4ff0fcd1e059767a7ef14fcc76ebfd55d23a97b', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1775
1775
  }
1776
1776
  get el() { return this; }
1777
1777
  static get watchers() { return {
package/dist/cjs/ion-datetime_3.cjs.entry.js CHANGED
@@ -1431,7 +1431,7 @@ const Datetime = class {
1431
1431
  const activePart = this.getActivePartsWithFallback();
1432
1432
  return (index$1.h("ion-picker-column", { "aria-label": "Select an hour", color: this.color, disabled: disabled, value: activePart.hour, numericInput: true, onIonChange: (ev) => {
1433
1433
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { hour: ev.detail.value }));
1434
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { hour: ev.detail.value }));
1434
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { hour: ev.detail.value }));
1435
1435
  ev.stopPropagation();
1436
1436
  } }, hoursData.map((hour) => (index$1.h("ion-picker-column-option", { part: hour.value === activePart.hour ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: hour.value, disabled: hour.disabled, value: hour.value }, hour.text)))));
1437
1437
  }
@@ -1442,7 +1442,7 @@ const Datetime = class {
1442
1442
  const activePart = this.getActivePartsWithFallback();
1443
1443
  return (index$1.h("ion-picker-column", { "aria-label": "Select a minute", color: this.color, disabled: disabled, value: activePart.minute, numericInput: true, onIonChange: (ev) => {
1444
1444
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { minute: ev.detail.value }));
1445
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { minute: ev.detail.value }));
1445
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { minute: ev.detail.value }));
1446
1446
  ev.stopPropagation();
1447
1447
  } }, minutesData.map((minute) => (index$1.h("ion-picker-column-option", { part: minute.value === activePart.minute ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: minute.value, disabled: minute.disabled, value: minute.value }, minute.text)))));
1448
1448
  }
@@ -1456,7 +1456,7 @@ const Datetime = class {
1456
1456
  return (index$1.h("ion-picker-column", { "aria-label": "Select a day period", style: isDayPeriodRTL ? { order: '-1' } : {}, color: this.color, disabled: disabled, value: activePart.ampm, onIonChange: (ev) => {
1457
1457
  const hour = data.calculateHourFromAMPM(workingParts, ev.detail.value);
1458
1458
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { ampm: ev.detail.value, hour }));
1459
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { ampm: ev.detail.value, hour }));
1459
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { ampm: ev.detail.value, hour }));
1460
1460
  ev.stopPropagation();
1461
1461
  } }, dayPeriodData.map((dayPeriod) => (index$1.h("ion-picker-column-option", { part: dayPeriod.value === activePart.ampm ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: dayPeriod.value, disabled: dayPeriod.disabled, value: dayPeriod.value }, dayPeriod.text)))));
1462
1462
  }
@@ -1763,7 +1763,7 @@ const Datetime = class {
1763
1763
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1764
1764
  const hasWheelVariant = hasDatePresentation && preferWheel;
1765
1765
  helpers.renderHiddenInput(true, el, name, data.formatValue(value), disabled);
1766
- return (index$1.h(index$1.Host, { key: '7afbb1a7e6c78389b4588999779e5c90e010e85d', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
1766
+ return (index$1.h(index$1.Host, { key: '08d429533a09c600b936ad1e022658051c765595', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
1767
1767
  [mode]: true,
1768
1768
  ['datetime-readonly']: readonly,
1769
1769
  ['datetime-disabled']: disabled,
@@ -1773,7 +1773,7 @@ const Datetime = class {
1773
1773
  [`datetime-size-${size}`]: true,
1774
1774
  [`datetime-prefer-wheel`]: hasWheelVariant,
1775
1775
  [`datetime-grid`]: isGridStyle,
1776
- })) }, index$1.h("div", { key: '297c458d4d17154cb297e2ef5926505bcb2d1fce', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1776
+ })) }, index$1.h("div", { key: 'f4ff0fcd1e059767a7ef14fcc76ebfd55d23a97b', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1777
1777
  }
1778
1778
  get el() { return index$1.getElement(this); }
1779
1779
  static get watchers() { return {
package/dist/collection/components/datetime/datetime.js CHANGED
@@ -1225,7 +1225,7 @@ export class Datetime {
1225
1225
  const activePart = this.getActivePartsWithFallback();
1226
1226
  return (h("ion-picker-column", { "aria-label": "Select an hour", color: this.color, disabled: disabled, value: activePart.hour, numericInput: true, onIonChange: (ev) => {
1227
1227
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { hour: ev.detail.value }));
1228
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { hour: ev.detail.value }));
1228
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { hour: ev.detail.value }));
1229
1229
  ev.stopPropagation();
1230
1230
  } }, hoursData.map((hour) => (h("ion-picker-column-option", { part: hour.value === activePart.hour ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: hour.value, disabled: hour.disabled, value: hour.value }, hour.text)))));
1231
1231
  }
@@ -1236,7 +1236,7 @@ export class Datetime {
1236
1236
  const activePart = this.getActivePartsWithFallback();
1237
1237
  return (h("ion-picker-column", { "aria-label": "Select a minute", color: this.color, disabled: disabled, value: activePart.minute, numericInput: true, onIonChange: (ev) => {
1238
1238
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { minute: ev.detail.value }));
1239
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { minute: ev.detail.value }));
1239
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { minute: ev.detail.value }));
1240
1240
  ev.stopPropagation();
1241
1241
  } }, minutesData.map((minute) => (h("ion-picker-column-option", { part: minute.value === activePart.minute ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: minute.value, disabled: minute.disabled, value: minute.value }, minute.text)))));
1242
1242
  }
@@ -1250,7 +1250,7 @@ export class Datetime {
1250
1250
  return (h("ion-picker-column", { "aria-label": "Select a day period", style: isDayPeriodRTL ? { order: '-1' } : {}, color: this.color, disabled: disabled, value: activePart.ampm, onIonChange: (ev) => {
1251
1251
  const hour = calculateHourFromAMPM(workingParts, ev.detail.value);
1252
1252
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { ampm: ev.detail.value, hour }));
1253
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { ampm: ev.detail.value, hour }));
1253
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { ampm: ev.detail.value, hour }));
1254
1254
  ev.stopPropagation();
1255
1255
  } }, dayPeriodData.map((dayPeriod) => (h("ion-picker-column-option", { part: dayPeriod.value === activePart.ampm ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: dayPeriod.value, disabled: dayPeriod.disabled, value: dayPeriod.value }, dayPeriod.text)))));
1256
1256
  }
@@ -1557,7 +1557,7 @@ export class Datetime {
1557
1557
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1558
1558
  const hasWheelVariant = hasDatePresentation && preferWheel;
1559
1559
  renderHiddenInput(true, el, name, formatValue(value), disabled);
1560
- return (h(Host, { key: '7afbb1a7e6c78389b4588999779e5c90e010e85d', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1560
+ return (h(Host, { key: '08d429533a09c600b936ad1e022658051c765595', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1561
1561
  [mode]: true,
1562
1562
  ['datetime-readonly']: readonly,
1563
1563
  ['datetime-disabled']: disabled,
@@ -1567,7 +1567,7 @@ export class Datetime {
1567
1567
  [`datetime-size-${size}`]: true,
1568
1568
  [`datetime-prefer-wheel`]: hasWheelVariant,
1569
1569
  [`datetime-grid`]: isGridStyle,
1570
- })) }, h("div", { key: '297c458d4d17154cb297e2ef5926505bcb2d1fce', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1570
+ })) }, h("div", { key: 'f4ff0fcd1e059767a7ef14fcc76ebfd55d23a97b', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1571
1571
  }
1572
1572
  static get is() { return "ion-datetime"; }
1573
1573
  static get encapsulation() { return "shadow"; }
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-03-25T20:51:05",
2
+ "timestamp": "2025-03-25T21:24:22",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.20.0",
package/dist/esm/ion-datetime_3.entry.js CHANGED
@@ -1427,7 +1427,7 @@ const Datetime = class {
1427
1427
  const activePart = this.getActivePartsWithFallback();
1428
1428
  return (h("ion-picker-column", { "aria-label": "Select an hour", color: this.color, disabled: disabled, value: activePart.hour, numericInput: true, onIonChange: (ev) => {
1429
1429
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { hour: ev.detail.value }));
1430
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { hour: ev.detail.value }));
1430
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { hour: ev.detail.value }));
1431
1431
  ev.stopPropagation();
1432
1432
  } }, hoursData.map((hour) => (h("ion-picker-column-option", { part: hour.value === activePart.hour ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: hour.value, disabled: hour.disabled, value: hour.value }, hour.text)))));
1433
1433
  }
@@ -1438,7 +1438,7 @@ const Datetime = class {
1438
1438
  const activePart = this.getActivePartsWithFallback();
1439
1439
  return (h("ion-picker-column", { "aria-label": "Select a minute", color: this.color, disabled: disabled, value: activePart.minute, numericInput: true, onIonChange: (ev) => {
1440
1440
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { minute: ev.detail.value }));
1441
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { minute: ev.detail.value }));
1441
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { minute: ev.detail.value }));
1442
1442
  ev.stopPropagation();
1443
1443
  } }, minutesData.map((minute) => (h("ion-picker-column-option", { part: minute.value === activePart.minute ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: minute.value, disabled: minute.disabled, value: minute.value }, minute.text)))));
1444
1444
  }
@@ -1452,7 +1452,7 @@ const Datetime = class {
1452
1452
  return (h("ion-picker-column", { "aria-label": "Select a day period", style: isDayPeriodRTL ? { order: '-1' } : {}, color: this.color, disabled: disabled, value: activePart.ampm, onIonChange: (ev) => {
1453
1453
  const hour = calculateHourFromAMPM(workingParts, ev.detail.value);
1454
1454
  this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { ampm: ev.detail.value, hour }));
1455
- this.setActiveParts(Object.assign(Object.assign({}, activePart), { ampm: ev.detail.value, hour }));
1455
+ this.setActiveParts(Object.assign(Object.assign({}, this.getActivePartsWithFallback()), { ampm: ev.detail.value, hour }));
1456
1456
  ev.stopPropagation();
1457
1457
  } }, dayPeriodData.map((dayPeriod) => (h("ion-picker-column-option", { part: dayPeriod.value === activePart.ampm ? `${WHEEL_ITEM_PART} ${WHEEL_ITEM_ACTIVE_PART}` : WHEEL_ITEM_PART, key: dayPeriod.value, disabled: dayPeriod.disabled, value: dayPeriod.value }, dayPeriod.text)))));
1458
1458
  }
@@ -1759,7 +1759,7 @@ const Datetime = class {
1759
1759
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1760
1760
  const hasWheelVariant = hasDatePresentation && preferWheel;
1761
1761
  renderHiddenInput(true, el, name, formatValue(value), disabled);
1762
- return (h(Host, { key: '7afbb1a7e6c78389b4588999779e5c90e010e85d', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1762
+ return (h(Host, { key: '08d429533a09c600b936ad1e022658051c765595', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1763
1763
  [mode]: true,
1764
1764
  ['datetime-readonly']: readonly,
1765
1765
  ['datetime-disabled']: disabled,
@@ -1769,7 +1769,7 @@ const Datetime = class {
1769
1769
  [`datetime-size-${size}`]: true,
1770
1770
  [`datetime-prefer-wheel`]: hasWheelVariant,
1771
1771
  [`datetime-grid`]: isGridStyle,
1772
- })) }, h("div", { key: '297c458d4d17154cb297e2ef5926505bcb2d1fce', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1772
+ })) }, h("div", { key: 'f4ff0fcd1e059767a7ef14fcc76ebfd55d23a97b', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1773
1773
  }
1774
1774
  get el() { return getElement(this); }
1775
1775
  static get watchers() { return {