1 line
11 KiB
Plaintext
1 line
11 KiB
Plaintext
{"version":3,"sources":["../../../src/services/theme/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-multi-spaces */\n// Extensions\nimport { Service } from '../service'\n\n// Utilities\nimport * as ThemeUtils from './utils'\n\n// Types\nimport Vue from 'vue'\nimport {\n VuetifyParsedTheme,\n VuetifyThemeOptions,\n VuetifyThemes,\n VuetifyThemeVariant,\n} from 'vuetify/types/services/theme'\n\nexport class Theme extends Service {\n static property = 'theme'\n\n public disabled = false\n\n public options: VuetifyThemeOptions['options']\n\n public styleEl?: HTMLStyleElement\n\n public themes: VuetifyThemes = {\n light: {\n primary: '#1976D2', // blue.darken2\n secondary: '#424242', // grey.darken3\n accent: '#82B1FF', // blue.accent1\n error: '#FF5252', // red.accent2\n info: '#2196F3', // blue.base\n success: '#4CAF50', // green.base\n warning: '#FB8C00', // amber.base\n },\n dark: {\n primary: '#2196F3', // blue.base\n secondary: '#424242', // grey.darken3\n accent: '#FF4081', // pink.accent-2\n error: '#FF5252', // red.accent2\n info: '#2196F3', // blue.base\n success: '#4CAF50', // green.base\n warning: '#FB8C00', // amber.base\n },\n }\n\n public defaults: VuetifyThemes = this.themes\n\n private isDark = null as boolean | null\n\n private vueInstance = null as Vue | null\n\n constructor (options: Partial<VuetifyThemeOptions> = {}) {\n super()\n if (options.disable) {\n this.disabled = true\n\n return\n }\n\n this.options = {\n ...this.options,\n ...options.options,\n }\n\n this.dark = Boolean(options.dark)\n const themes = options.themes || {}\n\n this.themes = {\n dark: this.fillVariant(themes.dark, true),\n light: this.fillVariant(themes.light, false),\n }\n }\n\n // When setting css, check for element\n // and apply new values\n set css (val: string) {\n this.checkOrCreateStyleElement() && (this.styleEl!.innerHTML = val)\n }\n\n set dark (val: boolean) {\n const oldDark = this.isDark\n\n this.isDark = val\n // Only apply theme after dark\n // has already been set before\n oldDark != null && this.applyTheme()\n }\n\n get dark () {\n return Boolean(this.isDark)\n }\n\n // Apply current theme default\n // only called on client side\n public applyTheme (): void {\n if (this.disabled) return this.clearCss()\n\n this.css = this.generatedStyles\n }\n\n public clearCss (): void {\n this.css = ''\n }\n\n // Initialize theme for SSR and SPA\n // Attach to ssrContext head or\n // apply new theme to document\n public init (root: Vue, ssrContext?: any): void {\n if (this.disabled) return\n\n const meta = Boolean((root as any).$meta) // TODO: don't import public types from /src\n const ssr = Boolean(ssrContext)\n\n /* istanbul ignore else */\n if (meta) {\n this.initNuxt(root)\n } else if (ssr) {\n this.initSSR(ssrContext)\n }\n\n this.initTheme()\n }\n\n // Allows for you to set target theme\n public setTheme (theme: 'light' | 'dark', value: object) {\n this.themes[theme] = Object.assign(this.themes[theme], value)\n this.applyTheme()\n }\n\n // Reset theme defaults\n public resetThemes () {\n this.themes.light = Object.assign({}, this.defaults.light)\n this.themes.dark = Object.assign({}, this.defaults.dark)\n this.applyTheme()\n }\n\n // Check for existence of style element\n private checkOrCreateStyleElement (): boolean {\n this.styleEl = document.getElementById('vuetify-theme-stylesheet') as HTMLStyleElement\n\n /* istanbul ignore next */\n if (this.styleEl) return true\n\n this.genStyleElement() // If doesn't have it, create it\n\n return Boolean(this.styleEl)\n }\n\n private fillVariant (\n theme: Partial<VuetifyThemeVariant> = {},\n dark: boolean\n ): VuetifyThemeVariant {\n const defaultTheme = this.themes[dark ? 'dark' : 'light']\n\n return Object.assign({},\n defaultTheme,\n theme\n )\n }\n\n // Generate the style element\n // if applicable\n private genStyleElement (): void {\n if (typeof document === 'undefined') return\n\n /* istanbul ignore next */\n const options = this.options || {}\n\n this.styleEl = document.createElement('style')\n this.styleEl.type = 'text/css'\n this.styleEl.id = 'vuetify-theme-stylesheet'\n\n if (options.cspNonce) {\n this.styleEl.setAttribute('nonce', options.cspNonce)\n }\n\n document.head.appendChild(this.styleEl)\n }\n\n private initNuxt (root: Vue) {\n const options = this.options || {}\n root.$children.push(new Vue({\n head: {\n style: [\n {\n cssText: this.generatedStyles,\n type: 'text/css',\n id: 'vuetify-theme-stylesheet',\n nonce: options.cspNonce,\n },\n ],\n },\n } as any))\n }\n\n private initSSR (ssrContext?: any) {\n const options = this.options || {}\n // SSR\n const nonce = options.cspNonce ? ` nonce=\"${options.cspNonce}\"` : ''\n ssrContext.head = ssrContext.head || ''\n ssrContext.head += `<style type=\"text/css\" id=\"vuetify-theme-stylesheet\"${nonce}>${this.generatedStyles}</style>`\n }\n\n private initTheme () {\n // Only watch for reactivity on client side\n if (typeof document === 'undefined') return\n\n // If we get here somehow, ensure\n // existing instance is removed\n if (this.vueInstance) this.vueInstance.$destroy()\n\n // Use Vue instance to track reactivity\n // TODO: Update to use RFC if merged\n // https://github.com/vuejs/rfcs/blob/advanced-reactivity-api/active-rfcs/0000-advanced-reactivity-api.md\n this.vueInstance = new Vue({\n data: { themes: this.themes },\n\n watch: {\n themes: {\n immediate: true,\n deep: true,\n handler: () => this.applyTheme(),\n },\n },\n })\n }\n\n get currentTheme () {\n const target = this.dark ? 'dark' : 'light'\n\n return this.themes[target]\n }\n\n get generatedStyles (): string {\n const theme = this.parsedTheme\n /* istanbul ignore next */\n const options = this.options || {}\n let css\n\n if (options.themeCache != null) {\n css = options.themeCache.get(theme)\n /* istanbul ignore if */\n if (css != null) return css\n }\n\n css = ThemeUtils.genStyles(theme, options.customProperties)\n\n if (options.minifyTheme != null) {\n css = options.minifyTheme(css)\n }\n\n if (options.themeCache != null) {\n options.themeCache.set(theme, css)\n }\n\n return css\n }\n\n get parsedTheme (): VuetifyParsedTheme {\n /* istanbul ignore next */\n const theme = this.currentTheme || {}\n return ThemeUtils.parse(theme)\n }\n}\n"],"sourceRoot":"","file":"index.js"} |