kdutify 2.6.1 → 2.7.3

package/lib/mixins/ssr-bootable/index.js

@@ -1,19 +1,17 @@
 import Kdu from 'kdu';
-/**
- * SSRBootable
- *
- * @mixin
- *
- * Used in layout components (drawer, toolbar, content)
- * to avoid an entry animation when using SSR
+/**
+ * SSRBootable
+ *
+ * @mixin
+ *
+ * Used in layout components (drawer, toolbar, content)
+ * to avoid an entry animation when using SSR
  */
-
 export default Kdu.extend({
   name: 'ssr-bootable',
   data: () => ({
     isBooted: false
   }),
-
   mounted() {
     // Use setAttribute instead of dataset
     // because dataset does not work well
@@ -23,6 +21,5 @@ export default Kdu.extend({
       this.isBooted = true;
     });
   }
-
 });
 //# sourceMappingURL=index.js.map

package/lib/mixins/ssr-bootable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/ssr-bootable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA;;;;;;;AAOG;;AACH,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,cADkB;AAGxB,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAHkB;;AAOxB,EAAA,OAAO,GAAA;AACL;AACA;AACA;AACA,IAAA,MAAM,CAAC,qBAAP,CAA6B,MAAK;AAChC,WAAK,GAAL,CAAS,YAAT,CAAsB,aAAtB,EAAqC,MAArC;AACA,WAAK,QAAL,GAAgB,IAAhB;AACD,KAHD;AAID;;AAfuB,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\n\n/**\n * SSRBootable\n *\n * @mixin\n *\n * Used in layout components (drawer, toolbar, content)\n * to avoid an entry animation when using SSR\n */\nexport default Kdu.extend({\n  name: 'ssr-bootable',\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  mounted () {\n    // Use setAttribute instead of dataset\n    // because dataset does not work well\n    // with unit tests\n    window.requestAnimationFrame(() => {\n      this.$el.setAttribute('data-booted', 'true')\n      this.isBooted = true\n    })\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/ssr-bootable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB;;;;;;;AAOG;AACH,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,cAAc;EAEpB,IAAI,EAAE,CAAA,MAAO;IACX,QAAQ,EAAE;GACX,CAAC;EAEF,OAAO,CAAA,EAAA;IACL;IACA;IACA;IACA,MAAM,CAAC,qBAAqB,CAAC,MAAK;MAChC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;MAC5C,IAAI,CAAC,QAAQ,GAAG,IAAI;IACtB,CAAC,CAAC;EACJ;CACD,CAAC","sourcesContent":["import Kdu from 'kdu'\n\n/**\n * SSRBootable\n *\n * @mixin\n *\n * Used in layout components (drawer, toolbar, content)\n * to avoid an entry animation when using SSR\n */\nexport default Kdu.extend({\n  name: 'ssr-bootable',\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  mounted () {\n    // Use setAttribute instead of dataset\n    // because dataset does not work well\n    // with unit tests\n    window.requestAnimationFrame(() => {\n      this.$el.setAttribute('data-booted', 'true')\n      this.isBooted = true\n    })\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/stackable/index.js

@@ -1,10 +1,8 @@
 import Kdu from 'kdu';
 import { getZIndex } from '../../util/helpers';
 /* @kdujs/component */
-
 export default Kdu.extend().extend({
   name: 'stackable',
-
   data() {
     return {
       stackElement: null,
@@ -13,39 +11,35 @@ export default Kdu.extend().extend({
       isActive: false
     };
   },
-
   computed: {
     activeZIndex() {
       if (typeof window === 'undefined') return 0;
-      const content = this.stackElement || this.$refs.content; // Return current zindex if not active
-
+      const content = this.stackElement || this.$refs.content;
+      // Return current zindex if not active
       const index = !this.isActive ? getZIndex(content) : this.getMaxZIndex(this.stackExclude || [content]) + 2;
-      if (index == null) return index; // Return max current z-index (excluding self) + 2
+      if (index == null) return index;
+      // Return max current z-index (excluding self) + 2
       // (2 to leave room for an overlay below, if needed)
-
       return parseInt(index);
     }
-
   },
   methods: {
     getMaxZIndex(exclude = []) {
-      const base = this.$el; // Start with lowest allowed z-index or z-index of
+      const base = this.$el;
+      // Start with lowest allowed z-index or z-index of
       // base component's element, whichever is greater
-
-      const zis = [this.stackMinZIndex, getZIndex(base)]; // Convert the NodeList to an array to
+      const zis = [this.stackMinZIndex, getZIndex(base)];
+      // Convert the NodeList to an array to
       // prevent an Edge bug with Symbol.iterator
-
-      const activeElements = [...document.getElementsByClassName('k-menu__content--active'), ...document.getElementsByClassName('k-dialog__content--active')]; // Get z-index for all active dialogs
-
+      const activeElements = [...document.getElementsByClassName('k-menu__content--active'), ...document.getElementsByClassName('k-dialog__content--active')];
+      // Get z-index for all active dialogs
       for (let index = 0; index < activeElements.length; index++) {
         if (!exclude.includes(activeElements[index])) {
           zis.push(getZIndex(activeElements[index]));
         }
       }
-
       return Math.max(...zis);
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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