kdutify 2.6.0 → 2.7.2

package/lib/mixins/stackable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/stackable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA,SAAS,SAAT,QAA0B,oBAA1B;AAQA;;AACA,eAAe,GAAG,CAAC,MAAJ,GAAsB,MAAtB,CAA6B;AAC1C,EAAA,IAAI,EAAE,WADoC;;AAG1C,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,YAAY,EAAE,IADT;AAEL,MAAA,YAAY,EAAE,IAFT;AAGL,MAAA,cAAc,EAAE,CAHX;AAIL,MAAA,QAAQ,EAAE;AAJL,KAAP;AAMD,GAVyC;;AAW1C,EAAA,QAAQ,EAAE;AACR,IAAA,YAAY,GAAA;AACV,UAAI,OAAO,MAAP,KAAkB,WAAtB,EAAmC,OAAO,CAAP;AAEnC,YAAM,OAAO,GAAG,KAAK,YAAL,IAAqB,KAAK,KAAL,CAAW,OAAhD,CAHU,CAIV;;AAEA,YAAM,KAAK,GAAG,CAAC,KAAK,QAAN,GACV,SAAS,CAAC,OAAD,CADC,GAEV,KAAK,YAAL,CAAkB,KAAK,YAAL,IAAqB,CAAC,OAAD,CAAvC,IAAoD,CAFxD;AAIA,UAAI,KAAK,IAAI,IAAb,EAAmB,OAAO,KAAP,CAVT,CAYV;AACA;;AACA,aAAO,QAAQ,CAAC,KAAD,CAAf;AACD;;AAhBO,GAXgC;AA6B1C,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,CAAE,OAAA,GAAqB,EAAvB,EAAyB;AACnC,YAAM,IAAI,GAAG,KAAK,GAAlB,CADmC,CAEnC;AACA;;AACA,YAAM,GAAG,GAAG,CAAC,KAAK,cAAN,EAAsB,SAAS,CAAC,IAAD,CAA/B,CAAZ,CAJmC,CAKnC;AACA;;AACA,YAAM,cAAc,GAAG,CACrB,GAAG,QAAQ,CAAC,sBAAT,CAAgC,yBAAhC,CADkB,EAErB,GAAG,QAAQ,CAAC,sBAAT,CAAgC,2BAAhC,CAFkB,CAAvB,CAPmC,CAYnC;;AACA,WAAK,IAAI,KAAK,GAAG,CAAjB,EAAoB,KAAK,GAAG,cAAc,CAAC,MAA3C,EAAmD,KAAK,EAAxD,EAA4D;AAC1D,YAAI,CAAC,OAAO,CAAC,QAAR,CAAiB,cAAc,CAAC,KAAD,CAA/B,CAAL,EAA8C;AAC5C,UAAA,GAAG,CAAC,IAAJ,CAAS,SAAS,CAAC,cAAc,CAAC,KAAD,CAAf,CAAlB;AACD;AACF;;AAED,aAAO,IAAI,CAAC,GAAL,CAAS,GAAG,GAAZ,CAAP;AACD;;AArBM;AA7BiC,CAA7B,CAAf","sourcesContent":["import Kdu from 'kdu'\n\nimport { getZIndex } from '../../util/helpers'\n\ninterface options extends Kdu {\n  $refs: {\n    content: Element\n  }\n}\n\n/* @kdujs/component */\nexport default Kdu.extend<options>().extend({\n  name: 'stackable',\n\n  data () {\n    return {\n      stackElement: null as Element | null,\n      stackExclude: null as Element[] | null,\n      stackMinZIndex: 0,\n      isActive: false,\n    }\n  },\n  computed: {\n    activeZIndex (): number {\n      if (typeof window === 'undefined') return 0\n\n      const content = this.stackElement || this.$refs.content\n      // Return current zindex if not active\n\n      const index = !this.isActive\n        ? getZIndex(content)\n        : this.getMaxZIndex(this.stackExclude || [content]) + 2\n\n      if (index == null) return index\n\n      // Return max current z-index (excluding self) + 2\n      // (2 to leave room for an overlay below, if needed)\n      return parseInt(index)\n    },\n  },\n  methods: {\n    getMaxZIndex (exclude: Element[] = []) {\n      const base = this.$el\n      // Start with lowest allowed z-index or z-index of\n      // base component's element, whichever is greater\n      const zis = [this.stackMinZIndex, getZIndex(base)]\n      // Convert the NodeList to an array to\n      // prevent an Edge bug with Symbol.iterator\n      const activeElements = [\n        ...document.getElementsByClassName('k-menu__content--active'),\n        ...document.getElementsByClassName('k-dialog__content--active'),\n      ]\n\n      // Get z-index for all active dialogs\n      for (let index = 0; index < activeElements.length; index++) {\n        if (!exclude.includes(activeElements[index])) {\n          zis.push(getZIndex(activeElements[index]))\n        }\n      }\n\n      return Math.max(...zis)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/stackable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB,SAAS,SAAS,QAAQ,oBAAoB;AAQ9C;AACA,eAAe,GAAG,CAAC,MAAM,CAAA,CAAW,CAAC,MAAM,CAAC;EAC1C,IAAI,EAAE,WAAW;EAEjB,IAAI,CAAA,EAAA;IACF,OAAO;MACL,YAAY,EAAE,IAAsB;MACpC,YAAY,EAAE,IAAwB;MACtC,cAAc,EAAE,CAAC;MACjB,QAAQ,EAAE;KACX;EACH,CAAC;EACD,QAAQ,EAAE;IACR,YAAY,CAAA,EAAA;MACV,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,CAAC;MAE3C,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;MACvD;MAEA,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,GACxB,SAAS,CAAC,OAAO,CAAC,GAClB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC;MAEzD,IAAI,KAAK,IAAI,IAAI,EAAE,OAAO,KAAK;MAE/B;MACA;MACA,OAAO,QAAQ,CAAC,KAAK,CAAC;IACxB;GACD;EACD,OAAO,EAAE;IACP,YAAY,CAAE,OAAA,GAAqB,EAAE,EAAA;MACnC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG;MACrB;MACA;MACA,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;MAClD;MACA;MACA,MAAM,cAAc,GAAG,CACrB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,yBAAyB,CAAC,EAC7D,GAAG,QAAQ,CAAC,sBAAsB,CAAC,2BAA2B,CAAC,CAChE;MAED;MACA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC1D,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE;UAC5C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3C;MACF;MAED,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACzB;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\nimport { getZIndex } from '../../util/helpers'\n\ninterface options extends Kdu {\n  $refs: {\n    content: Element\n  }\n}\n\n/* @kdujs/component */\nexport default Kdu.extend<options>().extend({\n  name: 'stackable',\n\n  data () {\n    return {\n      stackElement: null as Element | null,\n      stackExclude: null as Element[] | null,\n      stackMinZIndex: 0,\n      isActive: false,\n    }\n  },\n  computed: {\n    activeZIndex (): number {\n      if (typeof window === 'undefined') return 0\n\n      const content = this.stackElement || this.$refs.content\n      // Return current zindex if not active\n\n      const index = !this.isActive\n        ? getZIndex(content)\n        : this.getMaxZIndex(this.stackExclude || [content]) + 2\n\n      if (index == null) return index\n\n      // Return max current z-index (excluding self) + 2\n      // (2 to leave room for an overlay below, if needed)\n      return parseInt(index)\n    },\n  },\n  methods: {\n    getMaxZIndex (exclude: Element[] = []) {\n      const base = this.$el\n      // Start with lowest allowed z-index or z-index of\n      // base component's element, whichever is greater\n      const zis = [this.stackMinZIndex, getZIndex(base)]\n      // Convert the NodeList to an array to\n      // prevent an Edge bug with Symbol.iterator\n      const activeElements = [\n        ...document.getElementsByClassName('k-menu__content--active'),\n        ...document.getElementsByClassName('k-dialog__content--active'),\n      ]\n\n      // Get z-index for all active dialogs\n      for (let index = 0; index < activeElements.length; index++) {\n        if (!exclude.includes(activeElements[index])) {\n          zis.push(getZIndex(activeElements[index]))\n        }\n      }\n\n      return Math.max(...zis)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/themeable/index.js

@@ -1,15 +1,12 @@
 import Kdu from 'kdu';
 /* @kdujs/component */
-
 const Themeable = Kdu.extend().extend({
   name: 'themeable',
-
   provide() {
     return {
       theme: this.themeableProvide
     };
   },
-
   inject: {
     theme: {
       default: {
@@ -27,7 +24,6 @@ const Themeable = Kdu.extend().extend({
       default: null
     }
   },
-
   data() {
     return {
       themeableProvide: {
@@ -35,12 +31,10 @@ const Themeable = Kdu.extend().extend({
       }
     };
   },
-
   computed: {
     appIsDark() {
       return this.$kdutify.theme.dark || false;
     },
-
     isDark() {
       if (this.dark === true) {
         // explicitly dark
@@ -53,14 +47,12 @@ const Themeable = Kdu.extend().extend({
         return this.theme.isDark;
       }
     },
-
     themeClasses() {
       return {
         'theme--dark': this.isDark,
         'theme--light': !this.isDark
       };
     },
-
     /** Used by menus and dialogs, inherits from k-app instead of the parent */
     rootIsDark() {
       if (this.dark === true) {
@@ -74,14 +66,12 @@ const Themeable = Kdu.extend().extend({
         return this.appIsDark;
       }
     },
-
     rootThemeClasses() {
       return {
         'theme--dark': this.rootIsDark,
         'theme--light': !this.rootIsDark
       };
     }
-
   },
   watch: {
     isDark: {
@@ -90,14 +80,14 @@ const Themeable = Kdu.extend().extend({
           this.themeableProvide.isDark = this.isDark;
         }
       },
-
       immediate: true
     }
   }
 });
 export default Themeable;
 export function functionalThemeClasses(context) {
-  const vm = { ...context.props,
+  const vm = {
+    ...context.props,
     ...context.injections
   };
   const isDark = Themeable.options.computed.isDark.call(vm);

package/lib/mixins/themeable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/themeable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AASA;;AACA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAJ,GAAsB,MAAtB,CAA6B;AAC7C,EAAA,IAAI,EAAE,WADuC;;AAG7C,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,KAAK,EAAE,KAAK;AADP,KAAP;AAGD,GAP4C;;AAS7C,EAAA,MAAM,EAAE;AACN,IAAA,KAAK,EAAE;AACL,MAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AADD;AADJ;AADD,GATqC;AAiB7C,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,OADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KADD;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AALF,GAjBsC;;AA4B7C,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,gBAAgB,EAAE;AAChB,QAAA,MAAM,EAAE;AADQ;AADb,KAAP;AAKD,GAlC4C;;AAoC7C,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,QAAL,CAAc,KAAd,CAAoB,IAApB,IAA4B,KAAnC;AACD,KAHO;;AAIR,IAAA,MAAM,GAAA;AACJ,UAAI,KAAK,IAAL,KAAc,IAAlB,EAAwB;AACtB;AACA,eAAO,IAAP;AACD,OAHD,MAGO,IAAI,KAAK,KAAL,KAAe,IAAnB,EAAyB;AAC9B;AACA,eAAO,KAAP;AACD,OAHM,MAGA;AACL;AACA,eAAO,KAAK,KAAL,CAAW,MAAlB;AACD;AACF,KAfO;;AAgBR,IAAA,YAAY,GAAA;AACV,aAAO;AACL,uBAAe,KAAK,MADf;AAEL,wBAAgB,CAAC,KAAK;AAFjB,OAAP;AAID,KArBO;;AAsBR;AACA,IAAA,UAAU,GAAA;AACR,UAAI,KAAK,IAAL,KAAc,IAAlB,EAAwB;AACtB;AACA,eAAO,IAAP;AACD,OAHD,MAGO,IAAI,KAAK,KAAL,KAAe,IAAnB,EAAyB;AAC9B;AACA,eAAO,KAAP;AACD,OAHM,MAGA;AACL;AACA,eAAO,KAAK,SAAZ;AACD;AACF,KAlCO;;AAmCR,IAAA,gBAAgB,GAAA;AACd,aAAO;AACL,uBAAe,KAAK,UADf;AAEL,wBAAgB,CAAC,KAAK;AAFjB,OAAP;AAID;;AAxCO,GApCmC;AA+E7C,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AACN,MAAA,OAAO,CAAE,MAAF,EAAU,MAAV,EAAgB;AACrB,YAAI,MAAM,KAAK,MAAf,EAAuB;AACrB,eAAK,gBAAL,CAAsB,MAAtB,GAA+B,KAAK,MAApC;AACD;AACF,OALK;;AAMN,MAAA,SAAS,EAAE;AANL;AADH;AA/EsC,CAA7B,CAAlB;AA2FA,eAAe,SAAf;AAEA,OAAM,SAAU,sBAAV,CAAkC,OAAlC,EAAwD;AAC5D,QAAM,EAAE,GAAG,EACT,GAAG,OAAO,CAAC,KADF;AAET,OAAG,OAAO,CAAC;AAFF,GAAX;AAIA,QAAM,MAAM,GAAG,SAAS,CAAC,OAAV,CAAkB,QAAlB,CAA2B,MAA3B,CAAkC,IAAlC,CAAuC,EAAvC,CAAf;AACA,SAAO,SAAS,CAAC,OAAV,CAAkB,QAAlB,CAA2B,YAA3B,CAAwC,IAAxC,CAA6C;AAAE,IAAA;AAAF,GAA7C,CAAP;AACD","sourcesContent":["import Kdu from 'kdu'\nimport { PropType, RenderContext } from 'kdu/types/options'\n\ninterface options extends Kdu {\n  theme: {\n    isDark: boolean\n  }\n}\n\n/* @kdujs/component */\nconst Themeable = Kdu.extend<options>().extend({\n  name: 'themeable',\n\n  provide (): object {\n    return {\n      theme: this.themeableProvide,\n    }\n  },\n\n  inject: {\n    theme: {\n      default: {\n        isDark: false,\n      },\n    },\n  },\n\n  props: {\n    dark: {\n      type: Boolean as PropType<boolean | null>,\n      default: null,\n    },\n    light: {\n      type: Boolean as PropType<boolean | null>,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      themeableProvide: {\n        isDark: false,\n      },\n    }\n  },\n\n  computed: {\n    appIsDark (): boolean {\n      return this.$kdutify.theme.dark || false\n    },\n    isDark (): boolean {\n      if (this.dark === true) {\n        // explicitly dark\n        return true\n      } else if (this.light === true) {\n        // explicitly light\n        return false\n      } else {\n        // inherit from parent, or default false if there is none\n        return this.theme.isDark\n      }\n    },\n    themeClasses (): object {\n      return {\n        'theme--dark': this.isDark,\n        'theme--light': !this.isDark,\n      }\n    },\n    /** Used by menus and dialogs, inherits from k-app instead of the parent */\n    rootIsDark (): boolean {\n      if (this.dark === true) {\n        // explicitly dark\n        return true\n      } else if (this.light === true) {\n        // explicitly light\n        return false\n      } else {\n        // inherit from k-app\n        return this.appIsDark\n      }\n    },\n    rootThemeClasses (): Dictionary<boolean> {\n      return {\n        'theme--dark': this.rootIsDark,\n        'theme--light': !this.rootIsDark,\n      }\n    },\n  },\n\n  watch: {\n    isDark: {\n      handler (newVal, oldVal) {\n        if (newVal !== oldVal) {\n          this.themeableProvide.isDark = this.isDark\n        }\n      },\n      immediate: true,\n    },\n  },\n})\n\nexport default Themeable\n\nexport function functionalThemeClasses (context: RenderContext): object {\n  const vm = {\n    ...context.props,\n    ...context.injections,\n  }\n  const isDark = Themeable.options.computed.isDark.call(vm)\n  return Themeable.options.computed.themeClasses.call({ isDark })\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/themeable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AASrB;AACA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAA,CAAW,CAAC,MAAM,CAAC;EAC7C,IAAI,EAAE,WAAW;EAEjB,OAAO,CAAA,EAAA;IACL,OAAO;MACL,KAAK,EAAE,IAAI,CAAC;KACb;EACH,CAAC;EAED,MAAM,EAAE;IACN,KAAK,EAAE;MACL,OAAO,EAAE;QACP,MAAM,EAAE;MACT;IACF;GACF;EAED,KAAK,EAAE;IACL,IAAI,EAAE;MACJ,IAAI,EAAE,OAAmC;MACzC,OAAO,EAAE;KACV;IACD,KAAK,EAAE;MACL,IAAI,EAAE,OAAmC;MACzC,OAAO,EAAE;IACV;GACF;EAED,IAAI,CAAA,EAAA;IACF,OAAO;MACL,gBAAgB,EAAE;QAChB,MAAM,EAAE;MACT;KACF;EACH,CAAC;EAED,QAAQ,EAAE;IACR,SAAS,CAAA,EAAA;MACP,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK;IAC1C,CAAC;IACD,MAAM,CAAA,EAAA;MACJ,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;QACtB;QACA,OAAO,IAAI;OACZ,MAAM,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;QAC9B;QACA,OAAO,KAAK;OACb,MAAM;QACL;QACA,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;MACzB;IACH,CAAC;IACD,YAAY,CAAA,EAAA;MACV,OAAO;QACL,aAAa,EAAE,IAAI,CAAC,MAAM;QAC1B,cAAc,EAAE,CAAC,IAAI,CAAC;OACvB;IACH,CAAC;IACD;IACA,UAAU,CAAA,EAAA;MACR,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;QACtB;QACA,OAAO,IAAI;OACZ,MAAM,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;QAC9B;QACA,OAAO,KAAK;OACb,MAAM;QACL;QACA,OAAO,IAAI,CAAC,SAAS;MACtB;IACH,CAAC;IACD,gBAAgB,CAAA,EAAA;MACd,OAAO;QACL,aAAa,EAAE,IAAI,CAAC,UAAU;QAC9B,cAAc,EAAE,CAAC,IAAI,CAAC;OACvB;IACH;GACD;EAED,KAAK,EAAE;IACL,MAAM,EAAE;MACN,OAAO,CAAE,MAAM,EAAE,MAAM,EAAA;QACrB,IAAI,MAAM,KAAK,MAAM,EAAE;UACrB,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;QAC3C;MACH,CAAC;MACD,SAAS,EAAE;IACZ;EACF;CACF,CAAC;AAEF,eAAe,SAAS;AAExB,OAAM,SAAU,sBAAsB,CAAE,OAAsB,EAAA;EAC5D,MAAM,EAAE,GAAG;IACT,GAAG,OAAO,CAAC,KAAK;IAChB,GAAG,OAAO,CAAC;GACZ;EACD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;EACzD,OAAO,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC;IAAE;EAAM,CAAE,CAAC;AACjE","sourcesContent":["import Kdu from 'kdu'\nimport { PropType, RenderContext } from 'kdu/types/options'\n\ninterface options extends Kdu {\n  theme: {\n    isDark: boolean\n  }\n}\n\n/* @kdujs/component */\nconst Themeable = Kdu.extend<options>().extend({\n  name: 'themeable',\n\n  provide (): object {\n    return {\n      theme: this.themeableProvide,\n    }\n  },\n\n  inject: {\n    theme: {\n      default: {\n        isDark: false,\n      },\n    },\n  },\n\n  props: {\n    dark: {\n      type: Boolean as PropType<boolean | null>,\n      default: null,\n    },\n    light: {\n      type: Boolean as PropType<boolean | null>,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      themeableProvide: {\n        isDark: false,\n      },\n    }\n  },\n\n  computed: {\n    appIsDark (): boolean {\n      return this.$kdutify.theme.dark || false\n    },\n    isDark (): boolean {\n      if (this.dark === true) {\n        // explicitly dark\n        return true\n      } else if (this.light === true) {\n        // explicitly light\n        return false\n      } else {\n        // inherit from parent, or default false if there is none\n        return this.theme.isDark\n      }\n    },\n    themeClasses (): object {\n      return {\n        'theme--dark': this.isDark,\n        'theme--light': !this.isDark,\n      }\n    },\n    /** Used by menus and dialogs, inherits from k-app instead of the parent */\n    rootIsDark (): boolean {\n      if (this.dark === true) {\n        // explicitly dark\n        return true\n      } else if (this.light === true) {\n        // explicitly light\n        return false\n      } else {\n        // inherit from k-app\n        return this.appIsDark\n      }\n    },\n    rootThemeClasses (): Dictionary<boolean> {\n      return {\n        'theme--dark': this.rootIsDark,\n        'theme--light': !this.rootIsDark,\n      }\n    },\n  },\n\n  watch: {\n    isDark: {\n      handler (newVal, oldVal) {\n        if (newVal !== oldVal) {\n          this.themeableProvide.isDark = this.isDark\n        }\n      },\n      immediate: true,\n    },\n  },\n})\n\nexport default Themeable\n\nexport function functionalThemeClasses (context: RenderContext): object {\n  const vm = {\n    ...context.props,\n    ...context.injections,\n  }\n  const isDark = Themeable.options.computed.isDark.call(vm)\n  return Themeable.options.computed.themeClasses.call({ isDark })\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/toggleable/index.js

@@ -11,27 +11,22 @@ export function factory(prop = 'value', event = 'input') {
         required: false
       }
     },
-
     data() {
       return {
         isActive: !!this[prop]
       };
     },
-
     watch: {
       [prop](val) {
         this.isActive = !!val;
       },
-
       isActive(val) {
         !!val !== this[prop] && this.$emit(event, val);
       }
-
     }
   });
 }
 /* eslint-disable-next-line @typescript-eslint/no-redeclare */
-
 const Toggleable = factory();
 export default Toggleable;
 //# sourceMappingURL=index.js.map

package/lib/mixins/toggleable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/toggleable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAoC,KAApC;AAKA,OAAM,SAAU,OAAV,CAAmB,IAAI,GAAG,OAA1B,EAAmC,KAAK,GAAG,OAA3C,EAAkD;AACtD,SAAO,GAAG,CAAC,MAAJ,CAAW;AAChB,IAAA,IAAI,EAAE,YADU;AAGhB,IAAA,KAAK,EAAE;AAAE,MAAA,IAAF;AAAQ,MAAA;AAAR,KAHS;AAKhB,IAAA,KAAK,EAAE;AACL,OAAC,IAAD,GAAQ;AAAE,QAAA,QAAQ,EAAE;AAAZ;AADH,KALS;;AAShB,IAAA,IAAI,GAAA;AACF,aAAO;AACL,QAAA,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAL;AADP,OAAP;AAGD,KAbe;;AAehB,IAAA,KAAK,EAAE;AACL,OAAC,IAAD,EAAQ,GAAR,EAAW;AACT,aAAK,QAAL,GAAgB,CAAC,CAAC,GAAlB;AACD,OAHI;;AAIL,MAAA,QAAQ,CAAE,GAAF,EAAK;AACX,SAAC,CAAC,GAAF,KAAU,KAAK,IAAL,CAAV,IAAwB,KAAK,KAAL,CAAW,KAAX,EAAkB,GAAlB,CAAxB;AACD;;AANI;AAfS,GAAX,CAAP;AAwBD;AAED;;AACA,MAAM,UAAU,GAAG,OAAO,EAA1B;AAEA,eAAe,UAAf","sourcesContent":["import Kdu, { KduConstructor } from 'kdu'\n\nexport type Toggleable<T extends string = 'value'> = KduConstructor<Kdu & { isActive: boolean } & Record<T, any>>\n\nexport function factory<T extends string = 'value'> (prop?: T, event?: string): Toggleable<T>\nexport function factory (prop = 'value', event = 'input') {\n  return Kdu.extend({\n    name: 'toggleable',\n\n    model: { prop, event },\n\n    props: {\n      [prop]: { required: false },\n    },\n\n    data () {\n      return {\n        isActive: !!this[prop],\n      }\n    },\n\n    watch: {\n      [prop] (val) {\n        this.isActive = !!val\n      },\n      isActive (val) {\n        !!val !== this[prop] && this.$emit(event, val)\n      },\n    },\n  })\n}\n\n/* eslint-disable-next-line @typescript-eslint/no-redeclare */\nconst Toggleable = factory()\n\nexport default Toggleable\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/toggleable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAuB,MAAM,KAAK;AAKzC,OAAM,SAAU,OAAO,CAAE,IAAI,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAA;EACtD,OAAO,GAAG,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY;IAElB,KAAK,EAAE;MAAE,IAAI;MAAE;IAAK,CAAE;IAEtB,KAAK,EAAE;MACL,CAAC,IAAI,GAAG;QAAE,QAAQ,EAAE;MAAK;KAC1B;IAED,IAAI,CAAA,EAAA;MACF,OAAO;QACL,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;OACtB;IACH,CAAC;IAED,KAAK,EAAE;MACL,CAAC,IAAI,EAAG,GAAG,EAAA;QACT,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG;MACvB,CAAC;MACD,QAAQ,CAAE,GAAG,EAAA;QACX,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;MAChD;IACD;GACF,CAAC;AACJ;AAEA;AACA,MAAM,UAAU,GAAG,OAAO,CAAA,CAAE;AAE5B,eAAe,UAAU","sourcesContent":["import Kdu, { KduConstructor } from 'kdu'\n\nexport type Toggleable<T extends string = 'value'> = KduConstructor<Kdu & { isActive: boolean } & Record<T, any>>\n\nexport function factory<T extends string = 'value'> (prop?: T, event?: string): Toggleable<T>\nexport function factory (prop = 'value', event = 'input') {\n  return Kdu.extend({\n    name: 'toggleable',\n\n    model: { prop, event },\n\n    props: {\n      [prop]: { required: false },\n    },\n\n    data () {\n      return {\n        isActive: !!this[prop],\n      }\n    },\n\n    watch: {\n      [prop] (val) {\n        this.isActive = !!val\n      },\n      isActive (val) {\n        !!val !== this[prop] && this.$emit(event, val)\n      },\n    },\n  })\n}\n\n/* eslint-disable-next-line @typescript-eslint/no-redeclare */\nconst Toggleable = factory()\n\nexport default Toggleable\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/transitionable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/transitionable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,gBADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,MADD;AAEL,IAAA,MAAM,EAAE,MAFH;AAGL,IAAA,UAAU,EAAE;AAHP;AAHiB,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'transitionable',\n\n  props: {\n    mode: String,\n    origin: String,\n    transition: String,\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/transitionable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,gBAAgB;EAEtB,KAAK,EAAE;IACL,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,MAAM;IACd,UAAU,EAAE;EACb;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'transitionable',\n\n  props: {\n    mode: String,\n    origin: String,\n    transition: String,\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/translatable/index.js

@@ -17,14 +17,11 @@ export default Kdu.extend({
     imgHeight() {
       return this.objHeight();
     }
-
   },
-
   beforeDestroy() {
     window.removeEventListener('scroll', this.translate, false);
     window.removeEventListener('resize', this.translate, false);
   },
-
   methods: {
     calcDimensions() {
       const offset = this.$el.getBoundingClientRect();
@@ -34,23 +31,19 @@ export default Kdu.extend({
       this.windowHeight = window.innerHeight;
       this.windowBottom = this.scrollTop + this.windowHeight;
     },
-
     listeners() {
       window.addEventListener('scroll', this.translate, false);
       window.addEventListener('resize', this.translate, false);
     },
-
     /** @abstract **/
     objHeight() {
       throw new Error('Not implemented !');
     },
-
     translate() {
       this.calcDimensions();
       this.percentScrolled = (this.windowBottom - this.elOffsetTop) / (parseInt(this.height) + this.windowHeight);
       this.parallax = Math.round(this.parallaxDist * this.percentScrolled);
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/mixins/translatable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/translatable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,cADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AADH,GAHiB;AAOxB,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,WAAW,EAAE,CADF;AAEX,IAAA,QAAQ,EAAE,CAFC;AAGX,IAAA,YAAY,EAAE,CAHH;AAIX,IAAA,eAAe,EAAE,CAJN;AAKX,IAAA,SAAS,EAAE,CALA;AAMX,IAAA,YAAY,EAAE,CANH;AAOX,IAAA,YAAY,EAAE;AAPH,GAAP,CAPkB;AAiBxB,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,SAAL,EAAP;AACD;;AAHO,GAjBc;;AAuBxB,EAAA,aAAa,GAAA;AACX,IAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,KAAK,SAA1C,EAAqD,KAArD;AACA,IAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,KAAK,SAA1C,EAAqD,KAArD;AACD,GA1BuB;;AA4BxB,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,YAAM,MAAM,GAAG,KAAK,GAAL,CAAS,qBAAT,EAAf;AAEA,WAAK,SAAL,GAAiB,MAAM,CAAC,WAAxB;AACA,WAAK,YAAL,GAAoB,KAAK,SAAL,GAAiB,KAAK,MAA1C;AACA,WAAK,WAAL,GAAmB,MAAM,CAAC,GAAP,GAAa,KAAK,SAArC;AACA,WAAK,YAAL,GAAoB,MAAM,CAAC,WAA3B;AACA,WAAK,YAAL,GAAoB,KAAK,SAAL,GAAiB,KAAK,YAA1C;AACD,KATM;;AAUP,IAAA,SAAS,GAAA;AACP,MAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,KAAK,SAAvC,EAAkD,KAAlD;AACA,MAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,KAAK,SAAvC,EAAkD,KAAlD;AACD,KAbM;;AAcP;AACA,IAAA,SAAS,GAAA;AACP,YAAM,IAAI,KAAJ,CAAU,mBAAV,CAAN;AACD,KAjBM;;AAkBP,IAAA,SAAS,GAAA;AACP,WAAK,cAAL;AAEA,WAAK,eAAL,GACE,CAAC,KAAK,YAAL,GAAoB,KAAK,WAA1B,KACC,QAAQ,CAAC,KAAK,MAAN,CAAR,GAAwB,KAAK,YAD9B,CADF;AAKA,WAAK,QAAL,GAAgB,IAAI,CAAC,KAAL,CAAW,KAAK,YAAL,GAAoB,KAAK,eAApC,CAAhB;AACD;;AA3BM;AA5Be,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'translatable',\n\n  props: {\n    height: Number,\n  },\n\n  data: () => ({\n    elOffsetTop: 0,\n    parallax: 0,\n    parallaxDist: 0,\n    percentScrolled: 0,\n    scrollTop: 0,\n    windowHeight: 0,\n    windowBottom: 0,\n  }),\n\n  computed: {\n    imgHeight (): number {\n      return this.objHeight()\n    },\n  },\n\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.translate, false)\n    window.removeEventListener('resize', this.translate, false)\n  },\n\n  methods: {\n    calcDimensions () {\n      const offset = this.$el.getBoundingClientRect()\n\n      this.scrollTop = window.pageYOffset\n      this.parallaxDist = this.imgHeight - this.height\n      this.elOffsetTop = offset.top + this.scrollTop\n      this.windowHeight = window.innerHeight\n      this.windowBottom = this.scrollTop + this.windowHeight\n    },\n    listeners () {\n      window.addEventListener('scroll', this.translate, false)\n      window.addEventListener('resize', this.translate, false)\n    },\n    /** @abstract **/\n    objHeight (): number {\n      throw new Error('Not implemented !')\n    },\n    translate () {\n      this.calcDimensions()\n\n      this.percentScrolled = (\n        (this.windowBottom - this.elOffsetTop) /\n        (parseInt(this.height) + this.windowHeight)\n      )\n\n      this.parallax = Math.round(this.parallaxDist * this.percentScrolled)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/translatable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,cAAc;EAEpB,KAAK,EAAE;IACL,MAAM,EAAE;GACT;EAED,IAAI,EAAE,CAAA,MAAO;IACX,WAAW,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC;IACX,YAAY,EAAE,CAAC;IACf,eAAe,EAAE,CAAC;IAClB,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,YAAY,EAAE;GACf,CAAC;EAEF,QAAQ,EAAE;IACR,SAAS,CAAA,EAAA;MACP,OAAO,IAAI,CAAC,SAAS,CAAA,CAAE;IACzB;GACD;EAED,aAAa,CAAA,EAAA;IACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IAC3D,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;EAC7D,CAAC;EAED,OAAO,EAAE;IACP,cAAc,CAAA,EAAA;MACZ,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAA,CAAE;MAE/C,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,WAAW;MACnC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM;MAChD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS;MAC9C,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,WAAW;MACtC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY;IACxD,CAAC;IACD,SAAS,CAAA,EAAA;MACP,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;MACxD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IAC1D,CAAC;IACD;IACA,SAAS,CAAA,EAAA;MACP,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;IACtC,CAAC;IACD,SAAS,CAAA,EAAA;MACP,IAAI,CAAC,cAAc,CAAA,CAAE;MAErB,IAAI,CAAC,eAAe,GAClB,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,KACpC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAC3C;MAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC;IACtE;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'translatable',\n\n  props: {\n    height: Number,\n  },\n\n  data: () => ({\n    elOffsetTop: 0,\n    parallax: 0,\n    parallaxDist: 0,\n    percentScrolled: 0,\n    scrollTop: 0,\n    windowHeight: 0,\n    windowBottom: 0,\n  }),\n\n  computed: {\n    imgHeight (): number {\n      return this.objHeight()\n    },\n  },\n\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.translate, false)\n    window.removeEventListener('resize', this.translate, false)\n  },\n\n  methods: {\n    calcDimensions () {\n      const offset = this.$el.getBoundingClientRect()\n\n      this.scrollTop = window.pageYOffset\n      this.parallaxDist = this.imgHeight - this.height\n      this.elOffsetTop = offset.top + this.scrollTop\n      this.windowHeight = window.innerHeight\n      this.windowBottom = this.scrollTop + this.windowHeight\n    },\n    listeners () {\n      window.addEventListener('scroll', this.translate, false)\n      window.addEventListener('resize', this.translate, false)\n    },\n    /** @abstract **/\n    objHeight (): number {\n      throw new Error('Not implemented !')\n    },\n    translate () {\n      this.calcDimensions()\n\n      this.percentScrolled = (\n        (this.windowBottom - this.elOffsetTop) /\n        (parseInt(this.height) + this.windowHeight)\n      )\n\n      this.parallax = Math.round(this.parallaxDist * this.percentScrolled)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/validatable/index.js

@@ -1,18 +1,20 @@
 // Mixins
 import Colorable from '../colorable';
 import Themeable from '../themeable';
-import { inject as RegistrableInject } from '../registrable'; // Utilities
-
+import { inject as RegistrableInject } from '../registrable';
+// Utilities
 import { deepEqual } from '../../util/helpers';
 import { consoleError } from '../../util/console';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Colorable, RegistrableInject('form'), Themeable);
 /* @kdujs/component */
-
 export default baseMixins.extend({
   name: 'validatable',
   props: {
-    disabled: Boolean,
+    disabled: {
+      type: Boolean,
+      default: null
+    },
     error: Boolean,
     errorCount: {
       type: [Number, String],
@@ -26,7 +28,10 @@ export default baseMixins.extend({
       type: [String, Array],
       default: () => []
     },
-    readonly: Boolean,
+    readonly: {
+      type: Boolean,
+      default: null
+    },
     rules: {
       type: Array,
       default: () => []
@@ -41,7 +46,6 @@ export default baseMixins.extend({
       required: false
     }
   },
-
   data() {
     return {
       errorBucket: [],
@@ -54,88 +58,72 @@ export default baseMixins.extend({
       valid: false
     };
   },
-
   computed: {
     computedColor() {
       if (this.isDisabled) return undefined;
-      if (this.color) return this.color; // It's assumed that if the input is on a
+      if (this.color) return this.color;
+      // It's assumed that if the input is on a
       // dark background, the user will want to
       // have a white color. If the entire app
       // is setup to be dark, then they will
       // like want to use their primary color
-
       if (this.isDark && !this.appIsDark) return 'white';else return 'primary';
     },
-
     hasError() {
       return this.internalErrorMessages.length > 0 || this.errorBucket.length > 0 || this.error;
     },
-
     // TODO: Add logic that allows the user to enable based
     // upon a good validation
     hasSuccess() {
       return this.internalSuccessMessages.length > 0 || this.success;
     },
-
     externalError() {
       return this.internalErrorMessages.length > 0 || this.error;
     },
-
     hasMessages() {
       return this.validationTarget.length > 0;
     },
-
     hasState() {
       if (this.isDisabled) return false;
       return this.hasSuccess || this.shouldValidate && this.hasError;
     },
-
     internalErrorMessages() {
       return this.genInternalMessages(this.errorMessages);
     },
-
     internalMessages() {
       return this.genInternalMessages(this.messages);
     },
-
     internalSuccessMessages() {
       return this.genInternalMessages(this.successMessages);
     },
-
     internalValue: {
       get() {
         return this.lazyValue;
       },
-
       set(val) {
         this.lazyValue = val;
         this.$emit('input', val);
       }
-
     },
-
     isDisabled() {
-      return this.disabled || !!this.form && this.form.disabled;
+      var _a;
+      return (_a = this.disabled) !== null && _a !== void 0 ? _a : !!this.form && this.form.disabled;
     },
-
     isInteractive() {
       return !this.isDisabled && !this.isReadonly;
     },
-
     isReadonly() {
-      return this.readonly || !!this.form && this.form.readonly;
+      var _a;
+      return (_a = this.readonly) !== null && _a !== void 0 ? _a : !!this.form && this.form.readonly;
     },
-
     shouldValidate() {
       if (this.externalError) return true;
       if (this.isResetting) return false;
       return this.validateOnBlur ? this.hasFocused && !this.isFocused : this.hasInput || this.hasFocused;
     },
-
     validations() {
       return this.validationTarget.slice(0, Number(this.errorCount));
     },
-
     validationState() {
       if (this.isDisabled) return undefined;
       if (this.hasError && this.shouldValidate) return 'error';
@@ -143,7 +131,6 @@ export default baseMixins.extend({
       if (this.hasColor) return this.computedColor;
       return undefined;
     },
-
     validationTarget() {
       if (this.internalErrorMessages.length > 0) {
         return this.internalErrorMessages;
@@ -155,7 +142,6 @@ export default baseMixins.extend({
         return this.errorBucket;
       } else return [];
     }
-
   },
   watch: {
     rules: {
@@ -163,17 +149,14 @@ export default baseMixins.extend({
         if (deepEqual(newVal, oldVal)) return;
         this.validate();
       },
-
       deep: true
     },
-
     internalValue() {
       // If it's the first time we're setting input,
       // mark it with hasInput
       this.hasInput = true;
       this.validateOnBlur || this.$nextTick(this.validate);
     },
-
     isFocused(val) {
       // Should not check validation
       // if disabled
@@ -182,7 +165,6 @@ export default baseMixins.extend({
         this.validateOnBlur && this.$nextTick(this.validate);
       }
     },
-
     isResetting() {
       setTimeout(() => {
         this.hasInput = false;
@@ -191,69 +173,55 @@ export default baseMixins.extend({
         this.validate();
       }, 0);
     },
-
     hasError(val) {
       if (this.shouldValidate) {
         this.$emit('update:error', val);
       }
     },
-
     value(val) {
       this.lazyValue = val;
     }
-
   },
-
   beforeMount() {
     this.validate();
   },
-
   created() {
     this.form && this.form.register(this);
   },
-
   beforeDestroy() {
     this.form && this.form.unregister(this);
   },
-
   methods: {
     genInternalMessages(messages) {
       if (!messages) return [];else if (Array.isArray(messages)) return messages;else return [messages];
     },
-
     /** @public */
     reset() {
       this.isResetting = true;
       this.internalValue = Array.isArray(this.internalValue) ? [] : null;
     },
-
     /** @public */
     resetValidation() {
       this.isResetting = true;
     },
-
     /** @public */
     validate(force = false, value) {
       const errorBucket = [];
       value = value || this.internalValue;
       if (force) this.hasInput = this.hasFocused = true;
-
       for (let index = 0; index < this.rules.length; index++) {
         const rule = this.rules[index];
         const valid = typeof rule === 'function' ? rule(value) : rule;
-
         if (valid === false || typeof valid === 'string') {
           errorBucket.push(valid || '');
         } else if (typeof valid !== 'boolean') {
           consoleError(`Rules should return a string or boolean, received '${typeof valid}' instead`, this);
         }
       }
-
       this.errorBucket = errorBucket;
       this.valid = errorBucket.length === 0;
       return this.valid;
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/mixins/validatable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/validatable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Colorable from '../colorable'\nimport Themeable from '../themeable'\nimport { inject as RegistrableInject } from '../registrable'\n\n// Utilities\nimport { deepEqual } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { PropValidator } from 'kdu/types/options'\nimport { InputMessage, InputValidationRules } from 'kdutify/types'\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject<'form', any>('form'),\n  Themeable,\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'validatable',\n\n  props: {\n    disabled: Boolean,\n    error: Boolean,\n    errorCount: {\n      type: [Number, String],\n      default: 1,\n    },\n    errorMessages: {\n      type: [String, Array],\n      default: () => [],\n    } as PropValidator<InputMessage | null>,\n    messages: {\n      type: [String, Array],\n      default: () => [],\n    } as PropValidator<InputMessage | null>,\n    readonly: Boolean,\n    rules: {\n      type: Array,\n      default: () => [],\n    } as PropValidator<InputValidationRules>,\n    success: Boolean,\n    successMessages: {\n      type: [String, Array],\n      default: () => [],\n    } as PropValidator<InputMessage | null>,\n    validateOnBlur: Boolean,\n    value: { required: false },\n  },\n\n  data () {\n    return {\n      errorBucket: [] as string[],\n      hasColor: false,\n      hasFocused: false,\n      hasInput: false,\n      isFocused: false,\n      isResetting: false,\n      lazyValue: this.value,\n      valid: false,\n    }\n  },\n\n  computed: {\n    computedColor (): string | undefined {\n      if (this.isDisabled) return undefined\n      if (this.color) return this.color\n      // It's assumed that if the input is on a\n      // dark background, the user will want to\n      // have a white color. If the entire app\n      // is setup to be dark, then they will\n      // like want to use their primary color\n      if (this.isDark && !this.appIsDark) return 'white'\n      else return 'primary'\n    },\n    hasError (): boolean {\n      return (\n        this.internalErrorMessages.length > 0 ||\n        this.errorBucket.length > 0 ||\n        this.error\n      )\n    },\n    // TODO: Add logic that allows the user to enable based\n    // upon a good validation\n    hasSuccess (): boolean {\n      return (\n        this.internalSuccessMessages.length > 0 ||\n        this.success\n      )\n    },\n    externalError (): boolean {\n      return this.internalErrorMessages.length > 0 || this.error\n    },\n    hasMessages (): boolean {\n      return this.validationTarget.length > 0\n    },\n    hasState (): boolean {\n      if (this.isDisabled) return false\n\n      return (\n        this.hasSuccess ||\n        (this.shouldValidate && this.hasError)\n      )\n    },\n    internalErrorMessages (): InputValidationRules {\n      return this.genInternalMessages(this.errorMessages)\n    },\n    internalMessages (): InputValidationRules {\n      return this.genInternalMessages(this.messages)\n    },\n    internalSuccessMessages (): InputValidationRules {\n      return this.genInternalMessages(this.successMessages)\n    },\n    internalValue: {\n      get (): unknown {\n        return this.lazyValue\n      },\n      set (val: any) {\n        this.lazyValue = val\n\n        this.$emit('input', val)\n      },\n    },\n    isDisabled (): boolean {\n      return this.disabled || (\n        !!this.form &&\n        this.form.disabled\n      )\n    },\n    isInteractive (): boolean {\n      return !this.isDisabled && !this.isReadonly\n    },\n    isReadonly (): boolean {\n      return this.readonly || (\n        !!this.form &&\n        this.form.readonly\n      )\n    },\n    shouldValidate (): boolean {\n      if (this.externalError) return true\n      if (this.isResetting) return false\n\n      return this.validateOnBlur\n        ? this.hasFocused && !this.isFocused\n        : (this.hasInput || this.hasFocused)\n    },\n    validations (): InputValidationRules {\n      return this.validationTarget.slice(0, Number(this.errorCount))\n    },\n    validationState (): string | undefined {\n      if (this.isDisabled) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor) return this.computedColor\n      return undefined\n    },\n    validationTarget (): InputValidationRules {\n      if (this.internalErrorMessages.length > 0) {\n        return this.internalErrorMessages\n      } else if (this.successMessages && this.successMessages.length > 0) {\n        return this.internalSuccessMessages\n      } else if (this.messages && this.messages.length > 0) {\n        return this.internalMessages\n      } else if (this.shouldValidate) {\n        return this.errorBucket\n      } else return []\n    },\n  },\n\n  watch: {\n    rules: {\n      handler (newVal, oldVal) {\n        if (deepEqual(newVal, oldVal)) return\n        this.validate()\n      },\n      deep: true,\n    },\n    internalValue () {\n      // If it's the first time we're setting input,\n      // mark it with hasInput\n      this.hasInput = true\n      this.validateOnBlur || this.$nextTick(this.validate)\n    },\n    isFocused (val) {\n      // Should not check validation\n      // if disabled\n      if (\n        !val &&\n        !this.isDisabled\n      ) {\n        this.hasFocused = true\n        this.validateOnBlur && this.$nextTick(this.validate)\n      }\n    },\n    isResetting () {\n      setTimeout(() => {\n        this.hasInput = false\n        this.hasFocused = false\n        this.isResetting = false\n        this.validate()\n      }, 0)\n    },\n    hasError (val) {\n      if (this.shouldValidate) {\n        this.$emit('update:error', val)\n      }\n    },\n    value (val) {\n      this.lazyValue = val\n    },\n  },\n\n  beforeMount () {\n    this.validate()\n  },\n\n  created () {\n    this.form && this.form.register(this)\n  },\n\n  beforeDestroy () {\n    this.form && this.form.unregister(this)\n  },\n\n  methods: {\n    genInternalMessages (messages: InputMessage | null): InputValidationRules {\n      if (!messages) return []\n      else if (Array.isArray(messages)) return messages\n      else return [messages]\n    },\n    /** @public */\n    reset () {\n      this.isResetting = true\n      this.internalValue = Array.isArray(this.internalValue)\n        ? []\n        : null\n    },\n    /** @public */\n    resetValidation () {\n      this.isResetting = true\n    },\n    /** @public */\n    validate (force = false, value?: any): boolean {\n      const errorBucket = []\n      value = value || this.internalValue\n\n      if (force) this.hasInput = this.hasFocused = true\n\n      for (let index = 0; index < this.rules.length; index++) {\n        const rule = this.rules[index]\n        const valid = typeof rule === 'function' ? rule(value) : rule\n\n        if (valid === false || typeof valid === 'string') {\n          errorBucket.push(valid || '')\n        } else if (typeof valid !== 'boolean') {\n          consoleError(`Rules should return a string or boolean, received '${typeof valid}' instead`, this)\n        }\n      }\n\n      this.errorBucket = errorBucket\n      this.valid = errorBucket.length === 0\n\n      return this.valid\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/validatable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Colorable from '../colorable'\nimport Themeable from '../themeable'\nimport { inject as RegistrableInject } from '../registrable'\n\n// Utilities\nimport { deepEqual } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { PropValidator } from 'kdu/types/options'\nimport { InputMessage, InputValidationRules } from 'kdutify/types'\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject<'form', any>('form'),\n  Themeable,\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'validatable',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: null,\n    },\n    error: Boolean,\n    errorCount: {\n      type: [Number, String],\n      default: 1,\n    },\n    errorMessages: {\n      type: [String, Array],\n      default: () => [],\n    } as PropValidator<InputMessage | null>,\n    messages: {\n      type: [String, Array],\n      default: () => [],\n    } as PropValidator<InputMessage | null>,\n    readonly: {\n      type: Boolean,\n      default: null,\n    },\n    rules: {\n      type: Array,\n      default: () => [],\n    } as PropValidator<InputValidationRules>,\n    success: Boolean,\n    successMessages: {\n      type: [String, Array],\n      default: () => [],\n    } as PropValidator<InputMessage | null>,\n    validateOnBlur: Boolean,\n    value: { required: false },\n  },\n\n  data () {\n    return {\n      errorBucket: [] as string[],\n      hasColor: false,\n      hasFocused: false,\n      hasInput: false,\n      isFocused: false,\n      isResetting: false,\n      lazyValue: this.value,\n      valid: false,\n    }\n  },\n\n  computed: {\n    computedColor (): string | undefined {\n      if (this.isDisabled) return undefined\n      if (this.color) return this.color\n      // It's assumed that if the input is on a\n      // dark background, the user will want to\n      // have a white color. If the entire app\n      // is setup to be dark, then they will\n      // like want to use their primary color\n      if (this.isDark && !this.appIsDark) return 'white'\n      else return 'primary'\n    },\n    hasError (): boolean {\n      return (\n        this.internalErrorMessages.length > 0 ||\n        this.errorBucket.length > 0 ||\n        this.error\n      )\n    },\n    // TODO: Add logic that allows the user to enable based\n    // upon a good validation\n    hasSuccess (): boolean {\n      return (\n        this.internalSuccessMessages.length > 0 ||\n        this.success\n      )\n    },\n    externalError (): boolean {\n      return this.internalErrorMessages.length > 0 || this.error\n    },\n    hasMessages (): boolean {\n      return this.validationTarget.length > 0\n    },\n    hasState (): boolean {\n      if (this.isDisabled) return false\n\n      return (\n        this.hasSuccess ||\n        (this.shouldValidate && this.hasError)\n      )\n    },\n    internalErrorMessages (): InputValidationRules {\n      return this.genInternalMessages(this.errorMessages)\n    },\n    internalMessages (): InputValidationRules {\n      return this.genInternalMessages(this.messages)\n    },\n    internalSuccessMessages (): InputValidationRules {\n      return this.genInternalMessages(this.successMessages)\n    },\n    internalValue: {\n      get (): unknown {\n        return this.lazyValue\n      },\n      set (val: any) {\n        this.lazyValue = val\n\n        this.$emit('input', val)\n      },\n    },\n    isDisabled (): boolean {\n      return this.disabled ?? (\n        !!this.form &&\n        this.form.disabled\n      )\n    },\n    isInteractive (): boolean {\n      return !this.isDisabled && !this.isReadonly\n    },\n    isReadonly (): boolean {\n      return this.readonly ?? (\n        !!this.form &&\n        this.form.readonly\n      )\n    },\n    shouldValidate (): boolean {\n      if (this.externalError) return true\n      if (this.isResetting) return false\n\n      return this.validateOnBlur\n        ? this.hasFocused && !this.isFocused\n        : (this.hasInput || this.hasFocused)\n    },\n    validations (): InputValidationRules {\n      return this.validationTarget.slice(0, Number(this.errorCount))\n    },\n    validationState (): string | undefined {\n      if (this.isDisabled) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor) return this.computedColor\n      return undefined\n    },\n    validationTarget (): InputValidationRules {\n      if (this.internalErrorMessages.length > 0) {\n        return this.internalErrorMessages\n      } else if (this.successMessages && this.successMessages.length > 0) {\n        return this.internalSuccessMessages\n      } else if (this.messages && this.messages.length > 0) {\n        return this.internalMessages\n      } else if (this.shouldValidate) {\n        return this.errorBucket\n      } else return []\n    },\n  },\n\n  watch: {\n    rules: {\n      handler (newVal, oldVal) {\n        if (deepEqual(newVal, oldVal)) return\n        this.validate()\n      },\n      deep: true,\n    },\n    internalValue () {\n      // If it's the first time we're setting input,\n      // mark it with hasInput\n      this.hasInput = true\n      this.validateOnBlur || this.$nextTick(this.validate)\n    },\n    isFocused (val) {\n      // Should not check validation\n      // if disabled\n      if (\n        !val &&\n        !this.isDisabled\n      ) {\n        this.hasFocused = true\n        this.validateOnBlur && this.$nextTick(this.validate)\n      }\n    },\n    isResetting () {\n      setTimeout(() => {\n        this.hasInput = false\n        this.hasFocused = false\n        this.isResetting = false\n        this.validate()\n      }, 0)\n    },\n    hasError (val) {\n      if (this.shouldValidate) {\n        this.$emit('update:error', val)\n      }\n    },\n    value (val) {\n      this.lazyValue = val\n    },\n  },\n\n  beforeMount () {\n    this.validate()\n  },\n\n  created () {\n    this.form && this.form.register(this)\n  },\n\n  beforeDestroy () {\n    this.form && this.form.unregister(this)\n  },\n\n  methods: {\n    genInternalMessages (messages: InputMessage | null): InputValidationRules {\n      if (!messages) return []\n      else if (Array.isArray(messages)) return messages\n      else return [messages]\n    },\n    /** @public */\n    reset () {\n      this.isResetting = true\n      this.internalValue = Array.isArray(this.internalValue)\n        ? []\n        : null\n    },\n    /** @public */\n    resetValidation () {\n      this.isResetting = true\n    },\n    /** @public */\n    validate (force = false, value?: any): boolean {\n      const errorBucket = []\n      value = value || this.internalValue\n\n      if (force) this.hasInput = this.hasFocused = true\n\n      for (let index = 0; index < this.rules.length; index++) {\n        const rule = this.rules[index]\n        const valid = typeof rule === 'function' ? rule(value) : rule\n\n        if (valid === false || typeof valid === 'string') {\n          errorBucket.push(valid || '')\n        } else if (typeof valid !== 'boolean') {\n          consoleError(`Rules should return a string or boolean, received '${typeof valid}' instead`, this)\n        }\n      }\n\n      this.errorBucket = errorBucket\n      this.valid = errorBucket.length === 0\n\n      return this.valid\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/presets/default/index.js

@@ -1,6 +1,6 @@
 // Styles
-import "..\\..\\..\\src\\styles\\main.sass"; // Locale
-
+import "..\\..\\..\\src\\styles\\main.sass";
+// Locale
 import { en } from '../../locale';
 export const preset = {
   breakpoint: {

package/lib/presets/default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/presets/default/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oCAAP,C,CAEA;;AACA,SAAS,EAAT,QAAmB,cAAnB;AASA,OAAO,MAAM,MAAM,GAAkB;AACnC,EAAA,UAAU,EAAE;AACV;AACA,IAAA,gBAAgB,EAAE,IAFR;AAGV,IAAA,cAAc,EAAE,EAHN;AAIV,IAAA,UAAU,EAAE;AACV,MAAA,EAAE,EAAE,GADM;AAEV,MAAA,EAAE,EAAE,GAFM;AAGV,MAAA,EAAE,EAAE,IAHM;AAIV,MAAA,EAAE,EAAE;AAJM;AAJF,GADuB;AAYnC,EAAA,KAAK,EAAE;AACL;AACA,IAAA,QAAQ,EAAE,KAFL;AAGL,IAAA,MAAM,EAAE;AAHH,GAZ4B;AAiBnC,EAAA,IAAI,EAAE;AACJ,IAAA,OAAO,EAAE,IADL;AAEJ,IAAA,OAAO,EAAE;AAAE,MAAA;AAAF,KAFL;AAGJ;AACA,IAAA,CAAC,EAAE;AAJC,GAjB6B;AAuBnC,EAAA,GAAG,EAAE,KAvB8B;AAwBnC,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,KADD;AAEL,IAAA,OAAO,EAAE,OAFJ;AAGL,IAAA,OAAO,EAAE,KAHJ;AAIL,IAAA,OAAO,EAAE;AACP,MAAA,QAAQ,EAAE,SADH;AAEP,MAAA,gBAAgB,EAAE,SAFX;AAGP,MAAA,WAAW,EAAE,SAHN;AAIP,MAAA,UAAU,EAAE,SAJL;AAKP,MAAA,UAAU,EAAE;AALL,KAJJ;AAWL,IAAA,MAAM,EAAE;AACN,MAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,SADJ;AAEL,QAAA,SAAS,EAAE,SAFN;AAGL,QAAA,MAAM,EAAE,SAHH;AAIL,QAAA,KAAK,EAAE,SAJF;AAKL,QAAA,IAAI,EAAE,SALD;AAML,QAAA,OAAO,EAAE,SANJ;AAOL,QAAA,OAAO,EAAE;AAPJ,OADD;AAUN,MAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,SADL;AAEJ,QAAA,SAAS,EAAE,SAFP;AAGJ,QAAA,MAAM,EAAE,SAHJ;AAIJ,QAAA,KAAK,EAAE,SAJH;AAKJ,QAAA,IAAI,EAAE,SALF;AAMJ,QAAA,OAAO,EAAE,SANL;AAOJ,QAAA,OAAO,EAAE;AAPL;AAVA;AAXH;AAxB4B,CAA9B","sourcesContent":["// Styles\nimport '../../styles/main.sass'\n\n// Locale\nimport { en } from '../../locale'\n\n// Icons\n// TODO: Enable for v3\n// import mdi from '../../services/icons/presets/mdi'\n\n// Types\nimport { KdutifyPreset } from 'kdutify/types/services/presets'\n\nexport const preset: KdutifyPreset = {\n  breakpoint: {\n    // TODO: update to MD2 spec in v3 - 1280\n    mobileBreakpoint: 1264,\n    scrollBarWidth: 16,\n    thresholds: {\n      xs: 600,\n      sm: 960,\n      md: 1280,\n      lg: 1920,\n    },\n  },\n  icons: {\n    // TODO: remove v3\n    iconfont: 'mdi',\n    values: {},\n  },\n  lang: {\n    current: 'en',\n    locales: { en },\n    // Default translator exists in lang service\n    t: undefined as any,\n  },\n  rtl: false,\n  theme: {\n    dark: false,\n    default: 'light',\n    disable: false,\n    options: {\n      cspNonce: undefined,\n      customProperties: undefined,\n      minifyTheme: undefined,\n      themeCache: undefined,\n      variations: true,\n    },\n    themes: {\n      light: {\n        primary: '#1976D2',\n        secondary: '#424242',\n        accent: '#82B1FF',\n        error: '#FF5252',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      dark: {\n        primary: '#2196F3',\n        secondary: '#424242',\n        accent: '#FF4081',\n        error: '#FF5252',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n    },\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/presets/default/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oCAAwB;AAE/B;AACA,SAAS,EAAE,QAAQ,cAAc;AASjC,OAAO,MAAM,MAAM,GAAkB;EACnC,UAAU,EAAE;IACV;IACA,gBAAgB,EAAE,IAAI;IACtB,cAAc,EAAE,EAAE;IAClB,UAAU,EAAE;MACV,EAAE,EAAE,GAAG;MACP,EAAE,EAAE,GAAG;MACP,EAAE,EAAE,IAAI;MACR,EAAE,EAAE;IACL;GACF;EACD,KAAK,EAAE;IACL;IACA,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,CAAA;GACT;EACD,IAAI,EAAE;IACJ,OAAO,EAAE,IAAI;IACb,OAAO,EAAE;MAAE;IAAE,CAAE;IACf;IACA,CAAC,EAAE;GACJ;EACD,GAAG,EAAE,KAAK;EACV,KAAK,EAAE;IACL,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,KAAK;IACd,OAAO,EAAE;MACP,QAAQ,EAAE,SAAS;MACnB,gBAAgB,EAAE,SAAS;MAC3B,WAAW,EAAE,SAAS;MACtB,UAAU,EAAE,SAAS;MACrB,UAAU,EAAE;KACb;IACD,MAAM,EAAE;MACN,KAAK,EAAE;QACL,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE;OACV;MACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE;MACV;IACF;EACF;CACF","sourcesContent":["// Styles\nimport '../../styles/main.sass'\n\n// Locale\nimport { en } from '../../locale'\n\n// Icons\n// TODO: Enable for v3\n// import mdi from '../../services/icons/presets/mdi'\n\n// Types\nimport { KdutifyPreset } from 'kdutify/types/services/presets'\n\nexport const preset: KdutifyPreset = {\n  breakpoint: {\n    // TODO: update to MD2 spec in v3 - 1280\n    mobileBreakpoint: 1264,\n    scrollBarWidth: 16,\n    thresholds: {\n      xs: 600,\n      sm: 960,\n      md: 1280,\n      lg: 1920,\n    },\n  },\n  icons: {\n    // TODO: remove v3\n    iconfont: 'mdi',\n    values: {},\n  },\n  lang: {\n    current: 'en',\n    locales: { en },\n    // Default translator exists in lang service\n    t: undefined as any,\n  },\n  rtl: false,\n  theme: {\n    dark: false,\n    default: 'light',\n    disable: false,\n    options: {\n      cspNonce: undefined,\n      customProperties: undefined,\n      minifyTheme: undefined,\n      themeCache: undefined,\n      variations: true,\n    },\n    themes: {\n      light: {\n        primary: '#1976D2',\n        secondary: '#424242',\n        accent: '#82B1FF',\n        error: '#FF5252',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n      dark: {\n        primary: '#2196F3',\n        secondary: '#424242',\n        accent: '#FF4081',\n        error: '#FF5252',\n        info: '#2196F3',\n        success: '#4CAF50',\n        warning: '#FB8C00',\n      },\n    },\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/services/application/index.js

@@ -20,24 +20,18 @@ export class Application extends Service {
       footer: {}
     };
   }
-
   register(uid, location, size) {
-    this.application[location] = {
-      [uid]: size
-    };
+    this.application[location][uid] = size;
     this.update(location);
   }
-
   unregister(uid, location) {
     if (this.application[location][uid] == null) return;
     delete this.application[location][uid];
     this.update(location);
   }
-
   update(location) {
     this[location] = Object.values(this.application[location]).reduce((acc, cur) => acc + cur, 0);
   }
-
 }
 Application.property = 'application';
 //# sourceMappingURL=index.js.map