diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts index 5446c23c33..3ae09208a4 100644 --- a/packages/core/src/components.d.ts +++ b/packages/core/src/components.d.ts @@ -1806,96 +1806,6 @@ declare global { } -import { - PageOne as PageOne -} from './components/nav/page-one'; - -declare global { - interface HTMLPageOneElement extends PageOne, HTMLElement { - } - var HTMLPageOneElement: { - prototype: HTMLPageOneElement; - new (): HTMLPageOneElement; - }; - interface HTMLElementTagNameMap { - "page-one": HTMLPageOneElement; - } - interface ElementTagNameMap { - "page-one": HTMLPageOneElement; - } - namespace JSX { - interface IntrinsicElements { - "page-one": JSXElements.PageOneAttributes; - } - } - namespace JSXElements { - export interface PageOneAttributes extends HTMLAttributes { - - } - } -} - - -import { - PageThree as PageThree -} from './components/nav/page-three'; - -declare global { - interface HTMLPageThreeElement extends PageThree, HTMLElement { - } - var HTMLPageThreeElement: { - prototype: HTMLPageThreeElement; - new (): HTMLPageThreeElement; - }; - interface HTMLElementTagNameMap { - "page-three": HTMLPageThreeElement; - } - interface ElementTagNameMap { - "page-three": HTMLPageThreeElement; - } - namespace JSX { - interface IntrinsicElements { - "page-three": JSXElements.PageThreeAttributes; - } - } - namespace JSXElements { - export interface PageThreeAttributes extends HTMLAttributes { - - } - } -} - - -import { - PageTwo as PageTwo -} from './components/nav/page-two'; - -declare global { - interface HTMLPageTwoElement extends PageTwo, HTMLElement { - } - var HTMLPageTwoElement: { - prototype: HTMLPageTwoElement; - new (): HTMLPageTwoElement; - }; - interface HTMLElementTagNameMap { - "page-two": HTMLPageTwoElement; - } - interface ElementTagNameMap { - "page-two": HTMLPageTwoElement; - } - namespace JSX { - interface IntrinsicElements { - "page-two": JSXElements.PageTwoAttributes; - } - } - namespace JSXElements { - export interface PageTwoAttributes extends HTMLAttributes { - - } - } -} - - import { Navbar as IonNavbar } from './components/navbar/navbar'; diff --git a/packages/core/src/components/nav/page-one.tsx b/packages/core/src/components/nav/page-one.tsx deleted file mode 100644 index 5a6b36df6f..0000000000 --- a/packages/core/src/components/nav/page-one.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import { Component, Element } from '@stencil/core'; - -@Component({ - tag: 'page-one' -}) -export class PageOne { - - @Element() element: HTMLElement; - - componentDidEnter() { - console.log('page one did enter'); - } - - nextPage() { - const nav = this.element.closest('ion-nav') as any; - nav.push('page-two'); - } - - render() { - return [ - - - Page One - - , - -
- Page One Content - this.nextPage()}>Go to Page Two - - - - - - - - - - - - -
-
- ]; - } -} diff --git a/packages/core/src/components/nav/page-three.tsx b/packages/core/src/components/nav/page-three.tsx deleted file mode 100644 index 1df8473623..0000000000 --- a/packages/core/src/components/nav/page-three.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { Component, Element } from '@stencil/core'; - -@Component({ - tag: 'page-three' -}) -export class PageThree { - - @Element() element: HTMLElement; - - componentDidEnter() { - console.log('page three did enter'); - } - - pop() { - const nav = this.element.closest('ion-nav') as any; - nav.pop(); - } - - render() { - return [ - - Page Three - - , - - Page Three Content -
- this.pop()}>Go Back -
-
- ]; - } -} diff --git a/packages/core/src/components/nav/page-two.tsx b/packages/core/src/components/nav/page-two.tsx deleted file mode 100644 index f498c23b36..0000000000 --- a/packages/core/src/components/nav/page-two.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import { Component, Element } from '@stencil/core'; - -@Component({ - tag: 'page-two' -}) -export class PageTwo { - - @Element() element: HTMLElement; - - componentDidEnter() { - console.log('page two did enter'); - } - - nextPage() { - const nav = this.element.closest('ion-nav') as any; - nav.push('page-three'); - } - - pop() { - const nav = this.element.closest('ion-nav') as any; - nav.pop(); - } - - render() { - return [ - - Page Two - - , - - Page Two Content -
- this.nextPage()}>Go to Page Three -
-
- this.pop()}>Go Back -
-
- ]; - } -} diff --git a/packages/core/stencil.config.js b/packages/core/stencil.config.js index e052e2bbad..524fa46a96 100644 --- a/packages/core/stencil.config.js +++ b/packages/core/stencil.config.js @@ -37,7 +37,7 @@ exports.config = { { components: ['ion-range', 'ion-range-knob']}, { components: ['ion-tabs', 'ion-tab', 'ion-tabbar', 'ion-tab-button', 'ion-tab-highlight'] }, { components: ['ion-toggle'] }, - { components: ['ion-nav', 'ion-nav-controller', 'stencil-ion-nav-delegate','page-one', 'page-two', 'page-three'] }, + { components: ['ion-nav', 'ion-nav-controller', 'stencil-ion-nav-delegate'] }, { components: ['ion-toast', 'ion-toast-controller'] }, ], collections: [