kdutify 2.6.0 → 2.7.2

package/es5/services/theme/index.js

@@ -1,110 +1,84 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Theme = void 0;
-
 var _service = require("../service");
-
 var ThemeUtils = _interopRequireWildcard(require("./utils"));
-
 var _helpers = require("../../util/helpers");
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Theme = /*#__PURE__*/function (_Service) {
-  _inherits(Theme, _Service);
-
-  var _super = _createSuper(Theme);
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } /* eslint-disable no-multi-spaces */ // Extensions
+// Utilities
+// Types
+var Theme = exports.Theme = /*#__PURE__*/function (_Service) {
   function Theme(preset) {
     var _this;
-
     _classCallCheck(this, Theme);
-
-    _this = _super.call(this);
+    _this = _callSuper(this, Theme);
     _this.disabled = false;
     _this.isDark = null;
     _this.unwatch = null;
     _this.kduMeta = null;
     var _preset$Theme$propert = preset[Theme.property],
-        dark = _preset$Theme$propert.dark,
-        disable = _preset$Theme$propert.disable,
-        options = _preset$Theme$propert.options,
-        themes = _preset$Theme$propert.themes;
+      dark = _preset$Theme$propert.dark,
+      disable = _preset$Theme$propert.disable,
+      options = _preset$Theme$propert.options,
+      themes = _preset$Theme$propert.themes;
     _this.dark = Boolean(dark);
     _this.defaults = _this.themes = themes;
     _this.options = options;
-
     if (disable) {
       _this.disabled = true;
       return _possibleConstructorReturn(_this);
     }
-
     _this.themes = {
       dark: _this.fillVariant(themes.dark, true),
       light: _this.fillVariant(themes.light, false)
     };
     return _this;
-  } // When setting css, check for element and apply new values
-
+  }
+  // When setting css, check for element and apply new values
   /* eslint-disable-next-line accessor-pairs */
-
-
-  _createClass(Theme, [{
+  _inherits(Theme, _Service);
+  return _createClass(Theme, [{
     key: "css",
     set: function set(val) {
       if (this.kduMeta) {
         if (this.isKduMeta23) {
           this.applyKduMeta23();
         }
-
         return;
       }
-
       this.checkOrCreateStyleElement() && (this.styleEl.innerHTML = val);
     }
   }, {
     key: "dark",
     get: function get() {
       return Boolean(this.isDark);
-    } // Apply current theme default
+    }
+    // Apply current theme default
     // only called on client side
     ,
     set: function set(val) {
       var oldDark = this.isDark;
-      this.isDark = val; // Only apply theme after dark
+      this.isDark = val;
+      // Only apply theme after dark
       // has already been set before
-
       oldDark != null && this.applyTheme();
     }
   }, {
@@ -117,49 +91,45 @@ var Theme = /*#__PURE__*/function (_Service) {
     key: "clearCss",
     value: function clearCss() {
       this.css = '';
-    } // Initialize theme for SSR and SPA
+    }
+    // Initialize theme for SSR and SPA
     // Attach to ssrContext head or
     // apply new theme to document
-
   }, {
     key: "init",
     value: function init(root, ssrContext) {
       if (this.disabled) return;
       /* istanbul ignore else */
-
       if (root.$meta) {
         this.initKduMeta(root);
       } else if (ssrContext) {
         this.initSSR(ssrContext);
       }
-
       this.initTheme(root);
-    } // Allows for you to set target theme
-
+    }
+    // Allows for you to set target theme
   }, {
     key: "setTheme",
     value: function setTheme(theme, value) {
       this.themes[theme] = Object.assign(this.themes[theme], value);
       this.applyTheme();
-    } // Reset theme defaults
-
+    }
+    // Reset theme defaults
   }, {
     key: "resetThemes",
     value: function resetThemes() {
       this.themes.light = Object.assign({}, this.defaults.light);
       this.themes.dark = Object.assign({}, this.defaults.dark);
       this.applyTheme();
-    } // Check for existence of style element
-
+    }
+    // Check for existence of style element
   }, {
     key: "checkOrCreateStyleElement",
     value: function checkOrCreateStyleElement() {
       this.styleEl = document.getElementById('kdutify-theme-stylesheet');
       /* istanbul ignore next */
-
       if (this.styleEl) return true;
       this.genStyleElement(); // If doesn't have it, create it
-
       return Boolean(this.styleEl);
     }
   }, {
@@ -169,33 +139,28 @@ var Theme = /*#__PURE__*/function (_Service) {
       var dark = arguments.length > 1 ? arguments[1] : undefined;
       var defaultTheme = this.themes[dark ? 'dark' : 'light'];
       return Object.assign({}, defaultTheme, theme);
-    } // Generate the style element
+    }
+    // Generate the style element
     // if applicable
-
   }, {
     key: "genStyleElement",
     value: function genStyleElement() {
       /* istanbul ignore if */
       if (typeof document === 'undefined') return;
       /* istanbul ignore next */
-
       this.styleEl = document.createElement('style');
       this.styleEl.type = 'text/css';
       this.styleEl.id = 'kdutify-theme-stylesheet';
-
       if (this.options.cspNonce) {
         this.styleEl.setAttribute('nonce', this.options.cspNonce);
       }
-
       document.head.appendChild(this.styleEl);
     }
   }, {
     key: "initKduMeta",
     value: function initKduMeta(root) {
       var _this2 = this;
-
       this.kduMeta = root.$meta();
-
       if (this.isKduMeta23) {
         // kdu-meta needs to apply after mounted()
         root.$nextTick(function () {
@@ -203,16 +168,13 @@ var Theme = /*#__PURE__*/function (_Service) {
         });
         return;
       }
-
       var metaKeyName = typeof this.kduMeta.getOptions === 'function' ? this.kduMeta.getOptions().keyName : 'metaInfo';
       var metaInfo = root.$options[metaKeyName] || {};
-
       root.$options[metaKeyName] = function () {
         metaInfo.style = metaInfo.style || [];
         var kdutifyStylesheet = metaInfo.style.find(function (s) {
           return s.id === 'kdutify-theme-stylesheet';
         });
-
         if (!kdutifyStylesheet) {
           metaInfo.style.push({
             cssText: _this2.generatedStyles,
@@ -223,7 +185,6 @@ var Theme = /*#__PURE__*/function (_Service) {
         } else {
           kdutifyStylesheet.cssText = _this2.generatedStyles;
         }
-
         return metaInfo;
       };
     }
@@ -231,8 +192,7 @@ var Theme = /*#__PURE__*/function (_Service) {
     key: "applyKduMeta23",
     value: function applyKduMeta23() {
       var _this$kduMeta$addApp = this.kduMeta.addApp('kdutify'),
-          set = _this$kduMeta$addApp.set;
-
+        set = _this$kduMeta$addApp.set;
       set({
         style: [{
           cssText: this.generatedStyles,
@@ -254,22 +214,19 @@ var Theme = /*#__PURE__*/function (_Service) {
     key: "initTheme",
     value: function initTheme(root) {
       var _this3 = this;
-
       // Only watch for reactivity on client side
-      if (typeof document === 'undefined') return; // If we get here somehow, ensure
+      if (typeof document === 'undefined') return;
+      // If we get here somehow, ensure
       // existing instance is removed
-
       if (this.unwatch) {
         this.unwatch();
         this.unwatch = null;
-      } // TODO: Update to use RFC if merged
-
-
+      }
+      // TODO: Update to use RFC if merged
       root.$once('hook:created', function () {
         var obs = _kdu.default.observable({
           themes: _this3.themes
         });
-
         _this3.unwatch = root.$watch(function () {
           return obs.themes;
         }, function () {
@@ -291,45 +248,34 @@ var Theme = /*#__PURE__*/function (_Service) {
     get: function get() {
       var theme = this.parsedTheme;
       /* istanbul ignore next */
-
       var options = this.options || {};
       var css;
-
       if (options.themeCache != null) {
         css = options.themeCache.get(theme);
         /* istanbul ignore if */
-
         if (css != null) return css;
       }
-
       css = ThemeUtils.genStyles(theme, options.customProperties);
-
       if (options.minifyTheme != null) {
         css = options.minifyTheme(css);
       }
-
       if (options.themeCache != null) {
         options.themeCache.set(theme, css);
       }
-
       return css;
     }
   }, {
     key: "parsedTheme",
     get: function get() {
       return ThemeUtils.parse(this.currentTheme || {}, undefined, (0, _helpers.getNestedValue)(this.options, ['variations'], true));
-    } // Is using v2.3 of kdu-meta
-
+    }
+    // Is using v2.3 of kdu-meta
   }, {
     key: "isKduMeta23",
     get: function get() {
       return typeof this.kduMeta.addApp === 'function';
     }
   }]);
-
-  return Theme;
 }(_service.Service);
-
-exports.Theme = Theme;
 Theme.property = 'theme';
 //# sourceMappingURL=index.js.map

package/es5/services/theme/index.js.map

@@ -1 +1 @@
-{"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'\nimport { getNestedValue } from '../../util/helpers'\n\n// Types\nimport Kdu from 'kdu'\nimport { KdutifyPreset } from 'kdutify/types/services/presets'\nimport {\n  KdutifyParsedTheme,\n  KdutifyThemes,\n  KdutifyThemeVariant,\n  Theme as ITheme,\n} from 'kdutify/types/services/theme'\n\nexport class Theme extends Service {\n  static property: 'theme' = 'theme'\n\n  public disabled = false\n\n  public options: ITheme['options']\n\n  public styleEl?: HTMLStyleElement\n\n  public themes: KdutifyThemes\n\n  public defaults: KdutifyThemes\n\n  private isDark = null as boolean | null\n\n  private unwatch = null as (() => void) | null\n\n  private kduMeta = null as any | null\n\n  constructor (preset: KdutifyPreset) {\n    super()\n\n    const {\n      dark,\n      disable,\n      options,\n      themes,\n    } = preset[Theme.property]\n\n    this.dark = Boolean(dark)\n    this.defaults = this.themes = themes\n    this.options = options\n\n    if (disable) {\n      this.disabled = true\n\n      return\n    }\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 and apply new values\n  /* eslint-disable-next-line accessor-pairs */\n  set css (val: string) {\n    if (this.kduMeta) {\n      if (this.isKduMeta23) {\n        this.applyKduMeta23()\n      }\n      return\n    }\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: Kdu, ssrContext?: any): void {\n    if (this.disabled) return\n\n    /* istanbul ignore else */\n    if ((root as any).$meta) {\n      this.initKduMeta(root)\n    } else if (ssrContext) {\n      this.initSSR(ssrContext)\n    }\n\n    this.initTheme(root)\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('kdutify-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<KdutifyThemeVariant> = {},\n    dark: boolean\n  ): KdutifyThemeVariant {\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    /* istanbul ignore if */\n    if (typeof document === 'undefined') return\n\n    /* istanbul ignore next */\n    this.styleEl = document.createElement('style')\n    this.styleEl.type = 'text/css'\n    this.styleEl.id = 'kdutify-theme-stylesheet'\n\n    if (this.options.cspNonce) {\n      this.styleEl.setAttribute('nonce', this.options.cspNonce)\n    }\n\n    document.head.appendChild(this.styleEl)\n  }\n\n  private initKduMeta (root: any) {\n    this.kduMeta = root.$meta()\n    if (this.isKduMeta23) {\n      // kdu-meta needs to apply after mounted()\n      root.$nextTick(() => {\n        this.applyKduMeta23()\n      })\n      return\n    }\n\n    const metaKeyName = typeof this.kduMeta.getOptions === 'function' ? this.kduMeta.getOptions().keyName : 'metaInfo'\n    const metaInfo = root.$options[metaKeyName] || {}\n\n    root.$options[metaKeyName] = () => {\n      metaInfo.style = metaInfo.style || []\n\n      const kdutifyStylesheet = metaInfo.style.find((s: any) => s.id === 'kdutify-theme-stylesheet')\n\n      if (!kdutifyStylesheet) {\n        metaInfo.style.push({\n          cssText: this.generatedStyles,\n          type: 'text/css',\n          id: 'kdutify-theme-stylesheet',\n          nonce: (this.options || {}).cspNonce,\n        })\n      } else {\n        kdutifyStylesheet.cssText = this.generatedStyles\n      }\n\n      return metaInfo\n    }\n  }\n\n  private applyKduMeta23 () {\n    const { set } = this.kduMeta.addApp('kdutify')\n\n    set({\n      style: [{\n        cssText: this.generatedStyles,\n        type: 'text/css',\n        id: 'kdutify-theme-stylesheet',\n        nonce: this.options.cspNonce,\n      }],\n    })\n  }\n\n  private initSSR (ssrContext?: any) {\n    // SSR\n    const nonce = this.options.cspNonce ? ` nonce=\"${this.options.cspNonce}\"` : ''\n    ssrContext.head = ssrContext.head || ''\n    ssrContext.head += `<style type=\"text/css\" id=\"kdutify-theme-stylesheet\"${nonce}>${this.generatedStyles}</style>`\n  }\n\n  private initTheme (root: Kdu) {\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.unwatch) {\n      this.unwatch()\n      this.unwatch = null\n    }\n\n    // TODO: Update to use RFC if merged\n    root.$once('hook:created', () => {\n      const obs = Kdu.observable({ themes: this.themes })\n      this.unwatch = root.$watch(() => obs.themes, () => this.applyTheme(), { deep: true })\n    })\n    this.applyTheme()\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 (): KdutifyParsedTheme {\n    return ThemeUtils.parse(\n      this.currentTheme || {},\n      undefined,\n      getNestedValue(this.options, ['variations'], true)\n    )\n  }\n\n  // Is using v2.3 of kdu-meta\n  private get isKduMeta23 (): boolean {\n    return typeof this.kduMeta.addApp === 'function'\n  }\n}\n"],"sourceRoot":"","file":"index.js"}
+{"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'\nimport { getNestedValue } from '../../util/helpers'\n\n// Types\nimport Kdu from 'kdu'\nimport { KdutifyPreset } from 'kdutify/types/services/presets'\nimport {\n  KdutifyParsedTheme,\n  KdutifyThemes,\n  KdutifyThemeVariant,\n  Theme as ITheme,\n} from 'kdutify/types/services/theme'\n\nexport class Theme extends Service {\n  static property: 'theme' = 'theme'\n\n  public disabled = false\n\n  public options: ITheme['options']\n\n  public styleEl?: HTMLStyleElement\n\n  public themes: KdutifyThemes\n\n  public defaults: KdutifyThemes\n\n  private isDark = null as boolean | null\n\n  private unwatch = null as (() => void) | null\n\n  private kduMeta = null as any | null\n\n  constructor (preset: KdutifyPreset) {\n    super()\n\n    const {\n      dark,\n      disable,\n      options,\n      themes,\n    } = preset[Theme.property]\n\n    this.dark = Boolean(dark)\n    this.defaults = this.themes = themes\n    this.options = options\n\n    if (disable) {\n      this.disabled = true\n\n      return\n    }\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 and apply new values\n  /* eslint-disable-next-line accessor-pairs */\n  set css (val: string) {\n    if (this.kduMeta) {\n      if (this.isKduMeta23) {\n        this.applyKduMeta23()\n      }\n      return\n    }\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: Kdu, ssrContext?: any): void {\n    if (this.disabled) return\n\n    /* istanbul ignore else */\n    if ((root as any).$meta) {\n      this.initKduMeta(root)\n    } else if (ssrContext) {\n      this.initSSR(ssrContext)\n    }\n\n    this.initTheme(root)\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('kdutify-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<KdutifyThemeVariant> = {},\n    dark: boolean\n  ): KdutifyThemeVariant {\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    /* istanbul ignore if */\n    if (typeof document === 'undefined') return\n\n    /* istanbul ignore next */\n    this.styleEl = document.createElement('style')\n    this.styleEl.type = 'text/css'\n    this.styleEl.id = 'kdutify-theme-stylesheet'\n\n    if (this.options.cspNonce) {\n      this.styleEl.setAttribute('nonce', this.options.cspNonce)\n    }\n\n    document.head.appendChild(this.styleEl)\n  }\n\n  private initKduMeta (root: any) {\n    this.kduMeta = root.$meta()\n    if (this.isKduMeta23) {\n      // kdu-meta needs to apply after mounted()\n      root.$nextTick(() => {\n        this.applyKduMeta23()\n      })\n      return\n    }\n\n    const metaKeyName = typeof this.kduMeta.getOptions === 'function' ? this.kduMeta.getOptions().keyName : 'metaInfo'\n    const metaInfo = root.$options[metaKeyName] || {}\n\n    root.$options[metaKeyName] = () => {\n      metaInfo.style = metaInfo.style || []\n\n      const kdutifyStylesheet = metaInfo.style.find((s: any) => s.id === 'kdutify-theme-stylesheet')\n\n      if (!kdutifyStylesheet) {\n        metaInfo.style.push({\n          cssText: this.generatedStyles,\n          type: 'text/css',\n          id: 'kdutify-theme-stylesheet',\n          nonce: (this.options || {}).cspNonce,\n        })\n      } else {\n        kdutifyStylesheet.cssText = this.generatedStyles\n      }\n\n      return metaInfo\n    }\n  }\n\n  private applyKduMeta23 () {\n    const { set } = this.kduMeta.addApp('kdutify')\n\n    set({\n      style: [{\n        cssText: this.generatedStyles,\n        type: 'text/css',\n        id: 'kdutify-theme-stylesheet',\n        nonce: this.options.cspNonce,\n      }],\n    })\n  }\n\n  private initSSR (ssrContext?: any) {\n    // SSR\n    const nonce = this.options.cspNonce ? ` nonce=\"${this.options.cspNonce}\"` : ''\n    ssrContext.head = ssrContext.head || ''\n    ssrContext.head += `<style type=\"text/css\" id=\"kdutify-theme-stylesheet\"${nonce}>${this.generatedStyles}</style>`\n  }\n\n  private initTheme (root: Kdu) {\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.unwatch) {\n      this.unwatch()\n      this.unwatch = null\n    }\n\n    // TODO: Update to use RFC if merged\n    root.$once('hook:created', () => {\n      const obs = Kdu.observable({ themes: this.themes })\n      this.unwatch = root.$watch(() => obs.themes, () => this.applyTheme(), { deep: true })\n    })\n    this.applyTheme()\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 (): KdutifyParsedTheme {\n    return ThemeUtils.parse(\n      this.currentTheme || {},\n      undefined,\n      getNestedValue(this.options, ['variations'], true)\n    )\n  }\n\n  // Is using v2.3 of kdu-meta\n  private get isKduMeta23 (): boolean {\n    return typeof this.kduMeta.addApp === 'function'\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/services/theme/utils.js

@@ -3,57 +3,38 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parse = parse;
+exports.darken = darken;
 exports.genStyles = genStyles;
 exports.genVariations = genVariations;
 exports.lighten = lighten;
-exports.darken = darken;
-
+exports.parse = parse;
 var _helpers = require("../../util/helpers");
-
 var _colorUtils = require("../../util/colorUtils");
-
 var sRGB = _interopRequireWildcard(require("../../util/color/transformSRGB"));
-
 var LAB = _interopRequireWildcard(require("../../util/color/transformCIELAB"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
+var _excluded = ["anchor"],
+  _excluded2 = ["anchor"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function parse(theme) {
   var isItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var variations = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
   var anchor = theme.anchor,
-      variant = _objectWithoutProperties(theme, ["anchor"]);
-
+    variant = _objectWithoutProperties(theme, _excluded);
   var colors = Object.keys(variant);
   var parsedTheme = {};
-
   for (var i = 0; i < colors.length; ++i) {
     var name = colors[i];
     var value = theme[name];
     if (value == null) continue;
-
     if (!variations) {
       parsedTheme[name] = {
         base: (0, _colorUtils.intToHex)((0, _colorUtils.colorToInt)(value))
@@ -69,51 +50,39 @@ function parse(theme) {
       parsedTheme[name] = genVariations(name, (0, _colorUtils.colorToInt)(value));
     }
   }
-
   if (!isItem) {
     parsedTheme.anchor = anchor || parsedTheme.base || parsedTheme.primary.base;
   }
-
   return parsedTheme;
 }
 /**
  * Generate the CSS for a base color (.primary)
  */
-
-
 var genBaseColor = function genBaseColor(name, value) {
   return "\n.k-application .".concat(name, " {\n  background-color: ").concat(value, " !important;\n  border-color: ").concat(value, " !important;\n}\n.k-application .").concat(name, "--text {\n  color: ").concat(value, " !important;\n  caret-color: ").concat(value, " !important;\n}");
 };
 /**
  * Generate the CSS for a variant color (.primary.darken-2)
  */
-
-
 var genVariantColor = function genVariantColor(name, variant, value) {
   var _variant$split = variant.split(/(\d)/, 2),
-      _variant$split2 = _slicedToArray(_variant$split, 2),
-      type = _variant$split2[0],
-      n = _variant$split2[1];
-
+    _variant$split2 = _slicedToArray(_variant$split, 2),
+    type = _variant$split2[0],
+    n = _variant$split2[1];
   return "\n.k-application .".concat(name, ".").concat(type, "-").concat(n, " {\n  background-color: ").concat(value, " !important;\n  border-color: ").concat(value, " !important;\n}\n.k-application .").concat(name, "--text.text--").concat(type, "-").concat(n, " {\n  color: ").concat(value, " !important;\n  caret-color: ").concat(value, " !important;\n}");
 };
-
 var genColorVariableName = function genColorVariableName(name) {
   var variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'base';
   return "--k-".concat(name, "-").concat(variant);
 };
-
 var genColorVariable = function genColorVariable(name) {
   var variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'base';
   return "var(".concat(genColorVariableName(name, variant), ")");
 };
-
 function genStyles(theme) {
   var cssVar = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
   var anchor = theme.anchor,
-      variant = _objectWithoutProperties(theme, ["anchor"]);
-
+    variant = _objectWithoutProperties(theme, _excluded2);
   var colors = Object.keys(variant);
   if (!colors.length) return '';
   var variablesCss = '';
@@ -121,52 +90,42 @@ function genStyles(theme) {
   var aColor = cssVar ? genColorVariable('anchor') : anchor;
   css += ".k-application a { color: ".concat(aColor, "; }");
   cssVar && (variablesCss += "  ".concat(genColorVariableName('anchor'), ": ").concat(anchor, ";\n"));
-
   for (var i = 0; i < colors.length; ++i) {
     var name = colors[i];
     var value = theme[name];
     css += genBaseColor(name, cssVar ? genColorVariable(name) : value.base);
     cssVar && (variablesCss += "  ".concat(genColorVariableName(name), ": ").concat(value.base, ";\n"));
     var variants = (0, _helpers.keys)(value);
-
-    for (var _i2 = 0; _i2 < variants.length; ++_i2) {
-      var _variant = variants[_i2];
+    for (var _i = 0; _i < variants.length; ++_i) {
+      var _variant = variants[_i];
       var variantValue = value[_variant];
       if (_variant === 'base') continue;
       css += genVariantColor(name, _variant, cssVar ? genColorVariable(name, _variant) : variantValue);
       cssVar && (variablesCss += "  ".concat(genColorVariableName(name, _variant), ": ").concat(variantValue, ";\n"));
     }
   }
-
   if (cssVar) {
     variablesCss = ":root {\n".concat(variablesCss, "}\n\n");
   }
-
   return variablesCss + css;
 }
-
 function genVariations(name, value) {
   var values = {
     base: (0, _colorUtils.intToHex)(value)
   };
-
   for (var i = 5; i > 0; --i) {
     values["lighten".concat(i)] = (0, _colorUtils.intToHex)(lighten(value, i));
   }
-
-  for (var _i3 = 1; _i3 <= 4; ++_i3) {
-    values["darken".concat(_i3)] = (0, _colorUtils.intToHex)(darken(value, _i3));
+  for (var _i2 = 1; _i2 <= 4; ++_i2) {
+    values["darken".concat(_i2)] = (0, _colorUtils.intToHex)(darken(value, _i2));
   }
-
   return values;
 }
-
 function lighten(value, amount) {
   var lab = LAB.fromXYZ(sRGB.toXYZ(value));
   lab[0] = lab[0] + amount * 10;
   return sRGB.fromXYZ(LAB.toXYZ(lab));
 }
-
 function darken(value, amount) {
   var lab = LAB.fromXYZ(sRGB.toXYZ(value));
   lab[0] = lab[0] - amount * 10;