@amwaljs/checkout-button 0.3.0 → 0.3.1

package/dist/esm/index-CNcx43L8.js

@@ -0,0 +1,234 @@
+import { w as writeTask, B as Build } from './index-93OyAGoo.js';
+import { d as raf } from './helpers-C6kqtbmV.js';
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
+const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
+const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
+const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
+const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const iosTransitionAnimation = () => import('./ios.transition-DMsViooj.js');
+const mdTransitionAnimation = () => import('./md.transition-BQT2r4ED.js');
+// TODO(FW-2832): types
+const transition = (opts) => {
+    return new Promise((resolve, reject) => {
+        writeTask(() => {
+            beforeTransition(opts);
+            runTransition(opts).then((result) => {
+                if (result.animation) {
+                    result.animation.destroy();
+                }
+                afterTransition(opts);
+                resolve(result);
+            }, (error) => {
+                afterTransition(opts);
+                reject(error);
+            });
+        });
+    });
+};
+const beforeTransition = (opts) => {
+    const enteringEl = opts.enteringEl;
+    const leavingEl = opts.leavingEl;
+    setZIndex(enteringEl, leavingEl, opts.direction);
+    if (opts.showGoBack) {
+        enteringEl.classList.add('can-go-back');
+    }
+    else {
+        enteringEl.classList.remove('can-go-back');
+    }
+    setPageHidden(enteringEl, false);
+    /**
+     * When transitioning, the page should not
+     * respond to click events. This resolves small
+     * issues like users double tapping the ion-back-button.
+     * These pointer events are removed in `afterTransition`.
+     */
+    enteringEl.style.setProperty('pointer-events', 'none');
+    if (leavingEl) {
+        setPageHidden(leavingEl, false);
+        leavingEl.style.setProperty('pointer-events', 'none');
+    }
+};
+const runTransition = async (opts) => {
+    const animationBuilder = await getAnimationBuilder(opts);
+    const ani = animationBuilder && Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
+    return ani;
+};
+const afterTransition = (opts) => {
+    const enteringEl = opts.enteringEl;
+    const leavingEl = opts.leavingEl;
+    enteringEl.classList.remove('ion-page-invisible');
+    enteringEl.style.removeProperty('pointer-events');
+    if (leavingEl !== undefined) {
+        leavingEl.classList.remove('ion-page-invisible');
+        leavingEl.style.removeProperty('pointer-events');
+    }
+};
+const getAnimationBuilder = async (opts) => {
+    if (!opts.leavingEl || !opts.animated || opts.duration === 0) {
+        return undefined;
+    }
+    if (opts.animationBuilder) {
+        return opts.animationBuilder;
+    }
+    const getAnimation = opts.mode === 'ios'
+        ? (await iosTransitionAnimation()).iosTransitionAnimation
+        : (await mdTransitionAnimation()).mdTransitionAnimation;
+    return getAnimation;
+};
+const animation = async (animationBuilder, opts) => {
+    await waitForReady(opts, true);
+    const trans = animationBuilder(opts.baseEl, opts);
+    fireWillEvents(opts.enteringEl, opts.leavingEl);
+    const didComplete = await playTransition(trans, opts);
+    if (opts.progressCallback) {
+        opts.progressCallback(undefined);
+    }
+    if (didComplete) {
+        fireDidEvents(opts.enteringEl, opts.leavingEl);
+    }
+    return {
+        hasCompleted: didComplete,
+        animation: trans,
+    };
+};
+const noAnimation = async (opts) => {
+    const enteringEl = opts.enteringEl;
+    const leavingEl = opts.leavingEl;
+    await waitForReady(opts, false);
+    fireWillEvents(enteringEl, leavingEl);
+    fireDidEvents(enteringEl, leavingEl);
+    return {
+        hasCompleted: true,
+    };
+};
+const waitForReady = async (opts, defaultDeep) => {
+    const deep = opts.deepWait !== undefined ? opts.deepWait : defaultDeep;
+    if (deep) {
+        await Promise.all([deepReady(opts.enteringEl), deepReady(opts.leavingEl)]);
+    }
+    await notifyViewReady(opts.viewIsReady, opts.enteringEl);
+};
+const notifyViewReady = async (viewIsReady, enteringEl) => {
+    if (viewIsReady) {
+        await viewIsReady(enteringEl);
+    }
+};
+const playTransition = (trans, opts) => {
+    const progressCallback = opts.progressCallback;
+    const promise = new Promise((resolve) => {
+        trans.onFinish((currentStep) => resolve(currentStep === 1));
+    });
+    // cool, let's do this, start the transition
+    if (progressCallback) {
+        // this is a swipe to go back, just get the transition progress ready
+        // kick off the swipe animation start
+        trans.progressStart(true);
+        progressCallback(trans);
+    }
+    else {
+        // only the top level transition should actually start "play"
+        // kick it off and let it play through
+        // ******** DOM WRITE ****************
+        trans.play();
+    }
+    // create a callback for when the animation is done
+    return promise;
+};
+const fireWillEvents = (enteringEl, leavingEl) => {
+    lifecycle(leavingEl, LIFECYCLE_WILL_LEAVE);
+    lifecycle(enteringEl, LIFECYCLE_WILL_ENTER);
+};
+const fireDidEvents = (enteringEl, leavingEl) => {
+    lifecycle(enteringEl, LIFECYCLE_DID_ENTER);
+    lifecycle(leavingEl, LIFECYCLE_DID_LEAVE);
+};
+const lifecycle = (el, eventName) => {
+    if (el) {
+        const ev = new CustomEvent(eventName, {
+            bubbles: false,
+            cancelable: false,
+        });
+        el.dispatchEvent(ev);
+    }
+};
+/**
+ * Wait two request animation frame loops.
+ * This allows the framework implementations enough time to mount
+ * the user-defined contents. This is often needed when using inline
+ * modals and popovers that accept user components. For popover,
+ * the contents must be mounted for the popover to be sized correctly.
+ * For modals, the contents must be mounted for iOS to run the
+ * transition correctly.
+ *
+ * On Angular and React, a single raf is enough time, but for Vue
+ * we need to wait two rafs. As a result we are using two rafs for
+ * all frameworks to ensure contents are mounted.
+ */
+const waitForMount = () => {
+    return new Promise((resolve) => raf(() => raf(() => resolve())));
+};
+const deepReady = async (el) => {
+    const element = el;
+    if (element) {
+        if (element.componentOnReady != null) {
+            // eslint-disable-next-line custom-rules/no-component-on-ready-method
+            const stencilEl = await element.componentOnReady();
+            if (stencilEl != null) {
+                return;
+            }
+            /**
+             * Custom elements in Stencil will have __registerHost.
+             */
+        }
+        else if (element.__registerHost != null) {
+            /**
+             * Non-lazy loaded custom elements need to wait
+             * one frame for component to be loaded.
+             */
+            const waitForCustomElement = new Promise((resolve) => raf(resolve));
+            await waitForCustomElement;
+            return;
+        }
+        await Promise.all(Array.from(element.children).map(deepReady));
+    }
+};
+const setPageHidden = (el, hidden) => {
+    if (hidden) {
+        el.setAttribute('aria-hidden', 'true');
+        el.classList.add('ion-page-hidden');
+    }
+    else {
+        el.hidden = false;
+        el.removeAttribute('aria-hidden');
+        el.classList.remove('ion-page-hidden');
+    }
+};
+const setZIndex = (enteringEl, leavingEl, direction) => {
+    if (enteringEl !== undefined) {
+        enteringEl.style.zIndex = direction === 'back' ? '99' : '101';
+    }
+    if (leavingEl !== undefined) {
+        leavingEl.style.zIndex = '100';
+    }
+};
+const getIonPageElement = (element) => {
+    if (element.classList.contains('ion-page')) {
+        return element;
+    }
+    const ionPage = element.querySelector(':scope > .ion-page, :scope > ion-nav, :scope > ion-tabs');
+    if (ionPage) {
+        return ionPage;
+    }
+    // idk, return the original element so at least something animates and we don't have a null pointer
+    return element;
+};
+
+export { LIFECYCLE_WILL_UNLOAD as L, LIFECYCLE_WILL_LEAVE as a, LIFECYCLE_DID_LEAVE as b, deepReady as d, getIonPageElement as g, lifecycle as l, setPageHidden as s, transition as t, waitForMount as w };

package/dist/esm/{index-CF4QYFB3.js → index-CcopIPA0.js}

@@ -1,4 +1,4 @@
-import { G as GESTURE_CONTROLLER } from './gesture-controller-BTEOs1at.js';
+import { G as GESTURE_CONTROLLER } from './gesture-controller-CukVBo5-.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License

package/dist/esm/index-D8d_89Nl.js

@@ -0,0 +1,34 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * Logs a warning to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
+ */
+const printIonWarning = (message, ...params) => {
+    return console.warn(`[Ionic Warning]: ${message}`, ...params);
+};
+/*
+ * Logs an error to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
+ * @param params - Additional arguments to supply to the console.error.
+ */
+const printIonError = (message, ...params) => {
+    return console.error(`[Ionic Error]: ${message}`, ...params);
+};
+/**
+ * Prints an error informing developers that an implementation requires an element to be used
+ * within a specific selector.
+ *
+ * @param el The web component element this is requiring the element.
+ * @param targetSelectors The selector or selectors that were not found.
+ */
+const printRequiredElementError = (el, ...targetSelectors) => {
+    return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
+};
+
+export { printRequiredElementError as a, printIonError as b, printIonWarning as p };

package/dist/esm/{index-Dph-Z83P.js → index-DUF6JAQL.js}

@@ -1,9 +1,9 @@
 import { d as doc } from './index-ZjP4CjeZ.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-DRef5MPc.js';
-import { i as printIonWarning } from './index-xxOnfNPU.js';
-import { c as componentOnReady } from './helpers-BuFc0hrS.js';
-import { g as getIonMode } from './ionic-global-BbOE2Sur.js';
-import { c as createAnimation } from './animation-Cdsew5KM.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-CzxcJiYO.js';
+import { p as printIonWarning } from './index-D8d_89Nl.js';
+import { c as componentOnReady } from './helpers-C6kqtbmV.js';
+import { g as getIonMode } from './ionic-global-DXXzPLPc.js';
+import { c as createAnimation } from './animation-DRf3dwMu.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -243,7 +243,7 @@ const createMenuController = () => {
             menus.splice(index, 1);
         }
     };
-    const _setOpen = async (menu, shouldOpen, animated, role) => {
+    const _setOpen = async (menu, shouldOpen, animated) => {
         if (isAnimatingSync()) {
             return false;
         }
@@ -253,7 +253,7 @@ const createMenuController = () => {
                 await openedMenu.setOpen(false, false);
             }
         }
-        return menu._setOpen(shouldOpen, animated, role);
+        return menu._setOpen(shouldOpen, animated);
     };
     const _createAnimation = (type, menuCmp) => {
         const animationBuilder = menuAnimations.get(type); // TODO(FW-2832): type

package/dist/esm/{index-J3a2mue2.js → index-DuUXGZp2.js}

@@ -1,6 +1,5 @@
 import { d as doc } from './index-ZjP4CjeZ.js';
-import { p as pointerCoord } from './helpers-BuFc0hrS.js';
-import './index-xxOnfNPU.js';
+import { n as now, p as pointerCoord } from './helpers-C6kqtbmV.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -9,12 +8,38 @@ const startTapClick = (config) => {
     if (doc === undefined) {
         return;
     }
+    let lastTouch = -2500 * 10;
     let lastActivated = 0;
     let activatableEle;
     let activeRipple;
     let activeDefer;
     const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true);
     const clearDefers = new WeakMap();
+    // Touch Events
+    const onTouchStart = (ev) => {
+        lastTouch = now(ev);
+        pointerDown(ev);
+    };
+    const onTouchEnd = (ev) => {
+        lastTouch = now(ev);
+        pointerUp(ev);
+    };
+    const onMouseDown = (ev) => {
+        // Ignore right clicks
+        if (ev.button === 2) {
+            return;
+        }
+        const t = now(ev) - MOUSE_WAIT;
+        if (lastTouch < t) {
+            pointerDown(ev);
+        }
+    };
+    const onMouseUp = (ev) => {
+        const t = now(ev) - MOUSE_WAIT;
+        if (lastTouch < t) {
+            pointerUp(ev);
+        }
+    };
     const cancelActive = () => {
         if (activeDefer)
             clearTimeout(activeDefer);
@@ -25,8 +50,7 @@ const startTapClick = (config) => {
         }
     };
     const pointerDown = (ev) => {
-        // Ignore right clicks
-        if (activatableEle || ev.button === 2) {
+        if (activatableEle) {
             return;
         }
         setActivatedElement(getActivatableTarget(ev), ev);
@@ -110,8 +134,9 @@ const startTapClick = (config) => {
         }
     };
     doc.addEventListener('ionGestureCaptured', cancelActive);
-    doc.addEventListener('pointerdown', pointerDown, true);
-    doc.addEventListener('pointerup', pointerUp, true);
+    doc.addEventListener('touchstart', onTouchStart, true);
+    doc.addEventListener('touchcancel', onTouchEnd, true);
+    doc.addEventListener('touchend', onTouchEnd, true);
     /**
      * Tap click effects such as the ripple effect should
      * not happen when scrolling. For example, if a user scrolls
@@ -125,6 +150,8 @@ const startTapClick = (config) => {
      * ion-content's scroll events.
      */
     doc.addEventListener('pointercancel', cancelActive, true);
+    doc.addEventListener('mousedown', onMouseDown, true);
+    doc.addEventListener('mouseup', onMouseUp, true);
 };
 // TODO(FW-2832): type
 const getActivatableTarget = (ev) => {
@@ -164,5 +191,6 @@ const getRippleEffect = (el) => {
 const ACTIVATED = 'ion-activated';
 const ADD_ACTIVATED_DEFERS = 100;
 const CLEAR_STATE_DEFERS = 150;
+const MOUSE_WAIT = 2500;
 
 export { startTapClick };

package/dist/esm/{input-shims-D1Cdl4JQ.js → input-shims-DSFPFhb7.js}

@@ -1,8 +1,8 @@
 import { w as win, d as doc } from './index-ZjP4CjeZ.js';
-import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-Ul_idjjE.js';
-import { b as addEventListener, d as removeEventListener, r as raf, c as componentOnReady } from './helpers-BuFc0hrS.js';
+import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-BMJhFU53.js';
+import { a as addEventListener, r as removeEventListener, d as raf, c as componentOnReady } from './helpers-C6kqtbmV.js';
 import { a as KeyboardResize, K as Keyboard } from './keyboard-DgiyREKb.js';
-import './index-xxOnfNPU.js';
+import './index-D8d_89Nl.js';
 import './capacitor-CG3xQUND.js';
 
 /*!
@@ -387,7 +387,6 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
  * focus an input but not have scroll assist run again.
  */
 const setManualFocus = (el) => {
-    var _a;
     /**
      * If element is already focused then
      * a new focusin event will not be dispatched
@@ -396,28 +395,6 @@ const setManualFocus = (el) => {
     if (document.activeElement === el) {
         return;
     }
-    /**
-     * Optimization for scenarios where the currently focused element is a sibling
-     * of the target element. In such cases, we avoid setting `SKIP_SCROLL_ASSIST`.
-     *
-     * This is crucial for accessibility: input elements can now contain focusable
-     * siblings (e.g., clear buttons, slotted elements). If we didn't skip setting
-     * the attribute here, screen readers would be unable to navigate to and interact
-     * with these sibling elements.
-     *
-     * Without this check, we would need to call `ev.stopPropagation()` on the
-     * 'focusin' event of each focusable sibling to prevent the scroll assist
-     * listener from incorrectly moving focus back to the input. That approach
-     * would be less maintainable and more error-prone.
-     */
-    const inputId = el.getAttribute('id');
-    const label = el.closest(`label[for="${inputId}"]`);
-    const activeElLabel = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(`label[for="${inputId}"]`);
-    if (label !== null && label === activeElLabel) {
-        // If the label is the same as the active element label, then
-        // we don't need to set the `SKIP_SCROLL_ASSIST` and reset focus.
-        return;
-    }
     el.setAttribute(SKIP_SCROLL_ASSIST, 'true');
     el.focus();
 };
@@ -562,14 +539,7 @@ const startInputShims = async (config, platform) => {
     const keyboardHeight = config.getNumber('keyboardHeight', 290);
     const scrollAssist = config.getBoolean('scrollAssist', true);
     const hideCaret = config.getBoolean('hideCaretOnScroll', isIOS);
-    /**
-     * The team is evaluating if inputBlurring is still needed. As a result
-     * this feature is disabled by default as of Ionic 8.0. Developers are
-     * able to re-enable it temporarily. The team may remove this utility
-     * if it is determined that doing so would not bring any adverse side effects.
-     * TODO FW-6014 remove input blurring utility (including implementation)
-     */
-    const inputBlurring = config.getBoolean('inputBlurring', false);
+    const inputBlurring = config.getBoolean('inputBlurring', isIOS);
     const scrollPadding = config.getBoolean('scrollPadding', true);
     const inputs = Array.from(doc.querySelectorAll('ion-input, ion-textarea'));
     const hideCaretMap = new WeakMap();

package/dist/esm/{input.utils-CEeVIfb9.js → input.utils-BuIvhxo3.js}

@@ -1,6 +1,6 @@
 import { w as win } from './index-ZjP4CjeZ.js';
-import { r as raf } from './helpers-BuFc0hrS.js';
-import { p as printIonError } from './index-xxOnfNPU.js';
+import { d as raf } from './helpers-C6kqtbmV.js';
+import { b as printIonError } from './index-D8d_89Nl.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -47,18 +47,6 @@ const createSlotMutationController = (el, slotName, mutationCallback) => {
         });
         hostMutationObserver.observe(el, {
             childList: true,
-            /**
-             * This fixes an issue with the `ion-input` and
-             * `ion-textarea` not re-rendering in some cases
-             * when using the label slot functionality.
-             *
-             * HTML element patches in Stencil that are enabled
-             * by the `experimentalSlotFixes` flag in Stencil v4
-             * result in DOM manipulations that won't trigger
-             * the current mutation observer configuration and
-             * callback.
-             */
-            subtree: true,
         });
     }
     /**
@@ -139,7 +127,7 @@ const getCounterText = (value, maxLength, counterFormatter) => {
         return counterFormatter(valueLength, maxLength);
     }
     catch (e) {
-        printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
+        printIonError('Exception in provided `counterFormatter`.', e);
         return defaultCounterText;
     }
 };

package/dist/esm/ion-accordion-group.entry.js

@@ -1,35 +1,21 @@
-import { r as registerInstance, d as createEvent, i as printIonWarning, h, H as Host, g as getElement } from './index-xxOnfNPU.js';
-import { g as getIonMode } from './ionic-global-BbOE2Sur.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-93OyAGoo.js';
+import { p as printIonWarning } from './index-D8d_89Nl.js';
+import { g as getIonMode } from './ionic-global-DXXzPLPc.js';
 
 const accordionGroupIosCss = () => `:host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}`;
 
-const accordionGroupMdCss = () => `:host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-end-end-radius:6px;border-end-start-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-start-start-radius:6px;border-start-end-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}`;
+const accordionGroupMdCss = () => `:host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}`;
 
 const AccordionGroup = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.ionChange = createEvent(this, "ionChange", 7);
         this.ionValueChange = createEvent(this, "ionValueChange", 7);
-        /**
-         * If `true`, all accordions inside of the
-         * accordion group will animate when expanding
-         * or collapsing.
-         */
         this.animated = true;
-        /**
-         * If `true`, the accordion group cannot be interacted with.
-         */
+        this.multiple = undefined;
+        this.value = undefined;
         this.disabled = false;
-        /**
-         * If `true`, the accordion group cannot be interacted with,
-         * but does not alter the opacity.
-         */
         this.readonly = false;
-        /**
-         * Describes the expansion behavior for each accordion.
-         * Possible values are `"compact"` and `"inset"`.
-         * Defaults to `"compact"`.
-         */
         this.expand = 'compact';
     }
     valueChanged() {
@@ -43,7 +29,7 @@ const AccordionGroup = class {
              * Default toString() behavior: a,b
              * Custom behavior: ['a', 'b']
              */
-            printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
+            printIonWarning(`ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
 
   Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
 `, this.el);
@@ -213,12 +199,12 @@ const AccordionGroup = class {
     render() {
         const { disabled, readonly, expand } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
+        return (h(Host, { key: 'ac2e26ac91c95d08172bd2b51daa7a711c21db9e', class: {
                 [mode]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
-            }, role: "presentation" }, h("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
+            }, role: "presentation" }, h("slot", { key: '444adc2af5730897eba57095da046d6bdb5af70f' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {