@ionic/core 8.2.3-dev.11721064272.19e3ddfd → 8.2.3-dev.11721225504.1476a6ac

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-07-15T17:27:24",
+  "timestamp": "2024-07-17T14:14:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.3",
@@ -2651,16 +2651,16 @@
         },
         {
           "name": "size",
-          "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
+          "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxsmall\" | undefined",
           "complexType": {
-            "original": "`xsmall` | 'small' | 'medium' | 'large' | 'xlarge'",
-            "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
+            "original": "'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
+            "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxsmall\" | undefined",
             "references": {}
           },
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "Set to `\"xsmall\"` for the smallest size, `\"small\"` for a compact size, `\"medium\"`\nfor the default height and width, `\"large\"` for a larger size, or `\"xlarge\"` for\nthe largest dimensions.\n\nDefaults to `\"medium\"` for the `ionic` theme, undefined for all other themes.",
+          "docs": "Set to `\"xxsmall\"` for the smallest size.\nSet to `\"xsmall\"` for a very small size.\nSet to `\"small\"` for a compact size.\nSet to `\"medium\"` for the default height and width.\nSet to `\"large\"` for a larger size.\nSet to `\"xlarge\"` for the largest dimensions.\n\nDefaults to `\"medium\"` for the `ionic` theme, undefined for all other themes.",
           "docsTags": [],
           "values": [
             {
@@ -2683,6 +2683,10 @@
               "value": "xsmall",
               "type": "string"
             },
+            {
+              "value": "xxsmall",
+              "type": "string"
+            },
             {
               "type": "undefined"
             }
@@ -15539,6 +15543,12 @@
           "docs": "Background of the item when pressed. Note: setting this will interfere with the Material Design ripple.",
           "mode": "md"
         },
+        {
+          "name": "--background-activated-opacity",
+          "annotation": "prop",
+          "docs": "Opacity of the item background when pressed",
+          "mode": "ionic"
+        },
         {
           "name": "--background-activated-opacity",
           "annotation": "prop",
@@ -15551,6 +15561,12 @@
           "docs": "Opacity of the item background when pressed",
           "mode": "md"
         },
+        {
+          "name": "--background-focused",
+          "annotation": "prop",
+          "docs": "Background of the item when focused with the tab key",
+          "mode": "ionic"
+        },
         {
           "name": "--background-focused",
           "annotation": "prop",
@@ -15563,6 +15579,12 @@
           "docs": "Background of the item when focused with the tab key",
           "mode": "md"
         },
+        {
+          "name": "--background-focused-opacity",
+          "annotation": "prop",
+          "docs": "Opacity of the item background when focused with the tab key",
+          "mode": "ionic"
+        },
         {
           "name": "--background-focused-opacity",
           "annotation": "prop",
@@ -15575,6 +15597,12 @@
           "docs": "Opacity of the item background when focused with the tab key",
           "mode": "md"
         },
+        {
+          "name": "--background-hover",
+          "annotation": "prop",
+          "docs": "Background of the item on hover",
+          "mode": "ionic"
+        },
         {
           "name": "--background-hover",
           "annotation": "prop",
@@ -15587,6 +15615,12 @@
           "docs": "Background of the item on hover",
           "mode": "md"
         },
+        {
+          "name": "--background-hover-opacity",
+          "annotation": "prop",
+          "docs": "Opacity of the background of the item on hover",
+          "mode": "ionic"
+        },
         {
           "name": "--background-hover-opacity",
           "annotation": "prop",
@@ -15617,6 +15651,12 @@
           "docs": "Color of the item border",
           "mode": "md"
         },
+        {
+          "name": "--border-radius",
+          "annotation": "prop",
+          "docs": "Radius of the item border",
+          "mode": "ionic"
+        },
         {
           "name": "--border-radius",
           "annotation": "prop",
@@ -15665,6 +15705,12 @@
           "docs": "Width of the item border",
           "mode": "md"
         },
+        {
+          "name": "--color",
+          "annotation": "prop",
+          "docs": "Color of the item",
+          "mode": "ionic"
+        },
         {
           "name": "--color",
           "annotation": "prop",
@@ -15677,6 +15723,12 @@
           "docs": "Color of the item",
           "mode": "md"
         },
+        {
+          "name": "--color-activated",
+          "annotation": "prop",
+          "docs": "Color of the item when pressed",
+          "mode": "ionic"
+        },
         {
           "name": "--color-activated",
           "annotation": "prop",
@@ -15689,6 +15741,12 @@
           "docs": "Color of the item when pressed",
           "mode": "md"
         },
+        {
+          "name": "--color-focused",
+          "annotation": "prop",
+          "docs": "Color of the item when focused with the tab key",
+          "mode": "ionic"
+        },
         {
           "name": "--color-focused",
           "annotation": "prop",
@@ -15701,6 +15759,12 @@
           "docs": "Color of the item when focused with the tab key",
           "mode": "md"
         },
+        {
+          "name": "--color-hover",
+          "annotation": "prop",
+          "docs": "Color of the item on hover",
+          "mode": "ionic"
+        },
         {
           "name": "--color-hover",
           "annotation": "prop",
@@ -15713,6 +15777,12 @@
           "docs": "Color of the item on hover",
           "mode": "md"
         },
+        {
+          "name": "--detail-icon-color",
+          "annotation": "prop",
+          "docs": "Color of the item detail icon",
+          "mode": "ionic"
+        },
         {
           "name": "--detail-icon-color",
           "annotation": "prop",
@@ -15725,6 +15795,12 @@
           "docs": "Color of the item detail icon",
           "mode": "md"
         },
+        {
+          "name": "--detail-icon-font-size",
+          "annotation": "prop",
+          "docs": "Font size of the item detail icon",
+          "mode": "ionic"
+        },
         {
           "name": "--detail-icon-font-size",
           "annotation": "prop",
@@ -15737,6 +15813,12 @@
           "docs": "Font size of the item detail icon",
           "mode": "md"
         },
+        {
+          "name": "--detail-icon-opacity",
+          "annotation": "prop",
+          "docs": "Opacity of the item detail icon",
+          "mode": "ionic"
+        },
         {
           "name": "--detail-icon-opacity",
           "annotation": "prop",
@@ -15749,6 +15831,12 @@
           "docs": "Opacity of the item detail icon",
           "mode": "md"
         },
+        {
+          "name": "--inner-border-width",
+          "annotation": "prop",
+          "docs": "Width of the item inner border",
+          "mode": "ionic"
+        },
         {
           "name": "--inner-border-width",
           "annotation": "prop",
@@ -15761,6 +15849,12 @@
           "docs": "Width of the item inner border",
           "mode": "md"
         },
+        {
+          "name": "--inner-box-shadow",
+          "annotation": "prop",
+          "docs": "Box shadow of the item inner",
+          "mode": "ionic"
+        },
         {
           "name": "--inner-box-shadow",
           "annotation": "prop",
@@ -15773,6 +15867,12 @@
           "docs": "Box shadow of the item inner",
           "mode": "md"
         },
+        {
+          "name": "--inner-padding-bottom",
+          "annotation": "prop",
+          "docs": "Bottom padding of the item inner",
+          "mode": "ionic"
+        },
         {
           "name": "--inner-padding-bottom",
           "annotation": "prop",
@@ -15785,6 +15885,12 @@
           "docs": "Bottom padding of the item inner",
           "mode": "md"
         },
+        {
+          "name": "--inner-padding-end",
+          "annotation": "prop",
+          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item inner",
+          "mode": "ionic"
+        },
         {
           "name": "--inner-padding-end",
           "annotation": "prop",
@@ -15797,6 +15903,12 @@
           "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item inner",
           "mode": "md"
         },
+        {
+          "name": "--inner-padding-start",
+          "annotation": "prop",
+          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item inner",
+          "mode": "ionic"
+        },
         {
           "name": "--inner-padding-start",
           "annotation": "prop",
@@ -15809,6 +15921,12 @@
           "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item inner",
           "mode": "md"
         },
+        {
+          "name": "--inner-padding-top",
+          "annotation": "prop",
+          "docs": "Top padding of the item inner",
+          "mode": "ionic"
+        },
         {
           "name": "--inner-padding-top",
           "annotation": "prop",
@@ -15911,6 +16029,12 @@
           "docs": "Top padding of the item",
           "mode": "md"
         },
+        {
+          "name": "--ripple-color",
+          "annotation": "prop",
+          "docs": "Color of the item ripple effect",
+          "mode": "ionic"
+        },
         {
           "name": "--ripple-color",
           "annotation": "prop",
@@ -15923,6 +16047,12 @@
           "docs": "Color of the item ripple effect",
           "mode": "md"
         },
+        {
+          "name": "--transition",
+          "annotation": "prop",
+          "docs": "Transition of the item",
+          "mode": "ionic"
+        },
         {
           "name": "--transition",
           "annotation": "prop",
@@ -31904,48 +32034,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/segment-content/segment-content.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-segment-content",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/segment-view/segment-view.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-segment-view",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [
-        {
-          "event": "scroll",
-          "capture": false,
-          "passive": true
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/select/select.tsx",
       "encapsulation": "shadow",
@@ -33523,6 +33611,47 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "size",
+          "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
+          "complexType": {
+            "original": "'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
+            "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Set to `\"xsmall\"` for the smallest size.\nSet to `\"small\"` for a smaller size.\nSet to `\"medium\"` for a medium size.\nSet to `\"large\"` for a large size.\nSet to `\"xlarge\"` for the largest size.\n\nDefaults to `\"xsmall\"` for the `ionic` theme, undefined for all other themes.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            },
+            {
+              "value": "xlarge",
+              "type": "string"
+            },
+            {
+              "value": "xsmall",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "theme",
           "type": "\"ios\" | \"md\" | \"ionic\"",
@@ -33556,7 +33685,20 @@
         {
           "name": "--color",
           "annotation": "prop",
-          "docs": "Color of the spinner"
+          "docs": "Color of the spinner",
+          "mode": "ionic"
+        },
+        {
+          "name": "--color",
+          "annotation": "prop",
+          "docs": "Color of the spinner",
+          "mode": "ios"
+        },
+        {
+          "name": "--color",
+          "annotation": "prop",
+          "docs": "Color of the spinner",
+          "mode": "md"
         }
       ],
       "slots": [],

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

@@ -1230,11 +1230,11 @@ const ToolbarTitle = class {
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: '2312208012fcc0021511e9f83a797f0efecc95d7', class: createColorClasses(this.color, {
+        return (h(Host, { key: '67f00e2664322d0a5df32e093c7e227fc6f16c98', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: '0d5cb6cb7065aa70a299061ebd1d7be04f0c5d22', class: "toolbar-title" }, h("slot", { key: '9f95add2dda42160f45137f7ebd8df0f3c3f1a69' }))));
+            }) }, h("div", { key: 'cfc8295c9c599a9a61ea794b30169fdd574708f1', class: "toolbar-title" }, h("slot", { key: '2065458af3ed39d230c935332e7ff9c9d2d20e78' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1306,10 +1306,10 @@ const Toolbar = class {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (h(Host, { key: '301c7915c8331f4b00cf929068083102ec85a75d', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '958f4b7dd7edd7e14188ede019a3ec83955047e7', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: 'fa60782795f4c50a2bf6fe85799439ee4469c51f', class: "toolbar-background" }), h("div", { key: 'd22e03c135a3360b796c9149018888a176d05a7e', class: "toolbar-container" }, h("slot", { key: 'e97e52fd2426ef4fdddcad9202a5331c4d1ef6b7', name: "start" }), h("slot", { key: '1f82aa2d95a17ab478d13ade7ae52da227de2bfc', name: "secondary" }), h("div", { key: 'e7698f82a464a9c863bd3a602d396a14d987bad0', class: "toolbar-content" }, h("slot", { key: '215f4fcd1cae042da6e2d5ef9832d9857db1b7c6' })), h("slot", { key: '962027f724f2a3ba009dcb218f71bbc97fb6927a', name: "primary" }), h("slot", { key: '5d7d1a5132501a436a82e267d660ec7feea96012', name: "end" }))));
+            })) }, h("div", { key: '13c34671af2a47ee2d13c3348d87590696fe2043', class: "toolbar-background" }), h("div", { key: '00cb26c46ab564017c5b59133082966487f3268a', class: "toolbar-container" }, h("slot", { key: 'a9c5fc777ff5eab4ef91d7c9b274a53012280f35', name: "start" }), h("slot", { key: 'a5a4e11b5d5847ff167ae95b86cd3625d482e257', name: "secondary" }), h("div", { key: 'e9f06b74b6aa933363aa0b671216b37300cc660c', class: "toolbar-content" }, h("slot", { key: '05929530a64a6d497ef5bc69dbc42adc11c9694f' })), h("slot", { key: 'f03445495cd36c54a7a43b47ab47169c53d9d15b', name: "primary" }), h("slot", { key: 'd8a60db04c290933462b517cc6627500bd9ebe34', name: "end" }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -5,7 +5,7 @@ import { r as registerInstance, h, i as Host, g as getElement } from './index-33
 import { d as getIonTheme } from './ionic-global-be8fa30a.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 
-const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-800, #626262);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border:var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-800, #626262)}:host(.avatar-xsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-400, 16px)}:host(.avatar-small){--padding-end:var(--ionic-space-150, 6px);--padding-start:var(--ionic-space-150, 6px);width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ionic-space-250, 10px);--padding-start:var(--ionic-space-250, 10px);width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ionic-space-300, 12px);--padding-start:var(--ionic-space-300, 12px);width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem)}:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ionic-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ionic-scale-500, 20px);height:var(--ionic-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}";
+const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-800, #626262);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border:var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-800, #626262)}:host(.avatar-xxsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ionic-space-150, 6px);--padding-start:var(--ionic-space-150, 6px);width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ionic-space-250, 10px);--padding-start:var(--ionic-space-250, 10px);width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ionic-space-300, 12px);--padding-start:var(--ionic-space-300, 12px);width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ionic-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ionic-scale-500, 20px);height:var(--ionic-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}";
 const IonAvatarIonicStyle0 = avatarIonicCss;
 
 const avatarIosCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
@@ -54,13 +54,13 @@ const Avatar = class {
         const theme = getIonTheme(this);
         const size = this.getSize();
         const shape = this.getShape();
-        return (h(Host, { key: 'ce0752a14af73eb2731d916be9522db4312bd8f8', class: {
+        return (h(Host, { key: '169f3e804c30f9eedc8c3cf064af9871bead2f5f', class: {
                 [theme]: true,
                 [`avatar-${size}`]: size !== undefined,
                 [`avatar-${shape}`]: shape !== undefined,
                 [`avatar-image`]: this.hasImage,
                 [`avatar-icon`]: this.hasIcon,
-            } }, h("slot", { key: '9cd3c8e0d4ced7896b8496b75208c938735af1b2' })));
+            } }, h("slot", { key: '67bb5a3c1a6bd33af37141df05663f1685c84286' })));
     }
     get el() { return getElement(this); }
 };
@@ -70,13 +70,13 @@ Avatar.style = {
     md: IonAvatarMdStyle0
 };
 
-const badgeIonicCss = ":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-start:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-100, 4px);--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ionic-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ionic-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ionic-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ionic-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ionic-border-radius-0, 0px)}:host(.badge-xxsmall){min-width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-400, 16px)}:host(.badge-xsmall){min-width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-350, 0.875rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-small){min-width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-medium){min-width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-large){--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-xlarge){--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem);line-height:var(--ionic-line-height-700, 28px)}";
+const badgeIonicCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:current-color(base);color:current-color(contrast)}:host(:empty){display:none}:host{--background:var(--ionic-color-blue-700, #105cef);--color:var(--ionic-color-base-white, #ffffff);--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ionic-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ionic-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ionic-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ionic-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ionic-border-radius-0, 0px)}:host(.badge-xxsmall){--padding-start:var(--ionic-space-050, 2px);--padding-end:var(--ionic-space-050, 2px);min-width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-400, 16px)}:host(.badge-xsmall){--padding-start:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-100, 4px);min-width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-350, 0.875rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-small){--padding-start:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-100, 4px);min-width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-medium){min-width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-large){min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-xlarge){min-width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem);line-height:var(--ionic-line-height-700, 28px)}";
 const IonBadgeIonicStyle0 = badgeIonicCss;
 
-const badgeIosCss = ":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
+const badgeIosCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
 const IonBadgeIosStyle0 = badgeIosCss;
 
-const badgeMdCss = ":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
+const badgeMdCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
 const IonBadgeMdStyle0 = badgeMdCss;
 
 const Badge = class {
@@ -136,9 +136,9 @@ const Thumbnail = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '43ea61d750f53e8f3623df191eb3795a59599e40', class: {
+        return (h(Host, { key: '8911848dc9edd536023c8a68e51752b751e3f0ab', class: {
                 [theme]: true,
-            } }, h("slot", { key: 'feaecfa188c84b219d61ff99296b34c7ab26ec66' })));
+            } }, h("slot", { key: 'aaa7d7010d4050eebaed490b3ef7e641b076607c' })));
     }
 };
 Thumbnail.style = IonThumbnailStyle0;