chore(slides): move slide to separate directory

packages/core/src/components.d.ts

@@ -2785,7 +2785,7 @@ declare global {
 
 import {
   Slide as IonSlide
-} from './components/slides/slide';
+} from './components/slide/slide';
 
 declare global {
   interface HTMLIonSlideElement extends IonSlide, HTMLElement {

packages/core/src/components/slide/readme.md

@@ -0,0 +1,16 @@
+# ion-slide
+
+The Slide component is a child component of [Slides](../Slides). The template
+should be written as `ion-slide`. Any slide content should be written
+in this component and it should be used in conjunction with [Slides](../Slides).
+
+See the [Slides API Docs](../Slides) for more usage information.
+
+
+<!-- Auto Generated Below -->
+
+
+
+----------------------------------------------
+
+*Built by [StencilJS](https://stenciljs.com/)*

packages/core/src/components/slide/slide.tsx

@@ -0,0 +1,22 @@
+import { Component } from '@stencil/core';
+
+
+@Component({
+  tag: 'ion-slide',
+  styleUrl: 'slide.scss'
+})
+export class Slide {
+
+  hostData() {
+    return {
+      class: {
+        'slide-zoom': true,
+        'swiper-slide': true
+      }
+    };
+  }
+
+  render() {
+    return <slot></slot>;
+  }
+}

packages/core/src/components/slides/readme.md

@@ -1,10 +1,212 @@
-# ion-slide
+# ion-slides
 
+The Slides component is a multi-section container. Each section can be swiped
+or dragged between. It contains any number of [Slide](../Slide) components.
+
+
+```
+Adopted from Swiper.js:
+The most modern mobile touch slider and framework with
+hardware accelerated transitions.
+
+http://www.idangero.us/swiper/
+
+Copyright 2016, Vladimir Kharlampidi
+The iDangero.us
+http://www.idangero.us/
+
+Licensed under MIT
+```
 
 
 <!-- Auto Generated Below -->
 
 
+## Properties
+
+#### autoplay
+
+number
+
+
+#### control
+
+any
+
+
+#### direction
+
+any
+
+
+#### effect
+
+string
+
+
+#### initialSlide
+
+number
+
+
+#### keyboardControl
+
+boolean
+
+
+#### loop
+
+boolean
+
+
+#### pager
+
+boolean
+
+
+#### paginationType
+
+string
+
+
+#### parallax
+
+boolean
+
+
+#### slidesPerView
+
+any
+
+
+#### spaceBetween
+
+number
+
+
+#### speed
+
+number
+
+
+#### zoom
+
+boolean
+
+
+## Attributes
+
+#### autoplay
+
+number
+
+
+#### control
+
+any
+
+
+#### direction
+
+any
+
+
+#### effect
+
+string
+
+
+#### initialSlide
+
+number
+
+
+#### keyboardControl
+
+boolean
+
+
+#### loop
+
+boolean
+
+
+#### pager
+
+boolean
+
+
+#### paginationType
+
+string
+
+
+#### parallax
+
+boolean
+
+
+#### slidesPerView
+
+any
+
+
+#### spaceBetween
+
+number
+
+
+#### speed
+
+number
+
+
+#### zoom
+
+boolean
+
+
+## Events
+
+#### ionSlideDidChange
+
+
+#### ionSlideDrag
+
+
+#### ionSlideNextEnd
+
+
+#### ionSlideNextStart
+
+
+#### ionSlidePrevEnd
+
+
+#### ionSlidePrevStart
+
+
+#### ionSlideReachEnd
+
+
+#### ionSlideReachStart
+
+
+#### ionSlideTouchEnd
+
+
+#### ionSlideTouchStart
+
+
+#### ionSlideTransitionEnd
+
+
+#### ionSlideTransitionStart
+
+
+#### ionSlideWillChange
+
+
 
 ----------------------------------------------
 

packages/core/src/components/slides/slide.tsx

@@ -1,34 +0,0 @@
-import { Component } from '@stencil/core';
-
-
- /**
-  * @name Slide
-  * @description
-  * The Slide component is a child component of [Slides](../Slides). The template
-  * should be written as `ion-slide`. Any slide content should be written
-  * in this component and it should be used in conjunction with [Slides](../Slides).
-  *
-  * See the [Slides API Docs](../Slides) for more usage information.
-  *
-  * @demo /docs/demos/src/slides/
-  * @see {@link /docs/api/components/slides/Slides/ Slides API Docs}
-  */
-@Component({
-  tag: 'ion-slide',
-  styleUrl: 'slide.scss'
-})
-export class Slide {
-
-  hostData() {
-    return {
-      class: {
-        'slide-zoom': true,
-        'swiper-slide': true
-      }
-    };
-  }
-
-  render() {
-    return <slot></slot>;
-  }
-}

packages/core/src/components/slides/slides.tsx

@@ -2,27 +2,6 @@ import { Component, Element, Event, EventEmitter, Prop } from '@stencil/core';
 import { Swiper } from './vendor/swiper';
 
 
-/**
- * @name Slides
- * @description
- * The Slides component is a multi-section container. Each section can be swiped
- * or dragged between. It contains any number of [Slide](../Slide) components.
- *
- *
- * Adopted from Swiper.js:
- * The most modern mobile touch slider and framework with
- * hardware accelerated transitions.
- *
- * http://www.idangero.us/swiper/
- *
- * Copyright 2016, Vladimir Kharlampidi
- * The iDangero.us
- * http://www.idangero.us/
- *
- * Licensed under MIT
- */
-
-
 @Component({
   tag: 'ion-slides',
   styleUrl: 'slides.scss',

packages/core/src/index.d.ts

@@ -129,7 +129,7 @@ export { SelectPopoverOption, SelectPopover } from './components/select/select-p
 export { Select } from './components/select/select';
 export { SelectOption } from './components/select-option/select-option';
 export { SkeletonText } from './components/skeleton-text/skeleton-text';
-export { Slide } from './components/slides/slide';
+export { Slide } from './components/slide/slide';
 export { Slides } from './components/slides/slides';
 export * from './components/spinner/spinner-configs';
 export { Spinner } from './components/spinner/spinner';