@ionic/core 8.2.2-dev.11717796763.1aa87d5c → 8.2.2-dev.11718204308.11b678e2

package/dist/collection/components/item/test/states/item.e2e.js

@@ -6,7 +6,7 @@ import { configs, test } from "../../../../utils/test/playwright/index";
 /**
  * This behavior does not vary across directions
  */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ionic-md', 'ios', 'md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
     test.describe(title('item: states'), () => {
         test('should not have visual regressions', async ({ page }) => {
             await page.goto(`/src/components/item/test/states`, config);

package/dist/collection/components/nav/nav.js

@@ -1576,7 +1576,7 @@ export class Nav {
                             "docs": "The component params."
                         }, {
                             "name": "direction",
-                            "type": "\"root\" | \"forward\" | \"back\"",
+                            "type": "\"root\" | \"back\" | \"forward\"",
                             "docs": "A direction hint."
                         }, {
                             "name": "animation",

package/dist/collection/components/router/router.js

@@ -387,7 +387,7 @@ export class Router {
                             "docs": "The path to navigate to."
                         }, {
                             "name": "direction",
-                            "type": "\"root\" | \"forward\" | \"back\"",
+                            "type": "\"root\" | \"back\" | \"forward\"",
                             "docs": "The direction of the animation. Defaults to `\"forward\"`."
                         }, {
                             "name": "animation",
@@ -465,7 +465,7 @@ export class Router {
                     "signature": "(direction: RouterDirection) => Promise<boolean>",
                     "parameters": [{
                             "name": "direction",
-                            "type": "\"root\" | \"forward\" | \"back\"",
+                            "type": "\"root\" | \"back\" | \"forward\"",
                             "docs": ""
                         }],
                     "references": {

package/dist/collection/components/router-outlet/router-outlet.js

@@ -421,7 +421,7 @@ export class RouterOutlet {
                             "docs": ""
                         }, {
                             "name": "direction",
-                            "type": "\"root\" | \"forward\" | \"back\"",
+                            "type": "\"root\" | \"back\" | \"forward\"",
                             "docs": ""
                         }, {
                             "name": "animation",

package/dist/collection/components/searchbar/searchbar.js

@@ -1,8 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import ghostDuotone from "@phosphor-icons/core/assets/duotone/ghost-duotone.svg";
-import backspace from "@phosphor-icons/core/assets/regular/backspace.svg";
 import { Host, forceUpdate, h } from "@stencil/core";
 import { debounceEvent, raf, componentOnReady, inheritAttributes } from "../../utils/helpers";
 import { isRTL } from "../../utils/rtl/index";
@@ -383,20 +381,13 @@ export class Searchbar {
      * @returns {string} The icon to use for the clear icon.
      */
     get searchbarClearIcon() {
-        // Return the icon if it is explicitly set
-        if (this.clearIcon) {
-            return this.clearIcon;
-        }
-        // Determine the theme and map to default icons
         const theme = getIonTheme(this);
-        const defaultIcons = {
-            ios: closeCircle,
-            ionic: backspace,
-            md: closeSharp,
-        };
-        // Get the default icon based on the theme, falling back to 'md' icon if necessary
-        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
-        // Return the configured searchbar clear icon or the default icon
+        const icon = this.clearIcon;
+        const defaultIcon = theme === 'ios' ? closeCircle : closeSharp;
+        if (icon !== undefined) {
+            // Icon is set on the component.
+            return icon;
+        }
         return config.get('searchbarClearIcon', defaultIcon);
     }
     /**
@@ -408,20 +399,13 @@ export class Searchbar {
      * @returns {string} The icon to use for the search icon.
      */
     get searchbarSearchIcon() {
-        // Return the icon if it is explicitly set
-        if (this.searchIcon) {
-            return this.searchIcon;
-        }
-        // Determine the theme and map to default icons
         const theme = getIonTheme(this);
-        const defaultIcons = {
-            ios: searchOutline,
-            ionic: ghostDuotone,
-            md: searchSharp,
-        };
-        // Get the default icon based on the theme, falling back to 'md' icon if necessary
-        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
-        // Return the configured searchbar search icon or the default icon
+        const icon = this.searchIcon;
+        const defaultIcon = theme === 'ios' ? searchOutline : searchSharp;
+        if (icon !== undefined) {
+            // Icon is set on the component.
+            return icon;
+        }
         return config.get('searchbarSearchIcon', defaultIcon);
     }
     render() {
@@ -437,8 +421,8 @@ export class Searchbar {
          * icon in sync.
          */
         const searchbarCancelIcon = (_a = this.cancelButtonIcon) !== null && _a !== void 0 ? _a : config.get('searchbarCancelIcon', config.get('backButtonIcon', arrowBackSharp));
-        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '1325b5d3cd50fde86f2d5631d9d7dcd53c656cc3', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '05b21511f6f0a8f13b6bdb52e4197b550e3a224c', "aria-hidden": "true" }, theme === 'md' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (h(Host, { key: '8c83e95c9331195f271ee3878b56331cc55b246d', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '0f2eba25249738e27c3034c7eec7115923750f81', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '6681fbb58ef02f92921f323a72811fc9944a8bc5', "aria-hidden": "true" }, theme === 'md' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (h(Host, { key: 'a3096793c67003c9877e82c84f1a3322f0f7dd43', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -448,14 +432,14 @@ export class Searchbar {
                 'searchbar-has-focus': this.focused,
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
-            }) }, h("div", { key: 'af3619276aff948d14b4db312b558b191efdab75', class: "searchbar-input-container" }, h("input", Object.assign({ key: '8e00bddb2c1e7a51548d7887161c375ed3a064d9', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme === 'md' && cancelButton, h("ion-icon", { key: '7823dc3661a5ddc45c84f801e74b12d5b85dee1b', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '02a1492e69abe727e795590648590d2af2249907', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, h("div", { key: '1a7b5e5c5b0b833f09b338695277c6b5cafc2821', class: "searchbar-input-container" }, h("input", Object.assign({ key: '83d441c6380d96768da82a67c695ecc04ed3f8d1', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme === 'md' && cancelButton, h("ion-icon", { key: '5505461cd3fef4bcd758cbe8e1c36afa2e0c207b', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '9b8c98830670a64abb5b40f8889a1acc7bc87651', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '6eccaa09b92b263d825cc0cd1918168a8bcfc151', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'f729feadcdbe5bf4511358d2cc8eb531c353982f', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
     }
     static get is() { return "ion-searchbar"; }
     static get encapsulation() { return "scoped"; }
@@ -539,7 +523,7 @@ export class Searchbar {
                 "mutable": false,
                 "complexType": {
                     "original": "AutocompleteTypes",
-                    "resolved": "\"name\" | \"email\" | \"country\" | \"on\" | \"off\" | \"tel\" | \"url\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
+                    "resolved": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
                     "references": {
                         "AutocompleteTypes": {
                             "location": "import",

package/dist/collection/index.js

@@ -2,7 +2,6 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import "ionicons";
-import "@phosphor-icons/core";
 export { createAnimation } from './utils/animation/animation';
 export { getIonPageElement } from './utils/transition';
 export { iosTransitionAnimation } from './utils/transition/ios.transition';

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-06-07T21:48:54",
+  "timestamp": "2024-06-12T15:01:19",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.3",
@@ -7435,12 +7435,6 @@
       ],
       "listeners": [],
       "styles": [
-        {
-          "name": "--border-color",
-          "annotation": "prop",
-          "docs": "Border color of the checkbox icon",
-          "mode": "ionic"
-        },
         {
           "name": "--border-color",
           "annotation": "prop",
@@ -7453,12 +7447,6 @@
           "docs": "Border color of the checkbox icon",
           "mode": "md"
         },
-        {
-          "name": "--border-color-checked",
-          "annotation": "prop",
-          "docs": "Border color of the checkbox icon when checked",
-          "mode": "ionic"
-        },
         {
           "name": "--border-color-checked",
           "annotation": "prop",
@@ -7471,12 +7459,6 @@
           "docs": "Border color of the checkbox icon when checked",
           "mode": "md"
         },
-        {
-          "name": "--border-radius",
-          "annotation": "prop",
-          "docs": "Border radius of the checkbox icon",
-          "mode": "ionic"
-        },
         {
           "name": "--border-radius",
           "annotation": "prop",
@@ -7489,12 +7471,6 @@
           "docs": "Border radius of the checkbox icon",
           "mode": "md"
         },
-        {
-          "name": "--border-style",
-          "annotation": "prop",
-          "docs": "Border style of the checkbox icon",
-          "mode": "ionic"
-        },
         {
           "name": "--border-style",
           "annotation": "prop",
@@ -7507,12 +7483,6 @@
           "docs": "Border style of the checkbox icon",
           "mode": "md"
         },
-        {
-          "name": "--border-width",
-          "annotation": "prop",
-          "docs": "Border width of the checkbox icon",
-          "mode": "ionic"
-        },
         {
           "name": "--border-width",
           "annotation": "prop",
@@ -7525,12 +7495,6 @@
           "docs": "Border width of the checkbox icon",
           "mode": "md"
         },
-        {
-          "name": "--checkbox-background",
-          "annotation": "prop",
-          "docs": "Background of the checkbox icon",
-          "mode": "ionic"
-        },
         {
           "name": "--checkbox-background",
           "annotation": "prop",
@@ -7543,12 +7507,6 @@
           "docs": "Background of the checkbox icon",
           "mode": "md"
         },
-        {
-          "name": "--checkbox-background-checked",
-          "annotation": "prop",
-          "docs": "Background of the checkbox icon when checked",
-          "mode": "ionic"
-        },
         {
           "name": "--checkbox-background-checked",
           "annotation": "prop",
@@ -7561,12 +7519,6 @@
           "docs": "Background of the checkbox icon when checked",
           "mode": "md"
         },
-        {
-          "name": "--checkmark-color",
-          "annotation": "prop",
-          "docs": "Color of the checkbox checkmark when checked",
-          "mode": "ionic"
-        },
         {
           "name": "--checkmark-color",
           "annotation": "prop",
@@ -7579,12 +7531,6 @@
           "docs": "Color of the checkbox checkmark when checked",
           "mode": "md"
         },
-        {
-          "name": "--checkmark-width",
-          "annotation": "prop",
-          "docs": "Stroke width of the checkbox checkmark",
-          "mode": "ionic"
-        },
         {
           "name": "--checkmark-width",
           "annotation": "prop",
@@ -7597,12 +7543,6 @@
           "docs": "Stroke width of the checkbox checkmark",
           "mode": "md"
         },
-        {
-          "name": "--size",
-          "annotation": "prop",
-          "docs": "Size of the checkbox icon",
-          "mode": "ionic"
-        },
         {
           "name": "--size",
           "annotation": "prop",
@@ -7615,12 +7555,6 @@
           "docs": "Size of the checkbox icon",
           "mode": "md"
         },
-        {
-          "name": "--transition",
-          "annotation": "prop",
-          "docs": "Transition of the checkbox icon",
-          "mode": "ionic"
-        },
         {
           "name": "--transition",
           "annotation": "prop",
@@ -13129,10 +13063,10 @@
         },
         {
           "name": "autocomplete",
-          "type": "\"name\" | \"email\" | \"country\" | \"on\" | \"off\" | \"tel\" | \"url\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
+          "type": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
           "complexType": {
             "original": "AutocompleteTypes",
-            "resolved": "\"name\" | \"email\" | \"country\" | \"on\" | \"off\" | \"tel\" | \"url\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
+            "resolved": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
             "references": {
               "AutocompleteTypes": {
                 "location": "import",
@@ -13157,23 +13091,19 @@
               "type": "string"
             },
             {
-              "value": "country",
-              "type": "string"
-            },
-            {
-              "value": "on",
+              "value": "tel",
               "type": "string"
             },
             {
-              "value": "off",
+              "value": "url",
               "type": "string"
             },
             {
-              "value": "tel",
+              "value": "on",
               "type": "string"
             },
             {
-              "value": "url",
+              "value": "off",
               "type": "string"
             },
             {
@@ -13256,6 +13186,10 @@
               "value": "address-level1",
               "type": "string"
             },
+            {
+              "value": "country",
+              "type": "string"
+            },
             {
               "value": "country-name",
               "type": "string"
@@ -15563,6 +15497,12 @@
           "docs": "Background of the item",
           "mode": "md"
         },
+        {
+          "name": "--background-activated",
+          "annotation": "prop",
+          "docs": "Background of the item when pressed. Note: setting this will interfere with the Material Design ripple.",
+          "mode": "ionic"
+        },
         {
           "name": "--background-activated",
           "annotation": "prop",
@@ -28909,7 +28849,7 @@
               },
               {
                 "name": "direction",
-                "type": "\"root\" | \"forward\" | \"back\"",
+                "type": "\"root\" | \"back\" | \"forward\"",
                 "docs": "The direction of the animation. Defaults to `\"forward\"`."
               },
               {
@@ -28945,7 +28885,7 @@
             },
             {
               "name": "direction",
-              "type": "\"root\" | \"forward\" | \"back\"",
+              "type": "\"root\" | \"back\" | \"forward\"",
               "docs": "The direction of the animation. Defaults to `\"forward\"`."
             },
             {
@@ -29588,10 +29528,10 @@
         },
         {
           "name": "autocomplete",
-          "type": "\"name\" | \"email\" | \"country\" | \"on\" | \"off\" | \"tel\" | \"url\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
+          "type": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
           "complexType": {
             "original": "AutocompleteTypes",
-            "resolved": "\"name\" | \"email\" | \"country\" | \"on\" | \"off\" | \"tel\" | \"url\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
+            "resolved": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
             "references": {
               "AutocompleteTypes": {
                 "location": "import",
@@ -29616,23 +29556,19 @@
               "type": "string"
             },
             {
-              "value": "country",
-              "type": "string"
-            },
-            {
-              "value": "on",
+              "value": "tel",
               "type": "string"
             },
             {
-              "value": "off",
+              "value": "url",
               "type": "string"
             },
             {
-              "value": "tel",
+              "value": "on",
               "type": "string"
             },
             {
-              "value": "url",
+              "value": "off",
               "type": "string"
             },
             {
@@ -29715,6 +29651,10 @@
               "value": "address-level1",
               "type": "string"
             },
+            {
+              "value": "country",
+              "type": "string"
+            },
             {
               "value": "country-name",
               "type": "string"
@@ -39080,7 +39020,7 @@
       "path": "src/components/picker/picker-interfaces.ts"
     },
     "src/components/spinner/spinner-configs.ts::SpinnerTypes": {
-      "declaration": "\"dots\" | \"circles\" | \"lines\" | \"bubbles\" | \"circular\" | \"crescent\" | \"lines-small\" | \"lines-sharp\" | \"lines-sharp-small\"",
+      "declaration": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-small\" | \"lines-sharp\" | \"lines-sharp-small\"",
       "docstring": "",
       "path": "src/components/spinner/spinner-configs.ts"
     },

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

@@ -2,7 +2,6 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, i as Host, g as getElement } from './index-3321c202.js';
-import { g as ghostDuotoneSvg } from './ghost-duotone-157f18b8.js';
 import { i as inheritAriaAttributes } from './helpers-da915de8.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { c as chevronBack, a as arrowBackSharp } from './index-e2cf2ceb.js';
@@ -44,21 +43,17 @@ const BackButton = class {
         }
     }
     get backButtonIcon() {
-        // Return the icon if it is explicitly set
-        if (this.icon) {
-            return this.icon;
+        const icon = this.icon;
+        if (icon != null) {
+            // Icon is set on the component or by the config.
+            return icon;
         }
-        // Determine the theme and map to default icons
-        const theme = getIonTheme(this);
-        const defaultIcons = {
-            ios: chevronBack,
-            ionic: ghostDuotoneSvg,
-            md: arrowBackSharp,
-        };
-        // Get the default icon based on the theme, falling back to 'md' icon if necessary
-        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
-        // Return the configured back button icon or the default icon
-        return config.get('backButtonIcon', defaultIcon);
+        if (getIonTheme(this) === 'ios') {
+            // default ios back button icon
+            return config.get('backButtonIcon', chevronBack);
+        }
+        // default md back button icon
+        return config.get('backButtonIcon', arrowBackSharp);
     }
     get backButtonText() {
         const defaultBackButtonText = getIonTheme(this) === 'ios' ? 'Back' : null;
@@ -80,7 +75,7 @@ const BackButton = class {
         const showBackButton = defaultHref !== undefined;
         const theme = getIonTheme(this);
         const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
-        return (h(Host, { key: '2312557fad91c04bc77bc79feb55dc83e7820429', onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '2a5ed71efffb6cad9e0d2182cfa77f291a6e044b', onClick: this.onClick, class: createColorClasses(color, {
                 [theme]: true,
                 button: true, // ion-buttons target .button
                 'back-button-disabled': disabled,
@@ -90,7 +85,7 @@ const BackButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 'show-back-button': showBackButton,
-            }) }, h("button", { key: '309ba8ef79ac364a065a69aa9df9980b0acc9ce0', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, h("span", { key: 'c1aabce609fd6a6d4474bd2a76a011c461b5f5f8', class: "button-inner" }, backButtonIcon && (h("ion-icon", { key: 'f372b3d13faaa5c2e2f5b1a6c4468c708176cf27', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (h("span", { key: '4cfa2579dbb36b85cfd30a17ab2c93fdeef621dc', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme === 'md' && h("ion-ripple-effect", { key: '1a18479d6c3130cf19188f1422639f953724c913', type: this.rippleType }))));
+            }) }, h("button", { key: 'e380bfec2ce8c6bf8da3029183a2533d15c67393', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, h("span", { key: '7e9092d5ef0761488d573ded9bf5fee893400c7d', class: "button-inner" }, backButtonIcon && (h("ion-icon", { key: '35e43b83a2776f2339700850f2b28ccb81dbc8bf', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (h("span", { key: '8a448be4ee9074d973ab1eafab3e423f86a0cb0d', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme === 'md' && h("ion-ripple-effect", { key: '9ed811f7cb7fb1111b1242a6156582acceea4b98', type: this.rippleType }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -6,7 +6,7 @@ import { i as inheritAriaAttributes, d as renderHiddenInput } from './helpers-da
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { d as getIonTheme } from './ionic-global-be8fa30a.js';
 
-const checkboxIonicCss = ":host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{border-radius:var(--border-radius);position:relative;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:calc(var(--size) / 4 - 2px);--border-width:1px;--border-style:solid;--border-color:var(--ion-color-step-400, var(--ion-background-color-step-400, #999999));--checkmark-width:3;--focus-ring-color:#9ec4fd;--focus-ring-width:2px;--focus-ring-offset:2px;--size:24px}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:48px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}:host(.checkbox-size-small){--size:16px}:host(.ion-invalid){--focus-ring-color:#ffafaf}:host(.ion-invalid) .checkbox-icon{border-color:#f72c2c}:host(.checkbox-disabled.checkbox-indeterminate) .checkbox-icon{border-width:0;background-color:var(--ion-color-step-600, var(--ion-background-color-step-600, #666666))}:host(.checkbox-disabled) .checkbox-icon{border-color:#c9c9c9;background-color:#f5f5f5}:host(.checkbox-disabled.checkbox-checked) .checkbox-icon{border-width:0;background-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}@media (any-hover: hover){:host(:hover) .checkbox-icon{background-color:#ececec}:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:#1061da}}:host(.ion-focused:not(.checkbox-disabled)) .checkbox-icon{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:host(.ion-activated) .checkbox-icon{background-color:#e3e3e3}:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:#105ed1}:host(.checkbox-shape-soft){--border-radius:calc(var(--size) / 4 - 2px)}:host(.checkbox-shape-rectangular){--border-radius:0}.checkbox-wrapper{min-height:48px}";
+const checkboxIonicCss = ":host{--border-width:var(--ionic-border-size-025, 1px);--border-style:var(--ionic-border-style-solid, solid);--border-color:var(--ionic-color-neutral-800, #626262);--checkmark-width:3;--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);--focus-ring-offset:var(--ionic-space-050, 2px);--size:var(--ionic-scale-600, 24px);--checkbox-background-checked:var(--ionic-color-primary-base, #105cef);--border-color-checked:var(--ionic-color-primary-base, #105cef);--checkmark-color:var(--ionic-color-base-white, #ffffff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ionic-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:var(--ionic-space-250, 10px);margin-bottom:var(--ionic-space-250, 10px)}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--ionic-space-250, 10px);margin-bottom:var(--ionic-space-400, 16px)}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--ionic-space-250, 10px)}.label-text-wrapper-hidden{display:none}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{border-radius:var(--border-radius);position:relative;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--ionic-space-400, 16px);margin-inline-start:var(--ionic-space-400, 16px);-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--ionic-space-400, 16px);max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--ionic-scale-400, 16px)}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.ion-invalid){--focus-ring-color:var(--ionic-state-focus-2, #ffafaf)}:host(.ion-invalid) .checkbox-icon{border-color:var(--ionic-color-danger-800, #bf2222)}:host(.checkbox-disabled){pointer-events:none}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}:host(.checkbox-disabled) .checkbox-icon{border-color:var(--ionic-color-neutral-800, #626262);background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6))}:host(.checkbox-disabled.checkbox-checked) .checkbox-icon{border-width:var(--ionic-border-size-0, 0px);background-color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){:host(:hover) .checkbox-icon{background-color:var(--ionic-color-neutral-100, #f1f1f1)}:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--ionic-color-primary-800, #0f54da)}}:host(.ion-focused:not(.checkbox-disabled)) .checkbox-icon{outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:host(.ion-activated) .checkbox-icon{background-color:var(--ionic-color-neutral-200, #e7e7e7)}:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--ionic-color-primary-900, #0d4bc3)}:host(.checkbox-shape-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--ionic-border-radius-050, 2px)}:host(.checkbox-shape-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}.checkbox-wrapper{min-height:var(--ionic-scale-1200, 48px)}";
 const IonCheckboxIonicStyle0 = checkboxIonicCss;
 
 const checkboxIosCss = ":host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{border-radius:var(--border-radius);position:relative;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:0.125rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.375rem, 55.836px);--checkmark-width:1.5px}:host(.checkbox-disabled){opacity:0.3}";