voyager-ionic-core 8.6.1 → 8.7.2

package/dist/cjs/ion-card_5.cjs.entry.js

@@ -3,9 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var theme = require('./theme-CeDs6Hcv.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const cardIosCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))));-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:24px;margin-bottom:24px;border-radius:8px;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1), -webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:0.875rem;-webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}:host(.ion-activated){-webkit-transform:scale3d(0.97, 0.97, 1);transform:scale3d(0.97, 0.97, 1)}";
 
@@ -57,7 +58,7 @@ const Card = class {
         return (index.h(TagType, Object.assign({}, attrs, inheritedAriaAttributes, { class: "card-native", part: "native", disabled: this.disabled, onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation) }), index.h("slot", null), clickable && mode === 'md' && index.h("ion-ripple-effect", null)));
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '85e9b30bd81e79a0c7ac75cb3664bdcf9e4afc4d', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'card-disabled': this.disabled,
@@ -80,7 +81,7 @@ const CardContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: 'd98e4d1fc6ad3237549f9bc17e4c67ec5059b1b3', class: {
                 [mode]: true,
                 // Used internally for styling
@@ -108,7 +109,7 @@ const CardHeader = class {
         this.translucent = false;
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '64246b81931203a64d553c788cd736f41e23f37b', class: theme.createColorClasses(this.color, {
                 'card-header-translucent': this.translucent,
                 'ion-inherit-color': true,
@@ -130,7 +131,7 @@ const CardSubtitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '84d820a19d9074f9c8bc61ccba1ca40062a60b73', role: "heading", "aria-level": "3", class: theme.createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
@@ -151,7 +152,7 @@ const CardTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: 'fca001a86396e83718d5211cd71912fdf40dea2f', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,

package/dist/cjs/ion-checkbox.cjs.entry.js

@@ -3,9 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var theme = require('./theme-CeDs6Hcv.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const checkboxIosCss = ":host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{border-radius:var(--border-radius);position:relative;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}.checkbox-bottom{padding-top:4px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:0.75rem;white-space:normal}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:0.125rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.375rem, 55.836px);--checkmark-width:1.5px}:host(.checkbox-disabled){opacity:0.3}";
 
@@ -144,7 +145,7 @@ const Checkbox = class {
     }
     render() {
         const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, required, } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const path = getSVGPath(mode, indeterminate);
         const hasLabelContent = el.textContent !== '';
         helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);

package/dist/cjs/ion-chip.cjs.entry.js

@@ -3,8 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
+var index = require('./index-DNh170BW.js');
 var theme = require('./theme-CeDs6Hcv.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const chipIosCss = ":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){-ms-flex-negative:0;flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}";
 
@@ -23,7 +24,7 @@ const Chip = class {
         this.disabled = false;
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: 'fa2e9a4837ef87a17ef10f388e8caa7f604d9145', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'chip-outline': this.outline,

package/dist/cjs/ion-col_3.cjs.entry.js

@@ -3,7 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
+var index = require('./index-DNh170BW.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const SIZE_TO_MEDIA = {
     xs: '(min-width: 0px)',
@@ -111,7 +112,7 @@ const Col = class {
     }
     render() {
         const isRTL = document.dir === 'rtl';
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '32ed75d81dd09d9bc8999f6d42e5b3cb99c84d91', class: {
                 [mode]: true,
             }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, index.h("slot", { key: '38f8d0440c20cc6d1b1d6a654d07f16de61d8134' })));
@@ -130,7 +131,7 @@ const Grid = class {
         this.fixed = false;
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '617127ecfabf9bf615bef1dda1be3fed5a065949', class: {
                 [mode]: true,
                 'grid-fixed': this.fixed,
@@ -146,7 +147,7 @@ const Row = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '65592a79621bd8f75f9566db3e8c05a4b8fc6048', class: index.getIonMode(this) }, index.h("slot", { key: '56f09784db7a0299c9ce76dfcede185b295251ff' })));
+        return (index.h(index.Host, { key: '65592a79621bd8f75f9566db3e8c05a4b8fc6048', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: '56f09784db7a0299c9ce76dfcede185b295251ff' })));
     }
 };
 Row.style = rowCss;

package/dist/cjs/ion-datetime-button.cjs.entry.js

@@ -3,10 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var data = require('./data-DRqa6oM4.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+var data = require('./data-DW6ofvJ8.js');
 
 const datetimeButtonIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:7px;padding-bottom:7px}:host button.ion-activated{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}";
 
@@ -335,7 +336,7 @@ const DatetimeButton = class {
     }
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '11d037e6ab061e5116842970760b04850b42f2c7', class: theme.createColorClasses(color, {
                 [mode]: true,
                 [`${selectedButton}-active`]: datetimeActive,

package/dist/cjs/ion-datetime_3.cjs.entry.js

@@ -3,20 +3,21 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
+var index = require('./index-DNh170BW.js');
 var focusVisible = require('./focus-visible-CCvKiLh3.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var dir = require('./dir-Cn0z1rJH.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var index$1 = require('./index-CPbAsnJK.js');
-var data = require('./data-DRqa6oM4.js');
+var index$1 = require('./index-DqmRDbxg.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+var data = require('./data-DW6ofvJ8.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var overlays = require('./overlays-DRDumz2b.js');
-var animation = require('./animation-0T7gKwOt.js');
+var overlays = require('./overlays-CglR7j-u.js');
+var animation = require('./animation-ZJ1lAkZD.js');
 var haptic = require('./haptic-ClPPQ_PS.js');
 require('./index-DkNv4J_i.js');
-require('./hardware-back-button-D90qZxju.js');
-require('./framework-delegate-C7sIJyT5.js');
+require('./hardware-back-button-BxdNu76F.js');
+require('./framework-delegate-WkyjrnCx.js');
 require('./gesture-controller-dtqlP_q4.js');
 require('./capacitor-DmA66EwP.js');
 
@@ -169,6 +170,7 @@ const getHighlightStyles = (highlightedDates, dateIsoString, el) => {
             return {
                 textColor: matchingHighlight.textColor,
                 backgroundColor: matchingHighlight.backgroundColor,
+                border: matchingHighlight.border,
             };
         }
     }
@@ -624,7 +626,7 @@ const Datetime = class {
             const startMonth = months[0];
             const workingMonth = months[1];
             const endMonth = months[2];
-            const mode = index.getIonMode(this);
+            const mode = ionicGlobal.getIonMode(this);
             const needsiOSRubberBandFix = mode === 'ios' && typeof navigator !== 'undefined' && navigator.maxTouchPoints > 1;
             /**
              * Before setting up the scroll listener,
@@ -994,6 +996,8 @@ const Datetime = class {
      * Confirms the selected datetime value, updates the
      * `value` property, and optionally closes the popover
      * or modal that the datetime was presented in.
+     *
+     * @param closeOverlay If `true`, closes the parent overlay. Defaults to `false`.
      */
     async confirm(closeOverlay = false) {
         const { isCalendarPicker, activeParts, preferWheel, workingParts } = this;
@@ -1027,6 +1031,8 @@ const Datetime = class {
      * Resets the internal state of the datetime but does not update the value.
      * Passing a valid ISO-8601 string will reset the state of the component to the provided date.
      * If no value is provided, the internal state will be reset to the clamped value of the min, max and today.
+     *
+     * @param startDate A valid [ISO-8601 string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#date_time_string_format) to reset the datetime state to.
      */
     async reset(startDate) {
         this.processValue(startDate);
@@ -1036,6 +1042,8 @@ const Datetime = class {
      * optionally closes the popover
      * or modal that the datetime was
      * presented in.
+     *
+     * @param closeOverlay If `true`, closes the parent overlay. Defaults to `false`.
      */
     async cancel(closeOverlay = false) {
         this.ionCancel.emit();
@@ -1651,6 +1659,7 @@ const Datetime = class {
                     if (el) {
                         el.style.setProperty('color', `${dateStyle ? dateStyle.textColor : ''}`, 'important');
                         el.style.setProperty('background-color', `${dateStyle ? dateStyle.backgroundColor : ''}`, 'important');
+                        el.style.setProperty('border', `${dateStyle ? dateStyle.border : ''}`, 'important');
                     }
                 }, tabindex: "-1", "data-day": day, "data-month": _month, "data-year": _year, "data-index": index$1, "data-day-of-week": dayOfWeek, disabled: isButtonDisabled, class: {
                     'calendar-day-padding': isCalendarPadding,
@@ -1842,14 +1851,14 @@ const Datetime = class {
     }
     render() {
         const { name, value, disabled, el, color, readonly, showMonthAndYear, preferWheel, presentation, size, isGridStyle, } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const isMonthAndYearPresentation = presentation === 'year' || presentation === 'month' || presentation === 'month-year';
         const shouldShowMonthAndYear = showMonthAndYear || isMonthAndYearPresentation;
         const monthYearPickerOpen = showMonthAndYear && !isMonthAndYearPresentation;
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         helpers.renderHiddenInput(true, el, name, data.formatValue(value), disabled);
-        return (index.h(index.Host, { key: '7ea46c27aa5fb01b748dd4d6eb2340ad13f65175', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'f35cf200ff05d33074576e3d2754d3b2a0735b96', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, theme.createColorClasses(color, {
                 [mode]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -1859,7 +1868,7 @@ const Datetime = class {
                 [`datetime-size-${size}`]: true,
                 [`datetime-prefer-wheel`]: hasWheelVariant,
                 [`datetime-grid`]: isGridStyle,
-            })) }, index.h("div", { key: '6964378424c58b053e23279d08eaedf28dfcc315', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
+            })) }, index.h("div", { key: '859e9354a12bfa58ac3f964c2e66839f17071c00', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2135,7 +2144,7 @@ const Picker = class {
     }
     render() {
         const { htmlAttributes } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, Object.assign({ key: 'b95440747eb80cba23ae676d399d5e5816722c58', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [mode]: true,
@@ -2191,7 +2200,7 @@ const PickerColumnCmp = class {
     async connectedCallback() {
         let pickerRotateFactor = 0;
         let pickerScaleFactor = 0.81;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         if (mode === 'ios') {
             pickerRotateFactor = -0.46;
             pickerScaleFactor = 1;
@@ -2493,7 +2502,7 @@ const PickerColumnCmp = class {
     }
     render() {
         const col = this.col;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: 'ed32d108dd94f0302fb453c31a3497ebae65ec37', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
             } }, col.prefix && (index.h("div", { key: '9f0634890e66fd4ae74f826d1eea3431de121393', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index.h("div", { key: '337e996e5be91af16446085fe22436f213b771eb', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index$1) => (index.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index$1 }, o.text)))), col.suffix && (index.h("div", { key: 'd69a132599d78d9e5107f12228978cfce4e43098', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));

package/dist/cjs/ion-fab_3.cjs.entry.js

@@ -3,10 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var index$1 = require('./index-CPbAsnJK.js');
+var index$1 = require('./index-DqmRDbxg.js');
 
 const fabCss = ":host{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:999}:host(.fab-horizontal-center){left:0px;right:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-start:dir(rtl)){right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-end:dir(rtl)){left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:0}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-top:calc((-100% + 16px) / 2)}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-top:calc(50% + 10px)}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:0}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-bottom:calc((-100% + 16px) / 2)}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-bottom:calc(50% + 10px)}:host(.fab-vertical-center){top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}";
 
@@ -61,7 +62,7 @@ const Fab = class {
     }
     render() {
         const { horizontal, vertical, edge } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '8a310806d0e748d7ebb0ed3d9a2652038e0f2960', class: {
                 [mode]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
@@ -143,7 +144,7 @@ const FabButton = class {
     render() {
         const { el, disabled, color, href, activated, show, translucent, size, inheritedAttributes } = this;
         const inList = theme.hostContext('ion-fab-list', el);
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const TagType = href === undefined ? 'button' : 'a';
         const attrs = TagType === 'button'
             ? { type: this.type }
@@ -196,7 +197,7 @@ const FabList = class {
         });
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '64b33366447f66c7f979cfac56307fbb1a6fac1c', class: {
                 [mode]: true,
                 'fab-list-active': this.activated,

package/dist/cjs/ion-img.cjs.entry.js

@@ -3,8 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var helpers = require('./helpers-DgwmcYAu.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const imgCss = ":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";
 
@@ -72,7 +73,7 @@ const Img = class {
     render() {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
-        return (index.h(index.Host, { key: 'da600442894427dee1974a28e545613afac69fca', class: index.getIonMode(this) }, index.h("img", { key: '16df0c7069af86c0fa7ce5af598bc0f63b4eb71a', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+        return (index.h(index.Host, { key: 'da600442894427dee1974a28e545613afac69fca', class: ionicGlobal.getIonMode(this) }, index.h("img", { key: '16df0c7069af86c0fa7ce5af598bc0f63b4eb71a', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js

@@ -3,10 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var index$1 = require('./index-CVa6JE57.js');
-var config = require('./config-U7OAuj53.js');
-require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var index$1 = require('./index-Cc5PNMyz.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+var config = require('./config-CKhELRRu.js');
+require('./helpers-DgwmcYAu.js');
 
 const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
 
@@ -195,7 +196,7 @@ const InfiniteScroll = class {
         }
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const disabled = this.disabled;
         return (index.h(index.Host, { key: 'e844956795f69be33396ce4480aa7a54ad01b28c', class: {
                 [mode]: true,
@@ -222,7 +223,7 @@ const InfiniteScrollContent = class {
     }
     componentDidLoad() {
         if (this.loadingSpinner === undefined) {
-            const mode = index.getIonMode(this);
+            const mode = ionicGlobal.getIonMode(this);
             this.loadingSpinner = index.config.get('infiniteLoadingSpinner', index.config.get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
         }
     }
@@ -234,7 +235,7 @@ const InfiniteScrollContent = class {
         return index.h("div", { class: "infinite-loading-text" }, this.loadingText);
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '7c16060dcfe2a0b0fb3e2f8f4c449589a76f1baa', class: {
                 [mode]: true,
                 // Used internally for styling