kdutify 2.6.0 → 2.7.2

package/lib/mixins/overlayable/index.js

@@ -1,11 +1,10 @@
 // Components
-import KOverlay from '../../components/KOverlay'; // Utilities
-
-import { keyCodes, addOnceEventListener, addPassiveEventListener, getZIndex, composedPath } from '../../util/helpers'; // Types
-
+import KOverlay from '../../components/KOverlay';
+// Utilities
+import { keyCodes, addOnceEventListener, addPassiveEventListener, getZIndex, composedPath } from '../../util/helpers';
+// Types
 import Kdu from 'kdu';
 /* @kdujs/component */
-
 export default Kdu.extend().extend({
   name: 'overlayable',
   props: {
@@ -13,26 +12,21 @@ export default Kdu.extend().extend({
     overlayColor: String,
     overlayOpacity: [Number, String]
   },
-
   data() {
     return {
       animationFrame: 0,
       overlay: null
     };
   },
-
   watch: {
     hideOverlay(value) {
       if (!this.isActive) return;
       if (value) this.removeOverlay();else this.genOverlay();
     }
-
   },
-
   beforeDestroy() {
     this.removeOverlay();
   },
-
   methods: {
     createOverlay() {
       const overlay = new KOverlay({
@@ -48,25 +42,21 @@ export default Kdu.extend().extend({
       parent && parent.insertBefore(overlay.$el, parent.firstChild);
       this.overlay = overlay;
     },
-
     genOverlay() {
       this.hideScroll();
       if (this.hideOverlay) return;
       if (!this.overlay) this.createOverlay();
       this.animationFrame = requestAnimationFrame(() => {
         if (!this.overlay) return;
-
         if (this.activeZIndex !== undefined) {
           this.overlay.zIndex = String(this.activeZIndex - 1);
         } else if (this.$el) {
           this.overlay.zIndex = getZIndex(this.$el);
         }
-
         this.overlay.value = true;
       });
       return true;
     },
-
     /** removeOverlay(false) will not restore the scollbar afterwards */
     removeOverlay(showScroll = true) {
       if (this.overlay) {
@@ -75,23 +65,20 @@ export default Kdu.extend().extend({
           this.overlay.$el.parentNode.removeChild(this.overlay.$el);
           this.overlay.$destroy();
           this.overlay = null;
-        }); // Cancel animation frame in case
+        });
+        // Cancel animation frame in case
         // overlay is removed before it
         // has finished its animation
-
         cancelAnimationFrame(this.animationFrame);
         this.overlay.value = false;
       }
-
       showScroll && this.showScroll();
     },
-
     scrollListener(e) {
-      if (e.type === 'keydown') {
+      if ('key' in e) {
         if (['INPUT', 'TEXTAREA', 'SELECT'].includes(e.target.tagName) || e.target.isContentEditable) return;
         const up = [keyCodes.up, keyCodes.pageup];
         const down = [keyCodes.down, keyCodes.pagedown];
-
         if (up.includes(e.keyCode)) {
           e.deltaY = -1;
         } else if (down.includes(e.keyCode)) {
@@ -100,23 +87,19 @@ export default Kdu.extend().extend({
           return;
         }
       }
-
       if (e.target === this.overlay || e.type !== 'keydown' && e.target === document.body || this.checkPath(e)) e.preventDefault();
     },
-
     hasScrollbar(el) {
       if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
       const style = window.getComputedStyle(el);
       return (['auto', 'scroll'].includes(style.overflowY) || el.tagName === 'SELECT') && el.scrollHeight > el.clientHeight || ['auto', 'scroll'].includes(style.overflowX) && el.scrollWidth > el.clientWidth;
     },
-
     shouldScroll(el, e) {
       if (el.hasAttribute('data-app')) return false;
       const dir = e.shiftKey || e.deltaX ? 'x' : 'y';
       const delta = dir === 'y' ? e.deltaY : e.deltaX || e.deltaY;
       let alreadyAtStart;
       let alreadyAtEnd;
-
       if (dir === 'y') {
         alreadyAtStart = el.scrollTop === 0;
         alreadyAtEnd = el.scrollTop + el.clientHeight === el.scrollHeight;
@@ -124,19 +107,15 @@ export default Kdu.extend().extend({
         alreadyAtStart = el.scrollLeft === 0;
         alreadyAtEnd = el.scrollLeft + el.clientWidth === el.scrollWidth;
       }
-
       const scrollingUp = delta < 0;
       const scrollingDown = delta > 0;
       if (!alreadyAtStart && scrollingUp) return true;
       if (!alreadyAtEnd && scrollingDown) return true;
-
-      if (alreadyAtStart || alreadyAtEnd) {
+      if ((alreadyAtStart || alreadyAtEnd) && el.parentNode) {
         return this.shouldScroll(el.parentNode, e);
       }
-
       return false;
     },
-
     isInside(el, parent) {
       if (el === parent) {
         return true;
@@ -146,22 +125,17 @@ export default Kdu.extend().extend({
         return this.isInside(el.parentNode, parent);
       }
     },
-
     checkPath(e) {
       const path = composedPath(e);
-
       if (e.type === 'keydown' && path[0] === document.body) {
-        const dialog = this.$refs.dialog; // getSelection returns null in firefox in some edge cases, can be ignored
-
+        const dialog = this.$refs.dialog;
+        // getSelection returns null in firefox in some edge cases, can be ignored
         const selected = window.getSelection().anchorNode;
-
         if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {
           return !this.shouldScroll(dialog, e);
         }
-
         return true;
       }
-
       for (let index = 0; index < path.length; index++) {
         const el = path[index];
         if (el === document) return true;
@@ -169,10 +143,8 @@ export default Kdu.extend().extend({
         if (el === this.$refs.content) return true;
         if (this.hasScrollbar(el)) return !this.shouldScroll(el, e);
       }
-
       return true;
     },
-
     hideScroll() {
       if (this.$kdutify.breakpoint.smAndDown) {
         document.documentElement.classList.add('overflow-y-hidden');
@@ -183,13 +155,11 @@ export default Kdu.extend().extend({
         window.addEventListener('keydown', this.scrollListener);
       }
     },
-
     showScroll() {
       document.documentElement.classList.remove('overflow-y-hidden');
       window.removeEventListener('wheel', this.scrollListener);
       window.removeEventListener('keydown', this.scrollListener);
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/overlayable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport KOverlay from '../../components/KOverlay'\n\n// Utilities\nimport {\n  keyCodes,\n  addOnceEventListener,\n  addPassiveEventListener,\n  getZIndex,\n  composedPath,\n} from '../../util/helpers'\n\n// Types\nimport Kdu from 'kdu'\n\ninterface Toggleable extends Kdu {\n  isActive?: boolean\n}\n\ninterface Stackable extends Kdu {\n  activeZIndex: number\n}\n\ninterface options {\n  absolute?: boolean\n  $refs: {\n    dialog?: HTMLElement\n    content?: HTMLElement\n  }\n}\n\n/* @kdujs/component */\nexport default Kdu.extend<Kdu & Toggleable & Stackable & options>().extend({\n  name: 'overlayable',\n\n  props: {\n    hideOverlay: Boolean,\n    overlayColor: String,\n    overlayOpacity: [Number, String],\n  },\n\n  data () {\n    return {\n      animationFrame: 0,\n      overlay: null as InstanceType<typeof KOverlay> | null,\n    }\n  },\n\n  watch: {\n    hideOverlay (value) {\n      if (!this.isActive) return\n\n      if (value) this.removeOverlay()\n      else this.genOverlay()\n    },\n  },\n\n  beforeDestroy () {\n    this.removeOverlay()\n  },\n\n  methods: {\n    createOverlay () {\n      const overlay = new KOverlay({\n        propsData: {\n          absolute: this.absolute,\n          value: false,\n          color: this.overlayColor,\n          opacity: this.overlayOpacity,\n        },\n      })\n\n      overlay.$mount()\n\n      const parent = this.absolute\n        ? this.$el.parentNode\n        : document.querySelector('[data-app]')\n\n      parent && parent.insertBefore(overlay.$el, parent.firstChild)\n\n      this.overlay = overlay\n    },\n    genOverlay () {\n      this.hideScroll()\n\n      if (this.hideOverlay) return\n\n      if (!this.overlay) this.createOverlay()\n\n      this.animationFrame = requestAnimationFrame(() => {\n        if (!this.overlay) return\n\n        if (this.activeZIndex !== undefined) {\n          this.overlay.zIndex = String(this.activeZIndex - 1)\n        } else if (this.$el) {\n          this.overlay.zIndex = getZIndex(this.$el)\n        }\n\n        this.overlay.value = true\n      })\n\n      return true\n    },\n    /** removeOverlay(false) will not restore the scollbar afterwards */\n    removeOverlay (showScroll = true) {\n      if (this.overlay) {\n        addOnceEventListener(this.overlay.$el, 'transitionend', () => {\n          if (\n            !this.overlay ||\n            !this.overlay.$el ||\n            !this.overlay.$el.parentNode ||\n            this.overlay.value ||\n            this.isActive\n          ) return\n\n          this.overlay.$el.parentNode.removeChild(this.overlay.$el)\n          this.overlay.$destroy()\n          this.overlay = null\n        })\n\n        // Cancel animation frame in case\n        // overlay is removed before it\n        // has finished its animation\n        cancelAnimationFrame(this.animationFrame)\n\n        this.overlay.value = false\n      }\n\n      showScroll && this.showScroll()\n    },\n    scrollListener (e: WheelEvent & KeyboardEvent) {\n      if (e.type === 'keydown') {\n        if (\n          ['INPUT', 'TEXTAREA', 'SELECT'].includes((e.target as Element).tagName) ||\n          (e.target as HTMLElement).isContentEditable\n        ) return\n\n        const up = [keyCodes.up, keyCodes.pageup]\n        const down = [keyCodes.down, keyCodes.pagedown]\n\n        if (up.includes(e.keyCode)) {\n          (e as any).deltaY = -1\n        } else if (down.includes(e.keyCode)) {\n          (e as any).deltaY = 1\n        } else {\n          return\n        }\n      }\n\n      if (e.target === this.overlay ||\n        (e.type !== 'keydown' && e.target === document.body) ||\n        this.checkPath(e)) e.preventDefault()\n    },\n    hasScrollbar (el?: Element) {\n      if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n      const style = window.getComputedStyle(el)\n      return ((['auto', 'scroll'].includes(style.overflowY!) || el.tagName === 'SELECT') && el.scrollHeight > el.clientHeight) ||\n      ((['auto', 'scroll'].includes(style.overflowX!)) && el.scrollWidth > el.clientWidth)\n    },\n    shouldScroll (el: Element, e: WheelEvent): boolean {\n      if (el.hasAttribute('data-app')) return false\n\n      const dir = e.shiftKey || e.deltaX ? 'x' : 'y'\n      const delta = dir === 'y' ? e.deltaY : e.deltaX || e.deltaY\n\n      let alreadyAtStart: boolean\n      let alreadyAtEnd: boolean\n      if (dir === 'y') {\n        alreadyAtStart = el.scrollTop === 0\n        alreadyAtEnd = el.scrollTop + el.clientHeight === el.scrollHeight\n      } else {\n        alreadyAtStart = el.scrollLeft === 0\n        alreadyAtEnd = el.scrollLeft + el.clientWidth === el.scrollWidth\n      }\n\n      const scrollingUp = delta < 0\n      const scrollingDown = delta > 0\n\n      if (!alreadyAtStart && scrollingUp) return true\n      if (!alreadyAtEnd && scrollingDown) return true\n      if ((alreadyAtStart || alreadyAtEnd)) {\n        return this.shouldScroll(el.parentNode as Element, e)\n      }\n\n      return false\n    },\n    isInside (el: Element, parent: Element): boolean {\n      if (el === parent) {\n        return true\n      } else if (el === null || el === document.body) {\n        return false\n      } else {\n        return this.isInside(el.parentNode as Element, parent)\n      }\n    },\n    checkPath (e: WheelEvent) {\n      const path = composedPath(e)\n\n      if (e.type === 'keydown' && path[0] === document.body) {\n        const dialog = this.$refs.dialog\n        // getSelection returns null in firefox in some edge cases, can be ignored\n        const selected = window.getSelection()!.anchorNode as Element\n        if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {\n          return !this.shouldScroll(dialog, e)\n        }\n        return true\n      }\n\n      for (let index = 0; index < path.length; index++) {\n        const el = path[index]\n\n        if (el === document) return true\n        if (el === document.documentElement) return true\n        if (el === this.$refs.content) return true\n\n        if (this.hasScrollbar(el as Element)) return !this.shouldScroll(el as Element, e)\n      }\n\n      return true\n    },\n    hideScroll () {\n      if (this.$kdutify.breakpoint.smAndDown) {\n        document.documentElement!.classList.add('overflow-y-hidden')\n      } else {\n        addPassiveEventListener(window, 'wheel', this.scrollListener as EventHandlerNonNull, { passive: false })\n        window.addEventListener('keydown', this.scrollListener as EventHandlerNonNull)\n      }\n    },\n    showScroll () {\n      document.documentElement!.classList.remove('overflow-y-hidden')\n      window.removeEventListener('wheel', this.scrollListener as EventHandlerNonNull)\n      window.removeEventListener('keydown', this.scrollListener as EventHandlerNonNull)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/overlayable/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,QAAQ,MAAM,2BAA2B;AAEhD;AACA,SACE,QAAQ,EACR,oBAAoB,EACpB,uBAAuB,EACvB,SAAS,EACT,YAAY,QACP,oBAAoB;AAE3B;AACA,OAAO,GAAG,MAAM,KAAK;AAkBrB;AACA,eAAe,GAAG,CAAC,MAAM,CAAA,CAA0C,CAAC,MAAM,CAAC;EACzE,IAAI,EAAE,aAAa;EAEnB,KAAK,EAAE;IACL,WAAW,EAAE,OAAO;IACpB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM;GAChC;EAED,IAAI,CAAA,EAAA;IACF,OAAO;MACL,cAAc,EAAE,CAAC;MACjB,OAAO,EAAE;KACV;EACH,CAAC;EAED,KAAK,EAAE;IACL,WAAW,CAAE,KAAK,EAAA;MAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAEpB,IAAI,KAAK,EAAE,IAAI,CAAC,aAAa,CAAA,CAAE,CAAA,KAC1B,IAAI,CAAC,UAAU,CAAA,CAAE;IACxB;GACD;EAED,aAAa,CAAA,EAAA;IACX,IAAI,CAAC,aAAa,CAAA,CAAE;EACtB,CAAC;EAED,OAAO,EAAE;IACP,aAAa,CAAA,EAAA;MACX,MAAM,OAAO,GAAG,IAAI,QAAQ,CAAC;QAC3B,SAAS,EAAE;UACT,QAAQ,EAAE,IAAI,CAAC,QAAQ;UACvB,KAAK,EAAE,KAAK;UACZ,KAAK,EAAE,IAAI,CAAC,YAAY;UACxB,OAAO,EAAE,IAAI,CAAC;QACf;OACF,CAAC;MAEF,OAAO,CAAC,MAAM,CAAA,CAAE;MAEhB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,GACxB,IAAI,CAAC,GAAG,CAAC,UAAU,GACnB,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC;MAExC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC;MAE7D,IAAI,CAAC,OAAO,GAAG,OAAO;IACxB,CAAC;IACD,UAAU,CAAA,EAAA;MACR,IAAI,CAAC,UAAU,CAAA,CAAE;MAEjB,IAAI,IAAI,CAAC,WAAW,EAAE;MAEtB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAA,CAAE;MAEvC,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,MAAK;QAC/C,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QAEnB,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE;UACnC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;SACpD,MAAM,IAAI,IAAI,CAAC,GAAG,EAAE;UACnB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;QAC1C;QAED,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI;MAC3B,CAAC,CAAC;MAEF,OAAO,IAAI;IACb,CAAC;IACD;IACA,aAAa,CAAE,UAAU,GAAG,IAAI,EAAA;MAC9B,IAAI,IAAI,CAAC,OAAO,EAAE;QAChB,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,eAAe,EAAE,MAAK;UAC3D,IACE,CAAC,IAAI,CAAC,OAAO,IACb,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,IACjB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,IAC5B,IAAI,CAAC,OAAO,CAAC,KAAK,IAClB,IAAI,CAAC,QAAQ,EACb;UAEF,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;UACzD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAA,CAAE;UACvB,IAAI,CAAC,OAAO,GAAG,IAAI;QACrB,CAAC,CAAC;QAEF;QACA;QACA;QACA,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC;QAEzC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK;MAC3B;MAED,UAAU,IAAI,IAAI,CAAC,UAAU,CAAA,CAAE;IACjC,CAAC;IACD,cAAc,CAAE,CAA6B,EAAA;MAC3C,IAAI,KAAK,IAAI,CAAC,EAAE;QACd,IACE,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAE,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,IACtE,CAAC,CAAC,MAAsB,CAAC,iBAAiB,EAC3C;QAEF,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,MAAM,CAAC;QACzC,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC;QAE/C,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE;UACzB,CAAS,CAAC,MAAM,GAAG,CAAC,CAAC;SACvB,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE;UAClC,CAAS,CAAC,MAAM,GAAG,CAAC;SACtB,MAAM;UACL;QACD;MACF;MAED,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,OAAO,IAC1B,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,IAAK,IACpD,IAAI,CAAC,SAAS,CAAC,CAAe,CAAC,EAAE,CAAC,CAAC,cAAc,CAAA,CAAE;IACvD,CAAC;IACD,YAAY,CAAE,EAAY,EAAA;MACxB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,OAAO,KAAK;MAE1D,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC;MACzC,OAAQ,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAU,CAAC,IAAI,EAAE,CAAC,OAAO,KAAK,QAAQ,KAAK,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,IACrH,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAU,CAAC,IAAK,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAY;IACtF,CAAC;IACD,YAAY,CAAE,EAAW,EAAE,CAAa,EAAA;MACtC,IAAI,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK;MAE7C,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,GAAG,GAAG,GAAG,GAAG;MAC9C,MAAM,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM;MAE3D,IAAI,cAAuB;MAC3B,IAAI,YAAqB;MACzB,IAAI,GAAG,KAAK,GAAG,EAAE;QACf,cAAc,GAAG,EAAE,CAAC,SAAS,KAAK,CAAC;QACnC,YAAY,GAAG,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,KAAK,EAAE,CAAC,YAAY;OAClE,MAAM;QACL,cAAc,GAAG,EAAE,CAAC,UAAU,KAAK,CAAC;QACpC,YAAY,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,KAAK,EAAE,CAAC,WAAW;MACjE;MAED,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC;MAC7B,MAAM,aAAa,GAAG,KAAK,GAAG,CAAC;MAE/B,IAAI,CAAC,cAAc,IAAI,WAAW,EAAE,OAAO,IAAI;MAC/C,IAAI,CAAC,YAAY,IAAI,aAAa,EAAE,OAAO,IAAI;MAC/C,IAAI,CAAC,cAAc,IAAI,YAAY,KAAK,EAAE,CAAC,UAAU,EAAE;QACrD,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,UAAqB,EAAE,CAAC,CAAC;MACtD;MAED,OAAO,KAAK;IACd,CAAC;IACD,QAAQ,CAAE,EAAW,EAAE,MAAe,EAAA;MACpC,IAAI,EAAE,KAAK,MAAM,EAAE;QACjB,OAAO,IAAI;OACZ,MAAM,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,QAAQ,CAAC,IAAI,EAAE;QAC9C,OAAO,KAAK;OACb,MAAM;QACL,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAqB,EAAE,MAAM,CAAC;MACvD;IACH,CAAC;IACD,SAAS,CAAE,CAAa,EAAA;MACtB,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC;MAE5B,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,IAAI,EAAE;QACrD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;QAChC;QACA,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAA,CAAG,CAAC,UAAqB;QAC7D,IAAI,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE;UAC1E,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC;QACrC;QACD,OAAO,IAAI;MACZ;MAED,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAChD,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtB,IAAI,EAAE,KAAK,QAAQ,EAAE,OAAO,IAAI;QAChC,IAAI,EAAE,KAAK,QAAQ,CAAC,eAAe,EAAE,OAAO,IAAI;QAChD,IAAI,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,IAAI;QAE1C,IAAI,IAAI,CAAC,YAAY,CAAC,EAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAa,EAAE,CAAC,CAAC;MAClF;MAED,OAAO,IAAI;IACb,CAAC;IACD,UAAU,CAAA,EAAA;MACR,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,SAAS,EAAE;QACtC,QAAQ,CAAC,eAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;OAC7D,MAAM;QACL,uBAAuB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE;UAAE,OAAO,EAAE;QAAK,CAAE,CAAC;QACjF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC;MACxD;IACH,CAAC;IACD,UAAU,CAAA,EAAA;MACR,QAAQ,CAAC,eAAgB,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC;MAC/D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC;MACxD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC;IAC5D;EACD;CACF,CAAC","sourcesContent":["// Components\nimport KOverlay from '../../components/KOverlay'\n\n// Utilities\nimport {\n  keyCodes,\n  addOnceEventListener,\n  addPassiveEventListener,\n  getZIndex,\n  composedPath,\n} from '../../util/helpers'\n\n// Types\nimport Kdu from 'kdu'\n\ninterface Toggleable extends Kdu {\n  isActive?: boolean\n}\n\ninterface Stackable extends Kdu {\n  activeZIndex: number\n}\n\ninterface options {\n  absolute?: boolean\n  $refs: {\n    dialog?: HTMLElement\n    content?: HTMLElement\n  }\n}\n\n/* @kdujs/component */\nexport default Kdu.extend<Kdu & Toggleable & Stackable & options>().extend({\n  name: 'overlayable',\n\n  props: {\n    hideOverlay: Boolean,\n    overlayColor: String,\n    overlayOpacity: [Number, String],\n  },\n\n  data () {\n    return {\n      animationFrame: 0,\n      overlay: null as InstanceType<typeof KOverlay> | null,\n    }\n  },\n\n  watch: {\n    hideOverlay (value) {\n      if (!this.isActive) return\n\n      if (value) this.removeOverlay()\n      else this.genOverlay()\n    },\n  },\n\n  beforeDestroy () {\n    this.removeOverlay()\n  },\n\n  methods: {\n    createOverlay () {\n      const overlay = new KOverlay({\n        propsData: {\n          absolute: this.absolute,\n          value: false,\n          color: this.overlayColor,\n          opacity: this.overlayOpacity,\n        },\n      })\n\n      overlay.$mount()\n\n      const parent = this.absolute\n        ? this.$el.parentNode\n        : document.querySelector('[data-app]')\n\n      parent && parent.insertBefore(overlay.$el, parent.firstChild)\n\n      this.overlay = overlay\n    },\n    genOverlay () {\n      this.hideScroll()\n\n      if (this.hideOverlay) return\n\n      if (!this.overlay) this.createOverlay()\n\n      this.animationFrame = requestAnimationFrame(() => {\n        if (!this.overlay) return\n\n        if (this.activeZIndex !== undefined) {\n          this.overlay.zIndex = String(this.activeZIndex - 1)\n        } else if (this.$el) {\n          this.overlay.zIndex = getZIndex(this.$el)\n        }\n\n        this.overlay.value = true\n      })\n\n      return true\n    },\n    /** removeOverlay(false) will not restore the scollbar afterwards */\n    removeOverlay (showScroll = true) {\n      if (this.overlay) {\n        addOnceEventListener(this.overlay.$el, 'transitionend', () => {\n          if (\n            !this.overlay ||\n            !this.overlay.$el ||\n            !this.overlay.$el.parentNode ||\n            this.overlay.value ||\n            this.isActive\n          ) return\n\n          this.overlay.$el.parentNode.removeChild(this.overlay.$el)\n          this.overlay.$destroy()\n          this.overlay = null\n        })\n\n        // Cancel animation frame in case\n        // overlay is removed before it\n        // has finished its animation\n        cancelAnimationFrame(this.animationFrame)\n\n        this.overlay.value = false\n      }\n\n      showScroll && this.showScroll()\n    },\n    scrollListener (e: WheelEvent | KeyboardEvent) {\n      if ('key' in e) {\n        if (\n          ['INPUT', 'TEXTAREA', 'SELECT'].includes((e.target as Element).tagName) ||\n          (e.target as HTMLElement).isContentEditable\n        ) return\n\n        const up = [keyCodes.up, keyCodes.pageup]\n        const down = [keyCodes.down, keyCodes.pagedown]\n\n        if (up.includes(e.keyCode)) {\n          (e as any).deltaY = -1\n        } else if (down.includes(e.keyCode)) {\n          (e as any).deltaY = 1\n        } else {\n          return\n        }\n      }\n\n      if (e.target === this.overlay ||\n        (e.type !== 'keydown' && e.target === document.body) ||\n        this.checkPath(e as WheelEvent)) e.preventDefault()\n    },\n    hasScrollbar (el?: Element) {\n      if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n      const style = window.getComputedStyle(el)\n      return ((['auto', 'scroll'].includes(style.overflowY!) || el.tagName === 'SELECT') && el.scrollHeight > el.clientHeight) ||\n      ((['auto', 'scroll'].includes(style.overflowX!)) && el.scrollWidth > el.clientWidth)\n    },\n    shouldScroll (el: Element, e: WheelEvent): boolean {\n      if (el.hasAttribute('data-app')) return false\n\n      const dir = e.shiftKey || e.deltaX ? 'x' : 'y'\n      const delta = dir === 'y' ? e.deltaY : e.deltaX || e.deltaY\n\n      let alreadyAtStart: boolean\n      let alreadyAtEnd: boolean\n      if (dir === 'y') {\n        alreadyAtStart = el.scrollTop === 0\n        alreadyAtEnd = el.scrollTop + el.clientHeight === el.scrollHeight\n      } else {\n        alreadyAtStart = el.scrollLeft === 0\n        alreadyAtEnd = el.scrollLeft + el.clientWidth === el.scrollWidth\n      }\n\n      const scrollingUp = delta < 0\n      const scrollingDown = delta > 0\n\n      if (!alreadyAtStart && scrollingUp) return true\n      if (!alreadyAtEnd && scrollingDown) return true\n      if ((alreadyAtStart || alreadyAtEnd) && el.parentNode) {\n        return this.shouldScroll(el.parentNode as Element, e)\n      }\n\n      return false\n    },\n    isInside (el: Element, parent: Element): boolean {\n      if (el === parent) {\n        return true\n      } else if (el === null || el === document.body) {\n        return false\n      } else {\n        return this.isInside(el.parentNode as Element, parent)\n      }\n    },\n    checkPath (e: WheelEvent) {\n      const path = composedPath(e)\n\n      if (e.type === 'keydown' && path[0] === document.body) {\n        const dialog = this.$refs.dialog\n        // getSelection returns null in firefox in some edge cases, can be ignored\n        const selected = window.getSelection()!.anchorNode as Element\n        if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {\n          return !this.shouldScroll(dialog, e)\n        }\n        return true\n      }\n\n      for (let index = 0; index < path.length; index++) {\n        const el = path[index]\n\n        if (el === document) return true\n        if (el === document.documentElement) return true\n        if (el === this.$refs.content) return true\n\n        if (this.hasScrollbar(el as Element)) return !this.shouldScroll(el as Element, e)\n      }\n\n      return true\n    },\n    hideScroll () {\n      if (this.$kdutify.breakpoint.smAndDown) {\n        document.documentElement!.classList.add('overflow-y-hidden')\n      } else {\n        addPassiveEventListener(window, 'wheel', this.scrollListener, { passive: false })\n        window.addEventListener('keydown', this.scrollListener)\n      }\n    },\n    showScroll () {\n      document.documentElement!.classList.remove('overflow-y-hidden')\n      window.removeEventListener('wheel', this.scrollListener)\n      window.removeEventListener('keydown', this.scrollListener)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/picker/index.js

@@ -1,14 +1,14 @@
 // Components
-import KPicker from '../../components/KPicker'; // Mixins
-
+import KPicker from '../../components/KPicker';
+// Mixins
 import Colorable from '../colorable';
 import Elevatable from '../../mixins/elevatable';
-import Themeable from '../themeable'; // Utils
-
+import Themeable from '../themeable';
+// Utils
 import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
 export default mixins(Colorable, Elevatable, Themeable
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'picker',
   props: {
     flat: Boolean,
@@ -25,26 +25,21 @@ export default mixins(Colorable, Elevatable, Themeable
     genPickerTitle() {
       return null;
     },
-
     genPickerBody() {
       return null;
     },
-
     genPickerActionsSlot() {
       return this.$scopedSlots.default ? this.$scopedSlots.default({
         save: this.save,
         cancel: this.cancel
-      }) : this.$slots.default;
+      }) : getSlot(this);
     },
-
     genPicker(staticClass) {
       const children = [];
-
       if (!this.noTitle) {
         const title = this.genPickerTitle();
         title && children.push(title);
       }
-
       const body = this.genPickerBody();
       body && children.push(body);
       children.push(this.$createElement('template', {
@@ -65,7 +60,6 @@ export default mixins(Colorable, Elevatable, Themeable
         }
       }, children);
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/picker/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,OAAP,MAAoB,0BAApB,C,CAEA;;AACA,OAAO,SAAP,MAAsB,cAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,SAAP,MAAsB,cAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,eAAe,MAAM,CACnB,SADmB,EAEnB,UAFmB,EAGnB;AACF;AAJqB,CAAN,CAKb,MALa,CAKN;AACP,EAAA,IAAI,EAAE,QADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,SAAS,EAAE,OAFN;AAGL,IAAA,WAAW,EAAE,MAHR;AAIL,IAAA,SAAS,EAAE,OAJN;AAKL,IAAA,OAAO,EAAE,OALJ;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAHA;AAeP,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,IAAP;AACD,KAHM;;AAIP,IAAA,aAAa,GAAA;AACX,aAAO,IAAP;AACD,KANM;;AAOP,IAAA,oBAAoB,GAAA;AAClB,aAAO,KAAK,YAAL,CAAkB,OAAlB,GAA4B,KAAK,YAAL,CAAkB,OAAlB,CAA0B;AAC3D,QAAA,IAAI,EAAG,KAAa,IADuC;AAE3D,QAAA,MAAM,EAAG,KAAa;AAFqC,OAA1B,CAA5B,GAGF,KAAK,MAAL,CAAY,OAHjB;AAID,KAZM;;AAaP,IAAA,SAAS,CAAE,WAAF,EAAqB;AAC5B,YAAM,QAAQ,GAAY,EAA1B;;AAEA,UAAI,CAAC,KAAK,OAAV,EAAmB;AACjB,cAAM,KAAK,GAAG,KAAK,cAAL,EAAd;AACA,QAAA,KAAK,IAAI,QAAQ,CAAC,IAAT,CAAc,KAAd,CAAT;AACD;;AAED,YAAM,IAAI,GAAG,KAAK,aAAL,EAAb;AACA,MAAA,IAAI,IAAI,QAAQ,CAAC,IAAT,CAAc,IAAd,CAAR;AAEA,MAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,cAAL,CAAoB,UAApB,EAAgC;AAAE,QAAA,IAAI,EAAE;AAAR,OAAhC,EAAqD,CAAC,KAAK,oBAAL,EAAD,CAArD,CAAd;AAEA,aAAO,KAAK,cAAL,CAAoB,OAApB,EAA6B;AAClC,QAAA,WADkC;AAElC,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,KAAK,WAAL,IAAoB,KAAK,KAD3B;AAEL,UAAA,IAAI,EAAE,KAAK,IAFN;AAGL,UAAA,SAAS,EAAE,KAAK,SAHX;AAIL,UAAA,IAAI,EAAE,KAAK,IAJN;AAKL,UAAA,SAAS,EAAE,KAAK,SALX;AAML,UAAA,SAAS,EAAE,KAAK,SANX;AAOL,UAAA,KAAK,EAAE,KAAK,KAPP;AAQL,UAAA,KAAK,EAAE,KAAK,KARP;AASL,UAAA,OAAO,EAAE,KAAK;AATT;AAF2B,OAA7B,EAaJ,QAbI,CAAP;AAcD;;AAxCM;AAfF,CALM,CAAf","sourcesContent":["// Components\nimport KPicker from '../../components/KPicker'\n\n// Mixins\nimport Colorable from '../colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n/* @kdujs/component */\n).extend({\n  name: 'picker',\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    headerColor: String,\n    landscape: Boolean,\n    noTitle: Boolean,\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  methods: {\n    genPickerTitle (): KNode | null {\n      return null\n    },\n    genPickerBody (): KNode | null {\n      return null\n    },\n    genPickerActionsSlot () {\n      return this.$scopedSlots.default ? this.$scopedSlots.default({\n        save: (this as any).save,\n        cancel: (this as any).cancel,\n      }) : this.$slots.default\n    },\n    genPicker (staticClass: string) {\n      const children: KNode[] = []\n\n      if (!this.noTitle) {\n        const title = this.genPickerTitle()\n        title && children.push(title)\n      }\n\n      const body = this.genPickerBody()\n      body && children.push(body)\n\n      children.push(this.$createElement('template', { slot: 'actions' }, [this.genPickerActionsSlot()]))\n\n      return this.$createElement(KPicker, {\n        staticClass,\n        props: {\n          color: this.headerColor || this.color,\n          dark: this.dark,\n          elevation: this.elevation,\n          flat: this.flat,\n          fullWidth: this.fullWidth,\n          landscape: this.landscape,\n          light: this.light,\n          width: this.width,\n          noTitle: this.noTitle,\n        },\n      }, children)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/picker/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,OAAO,MAAM,0BAA0B;AAE9C;AACA,OAAO,SAAS,MAAM,cAAc;AACpC,OAAO,UAAU,MAAM,yBAAyB;AAChD,OAAO,SAAS,MAAM,cAAc;AAEpC;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAK5C,eAAe,MAAM,CACnB,SAAS,EACT,UAAU,EACV;AACF,sB,CACC,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,QAAQ;EAEd,KAAK,EAAE;IACL,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,OAAO;IAClB,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE;MACL,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;IACV;GACF;EAED,OAAO,EAAE;IACP,cAAc,CAAA,EAAA;MACZ,OAAO,IAAI;IACb,CAAC;IACD,aAAa,CAAA,EAAA;MACX,OAAO,IAAI;IACb,CAAC;IACD,oBAAoB,CAAA,EAAA;MAClB,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;QAC3D,IAAI,EAAG,IAAY,CAAC,IAAI;QACxB,MAAM,EAAG,IAAY,CAAC;OACvB,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IACpB,CAAC;IACD,SAAS,CAAE,WAAmB,EAAA;MAC5B,MAAM,QAAQ,GAAY,EAAE;MAE5B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QACjB,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAA,CAAE;QACnC,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;MAC9B;MAED,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAA,CAAE;MACjC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;MAE3B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;QAAE,IAAI,EAAE;MAAS,CAAE,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAA,CAAE,CAAC,CAAC,CAAC;MAElG,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;QAClC,WAAW;QACX,KAAK,EAAE;UACL,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK;UACrC,IAAI,EAAE,IAAI,CAAC,IAAI;UACf,SAAS,EAAE,IAAI,CAAC,SAAS;UACzB,IAAI,EAAE,IAAI,CAAC,IAAI;UACf,SAAS,EAAE,IAAI,CAAC,SAAS;UACzB,SAAS,EAAE,IAAI,CAAC,SAAS;UACzB,KAAK,EAAE,IAAI,CAAC,KAAK;UACjB,KAAK,EAAE,IAAI,CAAC,KAAK;UACjB,OAAO,EAAE,IAAI,CAAC;QACf;OACF,EAAE,QAAQ,CAAC;IACd;EACD;CACF,CAAC","sourcesContent":["// Components\nimport KPicker from '../../components/KPicker'\n\n// Mixins\nimport Colorable from '../colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n/* @kdujs/component */\n).extend({\n  name: 'picker',\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    headerColor: String,\n    landscape: Boolean,\n    noTitle: Boolean,\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  methods: {\n    genPickerTitle (): KNode | null {\n      return null\n    },\n    genPickerBody (): KNode | null {\n      return null\n    },\n    genPickerActionsSlot () {\n      return this.$scopedSlots.default ? this.$scopedSlots.default({\n        save: (this as any).save,\n        cancel: (this as any).cancel,\n      }) : getSlot(this)\n    },\n    genPicker (staticClass: string) {\n      const children: KNode[] = []\n\n      if (!this.noTitle) {\n        const title = this.genPickerTitle()\n        title && children.push(title)\n      }\n\n      const body = this.genPickerBody()\n      body && children.push(body)\n\n      children.push(this.$createElement('template', { slot: 'actions' }, [this.genPickerActionsSlot()]))\n\n      return this.$createElement(KPicker, {\n        staticClass,\n        props: {\n          color: this.headerColor || this.color,\n          dark: this.dark,\n          elevation: this.elevation,\n          flat: this.flat,\n          fullWidth: this.fullWidth,\n          landscape: this.landscape,\n          light: this.light,\n          width: this.width,\n          noTitle: this.noTitle,\n        },\n      }, children)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/picker-button/index.js

@@ -1,20 +1,17 @@
 // Mixins
-import Colorable from '../colorable'; // Utilities
-
+import Colorable from '../colorable';
+// Utilities
 import mixins from '../../util/mixins';
 import { kebabCase } from '../../util/helpers';
 /* @kdujs/component */
-
 export default mixins(Colorable).extend({
   methods: {
     genPickerButton(prop, value, content, readonly = false, staticClass = '') {
       const active = this[prop] === value;
-
       const click = event => {
         event.stopPropagation();
         this.$emit(`update:${kebabCase(prop)}`, value);
       };
-
       return this.$createElement('div', {
         staticClass: `k-picker__title__btn ${staticClass}`.trim(),
         class: {
@@ -26,7 +23,6 @@ export default mixins(Colorable).extend({
         }
       }, Array.isArray(content) ? content : [content]);
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/mixins/picker-button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/picker-button/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAP,MAAsB,cAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,SAAT,QAA0B,oBAA1B;AAKA;;AACA,eAAe,MAAM,CACnB,SADmB,CAAN,CAEb,MAFa,CAEN;AACP,EAAA,OAAO,EAAE;AACP,IAAA,eAAe,CACb,IADa,EAEb,KAFa,EAGb,OAHa,EAIb,QAAQ,GAAG,KAJE,EAKb,WAAW,GAAG,EALD,EAKG;AAEhB,YAAM,MAAM,GAAI,KAAa,IAAb,MAAuB,KAAvC;;AACA,YAAM,KAAK,GAAI,KAAD,IAAiB;AAC7B,QAAA,KAAK,CAAC,eAAN;AACA,aAAK,KAAL,CAAW,UAAU,SAAS,CAAC,IAAD,CAAM,EAApC,EAAwC,KAAxC;AACD,OAHD;;AAKA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,wBAAwB,WAAW,EAAnC,CAAsC,IAAtC,EADmB;AAEhC,QAAA,KAAK,EAAE;AACL,0CAAgC,MAD3B;AAEL,4CAAkC;AAF7B,SAFyB;AAMhC,QAAA,EAAE,EAAG,MAAM,IAAI,QAAX,GAAuB,SAAvB,GAAmC;AAAE,UAAA;AAAF;AANP,OAA3B,EAOJ,KAAK,CAAC,OAAN,CAAc,OAAd,IAAyB,OAAzB,GAAmC,CAAC,OAAD,CAP/B,CAAP;AAQD;;AAtBM;AADF,CAFM,CAAf","sourcesContent":["// Mixins\nimport Colorable from '../colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { kebabCase } from '../../util/helpers'\n\n// Types\nimport { KNodeChildren } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable\n).extend({\n  methods: {\n    genPickerButton (\n      prop: string,\n      value: any,\n      content: KNodeChildren,\n      readonly = false,\n      staticClass = ''\n    ) {\n      const active = (this as any)[prop] === value\n      const click = (event: Event) => {\n        event.stopPropagation()\n        this.$emit(`update:${kebabCase(prop)}`, value)\n      }\n\n      return this.$createElement('div', {\n        staticClass: `k-picker__title__btn ${staticClass}`.trim(),\n        class: {\n          'k-picker__title__btn--active': active,\n          'k-picker__title__btn--readonly': readonly,\n        },\n        on: (active || readonly) ? undefined : { click },\n      }, Array.isArray(content) ? content : [content])\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/picker-button/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAS,MAAM,cAAc;AAEpC;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,SAAS,QAAQ,oBAAoB;AAK9C;AACA,eAAe,MAAM,CACnB,SAAS,CACV,CAAC,MAAM,CAAC;EACP,OAAO,EAAE;IACP,eAAe,CACb,IAAY,EACZ,KAAU,EACV,OAAsB,EACtB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,EAAE,EAAA;MAEhB,MAAM,MAAM,GAAI,IAAY,CAAC,IAAI,CAAC,KAAK,KAAK;MAC5C,MAAM,KAAK,GAAI,KAAY,IAAI;QAC7B,KAAK,CAAC,eAAe,CAAA,CAAE;QACvB,IAAI,CAAC,KAAK,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC;MAChD,CAAC;MAED,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,wBAAwB,WAAW,EAAE,CAAC,IAAI,CAAA,CAAE;QACzD,KAAK,EAAE;UACL,8BAA8B,EAAE,MAAM;UACtC,gCAAgC,EAAE;SACnC;QACD,EAAE,EAAG,MAAM,IAAI,QAAQ,GAAI,SAAS,GAAG;UAAE;QAAK;OAC/C,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC;IAClD;EACD;CACF,CAAC","sourcesContent":["// Mixins\nimport Colorable from '../colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { kebabCase } from '../../util/helpers'\n\n// Types\nimport { KNodeChildren } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable\n).extend({\n  methods: {\n    genPickerButton (\n      prop: string,\n      value: any,\n      content: KNodeChildren,\n      readonly = false,\n      staticClass = ''\n    ) {\n      const active = (this as any)[prop] === value\n      const click = (event: Event) => {\n        event.stopPropagation()\n        this.$emit(`update:${kebabCase(prop)}`, value)\n      }\n\n      return this.$createElement('div', {\n        staticClass: `k-picker__title__btn ${staticClass}`.trim(),\n        class: {\n          'k-picker__title__btn--active': active,\n          'k-picker__title__btn--readonly': readonly,\n        },\n        on: (active || readonly) ? undefined : { click },\n      }, Array.isArray(content) ? content : [content])\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/positionable/index.js

@@ -14,8 +14,8 @@ export function factory(selected = []) {
     props: selected.length ? filterObjectOnKeys(availableProps, selected) : availableProps
   });
 }
-export default factory(); // Add a `*` before the second `/`
-
+export default factory();
+// Add a `*` before the second `/`
 /* Tests /
 let single = factory(['top']).extend({
   created () {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/positionable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AACA,SAAS,kBAAT,QAAmC,oBAAnC;AAGA,MAAM,cAAc,GAAG;AACrB,EAAA,QAAQ,EAAE,OADW;AAErB,EAAA,MAAM,EAAE,OAFa;AAGrB,EAAA,KAAK,EAAE,OAHc;AAIrB,EAAA,IAAI,EAAE,OAJe;AAKrB,EAAA,KAAK,EAAE,OALc;AAMrB,EAAA,GAAG,EAAE;AANgB,CAAvB;AAcA,OAAM,SAAU,OAAV,CAAmB,QAAA,GAAkB,EAArC,EAAuC;AAC3C,SAAO,GAAG,CAAC,MAAJ,CAAW;AAChB,IAAA,IAAI,EAAE,cADU;AAEhB,IAAA,KAAK,EAAE,QAAQ,CAAC,MAAT,GAAkB,kBAAkB,CAAC,cAAD,EAAiB,QAAjB,CAApC,GAAiE;AAFxD,GAAX,CAAP;AAID;AAED,eAAe,OAAO,EAAtB,C,CAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBI","sourcesContent":["import Kdu from 'kdu'\nimport { filterObjectOnKeys } from '../../util/helpers'\nimport { OptionsKdu, KduConstructor } from 'kdu/types/kdu'\n\nconst availableProps = {\n  absolute: Boolean,\n  bottom: Boolean,\n  fixed: Boolean,\n  left: Boolean,\n  right: Boolean,\n  top: Boolean,\n}\ntype props = Record<keyof typeof availableProps, boolean>\n\nexport type Positionable<S extends keyof props> = KduConstructor<Kdu & { [P in S]: boolean }, { [P in S]: BooleanConstructor }>\n\nexport function factory <S extends keyof props> (selected?: S[]): Positionable<S>\nexport function factory (selected: undefined): OptionsKdu<Kdu, {}, {}, {}, props, typeof availableProps>\nexport function factory (selected: any[] = []): any {\n  return Kdu.extend({\n    name: 'positionable',\n    props: selected.length ? filterObjectOnKeys(availableProps, selected) : availableProps,\n  })\n}\n\nexport default factory()\n\n// Add a `*` before the second `/`\n/* Tests /\nlet single = factory(['top']).extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n  }\n})\n\nlet some = factory(['top', 'bottom']).extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n  }\n})\n\nlet all = factory().extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n    this.foobar\n  }\n})\n/**/\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/positionable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AACrB,SAAS,kBAAkB,QAAQ,oBAAoB;AAGvD,MAAM,cAAc,GAAG;EACrB,QAAQ,EAAE,OAAO;EACjB,MAAM,EAAE,OAAO;EACf,KAAK,EAAE,OAAO;EACd,IAAI,EAAE,OAAO;EACb,KAAK,EAAE,OAAO;EACd,GAAG,EAAE;CACN;AAOD,OAAM,SAAU,OAAO,CAAE,QAAA,GAAkB,EAAE,EAAA;EAC3C,OAAO,GAAG,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,kBAAkB,CAAC,cAAc,EAAE,QAAQ,CAAC,GAAG;GACzE,CAAC;AACJ;AAEA,eAAe,OAAO,CAAA,CAAE;AAExB;AACA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBI","sourcesContent":["import Kdu from 'kdu'\nimport { filterObjectOnKeys } from '../../util/helpers'\nimport { OptionsKdu, KduConstructor } from 'kdu/types/kdu'\n\nconst availableProps = {\n  absolute: Boolean,\n  bottom: Boolean,\n  fixed: Boolean,\n  left: Boolean,\n  right: Boolean,\n  top: Boolean,\n}\ntype props = Record<keyof typeof availableProps, boolean>\n\nexport type Positionable<S extends keyof props> = KduConstructor<Kdu & { [P in S]: boolean }, { [P in S]: BooleanConstructor }>\n\nexport function factory <S extends keyof props> (selected?: S[]): Positionable<S>\nexport function factory (selected: undefined): OptionsKdu<Kdu, {}, {}, {}, props, typeof availableProps>\nexport function factory (selected: any[] = []): any {\n  return Kdu.extend({\n    name: 'positionable',\n    props: selected.length ? filterObjectOnKeys(availableProps, selected) : availableProps,\n  })\n}\n\nexport default factory()\n\n// Add a `*` before the second `/`\n/* Tests /\nlet single = factory(['top']).extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n  }\n})\n\nlet some = factory(['top', 'bottom']).extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n  }\n})\n\nlet all = factory().extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n    this.foobar\n  }\n})\n/**/\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/proxyable/index.js

@@ -11,37 +11,31 @@ export function factory(prop = 'value', event = 'change') {
         required: false
       }
     },
-
     data() {
       return {
         internalLazyValue: this[prop]
       };
     },
-
     computed: {
       internalValue: {
         get() {
           return this.internalLazyValue;
         },
-
         set(val) {
           if (val === this.internalLazyValue) return;
           this.internalLazyValue = val;
           this.$emit(event, val);
         }
-
       }
     },
     watch: {
       [prop](val) {
         this.internalLazyValue = val;
       }
-
     }
   });
 }
 /* eslint-disable-next-line @typescript-eslint/no-redeclare */
-
 const Proxyable = factory();
 export default Proxyable;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/proxyable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAoC,KAApC;AAQA,OAAM,SAAU,OAAV,CACJ,IAAI,GAAG,OADH,EAEJ,KAAK,GAAG,QAFJ,EAEY;AAEhB,SAAO,GAAG,CAAC,MAAJ,CAAW;AAChB,IAAA,IAAI,EAAE,WADU;AAGhB,IAAA,KAAK,EAAE;AACL,MAAA,IADK;AAEL,MAAA;AAFK,KAHS;AAQhB,IAAA,KAAK,EAAE;AACL,OAAC,IAAD,GAAQ;AACN,QAAA,QAAQ,EAAE;AADJ;AADH,KARS;;AAchB,IAAA,IAAI,GAAA;AACF,aAAO;AACL,QAAA,iBAAiB,EAAE,KAAK,IAAL;AADd,OAAP;AAGD,KAlBe;;AAoBhB,IAAA,QAAQ,EAAE;AACR,MAAA,aAAa,EAAE;AACb,QAAA,GAAG,GAAA;AACD,iBAAO,KAAK,iBAAZ;AACD,SAHY;;AAIb,QAAA,GAAG,CAAE,GAAF,EAAU;AACX,cAAI,GAAG,KAAK,KAAK,iBAAjB,EAAoC;AAEpC,eAAK,iBAAL,GAAyB,GAAzB;AAEA,eAAK,KAAL,CAAW,KAAX,EAAkB,GAAlB;AACD;;AAVY;AADP,KApBM;AAmChB,IAAA,KAAK,EAAE;AACL,OAAC,IAAD,EAAQ,GAAR,EAAW;AACT,aAAK,iBAAL,GAAyB,GAAzB;AACD;;AAHI;AAnCS,GAAX,CAAP;AAyCD;AAED;;AACA,MAAM,SAAS,GAAG,OAAO,EAAzB;AAEA,eAAe,SAAf","sourcesContent":["import Kdu, { KduConstructor } from 'kdu'\n\nexport type Proxyable<T extends string = 'value'> = KduConstructor<Kdu & {\n  internalLazyValue: unknown\n  internalValue: unknown\n} & Record<T, any>>\n\nexport function factory<T extends string = 'value'> (prop?: T, event?: string): Proxyable<T>\nexport function factory (\n  prop = 'value',\n  event = 'change'\n) {\n  return Kdu.extend({\n    name: 'proxyable',\n\n    model: {\n      prop,\n      event,\n    },\n\n    props: {\n      [prop]: {\n        required: false,\n      },\n    },\n\n    data () {\n      return {\n        internalLazyValue: this[prop] as unknown,\n      }\n    },\n\n    computed: {\n      internalValue: {\n        get (): unknown {\n          return this.internalLazyValue\n        },\n        set (val: any) {\n          if (val === this.internalLazyValue) return\n\n          this.internalLazyValue = val\n\n          this.$emit(event, val)\n        },\n      },\n    },\n\n    watch: {\n      [prop] (val) {\n        this.internalLazyValue = val\n      },\n    },\n  })\n}\n\n/* eslint-disable-next-line @typescript-eslint/no-redeclare */\nconst Proxyable = factory()\n\nexport default Proxyable\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/proxyable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAuB,MAAM,KAAK;AAQzC,OAAM,SAAU,OAAO,CACrB,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,QAAQ,EAAA;EAEhB,OAAO,GAAG,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE,WAAW;IAEjB,KAAK,EAAE;MACL,IAAI;MACJ;KACD;IAED,KAAK,EAAE;MACL,CAAC,IAAI,GAAG;QACN,QAAQ,EAAE;MACX;KACF;IAED,IAAI,CAAA,EAAA;MACF,OAAO;QACL,iBAAiB,EAAE,IAAI,CAAC,IAAI;OAC7B;IACH,CAAC;IAED,QAAQ,EAAE;MACR,aAAa,EAAE;QACb,GAAG,CAAA,EAAA;UACD,OAAO,IAAI,CAAC,iBAAiB;QAC/B,CAAC;QACD,GAAG,CAAE,GAAQ,EAAA;UACX,IAAI,GAAG,KAAK,IAAI,CAAC,iBAAiB,EAAE;UAEpC,IAAI,CAAC,iBAAiB,GAAG,GAAG;UAE5B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;QACxB;MACD;KACF;IAED,KAAK,EAAE;MACL,CAAC,IAAI,EAAG,GAAG,EAAA;QACT,IAAI,CAAC,iBAAiB,GAAG,GAAG;MAC9B;IACD;GACF,CAAC;AACJ;AAEA;AACA,MAAM,SAAS,GAAG,OAAO,CAAA,CAAE;AAE3B,eAAe,SAAS","sourcesContent":["import Kdu, { KduConstructor } from 'kdu'\n\nexport type Proxyable<T extends string = 'value'> = KduConstructor<Kdu & {\n  internalLazyValue: unknown\n  internalValue: unknown\n} & Record<T, any>>\n\nexport function factory<T extends string = 'value'> (prop?: T, event?: string): Proxyable<T>\nexport function factory (\n  prop = 'value',\n  event = 'change'\n) {\n  return Kdu.extend({\n    name: 'proxyable',\n\n    model: {\n      prop,\n      event,\n    },\n\n    props: {\n      [prop]: {\n        required: false,\n      },\n    },\n\n    data () {\n      return {\n        internalLazyValue: this[prop] as unknown,\n      }\n    },\n\n    computed: {\n      internalValue: {\n        get (): unknown {\n          return this.internalLazyValue\n        },\n        set (val: any) {\n          if (val === this.internalLazyValue) return\n\n          this.internalLazyValue = val\n\n          this.$emit(event, val)\n        },\n      },\n    },\n\n    watch: {\n      [prop] (val) {\n        this.internalLazyValue = val\n      },\n    },\n  })\n}\n\n/* eslint-disable-next-line @typescript-eslint/no-redeclare */\nconst Proxyable = factory()\n\nexport default Proxyable\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/registrable/index.js

@@ -1,10 +1,8 @@
 import Kdu from 'kdu';
 import { consoleWarn } from '../../util/console';
-
 function generateWarning(child, parent) {
   return () => consoleWarn(`The ${child} component must be used inside a ${parent}`);
 }
-
 export function inject(namespace, child, parent) {
   const defaultImpl = child && parent ? {
     register: generateWarning(child, parent),
@@ -22,7 +20,6 @@ export function inject(namespace, child, parent) {
 export function provide(namespace, self = false) {
   return Kdu.extend({
     name: 'registrable-provide',
-
     provide() {
       return {
         [namespace]: self ? this : {
@@ -31,7 +28,6 @@ export function provide(namespace, self = false) {
         }
       };
     }
-
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/registrable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA,SAAS,WAAT,QAA4B,oBAA5B;;AAEA,SAAS,eAAT,CAA0B,KAA1B,EAAyC,MAAzC,EAAuD;AACrD,SAAO,MAAM,WAAW,CAAC,OAAO,KAAK,oCAAoC,MAAM,EAAvD,CAAxB;AACD;;AASD,OAAM,SAAU,MAAV,CAEH,SAFG,EAEW,KAFX,EAE2B,MAF3B,EAE0C;AAC9C,QAAM,WAAW,GAAG,KAAK,IAAI,MAAT,GAAkB;AACpC,IAAA,QAAQ,EAAE,eAAe,CAAC,KAAD,EAAQ,MAAR,CADW;AAEpC,IAAA,UAAU,EAAE,eAAe,CAAC,KAAD,EAAQ,MAAR;AAFS,GAAlB,GAGhB,IAHJ;AAKA,SAAO,GAAG,CAAC,MAAJ,CAAW;AAChB,IAAA,IAAI,EAAE,oBADU;AAGhB,IAAA,MAAM,EAAE;AACN,OAAC,SAAD,GAAa;AACX,QAAA,OAAO,EAAE;AADE;AADP;AAHQ,GAAX,CAAP;AASD;AAED,OAAM,SAAU,OAAV,CAAmB,SAAnB,EAAsC,IAAI,GAAG,KAA7C,EAAkD;AACtD,SAAO,GAAG,CAAC,MAAJ,CAAW;AAChB,IAAA,IAAI,EAAE,qBADU;;AAGhB,IAAA,OAAO,GAAA;AACL,aAAO;AACL,SAAC,SAAD,GAAa,IAAI,GAAG,IAAH,GAAU;AACzB,UAAA,QAAQ,EAAG,KAAa,QADC;AAEzB,UAAA,UAAU,EAAG,KAAa;AAFD;AADtB,OAAP;AAMD;;AAVe,GAAX,CAAP;AAYD","sourcesContent":["import Kdu from 'kdu'\nimport { KduConstructor } from 'kdu/types/kdu'\nimport { consoleWarn } from '../../util/console'\n\nfunction generateWarning (child: string, parent: string) {\n  return () => consoleWarn(`The ${child} component must be used inside a ${parent}`)\n}\n\nexport type Registrable<T extends string, C extends KduConstructor | null = null> = KduConstructor<Kdu & {\n  [K in T]: C extends KduConstructor ? InstanceType<C> : {\n    register (...props: any[]): void\n    unregister (self: any): void\n  }\n}>\n\nexport function inject<\n  T extends string, C extends KduConstructor | null = null\n> (namespace: T, child?: string, parent?: string): Registrable<T, C> {\n  const defaultImpl = child && parent ? {\n    register: generateWarning(child, parent),\n    unregister: generateWarning(child, parent),\n  } : null\n\n  return Kdu.extend({\n    name: 'registrable-inject',\n\n    inject: {\n      [namespace]: {\n        default: defaultImpl,\n      },\n    },\n  })\n}\n\nexport function provide (namespace: string, self = false) {\n  return Kdu.extend({\n    name: 'registrable-provide',\n\n    provide (): object {\n      return {\n        [namespace]: self ? this : {\n          register: (this as any).register,\n          unregister: (this as any).unregister,\n        },\n      }\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/registrable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB,SAAS,WAAW,QAAQ,oBAAoB;AAEhD,SAAS,eAAe,CAAE,KAAa,EAAE,MAAc,EAAA;EACrD,OAAO,MAAM,WAAW,CAAC,OAAO,KAAK,oCAAoC,MAAM,EAAE,CAAC;AACpF;AASA,OAAM,SAAU,MAAM,CAEnB,SAAY,EAAE,KAAc,EAAE,MAAe,EAAA;EAC9C,MAAM,WAAW,GAAG,KAAK,IAAI,MAAM,GAAG;IACpC,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC;IACxC,UAAU,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM;GAC1C,GAAG,IAAI;EAER,OAAO,GAAG,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE,oBAAoB;IAE1B,MAAM,EAAE;MACN,CAAC,SAAS,GAAG;QACX,OAAO,EAAE;MACV;IACF;GACF,CAAC;AACJ;AAEA,OAAM,SAAU,OAAO,CAAE,SAAiB,EAAE,IAAI,GAAG,KAAK,EAAA;EACtD,OAAO,GAAG,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE,qBAAqB;IAE3B,OAAO,CAAA,EAAA;MACL,OAAO;QACL,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG;UACzB,QAAQ,EAAG,IAAY,CAAC,QAAQ;UAChC,UAAU,EAAG,IAAY,CAAC;QAC3B;OACF;IACH;GACD,CAAC;AACJ","sourcesContent":["import Kdu from 'kdu'\nimport { KduConstructor } from 'kdu/types/kdu'\nimport { consoleWarn } from '../../util/console'\n\nfunction generateWarning (child: string, parent: string) {\n  return () => consoleWarn(`The ${child} component must be used inside a ${parent}`)\n}\n\nexport type Registrable<T extends string, C extends KduConstructor | null = null> = KduConstructor<Kdu & {\n  [K in T]: C extends KduConstructor ? InstanceType<C> : {\n    register (...props: any[]): void\n    unregister (self: any): void\n  }\n}>\n\nexport function inject<\n  T extends string, C extends KduConstructor | null = null\n> (namespace: T, child?: string, parent?: string): Registrable<T, C> {\n  const defaultImpl = child && parent ? {\n    register: generateWarning(child, parent),\n    unregister: generateWarning(child, parent),\n  } : null\n\n  return Kdu.extend({\n    name: 'registrable-inject',\n\n    inject: {\n      [namespace]: {\n        default: defaultImpl,\n      },\n    },\n  })\n}\n\nexport function provide (namespace: string, self = false) {\n  return Kdu.extend({\n    name: 'registrable-provide',\n\n    provide (): object {\n      return {\n        [namespace]: self ? this : {\n          register: (this as any).register,\n          unregister: (this as any).unregister,\n        },\n      }\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/returnable/index.js

@@ -1,6 +1,5 @@
 import Kdu from 'kdu';
 /* @kdujs/component */
-
 export default Kdu.extend({
   name: 'returnable',
   props: {
@@ -18,7 +17,6 @@ export default Kdu.extend({
         this.$emit('update:return-value', this.originalValue);
       }
     }
-
   },
   methods: {
     save(value) {
@@ -27,7 +25,6 @@ export default Kdu.extend({
         this.isActive = false;
       });
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/returnable/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,WAAW,EAAE;AADR,GAHiB;AAOxB,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE,KADC;AAEX,IAAA,aAAa,EAAE;AAFJ,GAAP,CAPkB;AAYxB,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,CAAE,GAAF,EAAK;AACX,UAAI,GAAJ,EAAS;AACP,aAAK,aAAL,GAAqB,KAAK,WAA1B;AACD,OAFD,MAEO;AACL,aAAK,KAAL,CAAW,qBAAX,EAAkC,KAAK,aAAvC;AACD;AACF;;AAPI,GAZiB;AAsBxB,EAAA,OAAO,EAAE;AACP,IAAA,IAAI,CAAE,KAAF,EAAY;AACd,WAAK,aAAL,GAAqB,KAArB;AACA,MAAA,UAAU,CAAC,MAAK;AACd,aAAK,QAAL,GAAgB,KAAhB;AACD,OAFS,CAAV;AAGD;;AANM;AAtBe,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'returnable',\n\n  props: {\n    returnValue: null as any,\n  },\n\n  data: () => ({\n    isActive: false,\n    originalValue: null as any,\n  }),\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.originalValue = this.returnValue\n      } else {\n        this.$emit('update:return-value', this.originalValue)\n      }\n    },\n  },\n\n  methods: {\n    save (value: any) {\n      this.originalValue = value\n      setTimeout(() => {\n        this.isActive = false\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/returnable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB;AACA,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,YAAY;EAElB,KAAK,EAAE;IACL,WAAW,EAAE;GACd;EAED,IAAI,EAAE,CAAA,MAAO;IACX,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE;GAChB,CAAC;EAEF,KAAK,EAAE;IACL,QAAQ,CAAE,GAAG,EAAA;MACX,IAAI,GAAG,EAAE;QACP,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW;OACtC,MAAM;QACL,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,IAAI,CAAC,aAAa,CAAC;MACtD;IACH;GACD;EAED,OAAO,EAAE;IACP,IAAI,CAAE,KAAU,EAAA;MACd,IAAI,CAAC,aAAa,GAAG,KAAK;MAC1B,UAAU,CAAC,MAAK;QACd,IAAI,CAAC,QAAQ,GAAG,KAAK;MACvB,CAAC,CAAC;IACJ;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'returnable',\n\n  props: {\n    returnValue: null as any,\n  },\n\n  data: () => ({\n    isActive: false,\n    originalValue: null as any,\n  }),\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.originalValue = this.returnValue\n      } else {\n        this.$emit('update:return-value', this.originalValue)\n      }\n    },\n  },\n\n  methods: {\n    save (value: any) {\n      this.originalValue = value\n      setTimeout(() => {\n        this.isActive = false\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/rippleable/index.js

@@ -1,6 +1,6 @@
 // Directives
-import ripple from '../../directives/ripple'; // Types
-
+import ripple from '../../directives/ripple';
+// Types
 import Kdu from 'kdu';
 export default Kdu.extend({
   name: 'rippleable',
@@ -26,7 +26,6 @@ export default Kdu.extend({
       });
       return this.$createElement('div', data);
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/rippleable/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,MAAP,MAAmB,yBAAnB,C,CAEA;;AACA,OAAO,GAAP,MAAsD,KAAtD;AAEA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,YADkB;AAGxB,EAAA,UAAU,EAAE;AAAE,IAAA;AAAF,GAHY;AAKxB,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADA;AAEN,MAAA,OAAO,EAAE;AAFH;AADH,GALiB;AAYxB,EAAA,OAAO,EAAE;AACP,IAAA,SAAS,CAAE,IAAA,GAAkB,EAApB,EAAsB;AAC7B,UAAI,CAAC,KAAK,MAAV,EAAkB,OAAO,IAAP;AAElB,MAAA,IAAI,CAAC,WAAL,GAAmB,qCAAnB;AAEA,MAAA,IAAI,CAAC,UAAL,GAAkB,IAAI,CAAC,UAAL,IAAmB,EAArC;AACA,MAAA,IAAI,CAAC,UAAL,CAAgB,IAAhB,CAAqB;AACnB,QAAA,IAAI,EAAE,QADa;AAEnB,QAAA,KAAK,EAAE;AAAE,UAAA,MAAM,EAAE;AAAV;AAFY,OAArB;AAKA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,IAA3B,CAAP;AACD;;AAbM;AAZe,CAAX,CAAf","sourcesContent":["// Directives\nimport ripple from '../../directives/ripple'\n\n// Types\nimport Kdu, { KNode, KNodeData, KNodeDirective } from 'kdu'\n\nexport default Kdu.extend({\n  name: 'rippleable',\n\n  directives: { ripple },\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n  },\n\n  methods: {\n    genRipple (data: KNodeData = {}): KNode | null {\n      if (!this.ripple) return null\n\n      data.staticClass = 'k-input--selection-controls__ripple'\n\n      data.directives = data.directives || []\n      data.directives.push({\n        name: 'ripple',\n        value: { center: true },\n      } as KNodeDirective)\n\n      return this.$createElement('div', data)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/rippleable/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,MAAM,MAAM,yBAAyB;AAE5C;AACA,OAAO,GAAyC,MAAM,KAAK;AAE3D,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,YAAY;EAElB,UAAU,EAAE;IAAE;EAAM,CAAE;EAEtB,KAAK,EAAE;IACL,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;MACvB,OAAO,EAAE;IACV;GACF;EAED,OAAO,EAAE;IACP,SAAS,CAAE,IAAA,GAAkB,CAAA,CAAE,EAAA;MAC7B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI;MAE7B,IAAI,CAAC,WAAW,GAAG,qCAAqC;MAExD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE;MACvC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACnB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE;UAAE,MAAM,EAAE;QAAI;OACJ,CAAC;MAEpB,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;IACzC;EACD;CACF,CAAC","sourcesContent":["// Directives\nimport ripple from '../../directives/ripple'\n\n// Types\nimport Kdu, { KNode, KNodeData, KNodeDirective } from 'kdu'\n\nexport default Kdu.extend({\n  name: 'rippleable',\n\n  directives: { ripple },\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n  },\n\n  methods: {\n    genRipple (data: KNodeData = {}): KNode | null {\n      if (!this.ripple) return null\n\n      data.staticClass = 'k-input--selection-controls__ripple'\n\n      data.directives = data.directives || []\n      data.directives.push({\n        name: 'ripple',\n        value: { center: true },\n      } as KNodeDirective)\n\n      return this.$createElement('div', data)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/roundable/index.js

@@ -1,6 +1,5 @@
 import Kdu from 'kdu';
 /* @kdujs/component */
-
 export default Kdu.extend({
   name: 'roundable',
   props: {
@@ -11,24 +10,20 @@ export default Kdu.extend({
     roundedClasses() {
       const composite = [];
       const rounded = typeof this.rounded === 'string' ? String(this.rounded) : this.rounded === true;
-
       if (this.tile) {
         composite.push('rounded-0');
       } else if (typeof rounded === 'string') {
         const values = rounded.split(' ');
-
         for (const value of values) {
           composite.push(`rounded-${value}`);
         }
       } else if (rounded) {
         composite.push('rounded');
       }
-
       return composite.length > 0 ? {
         [composite.join(' ')]: true
       } : {};
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/roundable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,WADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,CADJ;AAEL,IAAA,IAAI,EAAE;AAFD,GAHiB;AAQxB,EAAA,QAAQ,EAAE;AACR,IAAA,cAAc,GAAA;AACZ,YAAM,SAAS,GAAG,EAAlB;AACA,YAAM,OAAO,GAAG,OAAO,KAAK,OAAZ,KAAwB,QAAxB,GACZ,MAAM,CAAC,KAAK,OAAN,CADM,GAEZ,KAAK,OAAL,KAAiB,IAFrB;;AAIA,UAAI,KAAK,IAAT,EAAe;AACb,QAAA,SAAS,CAAC,IAAV,CAAe,WAAf;AACD,OAFD,MAEO,IAAI,OAAO,OAAP,KAAmB,QAAvB,EAAiC;AACtC,cAAM,MAAM,GAAG,OAAO,CAAC,KAAR,CAAc,GAAd,CAAf;;AAEA,aAAK,MAAM,KAAX,IAAoB,MAApB,EAA4B;AAC1B,UAAA,SAAS,CAAC,IAAV,CAAe,WAAW,KAAK,EAA/B;AACD;AACF,OANM,MAMA,IAAI,OAAJ,EAAa;AAClB,QAAA,SAAS,CAAC,IAAV,CAAe,SAAf;AACD;;AAED,aAAO,SAAS,CAAC,MAAV,GAAmB,CAAnB,GAAuB;AAC5B,SAAC,SAAS,CAAC,IAAV,CAAe,GAAf,CAAD,GAAuB;AADK,OAAvB,GAEH,EAFJ;AAGD;;AAtBO;AARc,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'roundable',\n\n  props: {\n    rounded: [Boolean, String],\n    tile: Boolean,\n  },\n\n  computed: {\n    roundedClasses (): Record<string, boolean> {\n      const composite = []\n      const rounded = typeof this.rounded === 'string'\n        ? String(this.rounded)\n        : this.rounded === true\n\n      if (this.tile) {\n        composite.push('rounded-0')\n      } else if (typeof rounded === 'string') {\n        const values = rounded.split(' ')\n\n        for (const value of values) {\n          composite.push(`rounded-${value}`)\n        }\n      } else if (rounded) {\n        composite.push('rounded')\n      }\n\n      return composite.length > 0 ? {\n        [composite.join(' ')]: true,\n      } : {}\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/roundable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB;AACA,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,WAAW;EAEjB,KAAK,EAAE;IACL,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE;GACP;EAED,QAAQ,EAAE;IACR,cAAc,CAAA,EAAA;MACZ,MAAM,SAAS,GAAG,EAAE;MACpB,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,GAC5C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GACpB,IAAI,CAAC,OAAO,KAAK,IAAI;MAEzB,IAAI,IAAI,CAAC,IAAI,EAAE;QACb,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;OAC5B,MAAM,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QACtC,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;QAEjC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;UAC1B,SAAS,CAAC,IAAI,CAAC,WAAW,KAAK,EAAE,CAAC;QACnC;OACF,MAAM,IAAI,OAAO,EAAE;QAClB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;MAC1B;MAED,OAAO,SAAS,CAAC,MAAM,GAAG,CAAC,GAAG;QAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG;OACxB,GAAG,CAAA,CAAE;IACR;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'roundable',\n\n  props: {\n    rounded: [Boolean, String],\n    tile: Boolean,\n  },\n\n  computed: {\n    roundedClasses (): Record<string, boolean> {\n      const composite = []\n      const rounded = typeof this.rounded === 'string'\n        ? String(this.rounded)\n        : this.rounded === true\n\n      if (this.tile) {\n        composite.push('rounded-0')\n      } else if (typeof rounded === 'string') {\n        const values = rounded.split(' ')\n\n        for (const value of values) {\n          composite.push(`rounded-${value}`)\n        }\n      } else if (rounded) {\n        composite.push('rounded')\n      }\n\n      return composite.length > 0 ? {\n        [composite.join(' ')]: true,\n      } : {}\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}