kdutify 2.6.0 → 2.7.2

package/es5/directives/click-outside/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/click-outside/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attachedRoot } from '../../util/dom'\nimport { KNodeDirective } from 'kdu/types/knode'\nimport { KNode } from 'kdu'\n\ninterface ClickOutsideBindingArgs {\n  handler: (e: Event) => void\n  closeConditional?: (e: Event) => boolean\n  include?: () => HTMLElement[]\n}\n\ninterface ClickOutsideDirective extends KNodeDirective {\n  value?: ((e: Event) => void) | ClickOutsideBindingArgs\n}\n\nfunction defaultConditional () {\n  return true\n}\n\nfunction checkEvent (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective): boolean {\n  // The include element callbacks below can be expensive\n  // so we should avoid calling them when we're not active.\n  // Explicitly check for false to allow fallback compatibility\n  // with non-toggleable components\n  if (!e || checkIsActive(e, binding) === false) return false\n\n  // If we're clicking inside the shadowroot, then the app root doesn't get the same\n  // level of introspection as to _what_ we're clicking. We want to check to see if\n  // our target is the shadowroot parent container, and if it is, ignore.\n  const root = attachedRoot(el)\n  if (\n    typeof ShadowRoot !== 'undefined' &&\n    root instanceof ShadowRoot &&\n    root.host === e.target\n  ) return false\n\n  // Check if additional elements were passed to be included in check\n  // (click must be outside all included elements, if any)\n  const elements = ((typeof binding.value === 'object' && binding.value.include) || (() => []))()\n  // Add the root element for the component this directive was defined on\n  elements.push(el)\n\n  // Check if it's a click outside our elements, and then if our callback returns true.\n  // Non-toggleable components should take action in their callback and return falsy.\n  // Toggleable can return true if it wants to deactivate.\n  // Note that, because we're in the capture phase, this callback will occur before\n  // the bubbling click event on any outside elements.\n  return !elements.some(el => el.contains(e.target as Node))\n}\n\nfunction checkIsActive (e: PointerEvent, binding: ClickOutsideDirective): boolean | void {\n  const isActive = (typeof binding.value === 'object' && binding.value.closeConditional) || defaultConditional\n\n  return isActive(e)\n}\n\nfunction directive (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective, knode: KNode) {\n  const handler = typeof binding.value === 'function' ? binding.value : binding.value!.handler\n\n  el._clickOutside!.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {\n    checkIsActive(e, binding) && handler && handler(e)\n  }, 0)\n}\n\nfunction handleShadow (el: HTMLElement, callback: Function): void {\n  const root = attachedRoot(el)\n\n  callback(document)\n\n  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n    callback(root)\n  }\n}\n\nexport const ClickOutside = {\n  // [data-app] may not be found\n  // if using bind, inserted makes\n  // sure that the root element is\n  // available, iOS does not support\n  // clicks on body\n  inserted (el: HTMLElement, binding: ClickOutsideDirective, knode: KNode) {\n    const onClick = (e: Event) => directive(e as PointerEvent, el, binding, knode)\n    const onMousedown = (e: Event) => {\n      el._clickOutside!.lastMousedownWasOutside = checkEvent(e as PointerEvent, el, binding)\n    }\n\n    handleShadow(el, (app: HTMLElement) => {\n      app.addEventListener('click', onClick, true)\n      app.addEventListener('mousedown', onMousedown, true)\n    })\n\n    if (!el._clickOutside) {\n      el._clickOutside = {\n        lastMousedownWasOutside: true,\n      }\n    }\n\n    el._clickOutside[knode.context!._uid] = {\n      onClick,\n      onMousedown,\n    }\n  },\n\n  unbind (el: HTMLElement, binding: ClickOutsideDirective, knode: KNode) {\n    if (!el._clickOutside) return\n\n    handleShadow(el, (app: HTMLElement) => {\n      if (!app || !el._clickOutside?.[knode.context!._uid]) return\n\n      const { onClick, onMousedown } = el._clickOutside[knode.context!._uid]!\n\n      app.removeEventListener('click', onClick, true)\n      app.removeEventListener('mousedown', onMousedown, true)\n    })\n\n    delete el._clickOutside[knode.context!._uid]\n  },\n}\n\nexport default ClickOutside\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/click-outside/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attachedRoot } from '../../util/dom'\nimport { KNodeDirective } from 'kdu/types/knode'\nimport { KNode } from 'kdu'\n\ninterface ClickOutsideBindingArgs {\n  handler: (e: Event) => void\n  closeConditional?: (e: Event) => boolean\n  include?: () => HTMLElement[]\n}\n\ninterface ClickOutsideDirective extends KNodeDirective {\n  value?: ((e: Event) => void) | ClickOutsideBindingArgs\n}\n\nfunction defaultConditional () {\n  return true\n}\n\nfunction checkEvent (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective): boolean {\n  // The include element callbacks below can be expensive\n  // so we should avoid calling them when we're not active.\n  // Explicitly check for false to allow fallback compatibility\n  // with non-toggleable components\n  if (!e || checkIsActive(e, binding) === false) return false\n\n  // If we're clicking inside the shadowroot, then the app root doesn't get the same\n  // level of introspection as to _what_ we're clicking. We want to check to see if\n  // our target is the shadowroot parent container, and if it is, ignore.\n  const root = attachedRoot(el)\n  if (\n    typeof ShadowRoot !== 'undefined' &&\n    root instanceof ShadowRoot &&\n    root.host === e.target\n  ) return false\n\n  // Check if additional elements were passed to be included in check\n  // (click must be outside all included elements, if any)\n  const elements = ((typeof binding.value === 'object' && binding.value.include) || (() => []))()\n  // Add the root element for the component this directive was defined on\n  elements.push(el)\n\n  // Check if it's a click outside our elements, and then if our callback returns true.\n  // Non-toggleable components should take action in their callback and return falsy.\n  // Toggleable can return true if it wants to deactivate.\n  // Note that, because we're in the capture phase, this callback will occur before\n  // the bubbling click event on any outside elements.\n  return !elements.some(el => el.contains(e.target as Node))\n}\n\nfunction checkIsActive (e: PointerEvent, binding: ClickOutsideDirective): boolean | void {\n  const isActive = (typeof binding.value === 'object' && binding.value.closeConditional) || defaultConditional\n\n  return isActive(e)\n}\n\nfunction directive (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective) {\n  const handler = typeof binding.value === 'function' ? binding.value : binding.value!.handler\n\n  el._clickOutside!.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {\n    checkIsActive(e, binding) && handler && handler(e)\n  }, 0)\n}\n\nfunction handleShadow (el: HTMLElement, callback: Function): void {\n  const root = attachedRoot(el)\n\n  callback(document)\n\n  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n    callback(root)\n  }\n}\n\nexport const ClickOutside = {\n  // [data-app] may not be found\n  // if using bind, inserted makes\n  // sure that the root element is\n  // available, iOS does not support\n  // clicks on body\n  inserted (el: HTMLElement, binding: ClickOutsideDirective, knode: KNode) {\n    const onClick = (e: Event) => directive(e as PointerEvent, el, binding)\n    const onMousedown = (e: Event) => {\n      el._clickOutside!.lastMousedownWasOutside = checkEvent(e as PointerEvent, el, binding)\n    }\n\n    handleShadow(el, (app: HTMLElement) => {\n      app.addEventListener('click', onClick, true)\n      app.addEventListener('mousedown', onMousedown, true)\n    })\n\n    if (!el._clickOutside) {\n      el._clickOutside = {\n        lastMousedownWasOutside: true,\n      }\n    }\n\n    el._clickOutside[knode.context!._uid] = {\n      onClick,\n      onMousedown,\n    }\n  },\n\n  unbind (el: HTMLElement, binding: ClickOutsideDirective, knode: KNode) {\n    if (!el._clickOutside) return\n\n    handleShadow(el, (app: HTMLElement) => {\n      if (!app || !el._clickOutside?.[knode.context!._uid]) return\n\n      const { onClick, onMousedown } = el._clickOutside[knode.context!._uid]!\n\n      app.removeEventListener('click', onClick, true)\n      app.removeEventListener('mousedown', onMousedown, true)\n    })\n\n    delete el._clickOutside[knode.context!._uid]\n  },\n}\n\nexport default ClickOutside\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/color/index.js

@@ -4,47 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Color = void 0;
-
 var _colorUtils = require("../../util/colorUtils");
-
 var _colors = _interopRequireDefault(require("../../util/colors"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Utilities
+
 function setTextColor(el, color, currentTheme) {
   var cssColor = !(0, _colorUtils.isCssColor)(color) ? (0, _colorUtils.classToHex)(color, _colors.default, currentTheme) : color;
   el.style.color = cssColor;
   el.style.caretColor = cssColor;
 }
-
 function setBackgroundColor(el, color, currentTheme) {
   var cssColor = !(0, _colorUtils.isCssColor)(color) ? (0, _colorUtils.classToHex)(color, _colors.default, currentTheme) : color;
   el.style.backgroundColor = cssColor;
   el.style.borderColor = cssColor;
 }
-
 function setBorderColor(el, color, currentTheme, modifiers) {
   var cssColor = !(0, _colorUtils.isCssColor)(color) ? (0, _colorUtils.classToHex)(color, _colors.default, currentTheme) : color;
-
   if (!modifiers || !Object.keys(modifiers).length) {
     el.style.borderColor = cssColor;
     return;
   }
-
   if (modifiers.top) el.style.borderTopColor = cssColor;
   if (modifiers.right) el.style.borderRightColor = cssColor;
   if (modifiers.bottom) el.style.borderBottomColor = cssColor;
   if (modifiers.left) el.style.borderLeftColor = cssColor;
 }
-
 function setGradientColor(el, gradient, currentTheme) {
   el.style.backgroundImage = "linear-gradient(".concat((0, _colorUtils.parseGradient)(gradient, _colors.default, currentTheme), ")");
 }
-
 function updateColor(el, binding, node) {
   var currentTheme = node.context.$kdutify.theme.currentTheme;
-
   if (binding.arg === undefined) {
     setBackgroundColor(el, binding.value, currentTheme);
   } else if (binding.arg === 'text') {
@@ -55,17 +45,13 @@ function updateColor(el, binding, node) {
     setGradientColor(el, binding.value, currentTheme);
   }
 }
-
 function update(el, binding, node) {
   if (binding.value === binding.oldValue) return;
   updateColor(el, binding, node);
 }
-
-var Color = {
+var Color = exports.Color = {
   bind: updateColor,
   update: update
 };
-exports.Color = Color;
-var _default = Color;
-exports.default = _default;
+var _default = exports.default = Color;
 //# sourceMappingURL=index.js.map

package/es5/directives/color/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/color/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Utilities\nimport {\n  classToHex,\n  isCssColor,\n  parseGradient,\n} from '../../util/colorUtils'\nimport colors from '../../util/colors'\n\n// Types\nimport { KdutifyThemeVariant } from 'types/services/theme'\nimport { KNode, KNodeDirective } from 'kdu'\n\ninterface BorderModifiers {\n  top?: Boolean\n  right?: Boolean\n  bottom?: Boolean\n  left?: Boolean\n}\n\nfunction setTextColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<KdutifyThemeVariant>,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  el.style.color = cssColor\n  el.style.caretColor = cssColor\n}\n\nfunction setBackgroundColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<KdutifyThemeVariant>,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  el.style.backgroundColor = cssColor\n  el.style.borderColor = cssColor\n}\n\nfunction setBorderColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<KdutifyThemeVariant>,\n  modifiers?: BorderModifiers,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  if (!modifiers || !Object.keys(modifiers).length) {\n    el.style.borderColor = cssColor\n    return\n  }\n\n  if (modifiers.top) el.style.borderTopColor = cssColor\n  if (modifiers.right) el.style.borderRightColor = cssColor\n  if (modifiers.bottom) el.style.borderBottomColor = cssColor\n  if (modifiers.left) el.style.borderLeftColor = cssColor\n}\n\nfunction setGradientColor (\n  el: HTMLElement,\n  gradient: string,\n  currentTheme: Partial<KdutifyThemeVariant>,\n) {\n  el.style.backgroundImage = `linear-gradient(${\n    parseGradient(gradient, colors, currentTheme)\n  })`\n}\n\nfunction updateColor (\n  el: HTMLElement,\n  binding: KNodeDirective,\n  node: KNode\n) {\n  const currentTheme = node.context!.$kdutify.theme.currentTheme\n\n  if (binding.arg === undefined) {\n    setBackgroundColor(el, binding.value, currentTheme)\n  } else if (binding.arg === 'text') {\n    setTextColor(el, binding.value, currentTheme)\n  } else if (binding.arg === 'border') {\n    setBorderColor(el, binding.value, currentTheme, binding.modifiers)\n  } else if (binding.arg === 'gradient') {\n    setGradientColor(el, binding.value, currentTheme)\n  }\n}\n\nfunction update (\n  el: HTMLElement,\n  binding: KNodeDirective,\n  node: KNode\n) {\n  if (binding.value === binding.oldValue) return\n\n  updateColor(el, binding, node)\n}\n\nexport const Color = {\n  bind: updateColor,\n  update,\n}\n\nexport default Color\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/color/index.ts"],"names":[],"mappings":";;;;;;AACA,IAAA,WAAA,GAAA,OAAA;AAKA,IAAA,OAAA,GAAA,sBAAA,CAAA,OAAA;AAAsC,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AANtC;;AAmBA,SAAS,YAAY,CACnB,EAAe,EACf,KAAa,EACb,YAA0C,EAAA;EAE1C,IAAM,QAAQ,GAAG,CAAC,IAAA,sBAAU,EAAC,KAAK,CAAC,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,eAAM,EAAE,YAAY,CAAC,GAAG,KAAK;EAErF,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ;EACzB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ;AAChC;AAEA,SAAS,kBAAkB,CACzB,EAAe,EACf,KAAa,EACb,YAA0C,EAAA;EAE1C,IAAM,QAAQ,GAAG,CAAC,IAAA,sBAAU,EAAC,KAAK,CAAC,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,eAAM,EAAE,YAAY,CAAC,GAAG,KAAK;EAErF,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ;EACnC,EAAE,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ;AACjC;AAEA,SAAS,cAAc,CACrB,EAAe,EACf,KAAa,EACb,YAA0C,EAC1C,SAA2B,EAAA;EAE3B,IAAM,QAAQ,GAAG,CAAC,IAAA,sBAAU,EAAC,KAAK,CAAC,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,eAAM,EAAE,YAAY,CAAC,GAAG,KAAK;EAErF,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE;IAChD,EAAE,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ;IAC/B;EACD;EAED,IAAI,SAAS,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ;EACrD,IAAI,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,GAAG,QAAQ;EACzD,IAAI,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,GAAG,QAAQ;EAC3D,IAAI,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ;AACzD;AAEA,SAAS,gBAAgB,CACvB,EAAe,EACf,QAAgB,EAChB,YAA0C,EAAA;EAE1C,EAAE,CAAC,KAAK,CAAC,eAAe,sBAAA,MAAA,CACtB,IAAA,yBAAa,EAAC,QAAQ,EAAE,eAAM,EAAE,YAAY,CAC9C,MAAG;AACL;AAEA,SAAS,WAAW,CAClB,EAAe,EACf,OAAuB,EACvB,IAAW,EAAA;EAEX,IAAM,YAAY,GAAG,IAAI,CAAC,OAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY;EAE9D,IAAI,OAAO,CAAC,GAAG,KAAK,SAAS,EAAE;IAC7B,kBAAkB,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC;GACpD,MAAM,IAAI,OAAO,CAAC,GAAG,KAAK,MAAM,EAAE;IACjC,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC;GAC9C,MAAM,IAAI,OAAO,CAAC,GAAG,KAAK,QAAQ,EAAE;IACnC,cAAc,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC;GACnE,MAAM,IAAI,OAAO,CAAC,GAAG,KAAK,UAAU,EAAE;IACrC,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC;EAClD;AACH;AAEA,SAAS,MAAM,CACb,EAAe,EACf,OAAuB,EACvB,IAAW,EAAA;EAEX,IAAI,OAAO,CAAC,KAAK,KAAK,OAAO,CAAC,QAAQ,EAAE;EAExC,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC;AAChC;AAEO,IAAM,KAAK,GAAA,OAAA,CAAA,KAAA,GAAG;EACnB,IAAI,EAAE,WAAW;EACjB,MAAM,EAAN;CACD;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAEc,KAAK","sourcesContent":["// Utilities\nimport {\n  classToHex,\n  isCssColor,\n  parseGradient,\n} from '../../util/colorUtils'\nimport colors from '../../util/colors'\n\n// Types\nimport { KdutifyThemeVariant } from 'types/services/theme'\nimport { KNode, KNodeDirective } from 'kdu'\n\ninterface BorderModifiers {\n  top?: Boolean\n  right?: Boolean\n  bottom?: Boolean\n  left?: Boolean\n}\n\nfunction setTextColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<KdutifyThemeVariant>,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  el.style.color = cssColor\n  el.style.caretColor = cssColor\n}\n\nfunction setBackgroundColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<KdutifyThemeVariant>,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  el.style.backgroundColor = cssColor\n  el.style.borderColor = cssColor\n}\n\nfunction setBorderColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<KdutifyThemeVariant>,\n  modifiers?: BorderModifiers,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  if (!modifiers || !Object.keys(modifiers).length) {\n    el.style.borderColor = cssColor\n    return\n  }\n\n  if (modifiers.top) el.style.borderTopColor = cssColor\n  if (modifiers.right) el.style.borderRightColor = cssColor\n  if (modifiers.bottom) el.style.borderBottomColor = cssColor\n  if (modifiers.left) el.style.borderLeftColor = cssColor\n}\n\nfunction setGradientColor (\n  el: HTMLElement,\n  gradient: string,\n  currentTheme: Partial<KdutifyThemeVariant>,\n) {\n  el.style.backgroundImage = `linear-gradient(${\n    parseGradient(gradient, colors, currentTheme)\n  })`\n}\n\nfunction updateColor (\n  el: HTMLElement,\n  binding: KNodeDirective,\n  node: KNode\n) {\n  const currentTheme = node.context!.$kdutify.theme.currentTheme\n\n  if (binding.arg === undefined) {\n    setBackgroundColor(el, binding.value, currentTheme)\n  } else if (binding.arg === 'text') {\n    setTextColor(el, binding.value, currentTheme)\n  } else if (binding.arg === 'border') {\n    setBorderColor(el, binding.value, currentTheme, binding.modifiers)\n  } else if (binding.arg === 'gradient') {\n    setGradientColor(el, binding.value, currentTheme)\n  }\n}\n\nfunction update (\n  el: HTMLElement,\n  binding: KNodeDirective,\n  node: KNode\n) {\n  if (binding.value === binding.oldValue) return\n\n  updateColor(el, binding, node)\n}\n\nexport const Color = {\n  bind: updateColor,\n  update,\n}\n\nexport default Color\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/index.js

@@ -45,18 +45,11 @@ Object.defineProperty(exports, "Touch", {
     return _touch.Touch;
   }
 });
-
 var _clickOutside = require("./click-outside");
-
 var _intersect = require("./intersect");
-
 var _mutate = require("./mutate");
-
 var _resize = require("./resize");
-
 var _ripple = require("./ripple");
-
 var _scroll = require("./scroll");
-
 var _touch = require("./touch");
 //# sourceMappingURL=index.js.map

package/es5/directives/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/directives/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { ClickOutside } from './click-outside'\nexport { Intersect } from './intersect'\nexport { Mutate } from './mutate'\nexport { Resize } from './resize'\nexport { Ripple } from './ripple'\nexport { Scroll } from './scroll'\nexport { Touch } from './touch'\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../src/directives/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,aAAA,GAAA,OAAA;AACA,IAAA,UAAA,GAAA,OAAA;AACA,IAAA,OAAA,GAAA,OAAA;AACA,IAAA,OAAA,GAAA,OAAA;AACA,IAAA,OAAA,GAAA,OAAA;AACA,IAAA,OAAA,GAAA,OAAA;AACA,IAAA,MAAA,GAAA,OAAA","sourcesContent":["export { ClickOutside } from './click-outside'\nexport { Intersect } from './intersect'\nexport { Mutate } from './mutate'\nexport { Resize } from './resize'\nexport { Ripple } from './ripple'\nexport { Scroll } from './scroll'\nexport { Touch } from './touch'\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/intersect/index.js

@@ -4,40 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Intersect = void 0;
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function inserted(el, binding, knode) {
   if (typeof window === 'undefined' || !('IntersectionObserver' in window)) return;
   var modifiers = binding.modifiers || {};
   var value = binding.value;
-
   var _ref = _typeof(value) === 'object' ? value : {
-    handler: value,
-    options: {}
-  },
-      handler = _ref.handler,
-      options = _ref.options;
-
+      handler: value,
+      options: {}
+    },
+    handler = _ref.handler,
+    options = _ref.options;
   var observer = new IntersectionObserver(function () {
-    var _el$_observe;
-
     var entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var observer = arguments.length > 1 ? arguments[1] : undefined;
-
-    var _observe = (_el$_observe = el._observe) == null ? void 0 : _el$_observe[knode.context._uid];
-
+    var _a;
+    var _observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[knode.context._uid];
     if (!_observe) return; // Just in case, should never fire
-
     var isIntersecting = entries.some(function (entry) {
       return entry.isIntersecting;
-    }); // If is not quiet or has already been
+    });
+    // If is not quiet or has already been
     // initted, invoke the user callback
-
     if (handler && (!modifiers.quiet || _observe.init) && (!modifiers.once || isIntersecting || _observe.init)) {
       handler(entries, observer, isIntersecting);
     }
-
     if (isIntersecting && modifiers.once) unbind(el, binding, knode);else _observe.init = true;
   }, options);
   el._observe = Object(el._observe);
@@ -47,21 +38,16 @@ function inserted(el, binding, knode) {
   };
   observer.observe(el);
 }
-
 function unbind(el, binding, knode) {
-  var _el$_observe2;
-
-  var observe = (_el$_observe2 = el._observe) == null ? void 0 : _el$_observe2[knode.context._uid];
+  var _a;
+  var observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[knode.context._uid];
   if (!observe) return;
   observe.observer.unobserve(el);
   delete el._observe[knode.context._uid];
 }
-
-var Intersect = {
+var Intersect = exports.Intersect = {
   inserted: inserted,
   unbind: unbind
 };
-exports.Intersect = Intersect;
-var _default = Intersect;
-exports.default = _default;
+var _default = exports.default = Intersect;
 //# sourceMappingURL=index.js.map

package/es5/directives/intersect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/intersect/index.ts"],"names":[],"mappings":";;;;;;;;;AAiBA,SAAS,QAAT,CAAmB,EAAnB,EAAoC,OAApC,EAAoE,KAApE,EAAgF;AAC9E,MAAI,OAAO,MAAP,KAAkB,WAAlB,IAAiC,EAAE,0BAA0B,MAA5B,CAArC,EAA0E;AAE1E,MAAM,SAAS,GAAG,OAAO,CAAC,SAAR,IAAqB,EAAvC;AACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;;AAJ8E,aAKjD,QAAO,KAAP,MAAiB,QAAjB,GACzB,KADyB,GAEzB;AAAE,IAAA,OAAO,EAAE,KAAX;AAAkB,IAAA,OAAO,EAAE;AAA3B,GAP0E;AAAA,MAKtE,OALsE,QAKtE,OALsE;AAAA,MAK7D,OAL6D,QAK7D,OAL6D;;AAQ9E,MAAM,QAAQ,GAAG,IAAI,oBAAJ,CAAyB,YAGtC;AAAA;;AAAA,QAFF,OAEE,uEAFqC,EAErC;AAAA,QADF,QACE;;AACF,QAAM,QAAQ,mBAAG,EAAE,CAAC,QAAN,qBAAG,aAAc,KAAK,CAAC,OAAN,CAAe,IAA7B,CAAjB;;AACA,QAAI,CAAC,QAAL,EAAe,OAFb,CAEoB;;AAEtB,QAAM,cAAc,GAAG,OAAO,CAAC,IAAR,CAAa,UAAA,KAAK;AAAA,aAAI,KAAK,CAAC,cAAV;AAAA,KAAlB,CAAvB,CAJE,CAMF;AACA;;AACA,QACE,OAAO,KACL,CAAC,SAAS,CAAC,KAAX,IACA,QAAQ,CAAC,IAFJ,CAAP,KAIE,CAAC,SAAS,CAAC,IAAX,IACA,cADA,IAEA,QAAQ,CAAC,IANX,CADF,EASE;AACA,MAAA,OAAO,CAAC,OAAD,EAAU,QAAV,EAAoB,cAApB,CAAP;AACD;;AAED,QAAI,cAAc,IAAI,SAAS,CAAC,IAAhC,EAAsC,MAAM,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAN,CAAtC,KACK,QAAQ,CAAC,IAAT,GAAgB,IAAhB;AACN,GA1BgB,EA0Bd,OA1Bc,CAAjB;AA4BA,EAAA,EAAE,CAAC,QAAH,GAAc,MAAM,CAAC,EAAE,CAAC,QAAJ,CAApB;AACA,EAAA,EAAE,CAAC,QAAH,CAAa,KAAK,CAAC,OAAN,CAAe,IAA5B,IAAoC;AAAE,IAAA,IAAI,EAAE,KAAR;AAAe,IAAA,QAAQ,EAAR;AAAf,GAApC;AAEA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB;AACD;;AAED,SAAS,MAAT,CAAiB,EAAjB,EAAkC,OAAlC,EAAkE,KAAlE,EAA8E;AAAA;;AAC5E,MAAM,OAAO,oBAAG,EAAE,CAAC,QAAN,qBAAG,cAAc,KAAK,CAAC,OAAN,CAAe,IAA7B,CAAhB;AACA,MAAI,CAAC,OAAL,EAAc;AAEd,EAAA,OAAO,CAAC,QAAR,CAAiB,SAAjB,CAA2B,EAA3B;AACA,SAAO,EAAE,CAAC,QAAH,CAAa,KAAK,CAAC,OAAN,CAAe,IAA5B,CAAP;AACD;;AAEM,IAAM,SAAS,GAAG;AACvB,EAAA,QAAQ,EAAR,QADuB;AAEvB,EAAA,MAAM,EAAN;AAFuB,CAAlB;;eAKQ,S","sourcesContent":["import { KNodeDirective } from 'kdu/types/knode'\nimport { KNode } from 'kdu'\n\ntype ObserveHandler = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver,\n  isIntersecting: boolean,\n) => void\n\ninterface ObserveKNodeDirective extends Omit<KNodeDirective, 'modifiers'> {\n  value?: ObserveHandler | { handler: ObserveHandler, options?: IntersectionObserverInit }\n  modifiers?: {\n    once?: boolean\n    quiet?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: ObserveKNodeDirective, knode: KNode) {\n  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) return\n\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const { handler, options } = typeof value === 'object'\n    ? value\n    : { handler: value, options: {} }\n  const observer = new IntersectionObserver((\n    entries: IntersectionObserverEntry[] = [],\n    observer: IntersectionObserver\n  ) => {\n    const _observe = el._observe?.[knode.context!._uid]\n    if (!_observe) return // Just in case, should never fire\n\n    const isIntersecting = entries.some(entry => entry.isIntersecting)\n\n    // If is not quiet or has already been\n    // initted, invoke the user callback\n    if (\n      handler && (\n        !modifiers.quiet ||\n        _observe.init\n      ) && (\n        !modifiers.once ||\n        isIntersecting ||\n        _observe.init\n      )\n    ) {\n      handler(entries, observer, isIntersecting)\n    }\n\n    if (isIntersecting && modifiers.once) unbind(el, binding, knode)\n    else _observe.init = true\n  }, options)\n\n  el._observe = Object(el._observe)\n  el._observe![knode.context!._uid] = { init: false, observer }\n\n  observer.observe(el)\n}\n\nfunction unbind (el: HTMLElement, binding: ObserveKNodeDirective, knode: KNode) {\n  const observe = el._observe?.[knode.context!._uid]\n  if (!observe) return\n\n  observe.observer.unobserve(el)\n  delete el._observe![knode.context!._uid]\n}\n\nexport const Intersect = {\n  inserted,\n  unbind,\n}\n\nexport default Intersect\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/intersect/index.ts"],"names":[],"mappings":";;;;;;;AAiBA,SAAS,QAAQ,CAAE,EAAe,EAAE,OAA8B,EAAE,KAAY,EAAA;EAC9E,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,EAAE,sBAAsB,IAAI,MAAM,CAAC,EAAE;EAE1E,IAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,CAAA,CAAE;EACzC,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK;EAC3B,IAAA,IAAA,GAA6B,OAAA,CAAO,KAAK,MAAK,QAAQ,GAClD,KAAK,GACL;MAAE,OAAO,EAAE,KAAK;MAAE,OAAO,EAAE,CAAA;IAAE,CAAE;IAF3B,OAAO,GAAA,IAAA,CAAP,OAAO;IAAE,OAAO,GAAA,IAAA,CAAP,OAAO;EAGxB,IAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,YAGtC;IAAA,IAFF,OAAA,GAAA,SAAA,CAAA,MAAA,QAAA,SAAA,QAAA,SAAA,GAAA,SAAA,MAAuC,EAAE;IAAA,IACzC,QAA8B,GAAA,SAAA,CAAA,MAAA,OAAA,SAAA,MAAA,SAAA;;IAE9B,IAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,EAAE,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC;IACnD,IAAI,CAAC,QAAQ,EAAE,OAAM,CAAC;IAEtB,IAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,UAAA,KAAK;MAAA,OAAI,KAAK,CAAC,cAAc;IAAA,EAAC;IAElE;IACA;IACA,IACE,OAAO,KACL,CAAC,SAAS,CAAC,KAAK,IAChB,QAAQ,CAAC,IAAI,CACd,KACC,CAAC,SAAS,CAAC,IAAI,IACf,cAAc,IACd,QAAQ,CAAC,IAAI,CACd,EACD;MACA,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC;IAC3C;IAED,IAAI,cAAc,IAAI,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA,KAC3D,QAAQ,CAAC,IAAI,GAAG,IAAI;EAC3B,CAAC,EAAE,OAAO,CAAC;EAEX,EAAE,CAAC,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC;EACjC,EAAE,CAAC,QAAS,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC,GAAG;IAAE,IAAI,EAAE,KAAK;IAAE,QAAQ,EAAR;EAAQ,CAAE;EAE7D,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;AACtB;AAEA,SAAS,MAAM,CAAE,EAAe,EAAE,OAA8B,EAAE,KAAY,EAAA;;EAC5E,IAAM,OAAO,GAAG,CAAA,EAAA,GAAA,EAAE,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC;EAClD,IAAI,CAAC,OAAO,EAAE;EAEd,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;EAC9B,OAAO,EAAE,CAAC,QAAS,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC;AAC1C;AAEO,IAAM,SAAS,GAAA,OAAA,CAAA,SAAA,GAAG;EACvB,QAAQ,EAAR,QAAQ;EACR,MAAM,EAAN;CACD;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAEc,SAAS","sourcesContent":["import { KNodeDirective } from 'kdu/types/knode'\nimport { KNode } from 'kdu'\n\ntype ObserveHandler = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver,\n  isIntersecting: boolean,\n) => void\n\ninterface ObserveKNodeDirective extends Omit<KNodeDirective, 'modifiers'> {\n  value?: ObserveHandler | { handler: ObserveHandler, options?: IntersectionObserverInit }\n  modifiers?: {\n    once?: boolean\n    quiet?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: ObserveKNodeDirective, knode: KNode) {\n  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) return\n\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const { handler, options } = typeof value === 'object'\n    ? value\n    : { handler: value, options: {} }\n  const observer = new IntersectionObserver((\n    entries: IntersectionObserverEntry[] = [],\n    observer: IntersectionObserver\n  ) => {\n    const _observe = el._observe?.[knode.context!._uid]\n    if (!_observe) return // Just in case, should never fire\n\n    const isIntersecting = entries.some(entry => entry.isIntersecting)\n\n    // If is not quiet or has already been\n    // initted, invoke the user callback\n    if (\n      handler && (\n        !modifiers.quiet ||\n        _observe.init\n      ) && (\n        !modifiers.once ||\n        isIntersecting ||\n        _observe.init\n      )\n    ) {\n      handler(entries, observer, isIntersecting)\n    }\n\n    if (isIntersecting && modifiers.once) unbind(el, binding, knode)\n    else _observe.init = true\n  }, options)\n\n  el._observe = Object(el._observe)\n  el._observe![knode.context!._uid] = { init: false, observer }\n\n  observer.observe(el)\n}\n\nfunction unbind (el: HTMLElement, binding: ObserveKNodeDirective, knode: KNode) {\n  const observe = el._observe?.[knode.context!._uid]\n  if (!observe) return\n\n  observe.observer.unobserve(el)\n  delete el._observe![knode.context!._uid]\n}\n\nexport const Intersect = {\n  inserted,\n  unbind,\n}\n\nexport default Intersect\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/mutate/index.js

@@ -4,30 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Mutate = void 0;
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+var _excluded = ["once"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function inserted(el, binding, knode) {
   var modifiers = binding.modifiers || {};
   var value = binding.value;
   var callback = _typeof(value) === 'object' ? value.handler : value;
-
   var once = modifiers.once,
-      modifierKeys = _objectWithoutProperties(modifiers, ["once"]);
-
-  var hasModifiers = Object.keys(modifierKeys).length > 0; // Options take top priority
-
-  var options = _typeof(value) === 'object' && value.options ? value.options : hasModifiers // If we have modifiers, use only those provided
+    modifierKeys = _objectWithoutProperties(modifiers, _excluded);
+  var hasModifiers = Object.keys(modifierKeys).length > 0;
+  // Options take top priority
+  var options = _typeof(value) === 'object' && value.options ? value.options : hasModifiers
+  // If we have modifiers, use only those provided
   ? {
     attributes: modifierKeys.attr,
     childList: modifierKeys.child,
     subtree: modifierKeys.sub,
     characterData: modifierKeys.char
-  } // Defaults to everything on
+  }
+  // Defaults to everything on
   : {
     attributes: true,
     childList: true,
@@ -37,9 +34,8 @@ function inserted(el, binding, knode) {
   var observer = new MutationObserver(function (mutationsList, observer) {
     /* istanbul ignore if */
     if (!el._mutate) return; // Just in case, should never fire
-
-    callback(mutationsList, observer); // If has the once modifier, unbind
-
+    callback(mutationsList, observer);
+    // If has the once modifier, unbind
     once && unbind(el, binding, knode);
   });
   observer.observe(el, options);
@@ -48,22 +44,15 @@ function inserted(el, binding, knode) {
     observer: observer
   };
 }
-
 function unbind(el, binding, knode) {
-  var _el$_mutate;
-
-  if (!((_el$_mutate = el._mutate) != null && _el$_mutate[knode.context._uid])) return;
-
+  var _a;
+  if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[knode.context._uid])) return;
   el._mutate[knode.context._uid].observer.disconnect();
-
   delete el._mutate[knode.context._uid];
 }
-
-var Mutate = {
+var Mutate = exports.Mutate = {
   inserted: inserted,
   unbind: unbind
 };
-exports.Mutate = Mutate;
-var _default = Mutate;
-exports.default = _default;
+var _default = exports.default = Mutate;
 //# sourceMappingURL=index.js.map

package/es5/directives/mutate/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAkBA,SAAS,QAAT,CAAmB,EAAnB,EAAoC,OAApC,EAAmE,KAAnE,EAA+E;AAC7E,MAAM,SAAS,GAAG,OAAO,CAAC,SAAR,IAAqB,EAAvC;AACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,QAAQ,GAAG,QAAO,KAAP,MAAiB,QAAjB,GAA4B,KAAK,CAAC,OAAlC,GAA4C,KAA7D;;AAH6E,MAIrE,IAJqE,GAI3C,SAJ2C,CAIrE,IAJqE;AAAA,MAI5D,YAJ4D,4BAI3C,SAJ2C;;AAK7E,MAAM,YAAY,GAAG,MAAM,CAAC,IAAP,CAAY,YAAZ,EAA0B,MAA1B,GAAmC,CAAxD,CAL6E,CAO7E;;AACA,MAAM,OAAO,GAAG,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,CAAC,OAAnC,GACZ,KAAK,CAAC,OADM,GAEZ,YAAY,CACZ;AADY,IAEV;AACA,IAAA,UAAU,EAAE,YAAY,CAAC,IADzB;AAEA,IAAA,SAAS,EAAE,YAAY,CAAC,KAFxB;AAGA,IAAA,OAAO,EAAE,YAAY,CAAC,GAHtB;AAIA,IAAA,aAAa,EAAE,YAAY,CAAC;AAJ5B,GAFU,CAQZ;AARY,IASV;AACA,IAAA,UAAU,EAAE,IADZ;AAEA,IAAA,SAAS,EAAE,IAFX;AAGA,IAAA,OAAO,EAAE,IAHT;AAIA,IAAA,aAAa,EAAE;AAJf,GAXN;AAkBA,MAAM,QAAQ,GAAG,IAAI,gBAAJ,CAAqB,UACpC,aADoC,EAEpC,QAFoC,EAGlC;AACF;AACA,QAAI,CAAC,EAAE,CAAC,OAAR,EAAiB,OAFf,CAEsB;;AAExB,IAAA,QAAQ,CAAC,aAAD,EAAgB,QAAhB,CAAR,CAJE,CAMF;;AACA,IAAA,IAAI,IAAI,MAAM,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAd;AACD,GAXgB,CAAjB;AAaA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB,EAAqB,OAArB;AACA,EAAA,EAAE,CAAC,OAAH,GAAa,MAAM,CAAC,EAAE,CAAC,OAAJ,CAAnB;AACA,EAAA,EAAE,CAAC,OAAH,CAAY,KAAK,CAAC,OAAN,CAAe,IAA3B,IAAmC;AAAE,IAAA,QAAQ,EAAR;AAAF,GAAnC;AACD;;AAED,SAAS,MAAT,CAAiB,EAAjB,EAAkC,OAAlC,EAAiE,KAAjE,EAA6E;AAAA;;AAC3E,MAAI,iBAAC,EAAE,CAAC,OAAJ,aAAC,YAAa,KAAK,CAAC,OAAN,CAAe,IAA5B,CAAD,CAAJ,EAAwC;;AAExC,EAAA,EAAE,CAAC,OAAH,CAAW,KAAK,CAAC,OAAN,CAAe,IAA1B,EAAiC,QAAjC,CAA0C,UAA1C;;AACA,SAAO,EAAE,CAAC,OAAH,CAAW,KAAK,CAAC,OAAN,CAAe,IAA1B,CAAP;AACD;;AAEM,IAAM,MAAM,GAAG;AACpB,EAAA,QAAQ,EAAR,QADoB;AAEpB,EAAA,MAAM,EAAN;AAFoB,CAAf;;eAKQ,M","sourcesContent":["import { KNode, KNodeDirective } from 'kdu'\n\ntype MutateHandler = (\n  mutationsList: MutationRecord[],\n  observer: MutationObserver,\n) => void\n\ninterface MutateKNodeDirective extends Omit<KNodeDirective, 'modifiers'> {\n  value?: MutateHandler | { handler: MutateHandler, options?: MutationObserverInit }\n  modifiers?: {\n    once?: boolean\n    attr?: boolean\n    child?: boolean\n    sub?: boolean\n    char?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: MutateKNodeDirective, knode: KNode) {\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const callback = typeof value === 'object' ? value.handler : value!\n  const { once, ...modifierKeys } = modifiers\n  const hasModifiers = Object.keys(modifierKeys).length > 0\n\n  // Options take top priority\n  const options = typeof value === 'object' && value.options\n    ? value.options\n    : hasModifiers\n      // If we have modifiers, use only those provided\n      ? {\n        attributes: modifierKeys.attr,\n        childList: modifierKeys.child,\n        subtree: modifierKeys.sub,\n        characterData: modifierKeys.char,\n      }\n      // Defaults to everything on\n      : {\n        attributes: true,\n        childList: true,\n        subtree: true,\n        characterData: true,\n      }\n\n  const observer = new MutationObserver((\n    mutationsList: MutationRecord[],\n    observer: MutationObserver\n  ) => {\n    /* istanbul ignore if */\n    if (!el._mutate) return // Just in case, should never fire\n\n    callback(mutationsList, observer)\n\n    // If has the once modifier, unbind\n    once && unbind(el, binding, knode)\n  })\n\n  observer.observe(el, options)\n  el._mutate = Object(el._mutate)\n  el._mutate![knode.context!._uid] = { observer }\n}\n\nfunction unbind (el: HTMLElement, binding: MutateKNodeDirective, knode: KNode) {\n  if (!el._mutate?.[knode.context!._uid]) return\n\n  el._mutate[knode.context!._uid]!.observer.disconnect()\n  delete el._mutate[knode.context!._uid]\n}\n\nexport const Mutate = {\n  inserted,\n  unbind,\n}\n\nexport default Mutate\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":[],"mappings":";;;;;;;;;;AAkBA,SAAS,QAAQ,CAAE,EAAe,EAAE,OAA6B,EAAE,KAAY,EAAA;EAC7E,IAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,CAAA,CAAE;EACzC,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK;EAC3B,IAAM,QAAQ,GAAG,OAAA,CAAO,KAAK,MAAK,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,KAAM;EACnE,IAAQ,IAAI,GAAsB,SAAS,CAAnC,IAAI;IAAK,YAAY,GAAA,wBAAA,CAAK,SAAS,EAAA,SAAA;EAC3C,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC;EAEzD;EACA,IAAM,OAAO,GAAG,OAAA,CAAO,KAAK,MAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,GACtD,KAAK,CAAC,OAAO,GACb;EACA;EAAA,EACE;IACA,UAAU,EAAE,YAAY,CAAC,IAAI;IAC7B,SAAS,EAAE,YAAY,CAAC,KAAK;IAC7B,OAAO,EAAE,YAAY,CAAC,GAAG;IACzB,aAAa,EAAE,YAAY,CAAC;EAC7B;EACD;EAAA,EACE;IACA,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;IACb,aAAa,EAAE;GAChB;EAEL,IAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,UACpC,aAA+B,EAC/B,QAA0B,EACxB;IACF;IACA,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,OAAM,CAAC;IAExB,QAAQ,CAAC,aAAa,EAAE,QAAQ,CAAC;IAEjC;IACA,IAAI,IAAI,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC;EACpC,CAAC,CAAC;EAEF,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC;EAC7B,EAAE,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC;EAC/B,EAAE,CAAC,OAAQ,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC,GAAG;IAAE,QAAQ,EAAR;EAAQ,CAAE;AACjD;AAEA,SAAS,MAAM,CAAE,EAAe,EAAE,OAA6B,EAAE,KAAY,EAAA;;EAC3E,IAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC,CAAA,EAAE;EAExC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAE,CAAC,QAAQ,CAAC,UAAU,CAAA,CAAE;EACtD,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC;AACxC;AAEO,IAAM,MAAM,GAAA,OAAA,CAAA,MAAA,GAAG;EACpB,QAAQ,EAAR,QAAQ;EACR,MAAM,EAAN;CACD;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAEc,MAAM","sourcesContent":["import { KNode, KNodeDirective } from 'kdu'\n\ntype MutateHandler = (\n  mutationsList: MutationRecord[],\n  observer: MutationObserver,\n) => void\n\ninterface MutateKNodeDirective extends Omit<KNodeDirective, 'modifiers'> {\n  value?: MutateHandler | { handler: MutateHandler, options?: MutationObserverInit }\n  modifiers?: {\n    once?: boolean\n    attr?: boolean\n    child?: boolean\n    sub?: boolean\n    char?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: MutateKNodeDirective, knode: KNode) {\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const callback = typeof value === 'object' ? value.handler : value!\n  const { once, ...modifierKeys } = modifiers\n  const hasModifiers = Object.keys(modifierKeys).length > 0\n\n  // Options take top priority\n  const options = typeof value === 'object' && value.options\n    ? value.options\n    : hasModifiers\n      // If we have modifiers, use only those provided\n      ? {\n        attributes: modifierKeys.attr,\n        childList: modifierKeys.child,\n        subtree: modifierKeys.sub,\n        characterData: modifierKeys.char,\n      }\n      // Defaults to everything on\n      : {\n        attributes: true,\n        childList: true,\n        subtree: true,\n        characterData: true,\n      }\n\n  const observer = new MutationObserver((\n    mutationsList: MutationRecord[],\n    observer: MutationObserver\n  ) => {\n    /* istanbul ignore if */\n    if (!el._mutate) return // Just in case, should never fire\n\n    callback(mutationsList, observer)\n\n    // If has the once modifier, unbind\n    once && unbind(el, binding, knode)\n  })\n\n  observer.observe(el, options)\n  el._mutate = Object(el._mutate)\n  el._mutate![knode.context!._uid] = { observer }\n}\n\nfunction unbind (el: HTMLElement, binding: MutateKNodeDirective, knode: KNode) {\n  if (!el._mutate?.[knode.context!._uid]) return\n\n  el._mutate[knode.context!._uid]!.observer.disconnect()\n  delete el._mutate[knode.context!._uid]\n}\n\nexport const Mutate = {\n  inserted,\n  unbind,\n}\n\nexport default Mutate\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/resize/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Resize = void 0;
-
 function inserted(el, binding, knode) {
   var callback = binding.value;
   var options = binding.options || {
@@ -16,28 +15,22 @@ function inserted(el, binding, knode) {
     callback: callback,
     options: options
   };
-
   if (!binding.modifiers || !binding.modifiers.quiet) {
     callback();
   }
 }
-
 function unbind(el, binding, knode) {
-  var _el$_onResize;
-
-  if (!((_el$_onResize = el._onResize) != null && _el$_onResize[knode.context._uid])) return;
+  var _a;
+  if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[knode.context._uid])) return;
   var _el$_onResize$knode$c = el._onResize[knode.context._uid],
-      callback = _el$_onResize$knode$c.callback,
-      options = _el$_onResize$knode$c.options;
+    callback = _el$_onResize$knode$c.callback,
+    options = _el$_onResize$knode$c.options;
   window.removeEventListener('resize', callback, options);
   delete el._onResize[knode.context._uid];
 }
-
-var Resize = {
+var Resize = exports.Resize = {
   inserted: inserted,
   unbind: unbind
 };
-exports.Resize = Resize;
-var _default = Resize;
-exports.default = _default;
+var _default = exports.default = Resize;
 //# sourceMappingURL=index.js.map

package/es5/directives/resize/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":[],"mappings":";;;;;;;AAQA,SAAS,QAAT,CAAmB,EAAnB,EAAoC,OAApC,EAAmE,KAAnE,EAA+E;AAC7E,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAzB;AACA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAR,IAAmB;AAAE,IAAA,OAAO,EAAE;AAAX,GAAnC;AAEA,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,QAAlC,EAA4C,OAA5C;AAEA,EAAA,EAAE,CAAC,SAAH,GAAe,MAAM,CAAC,EAAE,CAAC,SAAJ,CAArB;AACA,EAAA,EAAE,CAAC,SAAH,CAAc,KAAK,CAAC,OAAN,CAAe,IAA7B,IAAqC;AACnC,IAAA,QAAQ,EAAR,QADmC;AAEnC,IAAA,OAAO,EAAP;AAFmC,GAArC;;AAKA,MAAI,CAAC,OAAO,CAAC,SAAT,IAAsB,CAAC,OAAO,CAAC,SAAR,CAAkB,KAA7C,EAAoD;AAClD,IAAA,QAAQ;AACT;AACF;;AAED,SAAS,MAAT,CAAiB,EAAjB,EAAkC,OAAlC,EAAiE,KAAjE,EAA6E;AAAA;;AAC3E,MAAI,mBAAC,EAAE,CAAC,SAAJ,aAAC,cAAe,KAAK,CAAC,OAAN,CAAe,IAA9B,CAAD,CAAJ,EAA0C;AADiC,8BAG7C,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,OAAN,CAAe,IAA5B,CAH6C;AAAA,MAGnE,QAHmE,yBAGnE,QAHmE;AAAA,MAGzD,OAHyD,yBAGzD,OAHyD;AAK3E,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,QAArC,EAA+C,OAA/C;AAEA,SAAO,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,OAAN,CAAe,IAA5B,CAAP;AACD;;AAEM,IAAM,MAAM,GAAG;AACpB,EAAA,QAAQ,EAAR,QADoB;AAEpB,EAAA,MAAM,EAAN;AAFoB,CAAf;;eAKQ,M","sourcesContent":["import { KNodeDirective } from 'kdu/types/knode'\nimport { KNode } from 'kdu'\n\ninterface ResizeKNodeDirective extends KNodeDirective {\n  value?: () => void\n  options?: boolean | AddEventListenerOptions\n}\n\nfunction inserted (el: HTMLElement, binding: ResizeKNodeDirective, knode: KNode) {\n  const callback = binding.value!\n  const options = binding.options || { passive: true }\n\n  window.addEventListener('resize', callback, options)\n\n  el._onResize = Object(el._onResize)\n  el._onResize![knode.context!._uid] = {\n    callback,\n    options,\n  }\n\n  if (!binding.modifiers || !binding.modifiers.quiet) {\n    callback()\n  }\n}\n\nfunction unbind (el: HTMLElement, binding: ResizeKNodeDirective, knode: KNode) {\n  if (!el._onResize?.[knode.context!._uid]) return\n\n  const { callback, options } = el._onResize[knode.context!._uid]!\n\n  window.removeEventListener('resize', callback, options)\n\n  delete el._onResize[knode.context!._uid]\n}\n\nexport const Resize = {\n  inserted,\n  unbind,\n}\n\nexport default Resize\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":[],"mappings":";;;;;;AAQA,SAAS,QAAQ,CAAE,EAAe,EAAE,OAA6B,EAAE,KAAY,EAAA;EAC7E,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAM;EAC/B,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI;IAAE,OAAO,EAAE;EAAI,CAAE;EAEpD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC;EAEpD,EAAE,CAAC,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC;EACnC,EAAE,CAAC,SAAU,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC,GAAG;IACnC,QAAQ,EAAR,QAAQ;IACR,OAAO,EAAP;GACD;EAED,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE;IAClD,QAAQ,CAAA,CAAE;EACX;AACH;AAEA,SAAS,MAAM,CAAE,EAAe,EAAE,OAA6B,EAAE,KAAY,EAAA;;EAC3E,IAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC,CAAA,EAAE;EAE1C,IAAA,qBAAA,GAA8B,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAE;IAAxD,QAAQ,GAAA,qBAAA,CAAR,QAAQ;IAAE,OAAO,GAAA,qBAAA,CAAP,OAAO;EAEzB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC;EAEvD,OAAO,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAQ,CAAC,IAAI,CAAC;AAC1C;AAEO,IAAM,MAAM,GAAA,OAAA,CAAA,MAAA,GAAG;EACpB,QAAQ,EAAR,QAAQ;EACR,MAAM,EAAN;CACD;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAEc,MAAM","sourcesContent":["import { KNodeDirective } from 'kdu/types/knode'\nimport { KNode } from 'kdu'\n\ninterface ResizeKNodeDirective extends KNodeDirective {\n  value?: () => void\n  options?: boolean | AddEventListenerOptions\n}\n\nfunction inserted (el: HTMLElement, binding: ResizeKNodeDirective, knode: KNode) {\n  const callback = binding.value!\n  const options = binding.options || { passive: true }\n\n  window.addEventListener('resize', callback, options)\n\n  el._onResize = Object(el._onResize)\n  el._onResize![knode.context!._uid] = {\n    callback,\n    options,\n  }\n\n  if (!binding.modifiers || !binding.modifiers.quiet) {\n    callback()\n  }\n}\n\nfunction unbind (el: HTMLElement, binding: ResizeKNodeDirective, knode: KNode) {\n  if (!el._onResize?.[knode.context!._uid]) return\n\n  const { callback, options } = el._onResize[knode.context!._uid]!\n\n  window.removeEventListener('resize', callback, options)\n\n  delete el._onResize[knode.context!._uid]\n}\n\nexport const Resize = {\n  inserted,\n  unbind,\n}\n\nexport default Resize\n"],"sourceRoot":"","file":"index.js"}