@ionic/core 8.5.5-dev.11744290727.1ac111ca → 8.5.5-dev.11744378002.17d575c2

package/components/alert.js

@@ -6,9 +6,10 @@ import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './conf
 import { c as createButtonActiveGesture } from './button-active.js';
 import { r as raf } from './helpers.js';
 import { c as createLockController } from './lock-controller.js';
+import { c as config, a as printIonWarning } from './index4.js';
 import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays.js';
 import { g as getClassMap } from './theme.js';
-import { c as config, b as getIonMode } from './ionic-global.js';
+import { b as getIonMode } from './ionic-global.js';
 import { c as createAnimation } from './animation.js';
 import { d as defineCustomElement$2 } from './backdrop.js';
 import { d as defineCustomElement$1 } from './ripple-effect.js';
@@ -242,7 +243,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         // checkboxes and inputs are all accepted, but they cannot be mixed.
         const inputTypes = new Set(inputs.map((i) => i.type));
         if (inputTypes.has('checkbox') && inputTypes.has('radio')) {
-            console.warn(`Alert cannot mix input types: ${Array.from(inputTypes.values()).join('/')}. Please see alert docs for more info.`);
+            printIonWarning(`Alert cannot mix input types: ${Array.from(inputTypes.values()).join('/')}. Please see alert docs for more info.`);
         }
         this.inputType = inputTypes.values().next().value;
         this.processedInputs = inputs.map((i, index) => {
@@ -517,9 +518,9 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
          * If neither are defined, do not set aria-labelledby.
          */
         const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
-        return (h(Host, { key: '755f2398806084f16ee24d9fefce9ebc0b8f30f2', tabindex: "-1", style: {
+        return (h(Host, { key: '7fc42f1246e3398cd405f3c58ed19cab36e69dc1', tabindex: "-1", style: {
                 zIndex: `${20000 + overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: '5965913fb076436e37f4a55cd8778cbc58449bfd', tappable: this.backdropDismiss }), h("div", { key: 'cb17e07896b6ad8c9c607261fe08437b1a3b272f', tabindex: "0", "aria-hidden": "true" }), h("div", Object.assign({ key: 'e1d43053dceab70b9392802767caa70fa7ed0518', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), h("div", { key: 'a82e0bf863971084f3a8a34d25d6cf7aae1690a8', class: "alert-head" }, header && (h("h2", { key: '36a9b4394f4b4cdcd6972ae60265ac889e2157cf', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '86008c1eb484cc69f66e42c254933ce289180785', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: 'bfaacd3b119d06273683019cddef2c42245c3101', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '0e7df4ab31a72953dcf171ebc87074603f848c06', tabindex: "0", "aria-hidden": "true" })));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: '75b8ce97fa47f19c648b0ef502ecc22e6eaae2ef', tappable: this.backdropDismiss }), h("div", { key: '0fbe144902f137df5e600ffc2878b4c1b568979d', tabindex: "0", "aria-hidden": "true" }), h("div", Object.assign({ key: '03a992f8024fc33cbd3e0d4174749ea3fa81699e', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), h("div", { key: '0bd161eee8ed0239ffc644e8ea0adaefba7e035c', class: "alert-head" }, header && (h("h2", { key: 'e66e6a4334667026ca99dbce87baef59ce7b5c69', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '82824576ab35af059305b9ec1e7f1d011b653570', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: 'b34d9764d8913c57d831bcff05e2ea285de4aa2a', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '5092588a98f4ebaba4ccbc767f1d504df83f9e03', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/animation.js

@@ -1,6 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { p as printIonError } from './index4.js';
 import { w as win } from './index6.js';
 
 let animationPrefix;
@@ -365,7 +366,7 @@ const createAnimation = (animationId) => {
                 }
             }
             else {
-                console.error('Invalid addElement value');
+                printIonError('Invalid addElement value');
             }
         }
         return ani;

package/components/button.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { h as hasShadowDom, i as inheritAriaAttributes } from './helpers.js';
-import { p as printIonWarning } from './index4.js';
+import { a as printIonWarning } from './index4.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme.js';
 import { b as getIonMode } from './ionic-global.js';
 import { d as defineCustomElement$1 } from './ripple-effect.js';

package/components/config.js

@@ -1,6 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { p as printIonError } from './index4.js';
+
 /**
  * Does a simple sanitization of all elements
  * in an untrusted string
@@ -75,7 +77,7 @@ const sanitizeDOMString = (untrustedString) => {
         return getInnerDiv !== null ? getInnerDiv.innerHTML : fragmentDiv.innerHTML;
     }
     catch (err) {
-        console.error(err);
+        printIonError('sanitizeDOMString', err);
         return '';
     }
 };

package/components/data.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { p as printIonWarning } from './index4.js';
+import { a as printIonWarning } from './index4.js';
 
 /**
  * Returns true if the selected day is equal to the reference day

package/components/hardware-back-button.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win } from './index6.js';
-import { c as config } from './ionic-global.js';
+import { c as config, p as printIonError } from './index4.js';
 
 /**
  * CloseWatcher is a newer API that lets
@@ -58,7 +58,7 @@ const startHardwareBackButton = () => {
                 }
             }
             catch (e) {
-                console.error(e);
+                printIonError('[ion-app]', e);
             }
         };
         const processHandlers = () => {

package/components/helpers.js

@@ -1,6 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { p as printIonError } from './index4.js';
+
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
         transitionEnd(el, expectedDuration, resolve);
@@ -251,7 +253,7 @@ const clamp = (min, n, max) => {
 const assert = (actual, reason) => {
     if (!actual) {
         const message = 'ASSERT: ' + reason;
-        console.error(message);
+        printIonError(message);
         debugger; // eslint-disable-line
         throw new Error(message);
     }

package/components/index.js

@@ -10,7 +10,7 @@ export { g as getTimeGivenProgression } from './cubic-bezier.js';
 export { createGesture } from './index3.js';
 export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global.js';
 export { c as componentOnReady } from './helpers.js';
-export { L as LogLevel } from './index4.js';
+export { L as LogLevel, p as printIonError, a as printIonWarning } from './index4.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config.js';
 export { o as openURL } from './theme.js';
 export { m as menuController } from './index5.js';

package/components/index2.js

@@ -1,9 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as config } from './ionic-global.js';
+import { c as config, a as printIonWarning } from './index4.js';
 import { writeTask, Build } from '@stencil/core/internal/client';
-import { p as printIonWarning } from './index4.js';
 import { r as raf } from './helpers.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';

package/components/index4.js

@@ -1,7 +1,80 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as config } from './ionic-global.js';
+// TODO(FW-2832): types
+class Config {
+    constructor() {
+        this.m = new Map();
+    }
+    reset(configObj) {
+        this.m = new Map(Object.entries(configObj));
+    }
+    get(key, fallback) {
+        const value = this.m.get(key);
+        return value !== undefined ? value : fallback;
+    }
+    getBoolean(key, fallback = false) {
+        const val = this.m.get(key);
+        if (val === undefined) {
+            return fallback;
+        }
+        if (typeof val === 'string') {
+            return val === 'true';
+        }
+        return !!val;
+    }
+    getNumber(key, fallback) {
+        const val = parseFloat(this.m.get(key));
+        return isNaN(val) ? (fallback !== undefined ? fallback : NaN) : val;
+    }
+    set(key, value) {
+        this.m.set(key, value);
+    }
+}
+const config = /*@__PURE__*/ new Config();
+const configFromSession = (win) => {
+    try {
+        const configStr = win.sessionStorage.getItem(IONIC_SESSION_KEY);
+        return configStr !== null ? JSON.parse(configStr) : {};
+    }
+    catch (e) {
+        return {};
+    }
+};
+const saveConfig = (win, c) => {
+    try {
+        win.sessionStorage.setItem(IONIC_SESSION_KEY, JSON.stringify(c));
+    }
+    catch (e) {
+        return;
+    }
+};
+const configFromURL = (win) => {
+    const configObj = {};
+    win.location.search
+        .slice(1)
+        .split('&')
+        .map((entry) => entry.split('='))
+        .map(([key, value]) => {
+        try {
+            return [decodeURIComponent(key), decodeURIComponent(value)];
+        }
+        catch (e) {
+            return ['', ''];
+        }
+    })
+        .filter(([key]) => startsWith(key, IONIC_PREFIX))
+        .map(([key, value]) => [key.slice(IONIC_PREFIX.length), value])
+        .forEach(([key, value]) => {
+        configObj[key] = value;
+    });
+    return configObj;
+};
+const startsWith = (input, search) => {
+    return input.substr(0, search.length) === search;
+};
+const IONIC_PREFIX = 'ionic:';
+const IONIC_SESSION_KEY = 'ionic-persist-config';
 
 var LogLevel;
 (function (LogLevel) {
@@ -45,4 +118,4 @@ const printRequiredElementError = (el, ...targetSelectors) => {
     return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
 };
 
-export { LogLevel as L, printIonError as a, printRequiredElementError as b, printIonWarning as p };
+export { LogLevel as L, printIonWarning as a, configFromSession as b, config as c, configFromURL as d, printRequiredElementError as e, printIonError as p, saveConfig as s };

package/components/index5.js

@@ -3,7 +3,7 @@
  */
 import { d as doc } from './index6.js';
 import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button.js';
-import { p as printIonWarning } from './index4.js';
+import { a as printIonWarning } from './index4.js';
 import { c as componentOnReady } from './helpers.js';
 import { b as getIonMode } from './ionic-global.js';
 import { c as createAnimation } from './animation.js';

package/components/index8.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { c as componentOnReady } from './helpers.js';
-import { b as printRequiredElementError } from './index4.js';
+import { e as printRequiredElementError } from './index4.js';
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/components/input.utils.js

@@ -3,7 +3,7 @@
  */
 import { w as win } from './index6.js';
 import { r as raf } from './helpers.js';
-import { a as printIonError } from './index4.js';
+import { p as printIonError } from './index4.js';
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when

package/components/ion-accordion-group.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { p as printIonWarning } from './index4.js';
+import { a as printIonWarning } from './index4.js';
 import { b as getIonMode } from './ionic-global.js';
 
 const accordionGroupIosCss = ":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";

package/components/ion-accordion.js

@@ -4,7 +4,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers.js';
 import { c as chevronDown } from './index7.js';
-import { c as config, b as getIonMode } from './ionic-global.js';
+import { c as config } from './index4.js';
+import { b as getIonMode } from './ionic-global.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
 const accordionIosCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";

package/components/ion-app.js

@@ -3,8 +3,8 @@
  */
 import { proxyCustomElement, HTMLElement, Build, h, Host } from '@stencil/core/internal/client';
 import { shouldUseCloseWatcher } from './hardware-back-button.js';
-import { p as printIonWarning } from './index4.js';
-import { b as getIonMode, c as config, a as isPlatform } from './ionic-global.js';
+import { c as config, a as printIonWarning } from './index4.js';
+import { b as getIonMode, a as isPlatform } from './ionic-global.js';
 
 const appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
 const IonAppStyle0 = appCss;

package/components/ion-back-button.js

@@ -5,7 +5,8 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { i as inheritAriaAttributes } from './helpers.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme.js';
 import { a as chevronBack, b as arrowBackSharp } from './index7.js';
-import { c as config, b as getIonMode } from './ionic-global.js';
+import { c as config } from './index4.js';
+import { b as getIonMode } from './ionic-global.js';
 import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './ripple-effect.js';
 

package/components/ion-datetime-button.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { a as addEventListener, c as componentOnReady } from './helpers.js';
-import { a as printIonError } from './index4.js';
+import { p as printIonError } from './index4.js';
 import { c as createColorClasses } from './theme.js';
 import { b as getIonMode } from './ionic-global.js';
 import { s as parseDate, x as getToday, L as getHourCycle, N as getLocalizedDateTime, M as getLocalizedTime } from './data.js';

package/components/ion-datetime.js

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, writeTask, h, Host } from '@stencil/core/internal/client';
 import { startFocusVisible } from './focus-visible.js';
 import { r as raf, e as renderHiddenInput, g as getElementRoot } from './helpers.js';
-import { a as printIonError, p as printIonWarning } from './index4.js';
+import { p as printIonError, a as printIonWarning } from './index4.js';
 import { i as isRTL } from './dir.js';
 import { c as createColorClasses } from './theme.js';
 import { a as chevronBack, f as chevronForward, c as chevronDown, g as caretUpSharp, h as caretDownSharp } from './index7.js';

package/components/ion-infinite-scroll-content.js

@@ -3,7 +3,8 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config.js';
-import { c as config, b as getIonMode } from './ionic-global.js';
+import { c as config } from './index4.js';
+import { b as getIonMode } from './ionic-global.js';
 import { d as defineCustomElement$2 } from './spinner.js';
 
 const infiniteScrollContentIosCss = "ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}";

package/components/ion-input-password-toggle.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { p as printIonWarning } from './index4.js';
+import { a as printIonWarning } from './index4.js';
 import { c as createColorClasses } from './theme.js';
 import { l as eye, m as eyeOff } from './index7.js';
 import { b as getIonMode } from './ionic-global.js';

package/components/ion-item-sliding.js

@@ -4,6 +4,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index8.js';
 import { m as isEndSide } from './helpers.js';
+import { a as printIonWarning } from './index4.js';
 import { w as watchForOptions } from './watch-options.js';
 import { b as getIonMode } from './ionic-global.js';
 
@@ -267,7 +268,7 @@ const ItemSliding = /*@__PURE__*/ proxyCustomElement(class ItemSliding extends H
             case 0 /* ItemSide.None */:
                 return;
             default:
-                console.warn('invalid ItemSideFlags value', this.sides);
+                printIonWarning('invalid ItemSideFlags value', this.sides);
                 break;
         }
         let optsWidth;
@@ -393,7 +394,7 @@ const ItemSliding = /*@__PURE__*/ proxyCustomElement(class ItemSliding extends H
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '22f83febcbc1bc27e4ddbd7fcbe590de60a10e89', class: {
+        return (h(Host, { key: 'eff4001b62474a5364eff213f68f8952e194bc6c', class: {
                 [mode]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,

package/components/ion-loading.js

@@ -7,7 +7,8 @@ import { r as raf } from './helpers.js';
 import { c as createLockController } from './lock-controller.js';
 import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays.js';
 import { g as getClassMap } from './theme.js';
-import { c as config, b as getIonMode } from './ionic-global.js';
+import { c as config } from './index4.js';
+import { b as getIonMode } from './ionic-global.js';
 import { c as createAnimation } from './animation.js';
 import { d as defineCustomElement$3 } from './backdrop.js';
 import { d as defineCustomElement$2 } from './spinner.js';

package/components/ion-menu-button.js

@@ -6,7 +6,8 @@ import { i as inheritAriaAttributes } from './helpers.js';
 import { m as menuController } from './index5.js';
 import { c as createColorClasses, h as hostContext } from './theme.js';
 import { n as menuOutline, o as menuSharp } from './index7.js';
-import { b as getIonMode, c as config } from './ionic-global.js';
+import { c as config } from './index4.js';
+import { b as getIonMode } from './ionic-global.js';
 import { u as updateVisibility } from './menu-toggle-util.js';
 import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './ripple-effect.js';

package/components/ion-menu.js

@@ -7,8 +7,9 @@ import { o as getPresentedOverlay, B as BACKDROP, n as focusFirstDescendant, q a
 import { G as GESTURE_CONTROLLER } from './gesture-controller.js';
 import { shouldUseCloseWatcher } from './hardware-back-button.js';
 import { m as isEndSide, i as inheritAriaAttributes, n as assert, k as clamp } from './helpers.js';
+import { c as config, p as printIonError } from './index4.js';
 import { m as menuController } from './index5.js';
-import { c as config, b as getIonMode, a as isPlatform } from './ionic-global.js';
+import { b as getIonMode, a as isPlatform } from './ionic-global.js';
 import { h as hostContext } from './theme.js';
 import { d as defineCustomElement$2 } from './backdrop.js';
 
@@ -117,11 +118,11 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
         }
         const content = this.contentId !== undefined ? document.getElementById(this.contentId) : null;
         if (content === null) {
-            console.error('Menu: must have a "content" element to listen for drag events on.');
+            printIonError('Menu: must have a "content" element to listen for drag events on.');
             return;
         }
         if (this.el.contains(content)) {
-            console.error(`Menu: "contentId" should refer to the main view's ion-content, not the ion-content inside of the ion-menu.`);
+            printIonError(`Menu: "contentId" should refer to the main view's ion-content, not the ion-content inside of the ion-menu.`);
         }
         this.contentEl = content;
         // add menu's content classes
@@ -623,14 +624,14 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '342db8551d26604128b29b21d2d8c37593972ed9', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: 'f4f9b8291a26330f0cdfcd8821939f032ff5f1d6', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: '3c9bec2862b7fb9d88de66b1600be01f6735e3dd', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '76283b4b2a65c78646f92c3b273eea021eda499c' })), h("ion-backdrop", { key: '121c395bc4873542a1b6ae2c9e23f2e881e75d93', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: '8cfa5496b2b65f94b264dfbe8530ea320f97d435', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '8fd05691cb460c18aac1f7fea81bea35c2d85a53' })), h("ion-backdrop", { key: '6a157383fba333deb8e98d817320d17bf2259214', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-nav.js

@@ -4,9 +4,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Build } from '@stencil/core/internal/client';
 import { g as getTimeGivenProgression } from './cubic-bezier.js';
 import { n as assert, s as shallowEqualStringMap } from './helpers.js';
-import { p as printIonWarning } from './index4.js';
+import { a as printIonWarning, c as config } from './index4.js';
 import { l as lifecycle, t as transition, s as setPageHidden, d as LIFECYCLE_WILL_UNLOAD, b as LIFECYCLE_WILL_LEAVE, c as LIFECYCLE_DID_LEAVE } from './index2.js';
-import { b as getIonMode, c as config } from './ionic-global.js';
+import { b as getIonMode } from './ionic-global.js';
 import { a as attachComponent } from './framework-delegate.js';
 
 const VIEW_STATE_NEW = 1;
@@ -683,7 +683,7 @@ const Nav = /*@__PURE__*/ proxyCustomElement(class Nav extends HTMLElement {
         const finalNumViews = this.views.length + ((_b = insertViews === null || insertViews === void 0 ? void 0 : insertViews.length) !== null && _b !== void 0 ? _b : 0) - (removeCount !== null && removeCount !== void 0 ? removeCount : 0);
         assert(finalNumViews >= 0, 'final balance can not be negative');
         if (finalNumViews === 0) {
-            console.warn(`You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.`, this, this.el);
+            printIonWarning(`You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.`, this, this.el);
             throw new Error('navigation stack needs at least one root page');
         }
         // At this point the transition can not be rejected, any throw should be an error
@@ -905,7 +905,7 @@ const Nav = /*@__PURE__*/ proxyCustomElement(class Nav extends HTMLElement {
         }
     }
     render() {
-        return h("slot", { key: '71e9b5d07fc90ca5534197a63a003a4154aabd59' });
+        return h("slot", { key: 'deb28f86691b9698ca7600559d232b1a6be23e48' });
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ion-picker-legacy.js

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { r as raf } from './helpers.js';
 import { c as createLockController } from './lock-controller.js';
-import { p as printIonWarning } from './index4.js';
+import { a as printIonWarning } from './index4.js';
 import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays.js';
 import { g as getClassMap } from './theme.js';
 import { b as getIonMode } from './ionic-global.js';

package/components/ion-progress-bar.js

@@ -4,7 +4,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { k as clamp } from './helpers.js';
 import { c as createColorClasses } from './theme.js';
-import { c as config, b as getIonMode } from './ionic-global.js';
+import { c as config } from './index4.js';
+import { b as getIonMode } from './ionic-global.js';
 
 const progressBarIosCss = ":host{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.3);--progress-background:var(--ion-color-primary, #0054e9);display:block;position:relative;width:100%;contain:strict;direction:ltr;overflow:hidden}.progress,.progress-indeterminate,.indeterminate-bar-primary,.indeterminate-bar-secondary,.progress-buffer-bar{left:0;right:0;top:0;bottom:0;position:absolute;width:100%;height:100%}.buffer-circles-container,.buffer-circles{left:0;right:0;top:0;bottom:0;position:absolute}.buffer-circles{right:-10px;left:-10px;}.progress,.progress-buffer-bar,.buffer-circles-container{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms linear;transition:-webkit-transform 150ms linear;transition:transform 150ms linear;transition:transform 150ms linear, -webkit-transform 150ms linear}.progress,.progress-indeterminate{background:var(--progress-background);z-index:2}.progress-buffer-bar{background:var(--background);z-index:1}.buffer-circles-container{overflow:hidden}.indeterminate-bar-primary{top:0;right:0;bottom:0;left:-145.166611%;-webkit-animation:primary-indeterminate-translate 2s infinite linear;animation:primary-indeterminate-translate 2s infinite linear}.indeterminate-bar-primary .progress-indeterminate{-webkit-animation:primary-indeterminate-scale 2s infinite linear;animation:primary-indeterminate-scale 2s infinite linear;-webkit-animation-play-state:inherit;animation-play-state:inherit}.indeterminate-bar-secondary{top:0;right:0;bottom:0;left:-54.888891%;-webkit-animation:secondary-indeterminate-translate 2s infinite linear;animation:secondary-indeterminate-translate 2s infinite linear}.indeterminate-bar-secondary .progress-indeterminate{-webkit-animation:secondary-indeterminate-scale 2s infinite linear;animation:secondary-indeterminate-scale 2s infinite linear;-webkit-animation-play-state:inherit;animation-play-state:inherit}.buffer-circles{background-image:radial-gradient(ellipse at center, var(--background) 0%, var(--background) 30%, transparent 30%);background-repeat:repeat-x;background-position:5px center;background-size:10px 10px;z-index:0;-webkit-animation:buffering 450ms infinite linear;animation:buffering 450ms infinite linear}:host(.progress-bar-reversed){-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.progress-paused) .indeterminate-bar-secondary,:host(.progress-paused) .indeterminate-bar-primary,:host(.progress-paused) .buffer-circles{-webkit-animation-play-state:paused;animation-play-state:paused}:host(.ion-color) .buffer-circles{background-image:radial-gradient(ellipse at center, rgba(var(--ion-color-base-rgb), 0.3) 0%, rgba(var(--ion-color-base-rgb), 0.3) 30%, transparent 30%)}:host(.ion-color) .progress,:host(.ion-color) .progress-indeterminate{background:var(--ion-color-base)}@-webkit-keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@-webkit-keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@-webkit-keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}:host{border-radius:9999px;height:4px}:host(.progress-bar-solid){--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}";
 const IonProgressBarIosStyle0 = progressBarIosCss;

package/components/ion-range.js

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index8.js';
 import { o as isSafeNumber, k as clamp, l as debounceEvent, i as inheritAriaAttributes, e as renderHiddenInput } from './helpers.js';
-import { p as printIonWarning } from './index4.js';
+import { a as printIonWarning } from './index4.js';
 import { i as isRTL } from './dir.js';
 import { h as hostContext, c as createColorClasses } from './theme.js';
 import { b as getIonMode } from './ionic-global.js';

package/components/ion-refresher-content.js

@@ -4,7 +4,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config.js';
 import { p as caretBackSharp, q as arrowDown } from './index7.js';
-import { c as config, b as getIonMode } from './ionic-global.js';
+import { c as config } from './index4.js';
+import { b as getIonMode } from './ionic-global.js';
 import { e as supportsRubberBandScrolling } from './refresher.utils.js';
 import { d as defineCustomElement$2, S as SPINNERS } from './spinner.js';
 import { d as defineCustomElement$3 } from './icon.js';

package/components/ion-refresher.js

@@ -5,6 +5,7 @@ import { proxyCustomElement, HTMLElement, createEvent, writeTask, readTask, h, H
 import { g as getTimeGivenProgression } from './cubic-bezier.js';
 import { I as ION_CONTENT_CLASS_SELECTOR, b as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, g as getScrollElement } from './index8.js';
 import { t as transitionEndAsync, k as clamp, g as getElementRoot, c as componentOnReady, r as raf } from './helpers.js';
+import { p as printIonError } from './index4.js';
 import { c as hapticImpact, I as ImpactStyle } from './haptic.js';
 import { b as getIonMode } from './ionic-global.js';
 import { s as shouldUseNativeRefresher, t as translateElement, a as setSpinnerOpacity, h as handleScrollWhileRefreshing, b as handleScrollWhilePulling, c as createPullingAnimation, d as createSnapBackAnimation, g as getRefresherAnimationType } from './refresher.utils.js';
@@ -298,7 +299,7 @@ const Refresher = /*@__PURE__*/ proxyCustomElement(class Refresher extends HTMLE
     }
     async connectedCallback() {
         if (this.el.getAttribute('slot') !== 'fixed') {
-            console.error('Make sure you use: <ion-refresher slot="fixed">');
+            printIonError('Make sure you use: <ion-refresher slot="fixed">');
             return;
         }
         const contentEl = this.el.closest(ION_CONTENT_ELEMENT_SELECTOR);
@@ -630,7 +631,7 @@ const Refresher = /*@__PURE__*/ proxyCustomElement(class Refresher extends HTMLE
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '4c36bffbfa32ef1bd28a60f4455c125842880659', slot: "fixed", class: {
+        return (h(Host, { key: '9784c5b59143812612d9eca4bb13351f0faa1425', slot: "fixed", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`refresher-${mode}`]: true,

package/components/ion-router-outlet.js

@@ -6,8 +6,9 @@ import { g as getTimeGivenProgression } from './cubic-bezier.js';
 import { a as attachComponent, d as detachComponent } from './framework-delegate.js';
 import { s as shallowEqualStringMap, j as hasLazyBuild } from './helpers.js';
 import { c as createLockController } from './lock-controller.js';
+import { p as printIonError, c as config } from './index4.js';
 import { t as transition } from './index2.js';
-import { b as getIonMode, c as config } from './ionic-global.js';
+import { b as getIonMode } from './ionic-global.js';
 
 const routerOutletCss = ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";
 const IonRouterOutletStyle0 = routerOutletCss;
@@ -90,7 +91,7 @@ const RouterOutlet = /*@__PURE__*/ proxyCustomElement(class RouterOutlet extends
             changed = await this.transition(enteringEl, leavingEl, opts);
         }
         catch (e) {
-            console.error(e);
+            printIonError('[ion-router-outlet]', e);
         }
         unlock();
         return changed;
@@ -186,7 +187,7 @@ const RouterOutlet = /*@__PURE__*/ proxyCustomElement(class RouterOutlet extends
         return true;
     }
     render() {
-        return h("slot", { key: '8d0c163c5f63158e16ef2db7cc3c756cf597461d' });
+        return h("slot", { key: '22294f2468afd7cd1ce32639876b3807b46d0778' });
     }
     get el() { return this; }
     static get watchers() { return {