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

package/dist/cjs/config-D6C-KlA9.js

@@ -0,0 +1,201 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+var index = require('./index-BfaXsATC.js');
+
+/**
+ * Does a simple sanitization of all elements
+ * in an untrusted string
+ */
+const sanitizeDOMString = (untrustedString) => {
+    try {
+        if (untrustedString instanceof IonicSafeString) {
+            return untrustedString.value;
+        }
+        if (!isSanitizerEnabled() || typeof untrustedString !== 'string' || untrustedString === '') {
+            return untrustedString;
+        }
+        /**
+         * onload is fired when appending to a document
+         * fragment in Chrome. If a string
+         * contains onload then we should not
+         * attempt to add this to the fragment.
+         */
+        if (untrustedString.includes('onload=')) {
+            return '';
+        }
+        /**
+         * Create a document fragment
+         * separate from the main DOM,
+         * create a div to do our work in
+         */
+        const documentFragment = document.createDocumentFragment();
+        const workingDiv = document.createElement('div');
+        documentFragment.appendChild(workingDiv);
+        workingDiv.innerHTML = untrustedString;
+        /**
+         * Remove any elements
+         * that are blocked
+         */
+        blockedTags.forEach((blockedTag) => {
+            const getElementsToRemove = documentFragment.querySelectorAll(blockedTag);
+            for (let elementIndex = getElementsToRemove.length - 1; elementIndex >= 0; elementIndex--) {
+                const element = getElementsToRemove[elementIndex];
+                if (element.parentNode) {
+                    element.parentNode.removeChild(element);
+                }
+                else {
+                    documentFragment.removeChild(element);
+                }
+                /**
+                 * We still need to sanitize
+                 * the children of this element
+                 * as they are left behind
+                 */
+                const childElements = getElementChildren(element);
+                /* eslint-disable-next-line */
+                for (let childIndex = 0; childIndex < childElements.length; childIndex++) {
+                    sanitizeElement(childElements[childIndex]);
+                }
+            }
+        });
+        /**
+         * Go through remaining elements and remove
+         * non-allowed attribs
+         */
+        // IE does not support .children on document fragments, only .childNodes
+        const dfChildren = getElementChildren(documentFragment);
+        /* eslint-disable-next-line */
+        for (let childIndex = 0; childIndex < dfChildren.length; childIndex++) {
+            sanitizeElement(dfChildren[childIndex]);
+        }
+        // Append document fragment to div
+        const fragmentDiv = document.createElement('div');
+        fragmentDiv.appendChild(documentFragment);
+        // First child is always the div we did our work in
+        const getInnerDiv = fragmentDiv.querySelector('div');
+        return getInnerDiv !== null ? getInnerDiv.innerHTML : fragmentDiv.innerHTML;
+    }
+    catch (err) {
+        index.printIonError('sanitizeDOMString', err);
+        return '';
+    }
+};
+/**
+ * Clean up current element based on allowed attributes
+ * and then recursively dig down into any child elements to
+ * clean those up as well
+ */
+// TODO(FW-2832): type (using Element triggers other type errors as well)
+const sanitizeElement = (element) => {
+    // IE uses childNodes, so ignore nodes that are not elements
+    if (element.nodeType && element.nodeType !== 1) {
+        return;
+    }
+    /**
+     * If attributes is not a NamedNodeMap
+     * then we should remove the element entirely.
+     * This helps avoid DOM Clobbering attacks where
+     * attributes is overridden.
+     */
+    if (typeof NamedNodeMap !== 'undefined' && !(element.attributes instanceof NamedNodeMap)) {
+        element.remove();
+        return;
+    }
+    for (let i = element.attributes.length - 1; i >= 0; i--) {
+        const attribute = element.attributes.item(i);
+        const attributeName = attribute.name;
+        // remove non-allowed attribs
+        if (!allowedAttributes.includes(attributeName.toLowerCase())) {
+            element.removeAttribute(attributeName);
+            continue;
+        }
+        // clean up any allowed attribs
+        // that attempt to do any JS funny-business
+        const attributeValue = attribute.value;
+        /**
+         * We also need to check the property value
+         * as javascript: can allow special characters
+         * such as &Tab; and still be valid (i.e. java&Tab;script)
+         */
+        const propertyValue = element[attributeName];
+        /* eslint-disable */
+        if ((attributeValue != null && attributeValue.toLowerCase().includes('javascript:')) ||
+            (propertyValue != null && propertyValue.toLowerCase().includes('javascript:'))) {
+            element.removeAttribute(attributeName);
+        }
+        /* eslint-enable */
+    }
+    /**
+     * Sanitize any nested children
+     */
+    const childElements = getElementChildren(element);
+    /* eslint-disable-next-line */
+    for (let i = 0; i < childElements.length; i++) {
+        sanitizeElement(childElements[i]);
+    }
+};
+/**
+ * IE doesn't always support .children
+ * so we revert to .childNodes instead
+ */
+// TODO(FW-2832): type
+const getElementChildren = (el) => {
+    return el.children != null ? el.children : el.childNodes;
+};
+const isSanitizerEnabled = () => {
+    var _a;
+    const win = window;
+    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
+    if (config) {
+        if (config.get) {
+            return config.get('sanitizerEnabled', true);
+        }
+        else {
+            return config.sanitizerEnabled === true || config.sanitizerEnabled === undefined;
+        }
+    }
+    return true;
+};
+const allowedAttributes = ['class', 'id', 'href', 'src', 'name', 'slot'];
+const blockedTags = ['script', 'style', 'iframe', 'meta', 'link', 'object', 'embed'];
+class IonicSafeString {
+    constructor(value) {
+        this.value = value;
+    }
+}
+
+const setupConfig = (config) => {
+    const win = window;
+    const Ionic = win.Ionic;
+    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+    if (Ionic && Ionic.config && Ionic.config.constructor.name !== 'Object') {
+        return;
+    }
+    win.Ionic = win.Ionic || {};
+    win.Ionic.config = Object.assign(Object.assign({}, win.Ionic.config), config);
+    return win.Ionic.config;
+};
+const getMode = () => {
+    var _a;
+    const win = window;
+    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
+    if (config) {
+        if (config.mode) {
+            return config.mode;
+        }
+        else {
+            return config.get('mode');
+        }
+    }
+    return 'md';
+};
+const ENABLE_HTML_CONTENT_DEFAULT = false;
+
+exports.ENABLE_HTML_CONTENT_DEFAULT = ENABLE_HTML_CONTENT_DEFAULT;
+exports.IonicSafeString = IonicSafeString;
+exports.getMode = getMode;
+exports.sanitizeDOMString = sanitizeDOMString;
+exports.setupConfig = setupConfig;

package/dist/cjs/dir-DD0jPVH3.js

@@ -0,0 +1,31 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+/**
+ * Returns `true` if the direction resolves to `rtl` for the given element.
+ *
+ * The direction comes from the nearest ancestor that declares one, starting
+ * with `hostEl` itself, and falls back to the root document value. Setting
+ * `dir="auto"` or setting `dir` to an empty string are skipped rather than
+ * treated as `ltr`. When nothing declares a direction, including the document,
+ * the direction is `ltr`.
+ *
+ * @param hostEl the element to resolve the direction for.
+ */
+const isRTL = (hostEl) => {
+    var _a, _b;
+    for (let el = hostEl; el; el = el.parentElement) {
+        const dir = (_a = el.getAttribute('dir')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        if (dir === 'rtl') {
+            return true;
+        }
+        if (dir === 'ltr') {
+            return false;
+        }
+    }
+    return ((_b = document === null || document === void 0 ? void 0 : document.dir) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'rtl';
+};
+
+exports.isRTL = isRTL;

package/dist/cjs/{format-pp0Du3K-.js → format-BUFWn4Bn.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
+var index = require('./index-BfaXsATC.js');
 
 /**
  * Returns true if the selected day is equal to the reference day
@@ -313,19 +313,19 @@ const parseMaxParts = (max, todayParts) => {
      * so that the correct initial value can be selected. As a result,
      * we need to fill in any omitted data with the min or max values.
      */
-    const yearValue = year ?? todayParts.year;
-    const monthValue = month ?? 12;
+    const yearValue = year !== null && year !== void 0 ? year : todayParts.year;
+    const monthValue = month !== null && month !== void 0 ? month : 12;
     return {
         month: monthValue,
-        day: day ?? getNumDaysInMonth(monthValue, yearValue),
+        day: day !== null && day !== void 0 ? day : getNumDaysInMonth(monthValue, yearValue),
         /**
          * Passing in "HH:mm" is a valid ISO-8601
          * string, so we just default to the current year
          * in this case.
          */
         year: yearValue,
-        hour: hour ?? 23,
-        minute: minute ?? 59,
+        hour: hour !== null && hour !== void 0 ? hour : 23,
+        minute: minute !== null && minute !== void 0 ? minute : 59,
     };
 };
 /**
@@ -354,16 +354,16 @@ const parseMinParts = (min, todayParts) => {
      * we need to fill in any omitted data with the min or max values.
      */
     return {
-        month: month ?? 1,
-        day: day ?? 1,
+        month: month !== null && month !== void 0 ? month : 1,
+        day: day !== null && day !== void 0 ? day : 1,
         /**
          * Passing in "HH:mm" is a valid ISO-8601
          * string, so we just default to the current year
          * in this case.
          */
-        year: year ?? todayParts.year,
-        hour: hour ?? 0,
-        minute: minute ?? 0,
+        year: year !== null && year !== void 0 ? year : todayParts.year,
+        hour: hour !== null && hour !== void 0 ? hour : 0,
+        minute: minute !== null && minute !== void 0 ? minute : 0,
     };
 };
 
@@ -645,7 +645,7 @@ const calculateHourFromAMPM = (currentParts, newAMPM) => {
  */
 const validateParts = (parts, minParts, maxParts) => {
     const { month, day, year } = parts;
-    const partsCopy = clampDate({ ...parts }, minParts, maxParts);
+    const partsCopy = clampDate(Object.assign({}, parts), minParts, maxParts);
     const numDays = getNumDaysInMonth(month, year);
     /**
      * If the max number of days
@@ -721,7 +721,7 @@ const validateParts = (parts, minParts, maxParts) => {
  */
 const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hourValues, minuteValues, minParts, maxParts, }) => {
     const { hour, minute, day, month, year } = refParts;
-    const copyParts = { ...refParts, dayOfWeek: undefined };
+    const copyParts = Object.assign(Object.assign({}, refParts), { dayOfWeek: undefined });
     if (yearValues !== undefined) {
         // Filters out years that are out of the min/max bounds
         const filteredYears = yearValues.filter((year) => {
@@ -752,10 +752,10 @@ const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hou
     if (day !== null && dayValues !== undefined) {
         // Filters out days that are out of the min/max bounds
         const filteredDays = dayValues.filter((day) => {
-            if (minParts !== undefined && isBefore({ ...copyParts, day }, minParts)) {
+            if (minParts !== undefined && isBefore(Object.assign(Object.assign({}, copyParts), { day }), minParts)) {
                 return false;
             }
-            if (maxParts !== undefined && isAfter({ ...copyParts, day }, maxParts)) {
+            if (maxParts !== undefined && isAfter(Object.assign(Object.assign({}, copyParts), { day }), maxParts)) {
                 return false;
             }
             return true;
@@ -765,10 +765,10 @@ const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hou
     if (hour !== undefined && hourValues !== undefined) {
         // Filters out hours that are out of the min/max bounds
         const filteredHours = hourValues.filter((hour) => {
-            if (minParts?.hour !== undefined && isSameDay(copyParts, minParts) && hour < minParts.hour) {
+            if ((minParts === null || minParts === void 0 ? void 0 : minParts.hour) !== undefined && isSameDay(copyParts, minParts) && hour < minParts.hour) {
                 return false;
             }
-            if (maxParts?.hour !== undefined && isSameDay(copyParts, maxParts) && hour > maxParts.hour) {
+            if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.hour) !== undefined && isSameDay(copyParts, maxParts) && hour > maxParts.hour) {
                 return false;
             }
             return true;
@@ -779,13 +779,13 @@ const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hou
     if (minute !== undefined && minuteValues !== undefined) {
         // Filters out minutes that are out of the min/max bounds
         const filteredMinutes = minuteValues.filter((minute) => {
-            if (minParts?.minute !== undefined &&
+            if ((minParts === null || minParts === void 0 ? void 0 : minParts.minute) !== undefined &&
                 isSameDay(copyParts, minParts) &&
                 copyParts.hour === minParts.hour &&
                 minute < minParts.minute) {
                 return false;
             }
-            if (maxParts?.minute !== undefined &&
+            if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.minute) !== undefined &&
                 isSameDay(copyParts, maxParts) &&
                 copyParts.hour === maxParts.hour &&
                 minute > maxParts.minute) {
@@ -840,8 +840,7 @@ const getFormattedDayPeriod = (dayPeriod) => {
  * confusion.
  */
 const stripTimeZone = (formatOptions) => {
-    return {
-        ...formatOptions,
+    return Object.assign(Object.assign({}, formatOptions), {
         /**
          * Setting the time zone to UTC ensures that the value shown is always the
          * same as what was selected and safeguards against older Safari bugs with
@@ -851,8 +850,8 @@ const stripTimeZone = (formatOptions) => {
         /**
          * We do not want to display the time zone name
          */
-        timeZoneName: undefined,
-    };
+        timeZoneName: undefined
+    });
 };
 const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: 'numeric', minute: 'numeric' }) => {
     const timeParts = {
@@ -862,20 +861,13 @@ const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: '
     if (timeParts.hour === undefined || timeParts.minute === undefined) {
         return 'Invalid Time';
     }
-    return new Intl.DateTimeFormat(locale, {
-        ...stripTimeZone(formatOptions),
+    return new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, stripTimeZone(formatOptions)), {
         /**
          * We use hourCycle here instead of hour12 due to:
          * https://bugs.chromium.org/p/chromium/issues/detail?id=1347316&q=hour12&can=2
          */
-        hourCycle,
-        /**
-         * Setting Z at the end indicates that this
-         * date string is in the UTC time zone. This
-         * prevents new Date from adding the time zone
-         * offset when getting the ISO string.
-         */
-    }).format(new Date(convertDataToISO({
+        hourCycle
+    })).format(new Date(convertDataToISO(Object.assign({
         /**
          * JS uses a simplified ISO 8601 format which allows for
          * date-only formats and date-time formats, but not
@@ -887,11 +879,8 @@ const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: '
          * values, so passing these date values should have no impact
          * on the time output.
          */
-        year: 2023,
-        day: 1,
-        month: 1,
-        ...timeParts,
-    }) + 'Z'));
+        year: 2023, day: 1, month: 1
+    }, timeParts)) + 'Z'));
 };
 /**
  * Adds padding to a time value so
@@ -1000,6 +989,7 @@ const getYear = (locale, refParts) => {
  * with a normalized time.
  */
 const getNormalizedDate = (refParts) => {
+    var _a, _b, _c;
     const timeString = refParts.hour !== undefined && refParts.minute !== undefined ? ` ${refParts.hour}:${refParts.minute}` : '';
     /**
      * We use / notation here for the date
@@ -1011,7 +1001,7 @@ const getNormalizedDate = (refParts) => {
      * account for this and still return a valid date. However,
      * this is not a consistent behavior across all browsers.
      */
-    return new Date(`${refParts.month ?? 1}/${refParts.day ?? 1}/${refParts.year ?? 2023}${timeString} GMT+0000`);
+    return new Date(`${(_a = refParts.month) !== null && _a !== void 0 ? _a : 1}/${(_b = refParts.day) !== null && _b !== void 0 ? _b : 1}/${(_c = refParts.year) !== null && _c !== void 0 ? _c : 2023}${timeString} GMT+0000`);
 };
 /**
  * Given a locale, DatetimeParts, and options
@@ -1042,7 +1032,7 @@ const getLocalizedDateTimeParts = (locale, refParts, options) => {
  * with Intl.DateTimeFormat.
  */
 const getDateTimeFormat = (locale, options) => {
-    return new Intl.DateTimeFormat(locale, { ...options, timeZone: 'UTC' });
+    return new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, options), { timeZone: 'UTC' }));
 };
 /**
  * Gets a localized version of "Today"

package/dist/cjs/{framework-delegate-NTLQ5YzV.js → framework-delegate-CEzl4MEA.js}

@@ -3,17 +3,18 @@
  */
 'use strict';
 
-var helpers = require('./helpers-CaLhEmTE.js');
+var helpers = require('./helpers-DdZyl6WL.js');
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
+    var _a;
     if (delegate) {
         return delegate.attachViewToDom(container, component, componentProps, cssClasses);
     }
     if (!inline && typeof component !== 'string' && !(component instanceof HTMLElement)) {
         throw new Error('framework delegate is missing');
     }
-    const el = typeof component === 'string' ? container.ownerDocument?.createElement(component) : component;
+    const el = typeof component === 'string' ? (_a = container.ownerDocument) === null || _a === void 0 ? void 0 : _a.createElement(component) : component;
     if (cssClasses) {
         cssClasses.forEach((c) => el.classList.add(c));
     }
@@ -38,6 +39,7 @@ const CoreDelegate = () => {
     let BaseComponent;
     let Reference;
     const attachViewToDom = async (parentElement, userComponent, userComponentProps = {}, cssClasses = []) => {
+        var _a, _b;
         BaseComponent = parentElement;
         let ChildComponent;
         /**
@@ -50,7 +52,7 @@ const CoreDelegate = () => {
              * the element otherwise just get a reference
              * to the component.
              */
-            const el = typeof userComponent === 'string' ? BaseComponent.ownerDocument?.createElement(userComponent) : userComponent;
+            const el = typeof userComponent === 'string' ? (_a = BaseComponent.ownerDocument) === null || _a === void 0 ? void 0 : _a.createElement(userComponent) : userComponent;
             /**
              * Add any css classes passed in
              * via the cssClasses prop on the overlay.
@@ -82,7 +84,7 @@ const CoreDelegate = () => {
                  * that the overlay has not been presented yet and we need
                  * to create the containing element with the specified classes.
                  */
-                const el = BaseComponent.ownerDocument?.createElement('div');
+                const el = (_b = BaseComponent.ownerDocument) === null || _b === void 0 ? void 0 : _b.createElement('div');
                 // Add a class to track if the root element was created by the delegate.
                 el.classList.add('ion-delegate-host');
                 cssClasses.forEach((c) => el.classList.add(c));
@@ -122,7 +124,7 @@ const CoreDelegate = () => {
          * in the event that a modal or popover is presented
          * with no child content.
          */
-        return ChildComponent ?? BaseComponent;
+        return ChildComponent !== null && ChildComponent !== void 0 ? ChildComponent : BaseComponent;
     };
     const removeViewFromDom = () => {
         /**

package/dist/cjs/{gesture-controller-BDUH7687.js → gesture-controller-dtqlP_q4.js}

@@ -4,16 +4,18 @@
 'use strict';
 
 class GestureController {
-    gestureId = 0;
-    requestedStart = new Map();
-    disabledGestures = new Map();
-    disabledScroll = new Set();
-    capturedId;
+    constructor() {
+        this.gestureId = 0;
+        this.requestedStart = new Map();
+        this.disabledGestures = new Map();
+        this.disabledScroll = new Set();
+    }
     /**
      * Creates a gesture delegate based on the GestureConfig passed
      */
     createGesture(config) {
-        return new GestureDelegate(this, this.newID(), config.name, config.priority ?? 0, !!config.disableScroll);
+        var _a;
+        return new GestureDelegate(this, this.newID(), config.name, (_a = config.priority) !== null && _a !== void 0 ? _a : 0, !!config.disableScroll);
     }
     /**
      * Creates a blocker that will block any other gesture events from firing. Set in the ion-gesture component.
@@ -109,11 +111,6 @@ class GestureController {
     }
 }
 class GestureDelegate {
-    id;
-    name;
-    disableScroll;
-    ctrl;
-    priority;
     constructor(ctrl, id, name, priority, disableScroll) {
         this.id = id;
         this.name = name;
@@ -157,10 +154,6 @@ class GestureDelegate {
     }
 }
 class BlockerDelegate {
-    id;
-    disable;
-    disableScroll;
-    ctrl;
     constructor(ctrl, id, disable, disableScroll) {
         this.id = id;
         this.disable = disable;

package/dist/cjs/{haptic-Ch-X4gRx.js → haptic-ClPPQ_PS.js}

@@ -50,7 +50,7 @@ var NotificationType;
 const HapticEngine = {
     getEngine() {
         const capacitor$1 = capacitor.getCapacitor();
-        if (capacitor$1?.isPluginAvailable('Haptics')) {
+        if (capacitor$1 === null || capacitor$1 === void 0 ? void 0 : capacitor$1.isPluginAvailable('Haptics')) {
             // Capacitor
             return capacitor$1.Plugins.Haptics;
         }
@@ -71,7 +71,8 @@ const HapticEngine = {
          * the Vibrate API. This check avoids that error
          * if the browser does not support the Vibrate API.
          */
-        if (capacitor$1?.getPlatform() === 'web') {
+        if ((capacitor$1 === null || capacitor$1 === void 0 ? void 0 : capacitor$1.getPlatform()) === 'web') {
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
             return typeof navigator !== 'undefined' && navigator.vibrate !== undefined;
         }
         return true;

package/dist/cjs/{hardware-back-button-fqpYh-kd.js → hardware-back-button-CXmUnTJC.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var index$1 = require('./index-DkNv4J_i.js');
-var index = require('./index-uvry__L4.js');
+var index = require('./index-BfaXsATC.js');
 
 /**
  * CloseWatcher is a newer API that lets
@@ -30,7 +30,7 @@ const shouldUseCloseWatcher = () => index.config.get('experimentalCloseWatcher',
  * will still happen.
  */
 const blockHardwareBackButton = () => {
-    document.addEventListener('backbutton', () => { });
+    document.addEventListener('backbutton', () => { }); // eslint-disable-line
 };
 const startHardwareBackButton = () => {
     const doc = document;
@@ -52,7 +52,7 @@ const startHardwareBackButton = () => {
         doc.dispatchEvent(ev);
         const executeAction = async (handlerRegister) => {
             try {
-                if (handlerRegister?.handler) {
+                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {
                     const result = handlerRegister.handler(processHandlers);
                     if (result != null) {
                         await result;
@@ -91,7 +91,7 @@ const startHardwareBackButton = () => {
     if (shouldUseCloseWatcher()) {
         let watcher;
         const configureWatcher = () => {
-            watcher?.destroy();
+            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
             watcher = new index$1.win.CloseWatcher();
             /**
              * Once a close request happens

package/dist/cjs/{helpers-CaLhEmTE.js → helpers-DdZyl6WL.js}

@@ -3,7 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
+var index = require('./index-BfaXsATC.js');
+var dir = require('./dir-DD0jPVH3.js');
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
@@ -274,18 +275,21 @@ const pointerCoord = (ev) => {
 };
 /**
  * @hidden
- * Given a side, return if it should be on the end
- * based on the value of dir
- * @param side the side
- * @param isRTL whether the application dir is rtl
+ * Given a side, returns whether it resolves to the end side for the current
+ * direction. In RTL `start` is the end side, and in LTR `end` is.
+ *
+ * @param side The current side before being redefined based on the direction.
+ * @param hostEl The component's host element. The direction is resolved from
+ * it or its nearest ancestor that declares one. When omitted, the direction
+ * is resolved from the document.
  */
-const isEndSide = (side) => {
-    const isRTL = document.dir === 'rtl';
+const isEndSide = (side, hostEl) => {
+    const rtl = dir.isRTL(hostEl);
     switch (side) {
         case 'start':
-            return isRTL;
+            return rtl;
         case 'end':
-            return !isRTL;
+            return !rtl;
         default:
             throw new Error(`"${side}" is not a valid value for [side]. Use "start" or "end" instead.`);
     }
@@ -312,8 +316,8 @@ const debounce = (func, wait = 0) => {
  * @returns whether the keys are the same and the values are shallow equal.
  */
 const shallowEqualStringMap = (map1, map2) => {
-    map1 ??= {};
-    map2 ??= {};
+    map1 !== null && map1 !== void 0 ? map1 : (map1 = {});
+    map2 !== null && map2 !== void 0 ? map2 : (map2 = {});
     if (map1 === map2) {
         return true;
     }