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

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e7a27db.js');
+const index = require('./index-73f75efb.js');
 const keyboardController = require('./keyboard-controller-c05e747a.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3c758a1a.js');
+const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 const helpers = require('./helpers-afaa9001.js');
 require('./index-c8d52405.js');
 require('./keyboard-0272231f.js');
@@ -27,11 +27,8 @@ const TabBar = class {
         this.ionTabBarLoaded = index.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() {
@@ -96,14 +93,6 @@ 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);
@@ -112,6 +101,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/cjs/ion-tab_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e7a27db.js');
+const index = require('./index-73f75efb.js');
 const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 require('./helpers-afaa9001.js');
 
@@ -16,8 +16,10 @@ 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) {
@@ -70,8 +72,6 @@ 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,6 +84,8 @@ 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-2e7a27db.js');
+const index = require('./index-73f75efb.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3c758a1a.js');
+const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 
 const textCss = ":host(.ion-color){color:var(--ion-color-base)}";
 const IonTextStyle0 = textCss;
@@ -15,6 +15,7 @@ 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-2e7a27db.js');
+const index = require('./index-73f75efb.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-3c758a1a.js');
+const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 require('./index-c8d52405.js');
 require('./index-5915f9b3.js');
 
@@ -38,65 +38,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
@@ -132,6 +73,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/cjs/ion-toast.cjs.entry.js

@@ -5,18 +5,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$3 = require('./index-2e7a27db.js');
+const index$3 = require('./index-73f75efb.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-56fecd6c.js');
+const overlays = require('./overlays-aa669eb8.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3c758a1a.js');
+const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 const animation = require('./animation-b4fdf128.js');
 const index = require('./index-c8d52405.js');
 const index$2 = require('./index-ee07ed59.js');
-require('./hardware-back-button-f0972dab.js');
+require('./hardware-back-button-9e8a2c4f.js');
 require('./framework-delegate-55f5683a.js');
 require('./gesture-controller-9436f482.js');
 
@@ -476,54 +476,6 @@ 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)) {
@@ -566,6 +518,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 = 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-2e7a27db.js');
+const index = require('./index-73f75efb.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-3c758a1a.js');
+const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 require('./capacitor-c04564bf.js');
 require('./index-c8d52405.js');
 
@@ -31,39 +31,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 = 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) {
@@ -101,6 +68,17 @@ 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;
+        this.required = false;
     }
     disabledChanged() {
         if (this.gesture) {
@@ -182,12 +160,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 = ionicGlobal.getIonMode(this);
         const value = this.getValue();
         const rtl = dir.isRTL(el) ? 'rtl' : 'ltr';
         helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (index.h(index.Host, { key: 'f52195ec3bc14c024647cb41319c32a4cd330e19', onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '480c8d1145b183e8a06081340d9ffd65a113e5e9', onClick: this.onClick, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-item': theme.hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -197,10 +175,10 @@ const Toggle = class {
                 [`toggle-alignment-${alignment}`]: alignment !== undefined,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, index.h("label", { key: 'f8b3a215ad85b2cee611ad63449b584e1640f27f', class: "toggle-wrapper" }, index.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)), index.h("div", { key: '936af880db59fe377cd2de9101eb28a1c4fb8914', class: {
+            }) }, index.h("label", { key: '175e148a9fcb48a7e19c4d6ccb6d73ee576d6dd8', class: "toggle-wrapper" }, index.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)), index.h("div", { key: '12556bb7c0aff6f9fbfc3e2c91ce989b0f5c8048', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, index.h("slot", { key: '80a6672e2e792c15011a9496dcd75363cdba31c6' })), index.h("div", { key: '2b2b318b38ab27b194c0dab4cecd77d9d780f2ca', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, index.h("slot", { key: 'cac9052a882a5ba4205f3bee3fc4f34eefe5e2c9' })), index.h("div", { key: 'dcc82cc33d2d88712da3a5540d3c9ce4366999c3', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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