javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 18:17:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(): update to Stencil One 🎉🎊

Browse Source
This commit is contained in:
Manu MA
2019-06-19 21:33:50 +02:00
committed by GitHub
parent 7f1829eb21
commit b40f7d36d5
572 changed files with 14426 additions and 9916 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
core/src/components/slides/slides.tsx
View File

@ -1,10 +1,13 @@
import { Component, ComponentInterface, Element, Event, EventEmitter, Listen, Method, Prop, Watch } from '@stencil/core';
import { Component, ComponentInterface, Element, Event, EventEmitter, Listen, Method, Prop, Watch, h } from '@stencil/core';
import { Mode } from '../../interface';
import { getIonMode } from '../../global/ionic-global';
import { rIC } from '../../utils/helpers.js';
import { SwiperInterface, SwiperOptions } from './swiper/swiper-interface';
/**
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*/
@Component({
tag: 'ion-slides',
styleUrls: {
@ -22,12 +25,7 @@ export class Slides implements ComponentInterface {
private readySwiper!: (swiper: SwiperInterface) => void;
private swiper: Promise<SwiperInterface> = new Promise(resolve => { this.readySwiper = resolve; });
@Element() el!: HTMLStencilElement;
/**
* The mode determines which platform styles to use.
*/
@Prop() mode!: Mode;
@Element() el!: HTMLIonSlidesElement;
/**
* Options to pass to the swiper instance.
@ -466,12 +464,14 @@ export class Slides implements ComponentInterface {
}
hostData() {
const mode = getIonMode(this);
return {
class: {
[`${this.mode}`]: true,
[`${mode}`]: true,
// Used internally for styling
[`slides-${this.mode}`]: true,
[`slides-${mode}`]: true,
'swiper-container': true
}