@ionic/core 8.8.9-dev.11779403760.13ea2a08 → 8.8.9-dev.11779411201.1a483e09

package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js

@@ -6,7 +6,7 @@
 var index = require('./index-CzcLEdQ5.js');
 var index$1 = require('./index-BJrpF9T3.js');
 var ionicGlobal = require('./ionic-global-BW5tRzrz.js');
-var config = require('./config-BiqQSDrb.js');
+var config = require('./config-OJmFhoxl.js');
 require('./helpers-DJYxKN5U.js');
 require('./focus-visible-BIj-I3-C.js');
 

package/dist/cjs/ion-loading.cjs.entry.js

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-CzcLEdQ5.js');
-var config = require('./config-BiqQSDrb.js');
+var config = require('./config-OJmFhoxl.js');
 var helpers = require('./helpers-DJYxKN5U.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
 var overlays = require('./overlays-BuMIwR8B.js');

package/dist/cjs/ion-refresher_2.cjs.entry.js

@@ -10,7 +10,7 @@ var helpers = require('./helpers-DJYxKN5U.js');
 var haptic = require('./haptic-CQJGW58i.js');
 var ionicGlobal = require('./ionic-global-BW5tRzrz.js');
 var animation = require('./animation-BZJ2wKuM.js');
-var config = require('./config-BiqQSDrb.js');
+var config = require('./config-OJmFhoxl.js');
 var index$2 = require('./index-CgAbCW6L.js');
 var spinnerConfigs = require('./spinner-configs-DxHKnd3-.js');
 require('./focus-visible-BIj-I3-C.js');

package/dist/cjs/ion-select_3.cjs.entry.js

@@ -5,7 +5,7 @@
 
 var index = require('./index-CzcLEdQ5.js');
 var caretDown = require('./caret-down-vtVgfXIs.js');
-var config = require('./config-BiqQSDrb.js');
+var config = require('./config-OJmFhoxl.js');
 var notchController = require('./notch-controller-BTZCPOsd.js');
 var compareWithUtils = require('./compare-with-utils-DSicavqM.js');
 var validity = require('./validity-QmuwEptc.js');
@@ -947,7 +947,7 @@ const Select = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (index.h(index.Host, { key: 'b5c213595ee043d842a7b7d64aa142955db0ad88', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'ce995037cea6ce309ead79f881772c628086ab45', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'in-item-color': theme.hostContext('ion-item.ion-color', el),
@@ -966,7 +966,7 @@ const Select = class {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, index.h("label", { key: '4b301ea9bc752639b1a5ad2ffbacddda86aba4e9', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), index.h("div", { key: 'eed3a60c53e9215d3c06857f0b1ad9e2f8fb7d61', class: "select-wrapper-inner", part: "inner" }, 
+            }) }, index.h("label", { key: '862fa9d03a7feeeac05463842898849001724cef', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), index.h("div", { key: '1e91cc271790756a97cfc0c8caaca767ba793467', class: "select-wrapper-inner", part: "inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -976,7 +976,7 @@ const Select = class {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: 'f567c3512f1c1482f5854cc09bcca2067431dc51', class: "select-outline" }), index.h("slot", { key: '4a332f517ee89bdb6da84c0dee9dea5f35f5a6cd', name: "start" }), index.h("div", { key: 'e9c541dcfe4b9d3cad4d4c3c094d7666e947cd46', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '3c663f69f85fd87ece0f2da081a3b64e5e140bde', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: '336f7c9564b7e19a8b93e2d8a497dbd3e5e4e993', class: "select-highlight" })), this.renderBottomContent()));
+        theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: '14a2a14daa10625fa59f8f148e124a1c0c147319', class: "select-outline" }), index.h("slot", { key: 'a5a4372feffbeb3652e6045e64cbfacb66c58da9', name: "start" }), index.h("div", { key: 'b6ac054eaca720a21e0617cf413e576ef23a60e8', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '140d299760a7c7f186b31e9e38f968534b1e116a', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: 'b1a1e98302b0e87c3cd850e9abd8faf946a2b492', class: "select-highlight" })), this.renderBottomContent()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1129,6 +1129,17 @@ const getOptionContent = (option, slotName, useHTML = false) => {
     if (!slotName && nodes.every((n) => n.nodeType === Node.TEXT_NODE)) {
         return nodes.map((n) => { var _a; return (_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim(); }).join(' ') || null;
     }
+    /**
+     * Mirror known custom-element properties (e.g. ion-icon's `icon`)
+     * onto attributes before cloning. Frameworks like Vue set these as
+     * DOM properties, which `cloneNode` doesn't copy, so without this
+     * step the cloned overlay copy renders without the prop's value.
+     */
+    nodes.forEach((n) => {
+        if (n.nodeType === Node.ELEMENT_NODE) {
+            config.reflectPropertiesToAttributes(n);
+        }
+    });
     // Clone each node into a temporary container
     const container = document.createElement('div');
     nodes.forEach((n) => {
@@ -1142,9 +1153,11 @@ const getOptionContent = (option, slotName, useHTML = false) => {
         }
         container.appendChild(clone);
     });
-    // Sanitize the cloned DOM in place. Author-written attributes (size,
-    // color, shape, etc.) are preserved; event handlers, javascript: URLs,
-    // and blocked tags are stripped.
+    /**
+     * Sanitize the cloned DOM in place. Trusted attributes (size, color,
+     * shape, etc.) are preserved; event handlers, javascript: URLs, and
+     * blocked tags are stripped.
+     */
     config.sanitizeDOMTree(container);
     if (useHTML) {
         return container.innerHTML.trim() || null;

package/dist/cjs/ion-toast.cjs.entry.js

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-CzcLEdQ5.js');
-var config = require('./config-BiqQSDrb.js');
+var config = require('./config-OJmFhoxl.js');
 var helpers = require('./helpers-DJYxKN5U.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
 var overlays = require('./overlays-BuMIwR8B.js');

package/dist/collection/components/select/select.js

@@ -9,7 +9,7 @@ import { focusVisibleElement, renderHiddenInput, inheritAttributes } from "../..
 import { printIonWarning } from "../../utils/logging/index";
 import { actionSheetController, alertController, popoverController, modalController } from "../../utils/overlays";
 import { isRTL } from "../../utils/rtl/index";
-import { sanitizeDOMTree } from "../../utils/sanitization/index";
+import { reflectPropertiesToAttributes, sanitizeDOMTree } from "../../utils/sanitization/index";
 import { createColorClasses, hostContext } from "../../utils/theme";
 import { watchForOptions } from "../../utils/watch-options";
 import { caretDownSharp, chevronExpand } from "ionicons/icons";
@@ -994,7 +994,7 @@ export class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: 'b5c213595ee043d842a7b7d64aa142955db0ad88', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'ce995037cea6ce309ead79f881772c628086ab45', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -1013,7 +1013,7 @@ export class Select {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, h("label", { key: '4b301ea9bc752639b1a5ad2ffbacddda86aba4e9', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: 'eed3a60c53e9215d3c06857f0b1ad9e2f8fb7d61', class: "select-wrapper-inner", part: "inner" }, 
+            }) }, h("label", { key: '862fa9d03a7feeeac05463842898849001724cef', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '1e91cc271790756a97cfc0c8caaca767ba793467', class: "select-wrapper-inner", part: "inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -1023,7 +1023,7 @@ export class Select {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: 'f567c3512f1c1482f5854cc09bcca2067431dc51', class: "select-outline" }), h("slot", { key: '4a332f517ee89bdb6da84c0dee9dea5f35f5a6cd', name: "start" }), h("div", { key: 'e9c541dcfe4b9d3cad4d4c3c094d7666e947cd46', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '3c663f69f85fd87ece0f2da081a3b64e5e140bde', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '336f7c9564b7e19a8b93e2d8a497dbd3e5e4e993', class: "select-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '14a2a14daa10625fa59f8f148e124a1c0c147319', class: "select-outline" }), h("slot", { key: 'a5a4372feffbeb3652e6045e64cbfacb66c58da9', name: "start" }), h("div", { key: 'b6ac054eaca720a21e0617cf413e576ef23a60e8', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '140d299760a7c7f186b31e9e38f968534b1e116a', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'b1a1e98302b0e87c3cd850e9abd8faf946a2b492', class: "select-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-select"; }
     static get encapsulation() { return "shadow"; }
@@ -1846,6 +1846,17 @@ const getOptionContent = (option, slotName, useHTML = false) => {
     if (!slotName && nodes.every((n) => n.nodeType === Node.TEXT_NODE)) {
         return nodes.map((n) => { var _a; return (_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim(); }).join(' ') || null;
     }
+    /**
+     * Mirror known custom-element properties (e.g. ion-icon's `icon`)
+     * onto attributes before cloning. Frameworks like Vue set these as
+     * DOM properties, which `cloneNode` doesn't copy, so without this
+     * step the cloned overlay copy renders without the prop's value.
+     */
+    nodes.forEach((n) => {
+        if (n.nodeType === Node.ELEMENT_NODE) {
+            reflectPropertiesToAttributes(n);
+        }
+    });
     // Clone each node into a temporary container
     const container = document.createElement('div');
     nodes.forEach((n) => {
@@ -1859,9 +1870,11 @@ const getOptionContent = (option, slotName, useHTML = false) => {
         }
         container.appendChild(clone);
     });
-    // Sanitize the cloned DOM in place. Author-written attributes (size,
-    // color, shape, etc.) are preserved; event handlers, javascript: URLs,
-    // and blocked tags are stripped.
+    /**
+     * Sanitize the cloned DOM in place. Trusted attributes (size, color,
+     * shape, etc.) are preserved; event handlers, javascript: URLs, and
+     * blocked tags are stripped.
+     */
     sanitizeDOMTree(container);
     if (useHTML) {
         return container.innerHTML.trim() || null;

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

@@ -11,7 +11,7 @@ import { printIonError } from "../logging/index";
  *
  * Use this when you have an HTML string from an unknown source and need
  * to render it via `innerHTML`. Prefer `sanitizeDOMTree` when the source
- * is author-controlled DOM that must keep its component attributes
+ * is a trusted DOM tree that must keep its component attributes
  * (`size`, `color`, `shape`, etc.).
  *
  * @param untrustedString - The HTML string to sanitize. Pass an
@@ -95,14 +95,14 @@ export const sanitizeDOMString = (untrustedString) => {
     }
 };
 /**
- * Sanitize an entire author-controlled DOM tree in place.
+ * Sanitize an entire trusted DOM tree in place.
  *
  * Removes blocked tags (`script`, `iframe`, etc.) from the subtree and
- * then sanitizes attributes on every remaining element. Author-written
+ * then sanitizes attributes on every remaining element. Component
  * attributes like `size`, `color`, and `shape` are preserved; event
  * handlers (`on*`) and `javascript:` URLs are stripped.
  *
- * Use this when you have a DOM tree that the developer authored (e.g.
+ * Use this when you have a DOM tree the developer controls (e.g.
  * cloned slot content from a component) and you need to render it
  * elsewhere safely.
  *
@@ -127,7 +127,7 @@ export const sanitizeDOMTree = (root) => {
  * clean those up as well
  */
 // TODO(FW-2832): type (using Element triggers other type errors as well)
-const sanitizeElement = (element, allowSafeAuthorAttributes = false) => {
+const sanitizeElement = (element, allowSafeAttributes = false) => {
     // IE uses childNodes, so ignore nodes that are not elements
     if (element.nodeType && element.nodeType !== 1) {
         return;
@@ -147,12 +147,12 @@ const sanitizeElement = (element, allowSafeAuthorAttributes = false) => {
         const attributeName = attribute.name;
         const lowerName = attributeName.toLowerCase();
         // remove non-allowed attribs
-        if (!allowSafeAuthorAttributes && !allowedAttributes.includes(lowerName)) {
+        if (!allowSafeAttributes && !allowedAttributes.includes(lowerName)) {
             element.removeAttribute(attributeName);
             continue;
         }
         // strip event-handler attributes (already removed by the allowlist
-        // when !allowSafeAuthorAttributes; this guards the permissive path)
+        // when !allowSafeAttributes; this guards the permissive path)
         if (lowerName.startsWith('on')) {
             element.removeAttribute(attributeName);
             continue;
@@ -183,7 +183,7 @@ const sanitizeElement = (element, allowSafeAuthorAttributes = false) => {
     const childElements = getElementChildren(element);
     /* eslint-disable-next-line */
     for (let i = 0; i < childElements.length; i++) {
-        sanitizeElement(childElements[i], allowSafeAuthorAttributes);
+        sanitizeElement(childElements[i], allowSafeAttributes);
     }
 };
 /**
@@ -208,8 +208,55 @@ const isSanitizerEnabled = () => {
     }
     return true;
 };
+/**
+ * Mirror known custom-element DOM properties onto attributes so they
+ * survive `cloneNode`. Call this on a DOM subtree before cloning it for
+ * rendering elsewhere (e.g. cloning slotted option content into an
+ * overlay).
+ *
+ * Only sets the attribute when the property holds a non-empty string
+ * and the attribute isn't already present, so existing attributes
+ * take precedence.
+ *
+ * @param root - The root element whose subtree (and itself) will be
+ * inspected.
+ */
+export const reflectPropertiesToAttributes = (root) => {
+    const candidates = [];
+    if (root.tagName in elementPropsToReflect) {
+        candidates.push(root);
+    }
+    for (const tagName of Object.keys(elementPropsToReflect)) {
+        candidates.push(...Array.from(root.querySelectorAll(tagName.toLowerCase())));
+    }
+    for (const el of candidates) {
+        if (!(el.tagName in elementPropsToReflect)) {
+            continue;
+        }
+        const props = elementPropsToReflect[el.tagName];
+        for (const prop of props) {
+            const value = el[prop];
+            if (typeof value === 'string' && value.length > 0 && !el.hasAttribute(prop)) {
+                el.setAttribute(prop, value);
+            }
+        }
+    }
+};
 const allowedAttributes = ['class', 'id', 'href', 'src', 'name', 'slot'];
 const blockedTags = ['script', 'style', 'iframe', 'meta', 'link', 'object', 'embed'];
+/**
+ * Properties on custom elements that frameworks (Vue, Angular) often
+ * set as DOM properties rather than attributes. `cloneNode` only copies
+ * attributes, so these values are lost when slotted content is cloned
+ * into an overlay. For each known custom element, we mirror the listed
+ * properties onto attributes so the cloned copy still has the data it
+ * needs to render.
+ *
+ * Keyed by uppercased tagName so the lookup matches `Element.tagName`.
+ */
+const elementPropsToReflect = {
+    'ION-ICON': ['icon', 'name', 'src', 'ios', 'md'],
+};
 export class IonicSafeString {
     constructor(value) {
         this.value = value;

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-05-21T22:51:41",
+  "timestamp": "2026-05-22T00:55:46",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.0",

package/dist/esm/{config-DLfuRiEz.js → config-C5F1aoVz.js}

@@ -12,7 +12,7 @@ import { j as printIonError } from './index-Omi_TcwW.js';
  *
  * Use this when you have an HTML string from an unknown source and need
  * to render it via `innerHTML`. Prefer `sanitizeDOMTree` when the source
- * is author-controlled DOM that must keep its component attributes
+ * is a trusted DOM tree that must keep its component attributes
  * (`size`, `color`, `shape`, etc.).
  *
  * @param untrustedString - The HTML string to sanitize. Pass an
@@ -96,14 +96,14 @@ const sanitizeDOMString = (untrustedString) => {
     }
 };
 /**
- * Sanitize an entire author-controlled DOM tree in place.
+ * Sanitize an entire trusted DOM tree in place.
  *
  * Removes blocked tags (`script`, `iframe`, etc.) from the subtree and
- * then sanitizes attributes on every remaining element. Author-written
+ * then sanitizes attributes on every remaining element. Component
  * attributes like `size`, `color`, and `shape` are preserved; event
  * handlers (`on*`) and `javascript:` URLs are stripped.
  *
- * Use this when you have a DOM tree that the developer authored (e.g.
+ * Use this when you have a DOM tree the developer controls (e.g.
  * cloned slot content from a component) and you need to render it
  * elsewhere safely.
  *
@@ -128,7 +128,7 @@ const sanitizeDOMTree = (root) => {
  * clean those up as well
  */
 // TODO(FW-2832): type (using Element triggers other type errors as well)
-const sanitizeElement = (element, allowSafeAuthorAttributes = false) => {
+const sanitizeElement = (element, allowSafeAttributes = false) => {
     // IE uses childNodes, so ignore nodes that are not elements
     if (element.nodeType && element.nodeType !== 1) {
         return;
@@ -148,12 +148,12 @@ const sanitizeElement = (element, allowSafeAuthorAttributes = false) => {
         const attributeName = attribute.name;
         const lowerName = attributeName.toLowerCase();
         // remove non-allowed attribs
-        if (!allowSafeAuthorAttributes && !allowedAttributes.includes(lowerName)) {
+        if (!allowSafeAttributes && !allowedAttributes.includes(lowerName)) {
             element.removeAttribute(attributeName);
             continue;
         }
         // strip event-handler attributes (already removed by the allowlist
-        // when !allowSafeAuthorAttributes; this guards the permissive path)
+        // when !allowSafeAttributes; this guards the permissive path)
         if (lowerName.startsWith('on')) {
             element.removeAttribute(attributeName);
             continue;
@@ -184,7 +184,7 @@ const sanitizeElement = (element, allowSafeAuthorAttributes = false) => {
     const childElements = getElementChildren(element);
     /* eslint-disable-next-line */
     for (let i = 0; i < childElements.length; i++) {
-        sanitizeElement(childElements[i], allowSafeAuthorAttributes);
+        sanitizeElement(childElements[i], allowSafeAttributes);
     }
 };
 /**
@@ -209,8 +209,55 @@ const isSanitizerEnabled = () => {
     }
     return true;
 };
+/**
+ * Mirror known custom-element DOM properties onto attributes so they
+ * survive `cloneNode`. Call this on a DOM subtree before cloning it for
+ * rendering elsewhere (e.g. cloning slotted option content into an
+ * overlay).
+ *
+ * Only sets the attribute when the property holds a non-empty string
+ * and the attribute isn't already present, so existing attributes
+ * take precedence.
+ *
+ * @param root - The root element whose subtree (and itself) will be
+ * inspected.
+ */
+const reflectPropertiesToAttributes = (root) => {
+    const candidates = [];
+    if (root.tagName in elementPropsToReflect) {
+        candidates.push(root);
+    }
+    for (const tagName of Object.keys(elementPropsToReflect)) {
+        candidates.push(...Array.from(root.querySelectorAll(tagName.toLowerCase())));
+    }
+    for (const el of candidates) {
+        if (!(el.tagName in elementPropsToReflect)) {
+            continue;
+        }
+        const props = elementPropsToReflect[el.tagName];
+        for (const prop of props) {
+            const value = el[prop];
+            if (typeof value === 'string' && value.length > 0 && !el.hasAttribute(prop)) {
+                el.setAttribute(prop, value);
+            }
+        }
+    }
+};
 const allowedAttributes = ['class', 'id', 'href', 'src', 'name', 'slot'];
 const blockedTags = ['script', 'style', 'iframe', 'meta', 'link', 'object', 'embed'];
+/**
+ * Properties on custom elements that frameworks (Vue, Angular) often
+ * set as DOM properties rather than attributes. `cloneNode` only copies
+ * attributes, so these values are lost when slotted content is cloned
+ * into an overlay. For each known custom element, we mirror the listed
+ * properties onto attributes so the cloned copy still has the data it
+ * needs to render.
+ *
+ * Keyed by uppercased tagName so the lookup matches `Element.tagName`.
+ */
+const elementPropsToReflect = {
+    'ION-ICON': ['icon', 'name', 'src', 'ios', 'md'],
+};
 class IonicSafeString {
     constructor(value) {
         this.value = value;
@@ -244,4 +291,4 @@ const getMode = () => {
 };
 const ENABLE_HTML_CONTENT_DEFAULT = false;
 
-export { ENABLE_HTML_CONTENT_DEFAULT as E, IonicSafeString as I, sanitizeDOMString as a, sanitizeDOMTree as b, getMode as g, setupConfig as s };
+export { ENABLE_HTML_CONTENT_DEFAULT as E, IonicSafeString as I, sanitizeDOMString as a, sanitizeDOMTree as b, getMode as g, reflectPropertiesToAttributes as r, setupConfig as s };

package/dist/esm/index.js

@@ -10,7 +10,7 @@ export { createGesture } from './index-CfgBF1SE.js';
 export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global--9mOmThr.js';
 export { c as componentOnReady } from './helpers-Do7zwvM1.js';
 export { L as LogLevel } from './index-Omi_TcwW.js';
-export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-DLfuRiEz.js';
+export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-C5F1aoVz.js';
 export { o as openURL } from './theme-DaJxRxSQ.js';
 export { m as menuController } from './index-BWMvrRiE.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-CpQ6Df2g.js';

package/dist/esm/ion-alert.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, e as config, f as printIonWarning, i as forceUpdate, h, d as Host, g as getElement } from './index-Omi_TcwW.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-DLfuRiEz.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-C5F1aoVz.js';
 import { c as createButtonActiveGesture } from './button-active-B016u5N-.js';
 import { r as raf } from './helpers-Do7zwvM1.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';

package/dist/esm/ion-infinite-scroll_2.entry.js

@@ -4,7 +4,7 @@
 import { r as registerInstance, c as createEvent, w as writeTask, a as readTask, h, d as Host, g as getElement, e as config } from './index-Omi_TcwW.js';
 import { f as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-BmkLokUL.js';
 import { c as getIonTheme } from './ionic-global--9mOmThr.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-DLfuRiEz.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-C5F1aoVz.js';
 import './helpers-Do7zwvM1.js';
 import './focus-visible-vXpMhGrs.js';
 

package/dist/esm/ion-loading.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, e as config, h, d as Host, g as getElement } from './index-Omi_TcwW.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-DLfuRiEz.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-C5F1aoVz.js';
 import { r as raf } from './helpers-Do7zwvM1.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
 import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-CpQ6Df2g.js';

package/dist/esm/ion-refresher_2.entry.js

@@ -8,7 +8,7 @@ import { c as componentOnReady, t as transitionEndAsync, e as clamp, g as getEle
 import { d as hapticImpact, I as ImpactStyle } from './haptic-CbnKC3go.js';
 import { b as getIonMode, c as getIonTheme } from './ionic-global--9mOmThr.js';
 import { c as createAnimation } from './animation-Cd1EA2ar.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-DLfuRiEz.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-C5F1aoVz.js';
 import { h as arrowDown, i as caretBackSharp } from './index-D2tu5BUg.js';
 import { S as SPINNERS } from './spinner-configs-D4RIp70E.js';
 import './focus-visible-vXpMhGrs.js';

package/dist/esm/ion-select_3.entry.js

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, c as createEvent, e as config, f as printIonWarning, h, d as Host, g as getElement, i as forceUpdate } from './index-Omi_TcwW.js';
 import { c as caretDownSvg } from './caret-down-D1t981Ih.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT, b as sanitizeDOMTree } from './config-DLfuRiEz.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT, r as reflectPropertiesToAttributes, b as sanitizeDOMTree } from './config-C5F1aoVz.js';
 import { c as createNotchController } from './notch-controller-klgNWpjJ.js';
 import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-sObYyvOy.js';
 import { c as checkInvalidState } from './validity-BjW8SOqw.js';
@@ -945,7 +945,7 @@ const Select = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: 'b5c213595ee043d842a7b7d64aa142955db0ad88', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'ce995037cea6ce309ead79f881772c628086ab45', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -964,7 +964,7 @@ const Select = class {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, h("label", { key: '4b301ea9bc752639b1a5ad2ffbacddda86aba4e9', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: 'eed3a60c53e9215d3c06857f0b1ad9e2f8fb7d61', class: "select-wrapper-inner", part: "inner" }, 
+            }) }, h("label", { key: '862fa9d03a7feeeac05463842898849001724cef', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '1e91cc271790756a97cfc0c8caaca767ba793467', class: "select-wrapper-inner", part: "inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -974,7 +974,7 @@ const Select = class {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: 'f567c3512f1c1482f5854cc09bcca2067431dc51', class: "select-outline" }), h("slot", { key: '4a332f517ee89bdb6da84c0dee9dea5f35f5a6cd', name: "start" }), h("div", { key: 'e9c541dcfe4b9d3cad4d4c3c094d7666e947cd46', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '3c663f69f85fd87ece0f2da081a3b64e5e140bde', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '336f7c9564b7e19a8b93e2d8a497dbd3e5e4e993', class: "select-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '14a2a14daa10625fa59f8f148e124a1c0c147319', class: "select-outline" }), h("slot", { key: 'a5a4372feffbeb3652e6045e64cbfacb66c58da9', name: "start" }), h("div", { key: 'b6ac054eaca720a21e0617cf413e576ef23a60e8', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '140d299760a7c7f186b31e9e38f968534b1e116a', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'b1a1e98302b0e87c3cd850e9abd8faf946a2b492', class: "select-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1127,6 +1127,17 @@ const getOptionContent = (option, slotName, useHTML = false) => {
     if (!slotName && nodes.every((n) => n.nodeType === Node.TEXT_NODE)) {
         return nodes.map((n) => { var _a; return (_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim(); }).join(' ') || null;
     }
+    /**
+     * Mirror known custom-element properties (e.g. ion-icon's `icon`)
+     * onto attributes before cloning. Frameworks like Vue set these as
+     * DOM properties, which `cloneNode` doesn't copy, so without this
+     * step the cloned overlay copy renders without the prop's value.
+     */
+    nodes.forEach((n) => {
+        if (n.nodeType === Node.ELEMENT_NODE) {
+            reflectPropertiesToAttributes(n);
+        }
+    });
     // Clone each node into a temporary container
     const container = document.createElement('div');
     nodes.forEach((n) => {
@@ -1140,9 +1151,11 @@ const getOptionContent = (option, slotName, useHTML = false) => {
         }
         container.appendChild(clone);
     });
-    // Sanitize the cloned DOM in place. Author-written attributes (size,
-    // color, shape, etc.) are preserved; event handlers, javascript: URLs,
-    // and blocked tags are stripped.
+    /**
+     * Sanitize the cloned DOM in place. Trusted attributes (size, color,
+     * shape, etc.) are preserved; event handlers, javascript: URLs, and
+     * blocked tags are stripped.
+     */
     sanitizeDOMTree(container);
     if (useHTML) {
         return container.innerHTML.trim() || null;

package/dist/esm/ion-toast.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { f as printIonWarning, r as registerInstance, c as createEvent, e as config, j as printIonError, h, d as Host, g as getElement } from './index-Omi_TcwW.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-DLfuRiEz.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-C5F1aoVz.js';
 import { g as getElementRoot, r as raf } from './helpers-Do7zwvM1.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
 import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-CpQ6Df2g.js';

package/dist/ionic/index.esm.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export{c as createAnimation}from"./p-DDFhx1YX.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"./p-E1wtzfO0.js";export{iosTransitionAnimation}from"./p-BYAxJDlE.js";export{mdTransitionAnimation}from"./p-BQgCYKKG.js";export{g as getTimeGivenProgression}from"./p-hHmYLOfE.js";export{createGesture}from"./p-Cl0B-RWe.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./p-DaknVxZR.js";export{c as componentOnReady}from"./p-CHE1xWbg.js";export{L as LogLevel}from"./p-Omi_TcwW.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./p-u6HLvq0g.js";export{o as openURL}from"./p-DaJxRxSQ.js";export{m as menuController}from"./p-CK179dBb.js";export{b as actionSheetController,a as alertController,l as loadingController,m as modalController,p as pickerController,c as popoverController,t as toastController}from"./p-BFBCtvFI.js";import"./p-BTEOs1at.js";import"./p-vXpMhGrs.js";import"./p-FvDKM4Ax.js";const e=e=>{const{swiper:o,extendParams:t}=e,s={effect:void 0,direction:"horizontal",initialSlide:0,loop:!1,parallax:!1,slidesPerView:1,spaceBetween:0,speed:300,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,touchEventsTarget:"container",freeMode:!1,freeModeMomentum:!0,freeModeMomentumRatio:1,freeModeMomentumBounce:!0,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:!1,freeModeMinimumVelocity:.02,autoHeight:!1,setWrapperSize:!1,zoom:{maxRatio:3,minRatio:1,toggle:!1},touchRatio:1,touchAngle:45,simulateTouch:!0,touchStartPreventDefault:!1,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,threshold:0,touchMoveStopPropagation:!0,touchReleaseOnEdges:!1,iOSEdgeSwipeDetection:!1,iOSEdgeSwipeThreshold:20,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,watchSlidesVisibility:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loopAdditionalSlides:0,noSwiping:!0,runCallbacksOnInit:!0,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0},flipEffect:{slideShadows:!0,limitRotation:!0},cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94},fadeEffect:{crossFade:!1},a11y:{prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide"}};o.pagination&&(s.pagination={type:"bullets",clickable:!1,hideOnClick:!1}),o.scrollbar&&(s.scrollbar={hide:!0}),t(s)};export{e as IonicSlides}
+export{c as createAnimation}from"./p-DDFhx1YX.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"./p-E1wtzfO0.js";export{iosTransitionAnimation}from"./p-BYAxJDlE.js";export{mdTransitionAnimation}from"./p-BQgCYKKG.js";export{g as getTimeGivenProgression}from"./p-hHmYLOfE.js";export{createGesture}from"./p-Cl0B-RWe.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./p-DaknVxZR.js";export{c as componentOnReady}from"./p-CHE1xWbg.js";export{L as LogLevel}from"./p-Omi_TcwW.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./p-pI5qh5HW.js";export{o as openURL}from"./p-DaJxRxSQ.js";export{m as menuController}from"./p-CK179dBb.js";export{b as actionSheetController,a as alertController,l as loadingController,m as modalController,p as pickerController,c as popoverController,t as toastController}from"./p-BFBCtvFI.js";import"./p-BTEOs1at.js";import"./p-vXpMhGrs.js";import"./p-FvDKM4Ax.js";const e=e=>{const{swiper:o,extendParams:t}=e,s={effect:void 0,direction:"horizontal",initialSlide:0,loop:!1,parallax:!1,slidesPerView:1,spaceBetween:0,speed:300,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,touchEventsTarget:"container",freeMode:!1,freeModeMomentum:!0,freeModeMomentumRatio:1,freeModeMomentumBounce:!0,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:!1,freeModeMinimumVelocity:.02,autoHeight:!1,setWrapperSize:!1,zoom:{maxRatio:3,minRatio:1,toggle:!1},touchRatio:1,touchAngle:45,simulateTouch:!0,touchStartPreventDefault:!1,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,threshold:0,touchMoveStopPropagation:!0,touchReleaseOnEdges:!1,iOSEdgeSwipeDetection:!1,iOSEdgeSwipeThreshold:20,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,watchSlidesVisibility:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loopAdditionalSlides:0,noSwiping:!0,runCallbacksOnInit:!0,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0},flipEffect:{slideShadows:!0,limitRotation:!0},cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94},fadeEffect:{crossFade:!1},a11y:{prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide"}};o.pagination&&(s.pagination={type:"bullets",clickable:!1,hideOnClick:!1}),o.scrollbar&&(s.scrollbar={hide:!0}),t(s)};export{e as IonicSlides}