@ionic/core 9.0.0 → 9.0.1-dev.11787248963.10a00c73

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

@@ -1,11 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, d as Host, e as config } from './index-ChhhtsGZ.js';
+import { r as registerInstance, c as createEvent, h, d as Host, g as getElement, e as config } from './index-CKYcsw8f.js';
 import { c as createKeyboardController } from './keyboard-controller-DEwoa1ev.js';
 import { c as createColorClasses } from './theme-byZM6qHV.js';
-import { b as getIonMode } from './ionic-global-BVB7BrLT.js';
-import { b as inheritAttributes } from './helpers-CAGf8Wgp.js';
+import { b as getIonMode } from './ionic-global-lrowsHfi.js';
+import { b as inheritAttributes } from './helpers-BIgoInJU.js';
 import './index-ZjP4CjeZ.js';
 import './keyboard-DAF8GNJ9.js';
 import './capacitor-CFERIeaU.js';
@@ -20,22 +20,17 @@ const TabBar = class {
         registerInstance(this, hostRef);
         this.ionTabBarChanged = createEvent(this, "ionTabBarChanged", 7);
         this.ionTabBarLoaded = createEvent(this, "ionTabBarLoaded", 7);
+        this.keyboardCtrl = null;
+        this.keyboardCtrlPromise = null;
+        this.didLoad = false;
+        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.translucent = false;
     }
-    keyboardCtrl = null;
-    keyboardCtrlPromise = null;
-    didLoad = false;
-    get el() { return getElement(this); }
-    keyboardVisible = false;
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    color;
-    /**
-     * The selected tab component
-     */
-    selectedTab;
     selectedTabChanged() {
         // Skip the initial watcher call that happens during component load
         // We handle that in componentDidLoad to ensure children are ready
@@ -48,21 +43,6 @@ const TabBar = class {
             });
         }
     }
-    /**
-     * 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).
-     */
-    translucent = false;
-    /** @internal */
-    ionTabBarChanged;
-    /**
-     * @internal
-     * This event is used in IonContent to correctly
-     * calculate the fullscreen content offsets
-     * when IonTabBar is used.
-     */
-    ionTabBarLoaded;
     componentDidLoad() {
         this.ionTabBarLoaded.emit();
         // Set the flag to indicate the component has loaded
@@ -123,6 +103,7 @@ const TabBar = class {
                 'tab-bar-hidden': shouldHide,
             }) }, h("slot", { key: 'a98d3298320f864578e30e0fb79a2cc0cccb46d9' })));
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "selectedTab": [{
                 "selectedTabChanged": 0
@@ -142,55 +123,24 @@ const TabButton = class {
     constructor(hostRef) {
         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);
+            }
+        };
+        this.onClick = (ev) => {
+            this.selectTab(ev);
+        };
     }
-    inheritedAttributes = {};
-    get el() { return getElement(this); }
-    /**
-     * If `true`, the user cannot interact with the tab button.
-     */
-    disabled = false;
-    /**
-     * This attribute instructs browsers to download a URL instead of navigating to
-     * it, so the user will be prompted to save it as a local file. If the attribute
-     * has a value, it is used as the pre-filled file name in the Save prompt
-     * (the user can still change the file name if they want).
-     */
-    download;
-    /**
-     * Contains a URL or a URL fragment that the hyperlink points to.
-     * If this property is set, an anchor tag will be rendered.
-     */
-    href;
-    /**
-     * Specifies the relationship of the target object to the link object.
-     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
-     */
-    rel;
-    /**
-     * Set the layout of the text and icon in the tab bar.
-     * It defaults to `"icon-top"`.
-     */
-    layout;
-    /**
-     * The selected tab component
-     */
-    selected = false;
-    /**
-     * A tab id must be provided for each `ion-tab`. It's used internally to reference
-     * the selected tab or by the router to switch between them.
-     */
-    tab;
-    /**
-     * Specifies where to display the linked URL.
-     * Only applies when an `href` is provided.
-     * Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
-     */
-    target;
-    /**
-     * Emitted when the tab bar is clicked
-     * @internal
-     */
-    ionTabButtonClick;
     onTabBarChanged(ev) {
         const dispatchedFrom = ev.target;
         const parent = this.el.parentElement;
@@ -224,14 +174,6 @@ const TabButton = class {
     get hasIcon() {
         return !!this.el.querySelector('ion-icon');
     }
-    onKeyUp = (ev) => {
-        if (ev.key === 'Enter' || ev.key === ' ') {
-            this.selectTab(ev);
-        }
-    };
-    onClick = (ev) => {
-        this.selectTab(ev);
-    };
     render() {
         const { disabled, hasIcon, hasLabel, href, rel, target, layout, selected, tab, inheritedAttributes } = this;
         const mode = getIonMode(this);
@@ -255,6 +197,7 @@ const TabButton = class {
                 'ion-focusable': true,
             } }, h("a", { key: '78c416609a2b86a6e7c5f217ffd2a6b9f80a5103', ...attrs, class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined, ...inheritedAttributes }, h("span", { key: '62934156439ffd0ab86674b9cf89d9cfa0d3589c', class: "button-inner" }, h("slot", { key: '293ba8f5ef50373c4e6e492dcaa55b3d2aae8d2f' })), mode === 'md' && h("ion-ripple-effect", { key: '360b010afedcf17fc1f3ab6d192f0f8c7b1cf112', type: "unbounded" }))));
     }
+    get el() { return getElement(this); }
 };
 TabButton.style = {
     ios: tabButtonIosCss(),

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

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, g as getElement, j as printIonError, h, d as Host, c as createEvent } from './index-ChhhtsGZ.js';
-import { a as attachComponent } from './framework-delegate-BHTU2Ip9.js';
-import './helpers-CAGf8Wgp.js';
+import { r as registerInstance, j as printIonError, h, d as Host, g as getElement, c as createEvent } from './index-CKYcsw8f.js';
+import { a as attachComponent } from './framework-delegate-DaLWnISz.js';
+import './helpers-BIgoInJU.js';
 import './dir-Dojwmvde.js';
 
 const tabCss = () => `:host(.tab-hidden){display:none !important}`;
@@ -11,22 +11,9 @@ const tabCss = () => `:host(.tab-hidden){display:none !important}`;
 const Tab = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /** @internal */
+        this.active = false;
     }
-    loadPromise;
-    get el() { return getElement(this); }
-    /** @internal */
-    active = false;
-    /** @internal */
-    delegate;
-    /**
-     * A tab id must be provided for each `ion-tab`. It's used internally to reference
-     * the selected tab or by the router to switch between them.
-     */
-    tab;
-    /**
-     * The component to display inside of the tab.
-     */
-    component;
     async componentWillLoad() {
         if (this.active) {
             await this.setActive();
@@ -69,6 +56,7 @@ const Tab = class {
                 'tab-hidden': !active,
             } }, h("slot", { key: '8d6326d75812888e33fd09665b7e588e1e270df1' })));
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "active": [{
                 "changeActive": 0
@@ -85,26 +73,22 @@ const Tabs = class {
         this.ionNavWillLoad = createEvent(this, "ionNavWillLoad", 7);
         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) {
+                const router = document.querySelector('ion-router');
+                if (router) {
+                    router.push(href);
+                }
+            }
+            else {
+                this.select(tab);
+            }
+        };
     }
-    transitioning = false;
-    leavingTab;
-    get el() { return getElement(this); }
-    selectedTab;
-    /** @internal */
-    useRouter = false;
-    /**
-     * Emitted when the navigation will load a component.
-     * @internal
-     */
-    ionNavWillLoad;
-    /**
-     * Emitted when the navigation is about to transition to a new component.
-     */
-    ionTabsWillChange;
-    /**
-     * Emitted when the navigation has finished transitioning to a new component.
-     */
-    ionTabsDidChange;
     async componentWillLoad() {
         if (!this.useRouter) {
             /**
@@ -239,21 +223,10 @@ const Tabs = class {
     get tabs() {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
-    onTabClicked = (ev) => {
-        const { href, tab } = ev.detail;
-        if (this.useRouter && href !== undefined) {
-            const router = document.querySelector('ion-router');
-            if (router) {
-                router.push(href);
-            }
-        }
-        else {
-            this.select(tab);
-        }
-    };
     render() {
         return (h(Host, { key: '7b8c6455e0673e343d0c759ed85e0d9970de3bb8', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '7d0d840ae03312ca22bcb694ffca738d6648218e', name: "top" }), h("div", { key: 'f336d903800af34af0d36adfc94223b940111e6a', class: "tabs-inner" }, h("slot", { key: '14656154959a24ae176eff20f6463043180d2eae' })), h("slot", { key: '2be4d114f058d24b0e70fb12cfb0eccd3d6e6a74', name: "bottom" })));
     }
+    get el() { return getElement(this); }
 };
 const getTab = (tabs, tab) => {
     const tabEl = typeof tab === 'string' ? tabs.find((t) => t.tab === tab) : tab;

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

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, d as Host } from './index-ChhhtsGZ.js';
+import { r as registerInstance, h, d as Host } from './index-CKYcsw8f.js';
 import { c as createColorClasses } from './theme-byZM6qHV.js';
-import { b as getIonMode } from './ionic-global-BVB7BrLT.js';
+import { b as getIonMode } from './ionic-global-lrowsHfi.js';
 
 const textCss = () => `:host(.ion-color){color:var(--ion-color-base)}`;
 
@@ -11,12 +11,6 @@ const Text = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    color;
     render() {
         const mode = getIonMode(this);
         return (h(Host, { key: 'b6f604df1b7aa5705a5b9a458e669a6a921c02a1', class: createColorClasses(this.color, {