scrawl-canvas/source/helper/system-flags.js

Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun

// # System flags
// These are placed in their own file here to help eliminate circular dependencies


let trackMouse = false;
export const getTrackMouse = () => trackMouse;
export const setTrackMouse = (val) => trackMouse = val;

let mouseChanged = false;
export const getMouseChanged = () => mouseChanged;
export const setMouseChanged = (val) => mouseChanged = val;

let viewportChanged = false;
export const getViewportChanged = () => viewportChanged;
export const setViewportChanged = (val) => viewportChanged = val;

let prefersContrastChanged = false;
export const getPrefersContrastChanged = () => prefersContrastChanged;
export const setPrefersContrastChanged = (val) => prefersContrastChanged = val;

let prefersReducedMotionChanged = false;
export const getPrefersReducedMotionChanged = () => prefersReducedMotionChanged;
export const setPrefersReducedMotionChanged = (val) => prefersReducedMotionChanged = val;

let prefersDarkColorSchemeChanged = false;
export const getPrefersDarkColorSchemeChanged = () => prefersDarkColorSchemeChanged;
export const setPrefersDarkColorSchemeChanged = (val) => prefersDarkColorSchemeChanged = val;

let prefersReduceTransparencyChanged = false;
export const getPrefersReduceTransparencyChanged = () => prefersReduceTransparencyChanged;
export const setPrefersReduceTransparencyChanged = (val) => prefersReduceTransparencyChanged = val;

let prefersReduceDataChanged = false;
export const getPrefersReduceDataChanged = () => prefersReduceDataChanged;
export const setPrefersReduceDataChanged = (val) => prefersReduceDataChanged = val;

let prefersForcedColorsChanged = false;
export const getPrefersForcedColorsChanged = () => prefersForcedColorsChanged;
export const setPrefersForcedColorsChanged = (val) => prefersForcedColorsChanged = val;

let prefersInvertedColorsChanged = false;
export const getPrefersInvertedColorsChanged = () => prefersInvertedColorsChanged;
export const setPrefersInvertedColorsChanged = (val) => prefersInvertedColorsChanged = val;

let resortBatchAnimations = true;
export const getResortBatchAnimations = () => resortBatchAnimations;
export const setResortBatchAnimations = (val) => resortBatchAnimations = val;

let doAnimation = false;
export const getDoAnimation = () => doAnimation;
export const setDoAnimation = (val) => doAnimation = val;

let rootElementsSort = true;
export const getRootElementsSort = () => rootElementsSort;
export const setRootElementsSort = (val) => rootElementsSort = val;

export const forceUpdate = function () {

    mouseChanged = true;
    viewportChanged = true;
};