@ionic/core 8.4.2-dev.11736277041.14f34ba1 → 8.4.2-dev.11736797843.16cc5058

package/dist/cjs/ion-tab-bar_2.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const index = require('./index-2e7a27db.js');
 const keyboardController = require('./keyboard-controller-c05e747a.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-3c758a1a.js');
 const helpers = require('./helpers-afaa9001.js');
 require('./index-c8d52405.js');
 require('./keyboard-0272231f.js');
@@ -27,8 +27,11 @@ const TabBar = class {
         this.ionTabBarLoaded = index.createEvent(this, "ionTabBarLoaded", 7);
         this.keyboardCtrl = null;
         this.keyboardVisible = false;
-        this.color = undefined;
-        this.selectedTab = undefined;
+        /**
+         * If `true`, the tab bar will be translucent.
+         * Only applies when the mode is `"ios"` and the device supports
+         * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+         */
         this.translucent = false;
     }
     selectedTabChanged() {
@@ -93,6 +96,14 @@ const TabButton = class {
         index.registerInstance(this, hostRef);
         this.ionTabButtonClick = index.createEvent(this, "ionTabButtonClick", 7);
         this.inheritedAttributes = {};
+        /**
+         * If `true`, the user cannot interact with the tab button.
+         */
+        this.disabled = false;
+        /**
+         * The selected tab component
+         */
+        this.selected = false;
         this.onKeyUp = (ev) => {
             if (ev.key === 'Enter' || ev.key === ' ') {
                 this.selectTab(ev);
@@ -101,14 +112,6 @@ const TabButton = class {
         this.onClick = (ev) => {
             this.selectTab(ev);
         };
-        this.disabled = false;
-        this.download = undefined;
-        this.href = undefined;
-        this.rel = undefined;
-        this.layout = undefined;
-        this.selected = false;
-        this.tab = undefined;
-        this.target = undefined;
     }
     onTabBarChanged(ev) {
         const dispatchedFrom = ev.target;

package/dist/cjs/ion-tab_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const index = require('./index-2e7a27db.js');
 const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 require('./helpers-afaa9001.js');
 
@@ -16,10 +16,8 @@ const Tab = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.loaded = false;
+        /** @internal */
         this.active = false;
-        this.delegate = undefined;
-        this.tab = undefined;
-        this.component = undefined;
     }
     async componentWillLoad() {
         if (this.active) {
@@ -72,6 +70,8 @@ const Tabs = class {
         this.ionTabsWillChange = index.createEvent(this, "ionTabsWillChange", 3);
         this.ionTabsDidChange = index.createEvent(this, "ionTabsDidChange", 3);
         this.transitioning = false;
+        /** @internal */
+        this.useRouter = false;
         this.onTabClicked = (ev) => {
             const { href, tab } = ev.detail;
             if (this.useRouter && href !== undefined) {
@@ -84,8 +84,6 @@ const Tabs = class {
                 this.select(tab);
             }
         };
-        this.selectedTab = undefined;
-        this.useRouter = false;
     }
     async componentWillLoad() {
         if (!this.useRouter) {

package/dist/cjs/ion-text.cjs.entry.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const index = require('./index-2e7a27db.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-3c758a1a.js');
 
 const textCss = ":host(.ion-color){color:var(--ion-color-base)}";
 const IonTextStyle0 = textCss;
@@ -15,7 +15,6 @@ const IonTextStyle0 = textCss;
 const Text = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.color = undefined;
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);

package/dist/cjs/ion-textarea.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const index = require('./index-2e7a27db.js');
 const notchController = require('./notch-controller-d69150f5.js');
 const helpers = require('./helpers-afaa9001.js');
 const input_utils = require('./input.utils-611cde0b.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-3c758a1a.js');
 require('./index-c8d52405.js');
 require('./index-5915f9b3.js');
 
@@ -38,6 +38,65 @@ const Textarea = class {
          */
         this.didTextareaClearOnEdit = false;
         this.inheritedAttributes = {};
+        this.hasFocus = false;
+        /**
+         * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
+         * Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
+         */
+        this.autocapitalize = 'none';
+        /**
+         * Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element.
+         *
+         * This may not be sufficient for the element to be focused on page load. See [managing focus](/docs/developing/managing-focus) for more information.
+         */
+        this.autofocus = false;
+        /**
+         * If `true`, the value will be cleared after focus upon edit.
+         */
+        this.clearOnEdit = false;
+        /**
+         * If `true`, the user cannot interact with the textarea.
+         */
+        this.disabled = false;
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * If `true`, the user cannot modify the value.
+         */
+        this.readonly = false;
+        /**
+         * If `true`, the user must fill in a value before submitting a form.
+         */
+        this.required = false;
+        /**
+         * If `true`, the element will have its spelling and grammar checked.
+         */
+        this.spellcheck = false;
+        /**
+         * If `true`, the textarea container will grow and shrink based
+         * on the contents of the textarea.
+         */
+        this.autoGrow = false;
+        /**
+         * The value of the textarea.
+         */
+        this.value = '';
+        /**
+         * If `true`, a character counter will display the ratio of characters used and the total character limit.
+         * Developers must also set the `maxlength` property for the counter to be calculated correctly.
+         */
+        this.counter = false;
+        /**
+         * Where to place the label relative to the textarea.
+         * `"start"`: The label will appear to the left of the textarea in LTR and to the right in RTL.
+         * `"end"`: The label will appear to the right of the textarea in LTR and to the left in RTL.
+         * `"floating"`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea.
+         * `"stacked"`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value.
+         * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
+         */
+        this.labelPlacement = 'start';
         // `Event` type is used instead of `InputEvent`
         // since the types from Stencil are not derived
         // from the element (e.g. textarea and input
@@ -73,35 +132,6 @@ const Textarea = class {
         this.onKeyDown = (ev) => {
             this.checkClearOnEdit(ev);
         };
-        this.hasFocus = false;
-        this.color = undefined;
-        this.autocapitalize = 'none';
-        this.autofocus = false;
-        this.clearOnEdit = false;
-        this.debounce = undefined;
-        this.disabled = false;
-        this.fill = undefined;
-        this.inputmode = undefined;
-        this.enterkeyhint = undefined;
-        this.maxlength = undefined;
-        this.minlength = undefined;
-        this.name = this.inputId;
-        this.placeholder = undefined;
-        this.readonly = false;
-        this.required = false;
-        this.spellcheck = false;
-        this.cols = undefined;
-        this.rows = undefined;
-        this.wrap = undefined;
-        this.autoGrow = false;
-        this.value = '';
-        this.counter = false;
-        this.counterFormatter = undefined;
-        this.errorText = undefined;
-        this.helperText = undefined;
-        this.label = undefined;
-        this.labelPlacement = 'start';
-        this.shape = undefined;
     }
     debounceChanged() {
         const { ionInput, debounce, originalIonInput } = this;

package/dist/cjs/ion-toast.cjs.entry.js

@@ -5,18 +5,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$3 = require('./index-73f75efb.js');
+const index$3 = require('./index-2e7a27db.js');
 const config = require('./config-4f60b98a.js');
 const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-5915f9b3.js');
-const overlays = require('./overlays-aa669eb8.js');
+const overlays = require('./overlays-56fecd6c.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-3c758a1a.js');
 const animation = require('./animation-b4fdf128.js');
 const index = require('./index-c8d52405.js');
 const index$2 = require('./index-ee07ed59.js');
-require('./hardware-back-button-9e8a2c4f.js');
+require('./hardware-back-button-f0972dab.js');
 require('./framework-delegate-55f5683a.js');
 require('./gesture-controller-9436f482.js');
 
@@ -476,6 +476,54 @@ const Toast = class {
         this.triggerController = overlays.createTriggerController();
         this.customHTMLEnabled = ionicGlobal.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
         this.presented = false;
+        /**
+         * When `true`, content inside of .toast-content
+         * will have aria-hidden elements removed causing
+         * screen readers to announce the remaining content.
+         */
+        this.revealContentToScreenReader = false;
+        /** @internal */
+        this.hasController = false;
+        /**
+         * How many milliseconds to wait before hiding the toast. By default, it will show
+         * until `dismiss()` is called.
+         */
+        this.duration = ionicGlobal.config.getNumber('toastDuration', 0);
+        /**
+         * Defines how the message and buttons are laid out in the toast.
+         * 'baseline': The message and the buttons will appear on the same line.
+         * Message text may wrap within the message container.
+         * 'stacked': The buttons containers and message will stack on top
+         * of each other. Use this if you have long text in your buttons.
+         */
+        this.layout = 'baseline';
+        /**
+         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
+         */
+        this.keyboardClose = false;
+        /**
+         * The starting position of the toast on the screen. Can be tweaked further
+         * using the `positionAnchor` property.
+         */
+        this.position = 'bottom';
+        /**
+         * If `true`, the toast will be translucent.
+         * Only applies when the mode is `"ios"` and the device supports
+         * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+         */
+        this.translucent = false;
+        /**
+         * If `true`, the toast will animate.
+         */
+        this.animated = true;
+        /**
+         * If `true`, the toast will open. If `false`, the toast will close.
+         * Use this if you need finer grained control over presentation, otherwise
+         * just use the toastController or the `trigger` property.
+         * Note: `isOpen` will not automatically be set back to `false` when
+         * the toast dismisses. You will need to do that in your code.
+         */
+        this.isOpen = false;
         this.dispatchCancelHandler = (ev) => {
             const role = ev.detail.role;
             if (overlays.isCancel(role)) {
@@ -518,29 +566,6 @@ const Toast = class {
             const { swipeGesture } = this;
             return swipeGesture === 'vertical';
         };
-        this.revealContentToScreenReader = false;
-        this.overlayIndex = undefined;
-        this.delegate = undefined;
-        this.hasController = false;
-        this.color = undefined;
-        this.enterAnimation = undefined;
-        this.leaveAnimation = undefined;
-        this.cssClass = undefined;
-        this.duration = ionicGlobal.config.getNumber('toastDuration', 0);
-        this.header = undefined;
-        this.layout = 'baseline';
-        this.message = undefined;
-        this.keyboardClose = false;
-        this.position = 'bottom';
-        this.positionAnchor = undefined;
-        this.buttons = undefined;
-        this.translucent = false;
-        this.animated = true;
-        this.icon = undefined;
-        this.htmlAttributes = undefined;
-        this.swipeGesture = undefined;
-        this.isOpen = false;
-        this.trigger = undefined;
     }
     swipeGestureChanged() {
         /**

package/dist/cjs/ion-toggle.cjs.entry.js

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const index = require('./index-2e7a27db.js');
 const helpers = require('./helpers-afaa9001.js');
 const haptic = require('./haptic-f6b37aa3.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-3c758a1a.js');
 require('./capacitor-c04564bf.js');
 require('./index-c8d52405.js');
 
@@ -31,6 +31,39 @@ const Toggle = class {
         this.lastDrag = 0;
         this.inheritedAttributes = {};
         this.didLoad = false;
+        this.activated = false;
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * If `true`, the toggle is selected.
+         */
+        this.checked = false;
+        /**
+         * If `true`, the user cannot interact with the toggle.
+         */
+        this.disabled = false;
+        /**
+         * The value of the toggle does not mean if it's checked or not, use the `checked`
+         * property for that.
+         *
+         * The value of a toggle is analogous to the value of a `<input type="checkbox">`,
+         * it's only used when the toggle participates in a native `<form>`.
+         */
+        this.value = 'on';
+        /**
+         * Enables the on/off accessibility switch labels within the toggle.
+         */
+        this.enableOnOffLabels = ionicGlobal.config.get('toggleOnOffLabels');
+        /**
+         * Where to place the label relative to the input.
+         * `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL.
+         * `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL.
+         * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
+         * `"stacked"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
+         */
+        this.labelPlacement = 'start';
         this.setupGesture = async () => {
             const { toggleTrack } = this;
             if (toggleTrack) {
@@ -68,16 +101,6 @@ const Toggle = class {
             }
             return checked ? index$1.removeOutline : index$1.ellipseOutline;
         };
-        this.activated = false;
-        this.color = undefined;
-        this.name = this.inputId;
-        this.checked = false;
-        this.disabled = false;
-        this.value = 'on';
-        this.enableOnOffLabels = ionicGlobal.config.get('toggleOnOffLabels');
-        this.labelPlacement = 'start';
-        this.justify = undefined;
-        this.alignment = undefined;
     }
     disabledChanged() {
         if (this.gesture) {

package/dist/cjs/{ionic-global-d9a8bb5b.js → ionic-global-3c758a1a.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-73f75efb.js');
+const index = require('./index-2e7a27db.js');
 
 // TODO(FW-2832): types
 class Config {

package/dist/cjs/ionic.cjs.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const appGlobals = require('./app-globals-21afee77.js');
-require('./ionic-global-d9a8bb5b.js');
+const index = require('./index-2e7a27db.js');
+const appGlobals = require('./app-globals-d2d85416.js');
+require('./ionic-global-3c758a1a.js');
 
 /*
- Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.23.2 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   {

package/dist/cjs/{ios.transition-cf40433b.js → ios.transition-ac964d6c.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 const animation = require('./animation-b4fdf128.js');
-const index = require('./index-f05acd21.js');
+const index = require('./index-213cabf1.js');
 require('./index-c8d52405.js');
-require('./ionic-global-d9a8bb5b.js');
-require('./index-73f75efb.js');
+require('./ionic-global-3c758a1a.js');
+require('./index-2e7a27db.js');
 require('./index-5915f9b3.js');
 require('./helpers-afaa9001.js');
 

package/dist/cjs/loader.cjs.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const appGlobals = require('./app-globals-21afee77.js');
-require('./ionic-global-d9a8bb5b.js');
+const index = require('./index-2e7a27db.js');
+const appGlobals = require('./app-globals-d2d85416.js');
+require('./ionic-global-3c758a1a.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{md.transition-ededf99f.js → md.transition-45089eda.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 const animation = require('./animation-b4fdf128.js');
-const index = require('./index-f05acd21.js');
+const index = require('./index-213cabf1.js');
 require('./index-c8d52405.js');
-require('./ionic-global-d9a8bb5b.js');
-require('./index-73f75efb.js');
+require('./ionic-global-3c758a1a.js');
+require('./index-2e7a27db.js');
 require('./index-5915f9b3.js');
 require('./helpers-afaa9001.js');
 

package/dist/cjs/{overlays-aa669eb8.js → overlays-56fecd6c.js}

@@ -5,8 +5,8 @@
 
 const index = require('./index-c8d52405.js');
 const helpers = require('./helpers-afaa9001.js');
-const hardwareBackButton = require('./hardware-back-button-9e8a2c4f.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const hardwareBackButton = require('./hardware-back-button-f0972dab.js');
+const ionicGlobal = require('./ionic-global-3c758a1a.js');
 const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 const gestureController = require('./gesture-controller-9436f482.js');
 const index$1 = require('./index-5915f9b3.js');

package/dist/cjs/{status-tap-37681226.js → status-tap-84e22ef3.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-73f75efb.js');
+const index = require('./index-2e7a27db.js');
 const index$1 = require('./index-5b6a7459.js');
 const helpers = require('./helpers-afaa9001.js');
 require('./index-5915f9b3.js');

package/dist/collection/collection-manifest.json

@@ -99,8 +99,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.20.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.23.2",
+    "typescriptVersion": "5.5.4"
   },
   "collections": [
     {

package/dist/collection/components/accordion/accordion.js

@@ -22,6 +22,34 @@ import { getIonMode } from "../../global/ionic-global";
 export class Accordion {
     constructor() {
         this.updateListener = () => this.updateState(false);
+        this.state = 1 /* AccordionState.Collapsed */;
+        this.isNext = false;
+        this.isPrevious = false;
+        /**
+         * The value of the accordion. Defaults to an autogenerated
+         * value.
+         */
+        this.value = `ion-accordion-${accordionIds++}`;
+        /**
+         * If `true`, the accordion cannot be interacted with.
+         */
+        this.disabled = false;
+        /**
+         * If `true`, the accordion cannot be interacted with,
+         * but does not alter the opacity.
+         */
+        this.readonly = false;
+        /**
+         * The toggle icon to use. This icon will be
+         * rotated when the accordion is expanded
+         * or collapsed.
+         */
+        this.toggleIcon = chevronDown;
+        /**
+         * The slot inside of `ion-item` to
+         * place the toggle icon. Defaults to `"end"`.
+         */
+        this.toggleIconSlot = 'end';
         this.setItemDefaults = () => {
             const ionItem = this.getSlottedHeaderIonItem();
             if (!ionItem) {
@@ -236,14 +264,6 @@ export class Accordion {
             }
             return previousSibling;
         };
-        this.state = 1 /* AccordionState.Collapsed */;
-        this.isNext = false;
-        this.isPrevious = false;
-        this.value = `ion-accordion-${accordionIds++}`;
-        this.disabled = false;
-        this.readonly = false;
-        this.toggleIcon = chevronDown;
-        this.toggleIconSlot = 'end';
     }
     valueChanged() {
         this.updateState();
@@ -347,6 +367,8 @@ export class Accordion {
                     "tags": [],
                     "text": "The value of the accordion. Defaults to an autogenerated\nvalue."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "`ion-accordion-${accordionIds++}`"
@@ -365,6 +387,8 @@ export class Accordion {
                     "tags": [],
                     "text": "If `true`, the accordion cannot be interacted with."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -383,6 +407,8 @@ export class Accordion {
                     "tags": [],
                     "text": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -401,6 +427,8 @@ export class Accordion {
                     "tags": [],
                     "text": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "toggle-icon",
                 "reflect": false,
                 "defaultValue": "chevronDown"
@@ -419,6 +447,8 @@ export class Accordion {
                     "tags": [],
                     "text": "The slot inside of `ion-item` to\nplace the toggle icon. Defaults to `\"end\"`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "toggle-icon-slot",
                 "reflect": false,
                 "defaultValue": "'end'"