kdutify 2.6.1 → 2.7.3

package/lib/mixins/delayable/index.js

@@ -1,12 +1,11 @@
 import Kdu from 'kdu';
-/**
- * Delayable
- *
- * @mixin
- *
- * Changes the open or close delay time for elements
+/**
+ * Delayable
+ *
+ * @mixin
+ *
+ * Changes the open or close delay time for elements
  */
-
 export default Kdu.extend().extend({
   name: 'delayable',
   props: {
@@ -24,16 +23,15 @@ export default Kdu.extend().extend({
     closeTimeout: undefined
   }),
   methods: {
-    /**
-     * Clear any pending delay timers from executing
+    /**
+     * Clear any pending delay timers from executing
      */
     clearDelay() {
       clearTimeout(this.openTimeout);
       clearTimeout(this.closeTimeout);
     },
-
-    /**
-     * Runs callback after a specified delay
+    /**
+     * Runs callback after a specified delay
      */
     runDelay(type, cb) {
       this.clearDelay();
@@ -45,7 +43,6 @@ export default Kdu.extend().extend({
         }[type];
       }), delay);
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/delayable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA;;;;;;AAMG;;AACH,eAAe,GAAG,CAAC,MAAJ,GAA2C,MAA3C,CAAkD;AAC/D,EAAA,IAAI,EAAE,WADyD;AAG/D,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADG;AAET,MAAA,OAAO,EAAE;AAFA,KADN;AAKL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADI;AAEV,MAAA,OAAO,EAAE;AAFC;AALP,GAHwD;AAc/D,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,WAAW,EAAE,SADF;AAEX,IAAA,YAAY,EAAE;AAFH,GAAP,CAdyD;AAmB/D,EAAA,OAAO,EAAE;AACP;;AAEG;AACH,IAAA,UAAU,GAAA;AACR,MAAA,YAAY,CAAC,KAAK,WAAN,CAAZ;AACA,MAAA,YAAY,CAAC,KAAK,YAAN,CAAZ;AACD,KAPM;;AAQP;;AAEG;AACH,IAAA,QAAQ,CAAE,IAAF,EAA0B,EAA1B,EAAyC;AAC/C,WAAK,UAAL;AAEA,YAAM,KAAK,GAAG,QAAQ,CAAE,KAAa,GAAG,IAAI,OAApB,CAAF,EAAgC,EAAhC,CAAtB;AAEE,WAAa,GAAG,IAAI,SAApB,IAAiC,UAAU,CAAC,EAAE,KAAK,MAAK;AACxD,aAAK,QAAL,GAAgB;AAAE,UAAA,IAAI,EAAE,IAAR;AAAc,UAAA,KAAK,EAAE;AAArB,UAA6B,IAA7B,CAAhB;AACD,OAF+C,CAAH,EAEzC,KAFyC,CAA3C;AAGH;;AAnBM;AAnBsD,CAAlD,CAAf","sourcesContent":["import Kdu from 'kdu'\n\n/**\n * Delayable\n *\n * @mixin\n *\n * Changes the open or close delay time for elements\n */\nexport default Kdu.extend<Kdu & { isActive?: boolean }>().extend({\n  name: 'delayable',\n\n  props: {\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data: () => ({\n    openTimeout: undefined as number | undefined,\n    closeTimeout: undefined as number | undefined,\n  }),\n\n  methods: {\n    /**\n     * Clear any pending delay timers from executing\n     */\n    clearDelay (): void {\n      clearTimeout(this.openTimeout)\n      clearTimeout(this.closeTimeout)\n    },\n    /**\n     * Runs callback after a specified delay\n     */\n    runDelay (type: 'open' | 'close', cb?: () => void): void {\n      this.clearDelay()\n\n      const delay = parseInt((this as any)[`${type}Delay`], 10)\n\n      ;(this as any)[`${type}Timeout`] = setTimeout(cb || (() => {\n        this.isActive = { open: true, close: false }[type]\n      }), delay)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/delayable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB;;;;;;AAMG;AACH,eAAe,GAAG,CAAC,MAAM,CAAA,CAAgC,CAAC,MAAM,CAAC;EAC/D,IAAI,EAAE,WAAW;EAEjB,KAAK,EAAE;IACL,SAAS,EAAE;MACT,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,UAAU,EAAE;MACV,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;IACV;GACF;EAED,IAAI,EAAE,CAAA,MAAO;IACX,WAAW,EAAE,SAA+B;IAC5C,YAAY,EAAE;GACf,CAAC;EAEF,OAAO,EAAE;IACP;;AAEG;IACH,UAAU,CAAA,EAAA;MACR,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;MAC9B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;IACjC,CAAC;IACD;;AAEG;IACH,QAAQ,CAAE,IAAsB,EAAE,EAAe,EAAA;MAC/C,IAAI,CAAC,UAAU,CAAA,CAAE;MAEjB,MAAM,KAAK,GAAG,QAAQ,CAAE,IAAY,CAAC,GAAG,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;MAEvD,IAAY,CAAC,GAAG,IAAI,SAAS,CAAC,GAAG,UAAU,CAAC,EAAE,KAAK,MAAK;QACxD,IAAI,CAAC,QAAQ,GAAG;UAAE,IAAI,EAAE,IAAI;UAAE,KAAK,EAAE;QAAK,CAAE,CAAC,IAAI,CAAC;MACpD,CAAC,CAAC,EAAE,KAAK,CAAC;IACZ;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\n/**\n * Delayable\n *\n * @mixin\n *\n * Changes the open or close delay time for elements\n */\nexport default Kdu.extend<Kdu & { isActive?: boolean }>().extend({\n  name: 'delayable',\n\n  props: {\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data: () => ({\n    openTimeout: undefined as number | undefined,\n    closeTimeout: undefined as number | undefined,\n  }),\n\n  methods: {\n    /**\n     * Clear any pending delay timers from executing\n     */\n    clearDelay (): void {\n      clearTimeout(this.openTimeout)\n      clearTimeout(this.closeTimeout)\n    },\n    /**\n     * Runs callback after a specified delay\n     */\n    runDelay (type: 'open' | 'close', cb?: () => void): void {\n      this.clearDelay()\n\n      const delay = parseInt((this as any)[`${type}Delay`], 10)\n\n      ;(this as any)[`${type}Timeout`] = setTimeout(cb || (() => {\n        this.isActive = { open: true, close: false }[type]\n      }), delay)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/dependent/index.js

@@ -1,26 +1,19 @@
 import mixins from '../../util/mixins';
-
 function searchChildren(children) {
   const results = [];
-
   for (let index = 0; index < children.length; index++) {
     const child = children[index];
-
     if (child.isActive && child.isDependent) {
       results.push(child);
     } else {
       results.push(...searchChildren(child.$children));
     }
   }
-
   return results;
 }
 /* @kdujs/component */
-
-
 export default mixins().extend({
   name: 'dependent',
-
   data() {
     return {
       closeDependents: true,
@@ -28,35 +21,28 @@ export default mixins().extend({
       isDependent: true
     };
   },
-
   watch: {
     isActive(val) {
       if (val) return;
       const openDependents = this.getOpenDependents();
-
       for (let index = 0; index < openDependents.length; index++) {
         openDependents[index].isActive = false;
       }
     }
-
   },
   methods: {
     getOpenDependents() {
       if (this.closeDependents) return searchChildren(this.$children);
       return [];
     },
-
     getOpenDependentElements() {
       const result = [];
       const openDependents = this.getOpenDependents();
-
       for (let index = 0; index < openDependents.length; index++) {
         result.push(...openDependents[index].getClickableDependentElements());
       }
-
       return result;
     },
-
     getClickableDependentElements() {
       const result = [this.$el];
       if (this.$refs.content) result.push(this.$refs.content);
@@ -64,7 +50,6 @@ export default mixins().extend({
       result.push(...this.getOpenDependentElements());
       return result;
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/dependent/index.ts"],"names":[],"mappings":"AAEA,OAAO,MAAP,MAAmB,mBAAnB;;AAgBA,SAAS,cAAT,CAAyB,QAAzB,EAAwC;AACtC,QAAM,OAAO,GAAG,EAAhB;;AACA,OAAK,IAAI,KAAK,GAAG,CAAjB,EAAoB,KAAK,GAAG,QAAQ,CAAC,MAArC,EAA6C,KAAK,EAAlD,EAAsD;AACpD,UAAM,KAAK,GAAG,QAAQ,CAAC,KAAD,CAAtB;;AACA,QAAI,KAAK,CAAC,QAAN,IAAkB,KAAK,CAAC,WAA5B,EAAyC;AACvC,MAAA,OAAO,CAAC,IAAR,CAAa,KAAb;AACD,KAFD,MAEO;AACL,MAAA,OAAO,CAAC,IAAR,CAAa,GAAG,cAAc,CAAC,KAAK,CAAC,SAAP,CAA9B;AACD;AACF;;AAED,SAAO,OAAP;AACD;AAED;;;AACA,eAAe,MAAM,GAAY,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,WADgC;;AAGtC,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,eAAe,EAAE,IADZ;AAEL,MAAA,QAAQ,EAAE,KAFL;AAGL,MAAA,WAAW,EAAE;AAHR,KAAP;AAKD,GATqC;;AAWtC,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,CAAE,GAAF,EAAK;AACX,UAAI,GAAJ,EAAS;AAET,YAAM,cAAc,GAAG,KAAK,iBAAL,EAAvB;;AACA,WAAK,IAAI,KAAK,GAAG,CAAjB,EAAoB,KAAK,GAAG,cAAc,CAAC,MAA3C,EAAmD,KAAK,EAAxD,EAA4D;AAC1D,QAAA,cAAc,CAAC,KAAD,CAAd,CAAsB,QAAtB,GAAiC,KAAjC;AACD;AACF;;AARI,GAX+B;AAsBtC,EAAA,OAAO,EAAE;AACP,IAAA,iBAAiB,GAAA;AACf,UAAI,KAAK,eAAT,EAA0B,OAAO,cAAc,CAAC,KAAK,SAAN,CAArB;AAE1B,aAAO,EAAP;AACD,KALM;;AAMP,IAAA,wBAAwB,GAAA;AACtB,YAAM,MAAM,GAAG,EAAf;AACA,YAAM,cAAc,GAAG,KAAK,iBAAL,EAAvB;;AAEA,WAAK,IAAI,KAAK,GAAG,CAAjB,EAAoB,KAAK,GAAG,cAAc,CAAC,MAA3C,EAAmD,KAAK,EAAxD,EAA4D;AAC1D,QAAA,MAAM,CAAC,IAAP,CAAY,GAAG,cAAc,CAAC,KAAD,CAAd,CAAsB,6BAAtB,EAAf;AACD;;AAED,aAAO,MAAP;AACD,KAfM;;AAgBP,IAAA,6BAA6B,GAAA;AAC3B,YAAM,MAAM,GAAG,CAAC,KAAK,GAAN,CAAf;AACA,UAAI,KAAK,KAAL,CAAW,OAAf,EAAwB,MAAM,CAAC,IAAP,CAAY,KAAK,KAAL,CAAW,OAAvB;AACxB,UAAI,KAAK,OAAT,EAAkB,MAAM,CAAC,IAAP,CAAY,KAAK,OAAL,CAAa,GAAzB;AAClB,MAAA,MAAM,CAAC,IAAP,CAAY,GAAG,KAAK,wBAAL,EAAf;AAEA,aAAO,MAAP;AACD;;AAvBM;AAtB6B,CAAzB,CAAf","sourcesContent":["import Kdu from 'kdu'\n\nimport mixins from '../../util/mixins'\nimport { KOverlay } from '../../components/KOverlay'\n\ninterface options extends Kdu {\n  $el: HTMLElement\n  $refs: {\n    content: HTMLElement\n  }\n  overlay?: InstanceType<typeof KOverlay>\n}\n\ninterface DependentInstance extends Kdu {\n  isActive?: boolean\n  isDependent?: boolean\n}\n\nfunction searchChildren (children: Kdu[]): DependentInstance[] {\n  const results = []\n  for (let index = 0; index < children.length; index++) {\n    const child = children[index] as DependentInstance\n    if (child.isActive && child.isDependent) {\n      results.push(child)\n    } else {\n      results.push(...searchChildren(child.$children))\n    }\n  }\n\n  return results\n}\n\n/* @kdujs/component */\nexport default mixins<options>().extend({\n  name: 'dependent',\n\n  data () {\n    return {\n      closeDependents: true,\n      isActive: false,\n      isDependent: true,\n    }\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) return\n\n      const openDependents = this.getOpenDependents()\n      for (let index = 0; index < openDependents.length; index++) {\n        openDependents[index].isActive = false\n      }\n    },\n  },\n\n  methods: {\n    getOpenDependents (): any[] {\n      if (this.closeDependents) return searchChildren(this.$children)\n\n      return []\n    },\n    getOpenDependentElements (): HTMLElement[] {\n      const result = []\n      const openDependents = this.getOpenDependents()\n\n      for (let index = 0; index < openDependents.length; index++) {\n        result.push(...openDependents[index].getClickableDependentElements())\n      }\n\n      return result\n    },\n    getClickableDependentElements (): HTMLElement[] {\n      const result = [this.$el]\n      if (this.$refs.content) result.push(this.$refs.content)\n      if (this.overlay) result.push(this.overlay.$el as HTMLElement)\n      result.push(...this.getOpenDependentElements())\n\n      return result\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/dependent/index.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,mBAAmB;AAgBtC,SAAS,cAAc,CAAE,QAAe,EAAA;EACtC,MAAM,OAAO,GAAG,EAAE;EAClB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAsB;IAClD,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,WAAW,EAAE;MACvC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;KACpB,MAAM;MACL,OAAO,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACjD;EACF;EAED,OAAO,OAAO;AAChB;AAEA;AACA,eAAe,MAAM,CAAA,CAAiB,CAAC,MAAM,CAAC;EAC5C,IAAI,EAAE,WAAW;EAEjB,IAAI,CAAA,EAAA;IACF,OAAO;MACL,eAAe,EAAE,IAAI;MACrB,QAAQ,EAAE,KAAK;MACf,WAAW,EAAE;KACd;EACH,CAAC;EAED,KAAK,EAAE;IACL,QAAQ,CAAE,GAAG,EAAA;MACX,IAAI,GAAG,EAAE;MAET,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAA,CAAE;MAC/C,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC1D,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,KAAK;MACvC;IACH;GACD;EAED,OAAO,EAAE;IACP,iBAAiB,CAAA,EAAA;MACf,IAAI,IAAI,CAAC,eAAe,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC;MAE/D,OAAO,EAAE;IACX,CAAC;IACD,wBAAwB,CAAA,EAAA;MACtB,MAAM,MAAM,GAAG,EAAE;MACjB,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAA,CAAE;MAE/C,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC1D,MAAM,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,6BAA6B,CAAA,CAAE,CAAC;MACtE;MAED,OAAO,MAAM;IACf,CAAC;IACD,6BAA6B,CAAA,EAAA;MAC3B,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;MACzB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;MACvD,IAAI,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAkB,CAAC;MAC9D,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAA,CAAE,CAAC;MAE/C,OAAO,MAAM;IACf;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\nimport mixins from '../../util/mixins'\nimport { KOverlay } from '../../components/KOverlay'\n\ninterface options {\n  $el: HTMLElement\n  $refs: {\n    content?: HTMLElement\n  }\n  overlay?: InstanceType<typeof KOverlay>\n}\n\ninterface DependentInstance extends Kdu {\n  isActive?: boolean\n  isDependent?: boolean\n}\n\nfunction searchChildren (children: Kdu[]): DependentInstance[] {\n  const results = []\n  for (let index = 0; index < children.length; index++) {\n    const child = children[index] as DependentInstance\n    if (child.isActive && child.isDependent) {\n      results.push(child)\n    } else {\n      results.push(...searchChildren(child.$children))\n    }\n  }\n\n  return results\n}\n\n/* @kdujs/component */\nexport default mixins<Kdu & options>().extend({\n  name: 'dependent',\n\n  data () {\n    return {\n      closeDependents: true,\n      isActive: false,\n      isDependent: true,\n    }\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) return\n\n      const openDependents = this.getOpenDependents()\n      for (let index = 0; index < openDependents.length; index++) {\n        openDependents[index].isActive = false\n      }\n    },\n  },\n\n  methods: {\n    getOpenDependents (): any[] {\n      if (this.closeDependents) return searchChildren(this.$children)\n\n      return []\n    },\n    getOpenDependentElements (): HTMLElement[] {\n      const result = []\n      const openDependents = this.getOpenDependents()\n\n      for (let index = 0; index < openDependents.length; index++) {\n        result.push(...openDependents[index].getClickableDependentElements())\n      }\n\n      return result\n    },\n    getClickableDependentElements (): HTMLElement[] {\n      const result = [this.$el]\n      if (this.$refs.content) result.push(this.$refs.content)\n      if (this.overlay) result.push(this.overlay.$el as HTMLElement)\n      result.push(...this.getOpenDependentElements())\n\n      return result\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/detachable/index.js

@@ -1,24 +1,20 @@
 // Mixins
-import Bootable from '../bootable'; // Utilities
-
+import Bootable from '../bootable';
+// Utilities
 import { getObjectValueByPath } from '../../util/helpers';
 import mixins from '../../util/mixins';
 import { consoleWarn } from '../../util/console';
-
 function validateAttachTarget(val) {
   const type = typeof val;
   if (type === 'boolean' || type === 'string') return true;
   return val.nodeType === Node.ELEMENT_NODE;
 }
-
 function removeActivator(activator) {
   activator.forEach(node => {
     node.elm && node.elm.parentNode && node.elm.parentNode.removeChild(node.elm);
   });
 }
 /* @kdujs/component */
-
-
 export default mixins(Bootable).extend({
   name: 'detachable',
   props: {
@@ -40,13 +36,10 @@ export default mixins(Bootable).extend({
       this.hasDetached = false;
       this.initDetach();
     },
-
     hasContent() {
       this.$nextTick(this.initDetach);
     }
-
   },
-
   beforeMount() {
     this.$nextTick(() => {
       if (this.activatorNode) {
@@ -60,25 +53,20 @@ export default mixins(Bootable).extend({
       }
     });
   },
-
   mounted() {
     this.hasContent && this.initDetach();
   },
-
   deactivated() {
     this.isActive = false;
   },
-
   beforeDestroy() {
     if (this.$refs.content && this.$refs.content.parentNode) {
       this.$refs.content.parentNode.removeChild(this.$refs.content);
     }
   },
-
   destroyed() {
     if (this.activatorNode) {
       const activator = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode];
-
       if (this.$el.isConnected) {
         // Component has been destroyed but the element still exists, we must be in a transition
         // Wait for the transition to finish before cleaning up the detached activator
@@ -97,7 +85,6 @@ export default mixins(Bootable).extend({
       }
     }
   },
-
   methods: {
     getScopeIdAttrs() {
       const scopeId = getObjectValueByPath(this.$knode, 'context.$options._scopeId');
@@ -105,16 +92,17 @@ export default mixins(Bootable).extend({
         [scopeId]: ''
       };
     },
-
     initDetach() {
-      if (this._isDestroyed || !this.$refs.content || this.hasDetached || // Leave menu in place if attached
+      if (this._isDestroyed || !this.$refs.content || this.hasDetached ||
+      // Leave menu in place if attached
       // and dev has not changed target
-      this.attach === '' || // If used as a boolean prop (<k-menu attach>)
-      this.attach === true || // If bound to a boolean (<k-menu :attach="true">)
+      this.attach === '' ||
+      // If used as a boolean prop (<k-menu attach>)
+      this.attach === true ||
+      // If bound to a boolean (<k-menu :attach="true">)
       this.attach === 'attach' // If bound as boolean prop in pug (k-menu(attach))
       ) return;
       let target;
-
       if (this.attach === false) {
         // Default, detach to app
         target = document.querySelector('[data-app]');
@@ -125,16 +113,13 @@ export default mixins(Bootable).extend({
         // DOM Element
         target = this.attach;
       }
-
       if (!target) {
         consoleWarn(`Unable to locate target ${this.attach || '[data-app]'}`, this);
         return;
       }
-
       target.appendChild(this.$refs.content);
       this.hasDetached = true;
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/detachable/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,QAAP,MAAqB,aAArB,C,CAEA;;AACA,SAAS,oBAAT,QAAqC,oBAArC;AACA,OAAO,MAAP,MAAmC,mBAAnC;AACA,SAAS,WAAT,QAA4B,oBAA5B;;AAaA,SAAS,oBAAT,CAA+B,GAA/B,EAAuC;AACrC,QAAM,IAAI,GAAG,OAAO,GAApB;AAEA,MAAI,IAAI,KAAK,SAAT,IAAsB,IAAI,KAAK,QAAnC,EAA6C,OAAO,IAAP;AAE7C,SAAO,GAAG,CAAC,QAAJ,KAAiB,IAAI,CAAC,YAA7B;AACD;;AAED,SAAS,eAAT,CAA0B,SAA1B,EAA4C;AAC1C,EAAA,SAAS,CAAC,OAAV,CAAkB,IAAI,IAAG;AACvB,IAAA,IAAI,CAAC,GAAL,IACA,IAAI,CAAC,GAAL,CAAS,UADT,IAEA,IAAI,CAAC,GAAL,CAAS,UAAT,CAAoB,WAApB,CAAgC,IAAI,CAAC,GAArC,CAFA;AAGD,GAJD;AAKD;AAED;;;AACA,eAAe,MAAM,CAInB,QAJmB,CAAN,CAIH,MAJG,CAII;AACjB,EAAA,IAAI,EAAE,YADW;AAGjB,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AACN,MAAA,OAAO,EAAE,KADH;AAEN,MAAA,SAAS,EAAE;AAFL,KADH;AAKL,IAAA,YAAY,EAAE;AACZ,MAAA,IAAI,EAAE,MADM;AAEZ,MAAA,OAAO,EAAE;AAFG;AALT,GAHU;AAcjB,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,aAAa,EAAE,IADJ;AAEX,IAAA,WAAW,EAAE;AAFF,GAAP,CAdW;AAmBjB,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,GAAA;AACJ,WAAK,WAAL,GAAmB,KAAnB;AACA,WAAK,UAAL;AACD,KAJI;;AAKL,IAAA,UAAU,GAAA;AACR,WAAK,SAAL,CAAe,KAAK,UAApB;AACD;;AAPI,GAnBU;;AA6BjB,EAAA,WAAW,GAAA;AACT,SAAK,SAAL,CAAe,MAAK;AAClB,UAAI,KAAK,aAAT,EAAwB;AACtB,cAAM,SAAS,GAAG,KAAK,CAAC,OAAN,CAAc,KAAK,aAAnB,IAAoC,KAAK,aAAzC,GAAyD,CAAC,KAAK,aAAN,CAA3E;AAEA,QAAA,SAAS,CAAC,OAAV,CAAkB,IAAI,IAAG;AACvB,cAAI,CAAC,IAAI,CAAC,GAAV,EAAe;AACf,cAAI,CAAC,KAAK,GAAL,CAAS,UAAd,EAA0B;AAE1B,gBAAM,MAAM,GAAG,KAAK,GAAL,KAAa,KAAK,GAAL,CAAS,UAAT,CAAoB,UAAjC,GACX,KAAK,GADM,GAEX,KAAK,GAAL,CAAS,WAFb;AAIA,eAAK,GAAL,CAAS,UAAT,CAAoB,YAApB,CAAiC,IAAI,CAAC,GAAtC,EAA2C,MAA3C;AACD,SATD;AAUD;AACF,KAfD;AAgBD,GA9CgB;;AAgDjB,EAAA,OAAO,GAAA;AACL,SAAK,UAAL,IAAmB,KAAK,UAAL,EAAnB;AACD,GAlDgB;;AAoDjB,EAAA,WAAW,GAAA;AACT,SAAK,QAAL,GAAgB,KAAhB;AACD,GAtDgB;;AAwDjB,EAAA,aAAa,GAAA;AACX,QACE,KAAK,KAAL,CAAW,OAAX,IACA,KAAK,KAAL,CAAW,OAAX,CAAmB,UAFrB,EAGE;AACA,WAAK,KAAL,CAAW,OAAX,CAAmB,UAAnB,CAA8B,WAA9B,CAA0C,KAAK,KAAL,CAAW,OAArD;AACD;AACF,GA/DgB;;AAiEjB,EAAA,SAAS,GAAA;AACP,QAAI,KAAK,aAAT,EAAwB;AACtB,YAAM,SAAS,GAAG,KAAK,CAAC,OAAN,CAAc,KAAK,aAAnB,IAAoC,KAAK,aAAzC,GAAyD,CAAC,KAAK,aAAN,CAA3E;;AACA,UAAI,KAAK,GAAL,CAAS,WAAb,EAA0B;AACxB;AACA;AACA,cAAM,QAAQ,GAAG,IAAI,gBAAJ,CAAqB,IAAI,IAAG;AAC3C,cACE,IAAI,CAAC,IAAL,CAAU,MAAM,IAAI,KAAK,CAAC,IAAN,CAAW,MAAM,CAAC,YAAlB,EAAgC,QAAhC,CAAyC,KAAK,GAA9C,CAApB,CADF,EAEE;AACA,YAAA,QAAQ,CAAC,UAAT;AACA,YAAA,eAAe,CAAC,SAAD,CAAf;AACD;AACF,SAPgB,CAAjB;AAQA,QAAA,QAAQ,CAAC,OAAT,CAAiB,KAAK,GAAL,CAAS,UAA1B,EAAuC;AAAE,UAAA,OAAO,EAAE,KAAX;AAAkB,UAAA,SAAS,EAAE;AAA7B,SAAvC;AACD,OAZD,MAYO;AACL,QAAA,eAAe,CAAC,SAAD,CAAf;AACD;AACF;AACF,GApFgB;;AAsFjB,EAAA,OAAO,EAAE;AACP,IAAA,eAAe,GAAA;AACb,YAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,MAAN,EAAc,2BAAd,CAApC;AAEA,aAAO,OAAO,IAAI;AAChB,SAAC,OAAD,GAAW;AADK,OAAlB;AAGD,KAPM;;AAQP,IAAA,UAAU,GAAA;AACR,UAAI,KAAK,YAAL,IACF,CAAC,KAAK,KAAL,CAAW,OADV,IAEF,KAAK,WAFH,IAGF;AACA;AACA,WAAK,MAAL,KAAgB,EALd,IAKoB;AACtB,WAAK,MAAL,KAAgB,IANd,IAMsB;AACxB,WAAK,MAAL,KAAgB,QAPlB,CAO2B;AAP3B,QAQE;AAEF,UAAI,MAAJ;;AACA,UAAI,KAAK,MAAL,KAAgB,KAApB,EAA2B;AACzB;AACA,QAAA,MAAM,GAAG,QAAQ,CAAC,aAAT,CAAuB,YAAvB,CAAT;AACD,OAHD,MAGO,IAAI,OAAO,KAAK,MAAZ,KAAuB,QAA3B,EAAqC;AAC1C;AACA,QAAA,MAAM,GAAG,QAAQ,CAAC,aAAT,CAAuB,KAAK,MAA5B,CAAT;AACD,OAHM,MAGA;AACL;AACA,QAAA,MAAM,GAAG,KAAK,MAAd;AACD;;AAED,UAAI,CAAC,MAAL,EAAa;AACX,QAAA,WAAW,CAAC,2BAA2B,KAAK,MAAL,IAAe,YAAY,EAAvD,EAA2D,IAA3D,CAAX;AACA;AACD;;AAED,MAAA,MAAM,CAAC,WAAP,CAAmB,KAAK,KAAL,CAAW,OAA9B;AAEA,WAAK,WAAL,GAAmB,IAAnB;AACD;;AAvCM;AAtFQ,CAJJ,CAAf","sourcesContent":["// Mixins\nimport Bootable from '../bootable'\n\n// Utilities\nimport { getObjectValueByPath } from '../../util/helpers'\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu, { PropOptions } from 'kdu'\nimport { KNode } from 'kdu/types'\n\ninterface options extends Kdu {\n  $el: HTMLElement\n  $refs: {\n    content: HTMLElement\n  }\n}\n\nfunction validateAttachTarget (val: any) {\n  const type = typeof val\n\n  if (type === 'boolean' || type === 'string') return true\n\n  return val.nodeType === Node.ELEMENT_NODE\n}\n\nfunction removeActivator (activator: KNode[]) {\n  activator.forEach(node => {\n    node.elm &&\n    node.elm.parentNode &&\n    node.elm.parentNode.removeChild(node.elm)\n  })\n}\n\n/* @kdujs/component */\nexport default mixins<options &\n  /* eslint-disable indent */\n  ExtractKdu<typeof Bootable>\n  /* eslint-enable indent */\n>(Bootable).extend({\n  name: 'detachable',\n\n  props: {\n    attach: {\n      default: false,\n      validator: validateAttachTarget,\n    } as PropOptions<boolean | string | Element>,\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data: () => ({\n    activatorNode: null as null | KNode | KNode[],\n    hasDetached: false,\n  }),\n\n  watch: {\n    attach () {\n      this.hasDetached = false\n      this.initDetach()\n    },\n    hasContent () {\n      this.$nextTick(this.initDetach)\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      if (this.activatorNode) {\n        const activator = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode]\n\n        activator.forEach(node => {\n          if (!node.elm) return\n          if (!this.$el.parentNode) return\n\n          const target = this.$el === this.$el.parentNode.firstChild\n            ? this.$el\n            : this.$el.nextSibling\n\n          this.$el.parentNode.insertBefore(node.elm, target)\n        })\n      }\n    })\n  },\n\n  mounted () {\n    this.hasContent && this.initDetach()\n  },\n\n  deactivated () {\n    this.isActive = false\n  },\n\n  beforeDestroy () {\n    if (\n      this.$refs.content &&\n      this.$refs.content.parentNode\n    ) {\n      this.$refs.content.parentNode.removeChild(this.$refs.content)\n    }\n  },\n\n  destroyed () {\n    if (this.activatorNode) {\n      const activator = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode]\n      if (this.$el.isConnected) {\n        // Component has been destroyed but the element still exists, we must be in a transition\n        // Wait for the transition to finish before cleaning up the detached activator\n        const observer = new MutationObserver(list => {\n          if (\n            list.some(record => Array.from(record.removedNodes).includes(this.$el))\n          ) {\n            observer.disconnect()\n            removeActivator(activator)\n          }\n        })\n        observer.observe(this.$el.parentNode!, { subtree: false, childList: true })\n      } else {\n        removeActivator(activator)\n      }\n    }\n  },\n\n  methods: {\n    getScopeIdAttrs () {\n      const scopeId = getObjectValueByPath(this.$knode, 'context.$options._scopeId')\n\n      return scopeId && {\n        [scopeId]: '',\n      }\n    },\n    initDetach () {\n      if (this._isDestroyed ||\n        !this.$refs.content ||\n        this.hasDetached ||\n        // Leave menu in place if attached\n        // and dev has not changed target\n        this.attach === '' || // If used as a boolean prop (<k-menu attach>)\n        this.attach === true || // If bound to a boolean (<k-menu :attach=\"true\">)\n        this.attach === 'attach' // If bound as boolean prop in pug (k-menu(attach))\n      ) return\n\n      let target\n      if (this.attach === false) {\n        // Default, detach to app\n        target = document.querySelector('[data-app]')\n      } else if (typeof this.attach === 'string') {\n        // CSS selector\n        target = document.querySelector(this.attach)\n      } else {\n        // DOM Element\n        target = this.attach\n      }\n\n      if (!target) {\n        consoleWarn(`Unable to locate target ${this.attach || '[data-app]'}`, this)\n        return\n      }\n\n      target.appendChild(this.$refs.content)\n\n      this.hasDetached = true\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/detachable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Bootable from '../bootable'\n\n// Utilities\nimport { getObjectValueByPath } from '../../util/helpers'\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { PropOptions } from 'kdu'\nimport { KNode } from 'kdu/types'\n\ninterface options {\n  $el: HTMLElement\n  $refs: {\n    content?: HTMLElement\n  }\n}\n\nfunction validateAttachTarget (val: any) {\n  const type = typeof val\n\n  if (type === 'boolean' || type === 'string') return true\n\n  return val.nodeType === Node.ELEMENT_NODE\n}\n\nfunction removeActivator (activator: KNode[]) {\n  activator.forEach(node => {\n    node.elm &&\n    node.elm.parentNode &&\n    node.elm.parentNode.removeChild(node.elm)\n  })\n}\n\n/* @kdujs/component */\nexport default mixins<options &\n  /* eslint-disable indent */\n  ExtractKdu<typeof Bootable>\n  /* eslint-enable indent */\n>(Bootable).extend({\n  name: 'detachable',\n\n  props: {\n    attach: {\n      default: false,\n      validator: validateAttachTarget,\n    } as PropOptions<boolean | string | Element>,\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data: () => ({\n    activatorNode: null as null | KNode | KNode[],\n    hasDetached: false,\n  }),\n\n  watch: {\n    attach () {\n      this.hasDetached = false\n      this.initDetach()\n    },\n    hasContent () {\n      this.$nextTick(this.initDetach)\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      if (this.activatorNode) {\n        const activator = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode]\n\n        activator.forEach(node => {\n          if (!node.elm) return\n          if (!this.$el.parentNode) return\n\n          const target = this.$el === this.$el.parentNode.firstChild\n            ? this.$el\n            : this.$el.nextSibling\n\n          this.$el.parentNode.insertBefore(node.elm, target)\n        })\n      }\n    })\n  },\n\n  mounted () {\n    this.hasContent && this.initDetach()\n  },\n\n  deactivated () {\n    this.isActive = false\n  },\n\n  beforeDestroy () {\n    if (\n      this.$refs.content &&\n      this.$refs.content.parentNode\n    ) {\n      this.$refs.content.parentNode.removeChild(this.$refs.content)\n    }\n  },\n\n  destroyed () {\n    if (this.activatorNode) {\n      const activator = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode]\n      if (this.$el.isConnected) {\n        // Component has been destroyed but the element still exists, we must be in a transition\n        // Wait for the transition to finish before cleaning up the detached activator\n        const observer = new MutationObserver(list => {\n          if (\n            list.some(record => Array.from(record.removedNodes).includes(this.$el))\n          ) {\n            observer.disconnect()\n            removeActivator(activator)\n          }\n        })\n        observer.observe(this.$el.parentNode!, { subtree: false, childList: true })\n      } else {\n        removeActivator(activator)\n      }\n    }\n  },\n\n  methods: {\n    getScopeIdAttrs () {\n      const scopeId = getObjectValueByPath(this.$knode, 'context.$options._scopeId')\n\n      return scopeId && {\n        [scopeId]: '',\n      }\n    },\n    initDetach () {\n      if (this._isDestroyed ||\n        !this.$refs.content ||\n        this.hasDetached ||\n        // Leave menu in place if attached\n        // and dev has not changed target\n        this.attach === '' || // If used as a boolean prop (<k-menu attach>)\n        this.attach === true || // If bound to a boolean (<k-menu :attach=\"true\">)\n        this.attach === 'attach' // If bound as boolean prop in pug (k-menu(attach))\n      ) return\n\n      let target\n      if (this.attach === false) {\n        // Default, detach to app\n        target = document.querySelector('[data-app]')\n      } else if (typeof this.attach === 'string') {\n        // CSS selector\n        target = document.querySelector(this.attach)\n      } else {\n        // DOM Element\n        target = this.attach\n      }\n\n      if (!target) {\n        consoleWarn(`Unable to locate target ${this.attach || '[data-app]'}`, this)\n        return\n      }\n\n      target.appendChild(this.$refs.content)\n\n      this.hasDetached = true\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/elevatable/index.js

@@ -8,7 +8,6 @@ export default Kdu.extend({
     computedElevation() {
       return this.elevation;
     },
-
     elevationClasses() {
       const elevation = this.computedElevation;
       if (elevation == null) return {};
@@ -17,7 +16,6 @@ export default Kdu.extend({
         [`elevation-${this.elevation}`]: true
       };
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/elevatable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,YADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE,CAAC,MAAD,EAAS,MAAT;AADN,GAHiB;AAOxB,EAAA,QAAQ,EAAE;AACR,IAAA,iBAAiB,GAAA;AACf,aAAO,KAAK,SAAZ;AACD,KAHO;;AAIR,IAAA,gBAAgB,GAAA;AACd,YAAM,SAAS,GAAG,KAAK,iBAAvB;AAEA,UAAI,SAAS,IAAI,IAAjB,EAAuB,OAAO,EAAP;AACvB,UAAI,KAAK,CAAC,QAAQ,CAAC,SAAD,CAAT,CAAT,EAAgC,OAAO,EAAP;AAChC,aAAO;AAAE,SAAC,aAAa,KAAK,SAAS,EAA5B,GAAiC;AAAnC,OAAP;AACD;;AAVO;AAPc,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'elevatable',\n\n  props: {\n    elevation: [Number, String],\n  },\n\n  computed: {\n    computedElevation (): string | number | undefined {\n      return this.elevation\n    },\n    elevationClasses (): Record<string, boolean> {\n      const elevation = this.computedElevation\n\n      if (elevation == null) return {}\n      if (isNaN(parseInt(elevation))) return {}\n      return { [`elevation-${this.elevation}`]: true }\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/elevatable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,YAAY;EAElB,KAAK,EAAE;IACL,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM;GAC3B;EAED,QAAQ,EAAE;IACR,iBAAiB,CAAA,EAAA;MACf,OAAO,IAAI,CAAC,SAAS;IACvB,CAAC;IACD,gBAAgB,CAAA,EAAA;MACd,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB;MAExC,IAAI,SAAS,IAAI,IAAI,EAAE,OAAO,CAAA,CAAE;MAChC,IAAI,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAA,CAAE;MACzC,OAAO;QAAE,CAAC,aAAa,IAAI,CAAC,SAAS,EAAE,GAAG;MAAI,CAAE;IAClD;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'elevatable',\n\n  props: {\n    elevation: [Number, String],\n  },\n\n  computed: {\n    computedElevation (): string | number | undefined {\n      return this.elevation\n    },\n    elevationClasses (): Record<string, boolean> {\n      const elevation = this.computedElevation\n\n      if (elevation == null) return {}\n      if (isNaN(parseInt(elevation))) return {}\n      return { [`elevation-${this.elevation}`]: true }\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/filterable/index.js

@@ -1,6 +1,5 @@
 import Kdu from 'kdu';
 /* @kdujs/component */
-
 export default Kdu.extend({
   name: 'filterable',
   props: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/filterable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,YADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AADP;AAHiB,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'filterable',\n\n  props: {\n    noDataText: {\n      type: String,\n      default: '$kdutify.noDataText',\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/filterable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB;AACA,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,YAAY;EAElB,KAAK,EAAE;IACL,UAAU,EAAE;MACV,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;IACV;EACF;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'filterable',\n\n  props: {\n    noDataText: {\n      type: String,\n      default: '$kdutify.noDataText',\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/groupable/index.js

@@ -6,22 +6,18 @@ export function factory(namespace, child, parent) {
     props: {
       activeClass: {
         type: String,
-
         default() {
           if (!this[namespace]) return undefined;
           return this[namespace].activeClass;
         }
-
       },
       disabled: Boolean
     },
-
     data() {
       return {
         isActive: false
       };
     },
-
     computed: {
       groupClasses() {
         if (!this.activeClass) return {};
@@ -29,27 +25,28 @@ export function factory(namespace, child, parent) {
           [this.activeClass]: this.isActive
         };
       }
-
     },
-
     created() {
       this[namespace] && this[namespace].register(this);
     },
-
     beforeDestroy() {
       this[namespace] && this[namespace].unregister(this);
     },
-
     methods: {
-      toggle() {
+      toggle(e) {
+        if (this.disabled && e) {
+          // Prevent keyboard actions
+          // from children elements
+          // within disabled tabs
+          e.preventDefault();
+          return;
+        }
         this.$emit('change');
       }
-
     }
   });
 }
 /* eslint-disable-next-line @typescript-eslint/no-redeclare */
-
 const Groupable = factory('itemGroup');
 export default Groupable;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/groupable/index.ts"],"names":[],"mappings":"AAAA;AACA,SAAsB,MAAM,IAAI,iBAAhC,QAAyD,gBAAzD;AAeA,OAAM,SAAU,OAAV,CACJ,SADI,EAEJ,KAFI,EAGJ,MAHI,EAGW;AAEf,SAAO,iBAAiB,CAAO,SAAP,EAAkB,KAAlB,EAAyB,MAAzB,CAAjB,CAAkD,MAAlD,CAAyD;AAC9D,IAAA,IAAI,EAAE,WADwD;AAG9D,IAAA,KAAK,EAAE;AACL,MAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE,MADK;;AAEX,QAAA,OAAO,GAAA;AACL,cAAI,CAAC,KAAK,SAAL,CAAL,EAAsB,OAAO,SAAP;AAEtB,iBAAO,KAAK,SAAL,EAAgB,WAAvB;AACD;;AANU,OADR;AASL,MAAA,QAAQ,EAAE;AATL,KAHuD;;AAe9D,IAAA,IAAI,GAAA;AACF,aAAO;AACL,QAAA,QAAQ,EAAE;AADL,OAAP;AAGD,KAnB6D;;AAqB9D,IAAA,QAAQ,EAAE;AACR,MAAA,YAAY,GAAA;AACV,YAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,EAAP;AAEvB,eAAO;AACL,WAAC,KAAK,WAAN,GAAoB,KAAK;AADpB,SAAP;AAGD;;AAPO,KArBoD;;AA+B9D,IAAA,OAAO,GAAA;AACL,WAAK,SAAL,KAAoB,KAAK,SAAL,EAAwB,QAAxB,CAAiC,IAAjC,CAApB;AACD,KAjC6D;;AAmC9D,IAAA,aAAa,GAAA;AACX,WAAK,SAAL,KAAoB,KAAK,SAAL,EAAwB,UAAxB,CAAmC,IAAnC,CAApB;AACD,KArC6D;;AAuC9D,IAAA,OAAO,EAAE;AACP,MAAA,MAAM,GAAA;AACJ,aAAK,KAAL,CAAW,QAAX;AACD;;AAHM;AAvCqD,GAAzD,CAAP;AA6CD;AAED;;AACA,MAAM,SAAS,GAAG,OAAO,CAAC,WAAD,CAAzB;AAEA,eAAe,SAAf","sourcesContent":["// Mixins\nimport { Registrable, inject as RegistrableInject } from '../registrable'\n\n// Utilities\nimport { ExtractKdu } from '../../util/mixins'\nimport { KduConstructor } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\nexport type Groupable<T extends string, C extends KduConstructor | null = null> = KduConstructor<ExtractKdu<Registrable<T, C>> & {\n  activeClass: string\n  isActive: boolean\n  disabled: boolean\n  groupClasses: object\n  toggle (): void\n}>\n\nexport function factory<T extends string, C extends KduConstructor | null = null> (\n  namespace: T,\n  child?: string,\n  parent?: string\n): Groupable<T, C> {\n  return RegistrableInject<T, C>(namespace, child, parent).extend({\n    name: 'groupable',\n\n    props: {\n      activeClass: {\n        type: String,\n        default (): string | undefined {\n          if (!this[namespace]) return undefined\n\n          return this[namespace].activeClass\n        },\n      } as any as PropValidator<string>,\n      disabled: Boolean,\n    },\n\n    data () {\n      return {\n        isActive: false,\n      }\n    },\n\n    computed: {\n      groupClasses (): object {\n        if (!this.activeClass) return {}\n\n        return {\n          [this.activeClass]: this.isActive,\n        }\n      },\n    },\n\n    created () {\n      this[namespace] && (this[namespace] as any).register(this)\n    },\n\n    beforeDestroy () {\n      this[namespace] && (this[namespace] as any).unregister(this)\n    },\n\n    methods: {\n      toggle () {\n        this.$emit('change')\n      },\n    },\n  })\n}\n\n/* eslint-disable-next-line @typescript-eslint/no-redeclare */\nconst Groupable = factory('itemGroup')\n\nexport default Groupable\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/groupable/index.ts"],"names":[],"mappings":"AAAA;AACA,SAAsB,MAAM,IAAI,iBAAiB,QAAQ,gBAAgB;AAezE,OAAM,SAAU,OAAO,CACrB,SAAY,EACZ,KAAc,EACd,MAAe,EAAA;EAEf,OAAO,iBAAiB,CAAO,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;IAC9D,IAAI,EAAE,WAAW;IAEjB,KAAK,EAAE;MACL,WAAW,EAAE;QACX,IAAI,EAAE,MAAM;QACZ,OAAO,CAAA,EAAA;UACL,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,SAAS;UAEtC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,WAAW;QACpC;OAC+B;MACjC,QAAQ,EAAE;KACX;IAED,IAAI,CAAA,EAAA;MACF,OAAO;QACL,QAAQ,EAAE;OACX;IACH,CAAC;IAED,QAAQ,EAAE;MACR,YAAY,CAAA,EAAA;QACV,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAA,CAAE;QAEhC,OAAO;UACL,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SAC1B;MACH;KACD;IAED,OAAO,CAAA,EAAA;MACL,IAAI,CAAC,SAAS,CAAC,IAAK,IAAI,CAAC,SAAS,CAAS,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,aAAa,CAAA,EAAA;MACX,IAAI,CAAC,SAAS,CAAC,IAAK,IAAI,CAAC,SAAS,CAAS,CAAC,UAAU,CAAC,IAAI,CAAC;IAC9D,CAAC;IAED,OAAO,EAAE;MACP,MAAM,CAAE,CAAS,EAAA;QACf,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,EAAE;UACtB;UACA;UACA;UACA,CAAC,CAAC,cAAc,CAAA,CAAE;UAClB;QACD;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;MACtB;IACD;GACF,CAAC;AACJ;AAEA;AACA,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC;AAEtC,eAAe,SAAS","sourcesContent":["// Mixins\nimport { Registrable, inject as RegistrableInject } from '../registrable'\n\n// Utilities\nimport { ExtractKdu } from '../../util/mixins'\nimport { KduConstructor } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\nexport type Groupable<T extends string, C extends KduConstructor | null = null> = KduConstructor<ExtractKdu<Registrable<T, C>> & {\n  activeClass: string\n  isActive: boolean\n  disabled: boolean\n  groupClasses: object\n  toggle (e?: Event): void\n}>\n\nexport function factory<T extends string, C extends KduConstructor | null = null> (\n  namespace: T,\n  child?: string,\n  parent?: string\n): Groupable<T, C> {\n  return RegistrableInject<T, C>(namespace, child, parent).extend({\n    name: 'groupable',\n\n    props: {\n      activeClass: {\n        type: String,\n        default (): string | undefined {\n          if (!this[namespace]) return undefined\n\n          return this[namespace].activeClass\n        },\n      } as any as PropValidator<string>,\n      disabled: Boolean,\n    },\n\n    data () {\n      return {\n        isActive: false,\n      }\n    },\n\n    computed: {\n      groupClasses (): object {\n        if (!this.activeClass) return {}\n\n        return {\n          [this.activeClass]: this.isActive,\n        }\n      },\n    },\n\n    created () {\n      this[namespace] && (this[namespace] as any).register(this)\n    },\n\n    beforeDestroy () {\n      this[namespace] && (this[namespace] as any).unregister(this)\n    },\n\n    methods: {\n      toggle (e?: Event) {\n        if (this.disabled && e) {\n          // Prevent keyboard actions\n          // from children elements\n          // within disabled tabs\n          e.preventDefault()\n          return\n        }\n        this.$emit('change')\n      },\n    },\n  })\n}\n\n/* eslint-disable-next-line @typescript-eslint/no-redeclare */\nconst Groupable = factory('itemGroup')\n\nexport default Groupable\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/intersectable/index.js

@@ -1,8 +1,8 @@
 // Directives
-import Intersect from '../../directives/intersect'; // Utilities
-
-import { consoleWarn } from '../../util/console'; // Types
-
+import Intersect from '../../directives/intersect';
+// Utilities
+import { consoleWarn } from '../../util/console';
+// Types
 import Kdu from 'kdu';
 export default function intersectable(options) {
   return Kdu.extend({
@@ -10,38 +10,31 @@ export default function intersectable(options) {
     data: () => ({
       isIntersecting: false
     }),
-
     mounted() {
       Intersect.inserted(this.$el, {
         name: 'intersect',
         value: this.onObserve
       }, this.$knode);
     },
-
     destroyed() {
       Intersect.unbind(this.$el, {
         name: 'intersect',
         value: this.onObserve
       }, this.$knode);
     },
-
     methods: {
       onObserve(entries, observer, isIntersecting) {
         this.isIntersecting = isIntersecting;
         if (!isIntersecting) return;
-
         for (let i = 0, length = options.onVisible.length; i < length; i++) {
           const callback = this[options.onVisible[i]];
-
           if (typeof callback === 'function') {
             callback();
             continue;
           }
-
           consoleWarn(options.onVisible[i] + ' method is not available on the instance but referenced in intersectable mixin options');
         }
       }
-
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/intersectable/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAP,MAAsB,4BAAtB,C,CAEA;;AACA,SAAS,WAAT,QAA4B,oBAA5B,C,CAEA;;AACA,OAAO,GAAP,MAAgB,KAAhB;AAEA,eAAc,SAAU,aAAV,CAAyB,OAAzB,EAAyD;AACrE,SAAO,GAAG,CAAC,MAAJ,CAAW;AAChB,IAAA,IAAI,EAAE,eADU;AAGhB,IAAA,IAAI,EAAE,OAAO;AACX,MAAA,cAAc,EAAE;AADL,KAAP,CAHU;;AAOhB,IAAA,OAAO,GAAA;AACL,MAAA,SAAS,CAAC,QAAV,CAAmB,KAAK,GAAxB,EAA4C;AAC1C,QAAA,IAAI,EAAE,WADoC;AAE1C,QAAA,KAAK,EAAE,KAAK;AAF8B,OAA5C,EAGG,KAAK,MAHR;AAID,KAZe;;AAchB,IAAA,SAAS,GAAA;AACP,MAAA,SAAS,CAAC,MAAV,CAAiB,KAAK,GAAtB,EAA0C;AACxC,QAAA,IAAI,EAAE,WADkC;AAExC,QAAA,KAAK,EAAE,KAAK;AAF4B,OAA1C,EAGG,KAAK,MAHR;AAID,KAnBe;;AAqBhB,IAAA,OAAO,EAAE;AACP,MAAA,SAAS,CAAE,OAAF,EAAwC,QAAxC,EAAwE,cAAxE,EAA+F;AACtG,aAAK,cAAL,GAAsB,cAAtB;AAEA,YAAI,CAAC,cAAL,EAAqB;;AAErB,aAAK,IAAI,CAAC,GAAG,CAAR,EAAW,MAAM,GAAG,OAAO,CAAC,SAAR,CAAkB,MAA3C,EAAmD,CAAC,GAAG,MAAvD,EAA+D,CAAC,EAAhE,EAAoE;AAClE,gBAAM,QAAQ,GAAI,KAAa,OAAO,CAAC,SAAR,CAAkB,CAAlB,CAAb,CAAlB;;AAEA,cAAI,OAAO,QAAP,KAAoB,UAAxB,EAAoC;AAClC,YAAA,QAAQ;AACR;AACD;;AAED,UAAA,WAAW,CAAC,OAAO,CAAC,SAAR,CAAkB,CAAlB,IAAuB,wFAAxB,CAAX;AACD;AACF;;AAhBM;AArBO,GAAX,CAAP;AAwCD","sourcesContent":["// Directives\nimport Intersect from '../../directives/intersect'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu from 'kdu'\n\nexport default function intersectable (options: { onVisible: string[] }) {\n  return Kdu.extend({\n    name: 'intersectable',\n\n    data: () => ({\n      isIntersecting: false,\n    }),\n\n    mounted () {\n      Intersect.inserted(this.$el as HTMLElement, {\n        name: 'intersect',\n        value: this.onObserve,\n      }, this.$knode)\n    },\n\n    destroyed () {\n      Intersect.unbind(this.$el as HTMLElement, {\n        name: 'intersect',\n        value: this.onObserve,\n      }, this.$knode)\n    },\n\n    methods: {\n      onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n        this.isIntersecting = isIntersecting\n\n        if (!isIntersecting) return\n\n        for (let i = 0, length = options.onVisible.length; i < length; i++) {\n          const callback = (this as any)[options.onVisible[i]]\n\n          if (typeof callback === 'function') {\n            callback()\n            continue\n          }\n\n          consoleWarn(options.onVisible[i] + ' method is not available on the instance but referenced in intersectable mixin options')\n        }\n      },\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/intersectable/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAS,MAAM,4BAA4B;AAElD;AACA,SAAS,WAAW,QAAQ,oBAAoB;AAEhD;AACA,OAAO,GAAG,MAAM,KAAK;AAErB,eAAc,SAAU,aAAa,CAAE,OAAgC,EAAA;EACrE,OAAO,GAAG,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE,eAAe;IAErB,IAAI,EAAE,CAAA,MAAO;MACX,cAAc,EAAE;KACjB,CAAC;IAEF,OAAO,CAAA,EAAA;MACL,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAkB,EAAE;QAC1C,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,IAAI,CAAC;OACb,EAAE,IAAI,CAAC,MAAM,CAAC;IACjB,CAAC;IAED,SAAS,CAAA,EAAA;MACP,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,GAAkB,EAAE;QACxC,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,IAAI,CAAC;OACb,EAAE,IAAI,CAAC,MAAM,CAAC;IACjB,CAAC;IAED,OAAO,EAAE;MACP,SAAS,CAAE,OAAoC,EAAE,QAA8B,EAAE,cAAuB,EAAA;QACtG,IAAI,CAAC,cAAc,GAAG,cAAc;QAEpC,IAAI,CAAC,cAAc,EAAE;QAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;UAClE,MAAM,QAAQ,GAAI,IAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;UAEpD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAA,CAAE;YACV;UACD;UAED,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,wFAAwF,CAAC;QAC7H;MACH;IACD;GACF,CAAC;AACJ","sourcesContent":["// Directives\nimport Intersect from '../../directives/intersect'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu from 'kdu'\n\nexport default function intersectable (options: { onVisible: string[] }) {\n  return Kdu.extend({\n    name: 'intersectable',\n\n    data: () => ({\n      isIntersecting: false,\n    }),\n\n    mounted () {\n      Intersect.inserted(this.$el as HTMLElement, {\n        name: 'intersect',\n        value: this.onObserve,\n      }, this.$knode)\n    },\n\n    destroyed () {\n      Intersect.unbind(this.$el as HTMLElement, {\n        name: 'intersect',\n        value: this.onObserve,\n      }, this.$knode)\n    },\n\n    methods: {\n      onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n        this.isIntersecting = isIntersecting\n\n        if (!isIntersecting) return\n\n        for (let i = 0, length = options.onVisible.length; i < length; i++) {\n          const callback = (this as any)[options.onVisible[i]]\n\n          if (typeof callback === 'function') {\n            callback()\n            continue\n          }\n\n          consoleWarn(options.onVisible[i] + ' method is not available on the instance but referenced in intersectable mixin options')\n        }\n      },\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/loadable/index.js

@@ -1,17 +1,16 @@
 import Kdu from 'kdu';
 import KProgressLinear from '../../components/KProgressLinear';
-/**
- * Loadable
- *
- * @mixin
- *
- * Used to add linear progress bar to components
- * Can use a default bar with a specific color
- * or designate a custom progress linear bar
+import { getSlot } from '../../util/helpers';
+/**
+ * Loadable
+ *
+ * @mixin
+ *
+ * Used to add linear progress bar to components
+ * Can use a default bar with a specific color
+ * or designate a custom progress linear bar
  */
-
 /* @kdujs/component */
-
 export default Kdu.extend().extend({
   name: 'loadable',
   props: {
@@ -27,7 +26,7 @@ export default Kdu.extend().extend({
   methods: {
     genProgress() {
       if (this.loading === false) return null;
-      return this.$slots.progress || this.$createElement(KProgressLinear, {
+      return getSlot(this, 'progress') || this.$createElement(KProgressLinear, {
         props: {
           absolute: true,
           color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
@@ -36,7 +35,6 @@ export default Kdu.extend().extend({
         }
       });
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/loadable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAA2B,KAA3B;AACA,OAAO,eAAP,MAA4B,kCAA5B;AAMA;;;;;;;;AAQG;;AACH;;AACA,eAAe,GAAG,CAAC,MAAJ,GAAwB,MAAxB,CAA+B;AAC5C,EAAA,IAAI,EAAE,UADsC;AAG5C,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADC;AAEP,MAAA,OAAO,EAAE;AAFF,KADJ;AAKL,IAAA,YAAY,EAAE;AACZ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADM;AAEZ,MAAA,OAAO,EAAE;AAFG;AALT,GAHqC;AAc5C,EAAA,OAAO,EAAE;AACP,IAAA,WAAW,GAAA;AACT,UAAI,KAAK,OAAL,KAAiB,KAArB,EAA4B,OAAO,IAAP;AAE5B,aAAO,KAAK,MAAL,CAAY,QAAZ,IAAwB,KAAK,cAAL,CAAoB,eAApB,EAAqC;AAClE,QAAA,KAAK,EAAE;AACL,UAAA,QAAQ,EAAE,IADL;AAEL,UAAA,KAAK,EAAG,KAAK,OAAL,KAAiB,IAAjB,IAAyB,KAAK,OAAL,KAAiB,EAA3C,GACF,KAAK,KAAL,IAAc,SADZ,GAEH,KAAK,OAJJ;AAKL,UAAA,MAAM,EAAE,KAAK,YALR;AAML,UAAA,aAAa,EAAE;AANV;AAD2D,OAArC,CAA/B;AAUD;;AAdM;AAdmC,CAA/B,CAAf","sourcesContent":["import Kdu, { KNode } from 'kdu'\nimport KProgressLinear from '../../components/KProgressLinear'\n\ninterface colorable extends Kdu {\n  color?: string\n}\n\n/**\n * Loadable\n *\n * @mixin\n *\n * Used to add linear progress bar to components\n * Can use a default bar with a specific color\n * or designate a custom progress linear bar\n */\n/* @kdujs/component */\nexport default Kdu.extend<colorable>().extend({\n  name: 'loadable',\n\n  props: {\n    loading: {\n      type: [Boolean, String],\n      default: false,\n    },\n    loaderHeight: {\n      type: [Number, String],\n      default: 2,\n    },\n  },\n\n  methods: {\n    genProgress (): KNode | KNode[] | null {\n      if (this.loading === false) return null\n\n      return this.$slots.progress || this.$createElement(KProgressLinear, {\n        props: {\n          absolute: true,\n          color: (this.loading === true || this.loading === '')\n            ? (this.color || 'primary')\n            : this.loading,\n          height: this.loaderHeight,\n          indeterminate: true,\n        },\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/loadable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAc,MAAM,KAAK;AAChC,OAAO,eAAe,MAAM,kCAAkC;AAC9D,SAAS,OAAO,QAAQ,oBAAoB;AAM5C;;;;;;;;AAQG;AACH;AACA,eAAe,GAAG,CAAC,MAAM,CAAA,CAAa,CAAC,MAAM,CAAC;EAC5C,IAAI,EAAE,UAAU;EAEhB,KAAK,EAAE;IACL,OAAO,EAAE;MACP,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;MACvB,OAAO,EAAE;KACV;IACD,YAAY,EAAE;MACZ,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;IACV;GACF;EAED,OAAO,EAAE;IACP,WAAW,CAAA,EAAA;MACT,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,OAAO,IAAI;MAEvC,OAAO,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE;QACvE,KAAK,EAAE;UACL,QAAQ,EAAE,IAAI;UACd,KAAK,EAAG,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,EAAE,GAC/C,IAAI,CAAC,KAAK,IAAI,SAAS,GACxB,IAAI,CAAC,OAAO;UAChB,MAAM,EAAE,IAAI,CAAC,YAAY;UACzB,aAAa,EAAE;QAChB;OACF,CAAC;IACJ;EACD;CACF,CAAC","sourcesContent":["import Kdu, { KNode } from 'kdu'\nimport KProgressLinear from '../../components/KProgressLinear'\nimport { getSlot } from '../../util/helpers'\n\ninterface colorable extends Kdu {\n  color?: string\n}\n\n/**\n * Loadable\n *\n * @mixin\n *\n * Used to add linear progress bar to components\n * Can use a default bar with a specific color\n * or designate a custom progress linear bar\n */\n/* @kdujs/component */\nexport default Kdu.extend<colorable>().extend({\n  name: 'loadable',\n\n  props: {\n    loading: {\n      type: [Boolean, String],\n      default: false,\n    },\n    loaderHeight: {\n      type: [Number, String],\n      default: 2,\n    },\n  },\n\n  methods: {\n    genProgress (): KNode | KNode[] | null {\n      if (this.loading === false) return null\n\n      return getSlot(this, 'progress') || this.$createElement(KProgressLinear, {\n        props: {\n          absolute: true,\n          color: (this.loading === true || this.loading === '')\n            ? (this.color || 'primary')\n            : this.loading,\n          height: this.loaderHeight,\n          indeterminate: true,\n        },\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/localable/index.js

@@ -8,7 +8,6 @@ export default Kdu.extend({
     currentLocale() {
       return this.locale || this.$kdutify.lang.current;
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/localable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,WADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AADH,GAHiB;AAOxB,EAAA,QAAQ,EAAE;AACR,IAAA,aAAa,GAAA;AACX,aAAO,KAAK,MAAL,IAAe,KAAK,QAAL,CAAc,IAAd,CAAmB,OAAzC;AACD;;AAHO;AAPc,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'localable',\n\n  props: {\n    locale: String,\n  },\n\n  computed: {\n    currentLocale (): string {\n      return this.locale || this.$kdutify.lang.current\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/localable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,WAAW;EAEjB,KAAK,EAAE;IACL,MAAM,EAAE;GACT;EAED,QAAQ,EAAE;IACR,aAAa,CAAA,EAAA;MACX,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO;IAClD;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\nexport default Kdu.extend({\n  name: 'localable',\n\n  props: {\n    locale: String,\n  },\n\n  computed: {\n    currentLocale (): string {\n      return this.locale || this.$kdutify.lang.current\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/measurable/index.js

@@ -1,6 +1,6 @@
 // Helpers
-import { convertToUnit } from '../../util/helpers'; // Types
-
+import { convertToUnit } from '../../util/helpers';
+// Types
 import Kdu from 'kdu';
 export default Kdu.extend({
   name: 'measurable',
@@ -29,7 +29,6 @@ export default Kdu.extend({
       if (width) styles.width = width;
       return styles;
     }
-
   }
 });
 //# sourceMappingURL=index.js.map