@ionic/core 8.4.2-dev.11736797843.16cc5058 → 8.4.2-dev.11737633140.1934dd0f

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

@@ -1,10 +1,10 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-fcdfc1aa.js';
+import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
 import { c as createKeyboardController } from './keyboard-controller-ec5c2bfa.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
-import { b as getIonMode, c as config } from './ionic-global-6b9f2b5a.js';
+import { b as getIonMode, c as config } from './ionic-global-c81d82ab.js';
 import { h as inheritAttributes } from './helpers-da915de8.js';
 import './index-a5d50daf.js';
 import './keyboard-73175e24.js';
@@ -23,11 +23,8 @@ const TabBar = class {
         this.ionTabBarLoaded = createEvent(this, "ionTabBarLoaded", 7);
         this.keyboardCtrl = null;
         this.keyboardVisible = false;
-        /**
-         * 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.color = undefined;
+        this.selectedTab = undefined;
         this.translucent = false;
     }
     selectedTabChanged() {
@@ -92,14 +89,6 @@ const TabButton = class {
         registerInstance(this, hostRef);
         this.ionTabButtonClick = 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);
@@ -108,6 +97,14 @@ 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/esm/ion-tab_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, f as Host, i as getElement, d as createEvent } from './index-fcdfc1aa.js';
+import { r as registerInstance, h, f as Host, i as getElement, d as createEvent } from './index-28849c61.js';
 import { a as attachComponent } from './framework-delegate-63d1a679.js';
 import './helpers-da915de8.js';
 
@@ -12,8 +12,10 @@ const Tab = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.loaded = false;
-        /** @internal */
         this.active = false;
+        this.delegate = undefined;
+        this.tab = undefined;
+        this.component = undefined;
     }
     async componentWillLoad() {
         if (this.active) {
@@ -66,8 +68,6 @@ const Tabs = class {
         this.ionTabsWillChange = createEvent(this, "ionTabsWillChange", 3);
         this.ionTabsDidChange = createEvent(this, "ionTabsDidChange", 3);
         this.transitioning = false;
-        /** @internal */
-        this.useRouter = false;
         this.onTabClicked = (ev) => {
             const { href, tab } = ev.detail;
             if (this.useRouter && href !== undefined) {
@@ -80,6 +80,8 @@ const Tabs = class {
                 this.select(tab);
             }
         };
+        this.selectedTab = undefined;
+        this.useRouter = false;
     }
     async componentWillLoad() {
         if (!this.useRouter) {

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

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, f as Host } from './index-fcdfc1aa.js';
+import { r as registerInstance, h, f as Host } from './index-28849c61.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
-import { b as getIonMode } from './ionic-global-6b9f2b5a.js';
+import { b as getIonMode } from './ionic-global-c81d82ab.js';
 
 const textCss = ":host(.ion-color){color:var(--ion-color-base)}";
 const IonTextStyle0 = textCss;
@@ -11,6 +11,7 @@ const IonTextStyle0 = textCss;
 const Text = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.color = undefined;
     }
     render() {
         const mode = getIonMode(this);

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

@@ -1,12 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, d as createEvent, w as writeTask, h, f as Host, i as getElement, j as forceUpdate } from './index-fcdfc1aa.js';
+import { r as registerInstance, d as createEvent, w as writeTask, h, f as Host, i as getElement, j as forceUpdate } from './index-28849c61.js';
 import { c as createNotchController } from './notch-controller-55b09e11.js';
 import { e as debounceEvent, i as inheritAriaAttributes, h as inheritAttributes, c as componentOnReady } from './helpers-da915de8.js';
 import { c as createSlotMutationController, g as getCounterText } from './input.utils-09c71bc7.js';
 import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';
-import { b as getIonMode } from './ionic-global-6b9f2b5a.js';
+import { b as getIonMode } from './ionic-global-c81d82ab.js';
 import './index-a5d50daf.js';
 import './index-9b0d46f4.js';
 
@@ -34,65 +34,6 @@ 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
@@ -128,6 +69,35 @@ 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/esm/ion-toast.entry.js

@@ -1,18 +1,18 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-fcdfc1aa.js';
+import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
 import { g as getElementRoot, r as raf } from './helpers-da915de8.js';
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-6163edd5.js';
+import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-e7b9d6d9.js';
 import { c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
-import { c as config, b as getIonMode } from './ionic-global-6b9f2b5a.js';
+import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
 import { w as win } from './index-a5d50daf.js';
 import { createGesture } from './index-39782642.js';
-import './hardware-back-button-0a284222.js';
+import './hardware-back-button-06ef3c3e.js';
 import './framework-delegate-63d1a679.js';
 import './gesture-controller-314a54f6.js';
 
@@ -472,54 +472,6 @@ const Toast = class {
         this.triggerController = createTriggerController();
         this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', 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 = 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 (isCancel(role)) {
@@ -562,6 +514,29 @@ 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 = 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/esm/ion-toggle.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-fcdfc1aa.js';
+import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
 import { i as inheritAriaAttributes, d as renderHiddenInput } from './helpers-da915de8.js';
 import { c as hapticSelection } from './haptic-ac164e4c.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { f as checkmarkOutline, r as removeOutline, g as ellipseOutline } from './index-e2cf2ceb.js';
-import { c as config, b as getIonMode } from './ionic-global-6b9f2b5a.js';
+import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
 import './capacitor-59395cbd.js';
 import './index-a5d50daf.js';
 
@@ -27,39 +27,6 @@ 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 = 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) {
@@ -97,6 +64,17 @@ const Toggle = class {
             }
             return checked ? removeOutline : ellipseOutline;
         };
+        this.activated = false;
+        this.color = undefined;
+        this.name = this.inputId;
+        this.checked = false;
+        this.disabled = false;
+        this.value = 'on';
+        this.enableOnOffLabels = config.get('toggleOnOffLabels');
+        this.labelPlacement = 'start';
+        this.justify = undefined;
+        this.alignment = undefined;
+        this.required = false;
     }
     disabledChanged() {
         if (this.gesture) {
@@ -178,12 +156,12 @@ const Toggle = class {
         return this.el.textContent !== '';
     }
     render() {
-        const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment } = this;
+        const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment, required } = this;
         const mode = getIonMode(this);
         const value = this.getValue();
         const rtl = isRTL(el) ? 'rtl' : 'ltr';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { key: 'f52195ec3bc14c024647cb41319c32a4cd330e19', onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '480c8d1145b183e8a06081340d9ffd65a113e5e9', onClick: this.onClick, class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -193,10 +171,10 @@ const Toggle = class {
                 [`toggle-alignment-${alignment}`]: alignment !== undefined,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, h("label", { key: 'f8b3a215ad85b2cee611ad63449b584e1640f27f', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'f387b1ea840737a9737917e516834c887be99c09', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '936af880db59fe377cd2de9101eb28a1c4fb8914', class: {
+            }) }, h("label", { key: '175e148a9fcb48a7e19c4d6ccb6d73ee576d6dd8', class: "toggle-wrapper" }, h("input", Object.assign({ key: '2d28f75d495f0e13dccc3f5c9beba26b7c12ea26', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, this.inheritedAttributes)), h("div", { key: '12556bb7c0aff6f9fbfc3e2c91ce989b0f5c8048', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, h("slot", { key: '80a6672e2e792c15011a9496dcd75363cdba31c6' })), h("div", { key: '2b2b318b38ab27b194c0dab4cecd77d9d780f2ca', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, h("slot", { key: 'cac9052a882a5ba4205f3bee3fc4f34eefe5e2c9' })), h("div", { key: 'dcc82cc33d2d88712da3a5540d3c9ce4366999c3', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{ionic-global-6b9f2b5a.js → ionic-global-c81d82ab.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { a as setPlatformHelpers, g as getMode, c as setMode } from './index-fcdfc1aa.js';
+import { a as setPlatformHelpers, g as getMode, c as setMode } from './index-28849c61.js';
 
 // TODO(FW-2832): types
 class Config {