37 lines
1.0 KiB
JavaScript
37 lines
1.0 KiB
JavaScript
|
import { SharedUtils, ThemeService } from 'primevue/themes';
|
||
|
|
|
||
|
|
const ServiceSymbol = Symbol();
|
||
|
|
|
||
|
|
export default {
|
||
|
|
_pConfig: undefined,
|
||
|
|
_colorMode: 'dark',
|
||
|
|
getPConfig() {
|
||
|
|
return this._pConfig;
|
||
|
|
},
|
||
|
|
setPConfig(newValue) {
|
||
|
|
this._pConfig = newValue;
|
||
|
|
ThemeService.emit(ServiceSymbol, this._pConfig);
|
||
|
|
},
|
||
|
|
onPConfigChange(callback) {
|
||
|
|
ThemeService.on(ServiceSymbol, callback);
|
||
|
|
},
|
||
|
|
getColorMode() {
|
||
|
|
return this._colorMode;
|
||
|
|
},
|
||
|
|
setColorMode(newValue) {
|
||
|
|
this._colorMode = newValue;
|
||
|
|
},
|
||
|
|
toggleColorMode() {
|
||
|
|
this._colorMode = this._colorMode === 'dark' ? 'light' : 'dark';
|
||
|
|
const defaultDocument = SharedUtils.dom.isClient() ? window.document : undefined;
|
||
|
|
|
||
|
|
if (defaultDocument) {
|
||
|
|
const className = 'p-dark'; // @todo
|
||
|
|
|
||
|
|
this._colorMode !== 'dark' ? SharedUtils.dom.removeClass(defaultDocument.documentElement, className) : SharedUtils.dom.addClass(defaultDocument.documentElement, className);
|
||
|
|
}
|
||
|
|
|
||
|
|
return this._colorMode;
|
||
|
|
}
|
||
|
|
};
|