kdutify 0.16.9-rc.0 → 2.6.0

package/es5/components/KTreeview/KTreeviewNode.js

@@ -0,0 +1,382 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.KTreeviewNodeProps = void 0;
+
+var _transitions = require("../transitions");
+
+var _KIcon = require("../KIcon");
+
+var _registrable = require("../../mixins/registrable");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var baseMixins = (0, _mixins.default)(_colorable.default, (0, _registrable.inject)('treeview'));
+var KTreeviewNodeProps = {
+  activatable: Boolean,
+  activeClass: {
+    type: String,
+    default: 'k-treeview-node--active'
+  },
+  color: {
+    type: String,
+    default: 'primary'
+  },
+  disablePerNode: Boolean,
+  expandIcon: {
+    type: String,
+    default: '$subgroup'
+  },
+  indeterminateIcon: {
+    type: String,
+    default: '$checkboxIndeterminate'
+  },
+  itemChildren: {
+    type: String,
+    default: 'children'
+  },
+  itemDisabled: {
+    type: String,
+    default: 'disabled'
+  },
+  itemKey: {
+    type: String,
+    default: 'id'
+  },
+  itemText: {
+    type: String,
+    default: 'name'
+  },
+  loadChildren: Function,
+  loadingIcon: {
+    type: String,
+    default: '$loading'
+  },
+  offIcon: {
+    type: String,
+    default: '$checkboxOff'
+  },
+  onIcon: {
+    type: String,
+    default: '$checkboxOn'
+  },
+  openOnClick: Boolean,
+  rounded: Boolean,
+  selectable: Boolean,
+  selectedColor: {
+    type: String,
+    default: 'accent'
+  },
+  shaped: Boolean,
+  transition: Boolean,
+  selectionType: {
+    type: String,
+    default: 'leaf',
+    validator: function validator(v) {
+      return ['leaf', 'independent'].includes(v);
+    }
+  }
+};
+/* @kdujs/component */
+
+exports.KTreeviewNodeProps = KTreeviewNodeProps;
+var KTreeviewNode = baseMixins.extend().extend({
+  name: 'k-treeview-node',
+  inject: {
+    treeview: {
+      default: null
+    }
+  },
+  props: _objectSpread({
+    level: Number,
+    item: {
+      type: Object,
+      default: function _default() {
+        return null;
+      }
+    },
+    parentIsDisabled: Boolean
+  }, KTreeviewNodeProps),
+  data: function data() {
+    return {
+      hasLoaded: false,
+      isActive: false,
+      isIndeterminate: false,
+      isLoading: false,
+      isOpen: false,
+      isSelected: false
+    };
+  },
+  computed: {
+    disabled: function disabled() {
+      return (0, _helpers.getObjectValueByPath)(this.item, this.itemDisabled) || !this.disablePerNode && this.parentIsDisabled && this.selectionType === 'leaf';
+    },
+    key: function key() {
+      return (0, _helpers.getObjectValueByPath)(this.item, this.itemKey);
+    },
+    children: function children() {
+      var _this = this;
+
+      var children = (0, _helpers.getObjectValueByPath)(this.item, this.itemChildren);
+      return children && children.filter(function (child) {
+        return !_this.treeview.isExcluded((0, _helpers.getObjectValueByPath)(child, _this.itemKey));
+      });
+    },
+    text: function text() {
+      return (0, _helpers.getObjectValueByPath)(this.item, this.itemText);
+    },
+    scopedProps: function scopedProps() {
+      return {
+        item: this.item,
+        leaf: !this.children,
+        selected: this.isSelected,
+        indeterminate: this.isIndeterminate,
+        active: this.isActive,
+        open: this.isOpen
+      };
+    },
+    computedIcon: function computedIcon() {
+      if (this.isIndeterminate) return this.indeterminateIcon;else if (this.isSelected) return this.onIcon;else return this.offIcon;
+    },
+    hasChildren: function hasChildren() {
+      return !!this.children && (!!this.children.length || !!this.loadChildren);
+    }
+  },
+  created: function created() {
+    this.treeview.register(this);
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.treeview.unregister(this);
+  },
+  methods: {
+    checkChildren: function checkChildren() {
+      var _this2 = this;
+
+      return new Promise(function (resolve) {
+        // TODO: Potential issue with always trying
+        // to load children if response is empty?
+        if (!_this2.children || _this2.children.length || !_this2.loadChildren || _this2.hasLoaded) return resolve();
+        _this2.isLoading = true;
+        resolve(_this2.loadChildren(_this2.item));
+      }).then(function () {
+        _this2.isLoading = false;
+        _this2.hasLoaded = true;
+      });
+    },
+    open: function open() {
+      this.isOpen = !this.isOpen;
+      this.treeview.updateOpen(this.key, this.isOpen);
+      this.treeview.emitOpen();
+    },
+    genLabel: function genLabel() {
+      var children = [];
+      if (this.$scopedSlots.label) children.push(this.$scopedSlots.label(this.scopedProps));else children.push(this.text);
+      return this.$createElement('div', {
+        slot: 'label',
+        staticClass: 'k-treeview-node__label'
+      }, children);
+    },
+    genPrependSlot: function genPrependSlot() {
+      if (!this.$scopedSlots.prepend) return null;
+      return this.$createElement('div', {
+        staticClass: 'k-treeview-node__prepend'
+      }, this.$scopedSlots.prepend(this.scopedProps));
+    },
+    genAppendSlot: function genAppendSlot() {
+      if (!this.$scopedSlots.append) return null;
+      return this.$createElement('div', {
+        staticClass: 'k-treeview-node__append'
+      }, this.$scopedSlots.append(this.scopedProps));
+    },
+    genContent: function genContent() {
+      var children = [this.genPrependSlot(), this.genLabel(), this.genAppendSlot()];
+      return this.$createElement('div', {
+        staticClass: 'k-treeview-node__content'
+      }, children);
+    },
+    genToggle: function genToggle() {
+      var _this3 = this;
+
+      return this.$createElement(_KIcon.KIcon, {
+        staticClass: 'k-treeview-node__toggle',
+        class: {
+          'k-treeview-node__toggle--open': this.isOpen,
+          'k-treeview-node__toggle--loading': this.isLoading
+        },
+        slot: 'prepend',
+        on: {
+          click: function click(e) {
+            e.stopPropagation();
+            if (_this3.isLoading) return;
+
+            _this3.checkChildren().then(function () {
+              return _this3.open();
+            });
+          }
+        }
+      }, [this.isLoading ? this.loadingIcon : this.expandIcon]);
+    },
+    genCheckbox: function genCheckbox() {
+      var _this4 = this;
+
+      return this.$createElement(_KIcon.KIcon, {
+        staticClass: 'k-treeview-node__checkbox',
+        props: {
+          color: this.isSelected || this.isIndeterminate ? this.selectedColor : undefined,
+          disabled: this.disabled
+        },
+        on: {
+          click: function click(e) {
+            e.stopPropagation();
+            if (_this4.isLoading) return;
+
+            _this4.checkChildren().then(function () {
+              // We nextTick here so that items watch in KTreeview has a chance to run first
+              _this4.$nextTick(function () {
+                _this4.isSelected = !_this4.isSelected;
+                _this4.isIndeterminate = false;
+
+                _this4.treeview.updateSelected(_this4.key, _this4.isSelected);
+
+                _this4.treeview.emitSelected();
+              });
+            });
+          }
+        }
+      }, [this.computedIcon]);
+    },
+    genLevel: function genLevel(level) {
+      var _this5 = this;
+
+      return (0, _helpers.createRange)(level).map(function () {
+        return _this5.$createElement('div', {
+          staticClass: 'k-treeview-node__level'
+        });
+      });
+    },
+    genNode: function genNode() {
+      var _this6 = this;
+
+      var children = [this.genContent()];
+      if (this.selectable) children.unshift(this.genCheckbox());
+
+      if (this.hasChildren) {
+        children.unshift(this.genToggle());
+      } else {
+        children.unshift.apply(children, _toConsumableArray(this.genLevel(1)));
+      }
+
+      children.unshift.apply(children, _toConsumableArray(this.genLevel(this.level)));
+      return this.$createElement('div', this.setTextColor(this.isActive && this.color, {
+        staticClass: 'k-treeview-node__root',
+        class: _defineProperty({}, this.activeClass, this.isActive),
+        on: {
+          click: function click() {
+            if (_this6.openOnClick && _this6.hasChildren) {
+              _this6.checkChildren().then(_this6.open);
+            } else if (_this6.activatable && !_this6.disabled) {
+              _this6.isActive = !_this6.isActive;
+
+              _this6.treeview.updateActive(_this6.key, _this6.isActive);
+
+              _this6.treeview.emitActive();
+            }
+          }
+        }
+      }), children);
+    },
+    genChild: function genChild(item, parentIsDisabled) {
+      return this.$createElement(KTreeviewNode, {
+        key: (0, _helpers.getObjectValueByPath)(item, this.itemKey),
+        props: {
+          activatable: this.activatable,
+          activeClass: this.activeClass,
+          item: item,
+          selectable: this.selectable,
+          selectedColor: this.selectedColor,
+          color: this.color,
+          disablePerNode: this.disablePerNode,
+          expandIcon: this.expandIcon,
+          indeterminateIcon: this.indeterminateIcon,
+          offIcon: this.offIcon,
+          onIcon: this.onIcon,
+          loadingIcon: this.loadingIcon,
+          itemKey: this.itemKey,
+          itemText: this.itemText,
+          itemDisabled: this.itemDisabled,
+          itemChildren: this.itemChildren,
+          loadChildren: this.loadChildren,
+          transition: this.transition,
+          openOnClick: this.openOnClick,
+          rounded: this.rounded,
+          shaped: this.shaped,
+          level: this.level + 1,
+          selectionType: this.selectionType,
+          parentIsDisabled: parentIsDisabled
+        },
+        scopedSlots: this.$scopedSlots
+      });
+    },
+    genChildrenWrapper: function genChildrenWrapper() {
+      var _this7 = this;
+
+      if (!this.isOpen || !this.children) return null;
+      var children = [this.children.map(function (c) {
+        return _this7.genChild(c, _this7.disabled);
+      })];
+      return this.$createElement('div', {
+        staticClass: 'k-treeview-node__children'
+      }, children);
+    },
+    genTransition: function genTransition() {
+      return this.$createElement(_transitions.KExpandTransition, [this.genChildrenWrapper()]);
+    }
+  },
+  render: function render(h) {
+    var children = [this.genNode()];
+    if (this.transition) children.push(this.genTransition());else children.push(this.genChildrenWrapper());
+    return h('div', {
+      staticClass: 'k-treeview-node',
+      class: {
+        'k-treeview-node--leaf': !this.hasChildren,
+        'k-treeview-node--click': this.openOnClick,
+        'k-treeview-node--disabled': this.disabled,
+        'k-treeview-node--rounded': this.rounded,
+        'k-treeview-node--shaped': this.shaped,
+        'k-treeview-node--selected': this.isSelected
+      },
+      attrs: {
+        'aria-expanded': String(this.isOpen)
+      }
+    }, children);
+  }
+});
+var _default2 = KTreeviewNode;
+exports.default = _default2;
+//# sourceMappingURL=KTreeviewNode.js.map

package/es5/components/KTreeview/KTreeviewNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTreeview/KTreeviewNode.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport { KExpandTransition } from '../transitions'\nimport { KIcon } from '../KIcon'\nimport KTreeview from './KTreeview'\n\n// Mixins\nimport { inject as RegistrableInject } from '../../mixins/registrable'\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { getObjectValueByPath, createRange } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeChildren, PropType } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\ntype KTreeViewInstance = InstanceType<typeof KTreeview>\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject('treeview')\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  treeview: KTreeViewInstance\n}\n\nexport const KTreeviewNodeProps = {\n  activatable: Boolean,\n  activeClass: {\n    type: String,\n    default: 'k-treeview-node--active',\n  },\n  color: {\n    type: String,\n    default: 'primary',\n  },\n  disablePerNode: Boolean,\n  expandIcon: {\n    type: String,\n    default: '$subgroup',\n  },\n  indeterminateIcon: {\n    type: String,\n    default: '$checkboxIndeterminate',\n  },\n  itemChildren: {\n    type: String,\n    default: 'children',\n  },\n  itemDisabled: {\n    type: String,\n    default: 'disabled',\n  },\n  itemKey: {\n    type: String,\n    default: 'id',\n  },\n  itemText: {\n    type: String,\n    default: 'name',\n  },\n  loadChildren: Function as PropType<(item: any) => Promise<void>>,\n  loadingIcon: {\n    type: String,\n    default: '$loading',\n  },\n  offIcon: {\n    type: String,\n    default: '$checkboxOff',\n  },\n  onIcon: {\n    type: String,\n    default: '$checkboxOn',\n  },\n  openOnClick: Boolean,\n  rounded: Boolean,\n  selectable: Boolean,\n  selectedColor: {\n    type: String,\n    default: 'accent',\n  },\n  shaped: Boolean,\n  transition: Boolean,\n  selectionType: {\n    type: String as PropType<'leaf' | 'independent'>,\n    default: 'leaf',\n    validator: (v: string) => ['leaf', 'independent'].includes(v),\n  },\n}\n\n/* @kdujs/component */\nconst KTreeviewNode = baseMixins.extend<options>().extend({\n  name: 'k-treeview-node',\n\n  inject: {\n    treeview: {\n      default: null,\n    },\n  },\n\n  props: {\n    level: Number,\n    item: {\n      type: Object,\n      default: () => null,\n    } as PropValidator<Record<string, unknown> | null>,\n    parentIsDisabled: Boolean,\n    ...KTreeviewNodeProps,\n  },\n\n  data: () => ({\n    hasLoaded: false,\n    isActive: false, // Node is selected (row)\n    isIndeterminate: false, // Node has at least one selected child\n    isLoading: false,\n    isOpen: false, // Node is open/expanded\n    isSelected: false, // Node is selected (checkbox)\n  }),\n\n  computed: {\n    disabled (): boolean {\n      return (\n        getObjectValueByPath(this.item, this.itemDisabled) ||\n        (!this.disablePerNode && (this.parentIsDisabled && this.selectionType === 'leaf'))\n      )\n    },\n    key (): string {\n      return getObjectValueByPath(this.item, this.itemKey)\n    },\n    children (): any[] | null {\n      const children = getObjectValueByPath(this.item, this.itemChildren)\n      return children && children.filter((child: any) => !this.treeview.isExcluded(getObjectValueByPath(child, this.itemKey)))\n    },\n    text (): string {\n      return getObjectValueByPath(this.item, this.itemText)\n    },\n    scopedProps (): object {\n      return {\n        item: this.item,\n        leaf: !this.children,\n        selected: this.isSelected,\n        indeterminate: this.isIndeterminate,\n        active: this.isActive,\n        open: this.isOpen,\n      }\n    },\n    computedIcon (): string {\n      if (this.isIndeterminate) return this.indeterminateIcon\n      else if (this.isSelected) return this.onIcon\n      else return this.offIcon\n    },\n    hasChildren (): boolean {\n      return !!this.children && (!!this.children.length || !!this.loadChildren)\n    },\n  },\n\n  created () {\n    this.treeview.register(this)\n  },\n\n  beforeDestroy () {\n    this.treeview.unregister(this)\n  },\n\n  methods: {\n    checkChildren (): Promise<void> {\n      return new Promise<void>(resolve => {\n        // TODO: Potential issue with always trying\n        // to load children if response is empty?\n        if (!this.children || this.children.length || !this.loadChildren || this.hasLoaded) return resolve()\n\n        this.isLoading = true\n        resolve(this.loadChildren(this.item))\n      }).then(() => {\n        this.isLoading = false\n        this.hasLoaded = true\n      })\n    },\n    open () {\n      this.isOpen = !this.isOpen\n      this.treeview.updateOpen(this.key, this.isOpen)\n      this.treeview.emitOpen()\n    },\n    genLabel () {\n      const children = []\n\n      if (this.$scopedSlots.label) children.push(this.$scopedSlots.label(this.scopedProps))\n      else children.push(this.text)\n\n      return this.$createElement('div', {\n        slot: 'label',\n        staticClass: 'k-treeview-node__label',\n      }, children)\n    },\n    genPrependSlot () {\n      if (!this.$scopedSlots.prepend) return null\n\n      return this.$createElement('div', {\n        staticClass: 'k-treeview-node__prepend',\n      }, this.$scopedSlots.prepend(this.scopedProps))\n    },\n    genAppendSlot () {\n      if (!this.$scopedSlots.append) return null\n\n      return this.$createElement('div', {\n        staticClass: 'k-treeview-node__append',\n      }, this.$scopedSlots.append(this.scopedProps))\n    },\n    genContent () {\n      const children = [\n        this.genPrependSlot(),\n        this.genLabel(),\n        this.genAppendSlot(),\n      ]\n\n      return this.$createElement('div', {\n        staticClass: 'k-treeview-node__content',\n      }, children)\n    },\n    genToggle () {\n      return this.$createElement(KIcon, {\n        staticClass: 'k-treeview-node__toggle',\n        class: {\n          'k-treeview-node__toggle--open': this.isOpen,\n          'k-treeview-node__toggle--loading': this.isLoading,\n        },\n        slot: 'prepend',\n        on: {\n          click: (e: MouseEvent) => {\n            e.stopPropagation()\n\n            if (this.isLoading) return\n\n            this.checkChildren().then(() => this.open())\n          },\n        },\n      }, [this.isLoading ? this.loadingIcon : this.expandIcon])\n    },\n    genCheckbox () {\n      return this.$createElement(KIcon, {\n        staticClass: 'k-treeview-node__checkbox',\n        props: {\n          color: this.isSelected || this.isIndeterminate ? this.selectedColor : undefined,\n          disabled: this.disabled,\n        },\n        on: {\n          click: (e: MouseEvent) => {\n            e.stopPropagation()\n\n            if (this.isLoading) return\n\n            this.checkChildren().then(() => {\n              // We nextTick here so that items watch in KTreeview has a chance to run first\n              this.$nextTick(() => {\n                this.isSelected = !this.isSelected\n                this.isIndeterminate = false\n\n                this.treeview.updateSelected(this.key, this.isSelected)\n                this.treeview.emitSelected()\n              })\n            })\n          },\n        },\n      }, [this.computedIcon])\n    },\n    genLevel (level: number) {\n      return createRange(level).map(() => this.$createElement('div', {\n        staticClass: 'k-treeview-node__level',\n      }))\n    },\n    genNode () {\n      const children = [this.genContent()]\n\n      if (this.selectable) children.unshift(this.genCheckbox())\n\n      if (this.hasChildren) {\n        children.unshift(this.genToggle())\n      } else {\n        children.unshift(...this.genLevel(1))\n      }\n\n      children.unshift(...this.genLevel(this.level))\n\n      return this.$createElement('div', this.setTextColor(this.isActive && this.color, {\n        staticClass: 'k-treeview-node__root',\n        class: {\n          [this.activeClass]: this.isActive,\n        },\n        on: {\n          click: () => {\n            if (this.openOnClick && this.hasChildren) {\n              this.checkChildren().then(this.open)\n            } else if (this.activatable && !this.disabled) {\n              this.isActive = !this.isActive\n              this.treeview.updateActive(this.key, this.isActive)\n              this.treeview.emitActive()\n            }\n          },\n        },\n      }), children)\n    },\n    genChild (item: any, parentIsDisabled: boolean) {\n      return this.$createElement(KTreeviewNode, {\n        key: getObjectValueByPath(item, this.itemKey),\n        props: {\n          activatable: this.activatable,\n          activeClass: this.activeClass,\n          item,\n          selectable: this.selectable,\n          selectedColor: this.selectedColor,\n          color: this.color,\n          disablePerNode: this.disablePerNode,\n          expandIcon: this.expandIcon,\n          indeterminateIcon: this.indeterminateIcon,\n          offIcon: this.offIcon,\n          onIcon: this.onIcon,\n          loadingIcon: this.loadingIcon,\n          itemKey: this.itemKey,\n          itemText: this.itemText,\n          itemDisabled: this.itemDisabled,\n          itemChildren: this.itemChildren,\n          loadChildren: this.loadChildren,\n          transition: this.transition,\n          openOnClick: this.openOnClick,\n          rounded: this.rounded,\n          shaped: this.shaped,\n          level: this.level + 1,\n          selectionType: this.selectionType,\n          parentIsDisabled,\n        },\n        scopedSlots: this.$scopedSlots,\n      })\n    },\n    genChildrenWrapper () {\n      if (!this.isOpen || !this.children) return null\n\n      const children = [this.children.map(c => this.genChild(c, this.disabled))]\n\n      return this.$createElement('div', {\n        staticClass: 'k-treeview-node__children',\n      }, children)\n    },\n    genTransition () {\n      return this.$createElement(KExpandTransition, [this.genChildrenWrapper()])\n    },\n  },\n\n  render (h): KNode {\n    const children: KNodeChildren = [this.genNode()]\n\n    if (this.transition) children.push(this.genTransition())\n    else children.push(this.genChildrenWrapper())\n\n    return h('div', {\n      staticClass: 'k-treeview-node',\n      class: {\n        'k-treeview-node--leaf': !this.hasChildren,\n        'k-treeview-node--click': this.openOnClick,\n        'k-treeview-node--disabled': this.disabled,\n        'k-treeview-node--rounded': this.rounded,\n        'k-treeview-node--shaped': this.shaped,\n        'k-treeview-node--selected': this.isSelected,\n      },\n      attrs: {\n        'aria-expanded': String(this.isOpen),\n      },\n    }, children)\n  },\n})\n\nexport default KTreeviewNode\n"],"sourceRoot":"","file":"KTreeviewNode.js"}

package/es5/components/KTreeview/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KTreeview", {
+  enumerable: true,
+  get: function get() {
+    return _KTreeview.default;
+  }
+});
+Object.defineProperty(exports, "KTreeviewNode", {
+  enumerable: true,
+  get: function get() {
+    return _KTreeviewNode.default;
+  }
+});
+exports.default = void 0;
+
+var _KTreeview = _interopRequireDefault(require("./KTreeview"));
+
+var _KTreeviewNode = _interopRequireDefault(require("./KTreeviewNode"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  $_kdutify_subcomponents: {
+    KTreeview: _KTreeview.default,
+    KTreeviewNode: _KTreeviewNode.default
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/KTreeview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KTreeview/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;eAIe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SAAS,EAAT,kBADuB;AAEvB,IAAA,aAAa,EAAb;AAFuB;AADZ,C","sourcesContent":["import KTreeview from './KTreeview'\nimport KTreeviewNode from './KTreeviewNode'\n\nexport { KTreeview, KTreeviewNode }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KTreeview,\n    KTreeviewNode,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KTreeview/util/filterTreeItems.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterTreeItem = filterTreeItem;
+exports.filterTreeItems = filterTreeItems;
+
+var _helpers = require("../../../util/helpers");
+
+function filterTreeItem(item, search, textKey) {
+  var text = (0, _helpers.getObjectValueByPath)(item, textKey);
+  return text.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1;
+}
+
+function filterTreeItems(filter, item, search, idKey, textKey, childrenKey, excluded) {
+  if (filter(item, search, textKey)) {
+    return true;
+  }
+
+  var children = (0, _helpers.getObjectValueByPath)(item, childrenKey);
+
+  if (children) {
+    var match = false;
+
+    for (var i = 0; i < children.length; i++) {
+      if (filterTreeItems(filter, children[i], search, idKey, textKey, childrenKey, excluded)) {
+        match = true;
+      }
+    }
+
+    if (match) return true;
+  }
+
+  excluded.add((0, _helpers.getObjectValueByPath)(item, idKey));
+  return false;
+}
+//# sourceMappingURL=filterTreeItems.js.map

package/es5/components/KTreeview/util/filterTreeItems.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KTreeview/util/filterTreeItems.ts"],"names":[],"mappings":";;;;;;;;AAAA;;AAGM,SAAU,cAAV,CAA0B,IAA1B,EAAwC,MAAxC,EAAwD,OAAxD,EAAuE;AAC3E,MAAM,IAAI,GAAG,mCAAqB,IAArB,EAA2B,OAA3B,CAAb;AAEA,SAAO,IAAI,CAAC,iBAAL,GAAyB,OAAzB,CAAiC,MAAM,CAAC,iBAAP,EAAjC,IAA+D,CAAC,CAAvE;AACD;;AAEK,SAAU,eAAV,CACJ,MADI,EAEJ,IAFI,EAGJ,MAHI,EAIJ,KAJI,EAKJ,OALI,EAMJ,WANI,EAOJ,QAPI,EAO0B;AAE9B,MAAI,MAAM,CAAC,IAAD,EAAO,MAAP,EAAe,OAAf,CAAV,EAAmC;AACjC,WAAO,IAAP;AACD;;AAED,MAAM,QAAQ,GAAG,mCAAqB,IAArB,EAA2B,WAA3B,CAAjB;;AAEA,MAAI,QAAJ,EAAc;AACZ,QAAI,KAAK,GAAG,KAAZ;;AACA,SAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,QAAQ,CAAC,MAA7B,EAAqC,CAAC,EAAtC,EAA0C;AACxC,UAAI,eAAe,CAAC,MAAD,EAAS,QAAQ,CAAC,CAAD,CAAjB,EAAsB,MAAtB,EAA8B,KAA9B,EAAqC,OAArC,EAA8C,WAA9C,EAA2D,QAA3D,CAAnB,EAAyF;AACvF,QAAA,KAAK,GAAG,IAAR;AACD;AACF;;AAED,QAAI,KAAJ,EAAW,OAAO,IAAP;AACZ;;AAED,EAAA,QAAQ,CAAC,GAAT,CAAa,mCAAqB,IAArB,EAA2B,KAA3B,CAAb;AAEA,SAAO,KAAP;AACD","sourcesContent":["import { getObjectValueByPath } from '../../../util/helpers'\nimport { TreeviewItemFunction } from 'kdutify/types'\n\nexport function filterTreeItem (item: object, search: string, textKey: string): boolean {\n  const text = getObjectValueByPath(item, textKey)\n\n  return text.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1\n}\n\nexport function filterTreeItems (\n  filter: TreeviewItemFunction,\n  item: any,\n  search: string,\n  idKey: string,\n  textKey: string,\n  childrenKey: string,\n  excluded: Set<string | number>\n): boolean {\n  if (filter(item, search, textKey)) {\n    return true\n  }\n\n  const children = getObjectValueByPath(item, childrenKey)\n\n  if (children) {\n    let match = false\n    for (let i = 0; i < children.length; i++) {\n      if (filterTreeItems(filter, children[i], search, idKey, textKey, childrenKey, excluded)) {\n        match = true\n      }\n    }\n\n    if (match) return true\n  }\n\n  excluded.add(getObjectValueByPath(item, idKey))\n\n  return false\n}\n"],"sourceRoot":"","file":"filterTreeItems.js"}

package/es5/components/KVirtualScroll/KVirtualScroll.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KVirtualScroll\\KVirtualScroll.sass");
+
+var _measurable = _interopRequireDefault(require("../../mixins/measurable"));
+
+var _scroll = _interopRequireDefault(require("../../directives/scroll"));
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Styles
+// Mixins
+// Directives
+// Utilities
+var _default2 = _measurable.default.extend({
+  name: 'k-virtual-scroll',
+  directives: {
+    Scroll: _scroll.default
+  },
+  props: {
+    bench: {
+      type: [Number, String],
+      default: 0
+    },
+    itemHeight: {
+      type: [Number, String],
+      required: true
+    },
+    items: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      first: 0,
+      last: 0,
+      scrollTop: 0
+    };
+  },
+  computed: {
+    __bench: function __bench() {
+      return parseInt(this.bench, 10);
+    },
+    __itemHeight: function __itemHeight() {
+      return parseInt(this.itemHeight, 10);
+    },
+    firstToRender: function firstToRender() {
+      return Math.max(0, this.first - this.__bench);
+    },
+    lastToRender: function lastToRender() {
+      return Math.min(this.items.length, this.last + this.__bench);
+    }
+  },
+  watch: {
+    height: 'onScroll',
+    itemHeight: 'onScroll'
+  },
+  mounted: function mounted() {
+    this.last = this.getLast(0);
+  },
+  methods: {
+    getChildren: function getChildren() {
+      return this.items.slice(this.firstToRender, this.lastToRender).map(this.genChild);
+    },
+    genChild: function genChild(item, index) {
+      index += this.firstToRender;
+      var top = (0, _helpers.convertToUnit)(index * this.__itemHeight);
+      return this.$createElement('div', {
+        staticClass: 'k-virtual-scroll__item',
+        style: {
+          top: top
+        },
+        key: index
+      }, (0, _helpers.getSlot)(this, 'default', {
+        index: index,
+        item: item
+      }));
+    },
+    getFirst: function getFirst() {
+      return Math.floor(this.scrollTop / this.__itemHeight);
+    },
+    getLast: function getLast(first) {
+      var height = parseInt(this.height || 0, 10) || this.$el.clientHeight;
+      return first + Math.ceil(height / this.__itemHeight);
+    },
+    onScroll: function onScroll() {
+      this.scrollTop = this.$el.scrollTop;
+      this.first = this.getFirst();
+      this.last = this.getLast(this.first);
+    }
+  },
+  render: function render(h) {
+    var content = h('div', {
+      staticClass: 'k-virtual-scroll__container',
+      style: {
+        height: (0, _helpers.convertToUnit)(this.items.length * this.__itemHeight)
+      }
+    }, this.getChildren());
+    return h('div', {
+      staticClass: 'k-virtual-scroll',
+      style: this.measurableStyles,
+      directives: [{
+        name: 'scroll',
+        modifiers: {
+          self: true
+        },
+        value: this.onScroll
+      }],
+      on: this.$listeners
+    }, [content]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=KVirtualScroll.js.map

package/es5/components/KVirtualScroll/KVirtualScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KVirtualScroll/KVirtualScroll.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KVirtualScroll.sass'\n\n// Mixins\nimport Measurable from '../../mixins/measurable'\n\n// Directives\nimport Scroll from '../../directives/scroll'\n\n// Utilities\nimport {\n  convertToUnit,\n  getSlot,\n} from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\nexport default Measurable.extend({\n  name: 'k-virtual-scroll',\n\n  directives: { Scroll },\n\n  props: {\n    bench: {\n      type: [Number, String],\n      default: 0,\n    },\n    itemHeight: {\n      type: [Number, String],\n      required: true,\n    },\n    items: {\n      type: Array,\n      default: () => [],\n    } as PropValidator<any[]>,\n  },\n\n  data: () => ({\n    first: 0,\n    last: 0,\n    scrollTop: 0,\n  }),\n\n  computed: {\n    __bench (): number {\n      return parseInt(this.bench, 10)\n    },\n    __itemHeight (): number {\n      return parseInt(this.itemHeight, 10)\n    },\n    firstToRender (): number {\n      return Math.max(0, this.first - this.__bench)\n    },\n    lastToRender (): number {\n      return Math.min(this.items.length, this.last + this.__bench)\n    },\n  },\n\n  watch: {\n    height: 'onScroll',\n    itemHeight: 'onScroll',\n  },\n\n  mounted () {\n    this.last = this.getLast(0)\n  },\n\n  methods: {\n    getChildren (): KNode[] {\n      return this.items.slice(\n        this.firstToRender,\n        this.lastToRender,\n      ).map(this.genChild)\n    },\n    genChild (item: any, index: number) {\n      index += this.firstToRender\n\n      const top = convertToUnit(index * this.__itemHeight)\n\n      return this.$createElement('div', {\n        staticClass: 'k-virtual-scroll__item',\n        style: { top },\n        key: index,\n      }, getSlot(this, 'default', { index, item }))\n    },\n    getFirst (): number {\n      return Math.floor(this.scrollTop / this.__itemHeight)\n    },\n    getLast (first: number): number {\n      const height = parseInt(this.height || 0, 10) || this.$el.clientHeight\n\n      return first + Math.ceil(height / this.__itemHeight)\n    },\n    onScroll () {\n      this.scrollTop = this.$el.scrollTop\n      this.first = this.getFirst()\n      this.last = this.getLast(this.first)\n    },\n  },\n\n  render (h): KNode {\n    const content = h('div', {\n      staticClass: 'k-virtual-scroll__container',\n      style: {\n        height: convertToUnit((this.items.length * this.__itemHeight)),\n      },\n    }, this.getChildren())\n\n    return h('div', {\n      staticClass: 'k-virtual-scroll',\n      style: this.measurableStyles,\n      directives: [{\n        name: 'scroll',\n        modifiers: { self: true },\n        value: this.onScroll,\n      }],\n      on: this.$listeners,\n    }, [content])\n  },\n})\n"],"sourceRoot":"","file":"KVirtualScroll.js"}

package/es5/components/KVirtualScroll/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KVirtualScroll", {
+  enumerable: true,
+  get: function get() {
+    return _KVirtualScroll.default;
+  }
+});
+exports.default = void 0;
+
+var _KVirtualScroll = _interopRequireDefault(require("./KVirtualScroll"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KVirtualScroll.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/KVirtualScroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KVirtualScroll/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,uB","sourcesContent":["import KVirtualScroll from './KVirtualScroll'\n\nexport { KVirtualScroll }\nexport default KVirtualScroll\n"],"sourceRoot":"","file":"index.js"}