kdutify 2.6.1 → 2.7.3

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"}

package/lib/mixins/routable/index.js

@@ -1,7 +1,7 @@
-import Kdu from 'kdu'; // Directives
-
-import Ripple from '../../directives/ripple'; // Utilities
-
+import Kdu from 'kdu';
+// Directives
+import Ripple from '../../directives/ripple';
+// Utilities
 import { getObjectValueByPath } from '../../util/helpers';
 export default Kdu.extend({
   name: 'routable',
@@ -21,7 +21,7 @@ export default Kdu.extend({
     link: Boolean,
     href: [String, Object],
     to: [String, Object],
-    dorayaki: Boolean,
+    dtwo: Boolean,
     replace: Boolean,
     ripple: {
       type: [Boolean, Object],
@@ -42,37 +42,26 @@ export default Kdu.extend({
       if (this.proxyClass) classes[this.proxyClass] = this.isActive;
       return classes;
     },
-
     computedRipple() {
-      var _this$ripple;
-
-      return (_this$ripple = this.ripple) != null ? _this$ripple : !this.disabled && this.isClickable;
+      var _a;
+      return (_a = this.ripple) !== null && _a !== void 0 ? _a : !this.disabled && this.isClickable;
     },
-
     isClickable() {
       if (this.disabled) return false;
       return Boolean(this.isLink || this.$listeners.click || this.$listeners['!click'] || this.$attrs.tabindex);
     },
-
     isLink() {
       return this.to || this.href || this.link;
     },
-
     styles: () => ({})
   },
   watch: {
     $route: 'onRouteChange'
   },
-
   mounted() {
     this.onRouteChange();
   },
-
   methods: {
-    click(e) {
-      this.$emit('click', e);
-    },
-
     generateRouteLink() {
       let exact = this.exact;
       let tag;
@@ -87,28 +76,27 @@ export default Kdu.extend({
           name: 'ripple',
           value: this.computedRipple
         }],
-        [this.to ? 'nativeOn' : 'on']: { ...this.$listeners,
-          click: this.click
+        [this.to ? 'nativeOn' : 'on']: {
+          ...this.$listeners,
+          ...('click' in this ? {
+            click: this.click
+          } : undefined) // #14447
         },
         ref: 'link'
       };
-
       if (typeof this.exact === 'undefined') {
         exact = this.to === '/' || this.to === Object(this.to) && this.to.path === '/';
       }
-
       if (this.to) {
         // Add a special activeClass hook
         // for component level styles
         let activeClass = this.activeClass;
         let exactActiveClass = this.exactActiveClass || activeClass;
-
         if (this.proxyClass) {
           activeClass = `${activeClass} ${this.proxyClass}`.trim();
           exactActiveClass = `${exactActiveClass} ${this.proxyClass}`.trim();
         }
-
-        tag = this.dorayaki ? 'dorayaki-link' : 'router-link';
+        tag = this.dtwo ? 'dtwo-link' : 'router-link';
         Object.assign(data.props, {
           to: this.to,
           exact,
@@ -122,18 +110,16 @@ export default Kdu.extend({
         tag = this.href && 'a' || this.tag || 'div';
         if (tag === 'a' && this.href) data.attrs.href = this.href;
       }
-
       if (this.target) data.attrs.target = this.target;
       return {
         tag,
         data
       };
     },
-
     onRouteChange() {
       if (!this.to || !this.$refs.link || !this.$route) return;
-      const activeClass = `${this.activeClass} ${this.proxyClass || ''}`.trim();
-      const exactActiveClass = `${this.exactActiveClass} ${this.proxyClass || ''}`.trim() || activeClass;
+      const activeClass = `${this.activeClass || ''} ${this.proxyClass || ''}`.trim();
+      const exactActiveClass = `${this.exactActiveClass || ''} ${this.proxyClass || ''}`.trim() || activeClass;
       const path = '_knode.data.class.' + (this.exact ? exactActiveClass : activeClass);
       this.$nextTick(() => {
         /* istanbul ignore else */
@@ -142,11 +128,9 @@ export default Kdu.extend({
         }
       });
     },
-
     toggle() {
       this.isActive = !this.isActive;
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/routable/index.ts"],"names":[],"mappings":"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","sourcesContent":["import Kdu, { KNodeData, PropType } from 'kdu'\n\n// Directives\nimport Ripple, { RippleOptions } from '../../directives/ripple'\n\n// Utilities\nimport { getObjectValueByPath } from '../../util/helpers'\n\nexport default Kdu.extend({\n  name: 'routable',\n\n  directives: {\n    Ripple,\n  },\n\n  props: {\n    activeClass: String,\n    append: Boolean,\n    disabled: Boolean,\n    exact: {\n      type: Boolean as PropType<boolean | undefined>,\n      default: undefined,\n    },\n    exactPath: Boolean,\n    exactActiveClass: String,\n    link: Boolean,\n    href: [String, Object],\n    to: [String, Object],\n    dorayaki: Boolean,\n    replace: Boolean,\n    ripple: {\n      type: [Boolean, Object],\n      default: null,\n    },\n    tag: String,\n    target: String,\n  },\n\n  data: () => ({\n    isActive: false,\n    proxyClass: '',\n  }),\n\n  computed: {\n    classes (): object {\n      const classes: Record<string, boolean> = {}\n\n      if (this.to) return classes\n\n      if (this.activeClass) classes[this.activeClass] = this.isActive\n      if (this.proxyClass) classes[this.proxyClass] = this.isActive\n\n      return classes\n    },\n    computedRipple (): RippleOptions | boolean {\n      return this.ripple ?? (!this.disabled && this.isClickable)\n    },\n    isClickable (): boolean {\n      if (this.disabled) return false\n\n      return Boolean(\n        this.isLink ||\n        this.$listeners.click ||\n        this.$listeners['!click'] ||\n        this.$attrs.tabindex\n      )\n    },\n    isLink (): boolean {\n      return this.to || this.href || this.link\n    },\n    styles: () => ({}),\n  },\n\n  watch: {\n    $route: 'onRouteChange',\n  },\n\n  mounted () {\n    this.onRouteChange()\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n    },\n    generateRouteLink () {\n      let exact = this.exact\n      let tag\n\n      const data: KNodeData = {\n        attrs: {\n          tabindex: 'tabindex' in this.$attrs ? this.$attrs.tabindex : undefined,\n        },\n        class: this.classes,\n        style: this.styles,\n        props: {},\n        directives: [{\n          name: 'ripple',\n          value: this.computedRipple,\n        }],\n        [this.to ? 'nativeOn' : 'on']: {\n          ...this.$listeners,\n          click: this.click,\n        },\n        ref: 'link',\n      }\n\n      if (typeof this.exact === 'undefined') {\n        exact = this.to === '/' ||\n          (this.to === Object(this.to) && this.to.path === '/')\n      }\n\n      if (this.to) {\n        // Add a special activeClass hook\n        // for component level styles\n        let activeClass = this.activeClass\n        let exactActiveClass = this.exactActiveClass || activeClass\n\n        if (this.proxyClass) {\n          activeClass = `${activeClass} ${this.proxyClass}`.trim()\n          exactActiveClass = `${exactActiveClass} ${this.proxyClass}`.trim()\n        }\n\n        tag = this.dorayaki ? 'dorayaki-link' : 'router-link'\n        Object.assign(data.props, {\n          to: this.to,\n          exact,\n          exactPath: this.exactPath,\n          activeClass,\n          exactActiveClass,\n          append: this.append,\n          replace: this.replace,\n        })\n      } else {\n        tag = (this.href && 'a') || this.tag || 'div'\n\n        if (tag === 'a' && this.href) data.attrs!.href = this.href\n      }\n\n      if (this.target) data.attrs!.target = this.target\n\n      return { tag, data }\n    },\n    onRouteChange () {\n      if (!this.to || !this.$refs.link || !this.$route) return\n      const activeClass = `${this.activeClass} ${this.proxyClass || ''}`.trim()\n      const exactActiveClass = `${this.exactActiveClass} ${this.proxyClass || ''}`.trim() || activeClass\n\n      const path = '_knode.data.class.' + (this.exact ? exactActiveClass : activeClass)\n\n      this.$nextTick(() => {\n        /* istanbul ignore else */\n        if (!getObjectValueByPath(this.$refs.link, path) === this.isActive) {\n          this.toggle()\n        }\n      })\n    },\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/routable/index.ts"],"names":[],"mappings":"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","sourcesContent":["import Kdu, { KNodeData, PropType } from 'kdu'\n\n// Directives\nimport Ripple, { RippleOptions } from '../../directives/ripple'\n\n// Utilities\nimport { getObjectValueByPath } from '../../util/helpers'\n\nexport default Kdu.extend({\n  name: 'routable',\n\n  directives: {\n    Ripple,\n  },\n\n  props: {\n    activeClass: String,\n    append: Boolean,\n    disabled: Boolean,\n    exact: {\n      type: Boolean as PropType<boolean | undefined>,\n      default: undefined,\n    },\n    exactPath: Boolean,\n    exactActiveClass: String,\n    link: Boolean,\n    href: [String, Object],\n    to: [String, Object],\n    dtwo: Boolean,\n    replace: Boolean,\n    ripple: {\n      type: [Boolean, Object],\n      default: null,\n    },\n    tag: String,\n    target: String,\n  },\n\n  data: () => ({\n    isActive: false,\n    proxyClass: '',\n  }),\n\n  computed: {\n    classes (): object {\n      const classes: Record<string, boolean> = {}\n\n      if (this.to) return classes\n\n      if (this.activeClass) classes[this.activeClass] = this.isActive\n      if (this.proxyClass) classes[this.proxyClass] = this.isActive\n\n      return classes\n    },\n    computedRipple (): RippleOptions | boolean {\n      return this.ripple ?? (!this.disabled && this.isClickable)\n    },\n    isClickable (): boolean {\n      if (this.disabled) return false\n\n      return Boolean(\n        this.isLink ||\n        this.$listeners.click ||\n        this.$listeners['!click'] ||\n        this.$attrs.tabindex\n      )\n    },\n    isLink (): boolean {\n      return this.to || this.href || this.link\n    },\n    styles: () => ({}),\n  },\n\n  watch: {\n    $route: 'onRouteChange',\n  },\n\n  mounted () {\n    this.onRouteChange()\n  },\n\n  methods: {\n    generateRouteLink () {\n      let exact = this.exact\n      let tag\n\n      const data: KNodeData = {\n        attrs: {\n          tabindex: 'tabindex' in this.$attrs ? this.$attrs.tabindex : undefined,\n        },\n        class: this.classes,\n        style: this.styles,\n        props: {},\n        directives: [{\n          name: 'ripple',\n          value: this.computedRipple,\n        }],\n        [this.to ? 'nativeOn' : 'on']: {\n          ...this.$listeners,\n          ...('click' in this ? { click: (this as any).click } : undefined), // #14447\n        },\n        ref: 'link',\n      }\n\n      if (typeof this.exact === 'undefined') {\n        exact = this.to === '/' ||\n          (this.to === Object(this.to) && this.to.path === '/')\n      }\n\n      if (this.to) {\n        // Add a special activeClass hook\n        // for component level styles\n        let activeClass = this.activeClass\n        let exactActiveClass = this.exactActiveClass || activeClass\n\n        if (this.proxyClass) {\n          activeClass = `${activeClass} ${this.proxyClass}`.trim()\n          exactActiveClass = `${exactActiveClass} ${this.proxyClass}`.trim()\n        }\n\n        tag = this.dtwo ? 'dtwo-link' : 'router-link'\n        Object.assign(data.props, {\n          to: this.to,\n          exact,\n          exactPath: this.exactPath,\n          activeClass,\n          exactActiveClass,\n          append: this.append,\n          replace: this.replace,\n        })\n      } else {\n        tag = (this.href && 'a') || this.tag || 'div'\n\n        if (tag === 'a' && this.href) data.attrs!.href = this.href\n      }\n\n      if (this.target) data.attrs!.target = this.target\n\n      return { tag, data }\n    },\n    onRouteChange () {\n      if (!this.to || !this.$refs.link || !this.$route) return\n      const activeClass = `${this.activeClass || ''} ${this.proxyClass || ''}`.trim()\n      const exactActiveClass = `${this.exactActiveClass || ''} ${this.proxyClass || ''}`.trim() || activeClass\n\n      const path = '_knode.data.class.' + (this.exact ? exactActiveClass : activeClass)\n\n      this.$nextTick(() => {\n        /* istanbul ignore else */\n        if (!getObjectValueByPath(this.$refs.link, path) === this.isActive) {\n          this.toggle()\n        }\n      })\n    },\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/scrollable/index.js

@@ -1,20 +1,18 @@
 // Directives
-import { Scroll } from '../../directives'; // Utilities
-
-import { consoleWarn } from '../../util/console'; // Types
-
+import { Scroll } from '../../directives';
+// Utilities
+import { consoleWarn } from '../../util/console';
+// Types
 import Kdu from 'kdu';
-/**
- * Scrollable
- *
- * Used for monitoring scrolling and
- * invoking functions based upon
- * scrolling thresholds being
- * met.
+/**
+ * Scrollable
+ *
+ * Used for monitoring scrolling and
+ * invoking functions based upon
+ * scrolling thresholds being
+ * met.
  */
-
 /* @kdujs/component */
-
 export default Kdu.extend({
   name: 'scrollable',
   directives: {
@@ -34,45 +32,38 @@ export default Kdu.extend({
     target: null
   }),
   computed: {
-    /**
-     * A computed property that returns
-     * whether scrolling features are
-     * enabled or disabled
+    /**
+     * A computed property that returns
+     * whether scrolling features are
+     * enabled or disabled
      */
     canScroll() {
       return typeof window !== 'undefined';
     },
-
-    /**
-     * The threshold that must be met before
-     * thresholdMet function is invoked
+    /**
+     * The threshold that must be met before
+     * thresholdMet function is invoked
      */
     computedScrollThreshold() {
       return this.scrollThreshold ? Number(this.scrollThreshold) : 300;
     }
-
   },
   watch: {
     isScrollingUp() {
       this.savedScroll = this.savedScroll || this.currentScroll;
     },
-
     isActive() {
       this.savedScroll = 0;
     }
-
   },
-
   mounted() {
     if (this.scrollTarget) {
       this.target = document.querySelector(this.scrollTarget);
-
       if (!this.target) {
         consoleWarn(`Unable to locate element with identifier ${this.scrollTarget}`, this);
       }
     }
   },
-
   methods: {
     onScroll() {
       if (!this.canScroll) return;
@@ -84,14 +75,12 @@ export default Kdu.extend({
         if (Math.abs(this.currentScroll - this.savedScroll) > this.computedScrollThreshold) this.thresholdMet();
       });
     },
-
-    /**
-     * The method invoked when
-     * scrolling in any direction
-     * has exceeded the threshold
+    /**
+     * The method invoked when
+     * scrolling in any direction
+     * has exceeded the threshold
      */
     thresholdMet() {}
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/scrollable/index.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,MAAT,QAAuB,kBAAvB,C,CAEA;;AACA,SAAS,WAAT,QAA4B,oBAA5B,C,CAEA;;AACA,OAAO,GAAP,MAAgB,KAAhB;AAEA;;;;;;;AAOG;;AACH;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,YADkB;AAGxB,EAAA,UAAU,EAAE;AAAE,IAAA;AAAF,GAHY;AAKxB,EAAA,KAAK,EAAE;AACL,IAAA,YAAY,EAAE,MADT;AAEL,IAAA,eAAe,EAAE,CAAC,MAAD,EAAS,MAAT;AAFZ,GALiB;AAUxB,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,aAAa,EAAE,CADJ;AAEX,IAAA,gBAAgB,EAAE,CAFP;AAGX,IAAA,QAAQ,EAAE,KAHC;AAIX,IAAA,aAAa,EAAE,KAJJ;AAKX,IAAA,cAAc,EAAE,CALL;AAMX,IAAA,WAAW,EAAE,CANF;AAOX,IAAA,MAAM,EAAE;AAPG,GAAP,CAVkB;AAoBxB,EAAA,QAAQ,EAAE;AACR;;;;AAIG;AACH,IAAA,SAAS,GAAA;AACP,aAAO,OAAO,MAAP,KAAkB,WAAzB;AACD,KARO;;AASR;;;AAGG;AACH,IAAA,uBAAuB,GAAA;AACrB,aAAO,KAAK,eAAL,GACH,MAAM,CAAC,KAAK,eAAN,CADH,GAEH,GAFJ;AAGD;;AAjBO,GApBc;AAwCxB,EAAA,KAAK,EAAE;AACL,IAAA,aAAa,GAAA;AACX,WAAK,WAAL,GAAmB,KAAK,WAAL,IAAoB,KAAK,aAA5C;AACD,KAHI;;AAIL,IAAA,QAAQ,GAAA;AACN,WAAK,WAAL,GAAmB,CAAnB;AACD;;AANI,GAxCiB;;AAiDxB,EAAA,OAAO,GAAA;AACL,QAAI,KAAK,YAAT,EAAuB;AACrB,WAAK,MAAL,GAAc,QAAQ,CAAC,aAAT,CAAuB,KAAK,YAA5B,CAAd;;AAEA,UAAI,CAAC,KAAK,MAAV,EAAkB;AAChB,QAAA,WAAW,CAAC,4CAA4C,KAAK,YAAY,EAA9D,EAAkE,IAAlE,CAAX;AACD;AACF;AACF,GAzDuB;;AA2DxB,EAAA,OAAO,EAAE;AACP,IAAA,QAAQ,GAAA;AACN,UAAI,CAAC,KAAK,SAAV,EAAqB;AAErB,WAAK,cAAL,GAAsB,KAAK,aAA3B;AACA,WAAK,aAAL,GAAqB,KAAK,MAAL,GACjB,KAAK,MAAL,CAAY,SADK,GAEjB,MAAM,CAAC,WAFX;AAIA,WAAK,aAAL,GAAqB,KAAK,aAAL,GAAqB,KAAK,cAA/C;AACA,WAAK,gBAAL,GAAwB,IAAI,CAAC,GAAL,CAAS,KAAK,aAAL,GAAqB,KAAK,uBAAnC,CAAxB;AAEA,WAAK,SAAL,CAAe,MAAK;AAClB,YACE,IAAI,CAAC,GAAL,CAAS,KAAK,aAAL,GAAqB,KAAK,WAAnC,IACA,KAAK,uBAFP,EAGE,KAAK,YAAL;AACH,OALD;AAMD,KAlBM;;AAmBP;;;;AAIG;AACH,IAAA,YAAY,GAAA,CAAkB;;AAxBvB;AA3De,CAAX,CAAf","sourcesContent":["// Directives\nimport { Scroll } from '../../directives'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu from 'kdu'\n\n/**\n * Scrollable\n *\n * Used for monitoring scrolling and\n * invoking functions based upon\n * scrolling thresholds being\n * met.\n */\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'scrollable',\n\n  directives: { Scroll },\n\n  props: {\n    scrollTarget: String,\n    scrollThreshold: [String, Number],\n  },\n\n  data: () => ({\n    currentScroll: 0,\n    currentThreshold: 0,\n    isActive: false,\n    isScrollingUp: false,\n    previousScroll: 0,\n    savedScroll: 0,\n    target: null as Element | null,\n  }),\n\n  computed: {\n    /**\n     * A computed property that returns\n     * whether scrolling features are\n     * enabled or disabled\n     */\n    canScroll (): boolean {\n      return typeof window !== 'undefined'\n    },\n    /**\n     * The threshold that must be met before\n     * thresholdMet function is invoked\n     */\n    computedScrollThreshold (): number {\n      return this.scrollThreshold\n        ? Number(this.scrollThreshold)\n        : 300\n    },\n  },\n\n  watch: {\n    isScrollingUp () {\n      this.savedScroll = this.savedScroll || this.currentScroll\n    },\n    isActive () {\n      this.savedScroll = 0\n    },\n  },\n\n  mounted () {\n    if (this.scrollTarget) {\n      this.target = document.querySelector(this.scrollTarget)\n\n      if (!this.target) {\n        consoleWarn(`Unable to locate element with identifier ${this.scrollTarget}`, this)\n      }\n    }\n  },\n\n  methods: {\n    onScroll () {\n      if (!this.canScroll) return\n\n      this.previousScroll = this.currentScroll\n      this.currentScroll = this.target\n        ? this.target.scrollTop\n        : window.pageYOffset\n\n      this.isScrollingUp = this.currentScroll < this.previousScroll\n      this.currentThreshold = Math.abs(this.currentScroll - this.computedScrollThreshold)\n\n      this.$nextTick(() => {\n        if (\n          Math.abs(this.currentScroll - this.savedScroll) >\n          this.computedScrollThreshold\n        ) this.thresholdMet()\n      })\n    },\n    /**\n     * The method invoked when\n     * scrolling in any direction\n     * has exceeded the threshold\n     */\n    thresholdMet () { /* noop */ },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/scrollable/index.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,MAAM,QAAQ,kBAAkB;AAEzC;AACA,SAAS,WAAW,QAAQ,oBAAoB;AAEhD;AACA,OAAO,GAAG,MAAM,KAAK;AAErB;;;;;;;AAOG;AACH;AACA,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,YAAY;EAElB,UAAU,EAAE;IAAE;EAAM,CAAE;EAEtB,KAAK,EAAE;IACL,YAAY,EAAE,MAAM;IACpB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM;GACjC;EAED,IAAI,EAAE,CAAA,MAAO;IACX,aAAa,EAAE,CAAC;IAChB,gBAAgB,EAAE,CAAC;IACnB,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,CAAC;IACjB,WAAW,EAAE,CAAC;IACd,MAAM,EAAE;GACT,CAAC;EAEF,QAAQ,EAAE;IACR;;;;AAIG;IACH,SAAS,CAAA,EAAA;MACP,OAAO,OAAO,MAAM,KAAK,WAAW;IACtC,CAAC;IACD;;;AAGG;IACH,uBAAuB,CAAA,EAAA;MACrB,OAAO,IAAI,CAAC,eAAe,GACvB,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,GAC5B,GAAG;IACT;GACD;EAED,KAAK,EAAE;IACL,aAAa,CAAA,EAAA;MACX,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa;IAC3D,CAAC;IACD,QAAQ,CAAA,EAAA;MACN,IAAI,CAAC,WAAW,GAAG,CAAC;IACtB;GACD;EAED,OAAO,CAAA,EAAA;IACL,IAAI,IAAI,CAAC,YAAY,EAAE;MACrB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC;MAEvD,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QAChB,WAAW,CAAC,4CAA4C,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,CAAC;MACnF;IACF;EACH,CAAC;EAED,OAAO,EAAE;IACP,QAAQ,CAAA,EAAA;MACN,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MAErB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa;MACxC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,GAC5B,IAAI,CAAC,MAAM,CAAC,SAAS,GACrB,MAAM,CAAC,WAAW;MAEtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc;MAC7D,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,uBAAuB,CAAC;MAEnF,IAAI,CAAC,SAAS,CAAC,MAAK;QAClB,IACE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,GAC/C,IAAI,CAAC,uBAAuB,EAC5B,IAAI,CAAC,YAAY,CAAA,CAAE;MACvB,CAAC,CAAC;IACJ,CAAC;IACD;;;;AAIG;IACH,YAAY,CAAA,EAAA,CAAiB;EAC9B;CACF,CAAC","sourcesContent":["// Directives\nimport { Scroll } from '../../directives'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu from 'kdu'\n\n/**\n * Scrollable\n *\n * Used for monitoring scrolling and\n * invoking functions based upon\n * scrolling thresholds being\n * met.\n */\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'scrollable',\n\n  directives: { Scroll },\n\n  props: {\n    scrollTarget: String,\n    scrollThreshold: [String, Number],\n  },\n\n  data: () => ({\n    currentScroll: 0,\n    currentThreshold: 0,\n    isActive: false,\n    isScrollingUp: false,\n    previousScroll: 0,\n    savedScroll: 0,\n    target: null as Element | null,\n  }),\n\n  computed: {\n    /**\n     * A computed property that returns\n     * whether scrolling features are\n     * enabled or disabled\n     */\n    canScroll (): boolean {\n      return typeof window !== 'undefined'\n    },\n    /**\n     * The threshold that must be met before\n     * thresholdMet function is invoked\n     */\n    computedScrollThreshold (): number {\n      return this.scrollThreshold\n        ? Number(this.scrollThreshold)\n        : 300\n    },\n  },\n\n  watch: {\n    isScrollingUp () {\n      this.savedScroll = this.savedScroll || this.currentScroll\n    },\n    isActive () {\n      this.savedScroll = 0\n    },\n  },\n\n  mounted () {\n    if (this.scrollTarget) {\n      this.target = document.querySelector(this.scrollTarget)\n\n      if (!this.target) {\n        consoleWarn(`Unable to locate element with identifier ${this.scrollTarget}`, this)\n      }\n    }\n  },\n\n  methods: {\n    onScroll () {\n      if (!this.canScroll) return\n\n      this.previousScroll = this.currentScroll\n      this.currentScroll = this.target\n        ? this.target.scrollTop\n        : window.pageYOffset\n\n      this.isScrollingUp = this.currentScroll < this.previousScroll\n      this.currentThreshold = Math.abs(this.currentScroll - this.computedScrollThreshold)\n\n      this.$nextTick(() => {\n        if (\n          Math.abs(this.currentScroll - this.savedScroll) >\n          this.computedScrollThreshold\n        ) this.thresholdMet()\n      })\n    },\n    /**\n     * The method invoked when\n     * scrolling in any direction\n     * has exceeded the threshold\n     */\n    thresholdMet () { /* noop */ },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/selectable/index.js

@@ -1,15 +1,14 @@
 // Components
-import KInput from '../../components/KInput'; // Mixins
-
+import KInput from '../../components/KInput';
+// Mixins
 import Rippleable from '../rippleable';
-import Comparable from '../comparable'; // Utilities
-
+import Comparable from '../comparable';
+// Utilities
 import mixins from '../../util/mixins';
 export function prevent(e) {
   e.preventDefault();
 }
 /* @kdujs/component */
-
 export default mixins(KInput, Rippleable, Comparable).extend({
   name: 'selectable',
   model: {
@@ -27,14 +26,12 @@ export default mixins(KInput, Rippleable, Comparable).extend({
     },
     label: String
   },
-
   data() {
     return {
       hasColor: this.inputValue,
       lazyValue: this.inputValue
     };
   },
-
   computed: {
     computedColor() {
       if (!this.isActive) return undefined;
@@ -42,42 +39,33 @@ export default mixins(KInput, Rippleable, Comparable).extend({
       if (this.isDark && !this.appIsDark) return 'white';
       return 'primary';
     },
-
     isMultiple() {
       return this.multiple === true || this.multiple === null && Array.isArray(this.internalValue);
     },
-
     isActive() {
       const value = this.value;
       const input = this.internalValue;
-
       if (this.isMultiple) {
         if (!Array.isArray(input)) return false;
         return input.some(item => this.valueComparator(item, value));
       }
-
       if (this.trueValue === undefined || this.falseValue === undefined) {
         return value ? this.valueComparator(value, input) : Boolean(input);
       }
-
       return this.valueComparator(input, this.trueValue);
     },
-
     isDirty() {
       return this.isActive;
     },
-
     rippleState() {
       return !this.isDisabled && !this.validationState ? undefined : this.validationState;
     }
-
   },
   watch: {
     inputValue(val) {
       this.lazyValue = val;
       this.hasColor = val;
     }
-
   },
   methods: {
     genLabel() {
@@ -89,7 +77,6 @@ export default mixins(KInput, Rippleable, Comparable).extend({
       };
       return label;
     },
-
     genInput(type, attrs) {
       return this.$createElement('input', {
         attrs: Object.assign({
@@ -113,29 +100,20 @@ export default mixins(KInput, Rippleable, Comparable).extend({
         ref: 'input'
       });
     },
-
-    onBlur() {
-      this.isFocused = false;
-    },
-
     onClick(e) {
       this.onChange();
       this.$emit('click', e);
     },
-
     onChange() {
       if (!this.isInteractive) return;
       const value = this.value;
       let input = this.internalValue;
-
       if (this.isMultiple) {
         if (!Array.isArray(input)) {
           input = [];
         }
-
         const length = input.length;
         input = input.filter(item => !this.valueComparator(item, value));
-
         if (input.length === length) {
           input.push(value);
         }
@@ -146,19 +124,20 @@ export default mixins(KInput, Rippleable, Comparable).extend({
       } else {
         input = !input;
       }
-
       this.validate(true, input);
       this.internalValue = input;
       this.hasColor = input;
     },
-
-    onFocus() {
+    onFocus(e) {
       this.isFocused = true;
+      this.$emit('focus', e);
+    },
+    onBlur(e) {
+      this.isFocused = false;
+      this.$emit('blur', e);
     },
-
     /** @abstract */
     onKeydown(e) {}
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/selectable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport KInput from '../../components/KInput'\n\n// Mixins\nimport Rippleable from '../rippleable'\nimport Comparable from '../comparable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport function prevent (e: Event) {\n  e.preventDefault()\n}\n\n/* @kdujs/component */\nexport default mixins(\n  KInput,\n  Rippleable,\n  Comparable\n).extend({\n  name: 'selectable',\n\n  model: {\n    prop: 'inputValue',\n    event: 'change',\n  },\n\n  props: {\n    id: String,\n    inputValue: null as any,\n    falseValue: null as any,\n    trueValue: null as any,\n    multiple: {\n      type: Boolean,\n      default: null,\n    },\n    label: String,\n  },\n\n  data () {\n    return {\n      hasColor: this.inputValue,\n      lazyValue: this.inputValue,\n    }\n  },\n\n  computed: {\n    computedColor (): string | undefined {\n      if (!this.isActive) return undefined\n      if (this.color) return this.color\n      if (this.isDark && !this.appIsDark) return 'white'\n      return 'primary'\n    },\n    isMultiple (): boolean {\n      return this.multiple === true || (this.multiple === null && Array.isArray(this.internalValue))\n    },\n    isActive (): boolean {\n      const value = this.value\n      const input = this.internalValue\n\n      if (this.isMultiple) {\n        if (!Array.isArray(input)) return false\n\n        return input.some(item => this.valueComparator(item, value))\n      }\n\n      if (this.trueValue === undefined || this.falseValue === undefined) {\n        return value\n          ? this.valueComparator(value, input)\n          : Boolean(input)\n      }\n\n      return this.valueComparator(input, this.trueValue)\n    },\n    isDirty (): boolean {\n      return this.isActive\n    },\n    rippleState (): string | undefined {\n      return !this.isDisabled && !this.validationState\n        ? undefined\n        : this.validationState\n    },\n  },\n\n  watch: {\n    inputValue (val) {\n      this.lazyValue = val\n      this.hasColor = val\n    },\n  },\n\n  methods: {\n    genLabel () {\n      const label = KInput.options.methods.genLabel.call(this)\n\n      if (!label) return label\n\n      label!.data!.on = {\n        // Label shouldn't cause the input to focus\n        click: prevent,\n      }\n\n      return label\n    },\n    genInput (type: string, attrs: object) {\n      return this.$createElement('input', {\n        attrs: Object.assign({\n          'aria-checked': this.isActive.toString(),\n          disabled: this.isDisabled,\n          id: this.computedId,\n          role: type,\n          type,\n        }, attrs),\n        domProps: {\n          value: this.value,\n          checked: this.isActive,\n        },\n        on: {\n          blur: this.onBlur,\n          change: this.onChange,\n          focus: this.onFocus,\n          keydown: this.onKeydown,\n          click: prevent,\n        },\n        ref: 'input',\n      })\n    },\n    onBlur () {\n      this.isFocused = false\n    },\n    onClick (e: Event) {\n      this.onChange()\n      this.$emit('click', e)\n    },\n    onChange () {\n      if (!this.isInteractive) return\n\n      const value = this.value\n      let input = this.internalValue\n\n      if (this.isMultiple) {\n        if (!Array.isArray(input)) {\n          input = []\n        }\n\n        const length = input.length\n\n        input = input.filter((item: any) => !this.valueComparator(item, value))\n\n        if (input.length === length) {\n          input.push(value)\n        }\n      } else if (this.trueValue !== undefined && this.falseValue !== undefined) {\n        input = this.valueComparator(input, this.trueValue) ? this.falseValue : this.trueValue\n      } else if (value) {\n        input = this.valueComparator(input, value) ? null : value\n      } else {\n        input = !input\n      }\n\n      this.validate(true, input)\n      this.internalValue = input\n      this.hasColor = input\n    },\n    onFocus () {\n      this.isFocused = true\n    },\n    /** @abstract */\n    onKeydown (e: Event) {},\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/selectable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport KInput from '../../components/KInput'\n\n// Mixins\nimport Rippleable from '../rippleable'\nimport Comparable from '../comparable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport function prevent (e: Event) {\n  e.preventDefault()\n}\n\n/* @kdujs/component */\nexport default mixins(\n  KInput,\n  Rippleable,\n  Comparable\n).extend({\n  name: 'selectable',\n\n  model: {\n    prop: 'inputValue',\n    event: 'change',\n  },\n\n  props: {\n    id: String,\n    inputValue: null as any,\n    falseValue: null as any,\n    trueValue: null as any,\n    multiple: {\n      type: Boolean,\n      default: null,\n    },\n    label: String,\n  },\n\n  data () {\n    return {\n      hasColor: this.inputValue,\n      lazyValue: this.inputValue,\n    }\n  },\n\n  computed: {\n    computedColor (): string | undefined {\n      if (!this.isActive) return undefined\n      if (this.color) return this.color\n      if (this.isDark && !this.appIsDark) return 'white'\n      return 'primary'\n    },\n    isMultiple (): boolean {\n      return this.multiple === true || (this.multiple === null && Array.isArray(this.internalValue))\n    },\n    isActive (): boolean {\n      const value = this.value\n      const input = this.internalValue\n\n      if (this.isMultiple) {\n        if (!Array.isArray(input)) return false\n\n        return input.some(item => this.valueComparator(item, value))\n      }\n\n      if (this.trueValue === undefined || this.falseValue === undefined) {\n        return value\n          ? this.valueComparator(value, input)\n          : Boolean(input)\n      }\n\n      return this.valueComparator(input, this.trueValue)\n    },\n    isDirty (): boolean {\n      return this.isActive\n    },\n    rippleState (): string | undefined {\n      return !this.isDisabled && !this.validationState\n        ? undefined\n        : this.validationState\n    },\n  },\n\n  watch: {\n    inputValue (val) {\n      this.lazyValue = val\n      this.hasColor = val\n    },\n  },\n\n  methods: {\n    genLabel () {\n      const label = KInput.options.methods.genLabel.call(this)\n\n      if (!label) return label\n\n      label!.data!.on = {\n        // Label shouldn't cause the input to focus\n        click: prevent,\n      }\n\n      return label\n    },\n    genInput (type: string, attrs: object) {\n      return this.$createElement('input', {\n        attrs: Object.assign({\n          'aria-checked': this.isActive.toString(),\n          disabled: this.isDisabled,\n          id: this.computedId,\n          role: type,\n          type,\n        }, attrs),\n        domProps: {\n          value: this.value,\n          checked: this.isActive,\n        },\n        on: {\n          blur: this.onBlur,\n          change: this.onChange,\n          focus: this.onFocus,\n          keydown: this.onKeydown,\n          click: prevent,\n        },\n        ref: 'input',\n      })\n    },\n    onClick (e: Event) {\n      this.onChange()\n      this.$emit('click', e)\n    },\n    onChange () {\n      if (!this.isInteractive) return\n\n      const value = this.value\n      let input = this.internalValue\n\n      if (this.isMultiple) {\n        if (!Array.isArray(input)) {\n          input = []\n        }\n\n        const length = input.length\n\n        input = input.filter((item: any) => !this.valueComparator(item, value))\n\n        if (input.length === length) {\n          input.push(value)\n        }\n      } else if (this.trueValue !== undefined && this.falseValue !== undefined) {\n        input = this.valueComparator(input, this.trueValue) ? this.falseValue : this.trueValue\n      } else if (value) {\n        input = this.valueComparator(input, value) ? null : value\n      } else {\n        input = !input\n      }\n\n      this.validate(true, input)\n      this.internalValue = input\n      this.hasColor = input\n    },\n    onFocus (e: FocusEvent) {\n      this.isFocused = true\n      this.$emit('focus', e)\n    },\n    onBlur (e: FocusEvent) {\n      this.isFocused = false\n      this.$emit('blur', e)\n    },\n    /** @abstract */\n    onKeydown (e: Event) {},\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/sizeable/index.js

@@ -11,7 +11,6 @@ export default Kdu.extend({
     medium() {
       return Boolean(!this.xSmall && !this.small && !this.large && !this.xLarge);
     },
-
     sizeableClasses() {
       return {
         'k-size--x-small': this.xSmall,
@@ -21,7 +20,6 @@ export default Kdu.extend({
         'k-size--x-large': this.xLarge
       };
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

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