kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KDatePicker/mixins/date-header.js

@@ -1,68 +0,0 @@
-export default {
-  methods: {
-    genBtn: function genBtn(change, children) {
-      var _this = this;
-
-      return this.$createElement('k-btn', {
-        props: {
-          dark: this.dark,
-          icon: true
-        },
-        nativeOn: {
-          click: function click(e) {
-            e.stopPropagation();
-            if (_this.activePicker === 'DATE') {
-              _this.tableDate = _this.normalizeDate(_this.tableYear, change);
-            } else if (_this.activePicker === 'MONTH') {
-              _this.tableDate = _this.normalizeDate(change, _this.tableMonth);
-            }
-          }
-        }
-      }, children);
-    },
-    genHeader: function genHeader(keyValue, selectorText) {
-      var _this2 = this;
-
-      var header = this.$createElement('strong', {
-        key: keyValue,
-        on: {
-          click: function click() {
-            return _this2.activePicker = _this2.activePicker === 'DATE' ? 'MONTH' : 'YEAR';
-          }
-        }
-      }, selectorText);
-
-      var transition = this.$createElement('transition', {
-        props: { name: this.computedTransition }
-      }, [header]);
-
-      return this.$createElement('div', {
-        'class': 'picker--date__header-selector-date'
-      }, [transition]);
-    },
-    genSelector: function genSelector() {
-      var keyValue = this.activePicker === 'DATE' ? this.tableMonth : this.tableYear;
-      var selectorDate = this.normalizeDate(this.tableYear, this.tableMonth);
-
-      var selectorText = '';
-      if (typeof this.headerDateFormat === 'function' && this.activePicker === 'DATE') {
-        selectorText = this.headerDateFormat(selectorDate, this.activePicker);
-      } else if (this.supportsLocaleFormat) {
-        var format = this.activePicker === 'DATE' ? this.headerDateFormat : { year: 'numeric' };
-        selectorText = selectorDate.toLocaleDateString(this.locale, Object.assign(format, {
-          timeZone: this.timeZone
-        }));
-      } else if (this.activePicker === 'DATE') {
-        selectorText = selectorDate.getFullYear() + '/';
-        if (selectorDate.getMonth() < 9) selectorText += '0';
-        selectorText += 1 + selectorDate.getMonth();
-      } else if (this.activePicker === 'MONTH') {
-        selectorText = selectorDate.getFullYear();
-      }
-
-      return this.$createElement('div', {
-        'class': 'picker--date__header-selector'
-      }, [this.genBtn(keyValue - 1, [this.$createElement('k-icon', 'chevron_left')]), this.genHeader(keyValue, selectorText), this.genBtn(keyValue + 1, [this.$createElement('k-icon', 'chevron_right')])]);
-    }
-  }
-};

package/es5/components/KDatePicker/mixins/date-table.js

@@ -1,101 +0,0 @@
-export default {
-  methods: {
-    dateWheelScroll: function dateWheelScroll(e) {
-      e.preventDefault();
-
-      var month = this.tableMonth;
-
-      if (e.deltaY < 0) month++;else month--;
-
-      this.tableDate = this.normalizeDate(this.tableYear, month);
-    },
-    dateGenTHead: function dateGenTHead() {
-      var _this = this;
-
-      var days = this.narrowDays.map(function (day) {
-        return _this.$createElement('th', day);
-      });
-      return this.$createElement('thead', this.dateGenTR(days));
-    },
-    dateClick: function dateClick(day) {
-      var _this2 = this;
-
-      this.inputDate = this.normalizeDate(this.tableYear, this.tableMonth, day);
-      this.$nextTick(function () {
-        return _this2.autosave && _this2.save();
-      });
-    },
-    dateGenButtonText: function dateGenButtonText(date, day) {
-      return this.supportsLocaleFormat ? date.toLocaleDateString(this.locale, {
-        day: 'numeric',
-        timeZone: this.timeZone
-      }) : day;
-    },
-    dateGenTD: function dateGenTD(day) {
-      var _this3 = this;
-
-      var date = this.normalizeDate(this.tableYear, this.tableMonth, day);
-      var buttonText = this.dateGenButtonText(date, day);
-      var button = this.$createElement('button', {
-        staticClass: 'btn btn--date-picker btn--floating btn--small btn--flat',
-        'class': {
-          'btn--active': this.dateIsActive(day),
-          'btn--outline': this.dateIsCurrent(day) && !this.dateIsActive(day),
-          'btn--disabled': !this.isAllowed(date)
-        },
-        attrs: {
-          type: 'button'
-        },
-        domProps: {
-          innerHTML: '<span class="btn__content">' + buttonText + '</span>'
-        },
-        on: {
-          click: function click() {
-            return _this3.dateClick(day);
-          }
-        }
-      });
-
-      return this.$createElement('td', [button]);
-    },
-    dateGenTBody: function dateGenTBody() {
-      var children = [];
-      var daysInMonth = this.normalizeDate(this.tableYear, this.tableMonth + 1, 0).getDate();
-      var rows = [];
-      var day = (this.normalizeDate(this.tableYear, this.tableMonth).getDay() - parseInt(this.firstDayOfWeek) + 7) % 7;
-
-      for (var i = 0; i < day; i++) {
-        rows.push(this.$createElement('td'));
-      }
-
-      for (var _i = 1; _i <= daysInMonth; _i++) {
-        rows.push(this.dateGenTD(_i));
-
-        if (rows.length % 7 === 0) {
-          children.push(this.dateGenTR(rows));
-          rows = [];
-        }
-      }
-
-      if (rows.length) {
-        children.push(this.dateGenTR(rows));
-      }
-
-      children.length < 6 && children.push(this.dateGenTR([this.$createElement('td', { domProps: { innerHTML: '&nbsp;' } })]));
-
-      return this.$createElement('tbody', children);
-    },
-    dateGenTR: function dateGenTR() {
-      var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      return [this.$createElement('tr', data, children)];
-    },
-    dateIsActive: function dateIsActive(i) {
-      return this.tableYear === this.year && this.tableMonth === this.month && this.day === i;
-    },
-    dateIsCurrent: function dateIsCurrent(i) {
-      return this.currentYear === this.tableYear && this.currentMonth === this.tableMonth && this.currentDay === i;
-    }
-  }
-};

package/es5/components/KDatePicker/mixins/date-title.js

@@ -1,64 +0,0 @@
-
-export default {
-  methods: {
-    genYearIcon: function genYearIcon() {
-      return this.yearIcon ? this.$createElement('k-icon', {
-        props: {
-          dark: true
-        }
-      }, this.yearIcon) : null;
-    },
-    getYearBtn: function getYearBtn() {
-      var _this = this;
-
-      var titleDate = this.normalizeDate(this.year, this.month, this.day);
-      return this.$createElement('div', {
-        'class': {
-          'picker--date__title-year': true,
-          'active': this.activePicker === 'YEAR'
-        },
-        on: {
-          click: function click(e) {
-            e.stopPropagation();
-            _this.activePicker = 'YEAR';
-          }
-        }
-      }, [this.supportsLocaleFormat ? titleDate.toLocaleDateString(this.locale, {
-        year: 'numeric',
-        timeZone: this.timeZone
-      }) : this.year, this.genYearIcon()]);
-    },
-    genTitleText: function genTitleText(title) {
-      return this.$createElement('transition', {
-        props: {
-          name: 'slide-y-reverse-transition',
-          mode: 'out-in'
-        }
-      }, [this.$createElement('div', {
-        domProps: { innerHTML: title },
-        key: title
-      })]);
-    },
-    genTitleDate: function genTitleDate(title) {
-      var _this2 = this;
-
-      return this.$createElement('div', {
-        staticClass: 'picker--date__title-date',
-        'class': {
-          'active': this.activePicker === this.type.toUpperCase()
-        },
-        on: {
-          click: function click(e) {
-            e.stopPropagation();
-            _this2.activePicker = _this2.type.toUpperCase();
-          }
-        }
-      }, [this.genTitleText(title)]);
-    },
-    genTitle: function genTitle(title) {
-      return this.$createElement('div', {
-        'class': 'picker__title'
-      }, [this.getYearBtn(), this.genTitleDate(title)]);
-    }
-  }
-};

package/es5/components/KDatePicker/mixins/date-years.js

@@ -1,53 +0,0 @@
-export default {
-  methods: {
-    genYears: function genYears() {
-      return this.$createElement('ul', {
-        staticClass: 'picker--date__years',
-        key: 'year',
-        ref: 'years'
-      }, this.genYearItems());
-    },
-    yearClick: function yearClick(year) {
-      var _this = this;
-
-      this.inputDate = this.normalizeDate(year, this.tableMonth, this.day);
-
-      if (this.type === 'year') {
-        this.$nextTick(function () {
-          return _this.autosave && _this.save();
-        });
-      } else {
-        this.activePicker = 'MONTH';
-      }
-    },
-    genYearItems: function genYearItems() {
-      var _this2 = this;
-
-      var children = [];
-
-      var _loop = function _loop(year, length) {
-        var date = _this2.normalizeDate(year, _this2.month, _this2.day);
-        var buttonText = _this2.supportsLocaleFormat ? date.toLocaleDateString(_this2.locale, {
-          year: 'numeric',
-          timeZone: _this2.timeZone
-        }) : year;
-
-        children.push(_this2.$createElement('li', {
-          'class': {
-            active: _this2.year === year
-          },
-          on: {
-            click: function click() {
-              return _this2.yearClick(year);
-            }
-          }
-        }, buttonText));
-      };
-
-      for (var year = this.year + 100, length = this.year - 100; year > length; year--) {
-        _loop(year, length);
-      }
-      return children;
-    }
-  }
-};

package/es5/components/KDatePicker/mixins/month-table.js

@@ -1,91 +0,0 @@
-export default {
-  methods: {
-    monthWheelScroll: function monthWheelScroll(e) {
-      e.preventDefault();
-
-      var year = this.tableYear;
-
-      if (e.deltaY < 0) year++;else year--;
-
-      this.tableDate = this.normalizeDate(year);
-    },
-    monthClick: function monthClick(month) {
-      var _this = this;
-
-      this.inputDate = this.normalizeDate(this.tableYear, month, this.day);
-      if (this.type === 'date') {
-        this.activePicker = 'DATE';
-      } else {
-        this.$nextTick(function () {
-          return _this.autosave && _this.save();
-        });
-      }
-    },
-    monthGenTD: function monthGenTD(month) {
-      var _this2 = this;
-
-      var date = this.normalizeDate(this.tableYear, month);
-      var monthName = void 0;
-
-      if (typeof this.monthFormat === 'function') {
-        monthName = this.monthFormat(date);
-      } else if (this.supportsLocaleFormat) {
-        monthName = date.toLocaleDateString(this.locale, Object.assign(this.monthFormat, {
-          timeZone: this.timeZone
-        }));
-      } else {
-        monthName = date.getMonth() + 1;
-        if (monthName < 10) {
-          monthName = '0' + monthName;
-        }
-      }
-
-      return this.$createElement('td', [this.$createElement('button', {
-        'class': {
-          'btn btn--date-picker': true,
-          'btn--raised': this.monthIsActive(month),
-          'btn--flat': true,
-          'btn--active': this.monthIsActive(month),
-          'btn--outline': this.monthIsCurrent(month) && !this.monthIsActive(month),
-          'btn--disabled': this.type === 'month' && !this.isAllowed(date)
-        },
-        attrs: {
-          type: 'button'
-        },
-        domProps: {
-          innerHTML: '<span class="btn__content">' + monthName + '</span>'
-        },
-        on: {
-          click: function click() {
-            return _this2.monthClick(month);
-          }
-        }
-      })]);
-    },
-    monthGenTBody: function monthGenTBody() {
-      var _this3 = this;
-
-      var children = [];
-      var cols = Array(3).fill(null);
-      var rows = 12 / cols.length;
-
-      var _loop = function _loop(row) {
-        children.push(_this3.$createElement('tr', cols.map(function (_, col) {
-          return _this3.monthGenTD(row * cols.length + col);
-        })));
-      };
-
-      for (var row = 0; row < rows; row++) {
-        _loop(row);
-      }
-
-      return this.$createElement('tbody', children);
-    },
-    monthIsActive: function monthIsActive(i) {
-      return this.tableYear === this.year && this.month === i;
-    },
-    monthIsCurrent: function monthIsCurrent(i) {
-      return this.currentYear === this.tableYear && this.currentMonth === i;
-    }
-  }
-};

package/es5/components/KGrid/KContent.js

@@ -1,33 +0,0 @@
-require('../../../src/stylus/components/_content.styl');
-
-export default {
-  name: 'k-content',
-
-  computed: {
-    styles: function styles() {
-      var _$kdutify$application = this.$kdutify.application,
-          bar = _$kdutify$application.bar,
-          top = _$kdutify$application.top,
-          right = _$kdutify$application.right,
-          bottom = _$kdutify$application.bottom,
-          left = _$kdutify$application.left;
-
-
-      return {
-        paddingTop: top + bar + 'px',
-        paddingRight: right + 'px',
-        paddingBottom: bottom + 'px',
-        paddingLeft: left + 'px'
-      };
-    }
-  },
-
-  render: function render(h) {
-    var data = {
-      staticClass: 'content',
-      style: this.styles
-    };
-
-    return h('div', data, this.$slots.default);
-  }
-};

package/es5/components/KList/KListTile.js

@@ -1,65 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = 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; }
-
-import Routable from '../../mixins/routable';
-import Toggleable from '../../mixins/toggleable';
-import Ripple from '../../directives/ripple';
-
-export default {
-  name: 'k-list-tile',
-
-  mixins: [Routable, Toggleable],
-
-  directives: {
-    Ripple: Ripple
-  },
-
-  inheritAttrs: false,
-
-  props: {
-    activeClass: {
-      type: String,
-      default: 'list__tile--active'
-    },
-    avatar: Boolean,
-    inactive: Boolean,
-    tag: String
-  },
-
-  computed: {
-    classes: function classes() {
-      return _defineProperty({
-        'list__tile': true,
-        'list__tile--link': this.isLink && !this.inactive,
-        'list__tile--avatar': this.avatar,
-        'list__tile--disabled': this.disabled
-      }, this.activeClass, this.isActive);
-    },
-    isLink: function isLink() {
-      return this.href || this.to || this.$listeners && (this.$listeners.click || this.$listeners['!click']);
-    }
-  },
-
-  render: function render(h) {
-    var isRouteLink = !this.inactive && this.isLink;
-
-    var _ref2 = isRouteLink ? this.generateRouteLink() : {
-      tag: this.tag || 'div',
-      data: {
-        class: this.classes
-      }
-    },
-        tag = _ref2.tag,
-        data = _ref2.data;
-
-    data.attrs = Object.assign({}, data.attrs, this.$attrs);
-
-    return h('li', {
-      attrs: {
-        disabled: this.disabled
-      },
-      on: _extends({}, this.$listeners)
-    }, [h(tag, data, this.$slots.default)]);
-  }
-};

package/es5/components/KList/KListTileAction.js

@@ -1,15 +0,0 @@
-export default {
-  functional: true,
-
-  name: 'k-list-tile-action',
-
-  render: function render(h, _ref) {
-    var data = _ref.data,
-        children = _ref.children;
-
-    data.staticClass = data.staticClass ? 'list__tile__action ' + (data.staticClass || '') : 'list__tile__action';
-    if ((children || []).length > 1) data.staticClass += ' list__tile__action--stack';
-
-    return h('div', data, children);
-  }
-};

package/es5/components/KMenu/mixins/menu-activator.js

@@ -1,59 +0,0 @@
-/**
- * Menu activator
- *
- * @mixin
- *
- * Handles the click and hover activation
- * Supports slotted and detached activators
- */
-export default {
-  methods: {
-    activatorClickHandler: function activatorClickHandler(e) {
-      if (this.disabled) return;
-      if (this.openOnClick && !this.isActive) {
-        this.getActivator().focus();
-        this.isActive = true;
-        this.absoluteX = e.clientX;
-        this.absoluteY = e.clientY;
-      } else if (this.closeOnClick && this.isActive) {
-        this.getActivator().blur();
-        this.isActive = false;
-      }
-    },
-    mouseEnterHandler: function mouseEnterHandler(e) {
-      var _this = this;
-
-      this.runDelay('open', function () {
-        if (_this.hasJustFocused) return;
-
-        _this.hasJustFocused = true;
-        _this.isActive = true;
-      });
-    },
-    mouseLeaveHandler: function mouseLeaveHandler(e) {
-      var _this2 = this;
-
-      // Prevent accidental re-activation
-      this.runDelay('close', function () {
-        if (_this2.$refs.content.contains(e.relatedTarget)) return;
-
-        requestAnimationFrame(function () {
-          _this2.isActive = false;
-          _this2.callDeactivate();
-        });
-      });
-    },
-    addActivatorEvents: function addActivatorEvents() {
-      var activator = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-      if (!activator) return;
-      activator.addEventListener('click', this.activatorClickHandler);
-    },
-    removeActivatorEvents: function removeActivatorEvents() {
-      var activator = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-      if (!activator) return;
-      activator.removeEventListener('click', this.activatorClickHandler);
-    }
-  }
-};

package/es5/components/KMenu/mixins/menu-generators.js

@@ -1,88 +0,0 @@
-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); } }
-
-/**
- * Menu generators
- *
- * @mixin
- *
- * Used for creating the DOM elements for KMenu
- */
-export default {
-  methods: {
-    genActivator: function genActivator() {
-      if (!this.$slots.activator) return null;
-
-      var options = {
-        staticClass: 'menu__activator',
-        'class': {
-          'menu__activator--active': this.hasJustFocused || this.isActive
-        },
-        ref: 'activator',
-        on: {}
-      };
-
-      if (this.openOnHover) {
-        options.on['mouseenter'] = this.mouseEnterHandler;
-        options.on['mouseleave'] = this.mouseLeaveHandler;
-      } else if (this.openOnClick) {
-        options.on['click'] = this.activatorClickHandler;
-      }
-
-      return this.$createElement('div', options, this.$slots.activator);
-    },
-    genTransition: function genTransition() {
-      if (!this.transition) return this.genContent();
-
-      return this.$createElement('transition', {
-        props: {
-          name: this.transition
-        }
-      }, [this.genContent()]);
-    },
-    genDirectives: function genDirectives() {
-      var _this = this;
-
-      // Do not add click outside for hover menu
-      var directives = !this.openOnHover ? [{
-        name: 'click-outside',
-        value: {
-          callback: function callback() {
-            return _this.closeOnClick;
-          },
-          include: function include() {
-            return [_this.$el].concat(_toConsumableArray(_this.getOpenDependentElements()));
-          }
-        }
-      }] : [];
-
-      directives.push({
-        name: 'show',
-        value: this.isContentActive
-      });
-
-      return directives;
-    },
-    genContent: function genContent() {
-      var _this2 = this;
-
-      var options = {
-        'class': [('menu__content ' + this.contentClass).trim(), { 'menuable__content__active': this.isActive }],
-        style: this.styles,
-        directives: this.genDirectives(),
-        ref: 'content',
-        on: {
-          click: function click(e) {
-            e.stopPropagation();
-            if (e.target.getAttribute('disabled')) return;
-            if (_this2.closeOnContentClick) _this2.isActive = false;
-          }
-        }
-      };
-
-      !this.disabled && this.openOnHover && (options.on.mouseenter = this.mouseEnterHandler);
-      this.openOnHover && (options.on.mouseleave = this.mouseLeaveHandler);
-
-      return this.$createElement('div', options, this.showLazyContent(this.$slots.default));
-    }
-  }
-};