@ionic/core 8.8.19-dev.11787007863.1976a30e → 8.8.19-dev.11787083540.1511caf2

package/dist/cjs/{index-P1nQxrpZ.js → index-BJ2-LydH.js}

@@ -3,18 +3,14 @@
  */
 'use strict';
 
-var gestureController = require('./gesture-controller-BDUH7687.js');
+var gestureController = require('./gesture-controller-dtqlP_q4.js');
 
 const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {
-    // use event listener options when supported
-    // otherwise it's just a boolean for the "capture" arg
-    const listenerOpts = supportsPassive(el)
-        ? {
-            capture: false,
-            passive: !!opts.passive,
-        }
-        : false;
+    const listenerOpts = {
+        capture: false,
+        passive: !!opts.passive,
+    };
     let add;
     let remove;
     if (el['__zone_symbol__addEventListener']) {
@@ -30,25 +26,6 @@ eventName, callback, opts) => {
         el[remove](eventName, callback, listenerOpts);
     };
 };
-const supportsPassive = (node) => {
-    if (_sPassive === undefined) {
-        try {
-            const opts = Object.defineProperty({}, 'passive', {
-                get: () => {
-                    _sPassive = true;
-                },
-            });
-            node.addEventListener('optsTest', () => {
-                return;
-            }, opts);
-        }
-        catch {
-            _sPassive = false;
-        }
-    }
-    return !!_sPassive;
-};
-let _sPassive;
 
 const MOUSE_WAIT = 2000;
 // TODO(FW-2832): types
@@ -225,13 +202,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;
@@ -346,7 +317,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/cjs/{index-uvry__L4.js → index-BfaXsATC.js}

@@ -26,7 +26,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));
     }
@@ -58,7 +60,7 @@ const configFromSession = (win) => {
         const configStr = win.sessionStorage.getItem(IONIC_SESSION_KEY);
         return configStr !== null ? JSON.parse(configStr) : {};
     }
-    catch {
+    catch (e) {
         return {};
     }
 };
@@ -66,7 +68,7 @@ const saveConfig = (win, c) => {
     try {
         win.sessionStorage.setItem(IONIC_SESSION_KEY, JSON.stringify(c));
     }
-    catch {
+    catch (e) {
         return;
     }
 };
@@ -80,7 +82,7 @@ const configFromURL = (win) => {
         try {
             return [decodeURIComponent(key), decodeURIComponent(value)];
         }
-        catch {
+        catch (e) {
             return ['', ''];
         }
     })
@@ -102,28 +104,7 @@ exports.LogLevel = void 0;
     LogLevel["OFF"] = "OFF";
     LogLevel["ERROR"] = "ERROR";
     LogLevel["WARN"] = "WARN";
-    LogLevel["DEBUG"] = "DEBUG";
 })(exports.LogLevel || (exports.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 = {
-    [exports.LogLevel.OFF]: 0,
-    [exports.LogLevel.ERROR]: 1,
-    [exports.LogLevel.WARN]: 2,
-    [exports.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', exports.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.
@@ -131,7 +112,8 @@ const isLogLevelEnabled = (minimum) => {
  * @param message - The string message to be logged to the console.
  */
 const printIonWarning = (message, ...params) => {
-    if (isLogLevelEnabled(exports.LogLevel.WARN)) {
+    const logLevel = config.get('logLevel', exports.LogLevel.WARN);
+    if ([exports.LogLevel.WARN].includes(logLevel)) {
         return console.warn(`[Ionic Warning]: ${message}`, ...params);
     }
 };
@@ -143,7 +125,8 @@ const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 const printIonError = (message, ...params) => {
-    if (isLogLevelEnabled(exports.LogLevel.ERROR)) {
+    const logLevel = config.get('logLevel', exports.LogLevel.ERROR);
+    if ([exports.LogLevel.ERROR, exports.LogLevel.WARN].includes(logLevel)) {
         return console.error(`[Ionic Error]: ${message}`, ...params);
     }
 };
@@ -319,10 +302,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ion-chip.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ion-datetime.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ion-datetime.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ion-input.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -431,6 +410,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ion-avatar_3.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ion-datetime_3.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ion-datetime_3.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ion-fab_3.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */

package/dist/cjs/{index-D48vawBq.js → index-CD92bI7B.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var helpers = require('./helpers-CaLhEmTE.js');
-var index = require('./index-uvry__L4.js');
+var helpers = require('./helpers-DdZyl6WL.js');
+var index = require('./index-BfaXsATC.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/cjs/{index-Ck9advCT.js → index-CukZnH1U.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var helpers = require('./helpers-CaLhEmTE.js');
+var index = require('./index-BfaXsATC.js');
+var helpers = require('./helpers-DdZyl6WL.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -45,7 +45,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');
             }
         }
@@ -120,8 +120,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-KvuRAe2W.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-Bjl5Ozph.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-CTiTDh3m.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-BpiTAaqF.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/cjs/{index-D2X6b92x.js → index-DOiZqxWZ.js}

@@ -4,11 +4,11 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var hardwareBackButton = require('./hardware-back-button-fqpYh-kd.js');
-var index$1 = require('./index-uvry__L4.js');
-var helpers = require('./helpers-CaLhEmTE.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
-var animation = require('./animation-C0mOHzej.js');
+var hardwareBackButton = require('./hardware-back-button-CXmUnTJC.js');
+var index$1 = require('./index-BfaXsATC.js');
+var helpers = require('./helpers-DdZyl6WL.js');
+var ionicGlobal = require('./ionic-global-BerQGEpE.js');
+var animation = require('./animation-Ch16T-Nb.js');
 
 /**
  * baseAnimation
@@ -139,6 +139,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 {
@@ -274,7 +275,7 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    index.doc?.addEventListener('ionBackButton', (ev) => {
+    index.doc === null || index.doc === void 0 ? void 0 : index.doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
             ev.detail.register(hardwareBackButton.MENU_BACK_BUTTON_PRIORITY, () => {

package/dist/cjs/{index-wOmugbdg.js → index-DqmRDbxg.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-/* 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>";

package/dist/cjs/{index-BlshL9ib.js → index-MWAIyVLl.js}

@@ -4,8 +4,9 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-CaLhEmTE.js');
-require('./index-uvry__L4.js');
+var helpers = require('./helpers-DdZyl6WL.js');
+require('./index-BfaXsATC.js');
+require('./dir-DD0jPVH3.js');
 
 const startTapClick = (config) => {
     if (index.doc === undefined) {

package/dist/cjs/index.cjs.js

@@ -3,24 +3,24 @@
  */
 'use strict';
 
-var animation = require('./animation-C0mOHzej.js');
-var index = require('./index-Ck9advCT.js');
-var ios_transition = require('./ios.transition-KvuRAe2W.js');
-var md_transition = require('./md.transition-Bjl5Ozph.js');
+var animation = require('./animation-Ch16T-Nb.js');
+var index = require('./index-CukZnH1U.js');
+var ios_transition = require('./ios.transition-CTiTDh3m.js');
+var md_transition = require('./md.transition-BpiTAaqF.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var index$1 = require('./index-P1nQxrpZ.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
-var helpers = require('./helpers-CaLhEmTE.js');
-var index$2 = require('./index-uvry__L4.js');
-var index$3 = require('./index-B7zJsYWS.js');
-var config = require('./config-CjUbvdPW.js');
-var theme = require('./theme-Bw0rpaNN.js');
-var index$4 = require('./index-D2X6b92x.js');
-var overlays = require('./overlays-IlP4H2Gn.js');
+var index$1 = require('./index-BJ2-LydH.js');
+var ionicGlobal = require('./ionic-global-BerQGEpE.js');
+var helpers = require('./helpers-DdZyl6WL.js');
+var index$2 = require('./index-BfaXsATC.js');
+var config = require('./config-D6C-KlA9.js');
+var theme = require('./theme-CeDs6Hcv.js');
+var index$3 = require('./index-DOiZqxWZ.js');
+var overlays = require('./overlays-CQ_c1fko.js');
 require('./index-DkNv4J_i.js');
-require('./gesture-controller-BDUH7687.js');
-require('./hardware-back-button-fqpYh-kd.js');
-require('./framework-delegate-NTLQ5YzV.js');
+require('./gesture-controller-dtqlP_q4.js');
+require('./dir-DD0jPVH3.js');
+require('./hardware-back-button-CXmUnTJC.js');
+require('./framework-delegate-CEzl4MEA.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;
@@ -140,15 +140,16 @@ Object.defineProperty(exports, "LogLevel", {
     enumerable: true,
     get: function () { return index$2.LogLevel; }
 });
-exports.IonicSafeString = index$3.IonicSafeString;
+exports.IonicSafeString = config.IonicSafeString;
 exports.getMode = config.getMode;
 exports.setupConfig = config.setupConfig;
 exports.openURL = theme.openURL;
-exports.menuController = index$4.menuController;
+exports.menuController = index$3.menuController;
 exports.actionSheetController = overlays.actionSheetController;
 exports.alertController = overlays.alertController;
 exports.loadingController = overlays.loadingController;
 exports.modalController = overlays.modalController;
+exports.pickerController = overlays.pickerController;
 exports.popoverController = overlays.popoverController;
 exports.toastController = overlays.toastController;
 exports.IonicSlides = IonicSlides;

package/dist/cjs/{input-shims-DvHAFqiP.js → input-shims-CPKgrIe3.js}

@@ -4,10 +4,11 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var index$1 = require('./index-D48vawBq.js');
-var helpers = require('./helpers-CaLhEmTE.js');
-var keyboard = require('./keyboard-cHxZlTyz.js');
-require('./index-uvry__L4.js');
+var index$1 = require('./index-CD92bI7B.js');
+var helpers = require('./helpers-DdZyl6WL.js');
+var keyboard = require('./keyboard-UuAS4D_9.js');
+require('./index-BfaXsATC.js');
+require('./dir-DD0jPVH3.js');
 require('./capacitor-DmA66EwP.js');
 
 const cloneMap = new WeakMap();
@@ -177,7 +178,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) => {
@@ -351,7 +353,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      */
     const focusOut = () => {
         hasKeyboardBeenPresentedForTextField = false;
-        index.win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
     /**
@@ -371,13 +373,13 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
             return;
         }
         jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput, platformHeight);
-        index.win?.addEventListener('ionKeyboardDidShow', keyboardShow);
+        index.win === null || index.win === void 0 ? void 0 : index.win.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        index.win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -386,6 +388,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
@@ -410,7 +413,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/cjs/input.utils-DQaUGGed.js

@@ -0,0 +1,150 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+var index = require('./index-DkNv4J_i.js');
+var helpers = require('./helpers-DdZyl6WL.js');
+var index$1 = require('./index-BfaXsATC.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 (index.win !== undefined && 'MutationObserver' in index.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.
+                         */
+                        helpers.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) {
+        index$1.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
+        return defaultCounterText;
+    }
+};
+const defaultCounterFormatter = (length, maxlength) => {
+    return `${length} / ${maxlength}`;
+};
+
+exports.createSlotMutationController = createSlotMutationController;
+exports.getCounterText = getCounterText;