@amwaljs/checkout-button 0.3.1 → 0.3.2

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

@@ -1,15 +1,15 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-93OyAGoo.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT, s as sanitizeDOMString } from './config-yu3xCFhr.js';
-import { d as raf } from './helpers-C6kqtbmV.js';
-import { c as createLockController } from './lock-controller-B-hirT0v.js';
-import { c as createDelegateController, d as createTriggerController, B as BACKDROP, e as prepareOverlay, s as setOverlayId, f as present, h as dismiss, j as eventMethod } from './overlays-SBLrmFy6.js';
-import { g as getClassMap } from './theme-DiVJyqlX.js';
-import { c as config, g as getIonMode } from './ionic-global-DXXzPLPc.js';
-import { c as createAnimation } from './animation-DRf3dwMu.js';
-import './index-ZjP4CjeZ.js';
-import './hardware-back-button-CzxcJiYO.js';
-import './framework-delegate-D_uGiYYw.js';
-import './index-D8d_89Nl.js';
+import { r as registerInstance, d as createEvent, h, H as Host, e as getElement } from './index-8cc94b11.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT, s as sanitizeDOMString } from './config-8e06237c.js';
+import { b as raf } from './helpers-f0dcbd72.js';
+import { c as createLockController } from './lock-controller-632e3c10.js';
+import { c as createDelegateController, a as createTriggerController, B as BACKDROP, p as prepareOverlay, s as setOverlayId, b as present, d as dismiss, e as eventMethod } from './overlays-642a91df.js';
+import { g as getClassMap } from './theme-35c700b7.js';
+import { c as config, g as getIonMode } from './ionic-global-0b7766cb.js';
+import { c as createAnimation } from './animation-a6d5c3b1.js';
+import './index-fb97e55c.js';
+import './hardware-back-button-f93acff0.js';
+import './framework-delegate-de1aa369.js';
+import './index-d9b41a43.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -111,176 +111,172 @@ const mdLeaveAnimation = (baseEl) => {
         .addAnimation([backdropAnimation, wrapperAnimation]);
 };
 
-const loadingIosCss = () => `.sc-ion-loading-ios-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:flex;position:fixed;align-items:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;touch-action:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ios-h{display:none}.loading-wrapper.sc-ion-loading-ios{display:flex;align-items:inherit;justify-content:inherit;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);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-ios{color:var(--spinner-color)}.sc-ion-loading-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));--max-width:270px;--max-height:90%;--spinner-color:var(--ion-color-step-600, #666666);--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);color:var(--ion-text-color, #000);font-size:0.875rem}.loading-wrapper.sc-ion-loading-ios{border-radius:8px;-webkit-padding-start:34px;padding-inline-start:34px;-webkit-padding-end:34px;padding-inline-end:34px;padding-top:24px;padding-bottom:24px}@supports (backdrop-filter: blur(0)){.loading-translucent.sc-ion-loading-ios-h .loading-wrapper.sc-ion-loading-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(180%) blur(20px)}}.loading-content.sc-ion-loading-ios{font-weight:bold}.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{-webkit-margin-start:16px;margin-inline-start:16px}`;
+const loadingIosCss = ".sc-ion-loading-ios-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:flex;position:fixed;align-items:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;touch-action:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ios-h{display:none}.loading-wrapper.sc-ion-loading-ios{display:flex;align-items:inherit;justify-content:inherit;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);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-ios{color:var(--spinner-color)}.sc-ion-loading-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));--max-width:270px;--max-height:90%;--spinner-color:var(--ion-color-step-600, #666666);--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);color:var(--ion-text-color, #000);font-size:0.875rem}.loading-wrapper.sc-ion-loading-ios{border-radius:8px;-webkit-padding-start:34px;padding-inline-start:34px;-webkit-padding-end:34px;padding-inline-end:34px;padding-top:24px;padding-bottom:24px}@supports (backdrop-filter: blur(0)){.loading-translucent.sc-ion-loading-ios-h .loading-wrapper.sc-ion-loading-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(180%) blur(20px)}}.loading-content.sc-ion-loading-ios{font-weight:bold}.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{-webkit-margin-start:16px;margin-inline-start:16px}";
 
-const loadingMdCss = () => `.sc-ion-loading-md-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:flex;position:fixed;align-items:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;touch-action:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-md-h{display:none}.loading-wrapper.sc-ion-loading-md{display:flex;align-items:inherit;justify-content:inherit;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);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-md{color:var(--spinner-color)}.sc-ion-loading-md-h{--background:var(--ion-color-step-50, #f2f2f2);--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, #3880ff);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-color-step-850, #262626);font-size:0.875rem}.loading-wrapper.sc-ion-loading-md{border-radius:2px;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:24px;padding-bottom:24px;box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{-webkit-margin-start:16px;margin-inline-start:16px}`;
+const loadingMdCss = ".sc-ion-loading-md-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:flex;position:fixed;align-items:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;touch-action:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-md-h{display:none}.loading-wrapper.sc-ion-loading-md{display:flex;align-items:inherit;justify-content:inherit;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);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-md{color:var(--spinner-color)}.sc-ion-loading-md-h{--background:var(--ion-color-step-50, #f2f2f2);--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, #3880ff);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-color-step-850, #262626);font-size:0.875rem}.loading-wrapper.sc-ion-loading-md{border-radius:2px;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:24px;padding-bottom:24px;box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{-webkit-margin-start:16px;margin-inline-start:16px}";
 
 const Loading = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.didPresent = createEvent(this, "ionLoadingDidPresent", 7);
-        this.willPresent = createEvent(this, "ionLoadingWillPresent", 7);
-        this.willDismiss = createEvent(this, "ionLoadingWillDismiss", 7);
-        this.didDismiss = createEvent(this, "ionLoadingDidDismiss", 7);
-        this.didPresentShorthand = createEvent(this, "didPresent", 7);
-        this.willPresentShorthand = createEvent(this, "willPresent", 7);
-        this.willDismissShorthand = createEvent(this, "willDismiss", 7);
-        this.didDismissShorthand = createEvent(this, "didDismiss", 7);
-        this.delegateController = createDelegateController(this);
-        this.lockController = createLockController();
-        this.triggerController = createTriggerController();
-        this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
-        this.presented = false;
-        this.onBackdropTap = () => {
-            this.dismiss(undefined, BACKDROP);
-        };
-        this.overlayIndex = undefined;
-        this.delegate = undefined;
-        this.hasController = false;
-        this.keyboardClose = true;
-        this.enterAnimation = undefined;
-        this.leaveAnimation = undefined;
-        this.message = undefined;
-        this.cssClass = undefined;
-        this.duration = 0;
-        this.backdropDismiss = false;
-        this.showBackdrop = true;
-        this.spinner = undefined;
-        this.translucent = false;
-        this.animated = true;
-        this.htmlAttributes = undefined;
-        this.isOpen = false;
-        this.trigger = undefined;
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.didPresent = createEvent(this, "ionLoadingDidPresent", 7);
+    this.willPresent = createEvent(this, "ionLoadingWillPresent", 7);
+    this.willDismiss = createEvent(this, "ionLoadingWillDismiss", 7);
+    this.didDismiss = createEvent(this, "ionLoadingDidDismiss", 7);
+    this.didPresentShorthand = createEvent(this, "didPresent", 7);
+    this.willPresentShorthand = createEvent(this, "willPresent", 7);
+    this.willDismissShorthand = createEvent(this, "willDismiss", 7);
+    this.didDismissShorthand = createEvent(this, "didDismiss", 7);
+    this.delegateController = createDelegateController(this);
+    this.lockController = createLockController();
+    this.triggerController = createTriggerController();
+    this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
+    this.presented = false;
+    this.onBackdropTap = () => {
+      this.dismiss(undefined, BACKDROP);
+    };
+    this.overlayIndex = undefined;
+    this.delegate = undefined;
+    this.hasController = false;
+    this.keyboardClose = true;
+    this.enterAnimation = undefined;
+    this.leaveAnimation = undefined;
+    this.message = undefined;
+    this.cssClass = undefined;
+    this.duration = 0;
+    this.backdropDismiss = false;
+    this.showBackdrop = true;
+    this.spinner = undefined;
+    this.translucent = false;
+    this.animated = true;
+    this.htmlAttributes = undefined;
+    this.isOpen = false;
+    this.trigger = undefined;
+  }
+  onIsOpenChange(newValue, oldValue) {
+    if (newValue === true && oldValue === false) {
+      this.present();
     }
-    onIsOpenChange(newValue, oldValue) {
-        if (newValue === true && oldValue === false) {
-            this.present();
-        }
-        else if (newValue === false && oldValue === true) {
-            this.dismiss();
-        }
+    else if (newValue === false && oldValue === true) {
+      this.dismiss();
     }
-    triggerChanged() {
-        const { trigger, el, triggerController } = this;
-        if (trigger) {
-            triggerController.addClickListener(el, trigger);
-        }
+  }
+  triggerChanged() {
+    const { trigger, el, triggerController } = this;
+    if (trigger) {
+      triggerController.addClickListener(el, trigger);
     }
-    connectedCallback() {
-        prepareOverlay(this.el);
-        this.triggerChanged();
-    }
-    componentWillLoad() {
-        if (this.spinner === undefined) {
-            const mode = getIonMode(this);
-            this.spinner = config.get('loadingSpinner', config.get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
-        }
-        setOverlayId(this.el);
-    }
-    componentDidLoad() {
-        /**
-         * If loading indicator was rendered with isOpen="true"
-         * then we should open loading indicator immediately.
-         */
-        if (this.isOpen === true) {
-            raf(() => this.present());
-        }
-        /**
-         * When binding values in frameworks such as Angular
-         * it is possible for the value to be set after the Web Component
-         * initializes but before the value watcher is set up in Stencil.
-         * As a result, the watcher callback may not be fired.
-         * We work around this by manually calling the watcher
-         * callback when the component has loaded and the watcher
-         * is configured.
-         */
-        this.triggerChanged();
-    }
-    disconnectedCallback() {
-        this.triggerController.removeClickListener();
-    }
-    /**
-     * Present the loading overlay after it has been created.
-     */
-    async present() {
-        const unlock = await this.lockController.lock();
-        await this.delegateController.attachViewToDom();
-        await present(this, 'loadingEnter', iosEnterAnimation, mdEnterAnimation);
-        if (this.duration > 0) {
-            this.durationTimeout = setTimeout(() => this.dismiss(), this.duration + 10);
-        }
-        unlock();
+  }
+  connectedCallback() {
+    prepareOverlay(this.el);
+    this.triggerChanged();
+  }
+  componentWillLoad() {
+    if (this.spinner === undefined) {
+      const mode = getIonMode(this);
+      this.spinner = config.get('loadingSpinner', config.get('spinner', mode === 'ios' ? 'lines' : 'crescent'));
     }
+    setOverlayId(this.el);
+  }
+  componentDidLoad() {
     /**
-     * Dismiss the loading overlay after it has been presented.
-     *
-     * @param data Any data to emit in the dismiss events.
-     * @param role The role of the element that is dismissing the loading.
-     * This can be useful in a button handler for determining which button was
-     * clicked to dismiss the loading.
-     * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
-     *
-     * This is a no-op if the overlay has not been presented yet. If you want
-     * to remove an overlay from the DOM that was never presented, use the
-     * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
+     * If loading indicator was rendered with isOpen="true"
+     * then we should open loading indicator immediately.
      */
-    async dismiss(data, role) {
-        const unlock = await this.lockController.lock();
-        if (this.durationTimeout) {
-            clearTimeout(this.durationTimeout);
-        }
-        const dismissed = await dismiss(this, data, role, 'loadingLeave', iosLeaveAnimation, mdLeaveAnimation);
-        if (dismissed) {
-            this.delegateController.removeViewFromDom();
-        }
-        unlock();
-        return dismissed;
+    if (this.isOpen === true) {
+      raf(() => this.present());
     }
     /**
-     * Returns a promise that resolves when the loading did dismiss.
+     * When binding values in frameworks such as Angular
+     * it is possible for the value to be set after the Web Component
+     * initializes but before the value watcher is set up in Stencil.
+     * As a result, the watcher callback may not be fired.
+     * We work around this by manually calling the watcher
+     * callback when the component has loaded and the watcher
+     * is configured.
      */
-    onDidDismiss() {
-        return eventMethod(this.el, 'ionLoadingDidDismiss');
+    this.triggerChanged();
+  }
+  disconnectedCallback() {
+    this.triggerController.removeClickListener();
+  }
+  /**
+   * Present the loading overlay after it has been created.
+   */
+  async present() {
+    const unlock = await this.lockController.lock();
+    await this.delegateController.attachViewToDom();
+    await present(this, 'loadingEnter', iosEnterAnimation, mdEnterAnimation);
+    if (this.duration > 0) {
+      this.durationTimeout = setTimeout(() => this.dismiss(), this.duration + 10);
     }
-    /**
-     * Returns a promise that resolves when the loading will dismiss.
-     */
-    onWillDismiss() {
-        return eventMethod(this.el, 'ionLoadingWillDismiss');
+    unlock();
+  }
+  /**
+   * Dismiss the loading overlay after it has been presented.
+   *
+   * @param data Any data to emit in the dismiss events.
+   * @param role The role of the element that is dismissing the loading.
+   * This can be useful in a button handler for determining which button was
+   * clicked to dismiss the loading.
+   * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
+   *
+   * This is a no-op if the overlay has not been presented yet. If you want
+   * to remove an overlay from the DOM that was never presented, use the
+   * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
+   */
+  async dismiss(data, role) {
+    const unlock = await this.lockController.lock();
+    if (this.durationTimeout) {
+      clearTimeout(this.durationTimeout);
     }
-    renderLoadingMessage(msgId) {
-        const { customHTMLEnabled, message } = this;
-        if (customHTMLEnabled) {
-            return h("div", { class: "loading-content", id: msgId, innerHTML: sanitizeDOMString(message) });
-        }
-        return (h("div", { class: "loading-content", id: msgId }, message));
+    const dismissed = await dismiss(this, data, role, 'loadingLeave', iosLeaveAnimation, mdLeaveAnimation);
+    if (dismissed) {
+      this.delegateController.removeViewFromDom();
     }
-    render() {
-        const { message, spinner, htmlAttributes, overlayIndex } = this;
-        const mode = getIonMode(this);
-        const msgId = `loading-${overlayIndex}-msg`;
-        /**
-         * If the message is defined, use that as the label.
-         * Otherwise, don't set aria-labelledby.
-         */
-        const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (h(Host, Object.assign({ key: 'e780853dc67b7b4ebd8dd65cadab648e4238c6ee', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
-                zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '8cd59ca7bc97b981fd578a526dfe859847e4d392', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'ef392aaf2cb7f6f9cecc685525cce3abc333e800', tabindex: "0" }), h("div", { key: 'f1f6df21a7fa6565fe33acb4a5f355b5ec3e65b2', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '725cf5a206152885e31ab061b0c466fe1ead0225', class: "loading-spinner" }, h("ion-spinner", { key: '5891dc39fa133b71576aec219f552386b202e163', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: '8103269f1181325a507ed1c681f5ef15e40fbc34', tabindex: "0" })));
+    unlock();
+    return dismissed;
+  }
+  /**
+   * Returns a promise that resolves when the loading did dismiss.
+   */
+  onDidDismiss() {
+    return eventMethod(this.el, 'ionLoadingDidDismiss');
+  }
+  /**
+   * Returns a promise that resolves when the loading will dismiss.
+   */
+  onWillDismiss() {
+    return eventMethod(this.el, 'ionLoadingWillDismiss');
+  }
+  renderLoadingMessage(msgId) {
+    const { customHTMLEnabled, message } = this;
+    if (customHTMLEnabled) {
+      return h("div", { class: "loading-content", id: msgId, innerHTML: sanitizeDOMString(message) });
     }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "isOpen": [{
-                "onIsOpenChange": 0
-            }],
-        "trigger": [{
-                "triggerChanged": 0
-            }]
-    }; }
+    return (h("div", { class: "loading-content", id: msgId }, message));
+  }
+  render() {
+    const { message, spinner, htmlAttributes, overlayIndex } = this;
+    const mode = getIonMode(this);
+    const msgId = `loading-${overlayIndex}-msg`;
+    /**
+     * If the message is defined, use that as the label.
+     * Otherwise, don't set aria-labelledby.
+     */
+    const ariaLabelledBy = message !== undefined ? msgId : null;
+    return (h(Host, Object.assign({ key: 'e780853dc67b7b4ebd8dd65cadab648e4238c6ee', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        zIndex: `${40000 + this.overlayIndex}`,
+      }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '8cd59ca7bc97b981fd578a526dfe859847e4d392', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'ef392aaf2cb7f6f9cecc685525cce3abc333e800', tabindex: "0" }), h("div", { key: 'f1f6df21a7fa6565fe33acb4a5f355b5ec3e65b2', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '725cf5a206152885e31ab061b0c466fe1ead0225', class: "loading-spinner" }, h("ion-spinner", { key: '5891dc39fa133b71576aec219f552386b202e163', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: '8103269f1181325a507ed1c681f5ef15e40fbc34', tabindex: "0" })));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "isOpen": ["onIsOpenChange"],
+    "trigger": ["triggerChanged"]
+  }; }
 };
 Loading.style = {
-    ios: loadingIosCss(),
-    md: loadingMdCss()
+  ios: loadingIosCss,
+  md: loadingMdCss
 };
 
 export { Loading as ion_loading };

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

@@ -1,67 +1,67 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-93OyAGoo.js';
-import { k as inheritAriaAttributes } from './helpers-C6kqtbmV.js';
-import { m as menuController } from './index-DUF6JAQL.js';
-import { c as createColorClasses, h as hostContext } from './theme-DiVJyqlX.js';
-import { m as menuOutline, k as menuSharp } from './index-C75BfBAE.js';
-import { g as getIonMode, c as config } from './ionic-global-DXXzPLPc.js';
-import { u as updateVisibility } from './menu-toggle-util-wdO31cdC.js';
-import './index-ZjP4CjeZ.js';
-import './hardware-back-button-CzxcJiYO.js';
-import './index-D8d_89Nl.js';
-import './animation-DRf3dwMu.js';
+import { r as registerInstance, h, H as Host, e as getElement } from './index-8cc94b11.js';
+import { i as inheritAriaAttributes } from './helpers-f0dcbd72.js';
+import { m as menuController } from './index-5a126e54.js';
+import { c as createColorClasses, h as hostContext } from './theme-35c700b7.js';
+import { m as menuOutline, l as menuSharp } from './index-afdf867c.js';
+import { g as getIonMode, c as config } from './ionic-global-0b7766cb.js';
+import { u as updateVisibility } from './menu-toggle-util-594849ff.js';
+import './index-fb97e55c.js';
+import './hardware-back-button-f93acff0.js';
+import './index-d9b41a43.js';
+import './animation-a6d5c3b1.js';
 
-const menuButtonIosCss = () => `:host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-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);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;user-select:none;z-index:0;appearance:none}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #3880ff);--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}`;
+const menuButtonIosCss = ":host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-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);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;user-select:none;z-index:0;appearance:none}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #3880ff);--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}";
 
-const menuButtonMdCss = () => `:host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-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);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;user-select:none;z-index:0;appearance:none}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.12;--background-hover:currentColor;--background-hover-opacity:.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:3rem;height:3rem;font-size:1.5rem}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}`;
+const menuButtonMdCss = ":host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-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);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;user-select:none;z-index:0;appearance:none}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.12;--background-hover:currentColor;--background-hover-opacity:.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:3rem;height:3rem;font-size:1.5rem}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}";
 
 const MenuButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.inheritedAttributes = {};
-        this.onClick = async () => {
-            return menuController.toggle(this.menu);
-        };
-        this.visible = false;
-        this.color = undefined;
-        this.disabled = false;
-        this.menu = undefined;
-        this.autoHide = true;
-        this.type = 'button';
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = inheritAriaAttributes(this.el);
-    }
-    componentDidLoad() {
-        this.visibilityChanged();
-    }
-    async visibilityChanged() {
-        this.visible = await updateVisibility(this.menu);
-    }
-    render() {
-        const { color, disabled, inheritedAttributes } = this;
-        const mode = getIonMode(this);
-        const menuIcon = config.get('menuIcon', mode === 'ios' ? menuOutline : menuSharp);
-        const hidden = this.autoHide && !this.visible;
-        const attrs = {
-            type: this.type,
-        };
-        const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (h(Host, { key: '7a4543dfcbf559f0d3a473683f8e0bd1d4c3542a', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
-                [mode]: true,
-                button: true, // ion-buttons target .button
-                'menu-button-hidden': hidden,
-                'menu-button-disabled': disabled,
-                'in-toolbar': hostContext('ion-toolbar', this.el),
-                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
-                'ion-activatable': true,
-                'ion-focusable': true,
-            }) }, h("button", Object.assign({ key: '2b6944dc130fa765ac7559077254555583529ec3' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: 'b4d1006bec8c9e761c64ae3e2fb64848dfc30307', class: "button-inner" }, h("slot", { key: 'eaf1d57cd2e841c70095821576c52062dc76500b' }, h("ion-icon", { key: '105ddb806aae2e6add6cb3989fd4a5cf5ee7d952', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && h("ion-ripple-effect", { key: '8a312aab747de2bdd6adee74fb0bfcbbde12c191', type: "unbounded" }))));
-    }
-    get el() { return getElement(this); }
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.inheritedAttributes = {};
+    this.onClick = async () => {
+      return menuController.toggle(this.menu);
+    };
+    this.visible = false;
+    this.color = undefined;
+    this.disabled = false;
+    this.menu = undefined;
+    this.autoHide = true;
+    this.type = 'button';
+  }
+  componentWillLoad() {
+    this.inheritedAttributes = inheritAriaAttributes(this.el);
+  }
+  componentDidLoad() {
+    this.visibilityChanged();
+  }
+  async visibilityChanged() {
+    this.visible = await updateVisibility(this.menu);
+  }
+  render() {
+    const { color, disabled, inheritedAttributes } = this;
+    const mode = getIonMode(this);
+    const menuIcon = config.get('menuIcon', mode === 'ios' ? menuOutline : menuSharp);
+    const hidden = this.autoHide && !this.visible;
+    const attrs = {
+      type: this.type,
+    };
+    const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
+    return (h(Host, { key: '7a4543dfcbf559f0d3a473683f8e0bd1d4c3542a', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
+        [mode]: true,
+        button: true,
+        'menu-button-hidden': hidden,
+        'menu-button-disabled': disabled,
+        'in-toolbar': hostContext('ion-toolbar', this.el),
+        'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
+        'ion-activatable': true,
+        'ion-focusable': true,
+      }) }, h("button", Object.assign({ key: '2b6944dc130fa765ac7559077254555583529ec3' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: 'b4d1006bec8c9e761c64ae3e2fb64848dfc30307', class: "button-inner" }, h("slot", { key: 'eaf1d57cd2e841c70095821576c52062dc76500b' }, h("ion-icon", { key: '105ddb806aae2e6add6cb3989fd4a5cf5ee7d952', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && h("ion-ripple-effect", { key: '8a312aab747de2bdd6adee74fb0bfcbbde12c191', type: "unbounded" }))));
+  }
+  get el() { return getElement(this); }
 };
 MenuButton.style = {
-    ios: menuButtonIosCss(),
-    md: menuButtonMdCss()
+  ios: menuButtonIosCss,
+  md: menuButtonMdCss
 };
 
 export { MenuButton as ion_menu_button };

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

@@ -1,40 +1,40 @@
-import { r as registerInstance, h, H as Host } from './index-93OyAGoo.js';
-import { m as menuController } from './index-DUF6JAQL.js';
-import { g as getIonMode } from './ionic-global-DXXzPLPc.js';
-import { u as updateVisibility } from './menu-toggle-util-wdO31cdC.js';
-import './index-ZjP4CjeZ.js';
-import './hardware-back-button-CzxcJiYO.js';
-import './index-D8d_89Nl.js';
-import './helpers-C6kqtbmV.js';
-import './animation-DRf3dwMu.js';
+import { r as registerInstance, h, H as Host } from './index-8cc94b11.js';
+import { m as menuController } from './index-5a126e54.js';
+import { g as getIonMode } from './ionic-global-0b7766cb.js';
+import { u as updateVisibility } from './menu-toggle-util-594849ff.js';
+import './index-fb97e55c.js';
+import './hardware-back-button-f93acff0.js';
+import './index-d9b41a43.js';
+import './helpers-f0dcbd72.js';
+import './animation-a6d5c3b1.js';
 
-const menuToggleCss = () => `:host(.menu-toggle-hidden){display:none}`;
+const menuToggleCss = ":host(.menu-toggle-hidden){display:none}";
 
 const MenuToggle = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.onClick = () => {
-            return menuController.toggle(this.menu);
-        };
-        this.visible = false;
-        this.menu = undefined;
-        this.autoHide = true;
-    }
-    connectedCallback() {
-        this.visibilityChanged();
-    }
-    async visibilityChanged() {
-        this.visible = await updateVisibility(this.menu);
-    }
-    render() {
-        const mode = getIonMode(this);
-        const hidden = this.autoHide && !this.visible;
-        return (h(Host, { key: '94a0815a634c6fb1991854bfbcf5b2b4b61d7710', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
-                [mode]: true,
-                'menu-toggle-hidden': hidden,
-            } }, h("slot", { key: 'f3ac6d17d5421390ab05f3f31ad00ec4f2ca5c7c' })));
-    }
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onClick = () => {
+      return menuController.toggle(this.menu);
+    };
+    this.visible = false;
+    this.menu = undefined;
+    this.autoHide = true;
+  }
+  connectedCallback() {
+    this.visibilityChanged();
+  }
+  async visibilityChanged() {
+    this.visible = await updateVisibility(this.menu);
+  }
+  render() {
+    const mode = getIonMode(this);
+    const hidden = this.autoHide && !this.visible;
+    return (h(Host, { key: '94a0815a634c6fb1991854bfbcf5b2b4b61d7710', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        [mode]: true,
+        'menu-toggle-hidden': hidden,
+      } }, h("slot", { key: 'f3ac6d17d5421390ab05f3f31ad00ec4f2ca5c7c' })));
+  }
 };
-MenuToggle.style = menuToggleCss();
+MenuToggle.style = menuToggleCss;
 
 export { MenuToggle as ion_menu_toggle };