@ionic/core 8.8.19-dev.11787076261.138d5922 → 8.8.19-dev.11787084784.17cf25cf

package/dist/esm/{index-8s8kZKJ7.js → index-B_dQk_WE.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { e as config, f as printIonWarning, w as writeTask, B as Build } from './index-ChhhtsGZ.js';
-import { r as raf } from './helpers-DexiPLIC.js';
+import { e as config, f as printIonWarning, w as writeTask, B as Build } from './index-tcQvqkiX.js';
+import { r as raf } from './helpers-HEqiOzXb.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -43,7 +43,7 @@ const createFocusController = () => {
          */
         if (focusManagerEnabled) {
             const activeEl = document.activeElement;
-            if (activeEl !== null && referenceEl?.contains(activeEl)) {
+            if (activeEl !== null && (referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.contains(activeEl))) {
                 activeEl.setAttribute(LAST_FOCUS, 'true');
             }
         }
@@ -118,8 +118,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => import('./ios.transition-BdhybwLl.js');
-const mdTransitionAnimation = () => import('./md.transition-B5lqKGCs.js');
+const iosTransitionAnimation = () => import('./ios.transition-ClFrsIrS.js');
+const mdTransitionAnimation = () => import('./md.transition-D0msQmzI.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/esm/{index-DppOcPFQ.js → index-CfgBF1SE.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { G as GESTURE_CONTROLLER } from './gesture-controller-TXPDHL13.js';
+import { G as GESTURE_CONTROLLER } from './gesture-controller-BTEOs1at.js';
 
 const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {
@@ -40,7 +40,7 @@ const supportsPassive = (node) => {
                 return;
             }, opts);
         }
-        catch {
+        catch (e) {
             _sPassive = false;
         }
     }
@@ -223,13 +223,7 @@ const createGesture = (config) => {
     let hasStartedPan = false;
     let hasFiredStart = true;
     let isMoveQueued = false;
-    const finalConfig = {
-        direction: 'x',
-        passive: true,
-        maxAngle: 40,
-        threshold: 10,
-        ...config,
-    };
+    const finalConfig = Object.assign({ disableScroll: false, direction: 'x', gesturePriority: 0, passive: true, maxAngle: 40, threshold: 10 }, config);
     const canStart = finalConfig.canStart;
     const onWillStart = finalConfig.onWillStart;
     const onStart = finalConfig.onStart;
@@ -344,7 +338,7 @@ const createGesture = (config) => {
     const blurActiveElement = () => {
         if (typeof document !== 'undefined') {
             const activeElement = document.activeElement;
-            if (activeElement?.blur) {
+            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) {
                 activeElement.blur();
             }
         }

package/dist/esm/{index-BvabGprD.js → index-DV3sJJW8.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-/* Ionicons v8.1.0, ES Modules */
+/* Ionicons v8.0.13, ES Modules */
 
 const arrowBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M244 400 100 256l144-144M120 256h292' stroke-linecap='square' stroke-miterlimit='10' stroke-width='48px' class='ionicon-fill-none'/></svg>";
 const arrowDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m112 268 144 144 144-144M256 392V100' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
@@ -29,4 +29,4 @@ const reorderTwoSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2
 const searchOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64Z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path d='M338.29 338.29 448 448' stroke-linecap='round' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const searchSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464ZM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37'/></svg>";
 
-export { arrowBackSharp as a, chevronDown as b, chevronBack as c, caretUpSharp as d, chevronForward as e, caretDownSharp as f, closeCircle as g, closeSharp as h, searchSharp as i, checkmarkOutline as j, ellipseOutline as k, arrowDown as l, caretBackSharp as m, reorderThreeOutline as n, reorderTwoSharp as o, chevronForwardOutline as p, ellipsisHorizontal as q, removeOutline as r, searchOutline as s, close as t, menuOutline as u, menuSharp as v, chevronExpand as w, eyeOff as x, eye as y };
+export { arrowBackSharp as a, closeCircle as b, chevronBack as c, closeSharp as d, searchSharp as e, checkmarkOutline as f, ellipseOutline as g, arrowDown as h, caretBackSharp as i, reorderThreeOutline as j, reorderTwoSharp as k, chevronDown as l, chevronForwardOutline as m, ellipsisHorizontal as n, caretUpSharp as o, chevronForward as p, caretDownSharp as q, removeOutline as r, searchOutline as s, close as t, menuOutline as u, menuSharp as v, chevronExpand as w, eyeOff as x, eye as y };

package/dist/esm/{index-_Za5VB9w.js → index-Dw-wN0Ja.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-DexiPLIC.js';
-import { t as printRequiredElementError } from './index-ChhhtsGZ.js';
+import { c as componentOnReady } from './helpers-HEqiOzXb.js';
+import { t as printRequiredElementError } from './index-tcQvqkiX.js';
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/esm/{index-CumkqGQF.js → index-Q6UPU0Ay.js}

@@ -2,11 +2,11 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index-ZjP4CjeZ.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-gLJHMX_F.js';
-import { f as printIonWarning } from './index-ChhhtsGZ.js';
-import { c as componentOnReady } from './helpers-DexiPLIC.js';
-import { b as getIonMode } from './ionic-global-BVB7BrLT.js';
-import { c as createAnimation } from './animation-CGFdmGk9.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-B93Gru0Y.js';
+import { f as printIonWarning } from './index-tcQvqkiX.js';
+import { c as componentOnReady } from './helpers-HEqiOzXb.js';
+import { b as getIonMode } from './ionic-global-Cp_eT4sZ.js';
+import { c as createAnimation } from './animation-DLJpuoEz.js';
 
 /**
  * baseAnimation
@@ -137,6 +137,7 @@ const createMenuController = () => {
     const isOpen = async (menu) => {
         if (menu != null) {
             const menuEl = await get(menu);
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
             return menuEl !== undefined && menuEl.isOpen();
         }
         else {
@@ -272,7 +273,7 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    doc?.addEventListener('ionBackButton', (ev) => {
+    doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
             ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {

package/dist/esm/{index-ChhhtsGZ.js → index-tcQvqkiX.js}

@@ -6,7 +6,9 @@ const BUILD = /* ionic */ { hotModuleReplacement: false, hydratedSelectorName: "
 
 // TODO(FW-2832): types
 class Config {
-    m = new Map();
+    constructor() {
+        this.m = new Map();
+    }
     reset(configObj) {
         this.m = new Map(Object.entries(configObj));
     }
@@ -38,7 +40,7 @@ const configFromSession = (win) => {
         const configStr = win.sessionStorage.getItem(IONIC_SESSION_KEY);
         return configStr !== null ? JSON.parse(configStr) : {};
     }
-    catch {
+    catch (e) {
         return {};
     }
 };
@@ -46,7 +48,7 @@ const saveConfig = (win, c) => {
     try {
         win.sessionStorage.setItem(IONIC_SESSION_KEY, JSON.stringify(c));
     }
-    catch {
+    catch (e) {
         return;
     }
 };
@@ -60,7 +62,7 @@ const configFromURL = (win) => {
         try {
             return [decodeURIComponent(key), decodeURIComponent(value)];
         }
-        catch {
+        catch (e) {
             return ['', ''];
         }
     })
@@ -82,28 +84,7 @@ var LogLevel;
     LogLevel["OFF"] = "OFF";
     LogLevel["ERROR"] = "ERROR";
     LogLevel["WARN"] = "WARN";
-    LogLevel["DEBUG"] = "DEBUG";
 })(LogLevel || (LogLevel = {}));
-/**
- * Ranks each level so an enabled check is a numeric comparison. A configured
- * level logs anything whose rank is less than or equal to its own: `OFF` (0)
- * logs nothing, `ERROR` (1) logs errors, `WARN` (2) logs errors and warnings,
- * `DEBUG` (3) logs all of the above plus internal diagnostics.
- */
-const LOG_LEVEL_RANK = {
-    [LogLevel.OFF]: 0,
-    [LogLevel.ERROR]: 1,
-    [LogLevel.WARN]: 2,
-    [LogLevel.DEBUG]: 3,
-};
-/**
- * Whether the configured level is verbose enough to log `minimum`. Levels set
- * through a query parameter arrive as raw strings, hence the uppercasing.
- */
-const isLogLevelEnabled = (minimum) => {
-    const configured = String(config.get('logLevel', LogLevel.WARN)).toUpperCase();
-    return LOG_LEVEL_RANK[configured] >= LOG_LEVEL_RANK[minimum];
-};
 /**
  * Logs a warning to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
@@ -111,7 +92,8 @@ const isLogLevelEnabled = (minimum) => {
  * @param message - The string message to be logged to the console.
  */
 const printIonWarning = (message, ...params) => {
-    if (isLogLevelEnabled(LogLevel.WARN)) {
+    const logLevel = config.get('logLevel', LogLevel.WARN);
+    if ([LogLevel.WARN].includes(logLevel)) {
         return console.warn(`[Ionic Warning]: ${message}`, ...params);
     }
 };
@@ -123,7 +105,8 @@ const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 const printIonError = (message, ...params) => {
-    if (isLogLevelEnabled(LogLevel.ERROR)) {
+    const logLevel = config.get('logLevel', LogLevel.ERROR);
+    if ([LogLevel.ERROR, LogLevel.WARN].includes(logLevel)) {
         return console.error(`[Ionic Error]: ${message}`, ...params);
     }
 };
@@ -299,10 +282,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ion-chip.entry.js').then(processMod, consoleError);
-                case 'ion-datetime':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ion-datetime.entry.js').then(processMod, consoleError);
                 case 'ion-input':
                     return import(
                       /* webpackMode: "lazy" */
@@ -411,6 +390,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ion-avatar_3.entry.js').then(processMod, consoleError);
+                case 'ion-datetime_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ion-datetime_3.entry.js').then(processMod, consoleError);
                 case 'ion-fab_3':
                     return import(
                       /* webpackMode: "lazy" */
@@ -3653,4 +3636,4 @@ function transformTag(tag) {
   return tag;
 }
 
-export { Build as B, Fragment as F, H, LogLevel as L, readTask as a, bootstrapLazy as b, createEvent as c, Host as d, config as e, printIonWarning as f, getElement as g, h, forceUpdate as i, printIonError as j, getAssetPath as k, configFromURL as l, configFromSession as m, saveConfig as n, getMode as o, promiseResolve as p, setMode as q, registerInstance as r, setNonce as s, printRequiredElementError as t, writeTask as w };
+export { Build as B, Fragment as F, H, LogLevel as L, readTask as a, bootstrapLazy as b, createEvent as c, Host as d, config as e, printIonWarning as f, getElement as g, h, forceUpdate as i, printIonError as j, getAssetPath as k, configFromSession as l, configFromURL as m, saveConfig as n, getMode as o, promiseResolve as p, setMode as q, registerInstance as r, setNonce as s, printRequiredElementError as t, writeTask as w };

package/dist/esm/index.js

@@ -1,24 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-CGFdmGk9.js';
-export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-8s8kZKJ7.js';
-export { iosTransitionAnimation } from './ios.transition-BdhybwLl.js';
-export { mdTransitionAnimation } from './md.transition-B5lqKGCs.js';
+export { c as createAnimation } from './animation-DLJpuoEz.js';
+export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-B_dQk_WE.js';
+export { iosTransitionAnimation } from './ios.transition-ClFrsIrS.js';
+export { mdTransitionAnimation } from './md.transition-D0msQmzI.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-hHmYLOfE.js';
-export { createGesture } from './index-DppOcPFQ.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-BVB7BrLT.js';
-export { c as componentOnReady } from './helpers-DexiPLIC.js';
-export { L as LogLevel } from './index-ChhhtsGZ.js';
-export { I as IonicSafeString } from './index-CKM1DdGm.js';
-export { g as getMode, s as setupConfig } from './config-DWCzVL3Y.js';
-export { o as openURL } from './theme-byZM6qHV.js';
-export { m as menuController } from './index-CumkqGQF.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as popoverController, t as toastController } from './overlays-CjWwtvf1.js';
+export { createGesture } from './index-CfgBF1SE.js';
+export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-Cp_eT4sZ.js';
+export { c as componentOnReady } from './helpers-HEqiOzXb.js';
+export { L as LogLevel } from './index-tcQvqkiX.js';
+export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-DQCONYYp.js';
+export { o as openURL } from './theme-DiVJyqlX.js';
+export { m as menuController } from './index-Q6UPU0Ay.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-Dg0q2_tJ.js';
 import './index-ZjP4CjeZ.js';
-import './gesture-controller-TXPDHL13.js';
-import './hardware-back-button-gLJHMX_F.js';
-import './framework-delegate--ajhSeKH.js';
+import './gesture-controller-BTEOs1at.js';
+import './hardware-back-button-B93Gru0Y.js';
+import './framework-delegate-FnPGymXL.js';
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-BB0AKb_k.js → input-shims-LXhI7LEx.js}

@@ -2,10 +2,10 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win, d as doc } from './index-ZjP4CjeZ.js';
-import { g as getScrollElement, h as scrollByPoint, a as findClosestIonContent } from './index-_Za5VB9w.js';
-import { f as addEventListener, m as removeEventListener, c as componentOnReady } from './helpers-DexiPLIC.js';
-import { a as KeyboardResize, K as Keyboard } from './keyboard-DAF8GNJ9.js';
-import './index-ChhhtsGZ.js';
+import { g as getScrollElement, h as scrollByPoint, a as findClosestIonContent } from './index-Dw-wN0Ja.js';
+import { f as addEventListener, m as removeEventListener, c as componentOnReady } from './helpers-HEqiOzXb.js';
+import { a as KeyboardResize, K as Keyboard } from './keyboard-CUw4ekVy.js';
+import './index-tcQvqkiX.js';
 import './capacitor-CFERIeaU.js';
 
 const cloneMap = new WeakMap();
@@ -175,7 +175,8 @@ const enableInputBlurring = () => {
 
 const SCROLL_ASSIST_SPEED = 0.3;
 const getScrollData = (componentEl, contentEl, keyboardHeight, platformHeight) => {
-    const itemEl = componentEl.closest('ion-item,[ion-item]') ?? componentEl;
+    var _a;
+    const itemEl = (_a = componentEl.closest('ion-item,[ion-item]')) !== null && _a !== void 0 ? _a : componentEl;
     return calcScrollData(itemEl.getBoundingClientRect(), contentEl.getBoundingClientRect(), keyboardHeight, platformHeight);
 };
 const calcScrollData = (inputRect, contentRect, keyboardHeight, platformHeight) => {
@@ -349,7 +350,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      */
     const focusOut = () => {
         hasKeyboardBeenPresentedForTextField = false;
-        win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
     /**
@@ -369,13 +370,13 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
             return;
         }
         jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput, platformHeight);
-        win?.addEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : win.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -384,6 +385,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
  * focus an input but not have scroll assist run again.
  */
 const setManualFocus = (el) => {
+    var _a;
     /**
      * If element is already focused then
      * a new focusin event will not be dispatched
@@ -408,7 +410,7 @@ const setManualFocus = (el) => {
      */
     const inputId = el.getAttribute('id');
     const label = el.closest(`label[for="${inputId}"]`);
-    const activeElLabel = document.activeElement?.closest(`label[for="${inputId}"]`);
+    const activeElLabel = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(`label[for="${inputId}"]`);
     if (label !== null && label === activeElLabel) {
         // If the label is the same as the active element label, then
         // we don't need to set the `SKIP_SCROLL_ASSIST` and reset focus.

package/dist/esm/input.utils-Y6NgW8bw.js

@@ -0,0 +1,147 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { w as win } from './index-ZjP4CjeZ.js';
+import { r as raf } from './helpers-HEqiOzXb.js';
+import { j as printIonError } from './index-tcQvqkiX.js';
+
+/**
+ * Used to update a scoped component that uses emulated slots. This fires when
+ * content is passed into the slot or when the content inside of a slot changes.
+ * This is not needed for components using native slots in the Shadow DOM.
+ * @internal
+ * @param el The host element to observe
+ * @param slotName mutationCallback will fire when nodes on these slot(s) change
+ * @param mutationCallback The callback to fire whenever the slotted content changes
+ */
+const createSlotMutationController = (el, slotName, mutationCallback) => {
+    let hostMutationObserver;
+    let slottedContentMutationObserver;
+    if (win !== undefined && 'MutationObserver' in win) {
+        const slots = Array.isArray(slotName) ? slotName : [slotName];
+        hostMutationObserver = new MutationObserver((entries) => {
+            for (const entry of entries) {
+                for (const node of entry.addedNodes) {
+                    /**
+                     * Check to see if the added node
+                     *  is our slotted content.
+                     */
+                    if (node.nodeType === Node.ELEMENT_NODE && slots.includes(node.slot)) {
+                        /**
+                         * If so, we want to watch the slotted
+                         * content itself for changes. This lets us
+                         * detect when content inside of the slot changes.
+                         */
+                        mutationCallback();
+                        /**
+                         * Adding the listener in an raf
+                         * waits until Stencil moves the slotted element
+                         * into the correct place in the event that
+                         * slotted content is being added.
+                         */
+                        raf(() => watchForSlotChange(node));
+                        return;
+                    }
+                }
+            }
+        });
+        hostMutationObserver.observe(el, {
+            childList: true,
+            /**
+             * This fixes an issue with the `ion-input` and
+             * `ion-textarea` not re-rendering in some cases
+             * when using the label slot functionality.
+             *
+             * HTML element patches in Stencil that are enabled
+             * by the `experimentalSlotFixes` flag in Stencil v4
+             * result in DOM manipulations that won't trigger
+             * the current mutation observer configuration and
+             * callback.
+             */
+            subtree: true,
+        });
+    }
+    /**
+     * Listen for changes inside of the slotted content.
+     * We can listen for subtree changes here to be
+     * informed of text within the slotted content
+     * changing. Doing this on the host is possible
+     * but it is much more expensive to do because
+     * it also listens for changes to the internals
+     * of the component.
+     */
+    const watchForSlotChange = (slottedEl) => {
+        var _a;
+        if (slottedContentMutationObserver) {
+            slottedContentMutationObserver.disconnect();
+            slottedContentMutationObserver = undefined;
+        }
+        slottedContentMutationObserver = new MutationObserver((entries) => {
+            mutationCallback();
+            for (const entry of entries) {
+                for (const node of entry.removedNodes) {
+                    /**
+                     * If the element was removed then we
+                     * need to destroy the MutationObserver
+                     * so the element can be garbage collected.
+                     */
+                    if (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) {
+                        destroySlottedContentObserver();
+                    }
+                }
+            }
+        });
+        /**
+         * Listen for changes inside of the element
+         * as well as anything deep in the tree.
+         * We listen on the parentElement so that we can
+         * detect when slotted element itself is removed.
+         */
+        slottedContentMutationObserver.observe((_a = slottedEl.parentElement) !== null && _a !== void 0 ? _a : slottedEl, { subtree: true, childList: true });
+    };
+    const destroy = () => {
+        if (hostMutationObserver) {
+            hostMutationObserver.disconnect();
+            hostMutationObserver = undefined;
+        }
+        destroySlottedContentObserver();
+    };
+    const destroySlottedContentObserver = () => {
+        if (slottedContentMutationObserver) {
+            slottedContentMutationObserver.disconnect();
+            slottedContentMutationObserver = undefined;
+        }
+    };
+    return {
+        destroy,
+    };
+};
+
+const getCounterText = (value, maxLength, counterFormatter) => {
+    const valueLength = value == null ? 0 : value.toString().length;
+    const defaultCounterText = defaultCounterFormatter(valueLength, maxLength);
+    /**
+     * If developers did not pass a custom formatter,
+     * use the default one.
+     */
+    if (counterFormatter === undefined) {
+        return defaultCounterText;
+    }
+    /**
+     * Otherwise, try to use the custom formatter
+     * and fallback to the default formatter if
+     * there was an error.
+     */
+    try {
+        return counterFormatter(valueLength, maxLength);
+    }
+    catch (e) {
+        printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
+        return defaultCounterText;
+    }
+};
+const defaultCounterFormatter = (length, maxlength) => {
+    return `${length} / ${maxlength}`;
+};
+
+export { createSlotMutationController as c, getCounterText as g };