voyager-ionic-core 8.5.3 → 8.5.5

package/dist/collection/components/textarea/textarea.js

@@ -385,7 +385,7 @@ export class Textarea {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: '3bf42ea1fa739f334427c70f91a89b8b0e0f21ec', class: createColorClasses(this.color, {
+        return (h(Host, { key: '016dd354c8a4cd62646d4a85dbcfa2eacb870d69', class: createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -394,7 +394,7 @@ export class Textarea {
                 [`textarea-shape-${shape}`]: shape !== undefined,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, h("label", { key: 'f7acceeb74849d13a6af8d39b66ea2701384c955', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '05e9f2ebad1742a9e66d243d18c22ddd4c83ee04', class: "textarea-wrapper-inner" }, h("div", { key: '70a9935351c38413ced05f5e4dc0055b9b001ee9', class: "start-slot-wrapper" }, h("slot", { key: '11206eaa31d112c01f2218bf2ff46375ad819d1f', name: "start" })), h("div", { key: 'bfd215dbb5f4d60f5fb62d37226fdc6ce61ec107', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '2fa5cdf4c6614dd8cd4b7d2a19811a79c96ac50d', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), h("div", { key: '8a67ad8e3b5650680f770cefc562d190f6760718', class: "end-slot-wrapper" }, h("slot", { key: '03bb6bc5f2808c1f474a6c3168169d17f7569fda', name: "end" }))), shouldRenderHighlight && h("div", { key: 'cd564bd01a1ca3f914218e34a78d296ad0838e4a', class: "textarea-highlight" })), this.renderBottomContent()));
+            }) }, h("label", { key: '7e98f3fc05f678e8567d9977aa7e622ddb90d394', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '7af77dad961ca9f80bbc6be8cd834989542ae27d', class: "textarea-wrapper-inner" }, h("div", { key: 'e311cda4bb52e93ce7775f40b62a0a62a847794b', class: "start-slot-wrapper" }, h("slot", { key: '81248b4cedce3876c1da9da03d36e3bee8442738', name: "start" })), h("div", { key: 'f68ba6e2bb3df4971ecbebbcb316f31ee10f9e75', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '2e896ef782d08b56454a1656301b8ce54564c8b3', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), h("div", { key: '7eff97dabd340641a666a388fc590caa88128046', class: "end-slot-wrapper" }, h("slot", { key: 'e8f7e6bd5a33afae6add6d920954cca7a3c0612b', name: "end" }))), shouldRenderHighlight && h("div", { key: '4c825874e6ed910e3aa36b16fa1d2927b7f006b1', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-textarea"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toast/animations/utils.js

@@ -75,7 +75,7 @@ export function getAnimationPosition(position, positionAnchor, mode, toast) {
  */
 function warnIfAnchorIsHidden(positionAnchor, toast) {
     if (positionAnchor.offsetParent === null) {
-        printIonWarning('The positionAnchor element for ion-toast was found in the DOM, but appears to be hidden. This may lead to unexpected positioning of the toast.', toast);
+        printIonWarning('[ion-toast] - The positionAnchor element for ion-toast was found in the DOM, but appears to be hidden. This may lead to unexpected positioning of the toast.', toast);
     }
 }
 /**

package/dist/collection/components/toast/toast.js

@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
 import { ENABLE_HTML_CONTENT_DEFAULT } from "../../utils/config";
 import { raf } from "../../utils/helpers";
 import { createLockController } from "../../utils/lock-controller";
-import { printIonWarning } from "../../utils/logging/index";
+import { printIonError, printIonWarning } from "../../utils/logging/index";
 import { GESTURE, createDelegateController, createTriggerController, dismiss, eventMethod, isCancel, prepareOverlay, present, safeCall, setOverlayId, } from "../../utils/overlays";
 import { sanitizeDOMString } from "../../utils/sanitization/index";
 import { createColorClasses, getClassMap } from "../../utils/theme";
@@ -291,7 +291,7 @@ export class Toast {
             return;
         }
         if (position === 'middle' && positionAnchor !== undefined) {
-            printIonWarning('The positionAnchor property is ignored when using position="middle".', this.el);
+            printIonWarning('[ion-toast] - The positionAnchor property is ignored when using position="middle".', this.el);
             return undefined;
         }
         if (typeof positionAnchor === 'string') {
@@ -303,7 +303,7 @@ export class Toast {
              */
             const foundEl = document.getElementById(positionAnchor);
             if (foundEl === null) {
-                printIonWarning(`An anchor element with an ID of "${positionAnchor}" was not found in the DOM.`, el);
+                printIonWarning(`[ion-toast] - An anchor element with an ID of "${positionAnchor}" was not found in the DOM.`, el);
                 return undefined;
             }
             return foundEl;
@@ -311,7 +311,7 @@ export class Toast {
         if (positionAnchor instanceof HTMLElement) {
             return positionAnchor;
         }
-        printIonWarning('Invalid positionAnchor value:', positionAnchor, el);
+        printIonWarning('[ion-toast] - Invalid positionAnchor value:', positionAnchor, el);
         return undefined;
     }
     async buttonClick(button) {
@@ -337,7 +337,7 @@ export class Toast {
                 }
             }
             catch (e) {
-                console.error(e);
+                printIonError('[ion-toast] - Exception in callButtonHandler:', e);
             }
         }
         return true;
@@ -389,11 +389,11 @@ export class Toast {
          *  used with one type of button.
          */
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
-            printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
+            printIonWarning('[ion-toast] - This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (h(Host, Object.assign({ key: '34036afc0701173d51c9c11ea4a2e1d65685ba41', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'a2216d860255c99337464370dcb12f6125871a50', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'd927e43957f47888ce4e64f1e99c935d55757af7', class: wrapperClass }, h("div", { key: 'ca43bc42478181acdf8cdea6601a85fa95d12216', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'fdd6fb8f6e947ed002bd2e63fdc8ec7e764f4a7d', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '37c16c81ee3e4304379dfbcabdffe73db73e4653', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
+            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'd5adf8bc4c6c52431600033a76c4795689f9b412', class: wrapperClass }, h("div", { key: 'ab694497ae37ceba123217eb48800129b9bebb84', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: '224854fa3989ce0eb69416cb5b0cc55fc9f131ea', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: 'c8e11fb5bdac202987f5c8613a0ebbd42bda946e', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
     }
     static get is() { return "ion-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle/toggle.ios.css

@@ -75,7 +75,6 @@
   display: inline-block;
   position: relative;
   max-width: 100%;
-  outline: none;
   cursor: pointer;
   user-select: none;
   z-index: 2;
@@ -107,23 +106,12 @@
   pointer-events: none;
 }
 
+/**
+ * The native input must be hidden with display instead of visibility or
+ * aria-hidden to avoid accessibility issues with nested interactive elements.
+ */
 input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: 0;
-  clip: rect(0 0 0 0);
-  opacity: 0;
-  overflow: hidden;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  display: none;
 }
 
 .toggle-wrapper {

package/dist/collection/components/toggle/toggle.js

@@ -24,6 +24,7 @@ import { getIonMode } from "../../global/ionic-global";
 export class Toggle {
     constructor() {
         this.inputId = `ion-tg-${toggleIds++}`;
+        this.inputLabelId = `${this.inputId}-lbl`;
         this.helperTextId = `${this.inputId}-helper-text`;
         this.errorTextId = `${this.inputId}-error-text`;
         this.lastDrag = 0;
@@ -45,6 +46,14 @@ export class Toggle {
                 this.disabledChanged();
             }
         };
+        this.onKeyDown = (ev) => {
+            if (ev.key === ' ') {
+                ev.preventDefault();
+                if (!this.disabled) {
+                    this.toggleChecked();
+                }
+            }
+        };
         this.onClick = (ev) => {
             if (this.disabled) {
                 return;
@@ -187,12 +196,12 @@ export class Toggle {
         return (h("div", { class: "toggle-bottom" }, h("div", { id: helperTextId, class: "helper-text", part: "supporting-text helper-text" }, helperText), h("div", { id: errorTextId, class: "error-text", part: "supporting-text error-text" }, errorText)));
     }
     render() {
-        const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment, required } = this;
+        const { activated, alignment, checked, color, disabled, el, errorTextId, hasLabel, inheritedAttributes, inputId, inputLabelId, justify, labelPlacement, name, required, } = this;
         const mode = getIonMode(this);
         const value = this.getValue();
         const rtl = isRTL(el) ? 'rtl' : 'ltr';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { key: 'c6db7f5bc0b358944c0d79e24aeb4d319793422f', "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '63c67d52dc47661c5758049f6278e873ab867a22', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === errorTextId, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -202,10 +211,10 @@ export class Toggle {
                 [`toggle-alignment-${alignment}`]: alignment !== undefined,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, h("label", { key: 'f49531391f4513d084061c27ebc4c4eb1dcd02ab', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'f4ab2dc29eae053f54613d1304f755e151037f47', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, this.inheritedAttributes)), h("div", { key: '85674bfab5ec1e422c787d025c4f9f5b3aadd4f2', class: {
+            }) }, h("label", { key: '723cfac071ee5ec5c75984fc64762209452e9eea', class: "toggle-wrapper", htmlFor: inputId }, h("input", Object.assign({ key: '8fa79f49348afbce5e083d454b751f7f9cc04d3f', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, inheritedAttributes)), h("div", { key: '00a4415539ef677be9f6981afddcec61f7fe9487', class: {
                 'label-text-wrapper': true,
-                'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, h("slot", { key: '9bdf7e85c95dc7373f18894ebfe6ad022f098107' }), this.renderHintText()), h("div", { key: '33883642b38421a82001e37db3dd5e5c643785b0', class: "native-wrapper" }, this.renderToggleControl()))));
+                'label-text-wrapper-hidden': !hasLabel,
+            }, part: "label", id: inputLabelId }, h("slot", { key: '7ce338bd5116337c9ea90805fdee7285ef7c5811' }), this.renderHintText()), h("div", { key: 'ecb5dfd2c7b534e357cba272dd4f189728555b3a', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     static get is() { return "ion-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle/toggle.md.css

@@ -75,7 +75,6 @@
   display: inline-block;
   position: relative;
   max-width: 100%;
-  outline: none;
   cursor: pointer;
   user-select: none;
   z-index: 2;
@@ -107,23 +106,12 @@
   pointer-events: none;
 }
 
+/**
+ * The native input must be hidden with display instead of visibility or
+ * aria-hidden to avoid accessibility issues with nested interactive elements.
+ */
 input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: 0;
-  clip: rect(0 0 0 0);
-  opacity: 0;
-  overflow: hidden;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  display: none;
 }
 
 .toggle-wrapper {

package/dist/collection/global/ionic-global.js

@@ -2,6 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { getMode, setMode } from "@stencil/core";
+import { printIonWarning } from "../utils/logging/index";
 import { isPlatform, setupPlatforms } from "../utils/platform";
 import { config, configFromSession, configFromURL, saveConfig } from "./config";
 // TODO(FW-2832): types
@@ -46,7 +47,7 @@ export const initialize = (userConfig = {}) => {
                     return elmMode;
                 }
                 else if (isIonicElement(elm)) {
-                    console.warn('Invalid ionic mode: "' + elmMode + '", expected: "ios" or "md"');
+                    printIonWarning('Invalid ionic mode: "' + elmMode + '", expected: "ios" or "md"');
                 }
             }
             elm = elm.parentElement;

package/dist/collection/index.js

@@ -10,6 +10,7 @@ export { getTimeGivenProgression } from './utils/animation/cubic-bezier';
 export { createGesture } from './utils/gesture';
 export { initialize } from './global/ionic-global';
 export { componentOnReady } from './utils/helpers';
+export { LogLevel } from './utils/logging';
 export { isPlatform, getPlatforms } from './utils/platform';
 export { IonicSafeString } from './utils/sanitization';
 export { getMode, setupConfig } from './utils/config';

package/dist/collection/utils/animation/animation.js

@@ -1,6 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { printIonError } from "../logging/index";
 import { win } from "../browser";
 import { addClassToArray, setStyleProperty } from "./animation-utils";
 export const createAnimation = (animationId) => {
@@ -345,7 +346,7 @@ export const createAnimation = (animationId) => {
                 }
             }
             else {
-                console.error('Invalid addElement value');
+                printIonError('createAnimation - Invalid addElement value.');
             }
         }
         return ani;

package/dist/collection/utils/hardware-back-button.js

@@ -2,6 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { win } from "./browser/index";
+import { printIonError } from "./logging/index";
 import { config } from "../global/config";
 /**
  * CloseWatcher is a newer API that lets
@@ -57,7 +58,7 @@ export const startHardwareBackButton = () => {
                 }
             }
             catch (e) {
-                console.error(e);
+                printIonError('[ion-app] - Exception in startHardwareBackButton:', e);
             }
         };
         const processHandlers = () => {

package/dist/collection/utils/helpers.js

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

package/dist/collection/utils/logging/index.js

@@ -2,6 +2,12 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { config } from "../../global/config";
+export var LogLevel;
+(function (LogLevel) {
+    LogLevel["OFF"] = "OFF";
+    LogLevel["ERROR"] = "ERROR";
+    LogLevel["WARN"] = "WARN";
+})(LogLevel || (LogLevel = {}));
 /**
  * Logs a warning to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
@@ -9,8 +15,8 @@ import { config } from "../../global/config";
  * @param message - The string message to be logged to the console.
  */
 export const printIonWarning = (message, ...params) => {
-    const logLevel = config.get('logLevel', "WARN" /* LogLevel.WARN */);
-    if (["WARN" /* LogLevel.WARN */].includes(logLevel)) {
+    const logLevel = config.get('logLevel', LogLevel.WARN);
+    if ([LogLevel.WARN].includes(logLevel)) {
         return console.warn(`[Ionic Warning]: ${message}`, ...params);
     }
 };
@@ -22,8 +28,8 @@ export const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 export const printIonError = (message, ...params) => {
-    const logLevel = config.get('logLevel', "ERROR" /* LogLevel.ERROR */);
-    if (["ERROR" /* LogLevel.ERROR */, "WARN" /* LogLevel.WARN */].includes(logLevel)) {
+    const logLevel = config.get('logLevel', LogLevel.ERROR);
+    if ([LogLevel.ERROR, LogLevel.WARN].includes(logLevel)) {
         return console.error(`[Ionic Error]: ${message}`, ...params);
     }
 };

package/dist/collection/utils/overlays.js

@@ -4,13 +4,13 @@
 import { doc } from "./browser/index";
 import { focusFirstDescendant, focusLastDescendant, focusableQueryString } from "./focus-trap";
 import { shouldUseCloseWatcher } from "./hardware-back-button";
+import { printIonError, printIonWarning } from "./logging/index";
 import { config } from "../global/config";
 import { getIonMode } from "../global/ionic-global";
 import { CoreDelegate } from "./framework-delegate";
 import { BACKDROP_NO_SCROLL } from "./gesture/gesture-controller";
 import { OVERLAY_BACK_BUTTON_PRIORITY } from "./hardware-back-button";
 import { addEventListener, componentOnReady, focusVisibleElement, getElementRoot, removeEventListener, } from "./helpers";
-import { printIonWarning } from "./logging";
 import { isPlatform } from "./platform";
 let lastOverlayIndex = 0;
 let lastId = 0;
@@ -544,7 +544,7 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
     }
     const presentedOverlays = doc !== undefined ? getPresentedOverlays(doc) : [];
     /**
-     * For accessibility, toasts lack focus traps and don’t receive
+     * For accessibility, toasts lack focus traps and don't receive
      * `aria-hidden` on the root element when presented.
      *
      * All other overlays use focus traps to keep keyboard focus
@@ -607,7 +607,7 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
         }
     }
     catch (err) {
-        console.error(err);
+        printIonError(`[${overlay.el.tagName.toLowerCase()}] - `, err);
     }
     overlay.el.remove();
     revealOverlaysToScreenReaders();
@@ -787,7 +787,7 @@ export const createTriggerController = () => {
         removeClickListener();
         const triggerEl = trigger !== undefined ? document.getElementById(trigger) : null;
         if (!triggerEl) {
-            printIonWarning(`A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`, el);
+            printIonWarning(`[${el.tagName.toLowerCase()}] - A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`, el);
             return;
         }
         const configureTriggerInteraction = (targetEl, overlayEl) => {

package/dist/collection/utils/sanitization/index.js

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

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-04-06T02:18:50",
+  "timestamp": "2025-04-20T03:16:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",

package/dist/esm/{animation-eab5a4ca.js → animation-8b25e105.js}

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

package/dist/esm/{app-globals-7b6cbf1a.js → app-globals-dbdbb3df.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { i as initialize } from './ionic-global-ca86cf32.js';
+import { i as initialize } from './ionic-global-b26f573e.js';
 
 const globalScripts = initialize;
 

package/dist/esm/{config-49c88215.js → config-9898ed97.js}

@@ -1,6 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { d as printIonError } from './index-cfd9c1f2.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/dist/esm/{data-174ad5e0.js → data-0d7ea6eb.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { p as printIonWarning } from './index-738d7504.js';
+import { p as printIonWarning } from './index-cfd9c1f2.js';
 
 /**
  * Returns true if the selected day is equal to the reference day
@@ -35,7 +35,7 @@ const warnIfValueOutOfBounds = (value, min, max) => {
     const valueArray = Array.isArray(value) ? value : [value];
     for (const val of valueArray) {
         if ((min !== undefined && isBefore(val, min)) || (max !== undefined && isAfter(val, max))) {
-            printIonWarning('The value provided to ion-datetime is out of bounds.\n\n' +
+            printIonWarning('[ion-datetime] - The value provided to ion-datetime is out of bounds.\n\n' +
                 `Min: ${JSON.stringify(min)}\n` +
                 `Max: ${JSON.stringify(max)}\n` +
                 `Value: ${JSON.stringify(value)}`);
@@ -252,7 +252,7 @@ function parseDate(val) {
     }
     if (parse === null) {
         // wasn't able to parse the ISO datetime
-        printIonWarning(`Unable to parse date string: ${val}. Please provide a valid ISO 8601 datetime string.`);
+        printIonWarning(`[ion-datetime] - Unable to parse date string: ${val}. Please provide a valid ISO 8601 datetime string.`);
         return undefined;
     }
     // ensure all the parse values exist with at least 0

package/dist/esm/{framework-delegate-2eea1763.js → framework-delegate-56b467ad.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-78efeec3.js';
+import { c as componentOnReady } from './helpers-d94bc8ad.js';
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {

package/dist/esm/{hardware-back-button-864101a3.js → hardware-back-button-a7eb8233.js}

@@ -2,8 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win } from './index-a5d50daf.js';
-import { c as config } from './ionic-global-ca86cf32.js';
-import './index-527b9e34.js';
+import { c as config, d as printIonError } from './index-cfd9c1f2.js';
 
 /**
  * CloseWatcher is a newer API that lets
@@ -59,7 +58,7 @@ const startHardwareBackButton = () => {
                 }
             }
             catch (e) {
-                console.error(e);
+                printIonError('[ion-app] - Exception in startHardwareBackButton:', e);
             }
         };
         const processHandlers = () => {

package/dist/esm/{helpers-78efeec3.js → helpers-d94bc8ad.js}

@@ -1,6 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { d as printIonError } from './index-cfd9c1f2.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/dist/esm/{index-f9f5d018.js → index-18f31305.js}

@@ -2,11 +2,11 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index-a5d50daf.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-864101a3.js';
-import { p as printIonWarning } from './index-738d7504.js';
-import { c as componentOnReady } from './helpers-78efeec3.js';
-import { b as getIonMode } from './ionic-global-ca86cf32.js';
-import { c as createAnimation } from './animation-eab5a4ca.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-a7eb8233.js';
+import { p as printIonWarning } from './index-cfd9c1f2.js';
+import { c as componentOnReady } from './helpers-d94bc8ad.js';
+import { b as getIonMode } from './ionic-global-b26f573e.js';
+import { c as createAnimation } from './animation-8b25e105.js';
 
 /**
  * baseAnimation

package/dist/esm/{index-ecb55b8d.js → index-68c0d151.js}

@@ -1,10 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as config } from './ionic-global-ca86cf32.js';
+import { c as config, p as printIonWarning } from './index-cfd9c1f2.js';
 import { w as writeTask, B as Build } from './index-527b9e34.js';
-import { p as printIonWarning } from './index-738d7504.js';
-import { r as raf } from './helpers-78efeec3.js';
+import { r as raf } from './helpers-d94bc8ad.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -120,8 +119,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => import('./ios.transition-7fe5dbea.js');
-const mdTransitionAnimation = () => import('./md.transition-8dc58b46.js');
+const iosTransitionAnimation = () => import('./ios.transition-4047cb68.js');
+const mdTransitionAnimation = () => import('./md.transition-30ce8d1b.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {

package/dist/esm/{index-e919e353.js → index-9a17db3d.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-78efeec3.js';
-import { b as printRequiredElementError } from './index-738d7504.js';
+import { c as componentOnReady } from './helpers-d94bc8ad.js';
+import { e as printRequiredElementError } from './index-cfd9c1f2.js';
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/esm/{index-40894f4b.js → index-be190feb.js}

@@ -2,7 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index-a5d50daf.js';
-import { q as pointerCoord } from './helpers-78efeec3.js';
+import { q as pointerCoord } from './helpers-d94bc8ad.js';
+import './index-cfd9c1f2.js';
 
 const startTapClick = (config) => {
     if (doc === undefined) {