kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KOverflowBtn/index.js

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

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

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

package/es5/components/KOverlay/KOverlay.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KOverlay\\KOverlay.sass");
+
+var _colorable = _interopRequireDefault(require("./../../mixins/colorable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _toggleable = _interopRequireDefault(require("./../../mixins/toggleable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+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)(_colorable.default, _themeable.default, _toggleable.default).extend({
+  name: 'k-overlay',
+  props: {
+    absolute: Boolean,
+    color: {
+      type: String,
+      default: '#212121'
+    },
+    dark: {
+      type: Boolean,
+      default: true
+    },
+    opacity: {
+      type: [Number, String],
+      default: 0.46
+    },
+    value: {
+      default: true
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 5
+    }
+  },
+  computed: {
+    __scrim: function __scrim() {
+      var data = this.setBackgroundColor(this.color, {
+        staticClass: 'k-overlay__scrim',
+        style: {
+          opacity: this.computedOpacity
+        }
+      });
+      return this.$createElement('div', data);
+    },
+    classes: function classes() {
+      return _objectSpread({
+        'k-overlay--absolute': this.absolute,
+        'k-overlay--active': this.isActive
+      }, this.themeClasses);
+    },
+    computedOpacity: function computedOpacity() {
+      return Number(this.isActive ? this.opacity : 0);
+    },
+    styles: function styles() {
+      return {
+        zIndex: this.zIndex
+      };
+    }
+  },
+  methods: {
+    genContent: function genContent() {
+      return this.$createElement('div', {
+        staticClass: 'k-overlay__content'
+      }, this.$slots.default);
+    }
+  },
+  render: function render(h) {
+    var children = [this.__scrim];
+    if (this.isActive) children.push(this.genContent());
+    return h('div', {
+      staticClass: 'k-overlay',
+      on: this.$listeners,
+      class: this.classes,
+      style: this.styles
+    }, children);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KOverlay.js.map

package/es5/components/KOverlay/KOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KOverlay/KOverlay.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AACA;;AACA;;AAGA;;;;;;;;;;AAKA;eACe,qBACb,kBADa,EAEb,kBAFa,EAGb,mBAHa,EAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,WADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAFF;AAML,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,OADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAND;AAUL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADC;AAEP,MAAA,OAAO,EAAE;AAFF,KAVJ;AAcL,IAAA,KAAK,EAAE;AACL,MAAA,OAAO,EAAE;AADJ,KAdF;AAiBL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH;AAjBH,GAHA;AA0BP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,UAAM,IAAI,GAAG,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAC/C,QAAA,WAAW,EAAE,kBADkC;AAE/C,QAAA,KAAK,EAAE;AACL,UAAA,OAAO,EAAE,KAAK;AADT;AAFwC,OAApC,CAAb;AAOA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,IAA3B,CAAP;AACD,KAVO;AAWR,IAAA,OAXQ,qBAWD;AACL;AACE,+BAAuB,KAAK,QAD9B;AAEE,6BAAqB,KAAK;AAF5B,SAGK,KAAK,YAHV;AAKD,KAjBO;AAkBR,IAAA,eAlBQ,6BAkBO;AACb,aAAO,MAAM,CAAC,KAAK,QAAL,GAAgB,KAAK,OAArB,GAA+B,CAAhC,CAAb;AACD,KApBO;AAqBR,IAAA,MArBQ,oBAqBF;AACJ,aAAO;AACL,QAAA,MAAM,EAAE,KAAK;AADR,OAAP;AAGD;AAzBO,GA1BH;AAsDP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AACR,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE;AADmB,OAA3B,EAEJ,KAAK,MAAL,CAAY,OAFR,CAAP;AAGD;AALM,GAtDF;AA8DP,EAAA,MA9DO,kBA8DC,CA9DD,EA8DE;AACP,QAAM,QAAQ,GAAG,CAAC,KAAK,OAAN,CAAjB;AAEA,QAAI,KAAK,QAAT,EAAmB,QAAQ,CAAC,IAAT,CAAc,KAAK,UAAL,EAAd;AAEnB,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,WADC;AAEd,MAAA,EAAE,EAAE,KAAK,UAFK;AAGd,MAAA,KAAK,EAAE,KAAK,OAHE;AAId,MAAA,KAAK,EAAE,KAAK;AAJE,KAAR,EAKL,QALK,CAAR;AAMD;AAzEM,CAJM,C","sourcesContent":["// Styles\nimport './KOverlay.sass'\n\n// Mixins\nimport Colorable from './../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from './../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Themeable,\n  Toggleable\n).extend({\n  name: 'k-overlay',\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: '#212121',\n    },\n    dark: {\n      type: Boolean,\n      default: true,\n    },\n    opacity: {\n      type: [Number, String],\n      default: 0.46,\n    },\n    value: {\n      default: true,\n    },\n    zIndex: {\n      type: [Number, String],\n      default: 5,\n    },\n  },\n\n  computed: {\n    __scrim (): KNode {\n      const data = this.setBackgroundColor(this.color, {\n        staticClass: 'k-overlay__scrim',\n        style: {\n          opacity: this.computedOpacity,\n        },\n      })\n\n      return this.$createElement('div', data)\n    },\n    classes (): object {\n      return {\n        'k-overlay--absolute': this.absolute,\n        'k-overlay--active': this.isActive,\n        ...this.themeClasses,\n      }\n    },\n    computedOpacity (): number {\n      return Number(this.isActive ? this.opacity : 0)\n    },\n    styles (): object {\n      return {\n        zIndex: this.zIndex,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'k-overlay__content',\n      }, this.$slots.default)\n    },\n  },\n\n  render (h): KNode {\n    const children = [this.__scrim]\n\n    if (this.isActive) children.push(this.genContent())\n\n    return h('div', {\n      staticClass: 'k-overlay',\n      on: this.$listeners,\n      class: this.classes,\n      style: this.styles,\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KOverlay.js"}

package/es5/components/KOverlay/index.js

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

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

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

package/es5/components/KPagination/KPagination.js

@@ -1,16 +1,52 @@
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+"use strict";
 
-require('../../../src/stylus/components/_pagination.styl');
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-import KIcon from '../KIcon';
+require("..\\..\\..\\src\\components\\KPagination\\KPagination.sass");
 
-import Resize from '../../directives/resize';
+var _KIcon = _interopRequireDefault(require("../KIcon"));
 
-export default {
-  name: 'k-pagination',
+var _resize = _interopRequireDefault(require("../../directives/resize"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _intersectable = _interopRequireDefault(require("../../mixins/intersectable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+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); }
 
-  directives: { Resize: Resize },
+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; }
+
+/* @kdujs/component */
+var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.default)({
+  onVisible: ['init']
+}), _themeable.default).extend({
+  name: 'k-pagination',
+  directives: {
+    Resize: _resize.default
+  },
   props: {
     circle: Boolean,
     disabled: Boolean,
@@ -21,44 +57,63 @@ export default {
         return val % 1 === 0;
       }
     },
-    totalVisible: [Number, String],
     nextIcon: {
       type: String,
-      default: 'chevron_right'
+      default: '$next'
     },
     prevIcon: {
       type: String,
-      default: 'chevron_left'
+      default: '$prev'
     },
+    totalVisible: [Number, String],
     value: {
       type: Number,
       default: 0
+    },
+    pageAriaLabel: {
+      type: String,
+      default: '$kdutify.pagination.ariaLabel.page'
+    },
+    currentPageAriaLabel: {
+      type: String,
+      default: '$kdutify.pagination.ariaLabel.currentPage'
+    },
+    previousAriaLabel: {
+      type: String,
+      default: '$kdutify.pagination.ariaLabel.previous'
+    },
+    nextAriaLabel: {
+      type: String,
+      default: '$kdutify.pagination.ariaLabel.next'
+    },
+    wrapperAriaLabel: {
+      type: String,
+      default: '$kdutify.pagination.ariaLabel.wrapper'
     }
   },
-
   data: function data() {
     return {
-      maxButtons: 0
+      maxButtons: 0,
+      selected: null
     };
   },
-
-
-  watch: {
-    value: function value() {
-      this.init();
-    }
-  },
-
   computed: {
     classes: function classes() {
-      return {
-        'pagination': true,
-        'pagination--circle': this.circle,
-        'pagination--disabled': this.disabled
-      };
+      return _objectSpread({
+        'k-pagination': true,
+        'k-pagination--circle': this.circle,
+        'k-pagination--disabled': this.disabled
+      }, this.themeClasses);
     },
     items: function items() {
-      var maxLength = this.totalVisible || this.maxButtons;
+      var totalVisible = parseInt(this.totalVisible, 10);
+
+      if (totalVisible === 0) {
+        return [];
+      }
+
+      var maxLength = Math.min(Math.max(0, totalVisible) || this.length, Math.max(0, this.maxButtons) || this.length, this.length);
+
       if (this.length <= maxLength) {
         return this.range(1, this.length);
       }
@@ -67,38 +122,50 @@ export default {
       var left = Math.floor(maxLength / 2);
       var right = this.length - left + 1 + even;
 
-      if (this.value >= left && this.value <= right) {
+      if (this.value > left && this.value < right) {
+        var firstItem = 1;
+        var lastItem = this.length;
         var start = this.value - left + 2;
         var end = this.value + left - 2 - even;
+        var secondItem = start - 1 === firstItem + 1 ? 2 : '...';
+        var beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...';
+        return [1, secondItem].concat(_toConsumableArray(this.range(start, end)), [beforeLastItem, this.length]);
+      } else if (this.value === left) {
+        var _end = this.value + left - 1 - even;
+
+        return [].concat(_toConsumableArray(this.range(1, _end)), ['...', this.length]);
+      } else if (this.value === right) {
+        var _start = this.value - left + 1;
 
-        return [1, '...'].concat(_toConsumableArray(this.range(start, end)), ['...', this.length]);
+        return [1, '...'].concat(_toConsumableArray(this.range(_start, this.length)));
       } else {
-        return [].concat(_toConsumableArray(this.range(1, left)), ['...'], _toConsumableArray(this.range(this.length - left + 1 + even, this.length)));
+        return [].concat(_toConsumableArray(this.range(1, left)), ['...'], _toConsumableArray(this.range(right, this.length)));
       }
     }
   },
-
+  watch: {
+    value: function value() {
+      this.init();
+    }
+  },
   mounted: function mounted() {
-    this.$kdutify.load.call(this, this.init);
+    this.init();
   },
-
-
   methods: {
-    onResize: function onResize() {
-      var width = this.$el && this.$el.parentNode ? this.$el.parentNode.clientWidth : window.innerWidth;
-
-      this.maxButtons = Math.floor((width - 96) / 42);
-    },
     init: function init() {
       var _this = this;
 
       this.selected = null;
+      this.$nextTick(this.onResize); // TODO: Change this (f75dee3a, cbdf7caa)
 
-      // Change this
       setTimeout(function () {
         return _this.selected = _this.value;
       }, 100);
     },
+    onResize: function onResize() {
+      var width = this.$el && this.$el.parentElement ? this.$el.parentElement.clientWidth : window.innerWidth;
+      this.maxButtons = Math.floor((width - 96) / 42);
+    },
     next: function next(e) {
       e.preventDefault();
       this.$emit('input', this.value + 1);
@@ -111,7 +178,6 @@ export default {
     },
     range: function range(from, to) {
       var range = [];
-
       from = from > 0 ? from : 1;
 
       for (var i = from; i <= to; i++) {
@@ -120,48 +186,79 @@ export default {
 
       return range;
     },
-    genIcon: function genIcon(h, icon, disabled, fn) {
-      return h('li', [h('a', {
+    genIcon: function genIcon(h, icon, disabled, fn, label) {
+      return h('li', [h('button', {
+        staticClass: 'k-pagination__navigation',
         class: {
-          'pagination__navigation': true,
-          'pagination__navigation--disabled': disabled
+          'k-pagination__navigation--disabled': disabled
         },
-        attrs: { href: '#!' },
-        on: { click: fn }
-      }, [h(KIcon, [icon])])]);
+        attrs: {
+          disabled: disabled,
+          type: 'button',
+          'aria-label': label
+        },
+        on: disabled ? {} : {
+          click: fn
+        }
+      }, [h(_KIcon.default, [icon])])]);
     },
     genItem: function genItem(h, i) {
       var _this2 = this;
 
-      return h('a', {
+      var color = i === this.value && (this.color || 'primary');
+      var isCurrentPage = i === this.value;
+      var ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel;
+      return h('button', this.setBackgroundColor(color, {
+        staticClass: 'k-pagination__item',
         class: {
-          'pagination__item': true,
-          'pagination__item--active': i === this.value
+          'k-pagination__item--active': i === this.value
+        },
+        attrs: {
+          type: 'button',
+          'aria-current': isCurrentPage,
+          'aria-label': this.$kdutify.lang.t(ariaLabel, i)
         },
-        attrs: { href: '#!' },
         on: {
-          click: function click(e) {
-            e.preventDefault();
-            _this2.$emit('input', i);
+          click: function click() {
+            return _this2.$emit('input', i);
           }
         }
-      }, [i]);
+      }), [i.toString()]);
     },
     genItems: function genItems(h) {
       var _this3 = this;
 
-      return this.items.map(function (i) {
-        return h('li', [isNaN(i) && h('span', { class: 'pagination__more' }, [i]) || _this3.genItem(h, i)]);
+      return this.items.map(function (i, index) {
+        return h('li', {
+          key: index
+        }, [isNaN(Number(i)) ? h('span', {
+          class: 'k-pagination__more'
+        }, [i.toString()]) : _this3.genItem(h, i)]);
       });
+    },
+    genList: function genList(h, children) {
+      return h('ul', {
+        directives: [{
+          modifiers: {
+            quiet: true
+          },
+          name: 'resize',
+          value: this.onResize
+        }],
+        class: this.classes
+      }, children);
     }
   },
-
   render: function render(h) {
-    var children = [this.genIcon(h, this.prevIcon, this.value === 1, this.previous), this.genItems(h), this.genIcon(h, this.nextIcon, this.value === this.length, this.next)];
-
-    return h('ul', {
-      directives: [{ name: 'resize', value: this.onResize }],
-      class: this.classes
-    }, children);
+    var children = [this.genIcon(h, this.$kdutify.rtl ? this.nextIcon : this.prevIcon, this.value <= 1, this.previous, this.$kdutify.lang.t(this.previousAriaLabel)), this.genItems(h), this.genIcon(h, this.$kdutify.rtl ? this.prevIcon : this.nextIcon, this.value >= this.length, this.next, this.$kdutify.lang.t(this.nextAriaLabel))];
+    return h('nav', {
+      attrs: {
+        role: 'navigation',
+        'aria-label': this.$kdutify.lang.t(this.wrapperAriaLabel)
+      }
+    }, [this.genList(h, children)]);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KPagination.js.map

package/es5/components/KPagination/KPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KPagination/KPagination.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPagination.sass'\n\nimport KIcon from '../KIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, CreateElement, KNodeChildrenArrayContents } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Intersectable({ onVisible: ['init'] }),\n  Themeable\n).extend({\n  name: 'k-pagination',\n\n  directives: { Resize },\n\n  props: {\n    circle: Boolean,\n    disabled: Boolean,\n    length: {\n      type: Number,\n      default: 0,\n      validator: (val: number) => val % 1 === 0,\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    totalVisible: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.currentPage',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.next',\n    },\n    wrapperAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.wrapper',\n    },\n  },\n\n  data () {\n    return {\n      maxButtons: 0,\n      selected: null as number | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-pagination': true,\n        'k-pagination--circle': this.circle,\n        'k-pagination--disabled': this.disabled,\n        ...this.themeClasses,\n      }\n    },\n\n    items (): (string | number)[] {\n      const totalVisible = parseInt(this.totalVisible, 10)\n\n      if (totalVisible === 0) {\n        return []\n      }\n\n      const maxLength = Math.min(\n        Math.max(0, totalVisible) || this.length,\n        Math.max(0, this.maxButtons) || this.length,\n        this.length\n      )\n\n      if (this.length <= maxLength) {\n        return this.range(1, this.length)\n      }\n\n      const even = maxLength % 2 === 0 ? 1 : 0\n      const left = Math.floor(maxLength / 2)\n      const right = this.length - left + 1 + even\n\n      if (this.value > left && this.value < right) {\n        const firstItem = 1\n        const lastItem = this.length\n        const start = this.value - left + 2\n        const end = this.value + left - 2 - even\n        const secondItem = start - 1 === firstItem + 1 ? 2 : '...'\n        const beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...'\n\n        return [1, secondItem, ...this.range(start, end), beforeLastItem, this.length]\n      } else if (this.value === left) {\n        const end = this.value + left - 1 - even\n        return [...this.range(1, end), '...', this.length]\n      } else if (this.value === right) {\n        const start = this.value - left + 1\n        return [1, '...', ...this.range(start, this.length)]\n      } else {\n        return [\n          ...this.range(1, left),\n          '...',\n          ...this.range(right, this.length),\n        ]\n      }\n    },\n  },\n\n  watch: {\n    value () {\n      this.init()\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      this.selected = null\n\n      this.$nextTick(this.onResize)\n      // TODO: Change this (f75dee3a, cbdf7caa)\n      setTimeout(() => (this.selected = this.value), 100)\n    },\n    onResize () {\n      const width = this.$el && this.$el.parentElement\n        ? this.$el.parentElement.clientWidth\n        : window.innerWidth\n\n      this.maxButtons = Math.floor((width - 96) / 42)\n    },\n    next (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value + 1)\n      this.$emit('next')\n    },\n    previous (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value - 1)\n      this.$emit('previous')\n    },\n    range (from: number, to: number) {\n      const range = []\n\n      from = from > 0 ? from : 1\n\n      for (let i = from; i <= to; i++) {\n        range.push(i)\n      }\n\n      return range\n    },\n    genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): KNode {\n      return h('li', [\n        h('button', {\n          staticClass: 'k-pagination__navigation',\n          class: {\n            'k-pagination__navigation--disabled': disabled,\n          },\n          attrs: {\n            disabled,\n            type: 'button',\n            'aria-label': label,\n          },\n          on: disabled ? {} : { click: fn },\n        }, [h(KIcon, [icon])]),\n      ])\n    },\n    genItem (h: CreateElement, i: string | number): KNode {\n      const color: string | false = (i === this.value) && (this.color || 'primary')\n      const isCurrentPage = i === this.value\n      const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n      return h('button', this.setBackgroundColor(color, {\n        staticClass: 'k-pagination__item',\n        class: {\n          'k-pagination__item--active': i === this.value,\n        },\n        attrs: {\n          type: 'button',\n          'aria-current': isCurrentPage,\n          'aria-label': this.$kdutify.lang.t(ariaLabel, i),\n        },\n        on: {\n          click: () => this.$emit('input', i),\n        },\n      }), [i.toString()])\n    },\n    genItems (h: CreateElement): KNode[] {\n      return this.items.map((i, index) => {\n        return h('li', { key: index }, [\n          isNaN(Number(i)) ? h('span', { class: 'k-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n        ])\n      })\n    },\n    genList (h: CreateElement, children: KNodeChildrenArrayContents): KNode {\n      return h('ul', {\n        directives: [{\n          modifiers: { quiet: true },\n          name: 'resize',\n          value: this.onResize,\n        }],\n        class: this.classes,\n      }, children)\n    },\n  },\n\n  render (h): KNode {\n    const children = [\n      this.genIcon(h,\n        this.$kdutify.rtl ? this.nextIcon : this.prevIcon,\n        this.value <= 1,\n        this.previous,\n        this.$kdutify.lang.t(this.previousAriaLabel)),\n      this.genItems(h),\n      this.genIcon(h,\n        this.$kdutify.rtl ? this.prevIcon : this.nextIcon,\n        this.value >= this.length,\n        this.next,\n        this.$kdutify.lang.t(this.nextAriaLabel)),\n    ]\n\n    return h('nav', {\n      attrs: {\n        role: 'navigation',\n        'aria-label': this.$kdutify.lang.t(this.wrapperAriaLabel),\n      },\n    }, [this.genList(h, children)])\n  },\n})\n"],"sourceRoot":"","file":"KPagination.js"}

package/es5/components/KPagination/index.js

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

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

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