feat(base-components): add ability to remove ios and md theme (#26669)

This commit is contained in:
Liam DeBeasi
2023-01-24 16:18:35 -05:00
committed by GitHub
parent 4d24b328e2
commit 18f109c7da
114 changed files with 1585 additions and 383 deletions

View File

@ -2,14 +2,19 @@ import type { ComponentInterface } from '@stencil/core';
import { Component, Host, Prop, h } from '@stencil/core';
import { config } from '../../global/config';
import { getIonMode } from '../../global/ionic-global';
import { getIonStylesheet, getIonBehavior } from '../../global/ionic-global';
import type { SpinnerTypes } from '../../interface';
import type { IonicSafeString } from '../../utils/sanitization';
import { sanitizeDOMString } from '../../utils/sanitization';
/**
* @virtualProp {true | false} useBase - useBase determines if base components is enabled.
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*/
@Component({
tag: 'ion-infinite-scroll-content',
styleUrls: {
base: 'infinite-scroll-content.scss',
ios: 'infinite-scroll-content.ios.scss',
md: 'infinite-scroll-content.md.scss',
},
@ -33,16 +38,16 @@ export class InfiniteScrollContent implements ComponentInterface {
componentDidLoad() {
if (this.loadingSpinner === undefined) {
const mode = getIonMode(this);
const platform = getIonBehavior(this);
this.loadingSpinner = config.get(
'infiniteLoadingSpinner',
config.get('spinner', mode === 'ios' ? 'lines' : 'crescent')
config.get('spinner', platform === 'ios' ? 'lines' : 'crescent')
);
}
}
render() {
const mode = getIonMode(this);
const mode = getIonStylesheet(this);
return (
<Host
class={{