@ionic/core 8.8.4-dev.11776184632.103b8351 → 8.8.4-dev.11776246162.138c2737

package/dist/collection/components/select-popover/select-popover.ionic.css

@@ -1,489 +0,0 @@
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-:host ion-list {
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-ion-list-header,
-ion-label {
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-/**
- * The main content inside of a popover has overflow: hidden
- * so that a descendant ion-content can be scrolled.
- * However, select-popover does not use ion-content so we need
- * to explicitly make this container scrollable.
- */
-:host {
-  overflow-y: auto;
-}
-
-.select-option-label {
-  display: flex;
-  align-items: center;
-}
-
-.select-option-description {
-  display: block;
-}
-
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-:host ion-list {
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-ion-list-header,
-ion-label {
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-/**
- * The main content inside of a popover has overflow: hidden
- * so that a descendant ion-content can be scrolled.
- * However, select-popover does not use ion-content so we need
- * to explicitly make this container scrollable.
- */
-:host {
-  overflow-y: auto;
-}
-
-.select-option-label {
-  display: flex;
-  align-items: center;
-}
-
-.select-option-description {
-  display: block;
-}
-
-.select-option-label {
-  gap: 12px;
-}
-
-.select-option-description {
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 5px;
-  padding-bottom: 0;
-  color: var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));
-  font-size: 0.75rem;
-}
-
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-ion-list ion-radio::part(container) {
-  display: none;
-}
-
-ion-list ion-radio::part(label) {
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-ion-item {
-  --inner-border-width: 0;
-}
-
-.item-radio-checked {
-  --background: rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08);
-  --background-focused: var(--ion-color-primary, #0054e9);
-  --background-focused-opacity: 0.2;
-  --background-hover: var(--ion-color-primary, #0054e9);
-  --background-hover-opacity: 0.12;
-}
-
-.item-checkbox-checked {
-  --background-activated: var(--ion-item-color, var(--ion-text-color, #000));
-  --background-focused: var(--ion-item-color, var(--ion-text-color, #000));
-  --background-hover: var(--ion-item-color, var(--ion-text-color, #000));
-  --color: var(--ion-color-primary, #0054e9);
-}
-
-.select-option-label {
-  gap: var(--token-space-300, var(--token-scale-300, 12px));
-}
-
-.select-option-description {
-  font-size: var(--token-font-size-350, 0.875rem);
-  font-weight: var(--token-font-weight-regular, 400);
-  letter-spacing: var(--token-font-letter-spacing-0, 0%);
-  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
-  text-decoration: none;
-  text-transform: none;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-  color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
-  font-size: var(--token-font-size-350, 0.875rem);
-}

package/dist/collection/utils/select-option-render.js

@@ -1,62 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-/**
- * Cache that maps rendered span elements to the source HTMLElement
- * they were cloned from. This prevents flickering when a user
- * selects an option that has rich content, as the content will only be
- * re-rendered if the source HTMLElement changes.
- */
-const contentCache = new WeakMap();
-/**
- * Renders cloned DOM content into a span element via a ref callback.
- * The content is only cloned when the source element changes,
- * preventing flicker caused by destroying and recreating web
- * components (e.g., ion-avatar) on every re-render cycle.
- *
- * Uses span elements because this content may render within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param id - Unique identifier for generating stable virtual DOM keys.
- * @param content - The HTMLElement container whose child nodes will be cloned.
- * @param className - CSS class applied to the wrapper span.
- */
-const renderClonedContent = (id, content, className) => {
-    return (h("span", { class: className, key: `${className}-${id}`, ref: (el) => {
-            if (el) {
-                const cached = contentCache.get(el);
-                // Skip if this element already has clones from the same source
-                if (cached === content) {
-                    return;
-                }
-                // Clear previous content and clone new nodes
-                el.innerHTML = '';
-                Array.from(content.childNodes).forEach((n) => el.appendChild(n.cloneNode(true)));
-                contentCache.set(el, content);
-            }
-        } }));
-};
-/**
- * Renders the label content for a select option within an overlay
- * interface based on the presence of rich content.
- *
- * Uses span elements because this content may render within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param option - The content option data containing label, slots,
- * and description.
- * @param className - The base CSS class for the label element.
- */
-export const renderOptionLabel = (option, className) => {
-    const { id, label, startContent, endContent, description } = option;
-    const hasRichContent = !!startContent || !!endContent || !!description;
-    // Render the main label
-    const labelEl = typeof label === 'string' || !label ? (h("span", { key: `${className}-label-${id}` }, label)) : (renderClonedContent(id, label, `${className}-text`));
-    if (!hasRichContent) {
-        return (h("span", { class: className, key: `${className}-${id}` }, labelEl));
-    }
-    return (h("span", { class: className, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start'), h("span", { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (h("span", { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end')));
-};

package/dist/esm/select-option-render-BQUT9Aqa.js

@@ -1,65 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from './index-Omi_TcwW.js';
-
-/**
- * Cache that maps rendered span elements to the source HTMLElement
- * they were cloned from. This prevents flickering when a user
- * selects an option that has rich content, as the content will only be
- * re-rendered if the source HTMLElement changes.
- */
-const contentCache = new WeakMap();
-/**
- * Renders cloned DOM content into a span element via a ref callback.
- * The content is only cloned when the source element changes,
- * preventing flicker caused by destroying and recreating web
- * components (e.g., ion-avatar) on every re-render cycle.
- *
- * Uses span elements because this content may render within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param id - Unique identifier for generating stable virtual DOM keys.
- * @param content - The HTMLElement container whose child nodes will be cloned.
- * @param className - CSS class applied to the wrapper span.
- */
-const renderClonedContent = (id, content, className) => {
-    return (h("span", { class: className, key: `${className}-${id}`, ref: (el) => {
-            if (el) {
-                const cached = contentCache.get(el);
-                // Skip if this element already has clones from the same source
-                if (cached === content) {
-                    return;
-                }
-                // Clear previous content and clone new nodes
-                el.innerHTML = '';
-                Array.from(content.childNodes).forEach((n) => el.appendChild(n.cloneNode(true)));
-                contentCache.set(el, content);
-            }
-        } }));
-};
-/**
- * Renders the label content for a select option within an overlay
- * interface based on the presence of rich content.
- *
- * Uses span elements because this content may render within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param option - The content option data containing label, slots,
- * and description.
- * @param className - The base CSS class for the label element.
- */
-const renderOptionLabel = (option, className) => {
-    const { id, label, startContent, endContent, description } = option;
-    const hasRichContent = !!startContent || !!endContent || !!description;
-    // Render the main label
-    const labelEl = typeof label === 'string' || !label ? (h("span", { key: `${className}-label-${id}` }, label)) : (renderClonedContent(id, label, `${className}-text`));
-    if (!hasRichContent) {
-        return (h("span", { class: className, key: `${className}-${id}` }, labelEl));
-    }
-    return (h("span", { class: className, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start'), h("span", { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (h("span", { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end')));
-};
-
-export { renderOptionLabel as r };

package/dist/ionic/p-37f895a8.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{f as t,r as o,c as a,e,j as i,h as n,d as r,g as s}from"./p-Omi_TcwW.js";import{E as l,a as d}from"./p-qYp06FUk.js";import{g as p,r as c}from"./p-CHE1xWbg.js";import{c as h}from"./p-B-hirT0v.js";import{O as b,d as u,e as m,i as g,j as x,k as v,f,g as w,h as k,s as y,G as z}from"./p-BYtS2rae.js";import{c as $,g as T}from"./p-DaJxRxSQ.js";import{w as j,b as D,c as Y}from"./p-CBV-BGvD.js";import{c as C}from"./p-Cb-0O4h8.js";import{createGesture as M}from"./p-Cl0B-RWe.js";import"./p-vXpMhGrs.js";import"./p-FvDKM4Ax.js";import"./p-BTEOs1at.js";const O=(t,o)=>Math.floor(t/2-o/2),B=(t,o)=>{const a=C(),e=C(),{position:i,top:n,bottom:r}=o,s=p(t).querySelector(".toast-wrapper");switch(e.addElement(s),i){case"top":e.fromTo("transform","translateY(-100%)",`translateY(${n})`);break;case"middle":const o=O(t.clientHeight,s.clientHeight);s.style.top=`${o}px`,e.fromTo("opacity",.01,1);break;default:e.fromTo("transform","translateY(100%)",`translateY(${r})`)}return a.easing("cubic-bezier(.155,1.105,.295,1.12)").duration(400).addAnimation(e)},E=(t,o)=>{const a=C(),e=C(),{position:i,top:n,bottom:r}=o,s=p(t).querySelector(".toast-wrapper");switch(e.addElement(s),i){case"top":e.fromTo("transform",`translateY(${n})`,"translateY(-100%)");break;case"middle":e.fromTo("opacity",.99,0);break;default:e.fromTo("transform",`translateY(${r})`,"translateY(100%)")}return a.easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(e)},W=(t,o)=>{const a=C(),e=C(),{position:i,top:n,bottom:r}=o,s=p(t).querySelector(".toast-wrapper");switch(e.addElement(s),i){case"top":s.style.setProperty("transform",`translateY(${n})`),e.fromTo("opacity",.01,1);break;case"middle":const o=O(t.clientHeight,s.clientHeight);s.style.top=`${o}px`,e.fromTo("opacity",.01,1);break;default:s.style.setProperty("transform",`translateY(${r})`),e.fromTo("opacity",.01,1)}return a.easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation(e)},H=t=>{const o=C(),a=C(),e=p(t).querySelector(".toast-wrapper");return a.addElement(e).fromTo("opacity",.99,0),o.easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(a)},P=class{constructor(t){o(this,t),this.didPresent=a(this,"ionToastDidPresent",7),this.willPresent=a(this,"ionToastWillPresent",7),this.willDismiss=a(this,"ionToastWillDismiss",7),this.didDismiss=a(this,"ionToastDidDismiss",7),this.didPresentShorthand=a(this,"didPresent",7),this.willPresentShorthand=a(this,"willPresent",7),this.willDismissShorthand=a(this,"willDismiss",7),this.didDismissShorthand=a(this,"didDismiss",7),this.delegateController=u(this),this.lockController=h(),this.triggerController=m(),this.customHTMLEnabled=e.get("innerHTMLTemplatesEnabled",l),this.presented=!1,this.revealContentToScreenReader=!1,this.hasController=!1,this.duration=e.getNumber("toastDuration",0),this.hue="subtle",this.layout="baseline",this.keyboardClose=!1,this.position="bottom",this.translucent=!1,this.animated=!0,this.isOpen=!1,this.dispatchCancelHandler=t=>{if(g(t.detail.role)){const t=this.getButtons().find((t=>"cancel"===t.role));this.callButtonHandler(t)}},this.createSwipeGesture=t=>{const o=this.gesture=((t,o,a)=>{const e=p(t).querySelector(".toast-wrapper"),i=t.clientHeight,n=e.getBoundingClientRect();let r=0;const s="middle"===t.position?.5:0,l="top"===t.position?-1:1,d=O(i,n.height),c=[{offset:0,transform:`translateY(-${d+n.height}px)`},{offset:.5,transform:"translateY(0px)"},{offset:1,transform:`translateY(${d+n.height}px)`}],h=C("toast-swipe-to-dismiss-animation").addElement(e).duration(100);switch(t.position){case"middle":r=i+n.height,h.keyframes(c),h.progressStart(!0,.5);break;case"top":r=n.bottom,h.keyframes([{offset:0,transform:`translateY(${o.top})`},{offset:1,transform:"translateY(-100%)"}]),h.progressStart(!0,0);break;default:r=i-n.top,h.keyframes([{offset:0,transform:`translateY(${o.bottom})`},{offset:1,transform:"translateY(100%)"}]),h.progressStart(!0,0)}const u=t=>t*l/r,m=M({el:e,gestureName:"toast-swipe-to-dismiss",gesturePriority:b,direction:"y",onMove:t=>{const o=s+u(t.deltaY);h.progressStep(o)},onEnd:o=>{const i=o.velocityY,n=(o.deltaY+1e3*i)/r*l;m.enable(!1);let s=!0,p=1,b=0,g=0;if("middle"===t.position){s=n>=.25||n<=-.25,p=1,b=0;const t=e.getBoundingClientRect(),a=t.top-d,i=(d+t.height)*(o.deltaY<=0?-1:1);h.keyframes([{offset:0,transform:`translateY(${a}px)`},{offset:1,transform:`translateY(${s?`${i}px`:"0px"})`}]),g=i-a}else s=n>=.5,p=s?1:0,b=u(o.deltaY),g=(s?1-b:b)*r;const x=Math.min(Math.abs(g)/Math.abs(i),200);h.onFinish((()=>{s?(a(),h.destroy()):("middle"===t.position?h.keyframes(c).progressStart(!0,.5):h.progressStart(!0,0),m.enable(!0))}),{oneTimeCallback:!0}).progressEnd(p,b,x)}});return m})(this.el,t,(()=>{this.dismiss(void 0,z)}));o.enable(!0)},this.destroySwipeGesture=()=>{const{gesture:t}=this;void 0!==t&&(t.destroy(),this.gesture=void 0)},this.prefersSwipeGesture=()=>{const{swipeGesture:t}=this;return"vertical"===t}}swipeGestureChanged(){this.destroySwipeGesture(),this.presented&&this.prefersSwipeGesture()&&this.createSwipeGesture(this.lastPresentedPosition)}onIsOpenChange(t,o){!0===t&&!1===o?this.present():!1===t&&!0===o&&this.dismiss()}triggerChanged(){const{trigger:t,el:o,triggerController:a}=this;t&&a.addClickListener(o,t)}connectedCallback(){x(this.el),this.triggerChanged()}disconnectedCallback(){this.triggerController.removeClickListener()}componentWillLoad(){var t;(null===(t=this.htmlAttributes)||void 0===t?void 0:t.id)||v(this.el)}componentDidLoad(){!0===this.isOpen&&c((()=>this.present())),this.triggerChanged()}async present(){const o=D(this),a=await this.lockController.lock();await this.delegateController.attachViewToDom();const{el:e,position:i}=this,n=function(o,a,e,i){let n;if(n="md"===e?"top"===o?8:-8:"top"===o?10:-10,a&&j){!function(o,a){null===o.offsetParent&&t("[ion-toast] - The positionAnchor element for ion-toast was found in the DOM, but appears to be hidden. This may lead to unexpected positioning of the toast.",a)}(a,i);const e=a.getBoundingClientRect();return"top"===o?n+=e.bottom:"bottom"===o&&(n-=j.innerHeight-e.top),{top:`${n}px`,bottom:`${n}px`}}return{top:`calc(${n}px + var(--ion-safe-area-top, 0px))`,bottom:`calc(${n}px - var(--ion-safe-area-bottom, 0px))`}}(i,this.getAnchorElement(),o,e);this.lastPresentedPosition=n,await f(this,"toastEnter",B,W,{position:i,top:n.top,bottom:n.bottom}),this.revealContentToScreenReader=!0,this.duration>0&&(this.durationTimeout=setTimeout((()=>this.dismiss(void 0,"timeout")),this.duration)),this.prefersSwipeGesture()&&this.createSwipeGesture(n),a()}async dismiss(t,o){var a,e;const i=await this.lockController.lock(),{durationTimeout:n,position:r,lastPresentedPosition:s}=this;n&&clearTimeout(n);const l=await w(this,t,o,"toastLeave",E,H,{position:r,top:null!==(a=null==s?void 0:s.top)&&void 0!==a?a:"",bottom:null!==(e=null==s?void 0:s.bottom)&&void 0!==e?e:""});return l&&(this.delegateController.removeViewFromDom(),this.revealContentToScreenReader=!1),this.lastPresentedPosition=void 0,this.destroySwipeGesture(),i(),l}onDidDismiss(){return k(this.el,"ionToastDidDismiss")}onWillDismiss(){return k(this.el,"ionToastWillDismiss")}getButtons(){return this.buttons?this.buttons.map((t=>"string"==typeof t?{text:t}:t)):[]}getShape(){const{shape:t}=this;if("ionic"===Y(this))return void 0===t?"round":t}getAnchorElement(){const{position:o,positionAnchor:a,el:e}=this;if(void 0!==a)if("middle"!==o||void 0===a){if("string"==typeof a){const o=document.getElementById(a);return null===o?void t(`[ion-toast] - An anchor element with an ID of "${a}" was not found in the DOM.`,e):o}if(a instanceof HTMLElement)return a;t("[ion-toast] - Invalid positionAnchor value:",a,e)}else t('[ion-toast] - The positionAnchor property is ignored when using position="middle".',this.el)}async buttonClick(t){const o=t.role;return g(o)||await this.callButtonHandler(t)?this.dismiss(void 0,o):Promise.resolve()}async callButtonHandler(t){if(null==t?void 0:t.handler)try{if(!1===await y(t.handler))return!1}catch(t){i("[ion-toast] - Exception in callButtonHandler:",t)}return!0}renderButtons(t,o){if(0===t.length)return;const a=Y(this);return n("div",{class:{"toast-button-group":!0,[`toast-button-group-${o}`]:!0}},t.map((t=>n("button",Object.assign({},t.htmlAttributes,{type:"button",class:A(t),tabIndex:0,onClick:()=>this.buttonClick(t),part:G(t)}),n("div",{class:"toast-button-inner"},t.icon&&n("ion-icon",{"aria-hidden":"true",icon:t.icon,slot:void 0===t.text?"icon-only":void 0,class:"toast-button-icon"}),t.text),"md"===a&&n("ion-ripple-effect",{type:void 0!==t.icon&&void 0===t.text?"unbounded":"bounded"})))))}renderToastMessage(t,o=null){const{customHTMLEnabled:a,message:e}=this;return a?n("div",{key:t,"aria-hidden":o,class:"toast-message",part:"message",innerHTML:d(e)}):n("div",{key:t,"aria-hidden":o,class:"toast-message",part:"message"},e)}renderHeader(t,o=null){return n("div",{key:t,class:"toast-header","aria-hidden":o,part:"header"},this.header)}render(){const{layout:o,el:a,revealContentToScreenReader:e,header:i,hue:s,message:l}=this,d=this.getButtons(),p=d.filter((t=>"start"===t.side)),c=d.filter((t=>"start"!==t.side)),h=Y(this),b=D(this),u=this.getShape(),m={"toast-wrapper":!0,[`toast-${this.position}`]:!0,[`toast-layout-${o}`]:!0};return"stacked"===o&&p.length>0&&c.length>0&&t("[ion-toast] - This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.",a),n(r,Object.assign({key:"8f2a7964ecbc74d57a7743475f51abba45ec5302",tabindex:"-1"},this.htmlAttributes,{style:{zIndex:`${6e4+this.overlayIndex}`},class:$(this.color,Object.assign(Object.assign({[b]:!0,[h]:!0},T(this.cssClass)),{"overlay-hidden":!0,"toast-translucent":this.translucent,[`toast-shape-${u}`]:void 0!==u,[`toast-hue-${s}`]:void 0!==s})),onIonToastWillDismiss:this.dispatchCancelHandler}),n("div",{key:"bb637ccbcda0c68c34d0a9efc8bd5c0ee9da49f9",class:m,part:"wrapper"},n("div",{key:"3779659eb5d855dd360503b336090c7e0b569975",class:"toast-container",part:"container"},this.renderButtons(p,"start"),void 0!==this.icon&&n("ion-icon",{key:"768a222c9b188978afeda83119d71bde8fb6e2b3",class:"toast-icon",part:"icon",icon:this.icon,lazy:!1,"aria-hidden":"true"}),n("div",{key:"4a5fc7d5f374f5a7de1a916351143d5a31d939cf",class:"toast-content",part:"content",role:"status","aria-atomic":"true","aria-live":"polite"},!e&&void 0!==i&&this.renderHeader("oldHeader","true"),!e&&void 0!==l&&this.renderToastMessage("oldMessage","true"),e&&void 0!==i&&this.renderHeader("header"),e&&void 0!==l&&this.renderToastMessage("header")),this.renderButtons(c,"end"))))}get el(){return s(this)}static get watchers(){return{swipeGesture:[{swipeGestureChanged:0}],isOpen:[{onIsOpenChange:0}],trigger:[{triggerChanged:0}]}}},A=t=>({"toast-button":!0,"toast-button-icon-only":void 0!==t.icon&&void 0===t.text,[`toast-button-${t.role}`]:void 0!==t.role,"ion-focusable":!0,"ion-activatable":!0}),G=t=>g(t.role)?"button cancel":"button";P.style={ionic:":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);contain:strict;pointer-events:none}:host{inset-inline-start:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);pointer-events:auto}.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}.toast-wrapper.toast-top{-webkit-transform:translate3d(0,  -100%,  0);transform:translate3d(0,  -100%,  0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-content{-ms-flex:1;flex:1;min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--box-shadow:var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));--max-width:343px;--start:var(--token-space-200, var(--token-scale-200, 8px));--end:var(--token-space-200, var(--token-scale-200, 8px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;z-index:1001}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}:host(.md) .toast-wrapper{opacity:0.01}:host(.ios) .toast-wrapper.toast-middle{opacity:0.01}.toast-container{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px))}:host(.toast-shape-soft){--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.toast-shape-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.toast-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.toast-header{font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}.toast-layout-baseline .toast-button-group-start{-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.toast-layout-stacked .toast-button-group-start{margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}.toast-layout-baseline .toast-button-group-end{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}.toast-layout-stacked .toast-button-group-end{margin-top:var(--token-space-400, var(--token-scale-400, 16px))}.toast-button-group{gap:var(--token-space-400, var(--token-scale-400, 16px))}.toast-button{font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:relative;background-color:transparent;text-decoration:underline;overflow:hidden}.toast-icon{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}.toast-icon,.toast-button-icon{font-size:var(--token-scale-600, 24px)}:host(.toast-hue-bold){--background:var(--token-bg-neutral-boldest-default, var(--token-primitives-neutral-1200, #242424));--background-activated:var(--token-bg-neutral-boldest-press, var(--token-primitives-base-black, #111111));--color:var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--button-color:var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))}:host(.toast-hue-bold.ion-color) .toast-wrapper{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.toast-hue-bold.ion-color) .toast-button{color:var(--ion-color-contrast)}:host(.toast-hue-subtle){--background:var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--button-color:var(--token-text-link-default, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.toast-hue-subtle) .toast-button-cancel{color:var(--token-icon-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.toast-hue-subtle.ion-color) .toast-wrapper{background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}",ios:":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);contain:strict;pointer-events:none}:host{inset-inline-start:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);pointer-events:auto}.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}.toast-wrapper.toast-top{-webkit-transform:translate3d(0,  -100%,  0);transform:translate3d(0,  -100%,  0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-content{-ms-flex:1;flex:1;min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{font-family:var(--ion-font-family, inherit);z-index:1001}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-icon,.toast-button-icon{font-size:1.4em}:host{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-radius:14px;--button-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--max-width:700px;--max-height:478px;--start:10px;--end:10px;font-size:clamp(14px, 0.875rem, 43.4px)}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.toast-translucent) .toast-wrapper{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}:host(.ion-color.toast-translucent) .toast-wrapper{background:rgba(var(--ion-color-base-rgb), 0.8)}}.toast-wrapper.toast-middle{opacity:0.01}.toast-content{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:15px;padding-bottom:15px}.toast-header{margin-bottom:2px;font-weight:500}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;min-height:44px;-webkit-transition:background-color, opacity 100ms linear;transition:background-color, opacity 100ms linear;border:0;background-color:transparent;font-family:var(--ion-font-family);font-size:clamp(17px, 1.0625rem, 21.998px);font-weight:500;overflow:hidden}.toast-button.ion-activated{opacity:0.4}@media (any-hover: hover){.toast-button:hover{opacity:0.6}}",md:":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);contain:strict;pointer-events:none}:host{inset-inline-start:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);pointer-events:auto}.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}.toast-wrapper.toast-top{-webkit-transform:translate3d(0,  -100%,  0);transform:translate3d(0,  -100%,  0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-content{-ms-flex:1;flex:1;min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{font-family:var(--ion-font-family, inherit);z-index:1001}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-icon,.toast-button-icon{font-size:1.4em}:host{--background:var(--ion-color-step-800, var(--ion-background-color-step-800, #333333));--border-radius:4px;--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--button-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-step-50, var(--ion-text-color-step-950, #f2f2f2));--max-width:700px;--start:8px;--end:8px;font-size:0.875rem}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;opacity:0.01;z-index:10}.toast-content{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:14px;padding-bottom:14px}.toast-header{margin-bottom:2px;font-weight:500;line-height:1.25rem}.toast-message{line-height:1.25rem}.toast-layout-baseline .toast-button-group-start{-webkit-margin-start:8px;margin-inline-start:8px}.toast-layout-stacked .toast-button-group-start{-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px}.toast-layout-baseline .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px}.toast-layout-stacked .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px;margin-bottom:8px}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;font-family:var(--ion-font-family);font-size:0.875rem;font-weight:500;letter-spacing:0.84px;text-transform:uppercase;overflow:hidden}.toast-button-cancel{color:var(--ion-color-step-100, var(--ion-text-color-step-900, #e6e6e6))}.toast-button-icon-only{border-radius:50%;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:9px;padding-bottom:9px;width:36px;height:36px}@media (any-hover: hover){.toast-button:hover{background-color:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08)}.toast-button-cancel:hover{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.08)}}"};export{P as ion_toast}