kdutify 2.6.1 → 2.7.3

package/lib/mixins/activatable/index.js

@@ -1,13 +1,12 @@
 // Mixins
 import Delayable from '../delayable';
-import Toggleable from '../toggleable'; // Utilities
-
+import Toggleable from '../toggleable';
+// Utilities
 import mixins from '../../util/mixins';
 import { getSlot, getSlotType } from '../../util/helpers';
 import { consoleError } from '../../util/console';
 const baseMixins = mixins(Delayable, Toggleable);
 /* @kdujs/component */
-
 export default baseMixins.extend({
   name: 'activatable',
   props: {
@@ -19,6 +18,10 @@ export default baseMixins.extend({
     },
     disabled: Boolean,
     internalActivator: Boolean,
+    openOnClick: {
+      type: Boolean,
+      default: true
+    },
     openOnHover: Boolean,
     openOnFocus: Boolean
   },
@@ -34,32 +37,25 @@ export default baseMixins.extend({
     openOnFocus: 'resetActivator',
     openOnHover: 'resetActivator'
   },
-
   mounted() {
     const slotType = getSlotType(this, 'activator', true);
-
     if (slotType && ['k-slot', 'normal'].includes(slotType)) {
       consoleError(`The activator slot must be bound, try '<template k-slot:activator="{ on }"><k-btn k-on="on">'`, this);
     }
-
     this.addActivatorEvents();
   },
-
   beforeDestroy() {
     this.removeActivatorEvents();
   },
-
   methods: {
     addActivatorEvents() {
       if (!this.activator || this.disabled || !this.getActivator()) return;
       this.listeners = this.genActivatorListeners();
       const keys = Object.keys(this.listeners);
-
       for (const key of keys) {
         this.getActivator().addEventListener(key, this.listeners[key]);
       }
     },
-
     genActivator() {
       const node = getSlot(this, 'activator', Object.assign(this.getValueProxy(), {
         on: this.genActivatorListeners(),
@@ -68,30 +64,26 @@ export default baseMixins.extend({
       this.activatorNode = node;
       return node;
     },
-
     genActivatorAttributes() {
       return {
-        role: 'button',
+        role: this.openOnClick && !this.openOnHover ? 'button' : undefined,
         'aria-haspopup': true,
         'aria-expanded': String(this.isActive)
       };
     },
-
     genActivatorListeners() {
       if (this.disabled) return {};
       const listeners = {};
-
       if (this.openOnHover) {
         listeners.mouseenter = e => {
           this.getActivator(e);
           this.runDelay('open');
         };
-
         listeners.mouseleave = e => {
           this.getActivator(e);
           this.runDelay('close');
         };
-      } else {
+      } else if (this.openOnClick) {
         listeners.click = e => {
           const activator = this.getActivator(e);
           if (activator) activator.focus();
@@ -99,7 +91,6 @@ export default baseMixins.extend({
           this.isActive = !this.isActive;
         };
       }
-
       if (this.openOnFocus) {
         listeners.focus = e => {
           this.getActivator(e);
@@ -107,20 +98,14 @@ export default baseMixins.extend({
           this.isActive = !this.isActive;
         };
       }
-
       return listeners;
     },
-
     getActivator(e) {
-      var _activator;
-
       // If we've already fetched the activator, re-use
       if (this.activatorElement) return this.activatorElement;
       let activator = null;
-
       if (this.activator) {
         const target = this.internalActivator ? this.$el : document;
-
         if (typeof this.activator === 'string') {
           // Selector
           activator = target.querySelector(this.activator);
@@ -136,8 +121,8 @@ export default baseMixins.extend({
         // There's either only one element in it or we
         // don't have a click event to use as a last resort
         const vm = this.activatorNode[0].componentInstance;
-
-        if (vm && vm.$options.mixins && //                         Activatable is indirectly used via Menuable
+        if (vm && vm.$options.mixins &&
+        //                         Activatable is indirectly used via Menuable
         vm.$options.mixins.some(m => m.options && ['activatable', 'menuable'].includes(m.options.name))) {
           // Activator is actually another activatible component, use its activator (#8846)
           activator = vm.getActivator();
@@ -147,49 +132,39 @@ export default baseMixins.extend({
       } else if (e) {
         // Activated by a click or focus event
         activator = e.currentTarget || e.target;
-      } // The activator should only be a valid element (Ignore comments and text nodes)
-
-
-      this.activatorElement = ((_activator = activator) == null ? void 0 : _activator.nodeType) === Node.ELEMENT_NODE ? activator : null;
+      }
+      // The activator should only be a valid element (Ignore comments and text nodes)
+      this.activatorElement = (activator === null || activator === void 0 ? void 0 : activator.nodeType) === Node.ELEMENT_NODE ? activator : null;
       return this.activatorElement;
     },
-
     getContentSlot() {
       return getSlot(this, 'default', this.getValueProxy(), true);
     },
-
     getValueProxy() {
       const self = this;
       return {
         get value() {
           return self.isActive;
         },
-
         set value(isActive) {
           self.isActive = isActive;
         }
-
       };
     },
-
     removeActivatorEvents() {
       if (!this.activator || !this.activatorElement) return;
       const keys = Object.keys(this.listeners);
-
       for (const key of keys) {
         this.activatorElement.removeEventListener(key, this.listeners[key]);
       }
-
       this.listeners = {};
     },
-
     resetActivator() {
       this.removeActivatorEvents();
       this.activatorElement = null;
       this.getActivator();
       this.addActivatorEvents();
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/activatable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Delayable from '../delayable'\nimport Toggleable from '../toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { KNode, PropType } from 'kdu'\n\ntype Listeners = Dictionary<(e: MouseEvent & KeyboardEvent & FocusEvent) => void>\n\nconst baseMixins = mixins(\n  Delayable,\n  Toggleable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'activatable',\n\n  props: {\n    activator: {\n      default: null as unknown as PropType<string | HTMLElement | KNode | Element | null>,\n      validator: (val: string | object) => {\n        return ['string', 'object'].includes(typeof val)\n      },\n    },\n    disabled: Boolean,\n    internalActivator: Boolean,\n    openOnHover: Boolean,\n    openOnFocus: Boolean,\n  },\n\n  data: () => ({\n    // Do not use this directly, call getActivator() instead\n    activatorElement: null as HTMLElement | null,\n    activatorNode: [] as KNode[],\n    events: ['click', 'mouseenter', 'mouseleave', 'focus'],\n    listeners: {} as Listeners,\n  }),\n\n  watch: {\n    activator: 'resetActivator',\n    openOnFocus: 'resetActivator',\n    openOnHover: 'resetActivator',\n  },\n\n  mounted () {\n    const slotType = getSlotType(this, 'activator', true)\n\n    if (slotType && ['k-slot', 'normal'].includes(slotType)) {\n      consoleError(`The activator slot must be bound, try '<template k-slot:activator=\"{ on }\"><k-btn k-on=\"on\">'`, this)\n    }\n\n    this.addActivatorEvents()\n  },\n\n  beforeDestroy () {\n    this.removeActivatorEvents()\n  },\n\n  methods: {\n    addActivatorEvents () {\n      if (\n        !this.activator ||\n        this.disabled ||\n        !this.getActivator()\n      ) return\n\n      this.listeners = this.genActivatorListeners()\n      const keys = Object.keys(this.listeners)\n\n      for (const key of keys) {\n        this.getActivator()!.addEventListener(key, this.listeners[key] as any)\n      }\n    },\n    genActivator () {\n      const node = getSlot(this, 'activator', Object.assign(this.getValueProxy(), {\n        on: this.genActivatorListeners(),\n        attrs: this.genActivatorAttributes(),\n      })) || []\n\n      this.activatorNode = node\n\n      return node\n    },\n    genActivatorAttributes () {\n      return {\n        role: 'button',\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genActivatorListeners () {\n      if (this.disabled) return {}\n\n      const listeners: Listeners = {}\n\n      if (this.openOnHover) {\n        listeners.mouseenter = (e: MouseEvent) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.mouseleave = (e: MouseEvent) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      } else {\n        listeners.click = (e: MouseEvent) => {\n          const activator = this.getActivator(e)\n          if (activator) activator.focus()\n\n          e.stopPropagation()\n\n          this.isActive = !this.isActive\n        }\n      }\n\n      if (this.openOnFocus) {\n        listeners.focus = (e: FocusEvent) => {\n          this.getActivator(e)\n\n          e.stopPropagation()\n\n          this.isActive = !this.isActive\n        }\n      }\n\n      return listeners\n    },\n    getActivator (e?: Event): HTMLElement | null {\n      // If we've already fetched the activator, re-use\n      if (this.activatorElement) return this.activatorElement\n\n      let activator = null\n\n      if (this.activator) {\n        const target = this.internalActivator ? this.$el : document\n\n        if (typeof this.activator === 'string') {\n          // Selector\n          activator = target.querySelector(this.activator)\n        } else if ((this.activator as any).$el) {\n          // Component (ref)\n          activator = (this.activator as any).$el\n        } else {\n          // HTMLElement | Element\n          activator = this.activator\n        }\n      } else if (this.activatorNode.length === 1 || (this.activatorNode.length && !e)) {\n        // Use the contents of the activator slot\n        // There's either only one element in it or we\n        // don't have a click event to use as a last resort\n        const vm = this.activatorNode[0].componentInstance\n        if (\n          vm &&\n          vm.$options.mixins && //                         Activatable is indirectly used via Menuable\n          vm.$options.mixins.some((m: any) => m.options && ['activatable', 'menuable'].includes(m.options.name))\n        ) {\n          // Activator is actually another activatible component, use its activator (#8846)\n          activator = (vm as any).getActivator()\n        } else {\n          activator = this.activatorNode[0].elm as HTMLElement\n        }\n      } else if (e) {\n        // Activated by a click or focus event\n        activator = (e.currentTarget || e.target) as HTMLElement\n      }\n\n      // The activator should only be a valid element (Ignore comments and text nodes)\n      this.activatorElement = activator?.nodeType === Node.ELEMENT_NODE ? activator : null\n\n      return this.activatorElement\n    },\n    getContentSlot () {\n      return getSlot(this, 'default', this.getValueProxy(), true)\n    },\n    getValueProxy (): object {\n      const self = this\n      return {\n        get value () {\n          return self.isActive\n        },\n        set value (isActive: boolean) {\n          self.isActive = isActive\n        },\n      }\n    },\n    removeActivatorEvents () {\n      if (\n        !this.activator ||\n        !this.activatorElement\n      ) return\n\n      const keys = Object.keys(this.listeners)\n\n      for (const key of keys) {\n        (this.activatorElement as any).removeEventListener(key, this.listeners[key])\n      }\n\n      this.listeners = {}\n    },\n    resetActivator () {\n      this.removeActivatorEvents()\n      this.activatorElement = null\n      this.getActivator()\n      this.addActivatorEvents()\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/activatable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Delayable from '../delayable'\nimport Toggleable from '../toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { KNode, PropType } from 'kdu'\n\ntype Listeners = Dictionary<(e: MouseEvent & KeyboardEvent & FocusEvent) => void>\n\nconst baseMixins = mixins(\n  Delayable,\n  Toggleable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'activatable',\n\n  props: {\n    activator: {\n      default: null as unknown as PropType<string | HTMLElement | KNode | Element | null>,\n      validator: (val: string | object) => {\n        return ['string', 'object'].includes(typeof val)\n      },\n    },\n    disabled: Boolean,\n    internalActivator: Boolean,\n    openOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    openOnHover: Boolean,\n    openOnFocus: Boolean,\n  },\n\n  data: () => ({\n    // Do not use this directly, call getActivator() instead\n    activatorElement: null as HTMLElement | null,\n    activatorNode: [] as KNode[],\n    events: ['click', 'mouseenter', 'mouseleave', 'focus'],\n    listeners: {} as Listeners,\n  }),\n\n  watch: {\n    activator: 'resetActivator',\n    openOnFocus: 'resetActivator',\n    openOnHover: 'resetActivator',\n  },\n\n  mounted () {\n    const slotType = getSlotType(this, 'activator', true)\n\n    if (slotType && ['k-slot', 'normal'].includes(slotType)) {\n      consoleError(`The activator slot must be bound, try '<template k-slot:activator=\"{ on }\"><k-btn k-on=\"on\">'`, this)\n    }\n\n    this.addActivatorEvents()\n  },\n\n  beforeDestroy () {\n    this.removeActivatorEvents()\n  },\n\n  methods: {\n    addActivatorEvents () {\n      if (\n        !this.activator ||\n        this.disabled ||\n        !this.getActivator()\n      ) return\n\n      this.listeners = this.genActivatorListeners()\n      const keys = Object.keys(this.listeners)\n\n      for (const key of keys) {\n        this.getActivator()!.addEventListener(key, this.listeners[key] as any)\n      }\n    },\n    genActivator () {\n      const node = getSlot(this, 'activator', Object.assign(this.getValueProxy(), {\n        on: this.genActivatorListeners(),\n        attrs: this.genActivatorAttributes(),\n      })) || []\n\n      this.activatorNode = node\n\n      return node\n    },\n    genActivatorAttributes () {\n      return {\n        role: (this.openOnClick && !this.openOnHover) ? 'button' : undefined,\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genActivatorListeners () {\n      if (this.disabled) return {}\n\n      const listeners: Listeners = {}\n\n      if (this.openOnHover) {\n        listeners.mouseenter = (e: MouseEvent) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.mouseleave = (e: MouseEvent) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      } else if (this.openOnClick) {\n        listeners.click = (e: MouseEvent) => {\n          const activator = this.getActivator(e)\n          if (activator) activator.focus()\n\n          e.stopPropagation()\n\n          this.isActive = !this.isActive\n        }\n      }\n\n      if (this.openOnFocus) {\n        listeners.focus = (e: FocusEvent) => {\n          this.getActivator(e)\n\n          e.stopPropagation()\n\n          this.isActive = !this.isActive\n        }\n      }\n\n      return listeners\n    },\n    getActivator (e?: Event): HTMLElement | null {\n      // If we've already fetched the activator, re-use\n      if (this.activatorElement) return this.activatorElement\n\n      let activator = null\n\n      if (this.activator) {\n        const target = this.internalActivator ? this.$el : document\n\n        if (typeof this.activator === 'string') {\n          // Selector\n          activator = target.querySelector(this.activator)\n        } else if ((this.activator as any).$el) {\n          // Component (ref)\n          activator = (this.activator as any).$el\n        } else {\n          // HTMLElement | Element\n          activator = this.activator\n        }\n      } else if (this.activatorNode.length === 1 || (this.activatorNode.length && !e)) {\n        // Use the contents of the activator slot\n        // There's either only one element in it or we\n        // don't have a click event to use as a last resort\n        const vm = this.activatorNode[0].componentInstance\n        if (\n          vm &&\n          vm.$options.mixins && //                         Activatable is indirectly used via Menuable\n          vm.$options.mixins.some((m: any) => m.options && ['activatable', 'menuable'].includes(m.options.name))\n        ) {\n          // Activator is actually another activatible component, use its activator (#8846)\n          activator = (vm as any).getActivator()\n        } else {\n          activator = this.activatorNode[0].elm as HTMLElement\n        }\n      } else if (e) {\n        // Activated by a click or focus event\n        activator = (e.currentTarget || e.target) as HTMLElement\n      }\n\n      // The activator should only be a valid element (Ignore comments and text nodes)\n      this.activatorElement = activator?.nodeType === Node.ELEMENT_NODE ? activator : null\n\n      return this.activatorElement\n    },\n    getContentSlot () {\n      return getSlot(this, 'default', this.getValueProxy(), true)\n    },\n    getValueProxy (): object {\n      const self = this\n      return {\n        get value () {\n          return self.isActive\n        },\n        set value (isActive: boolean) {\n          self.isActive = isActive\n        },\n      }\n    },\n    removeActivatorEvents () {\n      if (\n        !this.activator ||\n        !this.activatorElement\n      ) return\n\n      const keys = Object.keys(this.listeners)\n\n      for (const key of keys) {\n        (this.activatorElement as any).removeEventListener(key, this.listeners[key])\n      }\n\n      this.listeners = {}\n    },\n    resetActivator () {\n      this.removeActivatorEvents()\n      this.activatorElement = null\n      this.getActivator()\n      this.addActivatorEvents()\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/applicationable/index.js

@@ -1,5 +1,5 @@
-import { factory as PositionableFactory } from '../positionable'; // Util
-
+import { factory as PositionableFactory } from '../positionable';
+// Util
 import mixins from '../../util/mixins';
 export default function applicationable(value, events = []) {
   /* @kdujs/component */
@@ -12,7 +12,6 @@ export default function applicationable(value, events = []) {
       applicationProperty() {
         return value;
       }
-
     },
     watch: {
       // If previous value was app
@@ -20,48 +19,37 @@ export default function applicationable(value, events = []) {
       app(x, prev) {
         prev ? this.removeApplication(true) : this.callUpdate();
       },
-
       applicationProperty(newVal, oldVal) {
         this.$kdutify.application.unregister(this._uid, oldVal);
       }
-
     },
-
     activated() {
       this.callUpdate();
     },
-
     created() {
       for (let i = 0, length = events.length; i < length; i++) {
         this.$watch(events[i], this.callUpdate);
       }
-
       this.callUpdate();
     },
-
     mounted() {
       this.callUpdate();
     },
-
     deactivated() {
       this.removeApplication();
     },
-
     destroyed() {
       this.removeApplication();
     },
-
     methods: {
       callUpdate() {
         if (!this.app) return;
         this.$kdutify.application.register(this._uid, this.applicationProperty, this.updateApplication());
       },
-
       removeApplication(force = false) {
         if (!force && !this.app) return;
         this.$kdutify.application.unregister(this._uid, this.applicationProperty);
       },
-
       updateApplication: () => 0
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/applicationable/index.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,IAAI,mBAApB,QAA+C,iBAA/C,C,CAGA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAc,SAAU,eAAV,CAA2B,KAA3B,EAA8C,MAAA,GAAmB,EAAjE,EAAmE;AAC/E;AACA,SAAO,MAAM,CAAC,mBAAmB,CAAC,CAAC,UAAD,EAAa,OAAb,CAAD,CAApB,CAAN,CAAmD,MAAnD,CAA0D;AAC/D,IAAA,IAAI,EAAE,iBADyD;AAG/D,IAAA,KAAK,EAAE;AACL,MAAA,GAAG,EAAE;AADA,KAHwD;AAO/D,IAAA,QAAQ,EAAE;AACR,MAAA,mBAAmB,GAAA;AACjB,eAAO,KAAP;AACD;;AAHO,KAPqD;AAa/D,IAAA,KAAK,EAAE;AACL;AACA;AACA,MAAA,GAAG,CAAE,CAAF,EAAc,IAAd,EAA2B;AAC5B,QAAA,IAAI,GACA,KAAK,iBAAL,CAAuB,IAAvB,CADA,GAEA,KAAK,UAAL,EAFJ;AAGD,OAPI;;AAQL,MAAA,mBAAmB,CAAE,MAAF,EAAU,MAAV,EAAgB;AACjC,aAAK,QAAL,CAAc,WAAd,CAA0B,UAA1B,CAAqC,KAAK,IAA1C,EAAgD,MAAhD;AACD;;AAVI,KAbwD;;AA0B/D,IAAA,SAAS,GAAA;AACP,WAAK,UAAL;AACD,KA5B8D;;AA8B/D,IAAA,OAAO,GAAA;AACL,WAAK,IAAI,CAAC,GAAG,CAAR,EAAW,MAAM,GAAG,MAAM,CAAC,MAAhC,EAAwC,CAAC,GAAG,MAA5C,EAAoD,CAAC,EAArD,EAAyD;AACvD,aAAK,MAAL,CAAY,MAAM,CAAC,CAAD,CAAlB,EAAuB,KAAK,UAA5B;AACD;;AACD,WAAK,UAAL;AACD,KAnC8D;;AAqC/D,IAAA,OAAO,GAAA;AACL,WAAK,UAAL;AACD,KAvC8D;;AAyC/D,IAAA,WAAW,GAAA;AACT,WAAK,iBAAL;AACD,KA3C8D;;AA6C/D,IAAA,SAAS,GAAA;AACP,WAAK,iBAAL;AACD,KA/C8D;;AAiD/D,IAAA,OAAO,EAAE;AACP,MAAA,UAAU,GAAA;AACR,YAAI,CAAC,KAAK,GAAV,EAAe;AAEf,aAAK,QAAL,CAAc,WAAd,CAA0B,QAA1B,CACE,KAAK,IADP,EAEE,KAAK,mBAFP,EAGE,KAAK,iBAAL,EAHF;AAKD,OATM;;AAUP,MAAA,iBAAiB,CAAE,KAAK,GAAG,KAAV,EAAe;AAC9B,YAAI,CAAC,KAAD,IAAU,CAAC,KAAK,GAApB,EAAyB;AAEzB,aAAK,QAAL,CAAc,WAAd,CAA0B,UAA1B,CACE,KAAK,IADP,EAEE,KAAK,mBAFP;AAID,OAjBM;;AAkBP,MAAA,iBAAiB,EAAE,MAAM;AAlBlB;AAjDsD,GAA1D,CAAP;AAsED","sourcesContent":["import { factory as PositionableFactory } from '../positionable'\nimport { TargetProp } from 'kdutify/types/services/application'\n\n// Util\nimport mixins from '../../util/mixins'\n\nexport default function applicationable (value: TargetProp, events: string[] = []) {\n  /* @kdujs/component */\n  return mixins(PositionableFactory(['absolute', 'fixed'])).extend({\n    name: 'applicationable',\n\n    props: {\n      app: Boolean,\n    },\n\n    computed: {\n      applicationProperty (): TargetProp {\n        return value\n      },\n    },\n\n    watch: {\n      // If previous value was app\n      // reset the provided prop\n      app (x: boolean, prev: boolean) {\n        prev\n          ? this.removeApplication(true)\n          : this.callUpdate()\n      },\n      applicationProperty (newVal, oldVal) {\n        this.$kdutify.application.unregister(this._uid, oldVal)\n      },\n    },\n\n    activated () {\n      this.callUpdate()\n    },\n\n    created () {\n      for (let i = 0, length = events.length; i < length; i++) {\n        this.$watch(events[i], this.callUpdate)\n      }\n      this.callUpdate()\n    },\n\n    mounted () {\n      this.callUpdate()\n    },\n\n    deactivated () {\n      this.removeApplication()\n    },\n\n    destroyed () {\n      this.removeApplication()\n    },\n\n    methods: {\n      callUpdate () {\n        if (!this.app) return\n\n        this.$kdutify.application.register(\n          this._uid,\n          this.applicationProperty,\n          this.updateApplication()\n        )\n      },\n      removeApplication (force = false) {\n        if (!force && !this.app) return\n\n        this.$kdutify.application.unregister(\n          this._uid,\n          this.applicationProperty\n        )\n      },\n      updateApplication: () => 0,\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/applicationable/index.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,IAAI,mBAAmB,QAAQ,iBAAiB;AAGhE;AACA,OAAO,MAAM,MAAM,mBAAmB;AAEtC,eAAc,SAAU,eAAe,CAAE,KAAiB,EAAE,MAAA,GAAmB,EAAE,EAAA;EAC/E;EACA,OAAO,MAAM,CAAC,mBAAmB,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/D,IAAI,EAAE,iBAAiB;IAEvB,KAAK,EAAE;MACL,GAAG,EAAE;KACN;IAED,QAAQ,EAAE;MACR,mBAAmB,CAAA,EAAA;QACjB,OAAO,KAAK;MACd;KACD;IAED,KAAK,EAAE;MACL;MACA;MACA,GAAG,CAAE,CAAU,EAAE,IAAa,EAAA;QAC5B,IAAI,GACA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAC5B,IAAI,CAAC,UAAU,CAAA,CAAE;MACvB,CAAC;MACD,mBAAmB,CAAE,MAAM,EAAE,MAAM,EAAA;QACjC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC;MACzD;KACD;IAED,SAAS,CAAA,EAAA;MACP,IAAI,CAAC,UAAU,CAAA,CAAE;IACnB,CAAC;IAED,OAAO,CAAA,EAAA;MACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QACvD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC;MACxC;MACD,IAAI,CAAC,UAAU,CAAA,CAAE;IACnB,CAAC;IAED,OAAO,CAAA,EAAA;MACL,IAAI,CAAC,UAAU,CAAA,CAAE;IACnB,CAAC;IAED,WAAW,CAAA,EAAA;MACT,IAAI,CAAC,iBAAiB,CAAA,CAAE;IAC1B,CAAC;IAED,SAAS,CAAA,EAAA;MACP,IAAI,CAAC,iBAAiB,CAAA,CAAE;IAC1B,CAAC;IAED,OAAO,EAAE;MACP,UAAU,CAAA,EAAA;QACR,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;QAEf,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAChC,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,mBAAmB,EACxB,IAAI,CAAC,iBAAiB,CAAA,CAAE,CACzB;MACH,CAAC;MACD,iBAAiB,CAAE,KAAK,GAAG,KAAK,EAAA;QAC9B,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;QAEzB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAClC,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,mBAAmB,CACzB;MACH,CAAC;MACD,iBAAiB,EAAE,CAAA,KAAM;IAC1B;GACF,CAAC;AACJ","sourcesContent":["import { factory as PositionableFactory } from '../positionable'\nimport { TargetProp } from 'kdutify/types/services/application'\n\n// Util\nimport mixins from '../../util/mixins'\n\nexport default function applicationable (value: TargetProp, events: string[] = []) {\n  /* @kdujs/component */\n  return mixins(PositionableFactory(['absolute', 'fixed'])).extend({\n    name: 'applicationable',\n\n    props: {\n      app: Boolean,\n    },\n\n    computed: {\n      applicationProperty (): TargetProp {\n        return value\n      },\n    },\n\n    watch: {\n      // If previous value was app\n      // reset the provided prop\n      app (x: boolean, prev: boolean) {\n        prev\n          ? this.removeApplication(true)\n          : this.callUpdate()\n      },\n      applicationProperty (newVal, oldVal) {\n        this.$kdutify.application.unregister(this._uid, oldVal)\n      },\n    },\n\n    activated () {\n      this.callUpdate()\n    },\n\n    created () {\n      for (let i = 0, length = events.length; i < length; i++) {\n        this.$watch(events[i], this.callUpdate)\n      }\n      this.callUpdate()\n    },\n\n    mounted () {\n      this.callUpdate()\n    },\n\n    deactivated () {\n      this.removeApplication()\n    },\n\n    destroyed () {\n      this.removeApplication()\n    },\n\n    methods: {\n      callUpdate () {\n        if (!this.app) return\n\n        this.$kdutify.application.register(\n          this._uid,\n          this.applicationProperty,\n          this.updateApplication()\n        )\n      },\n      removeApplication (force = false) {\n        if (!force && !this.app) return\n\n        this.$kdutify.application.unregister(\n          this._uid,\n          this.applicationProperty\n        )\n      },\n      updateApplication: () => 0,\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/binds-attrs/index.js

@@ -1,8 +1,7 @@
 import Kdu from 'kdu';
-/**
- * This mixin provides `attrs$` and `listeners$` to work around
+/**
+ * This mixin provides `attrs$` and `listeners$` to work around
  */
-
 function makeWatcher(property) {
   return function (val, oldVal) {
     for (const attr in oldVal) {
@@ -10,19 +9,16 @@ function makeWatcher(property) {
         this.$delete(this.$data[property], attr);
       }
     }
-
     for (const attr in val) {
       this.$set(this.$data[property], attr, val[attr]);
     }
   };
 }
-
 export default Kdu.extend({
   data: () => ({
     attrs$: {},
     listeners$: {}
   }),
-
   created() {
     // Work around unwanted re-renders
     // Make sure to use `attrs$` instead of `$attrs` (confusing right?)
@@ -33,6 +29,5 @@ export default Kdu.extend({
       immediate: true
     });
   }
-
 });
 //# sourceMappingURL=index.js.map

package/lib/mixins/binds-attrs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/binds-attrs/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAkC,KAAlC;AAEA;;AAEG;;AAEH,SAAS,WAAT,CAAsB,QAAtB,EAAsC;AACpC,SAAO,UAAqB,GAArB,EAA0B,MAA1B,EAAgC;AACrC,SAAK,MAAM,IAAX,IAAmB,MAAnB,EAA2B;AACzB,UAAI,CAAC,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,GAArC,EAA0C,IAA1C,CAAL,EAAsD;AACpD,aAAK,OAAL,CAAa,KAAK,KAAL,CAAW,QAAX,CAAb,EAAmC,IAAnC;AACD;AACF;;AACD,SAAK,MAAM,IAAX,IAAmB,GAAnB,EAAwB;AACtB,WAAK,IAAL,CAAU,KAAK,KAAL,CAAW,QAAX,CAAV,EAAgC,IAAhC,EAAsC,GAAG,CAAC,IAAD,CAAzC;AACD;AACF,GATD;AAUD;;AAED,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,MAAM,EAAE,EADG;AAEX,IAAA,UAAU,EAAE;AAFD,GAAP,CADkB;;AAMxB,EAAA,OAAO,GAAA;AACL;AACA;AACA,SAAK,MAAL,CAAY,QAAZ,EAAsB,WAAW,CAAC,QAAD,CAAjC,EAA6C;AAAE,MAAA,SAAS,EAAE;AAAb,KAA7C;AACA,SAAK,MAAL,CAAY,YAAZ,EAA0B,WAAW,CAAC,YAAD,CAArC,EAAqD;AAAE,MAAA,SAAS,EAAE;AAAb,KAArD;AACD;;AAXuB,CAAX,CAAf","sourcesContent":["import Kdu, { WatchHandler } from 'kdu'\n\n/**\n * This mixin provides `attrs$` and `listeners$` to work around\n */\n\nfunction makeWatcher (property: string): ThisType<Kdu> & WatchHandler<any> {\n  return function (this: Kdu, val, oldVal) {\n    for (const attr in oldVal) {\n      if (!Object.prototype.hasOwnProperty.call(val, attr)) {\n        this.$delete(this.$data[property], attr)\n      }\n    }\n    for (const attr in val) {\n      this.$set(this.$data[property], attr, val[attr])\n    }\n  }\n}\n\nexport default Kdu.extend({\n  data: () => ({\n    attrs$: {} as Dictionary<string>,\n    listeners$: {} as Dictionary<Function | Function[]>,\n  }),\n\n  created () {\n    // Work around unwanted re-renders\n    // Make sure to use `attrs$` instead of `$attrs` (confusing right?)\n    this.$watch('$attrs', makeWatcher('attrs$'), { immediate: true })\n    this.$watch('$listeners', makeWatcher('listeners$'), { immediate: true })\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/binds-attrs/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB;;AAEG;AAEH,SAAS,WAAW,CAAE,QAAgB,EAAA;EACpC,OAAO,UAAqB,GAAG,EAAE,MAAM,EAAA;IACrC,KAAK,MAAM,IAAI,IAAI,MAAM,EAAE;MACzB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE;QACpD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;MACzC;IACF;IACD,KAAK,MAAM,IAAI,IAAI,GAAG,EAAE;MACtB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IACjD;EACH,CAAC;AACH;AAEA,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,CAAA,MAAO;IACX,MAAM,EAAE,CAAA,CAAwB;IAChC,UAAU,EAAE,CAAA;GACb,CAAC;EAEF,OAAO,CAAA,EAAA;IACL;IACA;IACA,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE;MAAE,SAAS,EAAE;IAAI,CAAE,CAAC;IACjE,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EAAE;MAAE,SAAS,EAAE;IAAI,CAAE,CAAC;EAC3E;CACD,CAAC","sourcesContent":["import Kdu from 'kdu'\n\n/**\n * This mixin provides `attrs$` and `listeners$` to work around\n */\n\nfunction makeWatcher (property: string): ThisType<Kdu> & ((val: any, oldVal: any) => void) {\n  return function (this: Kdu, val, oldVal) {\n    for (const attr in oldVal) {\n      if (!Object.prototype.hasOwnProperty.call(val, attr)) {\n        this.$delete(this.$data[property], attr)\n      }\n    }\n    for (const attr in val) {\n      this.$set(this.$data[property], attr, val[attr])\n    }\n  }\n}\n\nexport default Kdu.extend({\n  data: () => ({\n    attrs$: {} as Dictionary<string>,\n    listeners$: {} as Dictionary<Function | Function[]>,\n  }),\n\n  created () {\n    // Work around unwanted re-renders\n    // Make sure to use `attrs$` instead of `$attrs` (confusing right?)\n    this.$watch('$attrs', makeWatcher('attrs$'), { immediate: true })\n    this.$watch('$listeners', makeWatcher('listeners$'), { immediate: true })\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/bootable/index.js

@@ -1,18 +1,16 @@
 // Utilities
-import { removed } from '../../util/console'; // Types
-
+import { removed } from '../../util/console';
+// Types
 import Kdu from 'kdu';
-/**
- * Bootable
- * @mixin
- *
- * Used to add lazy content functionality to components
- * Looks for change in "isActive" to automatically boot
- * Otherwise can be set manually
+/**
+ * Bootable
+ * @mixin
+ *
+ * Used to add lazy content functionality to components
+ * Looks for change in "isActive" to automatically boot
+ * Otherwise can be set manually
  */
-
 /* @kdujs/component */
-
 export default Kdu.extend().extend({
   name: 'bootable',
   props: {
@@ -25,27 +23,22 @@ export default Kdu.extend().extend({
     hasContent() {
       return this.isBooted || this.eager || this.isActive;
     }
-
   },
   watch: {
     isActive() {
       this.isBooted = true;
     }
-
   },
-
   created() {
     /* istanbul ignore next */
     if ('lazy' in this.$attrs) {
       removed('lazy', this);
     }
   },
-
   methods: {
     showLazyContent(content) {
       return this.hasContent && content ? content() : [this.$createElement()];
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/bootable/index.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,OAAT,QAAwB,oBAAxB,C,CAEA;;AACA,OAAO,GAAP,MAA2B,KAA3B;AAKA;;;;;;;AAOG;;AACH;;AACA,eAAe,GAAG,CAAC,MAAJ,GAA+B,MAA/B,CAAsC;AACnD,EAAA,IAAI,EAAE,UAD6C;AAGnD,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AADF,GAH4C;AAOnD,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAP6C;AAWnD,EAAA,QAAQ,EAAE;AACR,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,QAAL,IAAiB,KAAK,KAAtB,IAA+B,KAAK,QAA3C;AACD;;AAHO,GAXyC;AAiBnD,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,GAAA;AACN,WAAK,QAAL,GAAgB,IAAhB;AACD;;AAHI,GAjB4C;;AAuBnD,EAAA,OAAO,GAAA;AACL;AACA,QAAI,UAAU,KAAK,MAAnB,EAA2B;AACzB,MAAA,OAAO,CAAC,MAAD,EAAS,IAAT,CAAP;AACD;AACF,GA5BkD;;AA8BnD,EAAA,OAAO,EAAE;AACP,IAAA,eAAe,CAAE,OAAF,EAAyB;AACtC,aAAQ,KAAK,UAAL,IAAmB,OAApB,GAA+B,OAAO,EAAtC,GAA2C,CAAC,KAAK,cAAL,EAAD,CAAlD;AACD;;AAHM;AA9B0C,CAAtC,CAAf","sourcesContent":["// Utilities\nimport { removed } from '../../util/console'\n\n// Types\nimport Kdu, { KNode } from 'kdu'\ninterface Toggleable extends Kdu {\n  isActive?: boolean\n}\n\n/**\n * Bootable\n * @mixin\n *\n * Used to add lazy content functionality to components\n * Looks for change in \"isActive\" to automatically boot\n * Otherwise can be set manually\n */\n/* @kdujs/component */\nexport default Kdu.extend<Kdu & Toggleable>().extend({\n  name: 'bootable',\n\n  props: {\n    eager: Boolean,\n  },\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  computed: {\n    hasContent (): boolean | undefined {\n      return this.isBooted || this.eager || this.isActive\n    },\n  },\n\n  watch: {\n    isActive () {\n      this.isBooted = true\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if ('lazy' in this.$attrs) {\n      removed('lazy', this)\n    }\n  },\n\n  methods: {\n    showLazyContent (content?: () => KNode[]): KNode[] {\n      return (this.hasContent && content) ? content() : [this.$createElement()]\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/bootable/index.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,OAAO,QAAQ,oBAAoB;AAE5C;AACA,OAAO,GAAc,MAAM,KAAK;AAKhC;;;;;;;AAOG;AACH;AACA,eAAe,GAAG,CAAC,MAAM,CAAA,CAAoB,CAAC,MAAM,CAAC;EACnD,IAAI,EAAE,UAAU;EAEhB,KAAK,EAAE;IACL,KAAK,EAAE;GACR;EAED,IAAI,EAAE,CAAA,MAAO;IACX,QAAQ,EAAE;GACX,CAAC;EAEF,QAAQ,EAAE;IACR,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ;IACrD;GACD;EAED,KAAK,EAAE;IACL,QAAQ,CAAA,EAAA;MACN,IAAI,CAAC,QAAQ,GAAG,IAAI;IACtB;GACD;EAED,OAAO,CAAA,EAAA;IACL;IACA,IAAI,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE;MACzB,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;IACtB;EACH,CAAC;EAED,OAAO,EAAE;IACP,eAAe,CAAE,OAAuB,EAAA;MACtC,OAAQ,IAAI,CAAC,UAAU,IAAI,OAAO,GAAI,OAAO,CAAA,CAAE,GAAG,CAAC,IAAI,CAAC,cAAc,CAAA,CAAE,CAAC;IAC3E;EACD;CACF,CAAC","sourcesContent":["// Utilities\nimport { removed } from '../../util/console'\n\n// Types\nimport Kdu, { KNode } from 'kdu'\ninterface Toggleable extends Kdu {\n  isActive?: boolean\n}\n\n/**\n * Bootable\n * @mixin\n *\n * Used to add lazy content functionality to components\n * Looks for change in \"isActive\" to automatically boot\n * Otherwise can be set manually\n */\n/* @kdujs/component */\nexport default Kdu.extend<Kdu & Toggleable>().extend({\n  name: 'bootable',\n\n  props: {\n    eager: Boolean,\n  },\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  computed: {\n    hasContent (): boolean | undefined {\n      return this.isBooted || this.eager || this.isActive\n    },\n  },\n\n  watch: {\n    isActive () {\n      this.isBooted = true\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if ('lazy' in this.$attrs) {\n      removed('lazy', this)\n    }\n  },\n\n  methods: {\n    showLazyContent (content?: () => KNode[]): KNode[] {\n      return (this.hasContent && content) ? content() : [this.$createElement()]\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

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

@@ -1,21 +1,17 @@
 // Extensions
 import { BaseItemGroup } from '../../components/KItemGroup/KItemGroup';
 /* @kdujs/component */
-
 export default BaseItemGroup.extend({
   name: 'button-group',
-
   provide() {
     return {
       btnToggle: this
     };
   },
-
   computed: {
     classes() {
       return BaseItemGroup.options.computed.classes.call(this);
     }
-
   },
   methods: {
     // Isn't being passed down through types

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/button-group/index.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,aAAT,QAA8B,wCAA9B;AAEA;;AACA,eAAe,aAAa,CAAC,MAAd,CAAqB;AAClC,EAAA,IAAI,EAAE,cAD4B;;AAGlC,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,SAAS,EAAE;AADN,KAAP;AAGD,GAPiC;;AASlC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,aAAa,CAAC,OAAd,CAAsB,QAAtB,CAA+B,OAA/B,CAAuC,IAAvC,CAA4C,IAA5C,CAAP;AACD;;AAHO,GATwB;AAelC,EAAA,OAAO,EAAE;AACP;AACA,IAAA,OAAO,EAAE,aAAa,CAAC,OAAd,CAAsB,OAAtB,CAA8B;AAFhC;AAfyB,CAArB,CAAf","sourcesContent":["// Extensions\nimport { BaseItemGroup } from '../../components/KItemGroup/KItemGroup'\n\n/* @kdujs/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/button-group/index.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,aAAa,QAAQ,wCAAwC;AAEtE;AACA,eAAe,aAAa,CAAC,MAAM,CAAC;EAClC,IAAI,EAAE,cAAc;EAEpB,OAAO,CAAA,EAAA;IACL,OAAO;MACL,SAAS,EAAE;KACZ;EACH,CAAC;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;IAC1D;GACD;EAED,OAAO,EAAE;IACP;IACA,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;EACxC;CACF,CAAC","sourcesContent":["// Extensions\nimport { BaseItemGroup } from '../../components/KItemGroup/KItemGroup'\n\n/* @kdujs/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/colorable/index.js

@@ -10,66 +10,61 @@ export default Kdu.extend({
     setBackgroundColor(color, data = {}) {
       if (typeof data.style === 'string') {
         // istanbul ignore next
-        consoleError('style must be an object', this); // istanbul ignore next
-
+        consoleError('style must be an object', this);
+        // istanbul ignore next
         return data;
       }
-
       if (typeof data.class === 'string') {
         // istanbul ignore next
-        consoleError('class must be an object', this); // istanbul ignore next
-
+        consoleError('class must be an object', this);
+        // istanbul ignore next
         return data;
       }
-
       if (isCssColor(color)) {
-        data.style = { ...data.style,
+        data.style = {
+          ...data.style,
           'background-color': `${color}`,
           'border-color': `${color}`
         };
       } else if (color) {
-        data.class = { ...data.class,
+        data.class = {
+          ...data.class,
           [color]: true
         };
       }
-
       return data;
     },
-
     setTextColor(color, data = {}) {
       if (typeof data.style === 'string') {
         // istanbul ignore next
-        consoleError('style must be an object', this); // istanbul ignore next
-
+        consoleError('style must be an object', this);
+        // istanbul ignore next
         return data;
       }
-
       if (typeof data.class === 'string') {
         // istanbul ignore next
-        consoleError('class must be an object', this); // istanbul ignore next
-
+        consoleError('class must be an object', this);
+        // istanbul ignore next
         return data;
       }
-
       if (isCssColor(color)) {
-        data.style = { ...data.style,
+        data.style = {
+          ...data.style,
           color: `${color}`,
           'caret-color': `${color}`
         };
       } else if (color) {
         const [colorName, colorModifier] = color.toString().trim().split(' ', 2);
-        data.class = { ...data.class,
+        data.class = {
+          ...data.class,
           [colorName + '--text']: true
         };
-
         if (colorModifier) {
           data.class['text--' + colorModifier] = true;
         }
       }
-
       return data;
     }
-
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/colorable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA,SAAS,YAAT,QAA6B,oBAA7B;AACA,SAAS,UAAT,QAA2B,uBAA3B;AAEA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,WADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AADF,GAHiB;AAOxB,EAAA,OAAO,EAAE;AACP,IAAA,kBAAkB,CAAE,KAAF,EAA0B,IAAA,GAAkB,EAA5C,EAA8C;AAC9D,UAAI,OAAO,IAAI,CAAC,KAAZ,KAAsB,QAA1B,EAAoC;AAClC;AACA,QAAA,YAAY,CAAC,yBAAD,EAA4B,IAA5B,CAAZ,CAFkC,CAGlC;;AACA,eAAO,IAAP;AACD;;AACD,UAAI,OAAO,IAAI,CAAC,KAAZ,KAAsB,QAA1B,EAAoC;AAClC;AACA,QAAA,YAAY,CAAC,yBAAD,EAA4B,IAA5B,CAAZ,CAFkC,CAGlC;;AACA,eAAO,IAAP;AACD;;AACD,UAAI,UAAU,CAAC,KAAD,CAAd,EAAuB;AACrB,QAAA,IAAI,CAAC,KAAL,GAAa,EACX,GAAG,IAAI,CAAC,KADG;AAEX,8BAAoB,GAAG,KAAK,EAFjB;AAGX,0BAAgB,GAAG,KAAK;AAHb,SAAb;AAKD,OAND,MAMO,IAAI,KAAJ,EAAW;AAChB,QAAA,IAAI,CAAC,KAAL,GAAa,EACX,GAAG,IAAI,CAAC,KADG;AAEX,WAAC,KAAD,GAAS;AAFE,SAAb;AAID;;AAED,aAAO,IAAP;AACD,KA5BM;;AA8BP,IAAA,YAAY,CAAE,KAAF,EAA0B,IAAA,GAAkB,EAA5C,EAA8C;AACxD,UAAI,OAAO,IAAI,CAAC,KAAZ,KAAsB,QAA1B,EAAoC;AAClC;AACA,QAAA,YAAY,CAAC,yBAAD,EAA4B,IAA5B,CAAZ,CAFkC,CAGlC;;AACA,eAAO,IAAP;AACD;;AACD,UAAI,OAAO,IAAI,CAAC,KAAZ,KAAsB,QAA1B,EAAoC;AAClC;AACA,QAAA,YAAY,CAAC,yBAAD,EAA4B,IAA5B,CAAZ,CAFkC,CAGlC;;AACA,eAAO,IAAP;AACD;;AACD,UAAI,UAAU,CAAC,KAAD,CAAd,EAAuB;AACrB,QAAA,IAAI,CAAC,KAAL,GAAa,EACX,GAAG,IAAI,CAAC,KADG;AAEX,UAAA,KAAK,EAAE,GAAG,KAAK,EAFJ;AAGX,yBAAe,GAAG,KAAK;AAHZ,SAAb;AAKD,OAND,MAMO,IAAI,KAAJ,EAAW;AAChB,cAAM,CAAC,SAAD,EAAY,aAAZ,IAA6B,KAAK,CAAC,QAAN,GAAiB,IAAjB,GAAwB,KAAxB,CAA8B,GAA9B,EAAmC,CAAnC,CAAnC;AACA,QAAA,IAAI,CAAC,KAAL,GAAa,EACX,GAAG,IAAI,CAAC,KADG;AAEX,WAAC,SAAS,GAAG,QAAb,GAAwB;AAFb,SAAb;;AAIA,YAAI,aAAJ,EAAmB;AACjB,UAAA,IAAI,CAAC,KAAL,CAAW,WAAW,aAAtB,IAAuC,IAAvC;AACD;AACF;;AACD,aAAO,IAAP;AACD;;AA5DM;AAPe,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\nimport { KNodeData } from 'kdu/types/knode'\nimport { consoleError } from '../../util/console'\nimport { isCssColor } from '../../util/colorUtils'\n\nexport default Kdu.extend({\n  name: 'colorable',\n\n  props: {\n    color: String,\n  },\n\n  methods: {\n    setBackgroundColor (color?: string | false, data: KNodeData = {}): KNodeData {\n      if (typeof data.style === 'string') {\n        // istanbul ignore next\n        consoleError('style must be an object', this)\n        // istanbul ignore next\n        return data\n      }\n      if (typeof data.class === 'string') {\n        // istanbul ignore next\n        consoleError('class must be an object', this)\n        // istanbul ignore next\n        return data\n      }\n      if (isCssColor(color)) {\n        data.style = {\n          ...data.style as object,\n          'background-color': `${color}`,\n          'border-color': `${color}`,\n        }\n      } else if (color) {\n        data.class = {\n          ...data.class,\n          [color]: true,\n        }\n      }\n\n      return data\n    },\n\n    setTextColor (color?: string | false, data: KNodeData = {}): KNodeData {\n      if (typeof data.style === 'string') {\n        // istanbul ignore next\n        consoleError('style must be an object', this)\n        // istanbul ignore next\n        return data\n      }\n      if (typeof data.class === 'string') {\n        // istanbul ignore next\n        consoleError('class must be an object', this)\n        // istanbul ignore next\n        return data\n      }\n      if (isCssColor(color)) {\n        data.style = {\n          ...data.style as object,\n          color: `${color}`,\n          'caret-color': `${color}`,\n        }\n      } else if (color) {\n        const [colorName, colorModifier] = color.toString().trim().split(' ', 2) as (string | undefined)[]\n        data.class = {\n          ...data.class,\n          [colorName + '--text']: true,\n        }\n        if (colorModifier) {\n          data.class['text--' + colorModifier] = true\n        }\n      }\n      return data\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/colorable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB,SAAS,YAAY,QAAQ,oBAAoB;AACjD,SAAS,UAAU,QAAQ,uBAAuB;AAElD,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,WAAW;EAEjB,KAAK,EAAE;IACL,KAAK,EAAE;GACR;EAED,OAAO,EAAE;IACP,kBAAkB,CAAE,KAAsB,EAAE,IAAA,GAAkB,CAAA,CAAE,EAAA;MAC9D,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;QAClC;QACA,YAAY,CAAC,yBAAyB,EAAE,IAAI,CAAC;QAC7C;QACA,OAAO,IAAI;MACZ;MACD,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;QAClC;QACA,YAAY,CAAC,yBAAyB,EAAE,IAAI,CAAC;QAC7C;QACA,OAAO,IAAI;MACZ;MACD,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE;QACrB,IAAI,CAAC,KAAK,GAAG;UACX,GAAG,IAAI,CAAC,KAAe;UACvB,kBAAkB,EAAE,GAAG,KAAK,EAAE;UAC9B,cAAc,EAAE,GAAG,KAAK;SACzB;OACF,MAAM,IAAI,KAAK,EAAE;QAChB,IAAI,CAAC,KAAK,GAAG;UACX,GAAG,IAAI,CAAC,KAAK;UACb,CAAC,KAAK,GAAG;SACV;MACF;MAED,OAAO,IAAI;IACb,CAAC;IAED,YAAY,CAAE,KAAsB,EAAE,IAAA,GAAkB,CAAA,CAAE,EAAA;MACxD,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;QAClC;QACA,YAAY,CAAC,yBAAyB,EAAE,IAAI,CAAC;QAC7C;QACA,OAAO,IAAI;MACZ;MACD,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;QAClC;QACA,YAAY,CAAC,yBAAyB,EAAE,IAAI,CAAC;QAC7C;QACA,OAAO,IAAI;MACZ;MACD,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE;QACrB,IAAI,CAAC,KAAK,GAAG;UACX,GAAG,IAAI,CAAC,KAAe;UACvB,KAAK,EAAE,GAAG,KAAK,EAAE;UACjB,aAAa,EAAE,GAAG,KAAK;SACxB;OACF,MAAM,IAAI,KAAK,EAAE;QAChB,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAA,CAAE,CAAC,IAAI,CAAA,CAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAA2B;QAClG,IAAI,CAAC,KAAK,GAAG;UACX,GAAG,IAAI,CAAC,KAAK;UACb,CAAC,SAAS,GAAG,QAAQ,GAAG;SACzB;QACD,IAAI,aAAa,EAAE;UACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC,GAAG,IAAI;QAC5C;MACF;MACD,OAAO,IAAI;IACb;EACD;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\nimport { KNodeData } from 'kdu/types/knode'\nimport { consoleError } from '../../util/console'\nimport { isCssColor } from '../../util/colorUtils'\n\nexport default Kdu.extend({\n  name: 'colorable',\n\n  props: {\n    color: String,\n  },\n\n  methods: {\n    setBackgroundColor (color?: string | false, data: KNodeData = {}): KNodeData {\n      if (typeof data.style === 'string') {\n        // istanbul ignore next\n        consoleError('style must be an object', this)\n        // istanbul ignore next\n        return data\n      }\n      if (typeof data.class === 'string') {\n        // istanbul ignore next\n        consoleError('class must be an object', this)\n        // istanbul ignore next\n        return data\n      }\n      if (isCssColor(color)) {\n        data.style = {\n          ...data.style as object,\n          'background-color': `${color}`,\n          'border-color': `${color}`,\n        }\n      } else if (color) {\n        data.class = {\n          ...data.class,\n          [color]: true,\n        }\n      }\n\n      return data\n    },\n\n    setTextColor (color?: string | false, data: KNodeData = {}): KNodeData {\n      if (typeof data.style === 'string') {\n        // istanbul ignore next\n        consoleError('style must be an object', this)\n        // istanbul ignore next\n        return data\n      }\n      if (typeof data.class === 'string') {\n        // istanbul ignore next\n        consoleError('class must be an object', this)\n        // istanbul ignore next\n        return data\n      }\n      if (isCssColor(color)) {\n        data.style = {\n          ...data.style as object,\n          color: `${color}`,\n          'caret-color': `${color}`,\n        }\n      } else if (color) {\n        const [colorName, colorModifier] = color.toString().trim().split(' ', 2) as (string | undefined)[]\n        data.class = {\n          ...data.class,\n          [colorName + '--text']: true,\n        }\n        if (colorModifier) {\n          data.class['text--' + colorModifier] = true\n        }\n      }\n      return data\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/comparable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,KAAhB;AAEA,SAAS,SAAT,QAA0B,oBAA1B;AAEA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,YADkB;AAExB,EAAA,KAAK,EAAE;AACL,IAAA,eAAe,EAAE;AACf,MAAA,IAAI,EAAE,QADS;AAEf,MAAA,OAAO,EAAE;AAFM;AADZ;AAFiB,CAAX,CAAf","sourcesContent":["import Kdu from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport { deepEqual } from '../../util/helpers'\n\nexport default Kdu.extend({\n  name: 'comparable',\n  props: {\n    valueComparator: {\n      type: Function,\n      default: deepEqual,\n    } as PropValidator<typeof deepEqual>,\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/comparable/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK;AAErB,SAAS,SAAS,QAAQ,oBAAoB;AAE9C,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,YAAY;EAClB,KAAK,EAAE;IACL,eAAe,EAAE;MACf,IAAI,EAAE,QAAQ;MACd,OAAO,EAAE;IACyB;EACrC;CACF,CAAC","sourcesContent":["import Kdu from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport { deepEqual } from '../../util/helpers'\n\nexport default Kdu.extend({\n  name: 'comparable',\n  props: {\n    valueComparator: {\n      type: Function,\n      default: deepEqual,\n    } as PropValidator<typeof deepEqual>,\n  },\n})\n"],"sourceRoot":"","file":"index.js"}