kdutify 2.6.1 → 2.7.3

package/es5/mixins/sizeable/index.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _kdu.default.extend({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _kdu.default.extend({
   name: 'sizeable',
   props: {
     large: Boolean,
@@ -32,6 +29,4 @@ var _default = _kdu.default.extend({
     }
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=index.js.map

package/es5/mixins/sizeable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/sizeable/index.ts"],"names":[],"mappings":";;;;;;;AAAA;;;;eAEe,aAAI,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,UADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,KAAK,EAAE,OAFF;AAGL,IAAA,MAAM,EAAE,OAHH;AAIL,IAAA,MAAM,EAAE;AAJH,GAHiB;AAUxB,EAAA,QAAQ,EAAE;AACR,IAAA,MADQ,oBACF;AACJ,aAAO,OAAO,CACZ,CAAC,KAAK,MAAN,IACA,CAAC,KAAK,KADN,IAEA,CAAC,KAAK,KAFN,IAGA,CAAC,KAAK,MAJM,CAAd;AAMD,KARO;AASR,IAAA,eATQ,6BASO;AACb,aAAO;AACL,2BAAmB,KAAK,MADnB;AAEL,yBAAiB,KAAK,KAFjB;AAGL,2BAAmB,KAAK,MAHnB;AAIL,yBAAiB,KAAK,KAJjB;AAKL,2BAAmB,KAAK;AALnB,OAAP;AAOD;AAjBO;AAVc,CAAX,C","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'sizeable',\n\n  props: {\n    large: Boolean,\n    small: Boolean,\n    xLarge: Boolean,\n    xSmall: Boolean,\n  },\n\n  computed: {\n    medium (): boolean {\n      return Boolean(\n        !this.xSmall &&\n        !this.small &&\n        !this.large &&\n        !this.xLarge\n      )\n    },\n    sizeableClasses (): object {\n      return {\n        'k-size--x-small': this.xSmall,\n        'k-size--small': this.small,\n        'k-size--default': this.medium,\n        'k-size--large': this.large,\n        'k-size--x-large': this.xLarge,\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/sizeable/index.ts"],"names":[],"mappings":";;;;;;AAAA,IAAA,IAAA,GAAA,sBAAA,CAAA,OAAA;AAAqB,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAEN,YAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,UAAU;EAEhB,KAAK,EAAE;IACL,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,MAAM,EAAE;GACT;EAED,QAAQ,EAAE;IACR,MAAM,WAAN,MAAM,CAAA,EAAA;MACJ,OAAO,OAAO,CACZ,CAAC,IAAI,CAAC,MAAM,IACZ,CAAC,IAAI,CAAC,KAAK,IACX,CAAC,IAAI,CAAC,KAAK,IACX,CAAC,IAAI,CAAC,MAAM,CACb;IACH,CAAC;IACD,eAAe,WAAf,eAAe,CAAA,EAAA;MACb,OAAO;QACL,iBAAiB,EAAE,IAAI,CAAC,MAAM;QAC9B,eAAe,EAAE,IAAI,CAAC,KAAK;QAC3B,iBAAiB,EAAE,IAAI,CAAC,MAAM;QAC9B,eAAe,EAAE,IAAI,CAAC,KAAK;QAC3B,iBAAiB,EAAE,IAAI,CAAC;OACzB;IACH;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'sizeable',\n\n  props: {\n    large: Boolean,\n    small: Boolean,\n    xLarge: Boolean,\n    xSmall: Boolean,\n  },\n\n  computed: {\n    medium (): boolean {\n      return Boolean(\n        !this.xSmall &&\n        !this.small &&\n        !this.large &&\n        !this.xLarge\n      )\n    },\n    sizeableClasses (): object {\n      return {\n        'k-size--x-small': this.xSmall,\n        'k-size--small': this.small,\n        'k-size--default': this.medium,\n        'k-size--large': this.large,\n        'k-size--x-large': this.xLarge,\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

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

@@ -4,20 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * SSRBootable
- *
- * @mixin
- *
- * Used in layout components (drawer, toolbar, content)
- * to avoid an entry animation when using SSR
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * SSRBootable
+ *
+ * @mixin
+ *
+ * Used in layout components (drawer, toolbar, content)
+ * to avoid an entry animation when using SSR
  */
-var _default = _kdu.default.extend({
+var _default = exports.default = _kdu.default.extend({
   name: 'ssr-bootable',
   data: function data() {
     return {
@@ -26,17 +23,13 @@ var _default = _kdu.default.extend({
   },
   mounted: function mounted() {
     var _this = this;
-
     // Use setAttribute instead of dataset
     // because dataset does not work well
     // with unit tests
     window.requestAnimationFrame(function () {
       _this.$el.setAttribute('data-booted', 'true');
-
       _this.isBooted = true;
     });
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/ssr-bootable/index.ts"],"names":[],"mappings":";;;;;;;AAAA;;;;AAEA;;;;;;;AAOG;eACY,aAAI,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,cADkB;AAGxB,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,QAAQ,EAAE;AADC,KAAP;AAAA,GAHkB;AAOxB,EAAA,OAPwB,qBAOjB;AAAA;;AACL;AACA;AACA;AACA,IAAA,MAAM,CAAC,qBAAP,CAA6B,YAAK;AAChC,MAAA,KAAI,CAAC,GAAL,CAAS,YAAT,CAAsB,aAAtB,EAAqC,MAArC;;AACA,MAAA,KAAI,CAAC,QAAL,GAAgB,IAAhB;AACD,KAHD;AAID;AAfuB,CAAX,C","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,IAAA,IAAA,GAAA,sBAAA,CAAA,OAAA;AAAqB,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AAErB;;;;;;;AAOG;AAPH,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAQe,YAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,cAAc;EAEpB,IAAI,EAAE,SAAN,IAAI,CAAA;IAAA,OAAS;MACX,QAAQ,EAAE;KACX;EAAA,CAAC;EAEF,OAAO,WAAP,OAAO,CAAA,EAAA;IAAA,IAAA,KAAA;IACL;IACA;IACA;IACA,MAAM,CAAC,qBAAqB,CAAC,YAAK;MAChC,KAAI,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;MAC5C,KAAI,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/es5/mixins/stackable/index.js

@@ -4,27 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
 var _helpers = require("../../util/helpers");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /* @kdujs/component */
-var _default = _kdu.default.extend().extend({
+var _default = exports.default = _kdu.default.extend().extend({
   name: 'stackable',
   data: function data() {
     return {
@@ -37,36 +27,33 @@ var _default = _kdu.default.extend().extend({
   computed: {
     activeZIndex: function activeZIndex() {
       if (typeof window === 'undefined') return 0;
-      var content = this.stackElement || this.$refs.content; // Return current zindex if not active
-
+      var content = this.stackElement || this.$refs.content;
+      // Return current zindex if not active
       var index = !this.isActive ? (0, _helpers.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: function getMaxZIndex() {
       var exclude = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var base = this.$el; // Start with lowest allowed z-index or z-index of
+      var base = this.$el;
+      // Start with lowest allowed z-index or z-index of
       // base component's element, whichever is greater
-
-      var zis = [this.stackMinZIndex, (0, _helpers.getZIndex)(base)]; // Convert the NodeList to an array to
+      var zis = [this.stackMinZIndex, (0, _helpers.getZIndex)(base)];
+      // Convert the NodeList to an array to
       // prevent an Edge bug with Symbol.iterator
-
-      var activeElements = [].concat(_toConsumableArray(document.getElementsByClassName('k-menu__content--active')), _toConsumableArray(document.getElementsByClassName('k-dialog__content--active'))); // Get z-index for all active dialogs
-
+      var activeElements = [].concat(_toConsumableArray(document.getElementsByClassName('k-menu__content--active')), _toConsumableArray(document.getElementsByClassName('k-dialog__content--active')));
+      // Get z-index for all active dialogs
       for (var index = 0; index < activeElements.length; index++) {
         if (!exclude.includes(activeElements[index])) {
           zis.push((0, _helpers.getZIndex)(activeElements[index]));
         }
       }
-
       return Math.max.apply(Math, zis);
     }
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/stackable/index.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;;;;;;;AAQA;eACe,aAAI,MAAJ,GAAsB,MAAtB,CAA6B;AAC1C,EAAA,IAAI,EAAE,WADoC;AAG1C,EAAA,IAH0C,kBAGtC;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,YADQ,0BACI;AACV,UAAI,OAAO,MAAP,KAAkB,WAAtB,EAAmC,OAAO,CAAP;AAEnC,UAAM,OAAO,GAAG,KAAK,YAAL,IAAqB,KAAK,KAAL,CAAW,OAAhD,CAHU,CAIV;;AAEA,UAAM,KAAK,GAAG,CAAC,KAAK,QAAN,GACV,wBAAU,OAAV,CADU,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,YADO,0BAC8B;AAAA,UAAvB,OAAuB,uEAAF,EAAE;AACnC,UAAM,IAAI,GAAG,KAAK,GAAlB,CADmC,CAEnC;AACA;;AACA,UAAM,GAAG,GAAG,CAAC,KAAK,cAAN,EAAsB,wBAAU,IAAV,CAAtB,CAAZ,CAJmC,CAKnC;AACA;;AACA,UAAM,cAAc,gCACf,QAAQ,CAAC,sBAAT,CAAgC,yBAAhC,CADe,sBAEf,QAAQ,CAAC,sBAAT,CAAgC,2BAAhC,CAFe,EAApB,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,wBAAU,cAAc,CAAC,KAAD,CAAxB,CAAT;AACD;AACF;;AAED,aAAO,IAAI,CAAC,GAAL,OAAA,IAAI,EAAQ,GAAR,CAAX;AACD;AArBM;AA7BiC,CAA7B,C","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":"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","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/es5/mixins/themeable/index.js

@@ -3,19 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.functionalThemeClasses = functionalThemeClasses;
 exports.default = void 0;
-
+exports.functionalThemeClasses = functionalThemeClasses;
 var _kdu = _interopRequireDefault(require("kdu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* @kdujs/component */
 var Themeable = _kdu.default.extend().extend({
   name: 'themeable',
@@ -70,9 +67,7 @@ var Themeable = _kdu.default.extend().extend({
         'theme--light': !this.isDark
       };
     },
-
-    /** Used by menus and dialogs, inherits from k-app instead of the parent */
-    rootIsDark: function rootIsDark() {
+    /** Used by menus and dialogs, inherits from k-app instead of the parent */rootIsDark: function rootIsDark() {
       if (this.dark === true) {
         // explicitly dark
         return true;
@@ -102,13 +97,9 @@ var Themeable = _kdu.default.extend().extend({
     }
   }
 });
-
-var _default = Themeable;
-exports.default = _default;
-
+var _default = exports.default = Themeable;
 function functionalThemeClasses(context) {
-  var vm = _objectSpread(_objectSpread({}, context.props), context.injections);
-
+  var vm = _objectSpread({}, context.props, {}, context.injections);
   var isDark = Themeable.options.computed.isDark.call(vm);
   return Themeable.options.computed.themeClasses.call({
     isDark: isDark

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/themeable/index.ts"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;AASA;AACA,IAAM,SAAS,GAAG,aAAI,MAAJ,GAAsB,MAAtB,CAA6B;AAC7C,EAAA,IAAI,EAAE,WADuC;AAG7C,EAAA,OAH6C,qBAGtC;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,IA5B6C,kBA4BzC;AACF,WAAO;AACL,MAAA,gBAAgB,EAAE;AAChB,QAAA,MAAM,EAAE;AADQ;AADb,KAAP;AAKD,GAlC4C;AAoC7C,EAAA,QAAQ,EAAE;AACR,IAAA,SADQ,uBACC;AACP,aAAO,KAAK,QAAL,CAAc,KAAd,CAAoB,IAApB,IAA4B,KAAnC;AACD,KAHO;AAIR,IAAA,MAJQ,oBAIF;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,YAhBQ,0BAgBI;AACV,aAAO;AACL,uBAAe,KAAK,MADf;AAEL,wBAAgB,CAAC,KAAK;AAFjB,OAAP;AAID,KArBO;;AAsBR;AACA,IAAA,UAvBQ,wBAuBE;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,gBAnCQ,8BAmCQ;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,OADM,mBACG,MADH,EACW,MADX,EACiB;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;;eA2Fe,S;;;AAET,SAAU,sBAAV,CAAkC,OAAlC,EAAwD;AAC5D,MAAM,EAAE,mCACH,OAAO,CAAC,KADL,GAEH,OAAO,CAAC,UAFL,CAAR;;AAIA,MAAM,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,MAAM,EAAN;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":"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","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/es5/mixins/toggleable/index.js

@@ -3,18 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.factory = factory;
 exports.default = void 0;
-
+exports.factory = factory;
 var _kdu = _interopRequireDefault(require("kdu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function factory() {
-  var _watch;
-
   var prop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'value';
   var event = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'input';
   return _kdu.default.extend({
@@ -31,17 +28,14 @@ function factory() {
         isActive: !!this[prop]
       };
     },
-    watch: (_watch = {}, _defineProperty(_watch, prop, function (val) {
+    watch: _defineProperty(_defineProperty({}, prop, function (val) {
       this.isActive = !!val;
-    }), _defineProperty(_watch, "isActive", function isActive(val) {
+    }), "isActive", function isActive(val) {
       !!val !== this[prop] && this.$emit(event, val);
-    }), _watch)
+    })
   });
 }
 /* eslint-disable-next-line @typescript-eslint/no-redeclare */
-
-
 var Toggleable = factory();
-var _default = Toggleable;
-exports.default = _default;
+var _default = exports.default = Toggleable;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/toggleable/index.ts"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;AAKM,SAAU,OAAV,GAAkD;AAAA;;AAAA,MAA/B,IAA+B,uEAAxB,OAAwB;AAAA,MAAf,KAAe,uEAAP,OAAO;AACtD,SAAO,aAAI,MAAJ,CAAW;AAChB,IAAA,IAAI,EAAE,YADU;AAGhB,IAAA,KAAK,EAAE;AAAE,MAAA,IAAI,EAAJ,IAAF;AAAQ,MAAA,KAAK,EAAL;AAAR,KAHS;AAKhB,IAAA,KAAK,sBACF,IADE,EACK;AAAE,MAAA,QAAQ,EAAE;AAAZ,KADL,CALW;AAShB,IAAA,IATgB,kBASZ;AACF,aAAO;AACL,QAAA,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAL;AADP,OAAP;AAGD,KAbe;AAehB,IAAA,KAAK,wCACF,IADE,YACK,GADL,EACQ;AACT,WAAK,QAAL,GAAgB,CAAC,CAAC,GAAlB;AACD,KAHE,yDAIO,GAJP,EAIU;AACX,OAAC,CAAC,GAAF,KAAU,KAAK,IAAL,CAAV,IAAwB,KAAK,KAAL,CAAW,KAAX,EAAkB,GAAlB,CAAxB;AACD,KANE;AAfW,GAAX,CAAP;AAwBD;AAED;;;AACA,IAAM,UAAU,GAAG,OAAO,EAA1B;eAEe,U","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,IAAA,IAAA,GAAA,sBAAA,CAAA,OAAA;AAAyC,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AAAA,SAAA,QAAA,CAAA,sCAAA,OAAA,wBAAA,MAAA,uBAAA,MAAA,CAAA,QAAA,aAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,WAAA,CAAA,yBAAA,MAAA,IAAA,CAAA,CAAA,WAAA,KAAA,MAAA,IAAA,CAAA,KAAA,MAAA,CAAA,SAAA,qBAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,SAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,YAAA,CAAA,GAAA,cAAA,CAAA,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA,cAAA,CAAA,CAAA,EAAA,CAAA,IAAA,KAAA,EAAA,CAAA,EAAA,UAAA,MAAA,YAAA,MAAA,QAAA,UAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA;AAAA,SAAA,eAAA,CAAA,QAAA,CAAA,GAAA,YAAA,CAAA,CAAA,gCAAA,OAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AAAA,SAAA,aAAA,CAAA,EAAA,CAAA,oBAAA,OAAA,CAAA,CAAA,MAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,MAAA,CAAA,WAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,gCAAA,OAAA,CAAA,CAAA,UAAA,CAAA,YAAA,SAAA,yEAAA,CAAA,GAAA,MAAA,GAAA,MAAA,EAAA,CAAA;AAKnC,SAAU,OAAO,CAAA,EAAiC;EAAA,IAA/B,IAAI,GAAA,SAAA,CAAA,MAAA,QAAA,SAAA,QAAA,SAAA,GAAA,SAAA,MAAG,OAAO;EAAA,IAAE,KAAK,GAAA,SAAA,CAAA,MAAA,QAAA,SAAA,QAAA,SAAA,GAAA,SAAA,MAAG,OAAO;EACtD,OAAO,YAAG,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY;IAElB,KAAK,EAAE;MAAE,IAAI,EAAJ,IAAI;MAAE,KAAK,EAAL;IAAK,CAAE;IAEtB,KAAK,EAAA,eAAA,KACF,IAAI,EAAG;MAAE,QAAQ,EAAE;IAAK,CAAE,CAC5B;IAED,IAAI,WAAJ,IAAI,CAAA,EAAA;MACF,OAAO;QACL,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;OACtB;IACH,CAAC;IAED,KAAK,EAAA,eAAA,CAAA,eAAA,KACF,IAAI,YAAG,GAAG,EAAA;MACT,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG;IACvB,CAAC,wBACD,QAAQ,CAAE,GAAG,EAAA;MACX,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;IAChD,CAAC;GAEJ,CAAC;AACJ;AAEA;AACA,IAAM,UAAU,GAAG,OAAO,CAAA,CAAE;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAEb,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/es5/mixins/transitionable/index.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _kdu.default.extend({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _kdu.default.extend({
   name: 'transitionable',
   props: {
     mode: String,
@@ -17,6 +14,4 @@ var _default = _kdu.default.extend({
     transition: String
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/transitionable/index.ts"],"names":[],"mappings":";;;;;;;AAAA;;;;eAEe,aAAI,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,C","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,IAAA,IAAA,GAAA,sBAAA,CAAA,OAAA;AAAqB,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAEN,YAAG,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/es5/mixins/translatable/index.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _kdu.default.extend({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _kdu.default.extend({
   name: 'translatable',
   props: {
     height: Number
@@ -47,9 +44,7 @@ var _default = _kdu.default.extend({
       window.addEventListener('scroll', this.translate, false);
       window.addEventListener('resize', this.translate, false);
     },
-
-    /** @abstract **/
-    objHeight: function objHeight() {
+    /** @abstract **/objHeight: function objHeight() {
       throw new Error('Not implemented !');
     },
     translate: function translate() {
@@ -59,6 +54,4 @@ var _default = _kdu.default.extend({
     }
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/translatable/index.ts"],"names":[],"mappings":";;;;;;;AAAA;;;;eAEe,aAAI,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,cADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AADH,GAHiB;AAOxB,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,WAAW,EAAE,CADF;AAEX,MAAA,QAAQ,EAAE,CAFC;AAGX,MAAA,YAAY,EAAE,CAHH;AAIX,MAAA,eAAe,EAAE,CAJN;AAKX,MAAA,SAAS,EAAE,CALA;AAMX,MAAA,YAAY,EAAE,CANH;AAOX,MAAA,YAAY,EAAE;AAPH,KAAP;AAAA,GAPkB;AAiBxB,EAAA,QAAQ,EAAE;AACR,IAAA,SADQ,uBACC;AACP,aAAO,KAAK,SAAL,EAAP;AACD;AAHO,GAjBc;AAuBxB,EAAA,aAvBwB,2BAuBX;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,cADO,4BACO;AACZ,UAAM,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,SAVO,uBAUE;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,SAfO,uBAeE;AACP,YAAM,IAAI,KAAJ,CAAU,mBAAV,CAAN;AACD,KAjBM;AAkBP,IAAA,SAlBO,uBAkBE;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,C","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,IAAA,IAAA,GAAA,sBAAA,CAAA,OAAA;AAAqB,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAEN,YAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,cAAc;EAEpB,KAAK,EAAE;IACL,MAAM,EAAE;GACT;EAED,IAAI,EAAE,SAAN,IAAI,CAAA;IAAA,OAAS;MACX,WAAW,EAAE,CAAC;MACd,QAAQ,EAAE,CAAC;MACX,YAAY,EAAE,CAAC;MACf,eAAe,EAAE,CAAC;MAClB,SAAS,EAAE,CAAC;MACZ,YAAY,EAAE,CAAC;MACf,YAAY,EAAE;KACf;EAAA,CAAC;EAEF,QAAQ,EAAE;IACR,SAAS,WAAT,SAAS,CAAA,EAAA;MACP,OAAO,IAAI,CAAC,SAAS,CAAA,CAAE;IACzB;GACD;EAED,aAAa,WAAb,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,WAAd,cAAc,CAAA,EAAA;MACZ,IAAM,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,WAAT,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,iBACA,SAAS,WAAT,SAAS,CAAA,EAAA;MACP,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;IACtC,CAAC;IACD,SAAS,WAAT,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/es5/mixins/validatable/index.js

@@ -4,30 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _colorable = _interopRequireDefault(require("../colorable"));
-
 var _themeable = _interopRequireDefault(require("../themeable"));
-
 var _registrable = require("../registrable");
-
 var _helpers = require("../../util/helpers");
-
 var _console = require("../../util/console");
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } // Mixins
+// Utilities
 var baseMixins = (0, _mixins.default)(_colorable.default, (0, _registrable.inject)('form'), _themeable.default);
 /* @kdujs/component */
-
-var _default2 = baseMixins.extend({
+var _default2 = exports.default = baseMixins.extend({
   name: 'validatable',
   props: {
-    disabled: Boolean,
+    disabled: {
+      type: Boolean,
+      default: null
+    },
     error: Boolean,
     errorCount: {
       type: [Number, String],
@@ -45,7 +39,10 @@ var _default2 = baseMixins.extend({
         return [];
       }
     },
-    readonly: Boolean,
+    readonly: {
+      type: Boolean,
+      default: null
+    },
     rules: {
       type: Array,
       default: function _default() {
@@ -79,12 +76,12 @@ var _default2 = baseMixins.extend({
   computed: {
     computedColor: function 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: function hasError() {
@@ -124,13 +121,15 @@ var _default2 = baseMixins.extend({
       }
     },
     isDisabled: function 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: function isInteractive() {
       return !this.isDisabled && !this.isReadonly;
     },
     isReadonly: function 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: function shouldValidate() {
       if (this.externalError) return true;
@@ -183,12 +182,10 @@ var _default2 = baseMixins.extend({
     },
     isResetting: function isResetting() {
       var _this = this;
-
       setTimeout(function () {
         _this.hasInput = false;
         _this.hasFocused = false;
         _this.isResetting = false;
-
         _this.validate();
       }, 0);
     },
@@ -214,43 +211,32 @@ var _default2 = baseMixins.extend({
     genInternalMessages: function genInternalMessages(messages) {
       if (!messages) return [];else if (Array.isArray(messages)) return messages;else return [messages];
     },
-
-    /** @public */
-    reset: function reset() {
+    /** @public */reset: function reset() {
       this.isResetting = true;
       this.internalValue = Array.isArray(this.internalValue) ? [] : null;
     },
-
-    /** @public */
-    resetValidation: function resetValidation() {
+    /** @public */resetValidation: function resetValidation() {
       this.isResetting = true;
     },
-
-    /** @public */
-    validate: function validate() {
+    /** @public */validate: function validate() {
       var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var value = arguments.length > 1 ? arguments[1] : undefined;
       var errorBucket = [];
       value = value || this.internalValue;
       if (force) this.hasInput = this.hasFocused = true;
-
       for (var index = 0; index < this.rules.length; index++) {
         var rule = this.rules[index];
         var valid = typeof rule === 'function' ? rule(value) : rule;
-
         if (valid === false || typeof valid === 'string') {
           errorBucket.push(valid || '');
         } else if (typeof valid !== 'boolean') {
           (0, _console.consoleError)("Rules should return a string or boolean, received '".concat(_typeof(valid), "' instead"), this);
         }
       }
-
       this.errorBucket = errorBucket;
       this.valid = errorBucket.length === 0;
       return this.valid;
     }
   }
 });
-
-exports.default = _default2;
 //# sourceMappingURL=index.js.map