@ionic/core 8.2.8-dev.11725452518.16aa47d3 → 8.2.8-dev.11725548204.17968d54

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 (24) hide show
  1. package/components/ion-datetime.js +1 -1
  2. package/components/ion-tabs.js +12 -2
  3. package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
  4. package/dist/cjs/ion-tab_2.cjs.entry.js +12 -2
  5. package/dist/collection/components/datetime/datetime.ionic.css +40 -0
  6. package/dist/collection/components/tabs/tabs.js +12 -2
  7. package/dist/docs.json +1 -1
  8. package/dist/esm/ion-datetime_3.entry.js +1 -1
  9. package/dist/esm/ion-tab_2.entry.js +12 -2
  10. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  11. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  12. package/dist/ionic/ionic.esm.js +1 -1
  13. package/dist/ionic/p-3cdeb748.system.entry.js +4 -0
  14. package/dist/ionic/p-42aed3a6.system.entry.js +4 -0
  15. package/dist/ionic/p-5d389876.entry.js +4 -0
  16. package/dist/ionic/p-7cac5f7f.entry.js +4 -0
  17. package/dist/ionic/p-b072e109.system.js +1 -1
  18. package/hydrate/index.js +13 -3
  19. package/hydrate/index.mjs +13 -3
  20. package/package.json +1 -1
  21. package/dist/ionic/p-066a1d18.entry.js +0 -4
  22. package/dist/ionic/p-18a2800f.system.entry.js +0 -4
  23. package/dist/ionic/p-20a2a5fc.system.entry.js +0 -4
  24. package/dist/ionic/p-ab20aa54.entry.js +0 -4
package/components/ion-datetime.js CHANGED
@@ -230,7 +230,7 @@ const checkForPresentationFormatMismatch = (el, presentation, formatOptions) =>
230
230
  }
231
231
  };
232
232
 
233
- const datetimeIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{--background:var(--ionic-color-base-white, #ffffff);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-radius-050, 2px)}:host .datetime-header{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-400, 16px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start;-ms-flex-pack:justify;justify-content:space-between;height:var(--ionic-scale-1400, 56px);margin-bottom:var(--ionic-space-200, 8px);border-bottom:var(--ionic-border-style-solid, solid) var(--ionic-border-size-025, 1px) var(--ionic-color-neutral-300, #cfcfcf)}:host .datetime-header .datetime-title{font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-header .datetime-selected-date{font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-1000, #3b3b3b)}.calendar-action-buttons{padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);-ms-flex-align:center;align-items:center;height:var(--ionic-scale-1400, 56px);-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-month-year{-ms-flex:1 0 0px;flex:1 0 0}.calendar-month-year-toggle{border-radius:var(--ionic-border-radius-full, 999px);font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1600, 64px);min-height:var(--ionic-scale-1000, 40px);border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) transparent;color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){.calendar-month-year-toggle:hover{background:var(--ionic-color-neutral-200, #e7e7e7)}}.calendar-month-year-toggle.ion-focused{border-color:var(--focus-ring-color)}.calendar-month-year-toggle.ion-activated{background:var(--ionic-color-neutral-200, #e7e7e7)}.calendar-next-prev ion-button.button-has-icon-only{--color:var(--ionic-color-neutral-1000, #3b3b3b);--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-hover:var(--ionic-color-neutral-200, #e7e7e7);--background-hover-opacity:1}.calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native){border:var(--ionic-border-size-050, 2px) var(--ionic-border-style-solid, solid) var(--ionic-state-focus-1, #9ec4fd);outline:none}.calendar-days-of-week{font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-2, 1.5%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:uppercase;-ms-flex-line-pack:center;align-content:center;height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-800, #626262)}.calendar-day{border-radius:var(--ionic-border-radius-full, 999px);-webkit-padding-start:var(--ionic-space-100, 4px);padding-inline-start:var(--ionic-space-100, 4px);-webkit-padding-end:var(--ionic-space-100, 4px);padding-inline-end:var(--ionic-space-100, 4px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:none;width:var(--ionic-scale-1200, 48px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-1200, #242424)}.calendar-day[disabled]:not(.calendar-day-constrained){color:var(--ionic-color-neutral-500, #a2a2a2)}.calendar-day.calendar-day-today{color:var(--ionic-color-primary-base, #105cef)}.calendar-day.calendar-day-active{background:var(--ionic-color-primary-100, #f2f4fd)}.calendar-day:focus-visible{border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){.calendar-day:not([disabled]):not(:active):hover{background:var(--ionic-color-primary-200, #e9ecfc)}}.calendar-day:active{background:var(--ionic-color-primary-300, #d0d7fa)}";
233
+ const datetimeIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{--background:var(--ionic-color-base-white, #ffffff);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-radius-050, 2px)}:host .datetime-header{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-400, 16px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start;-ms-flex-pack:justify;justify-content:space-between;height:var(--ionic-scale-1400, 56px);margin-bottom:var(--ionic-space-200, 8px);border-bottom:var(--ionic-border-style-solid, solid) var(--ionic-border-size-025, 1px) var(--ionic-color-neutral-300, #cfcfcf)}:host .datetime-header .datetime-title{font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-header .datetime-selected-date{font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-1000, #3b3b3b)}.calendar-action-buttons{padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);-ms-flex-align:center;align-items:center;height:var(--ionic-scale-1400, 56px);-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-month-year{-ms-flex:1 0 0px;flex:1 0 0}.calendar-month-year-toggle{border-radius:var(--ionic-border-radius-full, 999px);font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1600, 64px);min-height:var(--ionic-scale-1000, 40px);border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) transparent;color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){.calendar-month-year-toggle:hover{background:var(--ionic-color-neutral-200, #e7e7e7)}}.calendar-month-year-toggle.ion-focused{border-color:var(--focus-ring-color)}.calendar-month-year-toggle.ion-activated{background:var(--ionic-color-neutral-200, #e7e7e7)}.calendar-next-prev ion-button.button-has-icon-only{--color:var(--ionic-color-neutral-1000, #3b3b3b);--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-hover:var(--ionic-color-neutral-200, #e7e7e7);--background-hover-opacity:1}.calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native){border:var(--ionic-border-size-050, 2px) var(--ionic-border-style-solid, solid) var(--ionic-state-focus-1, #9ec4fd);outline:none}.calendar-days-of-week{font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-2, 1.5%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:uppercase;-ms-flex-line-pack:center;align-content:center;height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-800, #626262)}.calendar-day{border-radius:var(--ionic-border-radius-full, 999px);-webkit-padding-start:var(--ionic-space-100, 4px);padding-inline-start:var(--ionic-space-100, 4px);-webkit-padding-end:var(--ionic-space-100, 4px);padding-inline-end:var(--ionic-space-100, 4px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:none;width:var(--ionic-scale-1200, 48px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-1200, #242424)}.calendar-day[disabled]:not(.calendar-day-constrained){color:var(--ionic-color-neutral-500, #a2a2a2)}.calendar-day.calendar-day-today{color:var(--ionic-color-primary-base, #105cef)}.calendar-day.calendar-day-active{background:var(--ionic-color-primary-100, #f2f4fd)}.calendar-day:focus-visible{border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){.calendar-day:not([disabled]):not(:active):hover{background:var(--ionic-color-primary-200, #e9ecfc)}}.calendar-day:active{background:var(--ionic-color-primary-300, #d0d7fa)}:host .datetime-time{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);height:var(--ionic-scale-800, 32px)}:host .datetime-time .time-header{font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-time button{-webkit-padding-start:var(--ionic-space-200, 8px);padding-inline-start:var(--ionic-space-200, 8px);-webkit-padding-end:var(--ionic-space-200, 8px);padding-inline-end:var(--ionic-space-200, 8px);padding-top:var(--ionic-space-0, 0px);padding-bottom:var(--ionic-space-0, 0px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;border-radius:var(--ionic-border-radius-full, 999px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-1200, #242424)}";
234
234
  const IonDatetimeIonicStyle0 = datetimeIonicCss;
235
235
 
236
236
  const datetimeIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host .calendar-action-buttons ion-button{--background:transparent}.calendar-day{border-radius:50%;font-family:var(--ion-font-family, inherit)}:host .calendar-day[disabled]{opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000)}:host .time-body-active{color:var(--ion-color-base)}:host(.show-month-and-year) .calendar-action-buttons .calendar-month-year-toggle{color:var(--ion-color-base)}.calendar-month-year-toggle::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:opacity 15ms linear, background-color 15ms linear;transition:opacity 15ms linear, background-color 15ms linear;z-index:-1}.calendar-month-year-toggle.ion-focused::after{background:currentColor}.calendar-month-year-toggle:disabled{opacity:0.3;pointer-events:none}.calendar-month-year-toggle ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}ion-picker{--highlight-background:var(--wheel-highlight-background);--highlight-border-radius:var(--wheel-highlight-border-radius);--fade-background-rgb:var(--wheel-fade-background-rgb)}:host{--background:var(--ion-color-light, #f4f5f8);--background-rgb:var(--ion-color-light-rgb, 244, 245, 248);--title-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc));font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}.calendar-month-year-toggle{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;min-height:44px;font-size:min(1rem, 25.6px);font-weight:600}.calendar-month-year-toggle.ion-focused::after{opacity:0.15}.calendar-month-year-toggle #toggle-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:10px}:host .calendar-action-buttons .calendar-month-year-toggle ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, var(--ion-text-color-step-700, #b3b3b3));font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2);font-size:min(1.375rem, 35.2px)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc))}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}";
package/components/ion-tabs.js CHANGED
@@ -32,7 +32,17 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
32
32
  }
33
33
  async componentWillLoad() {
34
34
  if (!this.useRouter) {
35
- this.useRouter = !!document.querySelector('ion-router') && !this.el.closest('[no-router]');
35
+ /**
36
+ * JavaScript and StencilJS use `ion-router`, while
37
+ * the other frameworks use `ion-router-outlet`.
38
+ *
39
+ * If either component is present then tabs will not use
40
+ * a basic tab-based navigation. It will use the history
41
+ * stack or URL updates associated with the router.
42
+ */
43
+ this.useRouter =
44
+ (!!this.el.querySelector('ion-router-outlet') || !!document.querySelector('ion-router')) &&
45
+ !this.el.closest('[no-router]');
36
46
  }
37
47
  if (!this.useRouter) {
38
48
  const tabs = this.tabs;
@@ -140,7 +150,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
140
150
  return Array.from(this.el.querySelectorAll('ion-tab'));
141
151
  }
142
152
  render() {
143
- return (h(Host, { key: 'b38aa13e0115484aa4201c438956ba598671c7f7', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '47c5aead7a4caf5a496a020e2c4bcac2f5b4082a', name: "top" }), h("div", { key: '839c4cf7b8adbf3263b6e8b94963fe41ba7b1b35', class: "tabs-inner" }, h("slot", { key: '74d33c76bb578a3eddc6a2bfc833018b912b2947' })), h("slot", { key: '45919fcd3ba83ab5d3a928ec83ca14039dde68e2', name: "bottom" })));
153
+ return (h(Host, { key: '8c49b3444aa8b7644ae33e473185cd649c33b928', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'b7109de372e44f8859e3510fe811ec2f99d87f43', name: "top" }), h("div", { key: 'b1fd35fec85c725988b4411ec3d06d36e60c0443', class: "tabs-inner" }, h("slot", { key: '9a7a8d71899a99141894bf4ff13dfad7e87cd444' })), h("slot", { key: '11146e83424167f84f5c755b4449801223c06527', name: "bottom" })));
144
154
  }
145
155
  get el() { return this; }
146
156
  static get style() { return IonTabsStyle0; }
package/dist/cjs/ion-datetime_3.cjs.entry.js CHANGED
@@ -234,7 +234,7 @@ const checkForPresentationFormatMismatch = (el, presentation, formatOptions) =>
234
234
  }
235
235
  };
236
236
 
237
- const datetimeIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{--background:var(--ionic-color-base-white, #ffffff);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-radius-050, 2px)}:host .datetime-header{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-400, 16px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start;-ms-flex-pack:justify;justify-content:space-between;height:var(--ionic-scale-1400, 56px);margin-bottom:var(--ionic-space-200, 8px);border-bottom:var(--ionic-border-style-solid, solid) var(--ionic-border-size-025, 1px) var(--ionic-color-neutral-300, #cfcfcf)}:host .datetime-header .datetime-title{font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-header .datetime-selected-date{font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-1000, #3b3b3b)}.calendar-action-buttons{padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);-ms-flex-align:center;align-items:center;height:var(--ionic-scale-1400, 56px);-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-month-year{-ms-flex:1 0 0px;flex:1 0 0}.calendar-month-year-toggle{border-radius:var(--ionic-border-radius-full, 999px);font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1600, 64px);min-height:var(--ionic-scale-1000, 40px);border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) transparent;color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){.calendar-month-year-toggle:hover{background:var(--ionic-color-neutral-200, #e7e7e7)}}.calendar-month-year-toggle.ion-focused{border-color:var(--focus-ring-color)}.calendar-month-year-toggle.ion-activated{background:var(--ionic-color-neutral-200, #e7e7e7)}.calendar-next-prev ion-button.button-has-icon-only{--color:var(--ionic-color-neutral-1000, #3b3b3b);--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-hover:var(--ionic-color-neutral-200, #e7e7e7);--background-hover-opacity:1}.calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native){border:var(--ionic-border-size-050, 2px) var(--ionic-border-style-solid, solid) var(--ionic-state-focus-1, #9ec4fd);outline:none}.calendar-days-of-week{font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-2, 1.5%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:uppercase;-ms-flex-line-pack:center;align-content:center;height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-800, #626262)}.calendar-day{border-radius:var(--ionic-border-radius-full, 999px);-webkit-padding-start:var(--ionic-space-100, 4px);padding-inline-start:var(--ionic-space-100, 4px);-webkit-padding-end:var(--ionic-space-100, 4px);padding-inline-end:var(--ionic-space-100, 4px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:none;width:var(--ionic-scale-1200, 48px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-1200, #242424)}.calendar-day[disabled]:not(.calendar-day-constrained){color:var(--ionic-color-neutral-500, #a2a2a2)}.calendar-day.calendar-day-today{color:var(--ionic-color-primary-base, #105cef)}.calendar-day.calendar-day-active{background:var(--ionic-color-primary-100, #f2f4fd)}.calendar-day:focus-visible{border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){.calendar-day:not([disabled]):not(:active):hover{background:var(--ionic-color-primary-200, #e9ecfc)}}.calendar-day:active{background:var(--ionic-color-primary-300, #d0d7fa)}";
237
+ const datetimeIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{--background:var(--ionic-color-base-white, #ffffff);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-radius-050, 2px)}:host .datetime-header{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-400, 16px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start;-ms-flex-pack:justify;justify-content:space-between;height:var(--ionic-scale-1400, 56px);margin-bottom:var(--ionic-space-200, 8px);border-bottom:var(--ionic-border-style-solid, solid) var(--ionic-border-size-025, 1px) var(--ionic-color-neutral-300, #cfcfcf)}:host .datetime-header .datetime-title{font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-header .datetime-selected-date{font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-1000, #3b3b3b)}.calendar-action-buttons{padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);-ms-flex-align:center;align-items:center;height:var(--ionic-scale-1400, 56px);-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-month-year{-ms-flex:1 0 0px;flex:1 0 0}.calendar-month-year-toggle{border-radius:var(--ionic-border-radius-full, 999px);font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1600, 64px);min-height:var(--ionic-scale-1000, 40px);border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) transparent;color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){.calendar-month-year-toggle:hover{background:var(--ionic-color-neutral-200, #e7e7e7)}}.calendar-month-year-toggle.ion-focused{border-color:var(--focus-ring-color)}.calendar-month-year-toggle.ion-activated{background:var(--ionic-color-neutral-200, #e7e7e7)}.calendar-next-prev ion-button.button-has-icon-only{--color:var(--ionic-color-neutral-1000, #3b3b3b);--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-hover:var(--ionic-color-neutral-200, #e7e7e7);--background-hover-opacity:1}.calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native){border:var(--ionic-border-size-050, 2px) var(--ionic-border-style-solid, solid) var(--ionic-state-focus-1, #9ec4fd);outline:none}.calendar-days-of-week{font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-2, 1.5%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:uppercase;-ms-flex-line-pack:center;align-content:center;height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-800, #626262)}.calendar-day{border-radius:var(--ionic-border-radius-full, 999px);-webkit-padding-start:var(--ionic-space-100, 4px);padding-inline-start:var(--ionic-space-100, 4px);-webkit-padding-end:var(--ionic-space-100, 4px);padding-inline-end:var(--ionic-space-100, 4px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:none;width:var(--ionic-scale-1200, 48px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-1200, #242424)}.calendar-day[disabled]:not(.calendar-day-constrained){color:var(--ionic-color-neutral-500, #a2a2a2)}.calendar-day.calendar-day-today{color:var(--ionic-color-primary-base, #105cef)}.calendar-day.calendar-day-active{background:var(--ionic-color-primary-100, #f2f4fd)}.calendar-day:focus-visible{border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){.calendar-day:not([disabled]):not(:active):hover{background:var(--ionic-color-primary-200, #e9ecfc)}}.calendar-day:active{background:var(--ionic-color-primary-300, #d0d7fa)}:host .datetime-time{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);height:var(--ionic-scale-800, 32px)}:host .datetime-time .time-header{font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-time button{-webkit-padding-start:var(--ionic-space-200, 8px);padding-inline-start:var(--ionic-space-200, 8px);-webkit-padding-end:var(--ionic-space-200, 8px);padding-inline-end:var(--ionic-space-200, 8px);padding-top:var(--ionic-space-0, 0px);padding-bottom:var(--ionic-space-0, 0px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;border-radius:var(--ionic-border-radius-full, 999px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-1200, #242424)}";
238
238
  const IonDatetimeIonicStyle0 = datetimeIonicCss;
239
239
 
240
240
  const datetimeIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host .calendar-action-buttons ion-button{--background:transparent}.calendar-day{border-radius:50%;font-family:var(--ion-font-family, inherit)}:host .calendar-day[disabled]{opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000)}:host .time-body-active{color:var(--ion-color-base)}:host(.show-month-and-year) .calendar-action-buttons .calendar-month-year-toggle{color:var(--ion-color-base)}.calendar-month-year-toggle::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:opacity 15ms linear, background-color 15ms linear;transition:opacity 15ms linear, background-color 15ms linear;z-index:-1}.calendar-month-year-toggle.ion-focused::after{background:currentColor}.calendar-month-year-toggle:disabled{opacity:0.3;pointer-events:none}.calendar-month-year-toggle ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}ion-picker{--highlight-background:var(--wheel-highlight-background);--highlight-border-radius:var(--wheel-highlight-border-radius);--fade-background-rgb:var(--wheel-fade-background-rgb)}:host{--background:var(--ion-color-light, #f4f5f8);--background-rgb:var(--ion-color-light-rgb, 244, 245, 248);--title-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc));font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}.calendar-month-year-toggle{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;min-height:44px;font-size:min(1rem, 25.6px);font-weight:600}.calendar-month-year-toggle.ion-focused::after{opacity:0.15}.calendar-month-year-toggle #toggle-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:10px}:host .calendar-action-buttons .calendar-month-year-toggle ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, var(--ion-text-color-step-700, #b3b3b3));font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2);font-size:min(1.375rem, 35.2px)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc))}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}";
package/dist/cjs/ion-tab_2.cjs.entry.js CHANGED
@@ -89,7 +89,17 @@ const Tabs = class {
89
89
  }
90
90
  async componentWillLoad() {
91
91
  if (!this.useRouter) {
92
- this.useRouter = !!document.querySelector('ion-router') && !this.el.closest('[no-router]');
92
+ /**
93
+ * JavaScript and StencilJS use `ion-router`, while
94
+ * the other frameworks use `ion-router-outlet`.
95
+ *
96
+ * If either component is present then tabs will not use
97
+ * a basic tab-based navigation. It will use the history
98
+ * stack or URL updates associated with the router.
99
+ */
100
+ this.useRouter =
101
+ (!!this.el.querySelector('ion-router-outlet') || !!document.querySelector('ion-router')) &&
102
+ !this.el.closest('[no-router]');
93
103
  }
94
104
  if (!this.useRouter) {
95
105
  const tabs = this.tabs;
@@ -197,7 +207,7 @@ const Tabs = class {
197
207
  return Array.from(this.el.querySelectorAll('ion-tab'));
198
208
  }
199
209
  render() {
200
- return (index.h(index.Host, { key: 'b38aa13e0115484aa4201c438956ba598671c7f7', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: '47c5aead7a4caf5a496a020e2c4bcac2f5b4082a', name: "top" }), index.h("div", { key: '839c4cf7b8adbf3263b6e8b94963fe41ba7b1b35', class: "tabs-inner" }, index.h("slot", { key: '74d33c76bb578a3eddc6a2bfc833018b912b2947' })), index.h("slot", { key: '45919fcd3ba83ab5d3a928ec83ca14039dde68e2', name: "bottom" })));
210
+ return (index.h(index.Host, { key: '8c49b3444aa8b7644ae33e473185cd649c33b928', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'b7109de372e44f8859e3510fe811ec2f99d87f43', name: "top" }), index.h("div", { key: 'b1fd35fec85c725988b4411ec3d06d36e60c0443', class: "tabs-inner" }, index.h("slot", { key: '9a7a8d71899a99141894bf4ff13dfad7e87cd444' })), index.h("slot", { key: '11146e83424167f84f5c755b4449801223c06527', name: "bottom" })));
201
211
  }
202
212
  get el() { return index.getElement(this); }
203
213
  };
package/dist/collection/components/datetime/datetime.ionic.css CHANGED
@@ -627,4 +627,44 @@
627
627
  }
628
628
  .calendar-day:active {
629
629
  background: var(--ionic-color-primary-300, #d0d7fa);
630
+ }
631
+
632
+ :host .datetime-time {
633
+ -webkit-padding-start: var(--ionic-space-400, 16px);
634
+ padding-inline-start: var(--ionic-space-400, 16px);
635
+ -webkit-padding-end: var(--ionic-space-400, 16px);
636
+ padding-inline-end: var(--ionic-space-400, 16px);
637
+ padding-top: var(--ionic-space-100, 4px);
638
+ padding-bottom: var(--ionic-space-100, 4px);
639
+ height: var(--ionic-scale-800, 32px);
640
+ }
641
+
642
+ :host .datetime-time .time-header {
643
+ font-size: var(--ionic-font-size-400, 1rem);
644
+ font-weight: var(--ionic-font-weight-medium, 500);
645
+ letter-spacing: var(--ionic-letter-spacing-1, 1%);
646
+ line-height: var(--ionic-line-height-600, 24px);
647
+ text-decoration: none;
648
+ text-transform: none;
649
+ color: var(--ionic-color-neutral-800, #626262);
650
+ }
651
+
652
+ :host .datetime-time button {
653
+ -webkit-padding-start: var(--ionic-space-200, 8px);
654
+ padding-inline-start: var(--ionic-space-200, 8px);
655
+ -webkit-padding-end: var(--ionic-space-200, 8px);
656
+ padding-inline-end: var(--ionic-space-200, 8px);
657
+ padding-top: var(--ionic-space-0, 0px);
658
+ padding-bottom: var(--ionic-space-0, 0px);
659
+ font-size: var(--ionic-font-size-350, 0.875rem);
660
+ font-weight: var(--ionic-font-weight-medium, 500);
661
+ letter-spacing: var(--ionic-letter-spacing-0, 0);
662
+ line-height: var(--ionic-line-height-600, 24px);
663
+ text-decoration: none;
664
+ text-transform: none;
665
+ border-radius: var(--ionic-border-radius-full, 999px);
666
+ display: flex;
667
+ align-items: center;
668
+ background-color: var(--ionic-color-neutral-100, #f1f1f1);
669
+ color: var(--ionic-color-neutral-1200, #242424);
630
670
  }
package/dist/collection/components/tabs/tabs.js CHANGED
@@ -30,7 +30,17 @@ export class Tabs {
30
30
  }
31
31
  async componentWillLoad() {
32
32
  if (!this.useRouter) {
33
- this.useRouter = !!document.querySelector('ion-router') && !this.el.closest('[no-router]');
33
+ /**
34
+ * JavaScript and StencilJS use `ion-router`, while
35
+ * the other frameworks use `ion-router-outlet`.
36
+ *
37
+ * If either component is present then tabs will not use
38
+ * a basic tab-based navigation. It will use the history
39
+ * stack or URL updates associated with the router.
40
+ */
41
+ this.useRouter =
42
+ (!!this.el.querySelector('ion-router-outlet') || !!document.querySelector('ion-router')) &&
43
+ !this.el.closest('[no-router]');
34
44
  }
35
45
  if (!this.useRouter) {
36
46
  const tabs = this.tabs;
@@ -138,7 +148,7 @@ export class Tabs {
138
148
  return Array.from(this.el.querySelectorAll('ion-tab'));
139
149
  }
140
150
  render() {
141
- return (h(Host, { key: 'b38aa13e0115484aa4201c438956ba598671c7f7', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '47c5aead7a4caf5a496a020e2c4bcac2f5b4082a', name: "top" }), h("div", { key: '839c4cf7b8adbf3263b6e8b94963fe41ba7b1b35', class: "tabs-inner" }, h("slot", { key: '74d33c76bb578a3eddc6a2bfc833018b912b2947' })), h("slot", { key: '45919fcd3ba83ab5d3a928ec83ca14039dde68e2', name: "bottom" })));
151
+ return (h(Host, { key: '8c49b3444aa8b7644ae33e473185cd649c33b928', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'b7109de372e44f8859e3510fe811ec2f99d87f43', name: "top" }), h("div", { key: 'b1fd35fec85c725988b4411ec3d06d36e60c0443', class: "tabs-inner" }, h("slot", { key: '9a7a8d71899a99141894bf4ff13dfad7e87cd444' })), h("slot", { key: '11146e83424167f84f5c755b4449801223c06527', name: "bottom" })));
142
152
  }
143
153
  static get is() { return "ion-tabs"; }
144
154
  static get encapsulation() { return "shadow"; }
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-09-04T12:24:47",
2
+ "timestamp": "2024-09-05T14:59:39",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.21.0",
package/dist/esm/ion-datetime_3.entry.js CHANGED
@@ -230,7 +230,7 @@ const checkForPresentationFormatMismatch = (el, presentation, formatOptions) =>
230
230
  }
231
231
  };
232
232
 
233
- const datetimeIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{--background:var(--ionic-color-base-white, #ffffff);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-radius-050, 2px)}:host .datetime-header{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-400, 16px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start;-ms-flex-pack:justify;justify-content:space-between;height:var(--ionic-scale-1400, 56px);margin-bottom:var(--ionic-space-200, 8px);border-bottom:var(--ionic-border-style-solid, solid) var(--ionic-border-size-025, 1px) var(--ionic-color-neutral-300, #cfcfcf)}:host .datetime-header .datetime-title{font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-header .datetime-selected-date{font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-1000, #3b3b3b)}.calendar-action-buttons{padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);-ms-flex-align:center;align-items:center;height:var(--ionic-scale-1400, 56px);-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-month-year{-ms-flex:1 0 0px;flex:1 0 0}.calendar-month-year-toggle{border-radius:var(--ionic-border-radius-full, 999px);font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1600, 64px);min-height:var(--ionic-scale-1000, 40px);border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) transparent;color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){.calendar-month-year-toggle:hover{background:var(--ionic-color-neutral-200, #e7e7e7)}}.calendar-month-year-toggle.ion-focused{border-color:var(--focus-ring-color)}.calendar-month-year-toggle.ion-activated{background:var(--ionic-color-neutral-200, #e7e7e7)}.calendar-next-prev ion-button.button-has-icon-only{--color:var(--ionic-color-neutral-1000, #3b3b3b);--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-hover:var(--ionic-color-neutral-200, #e7e7e7);--background-hover-opacity:1}.calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native){border:var(--ionic-border-size-050, 2px) var(--ionic-border-style-solid, solid) var(--ionic-state-focus-1, #9ec4fd);outline:none}.calendar-days-of-week{font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-2, 1.5%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:uppercase;-ms-flex-line-pack:center;align-content:center;height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-800, #626262)}.calendar-day{border-radius:var(--ionic-border-radius-full, 999px);-webkit-padding-start:var(--ionic-space-100, 4px);padding-inline-start:var(--ionic-space-100, 4px);-webkit-padding-end:var(--ionic-space-100, 4px);padding-inline-end:var(--ionic-space-100, 4px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:none;width:var(--ionic-scale-1200, 48px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-1200, #242424)}.calendar-day[disabled]:not(.calendar-day-constrained){color:var(--ionic-color-neutral-500, #a2a2a2)}.calendar-day.calendar-day-today{color:var(--ionic-color-primary-base, #105cef)}.calendar-day.calendar-day-active{background:var(--ionic-color-primary-100, #f2f4fd)}.calendar-day:focus-visible{border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){.calendar-day:not([disabled]):not(:active):hover{background:var(--ionic-color-primary-200, #e9ecfc)}}.calendar-day:active{background:var(--ionic-color-primary-300, #d0d7fa)}";
233
+ const datetimeIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{--background:var(--ionic-color-base-white, #ffffff);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-radius-050, 2px)}:host .datetime-header{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-400, 16px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start;-ms-flex-pack:justify;justify-content:space-between;height:var(--ionic-scale-1400, 56px);margin-bottom:var(--ionic-space-200, 8px);border-bottom:var(--ionic-border-style-solid, solid) var(--ionic-border-size-025, 1px) var(--ionic-color-neutral-300, #cfcfcf)}:host .datetime-header .datetime-title{font-size:var(--ionic-font-size-450, 1.125rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-700, 28px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-header .datetime-selected-date{font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-1000, #3b3b3b)}.calendar-action-buttons{padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);-ms-flex-align:center;align-items:center;height:var(--ionic-scale-1400, 56px);-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-month-year{-ms-flex:1 0 0px;flex:1 0 0}.calendar-month-year-toggle{border-radius:var(--ionic-border-radius-full, 999px);font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-200, 8px);padding-bottom:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1600, 64px);min-height:var(--ionic-scale-1000, 40px);border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) transparent;color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){.calendar-month-year-toggle:hover{background:var(--ionic-color-neutral-200, #e7e7e7)}}.calendar-month-year-toggle.ion-focused{border-color:var(--focus-ring-color)}.calendar-month-year-toggle.ion-activated{background:var(--ionic-color-neutral-200, #e7e7e7)}.calendar-next-prev ion-button.button-has-icon-only{--color:var(--ionic-color-neutral-1000, #3b3b3b);--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-hover:var(--ionic-color-neutral-200, #e7e7e7);--background-hover-opacity:1}.calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native){border:var(--ionic-border-size-050, 2px) var(--ionic-border-style-solid, solid) var(--ionic-state-focus-1, #9ec4fd);outline:none}.calendar-days-of-week{font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-2, 1.5%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:uppercase;-ms-flex-line-pack:center;align-content:center;height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-800, #626262)}.calendar-day{border-radius:var(--ionic-border-radius-full, 999px);-webkit-padding-start:var(--ionic-space-100, 4px);padding-inline-start:var(--ionic-space-100, 4px);-webkit-padding-end:var(--ionic-space-100, 4px);padding-inline-end:var(--ionic-space-100, 4px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:none;width:var(--ionic-scale-1200, 48px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-1200, #242424)}.calendar-day[disabled]:not(.calendar-day-constrained){color:var(--ionic-color-neutral-500, #a2a2a2)}.calendar-day.calendar-day-today{color:var(--ionic-color-primary-base, #105cef)}.calendar-day.calendar-day-active{background:var(--ionic-color-primary-100, #f2f4fd)}.calendar-day:focus-visible{border:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){.calendar-day:not([disabled]):not(:active):hover{background:var(--ionic-color-primary-200, #e9ecfc)}}.calendar-day:active{background:var(--ionic-color-primary-300, #d0d7fa)}:host .datetime-time{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);height:var(--ionic-scale-800, 32px)}:host .datetime-time .time-header{font-size:var(--ionic-font-size-400, 1rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-1, 1%);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-800, #626262)}:host .datetime-time button{-webkit-padding-start:var(--ionic-space-200, 8px);padding-inline-start:var(--ionic-space-200, 8px);-webkit-padding-end:var(--ionic-space-200, 8px);padding-inline-end:var(--ionic-space-200, 8px);padding-top:var(--ionic-space-0, 0px);padding-bottom:var(--ionic-space-0, 0px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;border-radius:var(--ionic-border-radius-full, 999px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-1200, #242424)}";
234
234
  const IonDatetimeIonicStyle0 = datetimeIonicCss;
235
235
 
236
236
  const datetimeIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}.calendar-day[disabled]{pointer-events:none}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{display:-ms-flexbox;display:flex;border:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.in-item){position:static}.calendar-month-year{min-width:0}.calendar-month-year-toggle{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;position:relative;border:0;outline:none;background:transparent;cursor:pointer;z-index:1}.calendar-month-year-toggle ion-icon{-ms-flex-negative:0;flex-shrink:0}.calendar-month-year-toggle #toggle-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host{}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host .calendar-action-buttons ion-button{--background:transparent}.calendar-day{border-radius:50%;font-family:var(--ion-font-family, inherit)}:host .calendar-day[disabled]{opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000)}:host .time-body-active{color:var(--ion-color-base)}:host(.show-month-and-year) .calendar-action-buttons .calendar-month-year-toggle{color:var(--ion-color-base)}.calendar-month-year-toggle::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:opacity 15ms linear, background-color 15ms linear;transition:opacity 15ms linear, background-color 15ms linear;z-index:-1}.calendar-month-year-toggle.ion-focused::after{background:currentColor}.calendar-month-year-toggle:disabled{opacity:0.3;pointer-events:none}.calendar-month-year-toggle ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}ion-picker{--highlight-background:var(--wheel-highlight-background);--highlight-border-radius:var(--wheel-highlight-border-radius);--fade-background-rgb:var(--wheel-fade-background-rgb)}:host{--background:var(--ion-color-light, #f4f5f8);--background-rgb:var(--ion-color-light-rgb, 244, 245, 248);--title-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc));font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}.calendar-month-year-toggle{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;min-height:44px;font-size:min(1rem, 25.6px);font-weight:600}.calendar-month-year-toggle.ion-focused::after{opacity:0.15}.calendar-month-year-toggle #toggle-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:10px}:host .calendar-action-buttons .calendar-month-year-toggle ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, var(--ion-text-color-step-700, #b3b3b3));font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2);font-size:min(1.375rem, 35.2px)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc))}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}";
package/dist/esm/ion-tab_2.entry.js CHANGED
@@ -85,7 +85,17 @@ const Tabs = class {
85
85
  }
86
86
  async componentWillLoad() {
87
87
  if (!this.useRouter) {
88
- this.useRouter = !!document.querySelector('ion-router') && !this.el.closest('[no-router]');
88
+ /**
89
+ * JavaScript and StencilJS use `ion-router`, while
90
+ * the other frameworks use `ion-router-outlet`.
91
+ *
92
+ * If either component is present then tabs will not use
93
+ * a basic tab-based navigation. It will use the history
94
+ * stack or URL updates associated with the router.
95
+ */
96
+ this.useRouter =
97
+ (!!this.el.querySelector('ion-router-outlet') || !!document.querySelector('ion-router')) &&
98
+ !this.el.closest('[no-router]');
89
99
  }
90
100
  if (!this.useRouter) {
91
101
  const tabs = this.tabs;
@@ -193,7 +203,7 @@ const Tabs = class {
193
203
  return Array.from(this.el.querySelectorAll('ion-tab'));
194
204
  }
195
205
  render() {
196
- return (h(Host, { key: 'b38aa13e0115484aa4201c438956ba598671c7f7', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '47c5aead7a4caf5a496a020e2c4bcac2f5b4082a', name: "top" }), h("div", { key: '839c4cf7b8adbf3263b6e8b94963fe41ba7b1b35', class: "tabs-inner" }, h("slot", { key: '74d33c76bb578a3eddc6a2bfc833018b912b2947' })), h("slot", { key: '45919fcd3ba83ab5d3a928ec83ca14039dde68e2', name: "bottom" })));
206
+ return (h(Host, { key: '8c49b3444aa8b7644ae33e473185cd649c33b928', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'b7109de372e44f8859e3510fe811ec2f99d87f43', name: "top" }), h("div", { key: 'b1fd35fec85c725988b4411ec3d06d36e60c0443', class: "tabs-inner" }, h("slot", { key: '9a7a8d71899a99141894bf4ff13dfad7e87cd444' })), h("slot", { key: '11146e83424167f84f5c755b4449801223c06527', name: "bottom" })));
197
207
  }
198
208
  get el() { return getElement(this); }
199
209
  };