@ionic/core 8.7.18 → 8.7.19-dev.11772655618.1af0949f

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.7.18",
+  "version": "8.7.19-dev.11772655618.1af0949f",
   "description": "Base components for Ionic",
   "engines": {
     "node": ">= 16"
@@ -34,7 +34,7 @@
     "loader/"
   ],
   "dependencies": {
-    "@stencil/core": "4.38.0",
+    "@stencil/core": "4.43.0",
     "ionicons": "^8.0.13",
     "tslib": "^2.1.0"
   },

package/components/p-B25GjpND.js

@@ -1,71 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-DWoUQeZ3.js';
-import { b as getIonMode } from './p-Bxl5etF4.js';
-
-const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:only-child,.list-ios.list-inset ion-item:not(:only-of-type):last-of-type,.list-ios.list-inset ion-item-sliding:last-of-type ion-item{--border-width:0;--inner-border-width:0}.list-ios.list-inset+ion-list.list-inset{margin-top:0}.list-ios-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-ios-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 0.55px 0}.list-ios-lines-inset .item-lines-default{--inner-border-width:0 0 0.55px 0;--border-width:0px}ion-card .list-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
-
-const listMdCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-md>.input:last-child::after{inset-inline-start:0}.list-md.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:2px}.list-md.list-inset ion-item:not(:only-of-type):last-of-type,.list-md.list-inset ion-item-sliding:last-of-type ion-item{--border-width:0;--inner-border-width:0}.list-md.list-inset ion-item:only-child{--border-width:0;--inner-border-width:0}.list-md.list-inset+ion-list.list-inset{margin-top:0}.list-md-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-md-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 1px 0}.list-md-lines-inset .item-lines-default{--inner-border-width:0 0 1px 0;--border-width:0px}ion-card .list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
-
-const List = /*@__PURE__*/ proxyCustomElement(class List extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * If `true`, the list will have margin around it and rounded corners.
-         */
-        this.inset = false;
-    }
-    /**
-     * If `ion-item-sliding` are used inside the list, this method closes
-     * any open sliding item.
-     *
-     * Returns `true` if an actual `ion-item-sliding` is closed.
-     */
-    async closeSlidingItems() {
-        const item = this.el.querySelector('ion-item-sliding');
-        if (item === null || item === void 0 ? void 0 : item.closeOpened) {
-            return item.closeOpened();
-        }
-        return false;
-    }
-    render() {
-        const mode = getIonMode(this);
-        const { lines, inset } = this;
-        return (h(Host, { key: '7f9943751542d2cbd49a4ad3f28e16d9949f70d4', role: "list", class: {
-                [mode]: true,
-                // Used internally for styling
-                [`list-${mode}`]: true,
-                'list-inset': inset,
-                [`list-lines-${lines}`]: lines !== undefined,
-                [`list-${mode}-lines-${lines}`]: lines !== undefined,
-            } }));
-    }
-    get el() { return this; }
-    static get style() { return {
-        ios: listIosCss,
-        md: listMdCss
-    }; }
-}, [288, "ion-list", {
-        "lines": [1],
-        "inset": [4],
-        "closeSlidingItems": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, List);
-            }
-            break;
-    } });
-}
-
-export { List as L, defineCustomElement as d };

package/components/p-BANeLH_G.js

@@ -1,290 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DWoUQeZ3.js';
-import { e as renderHiddenInput } from './p-D5hF6rwn.js';
-import { c as checkInvalidState } from './p-DJztqcrH.js';
-import { b as getIonMode } from './p-Bxl5etF4.js';
-
-const radioGroupIosCss = "ion-radio-group{vertical-align:top}.radio-group-top{line-height:1.5}.radio-group-top .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
-
-const radioGroupMdCss = "ion-radio-group{vertical-align:top}.radio-group-top{line-height:1.5}.radio-group-top .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
-
-const RadioGroup = /*@__PURE__*/ proxyCustomElement(class RadioGroup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.ionChange = createEvent(this, "ionChange", 7);
-        this.ionValueChange = createEvent(this, "ionValueChange", 7);
-        this.inputId = `ion-rg-${radioGroupIds++}`;
-        this.helperTextId = `${this.inputId}-helper-text`;
-        this.errorTextId = `${this.inputId}-error-text`;
-        this.labelId = `${this.inputId}-lbl`;
-        /**
-         * Track validation state for proper aria-live announcements.
-         */
-        this.isInvalid = false;
-        /**
-         * If `true`, the radios can be deselected.
-         */
-        this.allowEmptySelection = false;
-        /**
-         * The name of the control, which is submitted with the form data.
-         */
-        this.name = this.inputId;
-        this.setRadioTabindex = (value) => {
-            const radios = this.getRadios();
-            // Get the first radio that is not disabled and the checked one
-            const first = radios.find((radio) => !radio.disabled);
-            const checked = radios.find((radio) => radio.value === value && !radio.disabled);
-            if (!first && !checked) {
-                return;
-            }
-            // If an enabled checked radio exists, set it to be the focusable radio
-            // otherwise we default to focus the first radio
-            const focusable = checked || first;
-            for (const radio of radios) {
-                const tabindex = radio === focusable ? 0 : -1;
-                radio.setButtonTabindex(tabindex);
-            }
-        };
-        this.onClick = (ev) => {
-            ev.preventDefault();
-            /**
-             * The Radio Group component mandates that only one radio button
-             * within the group can be selected at any given time. Since `ion-radio`
-             * is a shadow DOM component, it cannot natively perform this behavior
-             * using the `name` attribute.
-             */
-            const selectedRadio = ev.target && ev.target.closest('ion-radio');
-            /**
-             * Our current disabled prop definition causes Stencil to mark it
-             * as optional. While this is not desired, fixing this behavior
-             * in Stencil is a significant breaking change, so this effort is
-             * being de-risked in STENCIL-917. Until then, we compromise
-             * here by checking for falsy `disabled` values instead of strictly
-             * checking `disabled === false`.
-             */
-            if (selectedRadio && !selectedRadio.disabled) {
-                const currentValue = this.value;
-                const newValue = selectedRadio.value;
-                if (newValue !== currentValue) {
-                    this.value = newValue;
-                    this.emitValueChange(ev);
-                }
-                else if (this.allowEmptySelection) {
-                    this.value = undefined;
-                    this.emitValueChange(ev);
-                }
-            }
-        };
-    }
-    valueChanged(value) {
-        this.setRadioTabindex(value);
-        this.ionValueChange.emit({ value });
-    }
-    componentDidLoad() {
-        /**
-         * There's an issue when assigning a value to the radio group
-         * within the Angular primary content (rendering within the
-         * app component template). When the template is isolated to a route,
-         * the value is assigned correctly.
-         * To address this issue, we need to ensure that the watcher is
-         * called after the component has finished loading,
-         * allowing the emit to be dispatched correctly.
-         */
-        this.valueChanged(this.value);
-    }
-    async connectedCallback() {
-        // Get the list header if it exists and set the id
-        // this is used to set aria-labelledby
-        const header = this.el.querySelector('ion-list-header') || this.el.querySelector('ion-item-divider');
-        if (header) {
-            const label = (this.label = header.querySelector('ion-label'));
-            if (label) {
-                this.labelId = label.id = this.name + '-lbl';
-            }
-        }
-        // Watch for class changes to update validation state.
-        if (typeof MutationObserver !== 'undefined') {
-            this.validationObserver = new MutationObserver(() => {
-                const newIsInvalid = checkInvalidState(this.el);
-                if (this.isInvalid !== newIsInvalid) {
-                    this.isInvalid = newIsInvalid;
-                    /**
-                     * Screen readers tend to announce changes
-                     * to `aria-describedby` when the attribute
-                     * is changed during a blur event for a
-                     * native form control.
-                     * However, the announcement can be spotty
-                     * when using a non-native form control
-                     * and `forceUpdate()`.
-                     * This is due to `forceUpdate()` internally
-                     * rescheduling the DOM update to a lower
-                     * priority queue regardless if it's called
-                     * inside a Promise or not, thus causing
-                     * the screen reader to potentially miss the
-                     * change.
-                     * By using a State variable inside a Promise,
-                     * it guarantees a re-render immediately at
-                     * a higher priority.
-                     */
-                    Promise.resolve().then(() => {
-                        this.hintTextId = this.getHintTextId();
-                    });
-                }
-            });
-            this.validationObserver.observe(this.el, {
-                attributes: true,
-                attributeFilter: ['class'],
-            });
-        }
-        // Always set initial state
-        this.isInvalid = checkInvalidState(this.el);
-    }
-    componentWillLoad() {
-        this.hintTextId = this.getHintTextId();
-    }
-    disconnectedCallback() {
-        // Clean up validation observer to prevent memory leaks.
-        if (this.validationObserver) {
-            this.validationObserver.disconnect();
-            this.validationObserver = undefined;
-        }
-    }
-    getRadios() {
-        return Array.from(this.el.querySelectorAll('ion-radio'));
-    }
-    /**
-     * Emits an `ionChange` event.
-     *
-     * This API should be called for user committed changes.
-     * This API should not be used for external value changes.
-     */
-    emitValueChange(event) {
-        const { value } = this;
-        this.ionChange.emit({ value, event });
-    }
-    onKeydown(ev) {
-        // We don't want the value to automatically change/emit when the radio group is part of a select interface
-        // as this will cause the interface to close when navigating through the radio group options
-        const inSelectInterface = !!this.el.closest('ion-select-popover') || !!this.el.closest('ion-select-modal');
-        if (ev.target && !this.el.contains(ev.target)) {
-            return;
-        }
-        // Get all radios inside of the radio group and then
-        // filter out disabled radios since we need to skip those
-        const radios = this.getRadios().filter((radio) => !radio.disabled);
-        // Only move the radio if the current focus is in the radio group
-        if (ev.target && radios.includes(ev.target)) {
-            const index = radios.findIndex((radio) => radio === ev.target);
-            const current = radios[index];
-            let next;
-            // If hitting arrow down or arrow right, move to the next radio
-            // If we're on the last radio, move to the first radio
-            if (['ArrowDown', 'ArrowRight'].includes(ev.key)) {
-                next = index === radios.length - 1 ? radios[0] : radios[index + 1];
-            }
-            // If hitting arrow up or arrow left, move to the previous radio
-            // If we're on the first radio, move to the last radio
-            if (['ArrowUp', 'ArrowLeft'].includes(ev.key)) {
-                next = index === 0 ? radios[radios.length - 1] : radios[index - 1];
-            }
-            if (next && radios.includes(next)) {
-                next.setFocus(ev);
-                if (!inSelectInterface) {
-                    this.value = next.value;
-                    this.emitValueChange(ev);
-                }
-            }
-            // Update the radio group value when a user presses the
-            // space bar on top of a selected radio
-            if ([' '].includes(ev.key)) {
-                const previousValue = this.value;
-                this.value = this.allowEmptySelection && this.value !== undefined ? undefined : current.value;
-                if (previousValue !== this.value || this.allowEmptySelection) {
-                    /**
-                     * Value change should only be emitted if the value is different,
-                     * such as selecting a new radio with the space bar or if
-                     * the radio group allows for empty selection and the user
-                     * is deselecting a checked radio.
-                     */
-                    this.emitValueChange(ev);
-                }
-                // Prevent browsers from jumping
-                // to the bottom of the screen
-                ev.preventDefault();
-            }
-        }
-    }
-    /** @internal */
-    async setFocus() {
-        const radioToFocus = this.getRadios().find((r) => r.tabIndex !== -1);
-        radioToFocus === null || radioToFocus === void 0 ? void 0 : radioToFocus.setFocus();
-    }
-    /**
-     * Renders the helper text or error text values
-     */
-    renderHintText() {
-        const { helperText, errorText, helperTextId, errorTextId, isInvalid } = this;
-        const hasHintText = !!helperText || !!errorText;
-        if (!hasHintText) {
-            return;
-        }
-        return (h("div", { class: "radio-group-top" }, h("div", { id: helperTextId, class: "helper-text", "aria-live": "polite" }, !isInvalid ? helperText : null), h("div", { id: errorTextId, class: "error-text", role: "alert" }, isInvalid ? errorText : null)));
-    }
-    getHintTextId() {
-        const { helperText, errorText, helperTextId, errorTextId, isInvalid } = this;
-        if (isInvalid && errorText) {
-            return errorTextId;
-        }
-        if (helperText) {
-            return helperTextId;
-        }
-        return undefined;
-    }
-    render() {
-        const { label, labelId, el, name, value } = this;
-        const mode = getIonMode(this);
-        renderHiddenInput(true, el, name, value, false);
-        return (h(Host, { key: 'db593b3ed511e9395e3c7bfd91b787328692cd6d', role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, onClick: this.onClick, class: mode }, this.renderHintText(), h("slot", { key: 'd683b01c1ba34fe843c4b320bce4661a117472a5' })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "value": ["valueChanged"]
-    }; }
-    static get style() { return {
-        ios: radioGroupIosCss,
-        md: radioGroupMdCss
-    }; }
-}, [292, "ion-radio-group", {
-        "allowEmptySelection": [4, "allow-empty-selection"],
-        "compareWith": [1, "compare-with"],
-        "name": [1],
-        "value": [1032],
-        "helperText": [1, "helper-text"],
-        "errorText": [1, "error-text"],
-        "isInvalid": [32],
-        "hintTextId": [32],
-        "setFocus": [64]
-    }, [[4, "keydown", "onKeydown"]], {
-        "value": ["valueChanged"]
-    }]);
-let radioGroupIds = 0;
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-radio-group"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-radio-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, RadioGroup);
-            }
-            break;
-    } });
-}
-
-export { RadioGroup as R, defineCustomElement as d };

package/components/p-BBFQmhcD.js

@@ -1,59 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-DWoUQeZ3.js';
-import { b as getIonMode } from './p-Bxl5etF4.js';
-
-const buttonsIosCss = ".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}";
-
-const buttonsMdCss = ".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";
-
-const Buttons = /*@__PURE__*/ proxyCustomElement(class Buttons extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * If true, buttons will disappear when its
-         * parent toolbar has fully collapsed if the toolbar
-         * is not the first toolbar. If the toolbar is the
-         * first toolbar, the buttons will be hidden and will
-         * only be shown once all toolbars have fully collapsed.
-         *
-         * Only applies in `ios` mode with `collapse` set to
-         * `true` on `ion-header`.
-         *
-         * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
-         */
-        this.collapse = false;
-    }
-    render() {
-        const mode = getIonMode(this);
-        return (h(Host, { key: '58c1fc5eb867d0731c63549b1ccb3ec3bbbe6e1b', class: {
-                [mode]: true,
-                ['buttons-collapse']: this.collapse,
-            } }, h("slot", { key: '0c8f95b9840c8fa0c4e50be84c5159620a3eb5c8' })));
-    }
-    static get style() { return {
-        ios: buttonsIosCss,
-        md: buttonsMdCss
-    }; }
-}, [294, "ion-buttons", {
-        "collapse": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-buttons"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-buttons":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Buttons);
-            }
-            break;
-    } });
-}
-
-export { Buttons as B, defineCustomElement as d };