kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KFooter/KFooter.js

@@ -1,61 +1,97 @@
-require('../../../src/stylus/components/_footer.styl');
+"use strict";
 
-import Applicationable from '../../mixins/applicationable';
-import Colorable from '../../mixins/colorable';
-import Themeable from '../../mixins/themeable';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-export default {
-  name: 'k-footer',
+require("..\\..\\..\\src\\components\\KFooter\\KFooter.sass");
+
+var _KSheet = _interopRequireDefault(require("../KSheet/KSheet"));
+
+var _applicationable = _interopRequireDefault(require("../../mixins/applicationable"));
+
+var _ssrBootable = _interopRequireDefault(require("../../mixins/ssr-bootable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-  mixins: [Applicationable, Colorable, Themeable],
+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; }
+
+/* @kdujs/component */
+var _default = (0, _mixins.default)(_KSheet.default, (0, _applicationable.default)('footer', ['height', 'inset']), _ssrBootable.default).extend({
+  name: 'k-footer',
   props: {
-    absolute: Boolean,
-    fixed: Boolean
+    height: {
+      default: 'auto',
+      type: [Number, String]
+    },
+    inset: Boolean,
+    padless: Boolean,
+    tag: {
+      type: String,
+      default: 'footer'
+    }
   },
-
   computed: {
-    paddingLeft: function paddingLeft() {
-      return this.fixed || !this.app ? 0 : this.$kdutify.application.left;
+    applicationProperty: function applicationProperty() {
+      return this.inset ? 'insetFooter' : 'footer';
     },
-    paddingRight: function paddingRight() {
-      return this.fixed || !this.app ? 0 : this.$kdutify.application.right;
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _KSheet.default.options.computed.classes.call(this)), {}, {
+        'k-footer--absolute': this.absolute,
+        'k-footer--fixed': !this.absolute && (this.app || this.fixed),
+        'k-footer--padless': this.padless,
+        'k-footer--inset': this.inset
+      });
+    },
+    computedBottom: function computedBottom() {
+      if (!this.isPositioned) return undefined;
+      return this.app ? this.$kdutify.application.bottom : 0;
+    },
+    computedLeft: function computedLeft() {
+      if (!this.isPositioned) return undefined;
+      return this.app && this.inset ? this.$kdutify.application.left : 0;
+    },
+    computedRight: function computedRight() {
+      if (!this.isPositioned) return undefined;
+      return this.app && this.inset ? this.$kdutify.application.right : 0;
+    },
+    isPositioned: function isPositioned() {
+      return Boolean(this.absolute || this.fixed || this.app);
+    },
+    styles: function styles() {
+      var height = parseInt(this.height);
+      return _objectSpread(_objectSpread({}, _KSheet.default.options.computed.styles.call(this)), {}, {
+        height: isNaN(height) ? height : (0, _helpers.convertToUnit)(height),
+        left: (0, _helpers.convertToUnit)(this.computedLeft),
+        right: (0, _helpers.convertToUnit)(this.computedRight),
+        bottom: (0, _helpers.convertToUnit)(this.computedBottom)
+      });
     }
   },
-
-  destroyed: function destroyed() {
-    if (this.app) this.$kdutify.application.bottom = 0;
-  },
-
-
   methods: {
     updateApplication: function updateApplication() {
-      if (!this.app) return;
-
-      this.$kdutify.application.bottom = this.fixed ? this.$el && this.$el.clientHeight : 0;
+      var height = parseInt(this.height);
+      return isNaN(height) ? this.$el ? this.$el.clientHeight : 0 : height;
     }
   },
-
-  mounted: function mounted() {
-    this.updateApplication();
-  },
   render: function render(h) {
-    this.updateApplication();
-
-    var data = {
-      staticClass: 'footer',
-      'class': this.addBackgroundColorClassChecks({
-        'footer--absolute': this.absolute,
-        'footer--fixed': this.fixed,
-        'theme--dark': this.dark,
-        'theme--light': this.light
-      }),
-      style: {
-        paddingLeft: this.paddingLeft + 'px',
-        paddingRight: this.paddingRight + 'px'
-      }
-    };
-
-    return h('footer', data, this.$slots.default);
+    var data = this.setBackgroundColor(this.color, {
+      staticClass: 'k-footer',
+      class: this.classes,
+      style: this.styles
+    });
+    return h(this.tag, data, this.$slots.default);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KFooter.js.map

package/es5/components/KFooter/KFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KFooter/KFooter.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KFooter.sass'\n\n// Components\nimport KSheet from '../KSheet/KSheet'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport SSRBootable from '../../mixins/ssr-bootable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu/types/knode'\n\n/* @kdujs/component */\nexport default mixins(\n  KSheet,\n  Applicationable('footer', [\n    'height',\n    'inset',\n  ]),\n  SSRBootable\n).extend({\n  name: 'k-footer',\n\n  props: {\n    height: {\n      default: 'auto',\n      type: [Number, String],\n    },\n    inset: Boolean,\n    padless: Boolean,\n    tag: {\n      type: String,\n      default: 'footer',\n    },\n  },\n\n  computed: {\n    applicationProperty (): string {\n      return this.inset ? 'insetFooter' : 'footer'\n    },\n    classes (): object {\n      return {\n        ...KSheet.options.computed.classes.call(this),\n        'k-footer--absolute': this.absolute,\n        'k-footer--fixed': !this.absolute && (this.app || this.fixed),\n        'k-footer--padless': this.padless,\n        'k-footer--inset': this.inset,\n      }\n    },\n    computedBottom (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app\n        ? this.$kdutify.application.bottom\n        : 0\n    },\n    computedLeft (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app && this.inset\n        ? this.$kdutify.application.left\n        : 0\n    },\n    computedRight (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app && this.inset\n        ? this.$kdutify.application.right\n        : 0\n    },\n    isPositioned (): boolean {\n      return Boolean(\n        this.absolute ||\n        this.fixed ||\n        this.app\n      )\n    },\n    styles (): object {\n      const height = parseInt(this.height)\n\n      return {\n        ...KSheet.options.computed.styles.call(this),\n        height: isNaN(height) ? height : convertToUnit(height),\n        left: convertToUnit(this.computedLeft),\n        right: convertToUnit(this.computedRight),\n        bottom: convertToUnit(this.computedBottom),\n      }\n    },\n  },\n\n  methods: {\n    updateApplication () {\n      const height = parseInt(this.height)\n\n      return isNaN(height)\n        ? this.$el ? this.$el.clientHeight : 0\n        : height\n    },\n  },\n\n  render (h): KNode {\n    const data = this.setBackgroundColor(this.color, {\n      staticClass: 'k-footer',\n      class: this.classes,\n      style: this.styles,\n    })\n\n    return h(this.tag, data, this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KFooter.js"}

package/es5/components/KFooter/index.js

@@ -1,7 +1,20 @@
-import KFooter from './KFooter';
+"use strict";
 
-KFooter.install = function install(Kdu) {
-  Kdu.component(KFooter.name, KFooter);
-};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KFooter", {
+  enumerable: true,
+  get: function get() {
+    return _KFooter.default;
+  }
+});
+exports.default = void 0;
 
-export default KFooter;
+var _KFooter = _interopRequireDefault(require("./KFooter"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KFooter.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

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

package/es5/components/KForm/KForm.js

@@ -1,203 +1,166 @@
-export default {
-  name: 'k-form',
+"use strict";
 
-  inheritAttrs: false,
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _bindsAttrs = _interopRequireDefault(require("../../mixins/binds-attrs"));
+
+var _registrable = require("../../mixins/registrable");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
 
+/* @kdujs/component */
+var _default = (0, _mixins.default)(_bindsAttrs.default, (0, _registrable.provide)('form')
+/* @kdujs/component */
+).extend({
+  name: 'k-form',
+  provide: function provide() {
+    return {
+      form: this
+    };
+  },
+  inheritAttrs: false,
+  props: {
+    disabled: Boolean,
+    lazyValidation: Boolean,
+    readonly: Boolean,
+    value: Boolean
+  },
   data: function data() {
     return {
       inputs: [],
+      watchers: [],
       errorBag: {}
     };
   },
-
-
-  props: {
-    value: Boolean,
-    lazyValidation: Boolean
-  },
-
   watch: {
     errorBag: {
-      handler: function handler() {
-        var errors = Object.values(this.errorBag).includes(true);
-
+      handler: function handler(val) {
+        var errors = Object.values(val).includes(true);
         this.$emit('input', !errors);
-
-        return !errors;
       },
-
-      deep: true
+      deep: true,
+      immediate: true
     }
   },
-
   methods: {
-    getInputs: function getInputs() {
-      var results = [];
-
-      var search = function search(children) {
-        var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        var _iteratorNormalCompletion = true;
-        var _didIteratorError = false;
-        var _iteratorError = undefined;
-
-        try {
-          for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-            var child = _step.value;
-
-            if (child.errorBucket !== undefined) {
-              results.push(child);
-            } else {
-              search(child.$children, depth + 1);
-            }
-          }
-        } catch (err) {
-          _didIteratorError = true;
-          _iteratorError = err;
-        } finally {
-          try {
-            if (!_iteratorNormalCompletion && _iterator.return) {
-              _iterator.return();
-            }
-          } finally {
-            if (_didIteratorError) {
-              throw _iteratorError;
-            }
-          }
-        }
-
-        if (depth === 0) return results;
-      };
-
-      return search(this.$children);
-    },
-    watchInputs: function watchInputs() {
-      var inputs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getInputs();
-      var _iteratorNormalCompletion2 = true;
-      var _didIteratorError2 = false;
-      var _iteratorError2 = undefined;
-
-      try {
-        for (var _iterator2 = inputs[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-          var child = _step2.value;
-
-          if (this.inputs.includes(child)) {
-            continue; // We already know about this input
-          }
-
-          this.inputs.push(child);
-          this.watchChild(child);
-        }
-      } catch (err) {
-        _didIteratorError2 = true;
-        _iteratorError2 = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion2 && _iterator2.return) {
-            _iterator2.return();
-          }
-        } finally {
-          if (_didIteratorError2) {
-            throw _iteratorError2;
-          }
-        }
-      }
-    },
-    watchChild: function watchChild(child) {
+    watchInput: function watchInput(input) {
       var _this = this;
 
-      var watcher = function watcher(child) {
-        child.$watch('valid', function (val) {
-          _this.$set(_this.errorBag, child._uid, !val);
-        }, { immediate: true });
+      var watcher = function watcher(input) {
+        return input.$watch('hasError', function (val) {
+          _this.$set(_this.errorBag, input._uid, val);
+        }, {
+          immediate: true
+        });
       };
 
-      if (!this.lazyValidation) return watcher(child);
+      var watchers = {
+        _uid: input._uid,
+        valid: function valid() {},
+        shouldValidate: function shouldValidate() {}
+      };
 
-      // Only start watching inputs if we need to
-      child.$watch('shouldValidate', function (val) {
-        if (!val) return;
+      if (this.lazyValidation) {
+        // Only start watching inputs if we need to
+        watchers.shouldValidate = input.$watch('shouldValidate', function (val) {
+          if (!val) return; // Only watch if we're not already doing it
 
-        // Only watch if we're not already doing it
-        if (_this.errorBag.hasOwnProperty(child._uid)) return;
+          if (_this.errorBag.hasOwnProperty(input._uid)) return;
+          watchers.valid = watcher(input);
+        });
+      } else {
+        watchers.valid = watcher(input);
+      }
 
-        watcher(child);
-      });
+      return watchers;
     },
+
+    /** @public */
     validate: function validate() {
-      var errors = this.inputs.filter(function (input) {
+      return this.inputs.filter(function (input) {
         return !input.validate(true);
-      }).length;
-      return !errors;
+      }).length === 0;
     },
-    reset: function reset() {
-      var _this2 = this;
 
+    /** @public */
+    reset: function reset() {
       this.inputs.forEach(function (input) {
         return input.reset();
       });
+      this.resetErrorBag();
+    },
+    resetErrorBag: function resetErrorBag() {
+      var _this2 = this;
+
       if (this.lazyValidation) {
-        Object.keys(this.errorBag).forEach(function (key) {
-          return _this2.$delete(_this2.errorBag, key);
-        });
+        // Account for timeout in validatable
+        setTimeout(function () {
+          _this2.errorBag = {};
+        }, 0);
       }
-    }
-  },
-
-  mounted: function mounted() {
-    var _this3 = this;
-
-    this.$kdutify.load(function () {
-      return _this3.watchInputs();
-    });
-  },
-  updated: function updated() {
-    var inputs = this.getInputs();
+    },
 
-    if (inputs.length < this.inputs.length) {
-      // Something was removed, we don't want it in the errorBag any more
-      var removed = this.inputs.filter(function (i) {
-        return !inputs.includes(i);
+    /** @public */
+    resetValidation: function resetValidation() {
+      this.inputs.forEach(function (input) {
+        return input.resetValidation();
+      });
+      this.resetErrorBag();
+    },
+    register: function register(input) {
+      this.inputs.push(input);
+      this.watchers.push(this.watchInput(input));
+    },
+    unregister: function unregister(input) {
+      var found = this.inputs.find(function (i) {
+        return i._uid === input._uid;
+      });
+      if (!found) return;
+      var unwatch = this.watchers.find(function (i) {
+        return i._uid === found._uid;
       });
 
-      var _iteratorNormalCompletion3 = true;
-      var _didIteratorError3 = false;
-      var _iteratorError3 = undefined;
-
-      try {
-        for (var _iterator3 = removed[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-          var input = _step3.value;
-
-          this.$delete(this.errorBag, input._uid);
-          this.$delete(this.inputs, this.inputs.indexOf(input));
-        }
-      } catch (err) {
-        _didIteratorError3 = true;
-        _iteratorError3 = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion3 && _iterator3.return) {
-            _iterator3.return();
-          }
-        } finally {
-          if (_didIteratorError3) {
-            throw _iteratorError3;
-          }
-        }
+      if (unwatch) {
+        unwatch.valid();
+        unwatch.shouldValidate();
       }
-    }
 
-    this.watchInputs(inputs);
+      this.watchers = this.watchers.filter(function (i) {
+        return i._uid !== found._uid;
+      });
+      this.inputs = this.inputs.filter(function (i) {
+        return i._uid !== found._uid;
+      });
+      this.$delete(this.errorBag, found._uid);
+    }
   },
   render: function render(h) {
-    var _this4 = this;
+    var _this3 = this;
 
     return h('form', {
-      attrs: this.$attrs,
+      staticClass: 'k-form',
+      attrs: _objectSpread({
+        novalidate: true
+      }, this.attrs$),
       on: {
         submit: function submit(e) {
-          return _this4.$emit('submit', e);
+          return _this3.$emit('submit', e);
         }
       }
     }, this.$slots.default);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KForm.js.map

package/es5/components/KForm/KForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KForm/KForm.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport KInput from '../KInput/KInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { KNode } from 'kdu'\n\ntype ErrorBag = Record<number, boolean>\ntype KInputInstance = InstanceType<typeof KInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @kdujs/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @kdujs/component */\n).extend({\n  name: 'k-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as KInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: KInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: KInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): KNode {\n    return h('form', {\n      staticClass: 'k-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KForm.js"}

package/es5/components/KForm/index.js

@@ -1,7 +1,20 @@
-import KForm from './KForm';
+"use strict";
 
-KForm.install = function install(Kdu) {
-  Kdu.component(KForm.name, KForm);
-};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KForm", {
+  enumerable: true,
+  get: function get() {
+    return _KForm.default;
+  }
+});
+exports.default = void 0;
 
-export default KForm;
+var _KForm = _interopRequireDefault(require("./KForm"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KForm.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

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