kdutify 2.6.1 → 2.7.3

package/lib/util/mergeData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/util/mergeData.ts"],"names":[],"mappings":"AAEA,SAAS,QAAT,EAAmB,WAAnB,QAAsC,WAAtC;AAEA,MAAM,OAAO,GAAG;AACd,EAAA,SAAS,EAAE,eADG;AAEd,EAAA,SAAS,EAAE;AAFG,CAAhB;;AAKA,SAAS,UAAT,CAAqB,KAArB,EAAkC;AAChC,QAAM,QAAQ,GAAoB,EAAlC;;AAEA,OAAK,MAAM,CAAX,IAAgB,KAAK,CAAC,KAAN,CAAY,OAAO,CAAC,SAApB,CAAhB,EAAgD;AAC9C,QAAI,CAAC,GAAD,EAAM,GAAN,IAAa,CAAC,CAAC,KAAF,CAAQ,OAAO,CAAC,SAAhB,CAAjB;AACA,IAAA,GAAG,GAAG,GAAG,CAAC,IAAJ,EAAN;;AACA,QAAI,CAAC,GAAL,EAAU;AACR;AACD,KAL6C,CAM9C;;;AACA,QAAI,OAAO,GAAP,KAAe,QAAnB,EAA6B;AAC3B,MAAA,GAAG,GAAG,GAAG,CAAC,IAAJ,EAAN;AACD;;AACD,IAAA,QAAQ,CAAC,QAAQ,CAAC,GAAD,CAAT,CAAR,GAA0B,GAA1B;AACD;;AAED,SAAO,QAAP;AACD;;AAQD,eAAc,SAAU,SAAV,GAAmB;AAC/B,QAAM,WAAW,GAAgC,EAAjD;AACA,MAAI,CAAC,GAAW,SAAS,CAAC,MAA1B;AACA,MAAI,IAAJ,CAH+B,CAK/B;;AACA,SAAO,CAAC,EAAR,EAAY;AACV;AACA;AACA,SAAK,IAAL,IAAa,MAAM,CAAC,IAAP,CAAY,SAAS,CAAC,CAAD,CAArB,CAAb,EAAwC;AACtC,cAAQ,IAAR;AACE;AACA,aAAK,OAAL;AACA,aAAK,YAAL;AACE,cAAI,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAAJ,EAAwB;AACtB,YAAA,WAAW,CAAC,IAAD,CAAX,GAAoB,YAAY,CAAC,WAAW,CAAC,IAAD,CAAZ,EAAoB,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAApB,CAAhC;AACD;;AACD;;AACF,aAAK,OAAL;AACE,cAAI,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAAJ,EAAwB;AACtB,YAAA,WAAW,CAAC,IAAD,CAAX,GAAoB,WAAW,CAAC,WAAW,CAAC,IAAD,CAAZ,EAAoB,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAApB,CAA/B;AACD;;AACD;AACF;;AACA,aAAK,aAAL;AACE,cAAI,CAAC,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAAL,EAAyB;AACvB;AACD;;AACD,cAAI,WAAW,CAAC,IAAD,CAAX,KAAsB,SAA1B,EAAqC;AACnC,YAAA,WAAW,CAAC,IAAD,CAAX,GAAoB,EAApB;AACD;;AACD,cAAI,WAAW,CAAC,IAAD,CAAf,EAAuB;AACrB;AACA,YAAA,WAAW,CAAC,IAAD,CAAX,IAAqB,GAArB;AACD;;AACD,UAAA,WAAW,CAAC,IAAD,CAAX,IAAqB,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,EAAmB,IAAnB,EAArB;AACA;AACF;AACA;AACA;AACA;AACA;;AACA,aAAK,IAAL;AACA,aAAK,UAAL;AACE,cAAI,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAAJ,EAAwB;AACtB,YAAA,WAAW,CAAC,IAAD,CAAX,GAAoB,cAAc,CAAC,WAAW,CAAC,IAAD,CAAZ,EAAoB,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAApB,CAAlC;AACD;;AACD;AACF;;AACA,aAAK,OAAL;AACA,aAAK,OAAL;AACA,aAAK,UAAL;AACA,aAAK,aAAL;AACA,aAAK,aAAL;AACA,aAAK,MAAL;AACA,aAAK,YAAL;AACE,cAAI,CAAC,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAAL,EAAyB;AACvB;AACD;;AACD,cAAI,CAAC,WAAW,CAAC,IAAD,CAAhB,EAAwB;AACtB,YAAA,WAAW,CAAC,IAAD,CAAX,GAAoB,EAApB;AACD;;AACD,UAAA,WAAW,CAAC,IAAD,CAAX,GAAoB,EAAE,GAAG,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAAL;AAAyB,eAAG,WAAW,CAAC,IAAD;AAAvC,WAApB;AACA;AACF;;AACA;AAAS;AACP,cAAI,CAAC,WAAW,CAAC,IAAD,CAAhB,EAAwB;AACtB,YAAA,WAAW,CAAC,IAAD,CAAX,GAAoB,SAAS,CAAC,CAAD,CAAT,CAAa,IAAb,CAApB;AACD;;AA1DL;AA4DD;AACF;;AAED,SAAO,WAAP;AACD;AAED,OAAM,SAAU,WAAV,CACJ,MADI,EAEJ,MAFI,EAE0C;AAE9C,MAAI,CAAC,MAAL,EAAa,OAAO,MAAP;AACb,MAAI,CAAC,MAAL,EAAa,OAAO,MAAP;AAEb,EAAA,MAAM,GAAG,WAAW,CAAC,OAAO,MAAP,KAAkB,QAAlB,GAA6B,UAAU,CAAC,MAAD,CAAvC,GAAkD,MAAnD,CAApB;AAEA,SAAQ,MAAmB,CAAC,MAApB,CAA2B,OAAO,MAAP,KAAkB,QAAlB,GAA6B,UAAU,CAAC,MAAD,CAAvC,GAAkD,MAA7E,CAAR;AACD;AAED,OAAM,SAAU,YAAV,CAAwB,MAAxB,EAAqC,MAArC,EAAgD;AACpD,MAAI,CAAC,MAAL,EAAa,OAAO,MAAP;AACb,MAAI,CAAC,MAAL,EAAa,OAAO,MAAP;AAEb,SAAO,MAAM,GAAG,WAAW,CAAC,MAAD,CAAX,CAAoB,MAApB,CAA2B,MAA3B,CAAH,GAAwC,MAArD;AACD;AAED,OAAM,SAAU,cAAV,CAA0B,GAAG,IAA7B,EAGL;AACC,MAAI,CAAC,IAAI,CAAC,CAAD,CAAT,EAAc,OAAO,IAAI,CAAC,CAAD,CAAX;AACd,MAAI,CAAC,IAAI,CAAC,CAAD,CAAT,EAAc,OAAO,IAAI,CAAC,CAAD,CAAX;AAEd,QAAM,IAAI,GAA6C,EAAvD;;AAEA,OAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,EAAjB,GAAsB;AACpB,UAAM,GAAG,GAAG,IAAI,CAAC,CAAD,CAAhB;;AACA,SAAK,MAAM,KAAX,IAAoB,GAApB,EAAyB;AACvB,UAAI,CAAC,GAAG,CAAC,KAAD,CAAR,EAAiB;;AAEjB,UAAI,IAAI,CAAC,KAAD,CAAR,EAAiB;AACf;AACA;AACA,QAAA,IAAI,CAAC,KAAD,CAAJ,GAAe,GAAkB,MAAlB,CAAyB,GAAG,CAAC,KAAD,CAA5B,EAAqC,IAAI,CAAC,KAAD,CAAzC,CAAf;AACD,OAJD,MAIO;AACL;AACA,QAAA,IAAI,CAAC,KAAD,CAAJ,GAAc,GAAG,CAAC,KAAD,CAAjB;AACD;AACF;AACF;;AAED,SAAO,IAAP;AACD","sourcesContent":["/* eslint-disable max-statements */\nimport { KNodeData } from 'kdu'\nimport { camelize, wrapInArray } from './helpers'\n\nconst pattern = {\n  styleList: /;(?![^(]*\\))/g,\n  styleProp: /:(.*)/,\n} as const\n\nfunction parseStyle (style: string) {\n  const styleMap: Dictionary<any> = {}\n\n  for (const s of style.split(pattern.styleList)) {\n    let [key, val] = s.split(pattern.styleProp)\n    key = key.trim()\n    if (!key) {\n      continue\n    }\n    // May be undefined if the `key: value` pair is incomplete.\n    if (typeof val === 'string') {\n      val = val.trim()\n    }\n    styleMap[camelize(key)] = val\n  }\n\n  return styleMap\n}\n\n/**\n * Intelligently merges data for createElement.\n * Merges arguments left to right, preferring the right argument.\n * Returns new KNodeData object.\n */\nexport default function mergeData (...kNodeData: KNodeData[]): KNodeData\nexport default function mergeData (): KNodeData {\n  const mergeTarget: KNodeData & Dictionary<any> = {}\n  let i: number = arguments.length\n  let prop: string\n\n  // Allow for variadic argument length.\n  while (i--) {\n    // Iterate through the data properties and execute merge strategies\n    // Object.keys eliminates need for hasOwnProperty call\n    for (prop of Object.keys(arguments[i])) {\n      switch (prop) {\n        // Array merge strategy (array concatenation)\n        case 'class':\n        case 'directives':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeClasses(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        case 'style':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeStyles(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Space delimited string concatenation strategy\n        case 'staticClass':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (mergeTarget[prop] === undefined) {\n            mergeTarget[prop] = ''\n          }\n          if (mergeTarget[prop]) {\n            // Not an empty string, so concatenate\n            mergeTarget[prop] += ' '\n          }\n          mergeTarget[prop] += arguments[i][prop].trim()\n          break\n        // Object, the properties of which to merge via array merge strategy (array concatenation).\n        // Callback merge strategy merges callbacks to the beginning of the array,\n        // so that the last defined callback will be invoked first.\n        // This is done since to mimic how Object.assign merging\n        // uses the last given value to assign.\n        case 'on':\n        case 'nativeOn':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeListeners(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Object merge strategy\n        case 'attrs':\n        case 'props':\n        case 'domProps':\n        case 'scopedSlots':\n        case 'staticStyle':\n        case 'hook':\n        case 'transition':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = {}\n          }\n          mergeTarget[prop] = { ...arguments[i][prop], ...mergeTarget[prop] }\n          break\n        // Reassignment strategy (no merge)\n        default: // slot, key, ref, tag, show, keepAlive\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = arguments[i][prop]\n          }\n      }\n    }\n  }\n\n  return mergeTarget\n}\n\nexport function mergeStyles (\n  target: undefined | string | object[] | object,\n  source: undefined | string | object[] | object\n) {\n  if (!target) return source\n  if (!source) return target\n\n  target = wrapInArray(typeof target === 'string' ? parseStyle(target) : target)\n\n  return (target as object[]).concat(typeof source === 'string' ? parseStyle(source) : source)\n}\n\nexport function mergeClasses (target: any, source: any) {\n  if (!source) return target\n  if (!target) return source\n\n  return target ? wrapInArray(target).concat(source) : source\n}\n\nexport function mergeListeners (...args: [\n  { [key: string]: Function | Function[] } | undefined,\n  { [key: string]: Function | Function[] } | undefined\n]) {\n  if (!args[0]) return args[1]\n  if (!args[1]) return args[0]\n\n  const dest: { [key: string]: Function | Function[] } = {}\n\n  for (let i = 2; i--;) {\n    const arg = args[i]\n    for (const event in arg) {\n      if (!arg[event]) continue\n\n      if (dest[event]) {\n        // Merge current listeners before (because we are iterating backwards).\n        // Note that neither \"target\" or \"source\" must be altered.\n        dest[event] = ([] as Function[]).concat(arg[event], dest[event])\n      } else {\n        // Straight assign.\n        dest[event] = arg[event]\n      }\n    }\n  }\n\n  return dest\n}\n"],"sourceRoot":"","file":"mergeData.js"}
+{"version":3,"sources":["../../src/util/mergeData.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-statements */\nimport { KNodeData } from 'kdu'\nimport { camelize, wrapInArray } from './helpers'\n\nconst pattern = {\n  styleList: /;(?![^(]*\\))/g,\n  styleProp: /:(.*)/,\n} as const\n\nfunction parseStyle (style: string) {\n  const styleMap: Dictionary<any> = {}\n\n  for (const s of style.split(pattern.styleList)) {\n    let [key, val] = s.split(pattern.styleProp)\n    key = key.trim()\n    if (!key) {\n      continue\n    }\n    // May be undefined if the `key: value` pair is incomplete.\n    if (typeof val === 'string') {\n      val = val.trim()\n    }\n    styleMap[camelize(key)] = val\n  }\n\n  return styleMap\n}\n\n/**\n * Intelligently merges data for createElement.\n * Merges arguments left to right, preferring the right argument.\n * Returns new KNodeData object.\n */\nexport default function mergeData (...kNodeData: KNodeData[]): KNodeData\nexport default function mergeData (): KNodeData {\n  const mergeTarget: KNodeData & Dictionary<any> = {}\n  let i: number = arguments.length\n  let prop: string\n\n  // Allow for variadic argument length.\n  while (i--) {\n    // Iterate through the data properties and execute merge strategies\n    // Object.keys eliminates need for hasOwnProperty call\n    for (prop of Object.keys(arguments[i])) {\n      switch (prop) {\n        // Array merge strategy (array concatenation)\n        case 'class':\n        case 'directives':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeClasses(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        case 'style':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeStyles(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Space delimited string concatenation strategy\n        case 'staticClass':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (mergeTarget[prop] === undefined) {\n            mergeTarget[prop] = ''\n          }\n          if (mergeTarget[prop]) {\n            // Not an empty string, so concatenate\n            mergeTarget[prop] += ' '\n          }\n          mergeTarget[prop] += arguments[i][prop].trim()\n          break\n        // Object, the properties of which to merge via array merge strategy (array concatenation).\n        // Callback merge strategy merges callbacks to the beginning of the array,\n        // so that the last defined callback will be invoked first.\n        // This is done since to mimic how Object.assign merging\n        // uses the last given value to assign.\n        case 'on':\n        case 'nativeOn':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeListeners(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Object merge strategy\n        case 'attrs':\n        case 'props':\n        case 'domProps':\n        case 'scopedSlots':\n        case 'staticStyle':\n        case 'hook':\n        case 'transition':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = {}\n          }\n          mergeTarget[prop] = { ...arguments[i][prop], ...mergeTarget[prop] }\n          break\n        // Reassignment strategy (no merge)\n        default: // slot, key, ref, tag, show, keepAlive\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = arguments[i][prop]\n          }\n      }\n    }\n  }\n\n  return mergeTarget\n}\n\nexport function mergeStyles (\n  target: undefined | string | object[] | object,\n  source: undefined | string | object[] | object\n) {\n  if (!target) return source\n  if (!source) return target\n\n  target = wrapInArray(typeof target === 'string' ? parseStyle(target) : target)\n\n  return (target as object[]).concat(typeof source === 'string' ? parseStyle(source) : source)\n}\n\nexport function mergeClasses (target: any, source: any) {\n  if (!source) return target\n  if (!target) return source\n\n  return target ? wrapInArray(target).concat(source) : source\n}\n\nexport function mergeListeners (...args: [\n  { [key: string]: Function | Function[] } | undefined,\n  { [key: string]: Function | Function[] } | undefined\n]) {\n  if (!args[0]) return args[1]\n  if (!args[1]) return args[0]\n\n  const dest: { [key: string]: Function | Function[] } = {}\n\n  for (let i = 2; i--;) {\n    const arg = args[i]\n    for (const event in arg) {\n      if (!arg[event]) continue\n\n      if (dest[event]) {\n        // Merge current listeners before (because we are iterating backwards).\n        // Note that neither \"target\" or \"source\" must be altered.\n        dest[event] = ([] as Function[]).concat(arg[event], dest[event])\n      } else {\n        // Straight assign.\n        dest[event] = arg[event]\n      }\n    }\n  }\n\n  return dest\n}\n"],"sourceRoot":"","file":"mergeData.js"}

package/lib/util/mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/util/mixins.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAP,MAAoC,KAApC;AAIA,eAAc,SAAU,MAAV,CAAkB,GAAG,IAArB,EAA2C;AACvD,SAAO,GAAG,CAAC,MAAJ,CAAW;AAAE,IAAA,MAAM,EAAE;AAAV,GAAX,CAAP;AACD","sourcesContent":["/* eslint-disable max-len, import/export, no-use-before-define */\nimport Kdu, { KduConstructor } from 'kdu'\n\nexport default function mixins<T extends KduConstructor[]> (...args: T): ExtractKdu<T> extends infer V ? V extends Kdu ? KduConstructor<V> : never : never\nexport default function mixins<T extends Kdu> (...args: KduConstructor[]): KduConstructor<T>\nexport default function mixins (...args: KduConstructor[]): KduConstructor {\n  return Kdu.extend({ mixins: args })\n}\n\n/**\n * Returns the instance type from a KduConstructor\n * Useful for adding types when using mixins().extend()\n */\nexport type ExtractKdu<T extends KduConstructor | KduConstructor[]> = T extends (infer U)[]\n  ? UnionToIntersection<\n    U extends KduConstructor<infer V> ? V : never\n  >\n  : T extends KduConstructor<infer V> ? V : never\n\ntype UnionToIntersection<U> =\n  (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never\n"],"sourceRoot":"","file":"mixins.js"}
+{"version":3,"sources":["../../src/util/mixins.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAuB,MAAM,KAAK;AAIzC,eAAc,SAAU,MAAM,CAAE,GAAG,IAAsB,EAAA;EACvD,OAAO,GAAG,CAAC,MAAM,CAAC;IAAE,MAAM,EAAE;EAAI,CAAE,CAAC;AACrC","sourcesContent":["/* eslint-disable max-len, import/export, no-use-before-define */\nimport Kdu, { KduConstructor } from 'kdu'\n\nexport default function mixins<T extends KduConstructor[]> (...args: T): ExtractKdu<T> extends infer V ? V extends Kdu ? KduConstructor<V> : never : never\nexport default function mixins<T extends Kdu> (...args: KduConstructor[]): KduConstructor<T>\nexport default function mixins (...args: KduConstructor[]): KduConstructor {\n  return Kdu.extend({ mixins: args })\n}\n\n/**\n * Returns the instance type from a KduConstructor\n * Useful for adding types when using mixins().extend()\n */\nexport type ExtractKdu<T extends KduConstructor | KduConstructor[]> = T extends (infer U)[]\n  ? UnionToIntersection<\n    U extends KduConstructor<infer V> ? V : never\n  >\n  : T extends KduConstructor<infer V> ? V : never\n\ntype UnionToIntersection<U> =\n  (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never\n"],"sourceRoot":"","file":"mixins.js"}

package/lib/util/rebuildFunctionalSlots.js

@@ -1,6 +1,5 @@
 export default function rebuildFunctionalSlots(slots, h) {
   const children = [];
-
   for (const slot in slots) {
     if (slots.hasOwnProperty(slot)) {
       children.push(h('template', {
@@ -8,7 +7,6 @@ export default function rebuildFunctionalSlots(slots, h) {
       }, slots[slot]));
     }
   }
-
   return children;
 }
 //# sourceMappingURL=rebuildFunctionalSlots.js.map

package/lib/util/rebuildFunctionalSlots.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/util/rebuildFunctionalSlots.ts"],"names":[],"mappings":"AAEA,eAAc,SAAU,sBAAV,CAAkC,KAAlC,EAAiF,CAAjF,EAAiG;AAC7G,QAAM,QAAQ,GAAY,EAA1B;;AAEA,OAAK,MAAM,IAAX,IAAmB,KAAnB,EAA0B;AACxB,QAAI,KAAK,CAAC,cAAN,CAAqB,IAArB,CAAJ,EAAgC;AAC9B,MAAA,QAAQ,CAAC,IAAT,CAAc,CAAC,CAAC,UAAD,EAAa;AAAE,QAAA;AAAF,OAAb,EAAuB,KAAK,CAAC,IAAD,CAA5B,CAAf;AACD;AACF;;AAED,SAAO,QAAP;AACD","sourcesContent":["import { CreateElement, KNode } from 'kdu'\n\nexport default function rebuildFunctionalSlots (slots: { [key: string]: KNode[] | undefined }, h: CreateElement) {\n  const children: KNode[] = []\n\n  for (const slot in slots) {\n    if (slots.hasOwnProperty(slot)) {\n      children.push(h('template', { slot }, slots[slot]))\n    }\n  }\n\n  return children\n}\n"],"sourceRoot":"","file":"rebuildFunctionalSlots.js"}
+{"version":3,"sources":["../../src/util/rebuildFunctionalSlots.ts"],"names":[],"mappings":"AAEA,eAAc,SAAU,sBAAsB,CAAE,KAA6C,EAAE,CAAgB,EAAA;EAC7G,MAAM,QAAQ,GAAY,EAAE;EAE5B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;IACxB,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;MAC9B,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE;QAAE;MAAI,CAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD;EACF;EAED,OAAO,QAAQ;AACjB","sourcesContent":["import { CreateElement, KNode } from 'kdu'\n\nexport default function rebuildFunctionalSlots (slots: { [key: string]: KNode[] | undefined }, h: CreateElement) {\n  const children: KNode[] = []\n\n  for (const slot in slots) {\n    if (slots.hasOwnProperty(slot)) {\n      children.push(h('template', { slot }, slots[slot]))\n    }\n  }\n\n  return children\n}\n"],"sourceRoot":"","file":"rebuildFunctionalSlots.js"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kdutify",
   "description": "Kdu Material Component Framework",
-  "version": "2.6.1",
+  "version": "2.7.3",
   "author": "NKDuy",
   "license": "MIT",
   "homepage": "https://kdutifyjs.web.app",
@@ -41,6 +41,7 @@
   ],
   "scripts": {
     "watch": "cross-env TARGET=development webpack --config build/config.js --progress --hide-modules --watch",
+    "dev": "cross-env NODE_ENV=development webpack-dev-server --config build/webpack.dev.config.js --hot",
     "build": "concurrently \"yarn build:dist --no-progress\" \"yarn build:lib\" -n \"dist,lib\" --kill-others-on-fail -r && yarn build:json",
     "build:dist": "rimraf dist && cross-env NODE_ENV=production webpack --config build/config.js --progress --hide-modules",
     "build:json": "node build/build-json.js",
@@ -50,39 +51,39 @@
     "lint:fix": "concurrently -n \"tsc,eslint,types\" \"tsc --noEmit --pretty\" \"eslint --fix --ext .js,.ts src\""
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.30",
-    "@fortawesome/free-solid-svg-icons": "^5.14.0",
-    "@kdutify/fork-ts-checker-webpack-plugin": "^1.6.0",
-    "@types/jest": "^26.0.14",
-    "@types/node": "^14.11.10",
-    "autoprefixer": "^9.6.1",
-    "babel-loader": "^8.0.6",
-    "babel-plugin-detective": "^2.0.0",
-    "babel-plugin-module-resolver": "^3.2.0",
-    "babel-plugin-transform-define": "^1.3.1",
-    "babel-polyfill": "^6.26.0",
-    "concurrently": "^4.1.1",
-    "cssnano": "^4.1.10",
-    "dotenv": "^8.0.0",
-    "eslint-plugin-jest": "^24.1.0",
-    "file-loader": "^4.1.0",
-    "friendly-errors-webpack-plugin": "^1.7.0",
-    "happypack": "^5.0.1",
-    "identity-obj-proxy": "^3.0.0",
-    "jest-canvas-mock": "^2.3.0",
-    "kdu-meta": "^2.4.1",
-    "mini-css-extract-plugin": "^0.8.0",
-    "optimize-css-assets-webpack-plugin": "^5.0.3",
-    "postcss-loader": "^3.0.0",
-    "pug": "^2.0.4",
-    "pug-loader": "^2.4.0",
-    "sass-loader": "^10.2.0",
-    "style-loader": "^0.23.1",
-    "stylus": "^0.54.5",
-    "stylus-loader": "^3.0.2",
-    "ts-loader": "^8.0.6",
-    "url-loader": "^2.1.0",
-    "webpack-dev-server": "^3.7.2"
+    "@fortawesome/fontawesome-svg-core": "1.2.30",
+    "@fortawesome/free-solid-svg-icons": "5.14.0",
+    "@kdutify/fork-ts-checker-webpack-plugin": "1.6.0",
+    "@types/node": "14.11.10",
+    "@types/resize-observer-browser": "0.1.7",
+    "autoprefixer": "9.6.1",
+    "babel-loader": "8.0.6",
+    "babel-plugin-detective": "2.0.0",
+    "babel-plugin-module-resolver": "3.2.0",
+    "babel-plugin-transform-define": "1.3.1",
+    "babel-polyfill": "6.26.0",
+    "concurrently": "4.1.1",
+    "cssnano": "4.1.10",
+    "dotenv": "8.0.0",
+    "file-loader": "4.1.0",
+    "friendly-errors-webpack-plugin": "1.7.0",
+    "happypack": "5.0.1",
+    "identity-obj-proxy": "3.0.0",
+    "kdu-fontawesome": "0.1.10",
+    "kdu-meta": "2.4.1",
+    "kdutify-loader": "1.7.3",
+    "mini-css-extract-plugin": "0.8.0",
+    "optimize-css-assets-webpack-plugin": "5.0.3",
+    "postcss-loader": "3.0.0",
+    "pug": "2.0.4",
+    "pug-loader": "2.4.0",
+    "sass-loader": "10.2.0",
+    "style-loader": "0.23.1",
+    "stylus": "0.54.5",
+    "stylus-loader": "3.0.2",
+    "ts-loader": "8.0.6",
+    "url-loader": "2.1.0",
+    "webpack-dev-server": "3.7.2"
   },
   "peerDependencies": {
     "kdu": "^2.6.0"
@@ -94,6 +95,5 @@
     "tags": "dist/json/tags.json",
     "attributes": "dist/json/attributes.json"
   },
-  "web-types": "dist/json/web-types.json",
-  "gitHead": "2219fa2d0acd24455f997bd3fe8b20f016cf5726"
+  "web-types": "dist/json/web-types.json"
 }

package/src/components/KAlert/KAlert.ts

@@ -16,6 +16,7 @@ import Transitionable from '../../mixins/transitionable'
 // Utilities
 import mixins from '../../util/mixins'
 import { breaking } from '../../util/console'
+import { getSlot } from '../../util/helpers'
 
 // Types
 import { KNodeData } from 'kdu'
@@ -188,10 +189,10 @@ export default mixins(
   methods: {
     genWrapper (): KNode {
       const children = [
-        this.$slots.prepend || this.__cachedIcon,
+        getSlot(this, 'prepend') || this.__cachedIcon,
         this.genContent(),
         this.__cachedBorder,
-        this.$slots.append,
+        getSlot(this, 'append'),
         this.$scopedSlots.close
           ? this.$scopedSlots.close({ toggle: this.toggle })
           : this.__cachedDismissible,
@@ -206,7 +207,7 @@ export default mixins(
     genContent (): KNode {
       return this.$createElement('div', {
         staticClass: 'k-alert__content',
-      }, this.$slots.default)
+      }, getSlot(this))
     },
     genAlert (): KNode {
       let data: KNodeData = {

package/src/components/KApp/KApp.ts

@@ -6,6 +6,7 @@ import Themeable from '../../mixins/themeable'
 
 // Utilities
 import mixins from '../../util/mixins'
+import { getSlot } from '../../util/helpers'
 
 /* @kdujs/component */
 export default mixins(
@@ -36,12 +37,12 @@ export default mixins(
 
   beforeCreate () {
     if (!this.$kdutify || (this.$kdutify === this.$root as any)) {
-      throw new Error('Kdutify is not properly initialized, see https://kdutifyjs.web.app/getting-started/quick-start#bootstrapping-the-kdutify-object')
+      throw new Error('Kdutify is not properly initialized, see https://kdutifyjs-v2.web.app/getting-started/quick-start#bootstrapping-the-kdutify-object')
     }
   },
 
   render (h) {
-    const wrapper = h('div', { staticClass: 'k-application--wrap' }, this.$slots.default)
+    const wrapper = h('div', { staticClass: 'k-application--wrap' }, getSlot(this))
 
     return h('div', {
       staticClass: 'k-application',

package/src/components/KAppBar/KAppBarTitle.ts

@@ -7,7 +7,7 @@ import { ExtractKdu } from '../../util/mixins'
 import KAppBar from './KAppBar'
 
 // Utilities
-import { convertToUnit } from '../../util/helpers'
+import { convertToUnit, getSlot } from '../../util/helpers'
 import { easeInOutCubic } from '../../services/goto/easing-patterns'
 
 const base = inject<'KAppBar', typeof KAppBar>('KAppBar', 'k-app-bar-title', 'k-app-bar')
@@ -67,14 +67,14 @@ export default base.extend<options>().extend({
         class: 'k-app-bar-title__content',
         style: this.styles,
         ref: 'content',
-      }, [this.$slots.default]),
+      }, getSlot(this)),
       h('div', {
         class: 'k-app-bar-title__placeholder',
         style: {
           visibility: this.KAppBar.scrollRatio ? 'hidden' : 'visible',
         },
         ref: 'placeholder',
-      }, [this.$slots.default]),
+      }, getSlot(this)),
     ])
   },
 })

package/src/components/KAutocomplete/KAutocomplete.sass

@@ -34,10 +34,6 @@
       .k-select__slot > input
         margin-top: $autocomplete-dense-enclosed-input-margin-top
 
-  &:not(.k-input--is-disabled).k-select.k-text-field
-    input
-      pointer-events: inherit
-
   &__content.k-menu__content
     border-radius: 0
 

package/src/components/KAutocomplete/KAutocomplete.ts

@@ -29,10 +29,6 @@ export default KSelect.extend({
   name: 'k-autocomplete',
 
   props: {
-    allowOverflow: {
-      type: Boolean,
-      default: true,
-    },
     autoSelectFirst: {
       type: Boolean,
       default: false,

package/src/components/KAvatar/KAvatar.ts

@@ -6,7 +6,7 @@ import Measurable from '../../mixins/measurable'
 import Roundable from '../../mixins/roundable'
 
 // Utilities
-import { convertToUnit } from '../../util/helpers'
+import { convertToUnit, getSlot } from '../../util/helpers'
 
 // Types
 import { KNode } from 'kdu'
@@ -55,6 +55,6 @@ export default mixins(
       on: this.$listeners,
     }
 
-    return h('div', this.setBackgroundColor(this.color, data), this.$slots.default)
+    return h('div', this.setBackgroundColor(this.color, data), getSlot(this))
   },
 })

package/src/components/KBanner/KBanner.ts

@@ -15,10 +15,7 @@ import Toggleable from '../../mixins/toggleable'
 
 // Utilities
 import mixins from '../../util/mixins'
-import {
-  convertToUnit,
-  getSlot,
-} from '../../util/helpers'
+import { convertToUnit, getSlot } from '../../util/helpers'
 
 // Typeslint
 import { KNode } from 'kdu'
@@ -56,7 +53,7 @@ export default mixins(
       }
     },
     hasIcon (): boolean {
-      return Boolean(this.icon || this.$slots.icon)
+      return Boolean(this.icon || this.$slots.icon || this.$scopedSlots.icon)
     },
     isSticky (): boolean {
       return this.sticky || this.app
@@ -99,7 +96,7 @@ export default mixins(
           },
         }, [this.icon])
       } else {
-        content = this.$slots.icon
+        content = getSlot(this, 'icon')
       }
 
       return this.$createElement(KAvatar, {
@@ -116,7 +113,7 @@ export default mixins(
     genText () {
       return this.$createElement('div', {
         staticClass: 'k-banner__text',
-      }, this.$slots.default)
+      }, getSlot(this))
     },
     genActions () {
       const children = getSlot(this, 'actions', {
@@ -148,17 +145,23 @@ export default mixins(
   },
 
   render (h): KNode {
+    const data = {
+      staticClass: 'k-banner',
+      attrs: this.attrs$,
+      class: this.classes,
+      style: this.styles,
+      directives: [{
+        name: 'show',
+        value: this.isActive,
+      }],
+    }
+
     return h(KExpandTransition, [
-      h('div', this.setBackgroundColor(this.color, {
-        staticClass: 'k-banner',
-        attrs: this.attrs$,
-        class: this.classes,
-        style: this.styles,
-        directives: [{
-          name: 'show',
-          value: this.isActive,
-        }],
-      }), [this.genWrapper()]),
+      h(
+        'div',
+        this.outlined ? data : this.setBackgroundColor(this.color, data),
+        [this.genWrapper()],
+      ),
     ])
   },
 })

package/src/components/KBottomNavigation/KBottomNavigation.ts

@@ -14,6 +14,7 @@ import { factory as ToggleableFactory } from '../../mixins/toggleable'
 // Utilities
 import mixins from '../../util/mixins'
 import { breaking } from '../../util/console'
+import { getSlot } from '../../util/helpers'
 
 // Types
 import { KNode } from 'kdu'
@@ -91,6 +92,10 @@ export default mixins(
     },
   },
 
+  watch: {
+    canScroll: 'onScroll',
+  },
+
   created () {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('active')) {
@@ -100,8 +105,16 @@ export default mixins(
 
   methods: {
     thresholdMet () {
-      this.isActive = !this.isScrollingUp
-      this.$emit('update:input-value', this.isActive)
+      if (this.hideOnScroll) {
+        this.isActive = !this.isScrollingUp ||
+          this.currentScroll > this.computedScrollThreshold
+
+        this.$emit('update:input-value', this.isActive)
+      }
+
+      if (this.currentThreshold < this.computedScrollThreshold) return
+
+      this.savedScroll = this.currentScroll
     },
     updateApplication (): number {
       return this.$el
@@ -140,6 +153,6 @@ export default mixins(
       })
     }
 
-    return h(ButtonGroup, this.setTextColor(this.color, data), this.$slots.default)
+    return h(ButtonGroup, this.setTextColor(this.color, data), getSlot(this))
   },
 })

package/src/components/KBottomSheet/KBottomSheet.ts

@@ -9,10 +9,7 @@ export default KDialog.extend({
 
   props: {
     inset: Boolean,
-    maxWidth: {
-      type: [String, Number],
-      default: 'auto',
-    },
+    maxWidth: [String, Number],
     transition: {
       type: String,
       default: 'bottom-sheet-transition',

package/src/components/KBreadcrumbs/KBreadcrumbs.ts

@@ -14,6 +14,7 @@ import Themeable from '../../mixins/themeable'
 
 // Utils
 import mixins from '../../util/mixins'
+import { getSlot } from '../../util/helpers'
 
 export default mixins(
   Themeable
@@ -67,7 +68,7 @@ export default mixins(
   },
 
   render (h): KNode {
-    const children = this.$slots.default || this.genItems()
+    const children = getSlot(this) || this.genItems()
 
     return h('ul', {
       staticClass: 'k-breadcrumbs',

package/src/components/KBreadcrumbs/KBreadcrumbsItem.ts

@@ -1,6 +1,7 @@
 import Routable from '../../mixins/routable'
 
 import mixins from '../../util/mixins'
+import { getSlot } from '../../util/helpers'
 import { KNode } from 'kdu'
 
 /* @kdujs/component */
@@ -39,7 +40,7 @@ export default mixins(Routable).extend({
           ...data.attrs,
           'aria-current': this.isActive && this.isLink ? 'page' : undefined,
         },
-      }, this.$slots.default),
+      }, getSlot(this)),
     ])
   },
 })

package/src/components/KBtn/KBtn.sass

@@ -161,7 +161,7 @@
   display: flex
   flex: 1 0 auto
   min-width: 100% !important
-  max-width: auto
+  max-width: none
 
 .k-btn--is-elevated
   +elevation(2)

package/src/components/KBtn/KBtn.ts

@@ -18,6 +18,7 @@ import Sizeable from '../../mixins/sizeable'
 // Utilities
 import mixins, { ExtractKdu } from '../../util/mixins'
 import { breaking } from '../../util/console'
+import { getSlot } from '../../util/helpers'
 
 // Types
 import { KNode } from 'kdu'
@@ -167,12 +168,12 @@ export default baseMixins.extend<options>().extend({
     genContent (): KNode {
       return this.$createElement('span', {
         staticClass: 'k-btn__content',
-      }, this.$slots.default)
+      }, getSlot(this))
     },
     genLoader (): KNode {
       return this.$createElement('span', {
         class: 'k-btn__loader',
-      }, this.$slots.loader || [this.$createElement(KProgressCircular, {
+      }, getSlot(this, 'loader') || [this.$createElement(KProgressCircular, {
         props: {
           indeterminate: true,
           size: 23,

package/src/components/KCalendar/KCalendar.ts

@@ -361,6 +361,9 @@ export default CalendarWithEvents.extend({
         weekdays,
         categories,
       },
+      attrs: {
+        role: 'grid',
+      },
       directives: [{
         modifiers: { quiet: true },
         name: 'resize',
@@ -368,6 +371,7 @@ export default CalendarWithEvents.extend({
       }],
       on: {
         ...this.$listeners,
+
         'click:date': (day: CalendarTimestamp, e?: MouseEvent) => {
           if (this.$listeners.input) {
             this.$emit('input', day.date)

package/src/components/KCalendar/KCalendarCategory.sass

@@ -6,6 +6,15 @@
   .k-calendar-category__column-header
     border-right: map-deep-get($material, 'calendar', 'line-color') $calendar-line-width solid
 
+  .k-calendar-daily__head
+    background: map-deep-get($material, 'calendar', 'background-color')
+
+  .k-calendar-daily__intervals-head
+    background: map-deep-get($material, 'calendar', 'background-color')
+
+  .k-calendar-daily__intervals-body
+    background: map-deep-get($material, 'calendar', 'background-color')
+
 .k-calendar-category
   overflow: auto
   position: relative
@@ -33,7 +42,6 @@
     min-width: 100%
     position: sticky
     top: 0
-    background: white
     z-index: 2
 
   .k-calendar-daily_head-day
@@ -44,7 +52,6 @@
     position: sticky
     left: 0
     top: 0
-    background: white
     z-index: 2
 
   .k-calendar-daily_head-weekday
@@ -63,7 +70,6 @@
   .k-calendar-daily__intervals-body
     position: sticky
     left: 0
-    background: white
     z-index: 1
 
   .k-calendar-daily__interval

package/src/components/KCalendar/KCalendarDaily.ts

@@ -82,8 +82,8 @@ export default CalendarWithIntervals.extend({
         key: day.date,
         staticClass: 'k-calendar-daily_head-day',
         class: this.getRelativeClasses(day),
-        on: this.getDefaultMouseEventHandlers(':day', _e => {
-          return this.getSlotScope(day)
+        on: this.getDefaultMouseEventHandlers(':day', nativeEvent => {
+          return { nativeEvent, ...this.getSlotScope(day) }
         }),
       }, [
         this.genHeadWeekday(day),
@@ -120,8 +120,8 @@ export default CalendarWithIntervals.extend({
         on: this.getMouseEventHandlers({
           'click:date': { event: 'click', stop: true },
           'contextmenu:date': { event: 'contextmenu', stop: true, prevent: true, result: false },
-        }, _e => {
-          return day
+        }, nativeEvent => {
+          return { nativeEvent, ...day }
         }),
       }, this.dayFormatter(day, false))
     },
@@ -167,8 +167,8 @@ export default CalendarWithIntervals.extend({
         key: day.date,
         staticClass: 'k-calendar-daily__day',
         class: this.getRelativeClasses(day),
-        on: this.getDefaultMouseEventHandlers(':time', e => {
-          return this.getSlotScope(this.getTimestampAtEvent(e, day))
+        on: this.getDefaultMouseEventHandlers(':time', nativeEvent => {
+          return { nativeEvent, ...this.getSlotScope(this.getTimestampAtEvent(nativeEvent, day)) }
         }),
       }, [
         ...this.genDayIntervals(index),
@@ -192,6 +192,7 @@ export default CalendarWithIntervals.extend({
           height,
           ...styler(interval),
         },
+
       }
 
       const children = getSlot(this, 'interval', () => this.getSlotScope(interval))
@@ -205,8 +206,8 @@ export default CalendarWithIntervals.extend({
         style: {
           width,
         },
-        on: this.getDefaultMouseEventHandlers(':interval', e => {
-          return this.getTimestampAtEvent(e, this.parsedStart)
+        on: this.getDefaultMouseEventHandlers(':interval', nativeEvent => {
+          return { nativeEvent, ...this.getTimestampAtEvent(nativeEvent, this.parsedStart) }
         }),
       }