kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KGrid/KCol.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KGrid\\KGrid.sass");
+
+var _kdu = _interopRequireDefault(require("kdu"));
+
+var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
+
+var _helpers = require("../../util/helpers");
+
+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; }
+
+// no xs
+var breakpoints = ['sm', 'md', 'lg', 'xl'];
+
+var breakpointProps = function () {
+  return breakpoints.reduce(function (props, val) {
+    props[val] = {
+      type: [Boolean, String, Number],
+      default: false
+    };
+    return props;
+  }, {});
+}();
+
+var offsetProps = function () {
+  return breakpoints.reduce(function (props, val) {
+    props['offset' + (0, _helpers.upperFirst)(val)] = {
+      type: [String, Number],
+      default: null
+    };
+    return props;
+  }, {});
+}();
+
+var orderProps = function () {
+  return breakpoints.reduce(function (props, val) {
+    props['order' + (0, _helpers.upperFirst)(val)] = {
+      type: [String, Number],
+      default: null
+    };
+    return props;
+  }, {});
+}();
+
+var propMap = {
+  col: Object.keys(breakpointProps),
+  offset: Object.keys(offsetProps),
+  order: Object.keys(orderProps)
+};
+
+function breakpointClass(type, prop, val) {
+  var className = type;
+
+  if (val == null || val === false) {
+    return undefined;
+  }
+
+  if (prop) {
+    var breakpoint = prop.replace(type, '');
+    className += "-".concat(breakpoint);
+  } // Handling the boolean style prop when accepting [Boolean, String, Number]
+  // means Kdu will not convert <k-col sm></k-col> to sm: true for us.
+  // Since the default is false, an empty string indicates the prop's presence.
+
+
+  if (type === 'col' && (val === '' || val === true)) {
+    // .col-md
+    return className.toLowerCase();
+  } // .order-md-6
+
+
+  className += "-".concat(val);
+  return className.toLowerCase();
+}
+
+var cache = new Map();
+
+var _default = _kdu.default.extend({
+  name: 'k-col',
+  functional: true,
+  props: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    cols: {
+      type: [Boolean, String, Number],
+      default: false
+    }
+  }, breakpointProps), {}, {
+    offset: {
+      type: [String, Number],
+      default: null
+    }
+  }, offsetProps), {}, {
+    order: {
+      type: [String, Number],
+      default: null
+    }
+  }, orderProps), {}, {
+    alignSelf: {
+      type: String,
+      default: null,
+      validator: function validator(str) {
+        return ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str);
+      }
+    },
+    tag: {
+      type: String,
+      default: 'div'
+    }
+  }),
+  render: function render(h, _ref) {
+    var props = _ref.props,
+        data = _ref.data,
+        children = _ref.children,
+        parent = _ref.parent;
+    // Super-fast memoization based on props, 5x faster than JSON.stringify
+    var cacheKey = '';
+
+    for (var prop in props) {
+      cacheKey += String(props[prop]);
+    }
+
+    var classList = cache.get(cacheKey);
+
+    if (!classList) {
+      (function () {
+        var _classList$push;
+
+        classList = []; // Loop through `col`, `offset`, `order` breakpoint props
+
+        var type;
+
+        for (type in propMap) {
+          propMap[type].forEach(function (prop) {
+            var value = props[prop];
+            var className = breakpointClass(type, prop, value);
+            if (className) classList.push(className);
+          });
+        }
+
+        var hasColClasses = classList.some(function (className) {
+          return className.startsWith('col-');
+        });
+        classList.push((_classList$push = {
+          // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.
+          col: !hasColClasses || !props.cols
+        }, _defineProperty(_classList$push, "col-".concat(props.cols), props.cols), _defineProperty(_classList$push, "offset-".concat(props.offset), props.offset), _defineProperty(_classList$push, "order-".concat(props.order), props.order), _defineProperty(_classList$push, "align-self-".concat(props.alignSelf), props.alignSelf), _classList$push));
+        cache.set(cacheKey, classList);
+      })();
+    }
+
+    return h(props.tag, (0, _mergeData.default)(data, {
+      class: classList
+    }), children);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KCol.js.map

package/es5/components/KGrid/KCol.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KGrid/KCol.ts"],"names":[],"mappings":"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","sourcesContent":["import './KGrid.sass'\n\nimport Kdu, { KNode, PropOptions } from 'kdu'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\n\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Kdu will not convert <k-col sm></k-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default Kdu.extend({\n  name: 'k-col',\n  functional: true,\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n  render (h, { props, data, children, parent }): KNode {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('col-'))\n\n      classList.push({\n        // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.\n        col: !hasColClasses || !props.cols,\n        [`col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(props.tag, mergeData(data, { class: classList }), children)\n  },\n})\n"],"sourceRoot":"","file":"KCol.js"}

package/es5/components/KGrid/KContainer.js

@@ -1,5 +1,73 @@
-require('../../../src/stylus/components/_grid.styl');
+"use strict";
 
-import Grid from './grid';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-export default Grid('container');
+require("..\\..\\..\\src\\components\\KGrid\\_grid.sass");
+
+require("..\\..\\..\\src\\components\\KGrid\\KGrid.sass");
+
+var _grid2 = _interopRequireDefault(require("./grid"));
+
+var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* @kdujs/component */
+var _default = (0, _grid2.default)('container').extend({
+  name: 'k-container',
+  functional: true,
+  props: {
+    id: String,
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    fluid: {
+      type: Boolean,
+      default: false
+    }
+  },
+  render: function render(h, _ref) {
+    var props = _ref.props,
+        data = _ref.data,
+        children = _ref.children;
+    var classes;
+    var attrs = data.attrs;
+
+    if (attrs) {
+      // reset attrs to extract utility clases like pa-3
+      data.attrs = {};
+      classes = Object.keys(attrs).filter(function (key) {
+        // TODO: Remove once resolved
+        if (key === 'slot') return false;
+        var value = attrs[key]; // add back data attributes like data-test="foo" but do not
+        // add them as classes
+
+        if (key.startsWith('data-')) {
+          data.attrs[key] = value;
+          return false;
+        }
+
+        return value || typeof value === 'string';
+      });
+    }
+
+    if (props.id) {
+      data.domProps = data.domProps || {};
+      data.domProps.id = props.id;
+    }
+
+    return h(props.tag, (0, _mergeData.default)(data, {
+      staticClass: 'container',
+      class: Array({
+        'container--fluid': props.fluid
+      }).concat(classes || [])
+    }), children);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KContainer.js.map

package/es5/components/KGrid/KContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KGrid/KContainer.ts"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;AAEA;eACe,oBAAK,WAAL,EAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,aADgC;AAEtC,EAAA,UAAU,EAAE,IAF0B;AAGtC,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE,MADC;AAEL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAFA;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAH+B;AActC,EAAA,MAdsC,kBAc9B,CAd8B,QAcF;AAAA,QAAvB,KAAuB,QAAvB,KAAuB;AAAA,QAAhB,IAAgB,QAAhB,IAAgB;AAAA,QAAV,QAAU,QAAV,QAAU;AAClC,QAAI,OAAJ;AADkC,QAE1B,KAF0B,GAEhB,IAFgB,CAE1B,KAF0B;;AAGlC,QAAI,KAAJ,EAAW;AACT;AACA,MAAA,IAAI,CAAC,KAAL,GAAa,EAAb;AACA,MAAA,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,UAAA,GAAG,EAAG;AACxC;AACA,YAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,YAAM,KAAK,GAAG,KAAK,CAAC,GAAD,CAAnB,CAJwC,CAMxC;AACA;;AACA,YAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B,UAAA,IAAI,CAAC,KAAL,CAAY,GAAZ,IAAmB,KAAnB;AACA,iBAAO,KAAP;AACD;;AAED,eAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,OAdS,CAAV;AAeD;;AAED,QAAI,KAAK,CAAC,EAAV,EAAc;AACZ,MAAA,IAAI,CAAC,QAAL,GAAgB,IAAI,CAAC,QAAL,IAAiB,EAAjC;AACA,MAAA,IAAI,CAAC,QAAL,CAAc,EAAd,GAAmB,KAAK,CAAC,EAAzB;AACD;;AAED,WAAO,CAAC,CACN,KAAK,CAAC,GADA,EAEN,wBAAU,IAAV,EAAgB;AACd,MAAA,WAAW,EAAE,WADC;AAEd,MAAA,KAAK,EAAE,KAAK,CAAM;AAChB,4BAAoB,KAAK,CAAC;AADV,OAAN,CAAL,CAEJ,MAFI,CAEG,OAAO,IAAI,EAFd;AAFO,KAAhB,CAFM,EAQN,QARM,CAAR;AAUD;AApDqC,CAAzB,C","sourcesContent":["import './_grid.sass'\nimport './KGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @kdujs/component */\nexport default Grid('container').extend({\n  name: 'k-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n"],"sourceRoot":"","file":"KContainer.js"}

package/es5/components/KGrid/KFlex.js

@@ -1,5 +1,17 @@
-require('../../../src/stylus/components/_grid.styl');
+"use strict";
 
-import Grid from './grid';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-export default Grid('flex');
+require("..\\..\\..\\src\\components\\KGrid\\_grid.sass");
+
+var _grid2 = _interopRequireDefault(require("./grid"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = (0, _grid2.default)('flex');
+
+exports.default = _default;
+//# sourceMappingURL=KFlex.js.map

package/es5/components/KGrid/KFlex.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KGrid/KFlex.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;;;eAEe,oBAAK,MAAL,C","sourcesContent":["import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('flex')\n"],"sourceRoot":"","file":"KFlex.js"}

package/es5/components/KGrid/KLayout.js

@@ -1,5 +1,17 @@
-require('../../../src/stylus/components/_grid.styl');
+"use strict";
 
-import Grid from './grid';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-export default Grid('layout');
+require("..\\..\\..\\src\\components\\KGrid\\_grid.sass");
+
+var _grid2 = _interopRequireDefault(require("./grid"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = (0, _grid2.default)('layout');
+
+exports.default = _default;
+//# sourceMappingURL=KLayout.js.map

package/es5/components/KGrid/KLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KGrid/KLayout.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;;;eAEe,oBAAK,QAAL,C","sourcesContent":["import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('layout')\n"],"sourceRoot":"","file":"KLayout.js"}

package/es5/components/KGrid/KRow.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KGrid\\KGrid.sass");
+
+var _kdu = _interopRequireDefault(require("kdu"));
+
+var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
+
+var _helpers = require("../../util/helpers");
+
+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; }
+
+// no xs
+var breakpoints = ['sm', 'md', 'lg', 'xl'];
+var ALIGNMENT = ['start', 'end', 'center'];
+
+function makeProps(prefix, def) {
+  return breakpoints.reduce(function (props, val) {
+    props[prefix + (0, _helpers.upperFirst)(val)] = def();
+    return props;
+  }, {});
+}
+
+var alignValidator = function alignValidator(str) {
+  return [].concat(ALIGNMENT, ['baseline', 'stretch']).includes(str);
+};
+
+var alignProps = makeProps('align', function () {
+  return {
+    type: String,
+    default: null,
+    validator: alignValidator
+  };
+});
+
+var justifyValidator = function justifyValidator(str) {
+  return [].concat(ALIGNMENT, ['space-between', 'space-around']).includes(str);
+};
+
+var justifyProps = makeProps('justify', function () {
+  return {
+    type: String,
+    default: null,
+    validator: justifyValidator
+  };
+});
+
+var alignContentValidator = function alignContentValidator(str) {
+  return [].concat(ALIGNMENT, ['space-between', 'space-around', 'stretch']).includes(str);
+};
+
+var alignContentProps = makeProps('alignContent', function () {
+  return {
+    type: String,
+    default: null,
+    validator: alignContentValidator
+  };
+});
+var propMap = {
+  align: Object.keys(alignProps),
+  justify: Object.keys(justifyProps),
+  alignContent: Object.keys(alignContentProps)
+};
+var classMap = {
+  align: 'align',
+  justify: 'justify',
+  alignContent: 'align-content'
+};
+
+function breakpointClass(type, prop, val) {
+  var className = classMap[type];
+
+  if (val == null) {
+    return undefined;
+  }
+
+  if (prop) {
+    // alignSm -> Sm
+    var breakpoint = prop.replace(type, '');
+    className += "-".concat(breakpoint);
+  } // .align-items-sm-center
+
+
+  className += "-".concat(val);
+  return className.toLowerCase();
+}
+
+var cache = new Map();
+
+var _default = _kdu.default.extend({
+  name: 'k-row',
+  functional: true,
+  props: _objectSpread(_objectSpread(_objectSpread({
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    dense: Boolean,
+    noGutters: Boolean,
+    align: {
+      type: String,
+      default: null,
+      validator: alignValidator
+    }
+  }, alignProps), {}, {
+    justify: {
+      type: String,
+      default: null,
+      validator: justifyValidator
+    }
+  }, justifyProps), {}, {
+    alignContent: {
+      type: String,
+      default: null,
+      validator: alignContentValidator
+    }
+  }, alignContentProps),
+  render: function render(h, _ref) {
+    var props = _ref.props,
+        data = _ref.data,
+        children = _ref.children;
+    // Super-fast memoization based on props, 5x faster than JSON.stringify
+    var cacheKey = '';
+
+    for (var prop in props) {
+      cacheKey += String(props[prop]);
+    }
+
+    var classList = cache.get(cacheKey);
+
+    if (!classList) {
+      (function () {
+        var _classList$push;
+
+        classList = []; // Loop through `align`, `justify`, `alignContent` breakpoint props
+
+        var type;
+
+        for (type in propMap) {
+          propMap[type].forEach(function (prop) {
+            var value = props[prop];
+            var className = breakpointClass(type, prop, value);
+            if (className) classList.push(className);
+          });
+        }
+
+        classList.push((_classList$push = {
+          'no-gutters': props.noGutters,
+          'row--dense': props.dense
+        }, _defineProperty(_classList$push, "align-".concat(props.align), props.align), _defineProperty(_classList$push, "justify-".concat(props.justify), props.justify), _defineProperty(_classList$push, "align-content-".concat(props.alignContent), props.alignContent), _classList$push));
+        cache.set(cacheKey, classList);
+      })();
+    }
+
+    return h(props.tag, (0, _mergeData.default)(data, {
+      staticClass: 'row',
+      class: classList
+    }), children);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KRow.js.map

package/es5/components/KGrid/KRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KGrid/KRow.ts"],"names":[],"mappings":"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","sourcesContent":["import './KGrid.sass'\n\nimport Kdu, { PropOptions } from 'kdu'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\n\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst ALIGNMENT = ['start', 'end', 'center']\n\nfunction makeProps (prefix: string, def: () => PropOptions) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + upperFirst(val)] = def()\n    return props\n  }, {} as Dictionary<PropOptions>)\n}\n\nconst alignValidator = (str: any) => [...ALIGNMENT, 'baseline', 'stretch'].includes(str)\nconst alignProps = makeProps('align', () => ({\n  type: String,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst justifyValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around'].includes(str)\nconst justifyProps = makeProps('justify', () => ({\n  type: String,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst alignContentValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around', 'stretch'].includes(str)\nconst alignContentProps = makeProps('alignContent', () => ({\n  type: String,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default Kdu.extend({\n  name: 'k-row',\n  functional: true,\n  props: {\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String,\n      default: null,\n      validator: alignContentValidator,\n    },\n    ...alignContentProps,\n  },\n  render (h, { props, data, children }) {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'no-gutters': props.noGutters,\n        'row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'row',\n        class: classList,\n      }),\n      children\n    )\n  },\n})\n"],"sourceRoot":"","file":"KRow.js"}

package/es5/components/KGrid/KSpacer.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KGrid\\_grid.sass");
+
+var _helpers = require("../../util/helpers");
+
+var _default = (0, _helpers.createSimpleFunctional)('spacer', 'div', 'k-spacer');
+
+exports.default = _default;
+//# sourceMappingURL=KSpacer.js.map

package/es5/components/KGrid/KSpacer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KGrid/KSpacer.ts"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;eAEe,qCAAuB,QAAvB,EAAiC,KAAjC,EAAwC,UAAxC,C","sourcesContent":["import './_grid.sass'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('spacer', 'div', 'k-spacer')\n"],"sourceRoot":"","file":"KSpacer.js"}

package/es5/components/KGrid/grid.js

@@ -1,9 +1,20 @@
-export default function Grid(name) {
-  return {
-    name: 'k-' + name,
+"use strict";
 
-    functional: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = KGrid;
+
+var _kdu = _interopRequireDefault(require("kdu"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// Types
+function KGrid(name) {
+  /* @kdujs/component */
+  return _kdu.default.extend({
+    name: "k-".concat(name),
+    functional: true,
     props: {
       id: String,
       tag: {
@@ -11,25 +22,30 @@ export default function Grid(name) {
         default: 'div'
       }
     },
-
     render: function render(h, _ref) {
       var props = _ref.props,
           data = _ref.data,
           children = _ref.children;
-
-      data.staticClass = (name + ' ' + (data.staticClass || '')).trim();
-
-      if (data.attrs) {
-        var classes = [];
-
-        Object.keys(data.attrs).forEach(function (key) {
-          var value = data.attrs[key];
-
-          if (typeof value === 'string') classes.push(key);else if (value) classes.push(key);
+      data.staticClass = "".concat(name, " ").concat(data.staticClass || '').trim();
+      var attrs = data.attrs;
+
+      if (attrs) {
+        // reset attrs to extract utility clases like pa-3
+        data.attrs = {};
+        var classes = Object.keys(attrs).filter(function (key) {
+          // TODO: Remove once resolved
+          if (key === 'slot') return false;
+          var value = attrs[key]; // add back data attributes like data-test="foo" but do not
+          // add them as classes
+
+          if (key.startsWith('data-')) {
+            data.attrs[key] = value;
+            return false;
+          }
+
+          return value || typeof value === 'string';
         });
-
-        if (classes.length) data.staticClass += ' ' + classes.join(' ');
-        delete data.attrs;
+        if (classes.length) data.staticClass += " ".concat(classes.join(' '));
       }
 
       if (props.id) {
@@ -39,5 +55,6 @@ export default function Grid(name) {
 
       return h(props.tag, data, children);
     }
-  };
-}
+  });
+}
+//# sourceMappingURL=grid.js.map

package/es5/components/KGrid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KGrid/grid.ts"],"names":[],"mappings":";;;;;;;AACA;;;;AADA;AAGc,SAAU,KAAV,CAAiB,IAAjB,EAA6B;AACzC;AACA,SAAO,aAAI,MAAJ,CAAW;AAChB,IAAA,IAAI,cAAO,IAAP,CADY;AAGhB,IAAA,UAAU,EAAE,IAHI;AAKhB,IAAA,KAAK,EAAE;AACL,MAAA,EAAE,EAAE,MADC;AAEL,MAAA,GAAG,EAAE;AACH,QAAA,IAAI,EAAE,MADH;AAEH,QAAA,OAAO,EAAE;AAFN;AAFA,KALS;AAahB,IAAA,MAbgB,kBAaR,CAbQ,QAaoB;AAAA,UAAvB,KAAuB,QAAvB,KAAuB;AAAA,UAAhB,IAAgB,QAAhB,IAAgB;AAAA,UAAV,QAAU,QAAV,QAAU;AAClC,MAAA,IAAI,CAAC,WAAL,GAAmB,UAAI,IAAJ,cAAY,IAAI,CAAC,WAAL,IAAoB,EAAhC,EAAsC,IAAtC,EAAnB;AADkC,UAG1B,KAH0B,GAGhB,IAHgB,CAG1B,KAH0B;;AAIlC,UAAI,KAAJ,EAAW;AACT;AACA,QAAA,IAAI,CAAC,KAAL,GAAa,EAAb;AACA,YAAM,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,UAAA,GAAG,EAAG;AAC9C;AACA,cAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,cAAM,KAAK,GAAG,KAAK,CAAC,GAAD,CAAnB,CAJ8C,CAM9C;AACA;;AACA,cAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B,YAAA,IAAI,CAAC,KAAL,CAAY,GAAZ,IAAmB,KAAnB;AACA,mBAAO,KAAP;AACD;;AAED,iBAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,SAde,CAAhB;AAgBA,YAAI,OAAO,CAAC,MAAZ,EAAoB,IAAI,CAAC,WAAL,eAAwB,OAAO,CAAC,IAAR,CAAa,GAAb,CAAxB;AACrB;;AAED,UAAI,KAAK,CAAC,EAAV,EAAc;AACZ,QAAA,IAAI,CAAC,QAAL,GAAgB,IAAI,CAAC,QAAL,IAAiB,EAAjC;AACA,QAAA,IAAI,CAAC,QAAL,CAAc,EAAd,GAAmB,KAAK,CAAC,EAAzB;AACD;;AAED,aAAO,CAAC,CAAC,KAAK,CAAC,GAAP,EAAY,IAAZ,EAAkB,QAAlB,CAAR;AACD;AA7Ce,GAAX,CAAP;AA+CD","sourcesContent":["// Types\nimport Kdu, { KNode } from 'kdu'\n\nexport default function KGrid (name: string) {\n  /* @kdujs/component */\n  return Kdu.extend({\n    name: `k-${name}`,\n\n    functional: true,\n\n    props: {\n      id: String,\n      tag: {\n        type: String,\n        default: 'div',\n      },\n    },\n\n    render (h, { props, data, children }): KNode {\n      data.staticClass = (`${name} ${data.staticClass || ''}`).trim()\n\n      const { attrs } = data\n      if (attrs) {\n        // reset attrs to extract utility clases like pa-3\n        data.attrs = {}\n        const classes = Object.keys(attrs).filter(key => {\n          // TODO: Remove once resolved\n          if (key === 'slot') return false\n\n          const value = attrs[key]\n\n          // add back data attributes like data-test=\"foo\" but do not\n          // add them as classes\n          if (key.startsWith('data-')) {\n            data.attrs![key] = value\n            return false\n          }\n\n          return value || typeof value === 'string'\n        })\n\n        if (classes.length) data.staticClass += ` ${classes.join(' ')}`\n      }\n\n      if (props.id) {\n        data.domProps = data.domProps || {}\n        data.domProps.id = props.id\n      }\n\n      return h(props.tag, data, children)\n    },\n  })\n}\n"],"sourceRoot":"","file":"grid.js"}