@ionic/core 8.8.4-dev.11776357045.1da75baf → 8.8.4-dev.11776461571.1353c44a

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

@@ -58,6 +58,14 @@ export class Select {
          * The text to display on the cancel button.
          */
         this.cancelText = 'Cancel';
+        /**
+         * If `true`, the cancel button will display an icon instead of the `cancelText`.
+         * Only applies when `interface` is set to `"modal"`. Has no effect on `"action-sheet"`,
+         * `"alert"`, or `"popover"` interfaces.
+         * When `cancelIcon` is `true`, the `cancelText` property is ignored for display
+         * but is used as the accessible label for the icon button.
+         */
+        this.cancelIcon = false;
         /**
          * If `true`, the user cannot interact with the select.
          */
@@ -579,6 +587,7 @@ export class Select {
         const modalOpts = Object.assign(Object.assign({}, interfaceOptions), { mode: theme, cssClass: ['select-modal', interfaceOptions.cssClass], component: 'ion-select-modal', componentProps: {
                 header: interfaceOptions.header,
                 cancelText: this.cancelText,
+                cancelIcon: this.cancelIcon,
                 multiple,
                 value,
                 options: this.createOverlaySelectOptions(this.childOpts, value),
@@ -908,7 +917,7 @@ export class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '663520f7e688836f89101008efd49f38cc5e4aed', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'd8f7abd11c8f6e5ebea306f69ed5ae5a115efa97', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -927,7 +936,7 @@ export class Select {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, h("label", { key: '17c2602b8e33017cbb898a332f9960482ac72c84', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '00b4887a9f5c6137b2c817e69e77498b3502051d', class: "select-wrapper-inner", part: "inner" }, 
+            }) }, h("label", { key: '443499f6c4501df171d4f16756f2e55e57512c0c', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '66e6cf63163b68b1ca85979e5c49a349632dfc54', 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
@@ -937,7 +946,7 @@ export class Select {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: 'd4916d84ec0d92888139b84be64cd766150e1d83', class: "select-outline" }), h("slot", { key: 'ad9ca19118b0a4cad5995f1010bf8dc9b6c1d4d3', name: "start" }), h("div", { key: '7f36c316973409d237a135ee191bb0f39174e47c', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '0a23c1be8afefa31cf7161dd7470decf30603ce0', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '0c455c157c0fb6f43f3f030758f5c583f13fceda', class: "select-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: 'a9f7d6bde570f4e2261617cdc2529cd835297865', class: "select-outline" }), h("slot", { key: 'f5516f6749c85dc3ed8f9ee04e748f1aad0d815c', name: "start" }), h("div", { key: '86fa4152f415a5ab72ed1a95899212fc1914b81c', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '3333af6835b20a97450372ca78a4aa77adf39d1c', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'e0e782845ed0c35c139dbddcc3f9880aec12cf58', class: "select-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-select"; }
     static get encapsulation() { return "shadow"; }
@@ -977,6 +986,26 @@ export class Select {
                 "attribute": "cancel-text",
                 "defaultValue": "'Cancel'"
             },
+            "cancelIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true`, the cancel button will display an icon instead of the `cancelText`.\nOnly applies when `interface` is set to `\"modal\"`. Has no effect on `\"action-sheet\"`,\n`\"alert\"`, or `\"popover\"` interfaces.\nWhen `cancelIcon` is `true`, the `cancelText` property is ignored for display\nbut is used as the accessible label for the icon button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "cancel-icon",
+                "defaultValue": "false"
+            },
             "color": {
                 "type": "string",
                 "mutable": false,

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

@@ -1,16 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { getIonMode } from "../../global/ionic-global";
+import xRegular from "@phosphor-icons/core/assets/regular/x.svg";
+import { getIonMode, getIonTheme } from "../../global/ionic-global";
 import { Host, forceUpdate, h } from "@stencil/core";
 import { safeCall } from "../../utils/overlays";
 import { getClassMap, hostContext } from "../../utils/theme";
+import { closeOutline, closeSharp } from "ionicons/icons";
 export class SelectModal {
     constructor() {
         /**
          * The text to display on the cancel button.
          */
         this.cancelText = 'Close';
+        /**
+         * If `true`, the cancel button will display a close icon instead of the `cancelText`.
+         * When `cancelIcon` is `true`, the `cancelText` property is ignored.
+         */
+        this.cancelIcon = false;
         this.options = [];
     }
     closeModal() {
@@ -51,6 +58,16 @@ export class SelectModal {
             option.checked = ev.detail.checked;
         }
     }
+    get cancelButtonIcon() {
+        var _a;
+        const theme = getIonTheme(this);
+        const icons = {
+            ios: closeOutline,
+            md: closeSharp,
+            ionic: xRegular,
+        };
+        return (_a = icons[theme]) !== null && _a !== void 0 ? _a : icons.md;
+    }
     getModalContextClasses() {
         const el = this.el;
         return {
@@ -86,7 +103,7 @@ export class SelectModal {
             } }, option.text))));
     }
     render() {
-        return (h(Host, { key: 'c0218aa9ebcbe9d70a6cc1ed8d005ca656e163d3', class: Object.assign({ [getIonMode(this)]: true }, this.getModalContextClasses()) }, h("ion-header", { key: '4698d7442befa17e449655b2f9439001298991a0' }, h("ion-toolbar", { key: 'd0f1d3418f8fdbfdf12fef752f6be4939e70eb79' }, this.header !== undefined && h("ion-title", { key: '2916c22b3a42635e503fa0a0c916b32909999761' }, this.header), h("ion-buttons", { key: 'e93827fc49edd8ac04100e7df8a2a5144d257c19', slot: "end" }, h("ion-button", { key: '0b46828d67d5b4864f40fcbf082ae24797099fb9', onClick: () => this.closeModal() }, this.cancelText)))), h("ion-content", { key: '8460ad9ce425ad0b25b603d0cd42c58b68ca63ee' }, h("ion-list", { key: 'c48ea90af6f36a44102a8852267bd7f6f82f9598' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: 'b14f12b3c71f0270dc6e4d5c6b4a570f95961019', class: Object.assign({ [getIonMode(this)]: true }, this.getModalContextClasses()) }, h("ion-header", { key: '04202121676d022402486e5b9feb83083752e58a' }, h("ion-toolbar", { key: 'aafe83951b5eb8d9279a3526325481445c620945' }, this.header !== undefined && h("ion-title", { key: 'd9d2801851407abd8038f79d99ed95783d09c22f' }, this.header), h("ion-buttons", { key: '2a108a5349fb5dd64f35ec12e86fd886ca924abf', slot: "end" }, h("ion-button", { key: '5f31deee2e249deb7b00bb6178c7409927c61eb0', "aria-label": this.cancelIcon ? this.cancelText : undefined, onClick: () => this.closeModal() }, this.cancelIcon ? (h("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), h("ion-content", { key: '65d2e371b873bda049f2d5bae02aff442b3cc3a2' }, h("ion-list", { key: '3b94a8bb425132a6ef2f7c0b863384d1afe4ce9b' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     static get is() { return "ion-select-modal"; }
     static get encapsulation() { return "scoped"; }
@@ -145,6 +162,26 @@ export class SelectModal {
                 "attribute": "cancel-text",
                 "defaultValue": "'Close'"
             },
+            "cancelIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true`, the cancel button will display a close icon instead of the `cancelText`.\nWhen `cancelIcon` is `true`, the `cancelText` property is ignored."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "cancel-icon",
+                "defaultValue": "false"
+            },
             "multiple": {
                 "type": "boolean",
                 "mutable": false,

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-04-16T16:33:12",
+  "timestamp": "2026-04-17T21:35:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.0",
@@ -37649,6 +37649,35 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "cancelIcon",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "cancel-icon",
+          "reflectToAttr": false,
+          "docs": "If `true`, the cancel button will display an icon instead of the `cancelText`.\nOnly applies when `interface` is set to `\"modal\"`. Has no effect on `\"action-sheet\"`,\n`\"alert\"`, or `\"popover\"` interfaces.\nWhen `cancelIcon` is `true`, the `cancelText` property is ignored for display\nbut is used as the accessible label for the icon button.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "cancelText",
           "type": "string",
@@ -38992,6 +39021,7 @@
           "ion-title",
           "ion-buttons",
           "ion-button",
+          "ion-icon",
           "ion-content",
           "ion-list"
         ],
@@ -39011,6 +39041,35 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "cancelIcon",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "cancel-icon",
+          "reflectToAttr": false,
+          "docs": "If `true`, the cancel button will display a close icon instead of the `cancelText`.\nWhen `cancelIcon` is `true`, the `cancelText` property is ignored.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "cancelText",
           "type": "string",
@@ -39148,6 +39207,7 @@
         "ion-title",
         "ion-buttons",
         "ion-button",
+        "ion-icon",
         "ion-content",
         "ion-list"
       ],
@@ -39162,6 +39222,7 @@
           "ion-title",
           "ion-buttons",
           "ion-button",
+          "ion-icon",
           "ion-content",
           "ion-list"
         ],

package/dist/esm/{index-COG0_eom.js → index-D2tu5BUg.js}

@@ -16,6 +16,7 @@ const chevronForward = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/20
 const chevronForwardOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m184 112 144 144-144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
 const close = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34Z'/></svg>";
 const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48m75.31 260.69a16 16 0 1 1-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 0 1-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0 1 22.62-22.62L256 233.37l52.69-52.68a16 16 0 0 1 22.62 22.62L278.63 256Z'/></svg>";
+const closeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M368 368 144 144M368 144 144 368' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256z'/></svg>";
 const ellipseOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='192' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const ellipsisHorizontal = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
@@ -29,4 +30,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, closeSharp as b, chevronBack as c, closeCircle as d, searchOutline as e, checkmarkOutline as f, ellipseOutline as g, arrowDown as h, caretBackSharp as i, reorderTwoSharp as j, reorderThreeOutline as k, chevronDown as l, ellipsisHorizontal as m, chevronForwardOutline as n, chevronForward as o, caretDownSharp as p, caretUpSharp as q, removeOutline as r, searchSharp as s, close as t, menuSharp as u, menuOutline as v, chevronExpand as w, eyeOff as x, eye as y };
+export { arrowBackSharp as a, closeSharp as b, chevronBack as c, closeCircle as d, searchOutline as e, checkmarkOutline as f, ellipseOutline as g, arrowDown as h, caretBackSharp as i, reorderTwoSharp as j, reorderThreeOutline as k, chevronDown as l, ellipsisHorizontal as m, chevronForwardOutline as n, chevronForward as o, caretDownSharp as p, caretUpSharp as q, removeOutline as r, searchSharp as s, close as t, menuSharp as u, menuOutline as v, chevronExpand as w, eyeOff as x, eye as y, closeOutline as z };

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

@@ -5,7 +5,7 @@ import { r as registerInstance, e as config, h, d as Host, g as getElement, c as
 import { c as caretDownSvg } from './caret-down-D1t981Ih.js';
 import { g as getElementRoot, r as raf, f as addEventListener, m as removeEventListener, t as transitionEndAsync } from './helpers-Do7zwvM1.js';
 import { h as hostContext } from './theme-DaJxRxSQ.js';
-import { l as chevronDown } from './index-COG0_eom.js';
+import { l as chevronDown } from './index-D2tu5BUg.js';
 import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import './focus-visible-vXpMhGrs.js';
 

package/dist/esm/ion-back-button.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, e as config, h, d as Host, g as getElement } fro
 import { c as caretLeftSvg } from './caret-left-fIOYmaqA.js';
 import { i as inheritAriaAttributes } from './helpers-Do7zwvM1.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-DaJxRxSQ.js';
-import { a as arrowBackSharp, c as chevronBack } from './index-COG0_eom.js';
+import { a as arrowBackSharp, c as chevronBack } from './index-D2tu5BUg.js';
 import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import './focus-visible-vXpMhGrs.js';
 

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

@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, e as config, h, d as Host, g a
 import { c as caretRightSvg } from './caret-right-BYSs-jZz.js';
 import { i as inheritAriaAttributes } from './helpers-Do7zwvM1.js';
 import { c as createColorClasses, o as openURL, h as hostContext } from './theme-DaJxRxSQ.js';
-import { m as ellipsisHorizontal, n as chevronForwardOutline } from './index-COG0_eom.js';
+import { m as ellipsisHorizontal, n as chevronForwardOutline } from './index-D2tu5BUg.js';
 import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import './focus-visible-vXpMhGrs.js';
 

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

@@ -9,7 +9,7 @@ import { r as raf, g as getElementRoot, a as renderHiddenInput, e as clamp } fro
 import { F as FOCUS_TRAP_DISABLE_CLASS, d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-CvFHfO3y.js';
 import { i as isRTL } from './dir-C53feagD.js';
 import { c as createColorClasses, g as getClassMap } from './theme-DaJxRxSQ.js';
-import { o as chevronForward, c as chevronBack, p as caretDownSharp, q as caretUpSharp, l as chevronDown } from './index-COG0_eom.js';
+import { o as chevronForward, c as chevronBack, p as caretDownSharp, q as caretUpSharp, l as chevronDown } from './index-D2tu5BUg.js';
 import { b as getIonMode, c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import { i as isBefore, a as isAfter, g as getPreviousMonth, b as getNextMonth, c as isSameDay, d as getDay, e as generateDayAriaLabel, v as validateParts, f as getPartsFromCalendarDay, h as getNextYear, j as getPreviousYear, k as getEndOfWeek, l as getStartOfWeek, m as getPreviousDay, n as getNextDay, o as getPreviousWeek, p as getNextWeek, q as parseMinParts, r as parseMaxParts, s as parseDate, w as warnIfValueOutOfBounds, t as parseAmPm, u as clampDate, x as convertToArrayOfNumbers, y as convertDataToISO, z as getToday, A as getClosestValidDate, B as generateMonths, C as getNumDaysInMonth, D as getCombinedDateColumnData, E as getMonthColumnData, F as getDayColumnData, G as getYearColumnData, H as isMonthFirstLocale, I as getTimeColumnsData, J as isLocaleDayPeriodRTL, K as calculateHourFromAMPM, L as getDaysOfWeek, M as getMonthAndYear, N as getDaysOfMonth, O as getHourCycle, P as getLocalizedTime, Q as getLocalizedDateTime, R as formatValue } from './data-BNKYavC3.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';

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

@@ -6,7 +6,7 @@ import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import { x as xSvg } from './x-BDqjX7Z_.js';
 import { i as inheritAriaAttributes } from './helpers-Do7zwvM1.js';
 import { h as hostContext, o as openURL, c as createColorClasses } from './theme-DaJxRxSQ.js';
-import { t as close } from './index-COG0_eom.js';
+import { t as close } from './index-D2tu5BUg.js';
 import './focus-visible-vXpMhGrs.js';
 
 const fabCss = () => `:host{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:999}:host(.fab-horizontal-center){right:0px;left:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-start:dir(rtl)){right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-end:dir(rtl)){left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:0}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-top:calc((-100% + 16px) / 2)}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-top:calc(50% + 10px)}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:0}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-bottom:calc((-100% + 16px) / 2)}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-bottom:calc(50% + 10px)}:host(.fab-vertical-center){top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}`;

package/dist/esm/ion-input-password-toggle.entry.js

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, f as printIonWarning, e as config, h, d as Host, g as getElement } from './index-Omi_TcwW.js';
 import { c as createColorClasses } from './theme-DaJxRxSQ.js';
-import { x as eyeOff, y as eye } from './index-COG0_eom.js';
+import { x as eyeOff, y as eye } from './index-D2tu5BUg.js';
 import { c as getIonTheme, b as getIonMode } from './ionic-global-CAZb-5i-.js';
 
 const eyeSlashSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01My45MiwzNC42MkE4LDgsMCwxLDAsNDIuMDgsNDUuMzhMNjEuMzIsNjYuNTVDMjUsODguODQsOS4zOCwxMjMuMiw4LjY5LDEyNC43NmE4LDgsMCwwLDAsMCw2LjVjLjM1Ljc5LDguODIsMTkuNTcsMjcuNjUsMzguNEM2MS40MywxOTQuNzQsOTMuMTIsMjA4LDEyOCwyMDhhMTI3LjExLDEyNy4xMSwwLDAsMCw1Mi4wNy0xMC44M2wyMiwyNC4yMWE4LDgsMCwxLDAsMTEuODQtMTAuNzZabTQ3LjMzLDc1Ljg0LDQxLjY3LDQ1Ljg1YTMyLDMyLDAsMCwxLTQxLjY3LTQ1Ljg1Wk0xMjgsMTkyYy0zMC43OCwwLTU3LjY3LTExLjE5LTc5LjkzLTMzLjI1QTEzMy4xNiwxMzMuMTYsMCwwLDEsMjUsMTI4YzQuNjktOC43OSwxOS42Ni0zMy4zOSw0Ny4zNS00OS4zOGwxOCwxOS43NWE0OCw0OCwwLDAsMCw2My42Niw3MGwxNC43MywxNi4yQTExMiwxMTIsMCwwLDEsMTI4LDE5MlptNi05NS40M2E4LDgsMCwwLDEsMy0xNS43Miw0OC4xNiw0OC4xNiwwLDAsMSwzOC43Nyw0Mi42NCw4LDgsMCwwLDEtNy4yMiw4LjcxLDYuMzksNi4zOSwwLDAsMS0uNzUsMCw4LDgsMCwwLDEtOC03LjI2QTMyLjA5LDMyLjA5LDAsMCwwLDEzNCw5Ni41N1ptMTEzLjI4LDM0LjY5Yy0uNDIuOTQtMTAuNTUsMjMuMzctMzMuMzYsNDMuOGE4LDgsMCwxLDEtMTAuNjctMTEuOTJBMTMyLjc3LDEzMi43NywwLDAsMCwyMzEuMDUsMTI4YTEzMy4xNSwxMzMuMTUsMCwwLDAtMjMuMTItMzAuNzdDMTg1LjY3LDc1LjE5LDE1OC43OCw2NCwxMjgsNjRhMTE4LjM3LDExOC4zNywwLDAsMC0xOS4zNiwxLjU3QTgsOCwwLDEsMSwxMDYsNDkuNzksMTM0LDEzNCwwLDAsMSwxMjgsNDhjMzQuODgsMCw2Ni41NywxMy4yNiw5MS42NiwzOC4zNSwxOC44MywxOC44MywyNy4zLDM3LjYyLDI3LjY1LDM4LjQxQTgsOCwwLDAsMSwyNDcuMzEsMTMxLjI2WiIvPjwvc3ZnPg==';

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

@@ -8,7 +8,7 @@ import { c as checkInvalidState } from './validity-BjW8SOqw.js';
 import { d as debounceEvent, i as inheritAriaAttributes, b as inheritAttributes, c as componentOnReady } from './helpers-Do7zwvM1.js';
 import { c as createSlotMutationController, g as getCounterText } from './input.utils-B9Q5xHp6.js';
 import { h as hostContext, c as createColorClasses } from './theme-DaJxRxSQ.js';
-import { b as closeSharp, d as closeCircle } from './index-COG0_eom.js';
+import { b as closeSharp, d as closeCircle } from './index-D2tu5BUg.js';
 import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import './focus-visible-vXpMhGrs.js';
 

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

@@ -5,7 +5,7 @@ import { r as registerInstance, i as forceUpdate, e as config, h, d as Host, g a
 import { c as caretRightSvg } from './caret-right-BYSs-jZz.js';
 import { b as inheritAttributes, r as raf } from './helpers-Do7zwvM1.js';
 import { h as hostContext, c as createColorClasses, o as openURL } from './theme-DaJxRxSQ.js';
-import { o as chevronForward } from './index-COG0_eom.js';
+import { o as chevronForward } from './index-D2tu5BUg.js';
 import { c as getIonTheme, b as getIonMode } from './ionic-global-CAZb-5i-.js';
 import './focus-visible-vXpMhGrs.js';
 

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

@@ -10,7 +10,7 @@ import { p as isEndSide, i as inheritAriaAttributes, l as assert, e as clamp } f
 import { m as menuController } from './index-hpH08p5s.js';
 import { h as hostContext, c as createColorClasses } from './theme-DaJxRxSQ.js';
 import { l as listSvg } from './list-Dhi5xtNS.js';
-import { u as menuSharp, v as menuOutline } from './index-COG0_eom.js';
+import { u as menuSharp, v as menuOutline } from './index-D2tu5BUg.js';
 import './framework-delegate-CjVwn_KZ.js';
 import './focus-visible-vXpMhGrs.js';
 import './animation-Cqe2x-Pt.js';

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

@@ -9,7 +9,7 @@ import { d as hapticImpact, I as ImpactStyle } from './haptic-_88k1V5U.js';
 import { b as getIonMode, c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import { c as createAnimation } from './animation-Cqe2x-Pt.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-BvDxfLa-.js';
-import { h as arrowDown, i as caretBackSharp } from './index-COG0_eom.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';
 import './capacitor-C4lYa1nV.js';

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, e as config, h, d as Host, g as getElement, c as createEvent } from './index-Omi_TcwW.js';
 import { l as listSvg } from './list-Dhi5xtNS.js';
-import { j as reorderTwoSharp, k as reorderThreeOutline } from './index-COG0_eom.js';
+import { j as reorderTwoSharp, k as reorderThreeOutline } from './index-D2tu5BUg.js';
 import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import { f as findClosestIonContent, g as getScrollElement } from './index-BmkLokUL.js';
 import { r as raf } from './helpers-Do7zwvM1.js';

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

@@ -6,7 +6,7 @@ import { x as xSvg } from './x-BDqjX7Z_.js';
 import { d as debounceEvent, b as inheritAttributes, c as componentOnReady, r as raf } from './helpers-Do7zwvM1.js';
 import { i as isRTL } from './dir-C53feagD.js';
 import { c as createColorClasses, h as hostContext } from './theme-DaJxRxSQ.js';
-import { b as closeSharp, d as closeCircle, s as searchSharp, e as searchOutline, a as arrowBackSharp } from './index-COG0_eom.js';
+import { b as closeSharp, d as closeCircle, s as searchSharp, e as searchOutline, a as arrowBackSharp } from './index-D2tu5BUg.js';
 import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import './focus-visible-vXpMhGrs.js';
 

package/dist/esm/ion-select-modal.entry.js

@@ -2,9 +2,11 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, i as forceUpdate, d as Host, g as getElement } from './index-Omi_TcwW.js';
-import { b as getIonMode } from './ionic-global-CAZb-5i-.js';
+import { x as xSvg } from './x-BDqjX7Z_.js';
+import { c as getIonTheme, b as getIonMode } from './ionic-global-CAZb-5i-.js';
 import { s as safeCall } from './overlays-CvFHfO3y.js';
 import { h as hostContext, g as getClassMap } from './theme-DaJxRxSQ.js';
+import { b as closeSharp, z as closeOutline } from './index-D2tu5BUg.js';
 import './helpers-Do7zwvM1.js';
 import './focus-visible-vXpMhGrs.js';
 import './framework-delegate-CjVwn_KZ.js';
@@ -23,6 +25,11 @@ const SelectModal = class {
          * The text to display on the cancel button.
          */
         this.cancelText = 'Close';
+        /**
+         * If `true`, the cancel button will display a close icon instead of the `cancelText`.
+         * When `cancelIcon` is `true`, the `cancelText` property is ignored.
+         */
+        this.cancelIcon = false;
         this.options = [];
     }
     closeModal() {
@@ -63,6 +70,16 @@ const SelectModal = class {
             option.checked = ev.detail.checked;
         }
     }
+    get cancelButtonIcon() {
+        var _a;
+        const theme = getIonTheme(this);
+        const icons = {
+            ios: closeOutline,
+            md: closeSharp,
+            ionic: xSvg,
+        };
+        return (_a = icons[theme]) !== null && _a !== void 0 ? _a : icons.md;
+    }
     getModalContextClasses() {
         const el = this.el;
         return {
@@ -98,7 +115,7 @@ const SelectModal = class {
             } }, option.text))));
     }
     render() {
-        return (h(Host, { key: 'c0218aa9ebcbe9d70a6cc1ed8d005ca656e163d3', class: Object.assign({ [getIonMode(this)]: true }, this.getModalContextClasses()) }, h("ion-header", { key: '4698d7442befa17e449655b2f9439001298991a0' }, h("ion-toolbar", { key: 'd0f1d3418f8fdbfdf12fef752f6be4939e70eb79' }, this.header !== undefined && h("ion-title", { key: '2916c22b3a42635e503fa0a0c916b32909999761' }, this.header), h("ion-buttons", { key: 'e93827fc49edd8ac04100e7df8a2a5144d257c19', slot: "end" }, h("ion-button", { key: '0b46828d67d5b4864f40fcbf082ae24797099fb9', onClick: () => this.closeModal() }, this.cancelText)))), h("ion-content", { key: '8460ad9ce425ad0b25b603d0cd42c58b68ca63ee' }, h("ion-list", { key: 'c48ea90af6f36a44102a8852267bd7f6f82f9598' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: 'b14f12b3c71f0270dc6e4d5c6b4a570f95961019', class: Object.assign({ [getIonMode(this)]: true }, this.getModalContextClasses()) }, h("ion-header", { key: '04202121676d022402486e5b9feb83083752e58a' }, h("ion-toolbar", { key: 'aafe83951b5eb8d9279a3526325481445c620945' }, this.header !== undefined && h("ion-title", { key: 'd9d2801851407abd8038f79d99ed95783d09c22f' }, this.header), h("ion-buttons", { key: '2a108a5349fb5dd64f35ec12e86fd886ca924abf', slot: "end" }, h("ion-button", { key: '5f31deee2e249deb7b00bb6178c7409927c61eb0', "aria-label": this.cancelIcon ? this.cancelText : undefined, onClick: () => this.closeModal() }, this.cancelIcon ? (h("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), h("ion-content", { key: '65d2e371b873bda049f2d5bae02aff442b3cc3a2' }, h("ion-list", { key: '3b94a8bb425132a6ef2f7c0b863384d1afe4ce9b' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     get el() { return getElement(this); }
 };

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

@@ -11,7 +11,7 @@ import { c as popoverController, b as actionSheetController, a as alertControlle
 import { i as isRTL } from './dir-C53feagD.js';
 import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-DaJxRxSQ.js';
 import { w as watchForOptions } from './watch-options-Dtdm8lKC.js';
-import { p as caretDownSharp, w as chevronExpand } from './index-COG0_eom.js';
+import { p as caretDownSharp, w as chevronExpand } from './index-D2tu5BUg.js';
 import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import './focus-visible-vXpMhGrs.js';
 import './framework-delegate-CjVwn_KZ.js';
@@ -54,6 +54,14 @@ const Select = class {
          * The text to display on the cancel button.
          */
         this.cancelText = 'Cancel';
+        /**
+         * If `true`, the cancel button will display an icon instead of the `cancelText`.
+         * Only applies when `interface` is set to `"modal"`. Has no effect on `"action-sheet"`,
+         * `"alert"`, or `"popover"` interfaces.
+         * When `cancelIcon` is `true`, the `cancelText` property is ignored for display
+         * but is used as the accessible label for the icon button.
+         */
+        this.cancelIcon = false;
         /**
          * If `true`, the user cannot interact with the select.
          */
@@ -541,6 +549,7 @@ const Select = class {
         const modalOpts = Object.assign(Object.assign({}, interfaceOptions), { mode: theme, cssClass: ['select-modal', interfaceOptions.cssClass], component: 'ion-select-modal', componentProps: {
                 header: interfaceOptions.header,
                 cancelText: this.cancelText,
+                cancelIcon: this.cancelIcon,
                 multiple,
                 value,
                 options: this.createOverlaySelectOptions(this.childOpts, value),
@@ -858,7 +867,7 @@ const Select = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '663520f7e688836f89101008efd49f38cc5e4aed', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'd8f7abd11c8f6e5ebea306f69ed5ae5a115efa97', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -877,7 +886,7 @@ const Select = class {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, h("label", { key: '17c2602b8e33017cbb898a332f9960482ac72c84', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '00b4887a9f5c6137b2c817e69e77498b3502051d', class: "select-wrapper-inner", part: "inner" }, 
+            }) }, h("label", { key: '443499f6c4501df171d4f16756f2e55e57512c0c', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '66e6cf63163b68b1ca85979e5c49a349632dfc54', 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
@@ -887,7 +896,7 @@ const Select = class {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: 'd4916d84ec0d92888139b84be64cd766150e1d83', class: "select-outline" }), h("slot", { key: 'ad9ca19118b0a4cad5995f1010bf8dc9b6c1d4d3', name: "start" }), h("div", { key: '7f36c316973409d237a135ee191bb0f39174e47c', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '0a23c1be8afefa31cf7161dd7470decf30603ce0', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '0c455c157c0fb6f43f3f030758f5c583f13fceda', class: "select-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: 'a9f7d6bde570f4e2261617cdc2529cd835297865', class: "select-outline" }), h("slot", { key: 'f5516f6749c85dc3ed8f9ee04e748f1aad0d815c', name: "start" }), h("div", { key: '86fa4152f415a5ab72ed1a95899212fc1914b81c', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '3333af6835b20a97450372ca78a4aa77adf39d1c', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'e0e782845ed0c35c139dbddcc3f9880aec12cf58', class: "select-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -8,7 +8,7 @@ import { c as hapticSelection } from './haptic-_88k1V5U.js';
 import { a as isPlatform, c as getIonTheme } from './ionic-global-CAZb-5i-.js';
 import { i as isRTL } from './dir-C53feagD.js';
 import { c as createColorClasses, h as hostContext } from './theme-DaJxRxSQ.js';
-import { f as checkmarkOutline, r as removeOutline, g as ellipseOutline } from './index-COG0_eom.js';
+import { f as checkmarkOutline, r as removeOutline, g as ellipseOutline } from './index-D2tu5BUg.js';
 import './focus-visible-vXpMhGrs.js';
 import './capacitor-C4lYa1nV.js';