mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
fix(): update to Stencil One 🎉🎊
This commit is contained in:
@ -1,6 +1,6 @@
|
||||
import { Component, ComponentInterface, Element, Event, EventEmitter, Prop, State, Watch } from '@stencil/core';
|
||||
|
||||
import { Mode } from '../../interface';
|
||||
import { getIonMode } from '../../global/ionic-global';
|
||||
|
||||
const SPLIT_PANE_MAIN = 'split-pane-main';
|
||||
const SPLIT_PANE_SIDE = 'split-pane-side';
|
||||
@ -24,8 +24,6 @@ export class SplitPane implements ComponentInterface {
|
||||
|
||||
private rmL: any;
|
||||
|
||||
mode!: Mode;
|
||||
|
||||
@Element() el!: HTMLElement;
|
||||
@State() visible = false;
|
||||
|
||||
@ -154,12 +152,14 @@ export class SplitPane implements ComponentInterface {
|
||||
}
|
||||
|
||||
hostData() {
|
||||
const mode = getIonMode(this);
|
||||
|
||||
return {
|
||||
class: {
|
||||
[`${this.mode}`]: true,
|
||||
[`${mode}`]: true,
|
||||
|
||||
// Used internally for styling
|
||||
[`split-pane-${this.mode}`]: true,
|
||||
[`split-pane-${mode}`]: true,
|
||||
|
||||
'split-pane-visible': this.visible
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user